html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}header,footer,section,aside,nav,article{display: inline-block; width: 100%;}input:focus,select:focus,textarea:focus{outline: none;}
body{
font-family: 'Roboto', sans-serif;
background: #fff;
font-size: 14px;
color: #787878;
}
.inner{width: 1240px; margin: 0 auto;}
header{padding: 0 0 20px;}
header .logo{float: left; margin: 25px 35px 0 0;}
header nav{float: left; width: auto; margin: 44px 0 0;}
header nav .pull{display: none;}
header nav li{float: left; margin: 0 0 0 40px;}
header nav li a{color: #7a7a7a; font-size: 16px; font-weight: 300;}
header nav li a:hover{color: #1a7ec6;}
header nav li.active a{color: #1a7ec6; font-weight: 500;}
header .phones{float: right; margin: 28px 0 0;}
header .phones a.tel{color: #000; font-size: 25px; display: inline-block; position: relative; top: 6px; left: -10px; letter-spacing: -2px;}
#promo{display: block; color: #fff; font-family: "Tahoma", sans-serif; text-transform: uppercase;}
#promo h1{font-size: 40px; padding: 210px 0 25px;}
#promo h2{font-size: 20px;}
#promo .inner{padding: 0 0 0 110px; box-sizing: border-box;}
#promo.promo-mobile .inner{padding: 0; text-align: center;}
.promo-slider,.promo-slider .slick-slide{height: 505px;}
.promo-slider .slick-slide{background-position: 50% 0; background-repeat: no-repeat;}
#calc{display: block; background: url("../img/bg_calc.jpg") 50% 0 no-repeat; background-size: cover;}
#calc .info{width: 50%; float: right; text-align: center; padding: 120px 0 140px;}
#calc .info p{margin-bottom: 20px;}
#directions{/*background: url('../img/bg_directions.jpg') 50% 0 no-repeat; background-attachment: fixed;*/ display: block; text-align: center; font-family: "Tahoma", sans-serif; padding: 130px 0 120px;}
#directions ul{display: inline-block; width: 100%; margin: 0;}
#directions ul li{display: inline-block; width: 33%; float: left;}
#directions p.title{font-weight: bold; color: #fff; font-size: 20px; line-height: 1.4; margin: 15px 0 20px;}
#directions p.excerpt{color: #fff; line-height: 1.6;}
#directions .btn{font-size: 19px; font-weight: 700; padding: 18px 100px;}
#directions .block-title{color: #fff;}
#directions.directions-mobile{padding: 20px 0 50px;}
#directions.directions-mobile p.excerpt{text-align: left; padding: 0 30px 20px;}
#counts{background: #e9eef3; display: block; text-align: center; font-family: "Tahoma", sans-serif; padding: 5px 0 40px;}
#counts ul{display: inline-block; width: 100%; margin: 0 0 50px 0;}
#counts ul li{display: inline-block; width: 20%; float: left; box-sizing: border-box; padding: 0 10px;}
#counts ul li span{display: block; font-size: 80px; color: #424956;}
#counts p.excerpt{color: #808080; line-height: 1.6;}
#counts .btn{font-size: 19px; font-weight: 700; padding: 18px 100px;}
#business{text-align: center; font-family: "Tahoma", sans-serif; padding: 5px 0 50px;}
#business ul{display: inline-block; width: 100%;}
#business ul li{width: 33%; float: left; display: block; position: relative; margin: 0 0 0.5% 0;}
#business ul li:nth-child(2),#business ul li:nth-child(5),#business ul li:nth-child(8){margin: 0 0.5%;}
#business ul li img{display: block; width: 100%; height: 255px; border-radius: 7px;}
#business ul li p{position: absolute; top: 0; left: 0; display: table; width: 100%; height: 255px; background: rgba(0,0,0,0.4); border-radius: 7px;}
#business ul li a{color: #fff; display: table-cell; width: 100%; height: 255px; box-sizing: border-box; vertical-align: middle;}
#business ul li a span{font-size: 20px; font-weight: bold; display: block; padding: 0 50px; line-height: 1.4;}
#business ul li a b{display: inline-block; width: 60px; height: 1px; background: #fff; margin: 10px 0 15px; display: none;}
#business ul li a i{font-size: 14px; font-style: normal; line-height: 1.5; display: block; display: none;}
#business ul li:hover p{background: rgba(25,118,194,0.54);}
#business ul li:hover a b,#business ul li:hover a i{display: inline-block;}
#business-mobile{text-align: center; font-family: "Tahoma", sans-serif; padding: 50px 0;}
#business-mobile ul{display: inline-block; width: 100%;}
#business-mobile ul li{width: 33%; float: left; display: block; position: relative; margin: 0 0 0.5% 0;}
#business-mobile ul li:nth-child(2),#business-mobile ul li:nth-child(5),#business-mobile ul li:nth-child(8){margin: 0 0.5%;}
#business-mobile ul li img{display: block; width: 100%; height: 255px; border-radius: 7px;}
#business-mobile ul li p{position: absolute; top: 0; left: 0; display: table; width: 100%; height: 255px; background: rgba(0,0,0,0.7); border-radius: 7px;}
#business-mobile ul li a{color: #fff; display: table-cell; width: 100%; height: 255px; box-sizing: border-box; vertical-align: middle;}
#business-mobile ul li a span{font-size: 20px; font-weight: bold; display: block; padding: 0 20px; line-height: 1.4;}
#business-mobile ul li a b{display: inline-block; width: 60px; height: 1px; background: #fff; margin: 10px 0 15px;}
#business-mobile ul li a i{font-size: 14px; font-style: normal; line-height: 1.5; display: block; padding: 0 30px;}
#business-mobile ul li:hover p{background: rgba(0,0,0,0.7);}
#business-mobile ul li:hover a b,#business-mobile ul li:hover a i{display: inline-block;}
#calculation{background: #edf1f5; padding: 0 0 20px;}
#calculation .left{float: left; width: 50%;}
#calculation input[type="text"],#calculation input[type="email"],#calculation textarea{
width: 100%; max-width: 530px; box-sizing: border-box; height: 60px; border: none; border-radius: 5px; padding: 0 22px; font-size: 13px; font-weight: 300; font-family: 'Roboto', sans-serif;
margin-bottom: 13px;
}
#calculation input[type="file"]{display: none;}
#calculation textarea{padding: 22px; height: 170px; resize: none;}
#calculation label{display: inline-block; position: relative; top: -45px; width: 100%; color: #025398; font-size: 14px; font-weight: 300; font-family: 'Roboto', sans-serif; text-decoration: underline; padding: 3px 42px 3px 0; box-sizing: border-box; text-align: right; max-width: 530px; background: url("../img/file.png") 98% 50% no-repeat;}
#calculation label:hover{text-decoration: none; cursor: pointer;}
#calculation .btn{padding: 18px 85px; width: 265px;}
#calculation .right{float: left; width: 50%; text-align: center; color: #090909; line-height: 1.5; font-weight: 300;}
#calculation .right p{margin-bottom: 25px;}
#we-work{text-align: center; font-family: "Tahoma", sans-serif; padding: 50px 0;}
#we-work ul{display: inline-block; width: 100%;}
#we-work ul li{width: 24%; float: left; display: block; position: relative; margin: 0 0.5% 0.75%; z-index: 1;}
/*#we-work ul li:nth-child(2),#we-work ul li:nth-child(3),#we-work ul li:nth-child(6),#we-work ul li:nth-child(7){margin: 0 1%;}*/
#we-work ul li img{display: block; width: 100%; height: 200px; border-radius: 7px;}
#we-work ul li p{position: absolute; top: 0; left: 0; display: table; width: 100%; height: 200px; background: rgba(0,0,0,0.7); border-radius: 7px;}
#we-work ul li a{color: #fff; display: table-cell; width: 100%; height: 200px; box-sizing: border-box; vertical-align: middle;}
#we-work ul li a span{font-size: 20px; font-weight: bold; display: block; padding: 0 20px; line-height: 1.4;}
#we-work ul li a b{display: inline-block; width: 60px; height: 1px; background: #fff; margin: 10px 0 15px;}
#we-work ul li a i{font-size: 14px; font-style: normal; line-height: 1.5; display: block; padding: 0 30px;}
#we-work ul li:hover p{background: rgba(0,0,0,0.7);}
#we-work ul li:hover a b,#we-work ul li:hover a i{display: inline-block;}
#we-work .arr{background: url("../img/arr_ww.png") 50% 50% no-repeat; width: 37px; height: 37px; position: absolute; top: 50%; right: 0%; margin: -18px -18px 0 0; z-index: 99;}
#experts{text-align: center; font-family: "Tahoma", sans-serif;}
#experts ul{display: inline-block; width: 100%;}
#experts ul li{display: inline-block; width: 20%; margin: 0 0 60px; float: left; box-sizing: border-box; font-size: 20px; color: #424956; font-weight: bold; line-height: 1.3;}
#experts ul li img{display: block; margin: 0 auto; max-width: 100%; height: auto;}
#experts ul li p{min-height: 52px;}
.news-us{padding-bottom: 60px;}
.news-us .btn{width: 265px; box-sizing: border-box; padding: 20px 0;}
.news-us p{margin: 20px 0; font-weight: bold; color: #535353; font-family: "Tahoma", sans-serif; text-align: center;}
#order{/*background: url("../img/bg_order.jpg") 50% 0px no-repeat; background-size: cover; background-attachment: fixed;*/ padding: 35px 0; text-align: center;}
#order .title{font-size: 32px; font-weight: 500; color: #fff; text-transform: uppercase; margin-bottom: 30px;}
#order .form{display: inline-block; width: auto; background: #fff; padding: 20px;}
.form input[type="text"],.form input[type="email"]{height: 50px; width: 300px; padding: 0 15px; background: #efefef; border: none;}
.form input[type="text"].i_name{background: #efefef url("../img/i_name.png") 97% 50% no-repeat}
.form input[type="text"].i_phone{background: #efefef url("../img/i_phone.png") 97% 50% no-repeat; margin: 0 13px;}
.form .btn{padding: 15px 33px; font-size: 17px; height: 50px;}
#news{text-align: center; font-family: "Tahoma", sans-serif;}
.news-inner{background: #e9eef3; padding-bottom: 45px;}
#news ul{display: inline-block; width: 100%;}
#news ul li{float: left; display: block; width: 32%; margin: 0 0 2% 0; text-align: left;}
#news ul li:nth-child(2),#news ul li:nth-child(5),#news ul li:nth-child(8),#news ul li:nth-child(11){margin: 0 2% 2%;}
#news .thumbnail{position: relative;}
#news .thumbnail span{position: absolute; top: -7px; left: -7px; display: inline-block; background: #525960; color: #fff; font-weight: bold; padding: 7px 33px;}
#news .thumbnail img{width: 100%; height: auto;}
#news .info{padding: 25px 12px; color: #787878; line-height: 1.4;}
#news .info a{color: #535353; font-weight: bold;}
#news .info p{margin-top: 10px;}
#news .information{line-height: 1.6; padding: 40px 0; text-align: left;}
#news .information p{margin-bottom: 20px;}
#customers{background: url("../img/bg_customers.png") 50% 0 no-repeat; padding: 5px 0 50px;}
#customers .slick-slide:hover{background: #fff; text-align: center;}
#customers .slick-slide img{margin: 0 auto}
#promo-inner{text-align: center; color: #fff; background: url("../img/bg_promo_inner.jpg") 50% 0 no-repeat; background-size: cover;}
#promo-inner h1{font-size: 40px; text-transform: uppercase; font-family: "Tahoma", sans-serif; padding: 65px 0;}
#about{background: url("../img/bg_about.jpg") 50% 0 no-repeat; background-size: cover; padding: 40px 0;}
#about h2{font-size: 20px; margin-bottom: 40px; text-align: center; color: #404040; text-transform: uppercase;}
#about .thumbnail{float: left; width: 35%;}
#about .thumbnail img{max-width: 100%; height: auto;}
#about .text{float: left; width: 64%; line-height: 1.6; margin-left: 1%;}
#about .text p{margin-bottom: 20px;}
#vacancy{background: url("../img/bg_about.jpg") 50% 0 no-repeat; background-size: cover; padding: 40px 0 0; font-family: "Tahoma", sans-serif;}
#vacancy ul{display: inline-block; width: 100%;}
#vacancy ul li{width: 50%; float: left; box-sizing: border-box; display: inline-block; margin-bottom: 45px;}
#vacancy ul li .thumbnail{width: 35%; float: left; text-align: center;}
#vacancy ul li .thumbnail img{width: 100%; height: auto; margin-bottom: 23px;}
#vacancy ul li .thumbnail a.btn{width: 90%; padding: 17px 0; font-weight: normal;}
#vacancy ul li .description{width: 63%; float: right;}
#vacancy ul li .description p.title{color: #404040; font-weight: bold; font-size: 20px; text-transform: uppercase; margin-bottom: 10px;}
#vacancy ul li .description p.text{line-height: 1.4;}
#vacancy ul li .description .info-p{line-height: 1.4;}
#vacancy ul li .description .info-p p{margin-bottom: 25px;}
#vacancy ul li table{width: 100%; font-weight: bold; color: #3f3f3f;}
#vacancy ul li table td{width: 50%; height: 35px; vertical-align: middle;}
#information{line-height: 1.6; padding: 40px 0; background: #e9eef3}
#information p{margin-bottom: 20px;}
#contacts{background: url("../img/bg_about.jpg") 50% 0 no-repeat; background-size: cover; padding: 40px 0 100px;}
#contacts #map{width: 60%; float: left; height: 325px;}
#contacts .data{color: #fff; font-size: 16px; font-weight: 500; width: 40%; float: right; height: 325px; padding: 53px 27px; box-sizing: border-box; background: url("../img/bg_data.jpg") 50% 50% no-repeat; background-size: cover;}
#contacts .data p.city{font-weight: 18px; padding-left: 20px; background: url("../img/address.png") 0 0% no-repeat; line-height: 16px;}
#contacts .data span{font-size: 14px; font-weight: normal; line-height: 1.3; display: block; margin: 15px 0 25px;}
#contacts .data p{font-size: 16px;}
#contacts .data p a{font-size: 24px; color: #fff; display: inline-block; margin-top: 5px;}
#contacts .data .btn{font-size: 14px;font-weight: normal; padding: 14px 25px;}
#contacts .data div{margin-top: 40px;}
footer{background: #525960; padding: 20px 0 0; font-family: "Tahoma", sans-serif;}
footer .copyright{text-align: center; background: #788089; padding: 10px 0; color: #fff; }
footer .pull{display: none;}
footer .logo{float: left; margin: 0;}
footer .logo p{margin-top: 30px;}
footer .navigation{float: left; margin: 10px 0 0 180px; width: 750px;}
footer .navigation nav{float: left; width: 33%;}
footer .navigation p.title{color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
footer .navigation nav a{color: #fff; border-bottom: 1px solid transparent; font-size: 12px;}
footer .navigation nav a:hover{border-bottom: 1px solid #fff}
footer .navigation nav li{margin-bottom: 5px;}
footer .phones{float: right; text-align: right;}
footer .phones a.tel{color: #fff; font-size: 25px; display: inline-block; position: relative; top: 6px; left: -10px; letter-spacing: -2px;}
footer .phones p{margin-bottom: 20px;}
footer .phones ul{float: right; position: relative; top: -10px;}
footer .phones ul li{float: left; border-left: 1px solid #6a6a6a;}
footer .phones ul li:first-child{border: none;}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; width: 100%;}
.arcticmodal-container_i2 {
width: 100%; height: 300px;
}
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #fff; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background-size: 100% 100%; display: block; margin: 0 auto; margin-top: 200px;}
.arcticmodal-overlay{
opacity: 0.5!important; background: #000!important
}
.box-modal{width: 310px; padding: 25px 30px; box-sizing: border-box; display: block; margin: 0 auto; margin-top: 75px; margin-bottom: 75px; position: relative; background: #fff; text-align: center;}
.arcticmodal-close{font-size: 0; width: 21px; height: 21px; cursor: pointer; background: url("../img/close.png") 50% 50% no-repeat; position: absolute; top: 5px; right: 5px;}
.box-modal h6{text-transform: uppercase; margin-bottom: 20px; font-size: 15px; color: #3c3c3c; font-weight: 700;}
.box-modal select, .box-modal input[type="text"],.box-modal input[type="email"]{width: 100%; margin: 0 0 15px!important}
.box-modal input[type="submit"]{width: 100%; box-sizing: border-box;}
.box-calc{width: 820px; padding: 30px; text-align: left;}
.box-calc form{display: inline-block; width: 100%;}
.box-calc form .left{width: 55%; float: left;}
.box-calc form .right{width: 40%; float: right;}
.box-calc .btn{width: 280px!important; font-weight: bold; font-size: 17px; margin-top: 20px;}
.box-calc .left p{margin-bottom: 10px;}
input[type="checkbox"], input[type="radio"]{display:none;}
input[type="checkbox"] + label, input[type="radio"] + label {font-size: 15px; font-weight: 300; color: #292929; cursor: pointer;}
input[type="checkbox"] + label::before, input[type="radio"] + label::before {
content: ""; display: inline-block; height: 23px; width: 24px; margin: 0 18px 0 0; background-image: url('../img/sprite.png'); background-repeat: no-repeat;
}
input[type="checkbox"] + label::before {
background-position: 0 0; position: relative; top: 5px;
}
input[type="checkbox"]:checked + label::before {
background-position: -24px 0;
}
.block-title{text-transform: uppercase; text-align: center; display: inline-block; width: 100%; font-size: 20px; color: #404040; font-weight: bold; font-family: "Tahoma", sans-serif; padding: 35px 0;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
a{text-decoration: none; transition: all 0.5s ease-out;}
a:hover{transition: all 0.5s ease-out;}
.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out;}
.btn:hover{transition: all 0.5s ease-out;}
.btn-callback{color: #fff; font-size: 14px; padding: 14px 20px; background: linear-gradient(to top, #013566, #025aa1); border-radius: 5px;}
.btn-callback:hover{background: linear-gradient(to top, #025aa1, #013566);}
.btn-green{color: #fff; font-size: 19px; font-weight: 700; padding: 20px 220px; background: linear-gradient(to top, #2b7343, #379456); border-radius: 5px;}
.btn-green:hover{background: linear-gradient(to top, #379456, #2b7343);}
/*.btn-green-w{color: #fff; font-size: 19px; font-weight: 700; padding: 20px 220px; background: linear-gradient(to top, #049b33, #05b241); border-radius: 5px;}
.btn-green-w:hover{background: linear-gradient(to top, #05b241, #049b33);}*/
.btn-green-w{color: #fff; font-size: 19px; font-weight: 700; padding: 20px 220px; background: linear-gradient(to top, #2b7343, #379456); border-radius: 5px;}
.btn-green-w:hover{background: linear-gradient(to top, #379456, #2b7343);}
.btn-blue{color: #fff; font-size: 14px; padding: 14px 20px; background: linear-gradient(to top, #013566, #025aa1); border-radius: 5px; width: auto;}
.btn-blue:hover{background: linear-gradient(to top, #025aa1, #013566);}
input,textarea,select{-webkit-appearance: none; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 13px; box-sizing: border-box;}
/*responsive*/
@media screen and (max-width: 1300px){
.inner{width: 98%;}
header .logo{margin-right: 20px;}
header nav li{margin-left: 10px;}
footer .navigation{margin-left: 40px; width: 600px;}
.customer-slider .slick-next{right: 0;}
.customer-slider .slick-prev{left: 0;}
#customers{padding-bottom: 25px;}
#customers .slick-slide img{width: 100%; height: auto;}
}
@media screen and (max-width: 1100px){
header nav{float: right;}
header .phones{width: 100%; text-align: center;}
header nav li{margin-left: 20px;}
.btn-green{padding: 20px 100px;}
.form input[type="text"], .form input[type="email"]{margin: 0 0 10px!important; width: 100%;}
footer .navigation{width: 400px;}
.btn-green-w{font-size: 13px;}
#vacancy ul li .thumbnail a.btn{width: 100%;}
.box-calc{width: 90%;}
#contacts .data{padding: 40px 15px;}
#contacts .data span{margin: 5px 0 15px;}
#counts ul li span{font-size: 50px;}
#counts ul li{padding: 0 5px;}
#counts p.excerpt{font-size: 12px;}
#business-mobile ul li{width: 48%; margin: 0 1% 15px 1%!important}
#calculation .left{box-sizing: border-box; padding-right: 20px;}
#we-work ul li{width: 48%; margin: 0 1% 15px!important}
#we-work ul li .arr{display: none;}
#experts ul li{width: 33%;}
}
@media screen and (min-width: 768px){
header nav ul{display: inline-block!important;}
}
@media screen and (max-width: 768px){
header .inner{width: 100%;}
header .logo{width: 100%; text-align: center; margin: 15px 0;}
header nav{width: 100%; margin: 0}
header nav .pull{display: block; box-sizing: border-box; background: url("../img/pull.png") 98% 50% no-repeat; background-size: 25px 25px; padding: 10px 2%; font-weight: bold; color: #1a7ec6; font-size: 16px; border-top: 1px solid #1a7ec6; border-bottom: 1px solid #1a7ec6;}
header .phones{width: 100%; text-align: center; margin: 0}
header .phones a.tel{left: 0; top: 0; display: block; margin: 15px 0;}
header nav ul{display: none;}
header nav li{margin: 0; width: 100%;}
header nav li a{display: block; padding: 7px 2%; border-bottom: 1px solid #1a7ec6}
#promo .inner{padding: 0; text-align: center;}
#promo h1{padding: 50px 0 20px; font-size: 24px;}
#promo h2{font-size: 16px;}
.promo-slider{height: auto;}
.promo-slider .slick-slide{height: auto; padding: 20px 0 60px;}
.block-title{font-size: 18px; padding: 20px 0;}
#calc .info{width: 100%; text-align: right; padding: 30px 20px; box-sizing: border-box;}
#directions{padding: 30px 0 20px;}
#directions ul{margin-bottom: 0;}
#directions ul li{width: 100%; margin: 0 0 20px; box-sizing: border-box; padding: 0 5%;}
#directions p.title{font-size: 18px;}
#directions p.title br{display: none;}
#directions .btn{padding: 10px 40px; font-size: 15px;}
#business ul li,#business-mobile ul li,#we-work ul li{width: 100%; margin: 0 0 15px 0!important}
#order .title{font-size: 20px;}
#news ul li{width: 100%; margin: 0 0 15px 0!important}
#news .thumbnail span{top: 0; left: 0}
#calculation .left,#calculation .right{width: 100%; padding: 0 0 20px;}
#calculation .right img{max-width: 90%;}
#calculation input[type="text"], #calculation input[type="email"], #calculation textarea,#calculation label{max-width: 100%;}
#about .thumbnail{float: left; width: 100%; margin-bottom: 20px; text-align: center;}
#about .text{float: left; width: 100%; line-height: 1.3; margin: 0;}
#about .text p{margin-bottom: 10px;}
#experts .block-title{padding-top: 0;}
#experts ul li{width: 50%; font-size: 18px; font-weight: normal;}
#experts ul li img{margin-bottom: 10px;}
#promo-inner h1{font-size: 30px; padding: 35px 0;}
#vacancy ul li{width: 100%; margin-bottom: 20px;}
#contacts .data,#contacts #map{width: 100%; height: auto; min-height: 250px;}
#counts ul li{width: 100%; padding: 0 20px; margin: 10px 0;}
footer .logo{width: 100%; text-align: center; margin: 0 0 20px;}
footer .navigation{width: 100%; margin: 10px 0; text-align: center;}
footer .phones{width: 100%; text-align: center;}
footer .phones ul{float: none; display: inline-block;}
.btn-green,.btn-green-w{padding: 15px 35px; font-size: 17px;}
.box-calc form .left{width: 100%; float: left; margin-bottom: 20px;}
.box-calc form .right{width: 100%; float: right;}
}
@media screen and (max-width: 560px){
footer .navigation nav{width: 100%; margin-bottom: 15px;}
#vacancy ul li .thumbnail,#vacancy ul li .description{width: 100%; margin-bottom: 10px;}
#vacancy ul li .thumbnail a.btn{width: 70%;}
#vacancy ul li .description p.title{text-align: center; font-size: 15px;}
#vacancy ul li .description p.text{text-align: center;}
}
/*responsive*/