@import "../css/reset.css";@import "../css/skeleton.css";@import "../css/superfish.css";@import "../css/flexslider.css";@import "../css/touchTouch.css";
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:18px; color:#000; min-width:960px; background:#232324;-webkit-text-size-adjust: none;}
.main {width:960px;padding:0;margin:0 auto;}

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

.italic{font-style:italic}
.letter {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;}

/*==================================== Links ======================================================== */
a {color:#000;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#cd2b27; text-decoration:none;}

.button{ display:inline-block; padding:3px 11px 6px; margin: 16px 1px 1px; font-size: 12px; color:#fff; border-radius:7px;background:url(../images/button.jpg) repeat-x #c81714;box-shadow: 0 0 1px #767b7a;}
.button:hover{ background:#e52c13;color:#fff}

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

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

header {padding: 32px 0px 21px;}
header h1{padding: 6px 0 0 2px;width:150px;float:left;}
header h1 a {display:block;width:149px;height:40px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:35px 0px 117px 0px;}
.cont_pad{padding:165px 0 117px 0 !important;}

.top_box{ background: url(../images/main_box.jpg) repeat-x #fff;height:116px;}
.height{height:344px !important;}

.content_box{background-color:#FFF;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:10px;}
.p3{margin-bottom:15px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/news_marker.png) 0 4px no-repeat; padding-left:20px;margin-bottom:6px;}
.list1 a:hover{text-decoration:underline;}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 24px; line-height: 29px; color:#000; font-family: Georgia ,serif; margin-bottom:17px;}

h2.ind{ margin-bottom:24px;}
h2.ind1{ margin-bottom:19px;}
h2.ind2{ margin-bottom:15px;}
h2.ind3{ margin-bottom:22px;}
/*================================>> GOOGLE FONTS  <<========================================*/


/*********************************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{ float:right;}

.offer{margin-bottom:52px;}
.services .title, .products .title, .offer .title{background-color:#c10400; color:#fff;font-size: 18px; line-height: 21px;text-align:center;padding: 6px 0 8px;}
.offer img{margin-bottom:28px;}
.offer:hover .title{background-color:#262626;}

.feat_serv{}
.feat_serv>li{margin-bottom:32px;}
.feat_serv>li>figure{padding: 5px 0 0 0;}
.feat_serv>li>div{width:220px;}

.news{margin: -3px 0 0 0;}
.news>li{background: url(../images/news_marker.png) 2px 4px no-repeat;padding: 0 0 13px 22px;}
.news .date{color:#cc2320;margin-bottom:5px;}
/*********************************page_2*************************************/
.box1{margin-bottom:51px;}
.box1 img{margin-bottom:28px;}

.list3{margin-top:-2px;}
.list3>li{margin-bottom:13px;}
.list3>li>span{color:#cc2320;display:inline-block;margin-bottom:5px;}
.det_link, .service_item .title, .red, .faq span, .resources span, .list1 a{color:#cc2320;}
/*********************************page_3*************************************/
.products{padding:4px 0 25px 0;}
.products .lightbox-image{margin-bottom:28px; display:inline-block;}
/*********************************page_4*************************************/
.s_banner{display:inline-block;margin-top:27px;}
.staff>li>div{width:220px;}
.staff>li{margin-bottom:32px;}
.staff>li>figure{padding-top:5px;}

.resources{}
.resources>li{margin-bottom:11px;}
.resources>li>figure{padding-top:2px;}
.resources>li>div{width:230px;margin-top:-1px;}
/*********************************page_5*************************************/
.m_bot1{margin-bottom:40px;}
/*********************************page_6*************************************/
.services{padding-top:4px;margin-bottom:53px;}
.services img{ margin: 0 auto;}
.services .img_wrap{text-align:center;padding:16px 0 11px 4px;}

.service_item{margin-bottom:25px;}
.service_item>div{width:220px;}
.service_item>figure{padding-top:4px;}
.det_link{display:inline-block;margin-top:11px;}
.det_link:hover{text-decoration:underline;}
/*********************************page_7*************************************/


/* Contact form */
#contact-form {padding:5px 0 0 0;position: relative;}
#contact-form .success {width: 100%;top: 0;left: 0;padding: 15px 0;background: #b1b1b1;text-align: center;z-index: 99;position:absolute;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #b1b1b1; color:#484c51; padding:16px 15px 17px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#contact-form input {width:264px;}
#contact-form textarea {overflow:auto; width:428px; height:162px;resize:vertical; float:left; margin: 0 0 0 0;}	
#contact-form label {display:inline-block; padding-bottom:10px; min-height:50px; overflow:hidden;position: relative;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:15px;}	
#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;position: absolute;top: 15px;right:5px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:19px;}
#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;margin-bottom:15px;display:inline-block;padding-top:5px;}
#map_canvas {
    width:460px;
	height:269px;
}
.adress{}
.adress span{ display:inline-block; width:108px;}
.adress dt{ margin-bottom:18px;}
.adress a{}
.adress a:hover,.demo:hover{ text-decoration:underline;}

/****************************footer************************/
footer {padding:53px 0 50px;background-color:#232324;position: relative;}
footer, footer a{font-size:14px;color:#fff;}

.privacy{padding-top:5px;}
#form1{overflow:hidden;min-height: 60px;position: relative;font-size: 18px; line-height: 22px; color: #fff; font-family: Georgia ,serif; float:right;margin: 0 0 0;}
#form1 a{border:none;margin:0;padding: 2px 24px 3px; border-radius:5px; font-family:Arial, Helvetica, sans-serif;margin-left:9px;font-size:14px;}
#form1 input{display:inline-block;background-color:#f2f2f2;box-shadow: 1px 1px #5f5f60;border:none;margin: 0 0 0 13px;padding: 5px 5px 6px;width:149px;border-radius:3px; font-family:Arial, Helvetica, sans-serif;}

#form1 .error{display: none;position: absolute;top: 25px;left: 0;font-size: 11px;color: red;}
#form1 .invalid .error{display: block !important;}
#form1 label{}
#form1 .success{position: absolute;width: 100%;left: 0;top: 0;text-align: center;padding: 5px 0; background: #fff;display: block;color: #000;font-size: 11px;line-height: 14px;z-index: 999;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
.sf-menu > li > a{width: 80px;}
.main{width: 768px;}
.feat_serv > li > div, .staff > li > div, .resources > li > div, .service_item > div {width: auto;margin: 0;overflow: visible;float: none;}
.feat_serv > li > figure, .staff > li > figure, .resources > li > figure, .service_item > figure{margin-right: 20px;}
#content{padding-bottom: 30px;}
.products img, .s_banner img, .img{width: 100%;}
.s_banner{display: block;}
.products .lightbox-image {display: block;}
#contact-form input, #contact-form textarea{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;}
#contact-form label{display: block;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
.main{width: 420px;}
header h1{float: none;margin-bottom: 30px;}
.banner{top: 35px;left: 15px;font-size: 18px;line-height: 22px;}
.cont_pad {padding: 60px 0 50px !important;}
.offer a:first-child{display: block;}
.offer img, .box1 img{width: 100%;}
.offer{margin-bottom: 0;}
#newsletter{float: none;}
footer{padding-bottom: 0;}
footer .privacy{position: absolute;left: 0;bottom: 0;}
footer .container_12{padding-bottom: 40px;}
footer .wrapper{position: static;}
.top_box{height: auto;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main{width: 300px;}
 #form1 a{margin-left: 0;margin-top: 15px;}
 #form1 .error{top: 33px;left: auto;right: 5px;}
 #form1 input{float: none;clear: both;width: 290px;margin:10px 0 0 0;}
 .service_item > figure{margin: 0 0 15px;float: none;}
 .service_item > figure img{width: 100%;}
 .banner{top: 24px;}
 #form1 .success{padding: 20px 0;}
}
