@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/carousel.css";
@import "../css/ui.totop.css";
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);
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:13px; line-height:20px; color:#1c6d8a; min-width:960px; background:url(../images/body.jpg) 50% 0 no-repeat #f7f6f6; -webkit-text-size-adjust: none;}

/*********************************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_none{border:none !important;}

/*==================================== Links ======================================================== */
a {color:#928b91;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#7770b4; text-decoration:none;}

.button{ display:inline-block; padding:10px 14px; margin: 25px 0 12px; font-size: 12px; line-height: 17px; color:#fff; font-weight:bold; text-transform:uppercase; border:1px solid #fff; background: url('../images/button.jpg') 0 0 repeat-y;box-shadow: 0 2px 10px #dbd7d9;}
.button:hover{ background-position:-110% 0;background-color:#fff;border-color:#c7beda;color:#185c75;box-shadow:none;}

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

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

header {background: url('../images/header_bg.png') no-repeat;min-height:135px;margin-bottom:19px;}
header h1{position: absolute;left:50%;width:210px;height:139px;margin-left:-105px;z-index:99;top:0;}
header h1 a {display:block;width:210px;height:139px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:1px 0px 37px 0px;}
.cont_pad{padding:80px 0 37px 0 !important;}

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

p {margin-bottom:20px}
.p2{ margin-bottom:29px;}
.p3{ margin-bottom:18px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ border-bottom:1px solid #e6e3ed;background:url(../images/marker1.png) 0 8px no-repeat; padding-left:15px;padding-bottom:7px;margin-bottom:12px;}
.list1 a:hover{color:#185c75;}

/*================================>> H <<========================================*/

h2{font-size: 30px; line-height: 36px; color:#155268;font-weight:bold;}

h2.ind{ margin-bottom:18px;}
h2.ind1{ margin-bottom:24px;}

h3{font-size: 36px; line-height: 43px; color:#185c75; font-weight:normal;}

h4{font-weight:bold;color:#185c75;text-transform:uppercase;font-size:12px;line-height:20px;margin-bottom:20px;}
/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu>li>a, h2, .f_logo{font-family: 'PT Sans Narrow', sans-serif;}
h3, .why>figure{font-family: 'Great Vibes', cursive;}
/*================================>> hovers <<========================================*/
.sf-menu>li, .sf-menu>li>a, .sf-menu>li>span, .button, a.img_wrap{-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>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.offer{border:1px solid #fff;text-align:center;position: relative;padding: 29px 0 17px;background: url('../images/offer_bg.jpg') repeat-y;}
.offer h3{margin-bottom:12px;}
.offer .text{padding: 0 20px;}

.offer:before, .offer:after{width:220px;display:block;position: absolute;left:-1px;content:"";}

.offer:before{height:6px;background:#31768f;top:-6px;}
.offer:after{background: url('../images/offer_after.png') repeat-x;height:25px;bottom:-28px;}

.m_bot1{margin-bottom:61px;}
.m_bot2{margin-bottom:56px;}
.m_bot3{margin-bottom:57px;}

.font_1, .service_list dd strong, .service_list dt{font-size: 12px; line-height: 20px; color: #185c75;text-transform:uppercase;}


/*********************************page_2*************************************/

.about>figure{margin: 6px 20px 0 0;}

.img_wrap{border:5px solid #fff;display:inline-block;box-shadow: 0 6px 27px #e7e5e3;}
a.img_wrap:hover{border-color:#185c75;}

.about_box{margin-bottom:56px;}

.m_left1{margin-left:40px;}

.why{width:330px;float: left;}
.why>figure{border:1px solid #c8bfdb;width:48px;height:45px;text-align:center;background:#fcfbfb;margin: 6px 20px 0 0px;padding-top:3px;font-size: 36px; line-height: 43px; color: #185c75;}
.why_box{margin-bottom:29px;}

.awards>li{margin-bottom:29px;}
.awards>li>figure{margin: 6px 15px 0 -2px;}

.team_box .img_wrap{margin-bottom:14px;}
/*********************************page_3*************************************/
.service_box{}
.service_box .img_wrap{margin-bottom:14px;}

.service_box .price{font-weight:bold;color:#185c75;}

.service_box h4 a, .link{color:#185c75;font-weight:bold;}
.service_box h4 a:hover, .link:hover{color:#594163;}

.service_list{}
.service_list dt{font-weight:bold;color:#185c75;margin-bottom:20px;}
.service_list dd{margin-bottom:10px;}


/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px; padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #c7beda; color:#928b91; padding:7px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;width:202px;}
#contact-form textarea {overflow:auto; height:206px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:42px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-right:8px;}	
#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:30px;}
#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:480px;
   height:407px;
}
.adress{margin-bottom:29px;}
.adress span{ display:inline-block; width:71px;}
.adress dt{ margin-bottom:20px;}

.demo{color:#185c75;text-decoration:underline;}
.demo:hover{ text-decoration:none;}

.touch{}
.touch>div{}
.touch>figure{margin:6px 20px 0 0 ;}
/****************************footer************************/
footer {padding:26px 40px 26px;background: url('../images/footer_bg.jpg') 50% 0 repeat-y;color:#fff;font-size:12px;}
footer a{color:#fff;}
footer a:hover{text-decoration:underline;color:#ebcbef;}
.f_logo{font-size: 18px; line-height: 22px; color: #fff;display:inline-block;margin:-3px 0 0;min-width:50px;}
footer .privacy{float: left;}

footer .social{ overflow:hidden;float: right;margin-top:-7px;}
footer .social a{ display:block; float:left;width:30px;height:30px; overflow:hidden; margin-left:8px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-30px;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .offer h3{font-size:32px;}
	 .offer:after, .offer:before{width:172px;}
	 .about>div{overflow: visible;}
	 .why.m_left1{margin-left:20px;}
	 .why{width:250px;}
	 .awards>li>div{overflow: visible;}
	 .img_wrap{display:block;}
	 .touch>figure{float: none;}
	 #map_canvas{width:100% !important;}
	 .adress{float: left;margin-right:20px;}
	 #contact-form textarea, #contact-form input {width:154px;}
	 #toTop{display:none !important;}
   .touch > figure{margin:0;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .offer:after, .offer:before{width:420px;}
 .about>figure{float: none;margin: 0 0 15px;}
 img{width:100%;}
 .why{width: auto; margin: 0 0 20px 0 !important;}
 .awards>li>div{overflow: hidden;}
 .m_bot2, .m_bot3{margin-bottom:30px;}
 #contact-form textarea, #contact-form input {width:402px;}
 header{padding:140px 0 10px;min-height:0;}
 .service_box .img_wrap{display:block;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 footer>div{float: none !important;}
 footer>div.social{margin:10px 0 0;}
 .offer:after, .offer:before{width:300px;}
 #map_canvas{height:200px;}
 .img_wrap{width:290px !important;}
 .adress{float: none;}
  #contact-form textarea, #contact-form input {width:282px;}
}