@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/forms.css";
@import url(http://fonts.googleapis.com/css?family=Oswald);
body{background:#000034;font:13px/21px Arial, Helvetica, sans-serif;color:#787878;position:relative;min-width:320px;-webkit-text-size-adjust: none;}
html,body{height:100%;}
p{padding-bottom:21px}
a{color:#2790bd;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#000034; font-family:'Oswald', sans-serif; font-weight:normal;}
h1{font-size:50px;}
h2{font-size:30px; text-transform:uppercase; letter-spacing:-1px;}
h3{font-size:36px; color:#232428; letter-spacing:-1px; position:relative; overflow:hidden;} 
	h3 span{ display:block;}
h4{font-size:20px;}  
h5{font-size:18px;}
h6{font-size:14px;}
/* Global Structure---------------------------------------- */
img{ max-width:100%; height:auto;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#2790bd;}
.color2{color:#000;}
.text3{ font:14px/18px Arial, Helvetica, sans-serif;}
.text4{ font:13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;}
/*********************************header*************************************/
.main{width: 1010px;margin: 0 auto;background: #fff;box-shadow: 0 0 16px #dedddd}

header{ width:100%; border-top:6px solid #000034;}
header h1{
	float:left;
	padding:20px 0 0 0;
}
header h1 a{
	display:block;
	width:260px;
	height:120px;
}
/* slider */
.slider{ width:100%;position:relative; z-index:1; margin:19px auto 31px; }
.flexslider {width: 100%; margin: 0;}
.flexslider .slides > li  {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* 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%;}
/* flex-control-nav */
.flex-control-nav{ position:relative; overflow:hidden; position:absolute; bottom:-22px; right:2px; z-index:999; list-style:none;}
	.flex-control-nav li{ float:left; margin-left:2px;}
	.flex-control-nav li a{ display:block; background:#000000; width:12px; height:6px; text-indent:-5000px; margin-top:3px;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.flex-control-nav li a:hover,.flex-control-nav li a.active{ width:12px; height:12px; margin-top:0; background:#000034;}
/* caption */
.caption{ position:absolute; left:1px;bottom:62px; width:500px; color:#fff;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.pad-capt{ padding:0 0 0 38px;}
.text1{ font:40px/48px 'Oswald', sans-serif; letter-spacing:-1px;}
.text2{font:52px/63px 'Oswald', sans-serif; text-transform:uppercase; margin-top:-11px; letter-spacing:-2px;}
.lineH{ width:100%; height:1px; background:#ebebeb;}
/********************** Content ************************/
section{  width:100%;}
.padcontent{ padding-bottom:66px;padding-top: 10px;}
.padcontent2{ padding-bottom:61px;}
.padcontent3{ padding-bottom:51px;}
.padcontent4{ padding-bottom:65px;}
.box1{
	text-align:center;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	margin-left:-10px;
	background: #f3f3f3;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 10px;
}
.box1.first{ margin-left:0; padding-left:0;}
.box1 p{
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 38px;
	padding-left: 30px;
}
.box1.var{background: #fbfbfb;}
.box-img,.box-img2{ float:left; padding:8px; background:#f3f3f3; position:relative;}
.box-img3{ position:relative;}
.box-img a{ position:relative; z-index:2;}
.box-img span{ display:block; top:8px; left:8px; right:8px; bottom:8px; position:absolute; z-index:1;}
.box-img3 span{ display:block; top:0; left:0; right:0; bottom:0; position:absolute; z-index:1;}
.box-img3 img{position:relative; z-index:2;}
.list2{ position:relative; overflow:hidden; padding:40px 0 0 0;}
	.list2 li{ float:left; margin:0 0 0 21px;}
	.list2 li:first-child{ margin:0;}
.list1 li{ font:14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/marker.png) 0 9px no-repeat; padding:1px 0 8px 12px;}
	.list1 li a{ color:#101010}
	.list1 li a:hover{ color:#b3d028}
.quote{ background:#f3f3f3; margin:36px 0 28px 0; padding:14px 10px 15px 20px; position:relative;}
	.quote span{ display:block; background:url(../images/quote.png) 0 0 no-repeat; width:22px; height:11px; position:absolute; bottom:-11px; left:47%;}
.quote blockquote{ font:italic 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#101010;}
.box2{ position:relative; overflow:hidden; padding-bottom:1px;}
	.box2 img{ float:left; margin:6px 7px 0 0;}
.dropcap{ float:left; text-transform:uppercase; width:75px; height:70px; font:48px/58px 'Oswald', sans-serif; background:#fff; text-align:center; box-shadow:0 0 5px #c8df5b; -webkit-box-shadow:0 0 5px rgba(0,0,0,.3); border-radius:50px; color:#000034; margin:5px 15px 16px 0; padding-top:5px;}
.pad4{ padding:0px 40px 0 0;}
	.pad4 .link{ line-height:25px;}
.map{float:left; padding:8px; background:#f3f3f3; position:relative; margin:36px 19px 0 0;}
.map iframe{ width:384px; height:350px;}
.contacts{ font-style:normal; overflow:hidden; padding:30px 0 0 0;}
	.contacts span{ display:inline-block; width:70px;}
	.contacts a{ color:#000; text-decoration:underline;}
	.contacts a:hover{ color:#000034; text-decoration:none;}
/*  Buttons */
.button{display:inline-block; font:18px/22px 'Oswald', sans-serif; text-transform:uppercase;color:#242424;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button:hover{ text-decoration:none;color:#000034;}
.button1{display:inline-block; font:18px/22px 'Oswald', sans-serif; text-transform:uppercase;color:#fff; background:#0f0f0f; padding:6px 18px;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button1:hover{ text-decoration:none;color:#fff;background:#000034;}
.link{ display:inline-block; font:14px/18px 'Oswald', sans-serif; text-transform:uppercase; color:#242424;}
	.link:hover{ color:#000034;}
.link2{ display:inline-block; text-transform:uppercase; color:#000;}
	.link2:hover{ text-decoration:none; color:#000034;}
.list3{ position:relative; overflow:hidden; padding:36px 0 4px 0;}
	.list3 li{ float:left;padding:8px; background:#f3f3f3; width:294px; margin:0 0 10px 10px;}
	.list3 li.first{ margin-left:0;}
	.list-bg{ padding:14px 19px 15px;}
	.list3 li:hover .list-bg{ background:#000034; color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.list3 li:hover .list-bg a{ color:#fff; display:inline;}
	.list3 li:hover .list-bg a:hover{ text-decoration:underline;}
/* Elastislide Style */
.es-carousel-wrapper{padding:40px 0 0 0;position:relative; z-index:99;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none; overflow:hidden; position:relative;}
.es-carousel ul li{height:100%;float:left;display:block; padding:0; overflow:hidden;}
.es-carousel ul li img{display:block;border:none;max-height:100%;max-width:100%;width: 100%;}
.es-carousel ul li .box-img2{ margin-bottom:19px;}
.es-carousel ul li .box-img2 a{ display:block;width: 157px;height: 134px;}
.es-carousel ul li span{ display:block; margin-top:-4px;}
.es-nav span.es-nav-next,.es-nav span.es-nav-prev{ display:block !important; position:absolute; line-height:0; font-size:0; width:19px; height:19px;  text-indent:-5000px;z-index:99; cursor:pointer;top:-34px;}
.es-nav span.es-nav-next{right:0; background: url(../images/btn-next.jpg) 0 0 no-repeat;}
.es-nav span.es-nav-prev{right:23px; background:url(../images/btn-prev.jpg) 0 0 no-repeat;}
.es-nav span.es-nav-next:hover,.es-nav span.es-nav-prev:hover{ background-position:0 -19px;}
.partners a{display: inline-block;height: 104px;overflow: hidden;}
.partners a:hover img{margin-top: -104px;}
.personalized .box-img a{height: 95px;display: inline-block;overflow: hidden;}
.personalized a:hover img{margin-top: -95px;}
/******************** Footer ******************/
footer{ font:12px/15px 'Oswald', sans-serif; color:#7a7a7a; text-transform:uppercase; text-align:center; padding:41px 0 39px;background: #1e1a1a;letter-spacing: 0px;}
footer a{ color:#7a7a7a;}
footer a:hover{ color:#fff;}
.footer-menu{ position:relative; overflow:hidden; padding:8px 0 0 308px;}
	.footer-menu li{ float:left; font-size:14px; line-height:17px; padding:0 15px 0 0;}
	.footer-menu li a{ color:#7f7f7f;}
	.footer-menu li a:hover,.footer-menu li.current a{ color:#fff; text-decoration:none;}
/* padding */
.padtop{ padding-top:63px;}
.padtop24{ padding-top:50px;}
.padtop23{ padding-top:48px;}
.padtop25{ padding-top:46px;}
.padtop22{ padding-top:45px;}
.padtop2{ padding-top:41px;}
.padtop32{ padding-top:36px;}
.padtop3{ padding-top:30px;}
.pad1{ padding-bottom:20px;}
	.pad1 .box-img{ margin-right:10px;}
	.pad1 .extra-wrap{ padding-top:38px;}
	.pad1 .text3 { display:inline-block; margin-top:-3px;}
.pad2{ padding:28px 0 0 0;}
	.pad2 .link2{ margin:2px 0 0 0;}
.pad3{ padding:30px 0 0 0;}
	.pad3 .box-img2{ margin:6px 19px 0 0;}
.pad4{ padding:10px 0 0 0;}
	.pad4 .link2{ margin:2px 0 0 0;}
.padbot2{ padding-bottom:6px;}
.padbot{ padding-bottom:28px;}
.indent{ margin-top:-1px;}
.padline{ padding:19px 0 0 0;}
.padright{ padding-right:30px;}
.padright2{ padding-right:50px;}
.und{ text-decoration:underline;}
.und:hover{ text-decoration:none;}
.padright3{ padding-right:50px;}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
  .main{width: 768px;}
	header h1{ float:left; padding:65px 0 0 0;}
	header h1 a{ display:block; width:130px; height:auto;}
	.caption{bottom:32px;}
	.box1 p{ padding:30px 10px 31px;}
	.list2 li{ float:left; margin:0 0 0 21px;}
	.hidden{ display:none;}
	.footer-menu{padding:8px 0 0 220px;}
	.list3 li{ float:left;padding:18px; background:#f3f3f3; width:294px; margin:0 30px 30px 0;}
	.map iframe{ width:250px; height:350px;}
	#toTop{ display:none !important;}
.padright3{ padding-right:0px;}
}
@media only screen and (max-width: 767px) {
  .main{width: 420px;}
	header h1{ float:none;padding:50px 0 30px 0;}
	.caption{ bottom:10px; width:300px;}
	.pad-capt{ padding:0 0 0 10px;}
	.text1{ font:30px/36px 'Oswald', sans-serif; letter-spacing:-1px;}
	.text2{font:35px/42px 'Oswald', sans-serif; text-transform:uppercase; margin-top:-5px; letter-spacing:-2px;}
	.box1{margin-left:0px; padding-left:0;}
	.borderR{ border-right:none;}
	.list2{ position:relative; overflow:hidden; padding:40px 0 0 0;}
	.list2 li,.list2 li:first-child{ margin:0 0 20px 50px;}
	.footer-menu{ display:none;}
	.es-carousel ul li .box-img2{}
	.es-carousel ul li span{ display:none;}
	.pad4{ padding: 30px 0px 0 0;}
	.list3{ padding-left:0px;}
	.list3 li{ float:left;padding:3px; background:#f3f3f3; width:294px; margin:0 0px 10px 0;}
	.map{ float:none; margin:36px 0 0 0;}
	.map iframe{ width:100%; height:350px;}
	#toTop{ display:none !important;}
.padright3{ padding-right:0px;}
.pad_box{padding: 0 10px;}
header h1 a{margin: 0 auto;}
}
@media only screen and (max-width: 479px) {
  .main{width: 300px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.footer-menu{padding:8px 0 0 70px;}
	.list2 li,.list2 li:first-child{ float:left; margin:0 20px 20px 0;}
	.es-carousel ul li .box-img2{}
	.es-carousel ul li{ margin-right:40px !important;}
	.list3{ padding-left:40px;}
	.list3 li{ float:left;padding:18px; background:#f3f3f3; width:294px; margin:0 30px 30px 0;}
	.map iframe{ width:100%; height:350px;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	left: 50%;
  margin-left: 550px;
	bottom:50px;
	overflow:hidden;
	width:60px;
	height:60px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background: url(../images/top.png) 0 -60px no-repeat;}
#toTopHover {
	background:url(../images/top.png) 0 0 no-repeat;
	width:60px;
	height:60px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}
