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;}
@import url('../fonts/stylesheet.css');
body{
font-family: 'Open Sans', sans-serif;
background: #fff;
font-size: 14px;
color: #202020;
}
.inner{width: 1240px; margin: 0 auto; padding: 0 60px; box-sizing: border-box;}
header{padding: 0 0 6px;}
header .inner{padding: 0}
header .pull{display: none;}
header .logo{float: left; margin: 34px 68px 0 0;}
header nav{float: left; width: auto; margin: 52px 0 0;}
header nav li{float: left; margin: 0 0 0 37px; position: relative;}
header nav li:first-child{margin: 0;}
header nav li a{display: block; font-size: 15px; color: #606060; padding: 0 0 19px;}
header nav li.active a,header nav li a:hover,header .current_page_item a, .current_page_ancestor a{background: url("../img/bg_nav.png") 50% 100% no-repeat; color: #ff3152;}
.current_page_item .sub-menu a,.current_page_ancestor .sub-menu a{color: #606060}
.current_page_item .sub-menu a:hover,.current_page_ancestor .current_page_item a,.current_page_ancestor a:hover{color: #ff3152!important}
header nav li:hover .sub-menu{display: block;}
header nav li .sub-menu{display: none; position: absolute; top: 33px; left: -10px; width: 225px; background: #fff; border: 1px solid #eee; box-sizing: border-box;}
header nav li .sub-menu li{margin: 0!important; position: relative; width: 100%; border-top: 1px solid #eee; box-sizing: border-box;}
header nav li .sub-menu li a{padding: 10px 15px!important; box-sizing: border-box; background: none!important; font-size: 13px; display: block;}
header nav li .sub-menu li:hover .sub-menu{display: block; box-sizing: border-box;}
header nav li .sub-menu .sub-menu{width: 200px; display: none; position: absolute; top: -2px; left: 223px; box-sizing: border-box;}
header nav li .sub-menu .sub-menu li{display: inline-block; width: 100%; margin: 0!important; box-sizing: border-box;}
header .phones{float: right; text-align: center;}
header p.phone{margin: 24px 0 11px;}
header p.phone a{color: #404040; font-size: 22px; font-weight: bold; font-family: 'Tahoma', sans-serif;}
#promo{height: 480px; background: url("../img/bg_promo.jpg") 50% 0 no-repeat;}
#promo .inner{padding: 0}
#promo h1{font-size: 70px; font-weight: 800; text-transform: uppercase; margin: 115px 0 0; background: linear-gradient(#ff254d, #ff7429); -webkit-background-clip: text; color: transparent;}
#promo p{color: #484848; font-weight: 600; line-height: 1.7; margin: 20px 0 60px;}
#promo a.btn{background: #ffae00 url("../img/arr_r.png") 85% 50% no-repeat; padding: 0 66px 0 36px;}
#promo a.btn:hover{background: #ff8a00 url("../img/arr_r.png") 85% 50% no-repeat;}
#promo-inner{height: 310px; background: url("../img/bg_promo.jpg") 50% 0 no-repeat;}
#promo-inner .inner{padding: 0}
#promo-inner h1{font-size: 70px; font-weight: 800; text-transform: uppercase; margin: 55px 0 0; background: linear-gradient(#ff254d, #ff7429); -webkit-background-clip: text; color: transparent;}
#promo-inner p{color: #484848; font-weight: 600; line-height: 1.7; margin: 10px 0 30px;}
#promo-inner a.btn{background: #ffae00 url("../img/arr_r.png") 85% 50% no-repeat; padding: 0 66px 0 36px;}
#promo-inner a.btn:hover{background: #ff8a00 url("../img/arr_r.png") 85% 50% no-repeat;}
#breadcrumbs{text-align: center; padding: 35px 0;}
#breadcrumbs li{display: inline-block; color: #5a5a5a;}
#breadcrumbs li a{color: #979797;}
#services{padding: 55px 0;}
#services ul{display: inline-block; width: 100%;}
#services ul li{float: left; position: relative; width: 33%; margin: 0 0 10px;}
#services.services-inner ul li{width: 24%; margin: 0 0.5% 10px;}
#services ul li:nth-child(2),#services ul li:nth-child(5),#services ul li:nth-child(8),#services ul li:nth-child(11),#services ul li:nth-child(14){margin: 0 0.5% 10px;}
#services.services-inner ul li:nth-child(2),#services.services-inner ul li:nth-child(5),#services.services-inner ul li:nth-child(8),#services.services-inner ul li:nth-child(11),#services.services-inner ul li:nth-child(14){margin: 0 0.5% 10px;}
#services ul li a,#services ul li img{display: block; width: 100%; height: auto;}
#services ul li span{position: absolute; display: block; padding: 0 0 25px; text-align: right; bottom: 17px; right: 27px; color: #fff; text-transform: uppercase; font-size: 25px; font-weight: 700; background: url("../img/bg_serv.png") 100% 100% no-repeat;}
#order{background: url("../img/bg_order.jpg") 50% 0 no-repeat; padding: 45px 0; background-size: cover;}
#order .title{float: left; font-weight: 800; font-size: 30px; color: #ffb517; text-transform: uppercase; letter-spacing: 2px; background: url("../img/bg_title.png") 50% 100% no-repeat; padding-bottom: 20px; line-height: 1.4;}
#order .form{float: right; max-width: 800px;}
#order .form br{display: none;}
#order div.wpcf7-validation-errors,#order div.wpcf7-mail-sent-ok{color: #fff!important; margin: 10px 0 0!important; border: none!important;}
#order span.wpcf7-not-valid-tip{width: 20px!important; height: 20px!important; position: absolute; top: 17px; right: 0;}
#order select, #order input[type="text"], #order textarea,#order input[type="email"]{width: 250px; height: 45px; border: none; box-sizing: border-box; padding: 0 17px; float: left; font-size: 14px; margin: 0 0 0 10px;}
#order .coll-full{width: 100%; margin: 0 0 10px; display: inline-block;}
#order input[type="text"].note{width: 510px;}
#order .coll-action{margin-top: 20px;}
#order input[type="file"]{display: none;}
#order label{display: inline-block; color: #ffae00; margin: 0 25px 0 110px; font-family: "Tahoma", sans-serif; cursor: pointer; padding-left: 21px; background: url("../img/sc.png") 0 50% no-repeat;}
#order label:hover{text-decoration: underline;}
.form-online{width: 290px; margin: 0 auto; text-align: center;}
.form-online .wpcf7-form-control-wrap{display: inline-block!important; width: 100%;}
.form-online span.wpcf7-not-valid-tip{width: 20px!important; height: 20px!important; position: absolute; top: 17px; right: 0;}
#contacts span.wpcf7-not-valid-tip{position: relative; top: 7px; width: 100%!important; height: auto!important;}
.form-online select, .form-online input[type="text"], .form-online textarea,.form-online input[type="email"]{width: 100%; border: 1px solid #eaeaea; height: 45px; box-sizing: border-box; padding: 0 17px; float: left; font-size: 14px; margin: 0 0 5px;}
.form-online .coll-full{width: 100%; margin: 0 0 10px; display: inline-block;}
.form-online textarea{resize: none; height: 100px; padding: 17px;}
.online-order .coll-full{margin: 0}
.form-online .coll-action{margin-top: 20px;}
.form-online input[type="file"]{display: none;}
.form-online label{display: inline-block; color: #ffae00; font-family: "Tahoma", sans-serif; cursor: pointer; padding-left: 21px; background: url("../img/sc.png") 0 50% no-repeat;}
.form-online label:hover{text-decoration: underline;}
#content .wpcf7-form-control-wrap{display: inline-block!important; width: 100%;}
#content span.wpcf7-not-valid-tip{width: 20px!important; height: 20px!important; position: absolute; top: 17px; right: 0;}
#content select, #content input[type="text"], #content textarea,#content input[type="email"]{width: 100%; border: 1px solid #eaeaea; height: 45px; box-sizing: border-box; padding: 0 17px; float: left; font-size: 14px; margin: 0 0 5px;}
#content .coll-full{width: 100%; margin: 0 0 10px; display: inline-block;}
#content textarea{resize: none; height: 100px; padding: 17px;}
#content .coll-full{margin: 0}
#content .coll-action{margin-top: 20px;}
#content input[type="file"],.box-modal input[type="file"]{display: none;}
#content label,#window-online-order label{display: inline-block; color: #ffae00; font-family: "Tahoma", sans-serif; cursor: pointer; padding-left: 21px; background: url("../img/sc.png") 0 50% no-repeat;}
#content label:hover,#window-online-order label:hover{text-decoration: underline;}
.g-recaptcha{width: 165px; display: block; margin: 0 auto; position: relative; margin-bottom: 10px;}
#about{padding: 45px 0 0;}
#about .title{float: left; font-weight: 800; font-size: 30px; color: #ff1d41; text-transform: uppercase; letter-spacing: 2px; background: url("../img/bg_about.png") 50% 100% no-repeat; padding-bottom: 20px; line-height: 1.4;}
#about ul{display: inline-block; float: right; width: 720px;}
#about ul li{width: 50%; box-sizing: border-box; float: left; margin-bottom: 50px;}
#about ul li span{display: block; font-size: 18px; color: #24282e; font-weight: 600; margin: 15px 0;}
#about ul li p,#about ul li{color: #5b5b5b; line-height: 1.4;}
#reviews{padding: 80px 0 20px; background: url("../img/bg_reviews.jpg") 50% 0 no-repeat; display: block; background-size: cover;}
#reviews .title{float: left; font-weight: 800; font-size: 30px; color: #ff1d41; text-transform: uppercase; letter-spacing: 2px; background: url("../img/bg_about.png") 50% 100% repeat-x; padding-bottom: 20px; line-height: 1.4;}
#reviews ul{width: 720px; float: right;}
#reviews li{display: inline-block; width: 100%; margin-bottom: 45px;}
#reviews li p.name{font-size: 18px; color: #2a2a2a; font-weight: 600; margin: 10px 0;}
#reviews li p{color: #525252; line-height: 1.7}
#reviews li .thumbnail{float: left; width: 160px;}
#reviews li .thumbnail img{border-radius: 50%;}
#reviews li .info{float: left; width: 560px;}
#slogan{background: url("../img/bg_slogan.jpg") 50% 0 no-repeat; height: 255px; box-sizing: border-box; text-align: center; display: block; padding: 70px 0 0;}
#slogan .title{font-weight: 800; font-size: 25px; color: #ffb517; text-transform: uppercase; letter-spacing: 2px; background: url("../img/bg_title_l.png") 50% 100% no-repeat; padding: 0 0 30px; line-height: 1.4;}
#action-callback{background: url("../img/bg_slogan.jpg") 50% 0 no-repeat; height: 255px; box-sizing: border-box; text-align: center; display: block; padding: 30px 0 0;}
#action-callback .title{font-weight: 800; font-size: 30px; color: #ffb517; text-transform: uppercase; letter-spacing: 2px; background: url("../img/bg_title_l.png") 50% 100% no-repeat; padding: 0 0 30px; line-height: 1.4;}
#contacts{padding: 0 0 75px;}
#contacts .title{float: left; font-weight: 800; margin-bottom: 30px; font-size: 30px; color: #ff1d41; text-transform: uppercase; letter-spacing: 2px; line-height: 1.4;}
#contacts #map{width: 100%; height: 385px; z-index: 1; position: relative;}
#contacts .inner{position: relative;}
#contacts .data{width: 300px; z-index: 2; background: #fff; padding: 30px 20px 0; position: absolute; top: 140px; right: 80px;}
#contacts .data span{color: #404040; font-weight: 600; display: inline-block; margin-bottom: 5px;}
#contacts .data p{color: #5b5b5b; line-height: 1.3;}
#contacts .data li{padding: 0 0 0 38px; margin-bottom: 35px; letter-spacing: 1px;}
#contacts .data li.address{background: url("../img/c_address.png") 0 0 no-repeat;}
#contacts .data li.timework{background: url("../img/c_timework.png") 0 0 no-repeat;}
#contacts .data li.phone{background: url("../img/c_phone.png") 0 0 no-repeat;}
#contacts .data li.email{background: url("../img/c_mail.png") 0 0 no-repeat;}
#content{padding: 0 0 60px;}
#content h2{text-align: center; color: #3e3e3e; text-transform: uppercase; font-size: 25px; font-weight: 800; padding-bottom: 35px;}
#content table{width: 100%; margin-bottom: 50px;}
#content table th{text-align: left; color: #fff; padding-left: 30px; font-size: 15px; font-weight: 800; background: #ffae00; vertical-align: middle; height: 50px;}
#content table th:last-child{width: 240px;}
#content table td{vertical-align: middle; height: 65px; padding: 0 30px; color: #5b5b5b; border: 1px solid #e4e4e4;}
#content table td:last-child{font-weight: 700; font-size: 16px; color: #3b3b3b;}
#content ul.list{display: inline-block; width: 100%; text-align: center; margin-bottom: 30px;}
#content ul.list li{width: 33%; float: left; box-sizing: border-box;}
#content ul.list li img{max-width: 98%;}
#content ul.list li p{line-height: 1.5; padding: 20px 0;}
#content h3{font-size: 20px; font-weight: 800; color: #3c3c3c; text-transform: uppercase; margin-bottom: 20px;}
#content h4{font-size: 18px; font-weight: 800; color: #3c3c3c; text-transform: uppercase; margin-bottom: 15px;}
#content h5{font-size: 16px; font-weight: 800; color: #3c3c3c; text-transform: uppercase; margin-bottom: 10px;}
#content p{color: #5a5a5a; line-height: 1.6; margin-bottom: 15px;}
#content img{max-width: 100%; height: auto; display: block;}
#content img.aligncenter{margin: 0 auto; margin: 10px 0;}
#content img.alignleft{float: left; margin: 10px 15px 10px 0;}
#content img.alignright{float: right; margin: 10px 0 10px 15px;}
#content .gallery{margin-bottom: 40px!important}
#content .gallery-item{box-sizing: border-box; padding: 0 5px;}
#content .gallery-item img{width: 100%!important; height: auto!important; display: block; border: none!important;}
#content .gallery-caption{line-height: 2!important; padding-top: 5px!important;}
footer{padding: 48px 0 20px;}
footer .inner{padding: 0}
footer .pull{display: none;}
footer .logo{float: left; margin: 0;}
footer nav{float: left; width: 610px; margin: 5px 0 0 100px;}
footer nav li{float: left; width: 33%; margin-bottom: 8px;}
footer nav li:first-child{margin: 0;}
footer nav li a{display: inline-block; width: auto; font-size: 13px; color: #606060; padding: 0 0 12px;}
footer nav li.active a,footer nav li a:hover,footer .current_page_item a{background: url("../img/bg_nav_f.png") 50% 100% repeat-x; color: #ff3152;}
footer nav li .sub-menu{display: none;}
footer .phones{float: right; text-align: left; margin-right: 60px;}
footer p{padding-left: 32px;}
footer p.phone{background: url("../img/phone.png") 0 50% no-repeat;}
footer p.phone a{color: #404040; font-size: 22px; font-weight: bold; font-family: 'Tahoma', sans-serif;}
footer p.mail{background: url("../img/mail.png") 0 50% no-repeat; margin: 10px 0 20px;}
footer p.mail a{color: #404040; font-family: 'Tahoma', sans-serif;}
footer .social{margin-left: 32px;}
footer .social img{margin-right: 12px;}
footer .copyright{color: #8c8c8c; font-size: 15px; font-family: "Calibri", sans-serif}
.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: 250px; height: 45px; border: 1px solid #eaeaea; box-sizing: border-box; padding: 0 17px; float: left; font-size: 14px; margin: 0 0 12px;}
.box-modal select,#order select,.form-online select{background: #fff url("../img/arr_d.png") 94% 50% no-repeat;}
.box-modal input[type="submit"]{width: 90%;}
.box-modal label{margin-bottom: 10px; display: inline-block;}
div.wpcf7 .ajax-loader{display: none!important;}
select{-webkit-appearance: none;-moz-appearance: none;}
div.wpcf7-validation-errors{border: 1px solid red!important;}
div.wpcf7-mail-sent-ok{border: 1px solid green!important;}
span.wpcf7-not-valid-tip{display: inline-block!important; width: 100%!important; margin-bottom: 10px!important}
.clearfix{display: inline-block; width: 100%; height: 0px;}
a{text-decoration: none;}
.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-orange{color: #fff; text-transform: uppercase; border: none; letter-spacing: 1px; font-size: 12px; font-weight: 700; background: #ffae00; height: 43px; line-height: 43px; padding: 0 35px; border-radius: 43px;}
.btn-orange:hover{background: #ff8a00; cursor: pointer;}
input,select,textarea{font-family: 'Open Sans', sans-serif; line-height: normal; -webkit-appearance: none; line-height: normal!important;}
/*responsive*/
@media screen and (max-width: 1280px){
.inner{width: 100%!important; box-sizing: border-box!important; padding: 0 1%!important;}
header .logo{margin-right: 20px;}
header nav li{margin: 0 0 0 15px!important}
footer nav{margin-left: 50px; width: 510px;}
}
@media screen and (max-width: 1100px){
header .phones{width: 100%;}
header nav{float: right;}
header nav li{margin: 0 0 0 25px!important}
footer nav,footer .logo,footer .phones,footer .copyright{width: 100%; text-align: center; margin: 5px 0;}
footer .phones p{display: inline-block; margin: 0 10px 20px;}
footer .phones p.mail{position: relative; top: -2px;}
#services ul li span{font-size: 18px;}
#about .title,#reviews .title{width: 100%; text-align: center; padding: 0 0 20px;}
#about .title br,#reviews .title br{display: none;}
#about ul{width: 100%; text-align: center; margin-top: 30px;}
#about ul li{box-sizing: border-box; padding: 0 20px;}
#reviews{padding: 30px 0 0;}
#reviews .title{margin-bottom: 30px;}
#reviews ul{display: block; margin: 30px auto; float: none; padding-top: 30px;}
#order{padding: 20px 0; height: auto; background-size: cover; text-align: center;}
#order .title,#order .form{width: 100%; max-width: 100%; text-align: center;}
#order .title br{display: none;}
#order .form{margin-top: 20px;}
#order .coll-full{margin: 0}
#order select, #order input[type="text"], #order input[type="email"]{float: none; width: 280px!important; margin: 0 10px 10px!important}
#order label{margin: 0 10px 10px;}
}
@media screen and (max-width: 950px){
header nav li{margin: 0 0 0 10px!important}
header nav li a{font-size: 13px;}
}
@media screen and (min-width: 768px){
header nav ul.main-menu{display: inline-block!important;}
}
@media screen and (max-width: 768px){
header .inner{padding: 0!important}
header .logo{width: 100%; text-align: center; margin: 5px 0;}
header nav ul.main-menu{display: none; width: 100%;}
header nav ul.main-menu li{display: inline-block; width: 100%; margin: 0!important; border-bottom: 1px solid #ffae00;}
header nav ul.main-menu li a{box-sizing: border-box; padding: 0 2%; background: none!important; margin: 0!important; min-height: 30px; line-height: 30px; }
header nav li .sub-menu{display: block; width: 100%; position: relative; top: 0; left: 0;}
header nav ul.main-menu li .sub-menu li{border: none; display: inline-block; width: 100%;}
header nav ul.main-menu li .sub-menu a{padding: 0 10px 0 30px!important;}
header nav li .sub-menu .sub-menu{display: block; position: relative; top: 0; left: 0; width: 100%;}
header nav ul.main-menu li .sub-menu .sub-menu a{padding: 0 10px 0 60px!important; border-bottom: 1px solid #eee;}
header nav{width: 100%; position: relative; margin: 5px 0;}
header nav .pull{display: block; width: 100%; box-sizing: border-box; padding: 0 2%; background: url("../img/pull.png") 98% 50% no-repeat; height: 30px; line-height: 30px; color: #000; font-weight: 800; background-size: 30px 30px; border-bottom: 1px solid #ffae00; border-top: 1px solid #ffae00; text-transform: uppercase;}
header p.phone{margin: 5px 0;}
header p.phone a{font-size: 18px;}
#promo,#promo-inner{text-align: center; height: auto; padding: 30px 0;}
#promo h1,#promo-inner h1{font-size: 40px; margin: 0}
#promo br,#promo-inner br{display: none;}
#contacts .title{width: 100%; text-align: center;}
#contacts .title br{display: none;}
#contacts .data{border: 1px solid #eee; position: relative; top: 0; right: 0; margin: 0 auto; margin-bottom: 20px; width: 100%; box-sizing: border-box;}
#services ul{text-align: center;}
#services ul li,#services.services-inner ul li{width: 48%; display: inline-block; margin: 0 0 10px!important; float: none;}
#reviews ul,#reviews li .thumbnail,#reviews li .info{width: 100%; text-align: center;}
#slogan .title,#action-callback .title{font-size: 20px;}
#content table td{height: auto; padding: 10px;}
#content table th:last-child{width: 110px;}
#order .title{margin-bottom: 20px;}
#order span{display: inline-block;}
#order .form{width: 280px; margin: 20px auto; float: none;}
#order .form input,#order .form select{margin: 0 0 10px!important}
#content .gallery-caption{line-height: 2!important; padding-top: 5px!important; font-size: 11px!important;}
footer nav{text-align: center;}
footer nav li{display: inline-block; float: none; width: auto; margin: 0 5px 10px!important}
}
@media screen and (max-width: 500px){
#services ul li,#about ul li{width: 100%;}
#slogan .title,#action-callback .title{font-size: 16px;}
}
/*responsive*/