/* HTML5 Doctor Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
strong, sub, sup, var, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ""; content: none;}
ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}

body {background: #d6d6d6 url(../img/bg_body.png); font: normal 14px/1.3 Arial; overflow-x: hidden;}

select, input, textarea, button {font: 99% sans-serif;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}

html {overflow-y: scroll;}
a:hover, a:active {outline: none;}
ul, ol {margin-left: 2em;}
ol {list-style-type: decimal;}
nav ul, nav li {margin: 0; list-style:none; list-style-image: none;}
small {font-size: 85%; font-style: italic;}
b, strong, th {font-weight: bold;}
td {vertical-align: middle;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px;}
textarea {overflow: auto;} 
.ie6 legend, .ie7 legend {margin-left: -7px;} 
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
input:valid, textarea:valid {}
input:invalid, textarea:invalid {border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red;}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {background-color: #f0dddd;}

::-moz-selection {background: #39afe8; color:#fff; text-shadow: none;}
::selection {background:#39afe8; color:#fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #FF5E99;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}

body, select, input, textarea {color: #444;}

/* Theme Styles */

a {color:#0396ed; font-style: italic; text-decoration: none;}
a:hover {text-decoration: underline;}

#container {
	background: #fff;
	border-top: 5px solid #39afe8;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
	margin: 20px auto 30px;
	padding: 20px 10px;
	text-align: left;
	width: 1180px;
}
header {clear: both; margin-bottom: 10px; overflow: hidden;}
header hgroup {float: left; margin-left: 5px;}
header hgroup h1 {font: 1.5em/1.5em Georgia,serif;}
header hgroup h2, header hgroup p, #contacts {font: italic 1.5em/1.2em Calibri;}

#contacts {float: right; margin-bottom: 10px; text-align: right;}

header nav {
	background: #f2f2f2;
	border:1px solid #e6e6e6;
	float: left; 
	margin: 20px auto 0;
	width: 99.8%;
}
header nav ul {
	margin: 0; 
	padding: 0; 
	overflow: hidden;}
header nav ul li {
	border-right: 1px solid #e6e6e6; 
	display: inline;
	float: left;
	font-size: 17px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: none;
}
header nav ul li:last-child {border: 0; float: right;}
/*header nav ul li:last-child a {padding: 5px 5px 0 0;}*/
header nav ul li:last-child img {vertical-align: middle;}

header nav ul li a {
  color: #444;
  display: block;
  padding: 8px 24px;
  font: normal 1em/1.5em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
	-webkit-transition-property: background; 
	-webkit-transition-duration: .7s; 
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background; 
	-moz-transition-duration: .7s; 
	-moz-transition-timing-function: linear;
	-o-transition-property: background; 
	-o-transition-duration: .7s; 
	-o-transition-timing-function: linear;
}
header nav ul li a.active {background: #39afe8; color:#fff;}
header nav ul li a:hover {background: #39afe8; color:#fff; text-decoration: none;}

.features {float: left; margin: 35px auto 0;}
.features h3 {font:italic 1.5em/1.1em Georgia,serif;}

.features .col2 {width: 48%;}
.features .col3 {width: 32%;}
.features .col2, .features .col3{
	float: left;
	padding: 3px;
	text-align: center;
}
/* .features .col2:first-child, .features .col3:first-child {padding-left: 0;}
.features .col2:last-child, .features .col3:last-child {padding-right: 0;}
*/

.features .col2 img, .features .col3 img {border: 1px solid #ccc; height: auto; width: 100%;}
.features article p {padding: 5px 4px; text-align: left;}		

#content {
	float: left;
	margin-right: 20px;
	width: 67%;
}
#content article {padding: 0 10px;
	/* border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc;
	margin: 0 0 10px 0;*/
}
#content article h2, #content h2 {color: #39AFE8; font: 1.5em Georgia; margin: 13px 0;}
#content article h3, #content h3 {color: #39AFE8; font: italic 1.4em Georgia; margin: 13px 0;}
#content article img {height: auto; margin: 0 0 10px 0; width: 100%;}
#content article img.txt {margin: 0;}

.w50 {float: left; margin-right: 7px!important;; width: 50%!important;;}

.pdf {position: relative; padding-bottom: 66.67%; height: 0; overflow: hidden; max-width: 100%;}
.pdf iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

video {max-width: 100%; width: 100%;}
@media (min-width: 768px) {video {width: 50%;}}

.logo {width: inherit !important;}
	
#content article p {font-size: 1.1em; margin-bottom: 13px;}
#content article p:last-child {margin-bottom: 0;}

#sidebar {float: left; width: 30%;}
#sidebar aside {border-left: 1px dashed #ccc; margin: 1em 0; padding-left: 10px;}
#sidebar aside h4 {background: #39afe8; color: #fff; font-size: 15px; margin: 0 0 10px; padding: 10px 5px; text-shadow: 0 1px 1px #666;}
#sidebar aside p {font-size: 13px; margin-bottom: 8px;}
#sidebar aside p:last-child {margin: 0;}
#sidebar aside ul {margin: 0; padding: 0;}
#sidebar aside ul li {list-style: none; margin-bottom: 6px; padding-left: 5px;}
#sidebar aside ul li a {font: normal 1.043em/1.5em "Adelle-Regular",sans-serif}

time {color: #39AFE8; font-style:italic;}

.clear {clear:both; height:10px;}

footer {background:#eee; border:1px solid #ccc; clear: both; font-size: 14px; margin-top:10px; padding: 10px 20px;}
footer nav ul {margin: 0 auto; padding: 0;}
footer nav ul li {display: inline; list-style: none; margin-right: 12px; text-shadow: 0 1px 0 #fff;}
footer nav ul li a {color: #666; text-shadow: 0 1px 0 #fff;}
footer p {color: #444; margin-top:10px; text-shadow: 0 1px 0 #fff;}

@media (max-width: 1200px) {
#container {width: 940px;}
#content {width: 67%;}
#sidebar {width: 30%;}
header hgroup h1 {font-size: 20px;}
header hgroup h2, #contacts {font-size: 16px;}
header nav {margin-top: 18px;}
header nav ul li {font-size: 16px;}
#content article {margin-bottom: 12px;}
#sidebar aside {margin-bottom: 10px;}
.features article p {padding: 5px 10px;	text-align: left;}
}
/* iPad in landscape */
/* Note: Design for max-width: 1024px */
@media (max-device-width: 1024px) and (orientation: landscape) {
#container {width: 748px;}
#content {width: 540px;}
#sidebar {width: 208px;}
header {margin-bottom: 10px;}
header hgroup {margin-bottom: 12px;}
header nav {float: none; clear: both;}
header nav ul {width: 100%;}
header nav ul li {font-size: 14px; width: 191px; text-align: center;}
header nav ul li:last-child {width: 192px;}
}
/* iPad in portrait */
/* Note: Design for a width of 768px */ 
@media (max-device-width: 1024px) and (orientation: portrait) {
#container {width: 580px;}
#content {float: left; width: 580px; margin: 0;} /* ipro */
#sidebar {float: left; width: 580px; margin-top: 0;}
header {margin-bottom: 10px;}
/* header hgroup {margin-bottom: 12px;}*/
header nav {float: none; clear: both;}
header nav ul {width: 100%;}
header nav ul li {/* font-size: 14px; width: 149px;*/ text-align: center;}
/* header nav ul li:last-child {width: 150px;}*/
#content article {padding: 0 10px;}
#sidebar aside {color: #000; /* float: left; width: 250px; min-height: 170px; margin-right: 20px; padding: 20px; */}
#sidebar aside:last-child {margin: 0;}
}

/* #Tablet (Portrait) */
/* Note: Design for a width of 740px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#container {width: 720px;}
#content {float: left; width: 720px; margin: 30px 0 12px 0;}
#sidebar {float: left; width: inherit; margin-top: 0;}
header {margin-bottom: 10px;}
header hgroup {margin-bottom: 12px;}
header nav {float: none; clear: both; width: 99.4%;}
header nav ul {width: 100%;}
header nav ul li {font-size: 14px; width: 149px; text-align: center;}
header nav ul li:last-child {width: 115px;}
#content article {padding: 20px;}
#sidebar aside {color: #000; /*padding: 20px;*/} /* ipro */
#sidebar aside:last-child {margin: 0;}
.features .col2 {padding: 4px; width: 48%;}
.features .col3 {padding: 4px; width: 32%;}
.features article p {padding: 5px 9px;}
.flex-direction-nav {display:none;}
}

/* #Mobile (Landscape) */
/* Note: Design for a width of 420px */
@media only screen and (min-width: 601px) and (max-width: 767px) {
#container {width: 580px;}
#content {float: left; width: 580px; margin: 30px 0 12px 0;}
#sidebar {float: left; width: inherit; margin-top: 0;}
header {margin-bottom: 10px;}
header hgroup {margin-bottom: 12px;}
header nav {float: none; clear: both; width: 99.2%;}
header nav ul {width: 100%;}
header nav ul li {font-size: 14px; width: 140px; text-align: center;}
header nav ul li:last-child {width: 115px;}
#content article {padding: 20px;}
#sidebar aside {color: #000; padding: 20px;}
#sidebar aside:last-child {margin: 0;}
.features .col2, .features .col3 {float: none; margin: 0 auto; width: 86%;}
.flex-direction-nav{display:none;}
}

/* Mobile width < 600px*/
@media (max-width: 600px) {
.flexslider{display: none;}	
#container, #content {width: inherit;}
#content {margin: 0;}
#sidebar{float: left; margin-top: 0; width: inherit;}
header {margin: 0 0 10px 0; text-align: center;}
header hgroup {width: 100%; margin-bottom: 12px;}
header hgroup h1 {font-size: 20px;}
header hgroup h2 {font-size: 16px;}
#block_social {display:inline-block; float:none;}
header nav {float: none; clear: both; width: 99.3%;}
header nav ul {width: 100%;}
header nav ul li {border-bottom: 1px solid #ccc; display: block; float: none; font-size: 14px; text-align: left; width: 100%;}
header nav ul li:last-child {border-bottom: 0; width: 100%;}
header nav ul li a {padding: 10px;}
#content article {padding: 10px; -webkit-border-radius: 0;}
#sidebar aside {color: #000; float: left; margin: 10px auto; padding: 20px; width:90%;}
#sidebar aside:last-child {margin: 0;}
footer {padding: 10px; font-size: 12px;}
.features .col2, .features .col3 {float: none; margin: 0 auto; width: 86%;}
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; overflow:hidden;} 

/* FlexSlider Necessary Styles*/ 
.flexslider {margin: 0 0 10px; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; height:auto;}
.flex-pauseplay span {text-transform: capitalize;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {
	width: inherit;
	padding: 5px;
	position: absolute;
	left: 0;
	bottom: 2px;  
	background: rgba(0,0,0,.7); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.5); 
	font-size: 13px; 
	text-align:left;}

.flex-caption a{
	color:#fff; 
	cursor: pointer;
	border-bottom: 1px solid #DDD;
	padding: 1px;
	font: 13px;}	

.flex-caption a:hover{
	color: #fff;
	border-bottom: 1px dotted #fff;
	text-decoration:none;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme*/
.flexslider {margin: 0px auto; position: relative; zoom: 1; width:100%;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px;}
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; text-align: left; margin-top:7px;}
.flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	border: 1px solid #ccc;
	text-align: center;
	font:bold 12px/16px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

.flex-control-paging li a:hover {cursor: pointer; text-decoration:none; border:1px solid #999; color:#3c6c84;}
.flex-control-paging li a.flex-active {: pointer;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}