/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,400italic,300italic);
/* default */
img{border:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt { padding:0; margin:0;}
ul,ol { list-style:none;}
a { text-decoration:none;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after { height:0; clear:both;visibility:hidden;}
/*.clearfix {display:inline-block;}*/
/* Hide from IE Mac \*/
/*.clearfix {display:block;}*//* End hide from IE Mac */

/* Clearfix */
.clrfix:before,
.clrfix:after {
    content: " ";
    display: table;
}
.clrfix:after {
    clear: both;
}
.clrfix {
    *zoom: 1;
}
.container{ max-width:1020px; margin: 0 auto; position: relative;}
.left{ float: left;}
.right{ float: right;}

a, a > img, nav ul li, #content-top dl dd:before{ -webkit-transition: all 0.30s ease-in-out; -moz-transition: all  0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out;
}

header a:hover > img{ transform:translateY(5px); -ms-transform:translateY(5px); /* IE 9 */-webkit-transform:translateY(5px); /* Opera, Chrome, and Safari */}

/* Body */
body{ font-family: 'Roboto Condensed', sans-serif; font-size: 17px; background:#FFF; margin:0; padding:0; text-align: left; color:#545454;
animation: fadein 1s; -moz-animation: fadein 1s; /* Firefox */ -webkit-animation: fadein 1s; /* Safari and Chrome */ -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein { from { opacity:0;} to { opacity:1;} }
@-moz-keyframes fadein { /* Firefox */ from { opacity:0;} to { opacity:1;} }
@-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0;} to { opacity:1;} }
@-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1; } }


/*header*/
nav a#pull { display: none;}

header{ width:100%; text-align:left; min-height:100px; height:100%; margin:0 auto; padding: 10px 0 0; border-top: 4px solid #086AB7; background:#fff; box-shadow: 0 0 5px #000; position: relative; z-index: 2;}
header small{ display: inline-block; vertical-align: middle; font-size: 14px;}
header .socials{ display: inline-block; vertical-align: middle; padding-left: 10px; margin: 0 auto;}
header .socials li{ display: inline-block;}
header .right{ text-align: right;}
nav { min-height: 100%; width: 100%; margin: 32px auto 0; padding:0; font-size: 15px;}
nav ul { padding:0; margin:0;}
nav ul li { float:left; padding:0; margin:0 20px; width: 65px; border-bottom: 6px solid transparent;}
nav ul li a { display:block; width:auto; height:auto; margin:0; padding: 0 0 15px; line-height:120%; text-align:center; color: #999;}
nav ul li:hover, nav ul li.active-menu{ border-bottom: 6px solid #8CC63F;}

/*header*/
#banner{ width:100%; text-align:left; /*min-height:530px;*/ margin:0 auto 30px; padding:0; /*background: url('../images/banner.jpg') no-repeat right top #066AB7; */ font-size: 21px; color:#fff; position: relative;}
#banner:after{ width: 100%; content:''; background: url('../images/shadow.jpg') no-repeat center bottom; height: 30px; position: absolute; bottom: -27px; right: 0; left: 0;}
#banner > img{ margin: 0 auto; width: 100%; }
#banner .container { left: 0; margin: 0 auto; position: absolute; right: 0; top: 0;}
#banner .caption{ width: 40%; text-shadow: 1px 1px 2px #333; padding: 45px 0 0;}
#banner .caption strong{ font-weight: lighter; font-style: italic; font-size: 52px;}
#banner .caption a{ font-size: 14px; color: #fff; border: 1px solid #fff; border-radius: 5px; display: block; width: 218px; height: 45px; text-align: center; line-height: 45px; letter-spacing: 3px; text-shadow:none;}
#banner .caption a:hover{ background: #A4C633;}

/* main */
#main { width:100%; max-width:1020px; margin:0 auto; text-align:left; position: relative; background: #fff;}


#content-top{ text-align: center; background: url('../images/shadow2.jpg') no-repeat center bottom; padding-bottom: 60px;}
#content-top dl{ display: inline-block; vertical-align: top; width: 190px; margin: 5px; font-size: 21px;}
#content-top dl:first-of-type{ margin-left: 0;}
#content-top dl:last-of-type{ margin-left: 0;}
#content-top dl dd{ height: 90px; background: rgba(0,0,0,0.9); font-weight: lighter; color: #fff; margin: -110px auto 0; position: relative; padding: 15px 15px 0;}
#content-top dl dd span{ display: block; height: 20px;}
#content-top dl dd small{ display: block; height: 10px;}
#content-top dl dd:before{ position: absolute; top: 0; left: 0; right: 0; content: ''; background: #8CC63F; width: 100px; height: 6px; display: block; margin: 0 auto;}
#content-top dl:nth-of-type(2) dd:before{ background: #076AB7;}
#content-top dl:nth-of-type(3) dd:before{ background: #F00;}
#content-top dl:nth-of-type(4) dd:before{ background: #ff0;}
#content-top dl:nth-of-type(5) dd:before{ background: #fff;}

/* content */
#content{ margin:20px auto 30px; padding:0 10px;} 
.side #content{  float:left; width: 62%;}
#contact #content{ float: right; width: 60%;}
#content h1{ color: #076AB7; font-weight: lighter; font-size: 36px; margin: 0 auto 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
#content h2{ color: #076AB7; font-weight: lighter;}
#content p strong{ font-weight: normal; color: #000;}



/* contact */
.contactBox { width:500px; margin:0 auto; padding:10px 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactBox p { padding:0 10px 0 !important;}
.contactBox a { color:#000 !important;}
.contactBox strong { color:#D71015; font-family: 'GoudyStoutRegular';}
.contactBox-left { float:left; width:250px; margin:0; padding:0;}
.contactBox-right { float:right; width:250px; margin:0; padding:0;}

.contactForm { width:500px; margin:10px auto; padding:0 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactForm label { display:block; margin:0; padding:5px 0 5px 25px; font-size:14px; line-height:120%;}
.contactForm input[type=text] { display:block; width:450px; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:0; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:0 0 2px 0; text-align:center; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm textarea { display:block; width:450px; margin:0 auto; padding:0; font-size:14px; line-height:120%;}
form .required{ color: #f00;}
#Form_Container { margin: 40px 0 0 25px;}
.Form_Full input, .Form_Full textarea{ display: block; max-width: 95%; width: 400px;}

/* aside */
aside{ float:right; width:33%; margin:20px auto 30px; padding:0 10px; font-size: 15px;}
#contact aside{ float: left;}
aside h2{ color: #076AB7; font-weight: lighter; font-size: 36px; margin: 0 auto 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
aside .person{ background: url('../images/person-icon.png') no-repeat left center; margin: 0 0 25px 25px; padding: 0 0 0 20%;}
aside .location{ background: url('../images/location-icon.png') no-repeat left center; margin: 0 0 0 25px; padding: 0 0 0 20%;}
aside span{ color: #066AB7;}
aside strong{ font-weight: normal; color: #066AB7;}
aside a{ color: #000;}

#content-bottom{ text-align: center; padding: 0 0 40px;}
#content-bottom h3{ background: url('../images/shadow2.jpg') no-repeat center bottom; color:#086AB7; font-weight: lighter; font-size: 24px; padding: 0 0 45px; margin: 20px auto 0;}
#content-bottom img{ display: inline-block; vertical-align: middle; margin: 0 10px;}
#content-bottom .slider-btn{ display: block; background: url('../images/slider-btn.png') no-repeat center bottom; height: 10px; margin: 20px 0 0;}
.owl-theme .owl-controls .owl-page span{ background: #AAAAAA !important; opacity: 1 !important;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background: #086AB7 !important;}

/*footer*/
footer{  width:100%;  min-height:37px; margin:0 auto; padding:0; text-align:left; background:#086AB7; color: #fff; font-size: 16px;}
footer ul{ padding: 0; margin: 0; line-height: 44px;}
footer ul li{ display: inline-block;}
footer a{ color: #fff;}
footer small{ font-size: 16px; line-height: 44px;}