@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/ui.totop.css";
@import "../css/font-awesome.css";
@import url(http://fonts.googleapis.com/css?family=Philosopher:400,700italic|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:#555555; background:#f5f5f5; -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;}

.m1 {margin-left:25px;}
.m2 {margin-left:35px;}
.m3 {margin-bottom:8px;}

.pad1 {padding:0 10px;}
.pad2 {padding-left:10px;}

.fleft {float: left;}

/*==================================== Links ======================================================== */

a {color:#004D99;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#333333; text-decoration:none;}

.button{ display:inline-block; padding:6px 22px 8px; margin: 28px 0 0 0; font-size: 12px; line-height: 16px; color:#fff;background: url('../images/button.png') repeat-x #004D99;}
.button:hover{ background:#333333; color:#fff;}

/*********************************Displays*************************************/

.block{ display:block;}
.inline-block{ display:inline-block;}

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

header {background: url('../images/header.jpg') 50% 0 repeat #d3d3d3;position: relative; z-index:10;}
header h1{float:left;padding-top:0;}
header h1 a {display:block;width:400px;height:60px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

header .top{background: url('../images/header_top.jpg') repeat-x #ececec;padding: 34px 28px 30px 39px;overflow: hidden;}

.top_bord{border-top: 3px solid #980000;}

.h_phone {
    float: right;
    text-align: right;
}

.h_phone>span {
    padding-top: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    display: block;
    color: #222222;
}

.h_phone>span .fa {
    float:left;
    line-height: 20px;
    font-size: 24px;
    padding-top: 2px;
    color: #004D99;
    margin-right: 8px;
}

.h_phone>span>img {
    float: right;
    display: block;
    padding-top: 4px
}

/*********************************content*************************************/

#extra-content {background: url(../images/extra-content.jpg) repeat 50% 0%;width: 100%;overflow: hidden;padding: 0;}
#content {padding:27px 0px 57px 0px;position: relative; z-index:8;}
.cont_pad{padding:0 0 57px 0 !important;}

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

p {margin-bottom:20px;}
.p2{ margin-bottom:14px;}
.p3{ margin-bottom:11px;}
.p4{ margin-bottom:24px;}
.p5{ margin-bottom:7px;}
.p6{ margin-bottom:4px;}
.p7{ margin-bottom:30px;}
.p8{ margin-bottom:20px;}

/*================================>> LISTS <<========================================*/

.list1{}
.list1 li{ background:url(../images/marker1.png) 0 8px no-repeat; margin-bottom:10px; padding-left:17px;}
.list1 a:hover{color:#222222;}

.list2{}
.list2 li{ background:url(../images/marker1.png) 0 8px no-repeat; padding-left:15px;border-bottom:1px solid #dfdfdf;margin-bottom:10px;padding-bottom:9px;}
.list2 a{font-size:14px;}

.last_li{border:none !important;padding-bottom:0 !important;margin-bottom:0 !important;}

.list3{}
.list3 li{ background:url(../images/marker1.png) 0 8px no-repeat; margin-bottom:0; padding-left:17px;}
.list3 li li {background-image:none;}


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

h2,h3,h4{ font-weight:normal;}
h2{font-size: 25px; line-height: 30px; color:#434141;font-weight:600;letter-spacing:-1px; margin-bottom:23px;}
h2 span{display:block;margin-top:-4px;}

h2.ind{padding-left:10px;margin-bottom:20px;}
h2.ind1{ margin-bottom:25px;}
h2.ind2{ margin-bottom:18px;}

h3, h4{font-size:25px;line-height:30px;color:#434141;font-weight:600;letter-spacing:-1px; margin-bottom:10px;}
h3.ind{padding-left:10px;}
/*================================>> GOOGLE FONTS  <<========================================*/

.offer .title, .flexslider .banner .text, .manufacturing .title, h3, .search_list h4{font-family: 'Philosopher', sans-serif;}
.sf-menu>li>a, h2, h3, h4, #menu-icon, .solution>figure{font-family: 'Open Sans', sans-serif;}

/*================================>> hovers <<========================================*/

.sf-menu>li>a, .sf-menu em, .list1 a, .button, footer a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.flexslider li .banner{-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1.5s ease;}

/*********************************home*************************************/
.offer_box{background:#fff;margin-bottom:39px;}
.offer{border-left:1px solid #bcbcbc;color:#444444;padding: 47px 40px 36px 39px;}
.offer .title{font-size: 24px; line-height: 28px; color: #434141;font-weight:bold;font-style:italic;letter-spacing:-1px;margin-bottom:16px;}
.offer figure{margin-bottom:27px;}

.bord_col{border-color: #fff;}

.font1{font-size: 14px; line-height: 20px; color: #004D99;}

.col1{color: #004D99;}

.pad_box{border-right:1px solid #dfdfdf;padding: 0 20px 0 10px;}

.comment{}
.testimonials{float:right;margin-right:20px;padding-top:20px;}

/*********************************about*************************************/
.img_inner{float: left;padding: 0 20px 16px 10px;}

.font2{font-size: 14px; line-height: 20px; color: #980000;}

/*********************************contact*************************************/

#contact-form {padding:4px 0 0 0;}
#contact-form .success {width:246px;  padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #999999; color:#6e6c6c; padding:11px 18px 14px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:none;}
#contact-form input {width:195px;}
#contact-form textarea {overflow:auto; width:432px; height:180px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:inline-block; min-height:61px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:27px;}	
#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;text-align:right; position:relative; clear:both; padding-top:25px;}
#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:block;margin-bottom:15px;padding-left:10px;}
#map_canvas {width:100%;height:282px;}

.adress{padding-left:10px;}
.adress span{ display:inline-block; width:70px;}
.adress dt{font-size: 16px; line-height: 18px; color:#333333;font-weight:600;}
.demo{color:#004D99;}
.demo:hover{ text-decoration:underline;}

/****************************footer************************/
footer {background: url('../images/footer_block.png') 50% 0 repeat-x;}
footer .social {
    float: right;
    margin-right: 30px;
}

footer .social a {
    color: #004D99;
    display: block;
    float: left;
    font-size: 22px;
    line-height: 24px;
}

footer .social a+a {
    margin-left: 20px;
}

footer .social a:hover {
    color: #323764;
}
.footer_box{background: url('../images/footer.png') repeat #6e6b6b;padding:24px 0 26px;}
.f_menu{padding: 0 0 0 15px;overflow: hidden;float: left;}
.f_menu>li{float: left;margin-right:16px;padding-left:17px;background: url('../images/f_menu_li.jpg') 0 6px no-repeat;}
.f_menu>li:first-child{background:none;}
.f_menu a{color:#363636;font-size: 12px; line-height: 20px;display:inline-block;}
.f_menu a:hover, .f_menu li.current a{color:#000;}

footer .privacy{padding: 20px 0 20px 32px;}
footer .privacy, footer .privacy a{color:#363636;}
.f_logo{display:inline-block;margin: 2px 5px 0 0;}
footer a:hover{color:#000;}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 header h1 a {width:340px;height:51px;background:url(../images/logo_small.png) 0 0 no-repeat;}
 .h_phone>span {font-size: 18px;line-height: 18px;}
 .h_phone>span .fa {line-height: 18px;font-size: 18px;}
 #contact-form textarea, #contact-form input {width:335px;}
 .flexslider{height: 296px;}
 .extra_wrapper{padding-left: 10px;}
 .img_inner{width: 100%; float:none;padding: 0 0 16px 10px;}
 .flex-control-nav{padding-bottom:10px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 header h1{margin-bottom:20px;}
 .h_phone {margin-right:44px;}
 .offer_box{padding:10px 0;}
 .offer{padding:10px 20px;border-color: #fff;}
 .biography figure{float: none; width:100%;}
 img{width:100%;}
 .flexslider{display:none;}
 .offer_box .grid_8{margin-bottom:0;}
 .pad_box{padding-right:0;border:none;}
 h2.response{padding-left:10px;}
 blockquote{padding: 0 10px;}
 footer .f_menu{padding:0;}
 footer .social {margin-right: 20px;}
 footer .privacy{padding: 30px 20px 20px;}
 #contact-form textarea, #contact-form input {width:382px;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 header .top{padding:30px 13px;}
 header h1{margin-bottom:0;}
 header h1{width: auto;}
 header h1 a{background-size: contain;width: auto;}
 .service2>li>figure{width:100%;float: none;margin-bottom:20px;}
 #contact-form textarea, #contact-form input {width:262px;}
 .f_menu, .flexslider .flex-active-slide .banner{display:none;}
}