@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/tabs.css";
@import '../css/ui.totop.css';
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#b1b1b1; min-width:1010px; background:url(../images/body.png) 50% 0 repeat-x #f7f7f7; -webkit-text-size-adjust: none;}

.main{width:1010px;margin: 0 auto;background:#fff;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase;}
.f_left {float:left;}
.f_right {float:right;}
.align_right {text-align:right;}
.align_center {text-align:center;}

.it{font-style:italic;}
.let{letter-spacing:-1px;}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden;}
.extra_wrapper{ overflow:hidden;}
.container{width:100%;}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.bd_n{border:none !important;}
/*==================================== Links ======================================================== */
a {color:#b1b1b1;outline:none; text-decoration:none; cursor:pointer;}
a:hover, .f_14 a:hover{ color:#ff9933; text-decoration:none;}

.button{ display:inline-block; padding:6px 21px 8px; margin: 25px 0 0; font-size: 12px; line-height: 16px; color:#fff; font-weight:bold;border-bottom:1px solid #a2c2cf;background:#aecdd9;position: relative;}
.button:hover{color:#fff;}
.button strong{display: block;position: absolute;width:100%;height:0;left:0;bottom:0;background:#a2c2cf;}
.button:hover strong{height:100%;}
.button span{display:inline-block;position: relative;z-index:10;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding: 54px 0 42px;}
header h1{width:154px;float: left;}
header h1 a {display:block;width:250px;height:60px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

.social{ overflow:hidden;padding: 23px 0 23px;float: right;}
.social span{display:block;float: left;text-transform:uppercase;font-size: 11px; line-height: 14px;padding: 8px 5px 0 0;}
.social a{ display:block; float:left;width:30px;height:30px; overflow:hidden; margin-left:2px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-30px;}

.call{font-size: 25px; line-height: 29px; float: right; letter-spacing:-1px; color: #ff9933;font-weight:600;margin: -2px 0 0;}
.call span{font-size:14px;padding: 8px 10px 0 21px;line-height:22px;color:#333333;display:block;float: left;background: url('../images/call.png') 0 12px no-repeat;}

/*********************************content*************************************/
#content {padding:53px 0px;}
.cont_pad{padding:0 0 48px !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:20px}
.p2{ margin-bottom:12px;}
.p3{ margin-bottom:9px;}
.p4{ margin-bottom:4px;}
.p5{ margin-bottom:25px;}
.p6{ margin-bottom:24px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 12px no-repeat; border-bottom:1px solid #bdd9e4; padding: 5px 0 4px 12px;}
.list1 a{font-weight:600;font-size:13px;line-height:18px;text-transform:uppercase;color:#fff;}
.list1 a:hover{color:#000;}

ul>li.last{border:none;}

.list2{}
.list2 li{background: url('../images/marker2.png') 0 8px no-repeat; border-bottom:1px solid #f0f1f1;padding:0 0 9px 12px;margin-bottom:10px;}
.list2 a{color:#b5b5b5;font-size:14px;}
.list2 a:hover{color:#ff9933;}

/*================================>> H <<========================================*/
h4{ font-weight:normal;}
h2{font-size: 25px; line-height: 29px; color:#ff9933; text-transform:uppercase;letter-spacing:-1px;}

h3{font-size: 25px; line-height: 30px; color:#ff9933; font-weight:600;letter-spacing:-2px; margin-bottom:22px;}
h3.ind1{ margin-bottom:13px;}
h3.ind2{ margin-bottom:18px;}
h3.ind3{ margin-bottom:23px;}
h3.ind4{ margin-bottom:28px;}
h3.ind5{ margin-bottom:19px;}

h4{font-size: 25px; line-height: 30px; color: #aecdd9;margin-bottom:13px;letter-spacing:-1px;}

/*================================>> GOOGLE FONTS  <<========================================*/
.call, nav, .flexslider .inner .title1, .flexslider .inner .title2, h2, h3, .list1 a, .welcome .title1, .welcome .title2, .testimonials, .ui-tabs .ui-tabs-nav li a, footer span, .newsroom>li>figure, .tabs h3, .os{font-family: 'Open Sans', sans-serif;}

/*================================>> hovers <<========================================*/
.sf-menu>li strong, .button strong, .ui-tabs .ui-tabs-nav li a, .list1 a, #form1 label.invalid .error{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.welcome{padding-top:7px;}
.welcome .title1{font-size: 25px; line-height: 29px; text-transform:uppercase; color: #ff9933;font-weight:bold;letter-spacing:-1px;margin-bottom:4px;}
.welcome .title2{font-size: 25px; line-height: 29px; color: #333333;font-weight:600;letter-spacing:-1px;margin-bottom:15px;}

.f_14, .f_14 a{font-size:14px;color:#222222;}

.offer1{padding: 14px 0 0;}

.map_img{display: none;}
/*================================>> SLIDER BANNER  <<=================================*/
.flexslider .banner{position: absolute;width:40%;left:56px;top:69px;}
.flexslider .banner .inner{padding: 0 0 0 0;}

.flexslider .inner .title1{font-size: 80px; line-height: 96px; color: #ff9933; font-weight:bold;letter-spacing:-6px;}
.flexslider .inner .title2{font-size: 25px; line-height: 30px; color: #3d3d3d; font-weight:600;letter-spacing:-1px;padding-left:15px;margin-bottom:19px;}
.flexslider .inner .text{padding: 0 40px 0 16px;}
/*================================>> SLIDER BANNER  END<<=================================*/

.offers_box{background:#aecdd9;padding: 33px 0 38px;color:#728d97;margin-bottom:39px;}
.offers_box h2{margin-bottom:26px;}
.offers_box .button{background:#0066ff;}

.testimonials{background:#ff9933;padding: 45px 20px 49px 29px;margin-bottom:20px;position: relative;font-weight:600;font-size: 22px; line-height: 30px; color: #3d3d3d;letter-spacing:-1px;border-bottom:1px solid #e7e7e7;}
.testimonials:after{display:block;position: absolute; bottom:-6px;left:14px;width:10px;height:6px;background: url('../images/test_after.png') no-repeat;content:"";}
.black, .black a{color:#5b5b5b;}

.stripe1{height:1px;background:#f1f1f1;margin: 42px 5px 41px;}
.stripe2{height:1px;background:#f1f1f1;margin: 32px 5px 41px;}
.stripe3{height:1px;background:#f1f1f1;margin: 45px 5px 41px;}

.img{border-bottom:1px solid #e7e7e7;}
.img1{border:1px solid #f2f2f2;}
/*********************************page_2*************************************/
.about{border-bottom:1px solid #f1f1f1;padding-bottom:47px;margin-bottom:41px;}
.about>div{}
.about>figure{margin: 5px 20px 0 0;}

.work{margin-bottom:27px;}
.work>li{margin-bottom:21px;}
.work>li>figure{margin: 6px 20px 0 0;}

.newsroom{}
.newsroom>li{margin-bottom:24px;}
.newsroom>li>div{}
.newsroom>li>time{float: left;display: block;margin: 5px 19px 0 0;padding: 0 0 2px ;width:61px;text-transform:uppercase;text-align:center;background:#f2f2f2;color:#3d3d3d;font-weight:bold;box-shadow: inset 1px -1px #e7e7e7;}
.newsroom>li>time .top{font-size: 25px; line-height: 30px; color: #fff; font-weight:bold; color:#fff;display:block;background:#aecdd9; padding: 4px 0 4px;margin-bottom:1px;}

.newsroom_box{border-bottom:1px solid #f1f1f1;padding-bottom:48px;margin-bottom:40px;}
/*********************************page_3*************************************/
.services>li>figure{margin: 0 0 0 0;}

.services>li{margin-bottom:24px;}
.services>li>figure{margin: 5px 0 0 0;width:59px;}

.service>figure{margin: 5px 20px 0 0;}

.enchance_box{border-bottom:1px solid #f1f1f1;padding-bottom:42px;margin-bottom:41px;}
.enchance>figure{width:105px;margin: 5px 0 0 0;}

.box{border-bottom:1px solid #f1f1f1;padding-bottom:47px;margin-bottom:42px;}
.box>div{}
.box>figure{margin: 5px 20px 0 0;}

.solution{border-bottom:1px solid #f1f1f1;padding-bottom:42px;margin-bottom:41px;}

#form1{}
#form1 input{margin:0;border:1px solid #e7e7e7;font-size:12px;color:#b1b1b1;background:#fff;font-family:Arial, Helvetica, sans-serif;padding: 8px 8px 9px;width:253px;}
#form1 {
	
}
	#form1 input {
		 border:1px solid #e7e7e7;
		 background:#fff;
		 outline:none;		 
		 box-shadow:none;
	}
	#form1 label {
		display:inline-block;
		min-height:30px;
	}
	#form1 .error, #form1 .empty {
		display:block;
		overflow:hidden;
		height:0px;
		color:#F00;
	}

#form1 label.invalid .error {
	/*display: block;*/
	height:19px;
}
/* Form defaults */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/*********************************page_4*************************************/
.clent{}
.clent>div{}
.clent>figure{margin: 5px 19px 0 0;}

.faq>li{margin-bottom:24px;}
.question{margin-bottom:9px;}
.question>div{}
.question>figure, .asked>figure{margin: 0 0 0 0;width:40px;font-size:12px;font-weight:bold;color:#3d3d3d;margin: 0 0 0 0;}

/*********************************page_5*************************************/
.contact_info{}
.contact_info>div{}
.contact_info>figure{margin: 5px 19px 0 0;}

/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px;padding:10px;}
#contact-form textarea, #contact-form input {border:1px solid #e7e7e7;font-size:12px;color:#b1b1b1;background:#fff;font-family:Arial, Helvetica, sans-serif;padding: 8px 8px 9px;}
#contact-form input {width:212px;}
#contact-form textarea {overflow:auto; width:332px; height:154px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:inline-block; min-height:44px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-right:11px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; clear:both;}
#contact-form .buttons2 {overflow:hidden;position:relative; clear:both; padding-top:31px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:inline-block;margin-bottom:26px;}
#map_canvas {
   width:350px;
   height:304px;
}
.adress{margin-bottom:20px;float: left;}
.adress span{ display:inline-block; width:81px;}
.adress dt{}

.demo{color:#5b5b5b;font-weight:bold;}
.demo:hover{ text-decoration:underline;}
/*


*/
/****************************footer************************/
footer {padding:26px 0;}
footer, footer a{color:#b1b1b1;}
footer span{color:#3d3d3d;font-size:13px;text-transform:uppercase;font-weight:600;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .main{width:768px;}
 .flexslider{height:329px;}
 .offers_box h2{font-size:22px;}
 .tabs{background-position: right 50px;}
 .tabs .tab-content{width:520px;}
 .tabs .tab-content .inner{padding-right:200px;}
 .flexslider .banner{top:30px;}
 .flex-control-nav{bottom:20px;}
 .flexslider .inner .title1{font-size: 60px; line-height: 72px;}
.flexslider .inner .title2{font-size: 20px; line-height: 24px;}
.flexslider .inner .title2, .flexslider .inner .text{padding-left:10px;}
.about>div, .newsroom>li>div{overflow: visible;}
.about>figure{margin-bottom:20px;}
#form1 input{width:190px;}
#contact-form textarea, #contact-form input{width:260px;}
.contact_info>figure{float: none;width:100%;margin:0 0 15px;}
#map_canvas{width:100%;}
.map_wrapper{display:block;}
.adress{margin-right:20px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .main{width:420px;}
 .flexslider{height:180px;}
.flexslider .banner{left:20px;} 
.flexslider .inner .title1{font-size: 36px; line-height: 40px;letter-spacing:-2px;padding-left:5px;}
.flexslider .inner .title2{font-size: 16px; line-height: 20px;padding-left:5px;}
.flexslider .inner .text{display:none;}
.pad_box{padding:0 20px;}
.tabs ul.nav, .solution img{width:100%;}
.tabs ul.nav, .tabs .tab-content{float: none;}
.tabs .tab-content{width: auto;}
.tabs .tab-content .inner{width:100%;padding:20px 0 0;}
header h1, header .call{float: none;}
header .call{font-size:20px;line-height:36px;}
header h1{margin-bottom:10px;}
header{padding:30px 0;}
.work>li>div{overflow: visible;}
.newsroom>li>div{overflow: hidden;}
.support img, .newsroom img, .about img{width:100%;}
.work img{width:99%;}
.newsroom figure, .about figure, .work>li>figure{float: none;margin: 0 0 10px;}
.box>div{ overflow: visible;}
.solution>figure{width:100%;float: none;}
#contact-form textarea, #contact-form input{width:360px;}
.map_img{display: block;text-align: center;margin-top: 20px;}
.tabs{background: none;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main{width:300px;}
 .flexslider{height:129px;}
 .flexslider .inner .title1{font-size: 24px; line-height: 29px;letter-spacing:-2px;padding-left:5px;}
.flexslider .inner .title2{display:none;}
.flex-control-nav{left:20px;}
 .service>figure, .box>figure{float: none;margin-bottom:10px;width:100%;}
 .clent img, .box img, .service img{width:100%;}
 #contact-form textarea, #contact-form input{width:240px;}
 .clent>figure{float: none;width:100%;margin:0 0 10px;}
}