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;}input:focus,select:focus,textarea:focus{outline: none;}
@font-face {
font-family: "LatoRegular";
src: url("../fonts/LatoRegular/LatoRegular.eot");
src: url("../fonts/LatoRegular/LatoRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/LatoRegular/LatoRegular.woff") format("woff"),
url("../fonts/LatoRegular/LatoRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "LatoBold";
src: url("../fonts/LatoBold/LatoBold.eot");
src: url("../fonts/LatoBold/LatoBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/LatoBold/LatoBold.woff") format("woff"),
url("../fonts/LatoBold/LatoBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "LatoLight";
src: url("../fonts/LatoLight/LatoLight.eot");
src: url("../fonts/LatoLight/LatoLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/LatoLight/LatoLight.woff") format("woff"),
url("../fonts/LatoLight/LatoLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
body{
font-family: "LatoRegular";
background: #fff;
font-size: 13px;
color: #3b3b3b;
padding-top: 165px;
padding-top: 95px;
}
.inner{width: 1240px; margin: 0 auto;}
header{padding: 25px 0; position: fixed; width: 100%; left: 0; top: 0; background: #fff; z-index: 99999; display: none;}
header .logo{float: left; position: relative; z-index: 2;}
header .task,header .executor{position: absolute; width: 50%; text-align: center; z-index: 1; top: 40px;}
header .task{left: 0;}
header .executor{right: 0;}
header .action{width: 240px; float: right;}
header .executor .action{float: left;}
header .btn{margin-bottom: 20px;}
header .task a.how{color: #0094da; border-bottom: 1px solid #0094da;}
header .executor a.how{color: #00b744; border-bottom: 1px solid #00b744;}
header a:hover{border-color: transparent!important;}
header .authorization{float: right; top: 23px; position: relative; z-index: 2; padding: 14px 0 14px 87px; background: url("../img/auth.png") 0 50% no-repeat;}
header .authorization a{color: #3c3c3c; border-bottom: 1px solid #3c3c3c; line-height: 1.4; position: relative;}
header .authorization a span{display: inline-block; background: url("../img/h_arr_r.png") 50% 50% no-repeat; width: 10px; height: 7px; position: absolute; bottom: 3px; right: -22px;}
header.scroll{padding: 13px 0; display: block; box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.06);}
header.scroll .logo{margin-right: 90px;}
header.scroll .logo img{width: 70px;}
header.scroll .task,header.scroll .executor{position: relative; top: 10px; width: auto; float: left; text-align: left;}
header.scroll .task{margin-right: 15px;}
header.scroll .action{width: auto;}
header.scroll .action div{display: inline-block; margin-right: 25px;}
header.scroll .authorization{top: 3px;}
.pull_m{display: none;}
.show_header{display: block;}
#promo{/*background: url("../img/bg_promo.jpg") 50% 0 no-repeat;*/ background-size: cover; box-sizing: border-box; color: #fff; font-family: "LatoLight"; text-align: center; position: relative;}
#promo #video_section{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#promo #video_section video{position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; z-index: 10;}
#promo .video_section_content{position: relative; z-index: 11; background: rgba(0,0,0,0.5); padding: 105px 0 80px;}
#promo h1{font-family: "LatoLight"; font-size: 50px; text-transform: uppercase;}
#promo h2{font-family: "LatoLight"; font-size: 38px; text-transform: uppercase; padding: 30px 0 20px;}
#promo h3{font-size: 12px; color: #00b744; text-transform: uppercase; padding: 5px 0 0; font-family: "LatoBold"; line-height: 1.4;}
#promo h3 span{font-size: 14px; text-transform: none; color: #fff; display: block; line-height: 24px; margin-top: 15px; font-family: "LatoLight";}
#promo img{float: left; margin: 0 28px 50px 0;}
#promo span{font-size: 16px;}
#promo ul{display: inline-block; width: 100%; padding: 95px 0 0;}
#promo ul li{width: 33.3%; padding: 0 45px 0 0; float: left; box-sizing: border-box; text-align: left; min-height: 150px; margin-bottom: 0px;}
#promo ul li:nth-child(3),#promo ul li:nth-child(6){padding: 0;}
#services{}
.pull-serives{width: 100%; display: none; height: 47px; color: #000; line-height: 47px; box-sizing: border-box; padding: 0 0 0 20px; font-size: 16px; border: 1px solid #bababa; background: #fff; background: url("../img/bg_select_arrow.png") 100% 50% no-repeat;}
#services ul{display: inline-block; width: 100%;}
#services ul li{float: left; width: 100px; height: 170px; text-align: center; margin: 0 60px 55px 0;}
#services ul li:nth-child(8),#services ul li:nth-child(16),#services ul li:nth-child(24),#services ul li:nth-child(32),#services ul li:nth-child(40),#services ul li:nth-child(48),#services ul li:nth-child(56){margin-right: 0;}
#services ul li a.w-image{display: block; width: 100px; height: 100px; box-shadow: 0px 2px 25px 0px rgba(39, 102, 132, 0.15); border-radius: 20px; margin-bottom: 25px;}
#services ul li:hover a.w-image{box-shadow: none; background-size: 100% 100%;}
#services ul li a.title{font-size: 14px; color: #3b3b3b; font-family: "LatoLight"; border-bottom: 1px solid #bababa; line-height: 22px;}
#services ul li:hover a.title{color: #0094da; border-color: #b0d4ef}
/*#services ul li:nth-child(1) a.w-image{background: url("../img/service_1.png") 50% 50% no-repeat;}
#services ul li:nth-child(1):hover a.w-image{background: url("../img/service_1h.png") 50% 50% no-repeat;}*/
#services ul li:nth-child(1) a.w-image{background: url("../img/service_1.png") 50% 50% no-repeat;}
#services ul li:nth-child(1):hover a.w-image{background: url("../img/service_1h.png") 50% 50% no-repeat;}
#services ul li:nth-child(2) a.w-image{background: url("../img/service_2.png") 50% 50% no-repeat;}
#services ul li:nth-child(2):hover a.w-image{background: url("../img/service_2h.png") 50% 50% no-repeat;}
#services ul li:nth-child(3) a.w-image{background: url("../img/service_3.png") 50% 50% no-repeat;}
#services ul li:nth-child(3):hover a.w-image{background: url("../img/service_3h.png") 50% 50% no-repeat;}
#services ul li:nth-child(4) a.w-image{background: url("../img/service_4.png") 50% 50% no-repeat;}
#services ul li:nth-child(4):hover a.w-image{background: url("../img/service_4h.png") 50% 50% no-repeat;}
#services ul li:nth-child(5) a.w-image{background: url("../img/service_5.png") 50% 50% no-repeat;}
#services ul li:nth-child(5):hover a.w-image{background: url("../img/service_5h.png") 50% 50% no-repeat;}
#services ul li:nth-child(6) a.w-image{background: url("../img/service_6.png") 50% 50% no-repeat;}
#services ul li:nth-child(6):hover a.w-image{background: url("../img/service_6h.png") 50% 50% no-repeat;}
#services ul li:nth-child(7) a.w-image{background: url("../img/service_7.png") 50% 50% no-repeat;}
#services ul li:nth-child(7):hover a.w-image{background: url("../img/service_7h.png") 50% 50% no-repeat;}
#services ul li:nth-child(8) a.w-image{background: url("../img/service_8.png") 50% 50% no-repeat;}
#services ul li:nth-child(8):hover a.w-image{background: url("../img/service_8h.png") 50% 50% no-repeat;}
#services ul li:nth-child(9) a.w-image{background: url("../img/service_9.png") 50% 50% no-repeat;}
#services ul li:nth-child(9):hover a.w-image{background: url("../img/service_9h.png") 50% 50% no-repeat;}
#services ul li:nth-child(10) a.w-image{background: url("../img/service_10.png") 50% 50% no-repeat;}
#services ul li:nth-child(10):hover a.w-image{background: url("../img/service_10h.png") 50% 50% no-repeat;}
#services ul li:nth-child(11) a.w-image{background: url("../img/service_11.png") 50% 50% no-repeat;}
#services ul li:nth-child(11):hover a.w-image{background: url("../img/service_11h.png") 50% 50% no-repeat;}
#services ul li:nth-child(12) a.w-image{background: url("../img/service_12.png") 50% 50% no-repeat;}
#services ul li:nth-child(12):hover a.w-image{background: url("../img/service_12h.png") 50% 50% no-repeat;}
#services ul li:nth-child(13) a.w-image{background: url("../img/service_13.png") 50% 50% no-repeat;}
#services ul li:nth-child(13):hover a.w-image{background: url("../img/service_13h.png") 50% 50% no-repeat;}
#services ul li:nth-child(14) a.w-image{background: url("../img/service_14.png") 50% 50% no-repeat;}
#services ul li:nth-child(14):hover a.w-image{background: url("../img/service_14h.png") 50% 50% no-repeat;}
#services ul li:nth-child(15) a.w-image{background: url("../img/service_15.png") 50% 50% no-repeat;}
#services ul li:nth-child(15):hover a.w-image{background: url("../img/service_15h.png") 50% 50% no-repeat;}
#services ul li:nth-child(16) a.w-image{background: url("../img/service_16.png") 50% 50% no-repeat;}
#services ul li:nth-child(16):hover a.w-image{background: url("../img/service_16h.png") 50% 50% no-repeat;}
#services ul li:nth-child(17) a.w-image{background: url("../img/service_17.png") 50% 50% no-repeat;}
#services ul li:nth-child(17):hover a.w-image{background: url("../img/service_17h.png") 50% 50% no-repeat;}
#services ul li:nth-child(18) a.w-image{background: url("../img/service_18.png") 50% 50% no-repeat;}
#services ul li:nth-child(18):hover a.w-image{background: url("../img/service_18h.png") 50% 50% no-repeat;}
#services ul li:nth-child(19) a.w-image{background: url("../img/service_19.png") 50% 50% no-repeat;}
#services ul li:nth-child(19):hover a.w-image{background: url("../img/service_19h.png") 50% 50% no-repeat;}
#services ul li:nth-child(20) a.w-image{background: url("../img/service_13.png") 50% 50% no-repeat;}
#services ul li:nth-child(20):hover a.w-image{background: url("../img/service_13h.png") 50% 50% no-repeat;}
#services ul li:nth-child(21) a.w-image{background: url("../img/service_21.png") 50% 50% no-repeat;}
#services ul li:nth-child(21):hover a.w-image{background: url("../img/service_21h.png") 50% 50% no-repeat;}
#services ul li:nth-child(22) a.w-image{background: url("../img/service_22.png") 50% 50% no-repeat;}
#services ul li:nth-child(22):hover a.w-image{background: url("../img/service_22h.png") 50% 50% no-repeat;}
#services ul li:nth-child(23) a.w-image{background: url("../img/service_23.png") 50% 50% no-repeat;}
#services ul li:nth-child(23):hover a.w-image{background: url("../img/service_23h.png") 50% 50% no-repeat;}
#services ul li:nth-child(24) a.w-image{background: url("../img/service_24.png") 50% 50% no-repeat;}
#services ul li:nth-child(24):hover a.w-image{background: url("../img/service_24h.png") 50% 50% no-repeat;}
#action{padding: 0 0 80px; background: url("../img/bg_action.jpg") 50% 0 no-repeat; background-size: cover; text-align: center; color: #fff;}
#action-price{padding: 0 0 80px; background: url("../img/bg_action_price.jpg") 50% 0 no-repeat; background-size: cover; text-align: center; color: #fff;}
#action-price span{display: block; font-size: 15px; text-transform: none; margin-top: 20px;}
#action-mind{padding: 0 0 80px; background: url("../img/bg_action_mind.jpg") 50% 0 no-repeat; background-size: cover; text-align: center; color: #fff;}
#action-vac{padding: 30px 0 80px; background: url("../img/bg_vac.jpg") 50% 0 no-repeat; background-size: cover; text-align: center; color: #fff;}
#action.action-photo{background: url('../img/bg_action_photo.jpg') 50% 0 no-repeat; background-size: cover;}
#task{text-align: center; padding: 0 0 60px;}
#task .task-1,#task .task-2,#task .task-3{position: relative; display: inline-block; color: #fff; font-size: 18px; font-family: "LatoLight"; top: -30px;}
#task .task-2{top: 0px;}
#task span{display: block; position: absolute; top: 22px; left: 10px; width: 100%;}
#task .task-1 img{max-width: 300px;}
#executor{padding: 95px 0 0; color: #3b3b3b;}
#executor .inner{background: url("../img/bg_executor.jpg") 0 0 no-repeat; box-sizing: border-box; padding: 0 0 0 420px;}
#executor .block-title{padding: 0 0 50px; text-align: left;}
#executor p{line-height: 26px; font-size: 14px; font-family: "LatoLight";}
#executor ul{display: inline-block; width: 100%; margin: 70px 0;}
#executor ul li{float: left; text-align: center; margin: 0 60px 0 0; color: #00adff; font-family: "LatoBold";}
#executor ul li img{margin-bottom: 20px;}
#executor .btn{position: relative; left: 94px;}
#what-order{padding: 80px 0 0;}
#what-order ul{display: inline-block; width: 100%;}
#what-order ul li{width: 16.6%; box-sizing: border-box; float: left; text-align: center; border-left: 1px solid #fff; border-right: 2px solid #fff;}
#what-order ul li img{margin-bottom: 23px; width: 100%;}
#what-order ul li a{color: #3b3b3b; font-size: 14px; font-family: "LatoLight"; border-bottom: 1px solid #bababa}
#what-order ul li a:hover{border-color: transparent;}
#reviews{padding: 80px 0 5px;}
#reviews .block-title{padding-bottom: 0;}
#reviews .slider-reviews{max-width: 900px; margin: 0 auto; padding: 50px 0;}
#reviews .slick-slide{padding: 50px 0;}
#reviews .wrapper{padding: 0 90px 55px; border-radius: 10px; box-sizing: border-box; max-width: 800px; margin: 0 auto; text-align: center; position: relative; box-shadow: 0px 2px 25px 0px rgba(39, 102, 132, 0.15);}
#reviews .wrapper .user img{margin: 0 auto; z-index: 99999; position: relative; top: -37px; border-radius: 50%;}
#reviews .wrapper .rating{display: inline-block; position: relative; top: -15px; margin-bottom: 5px;}
#reviews .wrapper .author{text-transform: uppercase; font-family: "LatoBold"; margin-bottom: 20px;}
#reviews .wrapper .comment{color: #787878; line-height: 24px; font-style: italic;}
#start{padding: 0 0 85px 0; background: url("../img/bg_start.jpg") 50% 0 no-repeat; background-size: cover; font-family: "LatoLight";}
#start ul{display: inline-block; width: 100%;}
#start ul li{width: 33.3%; float: left; text-align: center;}
#start ul li img{margin: 0 auto;}
#start ul li h4{text-transform: uppercase; color: #0fa2d7; font-size: 16px; padding: 45px 0 20px;}
#start ul li p{color: #3b3b3b; font-size: 14px;}
#breadcrumbs{padding: 48px 0; text-align: center;}
#breadcrumbs ul li{display: inline-block; color: #7c7c7c}
#breadcrumbs ul li a{color: #b5b6b6;}
#breadcrumbs ul li a:hover{color: #000;}
#breadcrumbs ul li span{border-bottom: 1px solid #bcbcbc;}
#team{text-align: center; font-family: "LatoLight";}
#team ul{display: inline-block; width: 100%;}
#team ul li{width: 20%; box-sizing: border-box; float: left; margin-bottom: 40px;}
#team ul li img{margin: 0 auto; border-radius: 50%;}
#team ul li p.name{text-transform: uppercase; font-family: "LatoBold"; color: #0094da; padding: 32px 0 12px; line-height: 1.4;}
#team ul li p.status{color: #3d3d3d; font-size: 14px; height: 40px; line-height: 1.5;}
#post{font-family: "LatoLight"; font-size: 14px; color: #3b3b3b; padding-bottom: 70px;}
#post h1,#post h2,#post h3,#post h4,#post h5,#post h6{font-family: "LatoLight"; margin-bottom: 35px;}
#post h1,#post h2{text-align: center; text-transform: uppercase;}
#post h1{font-size: 35px; color: #242424;}
#post h2{font-size: 25px; color: #242424;}
#post h3{font-size: 18px; color: #0094da;}
#post img{margin-bottom: 35px;}
#post p{line-height: 24px; margin-bottom: 30px;}
#post table{margin-bottom: 30px; width: 100%;}
#post table td,#post table th{vertical-align: middle; font-weight: normal; padding: 10px 20px; border: 1px solid #ccc; font-size: 15px;}
#post table th{font-family: "LatoBold";}
#contacts{font-size: 14px; color: #3b3b3b; padding-bottom: 70px;}
#contacts .address{width: 65%; float: left; box-sizing: border-box; padding: 20px 0 20px 175px; background: url("../img/c_address.png") 60px 50% no-repeat;}
#contacts span{text-transform: uppercase; font-family: "LatoBold"; color: #0fa0d8; display: block; margin-bottom: 20px;}
#contacts a{color: #3b3b3b}
#contacts .email{width: 35%; float: left; box-sizing: border-box; padding: 20px 0 20px 115px; background: url("../img/c_email.png") 0 50% no-repeat;}
#map-contacts{height: 500px; margin: 80px 0;}
#contacts .left{width: 65%; float: left; box-sizing: border-box; padding-right: 60px; line-height: 24px;}
#contacts .right{width: 35%; float: left; line-height: 24px;}
#contacts h3{text-transform: uppercase; font-size: 16px; margin-bottom: 10px;}
#executor-faq{font-family: "LatoLight"; padding-bottom: 70px;}
#executor-faq h2{font-family: "LatoLight"; margin-bottom: 35px; text-transform: uppercase; font-size: 25px;}
#executor-faq .items-wr{float: left; width: 33.3%; box-sizing: border-box; padding-right: 1%;}
#executor-faq .item{margin-bottom: 25px;}
#executor-faq .item .ask{font-size: 16px; color: #0094da; border-bottom: 1px solid transparent; display: inline-block;}
#executor-faq .item .ask:hover,#executor-faq .item.active .ask{color: #005a84; border-color: #c8d4dd; cursor: pointer;}
#executor-faq .question{display: none; margin-top: 25px; margin-bottom: 25px; font-size: 14px; line-height: 24px;}
#page-404{text-align: center; font-family: "LatoLight"; background: url("../img/bg_404.jpg") 50% 0 no-repeat; background-size: cover; color: #fff; padding: 160px 0;}
#page-404 h1{text-transform: uppercase; font-size: 30px; font-family: "LatoLight";}
#page-404 p{padding: 25px 0 45px;}
#page-404 form{width: 480px; display: block; margin: 0 auto;}
#page-404 input[type="text"]{float: left; border-radius: 5px 0 0 5px; width: 320px;}
#page-404 .btn{width: 160px; padding: 0; height: 50px; border-radius: 0 5px 5px 0; float: left;}
#video{text-align: center; font-family: "LatoLight"; padding-bottom: 70px;}
#video h2{text-transform: uppercase; font-family: "LatoLight"; font-size: 25px;}
#video span{font-size: 14px; display: block; padding: 30px 0;}
#video ul{display: block; margin: 0 auto; margin-top: 45px; width: 100%; max-width: 720px; text-align: center;}
#video img{margin: 0 auto;}
#video ul li{width: 33.3%; float: left;}
#video ul li img{margin: 0 auto; margin-bottom: 25px;}
#video ul li a{color: #3b3b3b; border-bottom: 1px solid #3b3b3b; font-size: 14px;}
#video ul li a:hover{color: #008dcf; border-color: #008dcf;}
#faq{font-family: "LatoLight"; padding-bottom: 70px;}
#faq .block-title{font-size: 30px; padding: 0 0 45px;}
#faq ul.questions{display: inline-block; width: 100%; margin-bottom: 45px;}
#faq ul.questions li{float: left; width: 33%; background: url("../img/bg_f_ul.png") 50% 50% no-repeat; background-size: cover; height: 150px; box-sizing: border-box; padding: 0 70px;}
#faq ul.questions li:nth-child(2){margin: 0 0.5%;}
#faq ul.questions li .wrapper{height: 150px; display: table; width: 100%;}
#faq ul.questions li .wrapper div{display: table-cell; vertical-align: middle; height: 150px; width: 100%;}
#faq ul.questions li p{margin: 13px 0;}
#faq ul.questions li a{color: #fff; font-size: 14px; border-bottom: 1px solid transparent}
#faq ul.questions li a:hover{border-color: #fff;}
#faq .box-faq{width: 33%; float: left; box-sizing: border-box;}
#faq .box-faq.center-mode{margin: 0 0.5%;}
#faq .box-faq.center-mode .title img{left: 40px;}
#faq .box-faq .title{position: relative; color: #fff; height: 65px; background: url("../img/bg_bf.png") 0 0 no-repeat; background-size: cover; line-height: 65px; text-align: center; font-size: 18px; text-transform: uppercase;}
#faq .box-faq .title img{position: absolute; top: 7px; left: 70px;}
#faq .box-faq ul{padding: 25px 30px 10px; border: 1px solid #f1f6f9; margin-bottom: 5px;}
#faq .box-faq ul li{margin-bottom: 17px;}
#faq .box-faq ul li a{font-size: 14px; color: #3d3d3d; border-bottom: 1px solid transparent}
#faq .box-faq ul li a:hover{color: #0fa0d8; border-bottom: 1px solid #a5d3ec;}
#step1{text-align: center; padding: 0 0 50px 0;}
#step1 h2{text-transform: uppercase; font-family: "LatoLight"; font-size: 25px;}
#step1 p{font-size: 14px; padding: 20px 0 35px;}
#step2{background: url("../img/bg_vacancy_s2.jpg") 50% 0 no-repeat; background-size: cover; text-align: center; padding: 65px 0 15px;}
#step2 h3{font-size: 30px; text-transform: uppercase; font-family: "LatoLight";}
#step2 h3 span{display: block; padding: 10px 0 30px; font-size: 25px;}
#step2 p{font-size: 14px;}
#step2 h4{font-size: 12px; color: #00b744; text-transform: uppercase; padding: 5px 0 0; font-family: "LatoBold"; line-height: 1.4;}
#step2 h4 span{font-size: 14px; text-transform: none; color: #3b3b3b; display: block; line-height: 24px; margin-top: 15px; font-family: "LatoLight";}
#step2 img{float: left; margin: 0 28px 50px 0;}
#step2 span{font-size: 16px;}
#step2 ul{display: inline-block; width: 100%; padding: 0 55px; margin-top: 70px; box-sizing: border-box;}
#step2 ul li{width: 33.3%; padding: 0 45px 0 0; float: left; box-sizing: border-box; text-align: left; min-height: 150px;}
#step2 ul li:nth-child(3),#step2 ul li:nth-child(6){padding: 0;}
#list-vac{padding: 75px 0; font-family: "LatoLight";}
#list-vac ul.lv{display: inline-block; width: 100%; text-align: center; margin-bottom: 75px;}
#list-vac ul.lv li{float: left; width: 23%; margin-right: 2%; height: 52px; line-height: 52px; border-radius: 50px; background: url("../img/ls_lv.png") 50% 50% no-repeat; background-size: 100% 100%;}
#list-vac ul.lv li a{display: block;}
#list-vac ul.lv li i{font-size: 14px; color: #fff; font-style: normal; border-bottom: 1px solid #fff;}
#list-vac ul.lv li span{display: inline-block; padding-left: 40px; background: url("../img/man.png") 0 50% no-repeat;}
#list-vac ul.lv li:hover i{border-color: transparent;}
#list-vac .vacancy-description{font-size: 14px; line-height: 1.6;}
#list-vac .vacancy-description p{margin-bottom: 15px;}
#list-vac .vacancy-description h4{font-size: 22px; text-transform: uppercase; padding-bottom: 20px; line-height: 1.3;}
#start-work{padding: 0 0 85px 0; background: url("../img/bg_start.jpg") 50% 0 no-repeat; text-align: center; background-size: cover; font-family: "LatoLight";}
#start-work ul{display: inline-block; width: 100%; margin-bottom: 85px;}
#start-work ul li{width: 33.3%; float: left; text-align: center;}
#start-work ul li img{margin: 0 auto;}
#start-work ul li h4{text-transform: uppercase; color: #0fa2d7; font-size: 12px; padding: 45px 0 20px; font-family: "LatoBold";}
#start-work ul li p{color: #3b3b3b; font-size: 14px; line-height: 1.4;}
#s-sidebar{float: left; width: 360px; font-family: "LatoLight"; margin-bottom: 90px;}
#s-sidebar h2{text-transform: uppercase; font-size: 16px; text-align: center; padding-bottom: 25px;}
#s-sidebar .form{padding: 35px 27px; background: #f3f5f7; text-align: center;}
#s-sidebar .box{text-align: left; margin-bottom: 16px;}
#s-sidebar .box.box-m5{margin-bottom: 0px;}
#s-sidebar label{display: inline-block; width: 100%; color: #424956; font-size: 14px; margin-bottom: 16px; font-family: "LatoRegular";}
#s-sidebar input[type="text"]{padding: 0 25px; width: 100%; font-family: "LatoRegular"; border-radius: 0;}
#price-slider{width: 100%;}
.ui-slider{position: relative;}
.ui-slider .ui-slider-handle{position: absolute; z-index: 2; width: 14px; height: 14px; background: url(../img/range.png) no-repeat; cursor: pointer; outline: none;}
.ui-slider .ui-slider-handle:focus,.ui-slider .ui-slider-handle:active{outline: none;}
.ui-slider .ui-slider-range{position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; overflow: hidden;}
.ui-slider-horizontal{height: 3px;}
.ui-slider-horizontal .ui-slider-handle{top: -5px; margin-left: -6px;}
.ui-slider-horizontal .ui-slider-range{top: 0; height: 100%;}
.ui-slider-horizontal .ui-slider-range-min{left: 0;}
.ui-slider-horizontal .ui-slider-range-max{right: 0;}
.ui-widget-content{background: #d6dbe0;}
.ui-widget-header{background: #d6dbe0;}
.ui-corner-all{}
#lu{width: 830px; float: right; font-size: 14px;}
.search-list{margin-bottom: 30px;}
.actions-list{margin: 0 0 45px;}
.actions-list .btn-blue-transparent{width: 335px; color: #0094da; box-sizing: border-box;}
.actions-list .btn-blue-transparent:hover{color: #fff;}
#lu li{border-bottom: 1px solid #eaedef; padding: 0 0 45px 0; margin: 0 0 45px 0;}
#lu .list-search li{padding: 0;}
#lu .list-search #lt li{border-bottom: none;}
#lu .main-information{float: left; width: 570px;}
#lu .avatar{float: left; margin-right: 35px;}
#lu .avatar img{width: 90px; height: 90px; border-radius: 50%;}
#lu .name{float: left; padding: 23px 0 0 0;}
#lu .name p{margin-bottom: 15px;}
#lu .name a{font-size: 13px; color: #3d3d3d; text-transform: uppercase; font-family: "LatoBold";}
#lu .name .status{padding-left: 14px; background: url("../img/online.png") 0 50% no-repeat;}
#lu .name .status.status-online{color: #00b744}
#lu .name .status.status-offline{background: url("../img/offline.png") 0 50% no-repeat;}
#lu .about{margin: 25px 0; line-height: 1.5; font-size: 14px;}
#lu .gallery{margin: 0 0 25px 0;}
#lu .gallery span{display: block; font-size: 16px; text-transform: uppercase; font-family: "LatoLight"; padding: 0 0 0 30px; background: url("../img/t_gallery.png") 0 50% no-repeat; margin-bottom: 25px;}
#lu .gallery a{float: left; margin: 0 5px 0 0;}
#lu .main-information .reviews{font-size: 14px; line-height: 1.5;}
#lu .main-information .reviews .author{margin-bottom: 20px;}
#lu .main-information .reviews .task{margin-top: 20px;}
#lu .main-information .reviews .author a{text-transform: uppercase; color: #3d3d3d; font-family: "LatoBold";}
#lu .main-information .reviews .task a{color: #0094da; border-bottom: 1px solid #0094da;}
#lu .main-information .reviews .task a:hover{border-color: transparent;}
#lu .main-information .reviews span{display: block; font-size: 16px; text-transform: uppercase; font-family: "LatoLight"; padding: 0 0 0 30px; background: url("../img/t_reviews.png") 0 50% no-repeat; margin-bottom: 25px;}
#lu a.show-detail span{color: #3d3d3d; border-bottom: 1px solid #3d3d3d; font-family: "LatoLight";}
#lu a.show-detail span:hover{border-color: transparent;}
#lu .detail-information{display: none;}
#lu a.show-detail{padding-right: 20px; background: url("../img/arr_sd.png") 100% 50% no-repeat;}
#lu .rating{float: right; width: 230px; font-size: 14px;}
#lu .rating .btn{width: 100%;}
#lu .rating .reviews{width: 50%; float: left; text-align: center; padding: 20px 0;}
#lu .rating .reviews span{display: block; font-size: 18px; color: #3d3d3d; font-family: "LatoBold"; font-weight: bold; margin: 0 0 10px;}
#lu .rating .reviews a{color: #0094da; border-bottom: 1px solid #0094da;}
#lu .rating .reviews a:hover{border-color: transparent;}
#lu .rating .reviews b{font-weight: normal; font-size: 13px; display: block; margin-top: 20px;}
#lu .rating .reviews img{margin: 20px auto;}
#lu .rating .personal{background: #f3f5f7; box-sizing: border-box; padding: 25px 15px 5px; font-size: 14px;}
#lu .rating .personal p{margin-bottom: 15px; line-height: 1.3; font-family: "LatoLight"; padding: 0 0 0 30px; background: url("../img/ls_p.png") 0 5px no-repeat;}
#lt{width: 830px; float: right; font-size: 14px;}
#lt li{border-bottom: 1px solid #eaedef; padding: 0 0 45px 0; margin: 0 0 45px 0; font-family: "LatoLight";}
#lt .thumbnail{float: left; margin: 0 35px 0 0;}
#lt .thumbnail img{border-radius: 50%; width: 117px; height: 117px;}
#lt .description{float: left; width: 585px; line-height: 1.5;}
#lt .charity-lt .description{width: 670px;}
#lt .description p{margin: 16px 0;}
#lt .description a{font-size: 16px; color: #0094da; border-bottom: 1px solid #0094da; text-transform: uppercase;}
#lt .description a:hover{border-color: transparent;}
#lt .user{color: #969696;}
#lt .price{float: left; text-align: center; font-family: "LatoBold"; font-size: 16px; padding: 40px 0 0;}
#list-task{position: relative; z-index: 1;}
#list-task .wrapper{position: absolute; top: 55px; left: 0; width: 100%; height: 1px; z-index: 2;}
#list-task .left{float: left;}
#list-task .right{float: right;}
#list-task .wrapper a{display: block; width: 60px; height: 60px; float: left; margin-right: 6px; background-color: #0094da; background-repeat: no-repeat; background-position: 50% 50%; line-height: 60px; color: #fff;}
#list-task .wrapper a:hover{background-color: #0071a7}
#list-task .wrapper a.btn-list{width: auto; padding: 0 36px 0 57px; background-image: url("../img/lt_list.png")!important; background-position: 28px 50%;}
#list-task .wrapper a.btn-back{background-image: url("../img/lt_back.png")!important;}
#list-task .wrapper a.btn-settings{background-image: url("../img/lt_setting.png")!important;}
#list-task .wrapper a.btn-share{background-image: url("../img/lt_share.png")!important;}
#list-task .wrapper a.btn-mail{background-image: url("../img/lt_mail.png")!important;}
#list-task .wrapper a.btn-search{background-image: url("../img/lt_search.png")!important;}
#map-task{height: 600px; z-index: 1;}
#profile{margin-bottom: 80px; position: relative; font-size: 14px;}
#profile .main-information{float: left; width: 100%; box-sizing: border-box; padding-right: 300px; position: relative;}
#profile .main-information .coll{width: 25%; float: left; box-sizing: border-box;}
#profile .avatar{float: left; margin-right: 35px;}
#profile .avatar img{width: 90px; height: 90px; border-radius: 50%;}
#profile .name{float: left; padding: 23px 0 0 0;}
#profile .name p{margin-bottom: 15px;}
#profile .name a{font-size: 13px; color: #3d3d3d; text-transform: uppercase; font-family: "LatoBold";}
#profile .name .status{padding-left: 14px; background: url("../img/online.png") 0 50% no-repeat;}
#profile .name .status.status-online{color: #00b744}
#profile .name .status.status-offline{background: url("../img/offline.png") 0 50% no-repeat;}
#profile .coll-rev{text-align: center; padding-top: 22px;}
#profile .coll-rev span{display: block; font-size: 18px; color: #3d3d3d; font-family: "LatoBold"; font-weight: bold; margin: 0 0 10px;}
#profile .coll-rev a{color: #0094da; border-bottom: 1px solid #0094da;}
#profile .coll-rev a:hover{border-color: transparent;}
#profile .coll-rev img{margin: 0 auto; margin-bottom: 17px;}
#profile .about{margin: 25px 0; line-height: 1.5; font-size: 14px;}
#profile .gallery{margin: 0 0 25px 0;}
#profile .gallery span{display: block; font-size: 16px; text-transform: uppercase; font-family: "LatoLight"; padding: 0 0 0 30px; background: url("../img/t_gallery.png") 0 50% no-repeat; margin-bottom: 25px;}
#profile .gallery a{float: left; margin: 0 5px 0 0;}
#profile .main-information .reviews{font-size: 14px; line-height: 1.5;}
#profile .main-information .reviews .item{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eaedef}
#profile .main-information .reviews .author{margin-bottom: 20px; width: 30%; float: left;}
#profile .main-information .reviews .author img{margin-top: 20px;}
#profile .main-information .reviews .rev{width: 70%; float: left;}
#profile .main-information .reviews .task{margin-top: 20px;}
#profile .main-information .reviews .author a{text-transform: uppercase; color: #3d3d3d; font-family: "LatoBold";}
#profile .main-information .reviews .task a{color: #0094da; border-bottom: 1px solid #0094da;}
#profile .main-information .reviews .task a:hover{border-color: transparent;}
#profile .main-information .reviews .task b{font-weight: normal; font-family: "LatoBold";}
#profile .main-information .reviews span{display: block; font-size: 16px; text-transform: uppercase; font-family: "LatoLight"; padding: 0 0 0 30px; background: url("../img/t_reviews.png") 0 50% no-repeat; margin-bottom: 25px;}
#profile a.show-detail span{color: #3d3d3d; border-bottom: 1px solid #3d3d3d; font-family: "LatoLight";}
#profile a.show-detail span:hover{border-color: transparent;}
#profile a.show-detail{padding-right: 20px; background: url("../img/arr_sd.png") 100% 50% no-repeat;}
#profile .rating{float: right; width: 230px; font-size: 14px; position: absolute; top: 0; right: 0;}
#profile .rating .btn{width: 100%;}
#profile .rating .personal{background: #f3f5f7; box-sizing: border-box; padding: 25px 15px 5px; font-size: 14px; margin-top: 60px;}
#profile .rating .personal p{margin-bottom: 15px; line-height: 1.3; font-family: "LatoLight"; padding: 0 0 0 30px; background: url("../img/ls_p.png") 0 5px no-repeat;}
#delivery{margin-bottom: 80px; font-size: 14px; color: #424956;}
#delivery .title{font-size: 18px; margin-bottom: 30px;}
#delivery .full{display: inline-block; width: 100%; margin-bottom: 30px;}
#delivery .coll{float: left;}
#delivery .coll-center{margin: 0 2%;}
#delivery .coll-1{width: 32%;}
#delivery .coll-2{float: right; width: 66%;}
#delivery .coll-type a{display: block; width: 33.3%; float: left; height: 47px; line-height: 47px; box-sizing: border-box; border: 1px solid #00b744; box-sizing: border-box; text-align: center; color: #424956}
#delivery .coll-type a.active,#delivery .coll-type a:hover{color: #fff; background: #00b744;}
#delivery a.add-address{display: inline-block; padding: 3px 0 3px 25px; background: url("../img/aa.png") 0 50% no-repeat; color: #00b744; margin-bottom: 15px;}
#delivery input[type="text"]{height: 47px; padding: 0 17px; font-size: 14px; color: #424956; font-family: "LatoRegular"; background: #f1f3f5; margin: 0; width: 100%; margin-bottom: 15px; border-radius: 0;}
#delivery label{display: block; line-height: 47px;}
#delivery .fs label{display: inline-block; width: auto; float: left; min-width: 90px;}
#delivery .fs label.label-price{margin: 0 30px;}
#delivery .fs label.add-file{float: right; color: #00b744; padding: 3px 0 3px 25px; background: url("../img/file.png") 0 50% no-repeat; cursor: pointer;}
#delivery .fs input[type="text"]{float: left; width: 108px; padding: 0; text-align: center;}
#delivery .fs input[type="file"]{display: none;}
#delivery .fs span{display: block; float: left; width: 47px; height: 47px; margin-right: 5px; line-height: 47px; text-align: center; background: #e7e9ec}
#delivery .fs span img{display: inline-block; position: relative; top: 3px; width: 11px;}
#delivery .description{position: relative; padding-left: 90px; box-sizing: border-box;}
#delivery .description label{position: absolute; top: 0; left: 0; min-width: 90px;}
#delivery .type-delivery label{display: inline-block; width: auto; float: left; width: 170px;}
#delivery .type-delivery input[type="text"]{float: left; width: 165px; padding: 0; text-align: center;}
#delivery .type-delivery span{display: block; float: left; width: 47px; height: 47px; margin-right: 5px; line-height: 47px; text-align: center; background: #e7e9ec}
#delivery .type-delivery span img{display: inline-block; position: relative; top: 5px;}
#delivery label a,.full-subs a{color: #0094da; border-bottom: 1px solid #0094da;}
#delivery label a:hover,.full-subs a:hover{border-color: transparent;}
#delivery .center .title{color: #93979f}
#delivery .center .price{font-size: 22px; margin-bottom: 30px;}
#delivery .center .price span{float: none; display: inline-block;}
#account{font-family: "LatoLight"; font-size: 14px;}
#account .user{float: left;}
#account .user img{width: 90px; height: 90px; border-radius: 50%;}
#account .user .avatar{float: left; margin-right: 35px;}
#account .user .info{float: left;}
#account .user .info p.name{text-transform: uppercase; padding: 10px 0 0; color: #3d3d3d; font-size: 14px; font-family: "LatoBold";}
#account .user .info p.status{padding: 13px 0 10px;}
#account .user .info p.timezone{text-transform: uppercase;}
#account .actions{float: right; margin: 30px 0 0;}
#account .actions span{color: #0094da; border-bottom: 1px solid #0094da;}
#account .actions span:hover{border-color: transparent;}
#account .actions a{display: inline-block; padding: 3px 0 3px 23px; margin: 0 0 0 95px;}
#account .actions a.security{background: url("../img/a_security.png") 0 50% no-repeat;}
#account .actions a.password{background: url("../img/a_password.png") 0 50% no-repeat;}
#account .actions a.exit{font-family: "LatoBold"; padding: 3px 24px 3px 0; background: url("../img/a_exit.png") 100% 50% no-repeat;}
#account .main ul.user-data{margin: 75px 0 85px; display: inline-block; width: 100%; color: #3b3b3b;}
#account .main ul.user-data a{color: #3b3b3b;}
#account .main ul.user-data li{float: left; box-sizing: border-box; padding: 0 0 0 55px; margin: 0 0 0 150px; height: 40px; line-height: 1.5;}
#account .main ul.user-data li:first-child{margin: 0;}
#account .main ul.user-data li:last-child{float: right;}
#account .main ul.user-data li.rating{background: url("../img/a_rating.png") 0 50% no-repeat; padding-top: 10px;}
#account .main ul.user-data li.phones{background: url("../img/a_phones.png") 0 50% no-repeat;}
#account .main ul.user-data li.address{background: url("../img/a_address.png") 0 50% no-repeat;}
#account .main ul.user-data li.mail{background: url("../img/a_mail.png") 0 50% no-repeat; padding-top: 10px;}
#account .main-tabs{margin-bottom: 90px;}
dl.tabs {}
dl.tabs dt {float: left; position: relative; cursor: pointer; text-align: center; border-bottom: 1px solid #e6eaec; width: 25%; box-sizing: border-box; text-transform: uppercase; font-size: 14px; font-family: "LatoBold";}
dl.tabs dt:first-child{text-align: left;}
dl.tabs dt:last-child{text-align: right;}
dl.tabs dd {display:none; float: right; margin:20px 0 0 -100%; position:relative; width:100%; z-index:2; top: 40px; padding: 65px 0 0;}
dl.tabs dd div{}
dl.tabs dt span{display: inline-block; padding: 20px 0;}
dl.tabs dt.active span{color: #0094da; border-bottom: 1px solid #0094da}
dl.tabs dd.active {display:block;}
#account .main-tabs{font-family: "LatoRegular";}
#account .tab_main{width: 100%;}
#account .tab_main .left{width: 785px; float: left;}
#account .title{text-transform: uppercase; font-size: 16px; margin-bottom: 25px; font-family: "LatoLight";}
#account .tab_main .about{margin-bottom: 50px; font-family: "LatoLight";}
#account .tab_main .about p{line-height: 1.5;}
#account ul.skills{display: inline-block; width: 100%;}
#account ul.skills .coll{width: 50%; float: left;}
#account ul.skills li{display: inline-block; width: 100%;}
#account ul.skills .coll img{float: left; margin: 0 25px 0 0;}
#account ul.skills .coll-1 span{display: inline-block; margin-top: 30px;}
#account ul.skills .coll-2{position: relative; font-size: 14px; padding-top: 30px; top: -25px;}
#account ul.skills .coll-2 i{position: absolute; top: 60px; left: 155px; font-style: normal; color: #b3b3b3;}
#account ul.skills .coll-2 .wrapp{position: relative; top: -33px;}
#account ul.skills .coll-2 .wrapp span{position: absolute; top: 0; right: 0; display: block; background: #e7e9ec; text-align: center; width: 50px; height: 50px; line-height: 45px;}
#account ul.skills .coll-2 .wrapp span img{margin: 18px auto; float: none; width: 12px;}
#account ul.skills .coll-2 input[type="text"]{float: right; width: 240px; background: #f1f3f5;}
#account ul.skills .coll-2 u{font-style: normal; text-decoration: none; line-height: 1.3; position: relative; top: 10px;}
#account .title-small{margin: 20px 0;}
#account .cusel{width: 50%!important; background: #f1f3f5; color: #8a8f97; margin-bottom: 75px;}
#account ul.push{margin-bottom: 75px; max-width: 50%;}
#account ul.push li{position: relative; line-height: 38px; margin-bottom: 8px;}
#account ul.push li a{display: block; position: absolute;top: 0; right: 0; height: 38px; width: 40px;}
#account ul.push li a.on{background: url("../img/a_on.png") 50% 50% no-repeat; right: 40px;}
#account ul.push li a.mail{background: url("../img/a_p_mail.png") 50% 50% no-repeat;}
#account ul.push li a.ok{background: url("../img/a_ok.png") 50% 50% no-repeat;}
#account ul.push li a.no{background: url("../img/a_no.png") 50% 50% no-repeat;}
#account .tab_main .right{width: 380px; float: right;}
#account .tab_main .right .box{margin-bottom: 45px;}
#account .tab_main .right ul.accounts{display: inline-block; width: 100%;}
#account .tab_main .right ul.accounts li{width: 50%; margin-bottom: 10px; float: left; box-sizing: border-box; padding: 0 0 0 63px; line-height: 43px; position: relative;}
#account .tab_main .right ul.accounts li span{display: block; width: 43px; height: 43px; border-radius: 5px; position: absolute; top: 0; left: 0; text-align: center; background: #696969}
#account .tab_main .right ul.accounts li.active span{background: #0094da}
#account .tab_main .right input[type="text"]{border-radius: 0; width: 100%; height: 43px; background: #f1f3f5}
#account .tab_main .right .box-portfolio img{width: 25%; float: left;}
#account .tab_main .right .box-dop input[type="text"]{margin-bottom: 15px;}
#account .list-history{font-size: 14px;}
#account .list-history h4{font-family: "LatoBold"; margin-bottom: 25px; font-size: 15px;}
#account .list-history ul{max-width: 50%; margin-bottom: 25px;}
#account .list-history li{display: inline-block; width: 100%; margin-bottom: 15px; display: none;}
#account .list-history li:nth-child(1),#account .list-history li:nth-child(2),#account .list-history li:nth-child(3){display: inline-block;}
#account .list-history li img{float: left; margin: 0 27px 0 0;}
#account .list-history li .data{float: left; padding: 13px 0 0;}
#account .list-history li .data span{color: #969696; display: block; margin-top: 10px;}
#account .list-history li .price{float: right; font-size: 16px; padding: 20px 0 0;}
#account .list-history a.show-all{color: #008ad7; font-family: "LatoLight"; display: inline-block; margin-bottom: 45px; padding-right: 20px; background: url("../img/arr_db.png") 100% 50% no-repeat;}
#account .list-history a.show-all span{border-bottom: 1px solid #008ad7;}
#account .list-history a.show-all:hover span{border-color: transparent;}
#account .list-ex{font-size: 14px;}
#account .list-ex h4{font-family: "LatoBold"; margin-bottom: 25px; font-size: 15px;}
#account .list-ex ul{max-width: 50%; margin-bottom: 25px;}
#account .list-ex li{display: inline-block; width: 100%; margin-bottom: 15px; display: none;}
#account .list-ex li:nth-child(1),#account .list-ex li:nth-child(2),#account .list-ex li:nth-child(3){display: inline-block;}
#account .list-ex li img{float: left; margin: 0 27px 0 0; width: 65px; height: 65px; border-radius: 50%;}
#account .list-ex li .data{float: left; padding: 13px 0 0;}
#account .list-ex li .data span{color: #969696; display: block; margin-top: 10px;}
#account .list-ex li .price{float: right; font-size: 16px; padding: 15px 0 0;}
#account .list-ex li .price a{display: block; background: url("../img/more.png") 50% 50% no-repeat; width: 8px; height: 29px;}
#account .list-ex a.show-all{color: #008ad7; font-family: "LatoLight"; display: inline-block; margin-bottom: 45px; padding-right: 20px; background: url("../img/arr_db.png") 100% 50% no-repeat;}
#account .list-ex a.show-all span{border-bottom: 1px solid #008ad7;}
#account .list-ex a.show-all:hover span{border-color: transparent;}
#account .list-payments{font-size: 14px;}
#account .list-payments h4{font-family: "LatoBold"; margin-bottom: 25px; font-size: 15px;}
#account .list-payments ul{max-width: 50%; margin-bottom: 25px;}
#account .list-payments li{display: inline-block; width: 100%; margin-bottom: 15px;}
#account .list-payments li img{float: left; margin: 0 27px 0 0; width: 65px; height: 65px; border-radius: 50%;}
#account .list-payments li .data{float: left; padding: 7px 0 0;}
#account .list-payments li .data p{margin-bottom: 5px;}
#account .list-payments li .data span{color: #969696; display: block; margin-top: 7px;}
#account .list-payments li .price{float: right; font-size: 16px; padding: 15px 0 0;}
#charity{font-size: 14px; padding: 0 0 50px;}
#charity h2{text-align: center; text-transform: uppercase; font-size: 35px; font-family: "LatoLight"; padding-bottom: 45px;}
#charity p{line-height: 1.5;}
#list-charity{padding: 0 0 30px;}
#list-charity h3{text-align: center; text-transform: uppercase; font-size: 30px; font-family: "LatoLight"; padding-bottom: 45px;}
#list-charity ul{display: inline-block; width: 100%; text-align: center;}
#list-charity ul li{width: 20%; float: left; box-sizing: border-box; line-height: 1.4; padding: 0 40px; font-size: 14px; min-height: 190px;}
#list-charity ul li img{margin: 0 auto; margin-bottom: 12px;}
#list-charity dl.tabs dt{width: 50%;}
#list-charity .main-tabs{float: right; width: 830px; padding-top: 30px;}
#oneservice{}
#oneservice .block-title{padding-top: 0;}
#oneservice .chart{float: left;}
#oneservice .detail{float: right; width: 540px; box-sizing: border-box; padding: 35px 35px 25px; background: #f0f5f7}
#oneservice .detail .data{margin-bottom: 23px;}
#oneservice .detail .data a{float: left; color: #0094da; border-bottom: 1px solid #0094da;}
#oneservice .detail .data a:hover{border-color: transparent;}
#oneservice .detail .data span{float: right; font-size: 12px; color: #a1a1a1;}
#oneservice .detail p{margin-bottom: 24px;}
#oneservice .detail i{font-style: normal; font-size: 12px; position: relative; top: -15px; display: block; margin-bottom: 10px;}
#oneservice .factors{padding: 75px 0; font-size: 14px; line-height: 1.6; font-family: "LatoLight";}
#oneservice .factors .block-title{font-size: 25px;}
#oneservice .factors h3{color: #0094da; font-weight: normal; font-size: 18px; padding: 25px 0;}
#calc-price{text-align: center;}
#calc-price .block-title{padding-bottom: 40px;}
#calc-price .block-title span{display: block; text-transform: none; font-size: 14px; margin-top: 20px;}
#map-service{height: 495px; margin-bottom: 60px;}
#calc-price h4{font-size: 20px; text-transform: uppercase; font-family: "LatoLight"; margin-bottom: 30px;}
#calc-price h4 span{display: block; font-size: 14px; margin-top: 20px; text-transform: none; font-family: "LatoRegular";}
#calc-price .cusel{background: #f3f5f7; width: 300px!important; float: left;}
#calc-price .btn{float: right; height: 50px;}
#calc-price .cusel .cusel-scroll-wrap{text-align: left;}
#calc-price .f-service{margin: 0 auto; display: block; max-width: 535px; margin-bottom: 75px;}
#calc-price h5{font-size: 30px; text-transform: uppercase; font-family: "LatoLight"; margin-bottom: 30px;}
#calc-price h5 span{display: block; font-size: 14px; font-family: "LatoRegular"; margin-top: 20px; text-transform: none; line-height: 1.4;}
#calc-price .search-service{display: block; margin: 0 auto; width: 635px; margin-bottom: 60px;}
#calc-price .search-service input{float: left; height: 50px;}
#calc-price .search-service input[type="text"]{width: 510px; background: #f3f4f5; border-radius: 5px 0 0 5px; font-family: "LatoRegular";}
#calc-price .search-service input[type="submit"]{width: 125px; padding: 0; border-radius: 0 5px 5px 0;}
#forum{padding: 0 0 70px;}
#forum .inner{padding: 0 135px; box-sizing: border-box;}
#forum .post{background: #fff; box-sizing: border-box; padding: 30px 30px 20px; margin-bottom: 15px;}
#forum .post .title{font-size: 18px; position: relative; margin-bottom: 22px;}
#forum .post .title span{display: block; color: #8a8f97; font-size: 14px; margin-top: 13px;}
#forum .post .text{font-size: 15px; line-height: 1.1; font-family: "Calibri", sans-serif}
#forum .files{margin: 15px 0;}
#forum .files span{display: block; font-size: 14px; color: #8a8f97; margin-bottom: 10px;}
#forum .files a{display: block; float: left; margin: 0 5px 25px 0;}
#forum .files label{color: #0094da; padding: 3px 0 3px 25px; background: url("../img/file_b.png") 0 50% no-repeat; cursor: pointer; margin-bottom: 10px; display: inline-block;}
#forum .note{color: #8a8f97; font-size: 14px;}
#forum .note span{float: right;}
#forum .action{position: absolute; top: 0; right: 0; width: 10px; height: 40px; background: url("../img/act.png") 50% 50% no-repeat; cursor: pointer;}
#forum .action .wr{background: #fff; display: none; z-index: 9; position: absolute; top: 45px; left: -10px; padding: 5px 0; width: 225px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);}
#forum .action .wr.active{display: block;}
#forum .action .wr a{display: block; color: #424956; font-size: 15px; padding-left: 50px; line-height: 42px;}
#forum .action .wr p.act_1{background: url("../img/act_1.png") 0 50% no-repeat;}
#forum .action .wr p.act_2{background: url("../img/act_2.png") 0 50% no-repeat;}
#forum .action .wr p.act_3{background: url("../img/act_3.png") 0 50% no-repeat;}
#forum .action .wr p.act_4{background: url("../img/act_4.png") 0 50% no-repeat;}
#forum .answers{max-width: 850px; width: 100%; box-sizing: border-box;}
#forum .answers .title{text-transform: uppercase; font-size: 14px; margin-bottom: 30px;}
#forum .answers .user{position: absolute; top: 0; left: 0; font-size: 14px; color: #8a8f97; line-height: 1.3;}
#forum .answers .user span{position: relative; top: 10px; left: 40px;}
#forum .answers .user img{width: 85px; height: 85px; border-radius: 50%;}
#forum .answers li{background: url("../img/line.png") 15px 10px no-repeat;}
#forum .answers li:first-child{padding-bottom: 90px;}
#forum .answers li:last-child{background: none;}
#forum .answers li{box-sizing: border-box; padding-bottom: 25px; min-height: 100px; width: 100%; padding-left: 160px; position: relative;}
#forum .answers textarea{box-sizing: border-box; width: 100%; padding: 20px 30px; height: 110px; resize: none; border: none; font-family: "LatoRegular"; font-size: 14px;}
#forum .answers li .btn{position: absolute; top: 0; right: -230px;}
#forum .answers .user{margin-top: -20px;}
#forum .answers .wrap{background: #fff; top: -20px; padding: 20px 45px 20px 30px; position: relative; box-sizing: border-box; width: 100%;}
#forum .answers .wrap .name{font-size: 14px; color: #8a8f97; margin-bottom: 15px;}
#forum .answers .files,#forum .answers .files a{margin-bottom: 0;}
#forum .answers .text{font-size: 15px; line-height: 1.1; font-family: "Calibri", sans-serif; text-align: justify;}
#forum .answers .action{top: 15px; right: 20px;}
footer{padding: 40px 0 20px; background: url("../img/bg_footer.jpg") 50% 0 no-repeat; font-family: "LatoLight";}
footer .inner{position: relative;}
footer .inner-last{margin-top: 70px;}
footer .logo{float: left; margin: 0 115px 0 0;}
footer .navigation{float: left; max-width: 770px; width: 100%;}
footer .navigation ul{float: left; width: 33.3%;}
footer .navigation li{font-size: 14px; margin-bottom: 12px;}
footer .navigation a{color: #fff; border-bottom: 1px solid transparent}
footer .navigation a:hover{border-color: #0094da; color: #0094da;}
footer .contacts{float: right; max-width: 238px; text-align: center;}
footer .contacts p.email a{color: #fff; font-size: 16px;}
footer .contacts p.phone{padding: 13px 0;}
footer .contacts p.phone a{color: #fff; font-size: 25px;}
footer .contacts p.page a{border-bottom: 1px solid #0094da; color: #0094da;}
footer .contacts p.page a:hover{border-color: transparent;}
footer .copyright{float: left; position: relative; z-index: 2; font-size: 14px; color: #a7a7a7; margin-top: 15px;}
footer .apps{float: right; position: relative; z-index: 2; text-align: center; margin: 5px 0 0;}
footer .apps a{float: left; display: block;}
footer .apps a,footer .apps img{display: inline-block; margin: 0 0 0 2px; border-radius: 4px;}
footer .social{position: relative; top: 0; left: 3px; z-index: 1; width: auto; text-align: center;}
footer .social li{display: inline-block; margin: 0 0 10px 18px; line-height: 43px; opacity: 0.7; float: left;}
footer .social li:first-child{margin-left: 0;}
footer .social li:hover{opacity: 1;}
footer .social li img{display: inline-block;}
footer .social li a{display: block; width: 43px; height: 43px; border-radius: 5px; background: #58595a}
footer .social li a:hover{background: #0094da}
/*footer{padding: 65px 0; background: url("../img/bg_footer.jpg") 50% 0 no-repeat; font-family: "LatoLight";}
footer .inner{position: relative;}
footer .inner-last{margin-top: 70px;}
footer .logo{float: left; margin: 0 115px 0 0;}
footer .navigation{float: left; max-width: 770px; width: 100%;}
footer .navigation ul{float: left; width: 33.3%;}
footer .navigation li{font-size: 14px; margin-bottom: 12px;}
footer .navigation a{color: #fff; border-bottom: 1px solid transparent}
footer .navigation a:hover{border-color: #0094da; color: #0094da;}
footer .contacts{float: right;}
footer .contacts p.email a{color: #fff; font-size: 16px;}
footer .contacts p.phone{padding: 13px 0;}
footer .contacts p.phone a{color: #fff; font-size: 25px;}
footer .contacts p.page a{border-bottom: 1px solid #0094da; color: #0094da;}
footer .contacts p.page a:hover{border-color: transparent;}
footer .copyright{float: left; position: relative; z-index: 2; font-size: 14px; color: #a7a7a7; margin-top: 15px;}
footer .apps{float: right; position: relative; z-index: 2; text-align: right;}
footer .apps a,footer .apps img{display: inline-block; margin-left: 5px; border-radius: 4px;}
footer .social{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; text-align: center;}
footer .social li{display: inline-block; margin: 0 2px; line-height: 43px; opacity: 0.7}
footer .social li:hover{opacity: 1;}
footer .social li img{display: inline-block;}
footer .social li a{display: block; width: 43px; height: 43px; border-radius: 5px; background: #58595a}
footer .social li a:hover{background: #0094da}*/
input[type="text"],input[type="email"],input[type="password"]{height: 50px; box-sizing: border-box; padding: 0 23px; font-size: 14px; color: #5a5a5a; border-radius: 5px; border: none;}
input[type="checkbox"],
input[type="radio"] {
display:none;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
font-size: 15px; cursor: pointer;
}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
content: "";
display: inline-block;
height: 18px;
width: 18px;
margin: 0 15px 0 0;
background-image: url("../img/sprite.png");
background-repeat: no-repeat;
position: relative; top: 4px;
}
input[type="checkbox"] + label::before {
background-position: 0px 0px;
}
input[type="checkbox"]:checked + label::before {
background-position: -18px 0px;
}
#page-title{text-align: center; color: #fff; padding: 120px 0 105px; background-size: cover!important;}
#page-title h1{font-size: 40px; font-family: "LatoLight"; text-transform: uppercase;}
#page-title.page-team{background: url("../img/bg_team.jpg") 50% 0 no-repeat;}
#page-title.page-service{background: url("../img/bg_service.jpg") 50% 0 no-repeat;}
#page-title.page-post{background: url("../img/bg_post.jpg") 50% 0 no-repeat;}
#page-title.page-executor{background: url("../img/bg_executor_page.jpg") 50% 0 no-repeat;}
#page-title.page-contacts{background: url("../img/bg_contacts.jpg") 50% 0 no-repeat;}
#page-title.page-executor-faq{background: url("../img/bg_executor_faq.jpg") 50% 0 no-repeat;}
#page-title.page-video{background: url("../img/bg_video.jpg") 50% 0 no-repeat;}
#page-title.page-faq{background: url("../img/bg_faq.jpg") 50% 0 no-repeat;}
#page-title.page-task{background: url("../img/bg_task.jpg") 50% 0 no-repeat;}
#page-title.page-vacancy{background: url("../img/bg_vacancy.jpg") 50% 0 no-repeat;}
#page-title.page-users{background: url("../img/bg_users.jpg") 50% 0 no-repeat;}
#page-title.page-user{background: url("../img/bg_user.jpg") 50% 0 no-repeat; padding: 40px 0 35px;}
#page-title.page-task{background: url("../img/bg_task_page.jpg") 50% 0 no-repeat;}
#page-title.page-list-task{background: url("../img/bg_list_task_page.jpg") 50% 0 no-repeat;}
#page-title.page-delivery{background: url("../img/bg_delivery.jpg") 50% 0 no-repeat;}
#page-title.page-cabinet{background: url("../img/bg_cabinet.jpg") 50% 0 no-repeat; padding: 40px 0 35px;}
#page-title.page-charity{background: url("../img/bg_charity.jpg") 50% 0 no-repeat;}
#page-title.page-oneservice{background: url("../img/bg_oneservice.jpg") 50% 0 no-repeat;}
#page-title.page-forum{background: url("../img/bg_forum.jpg") 50% 0 no-repeat;}
.search-services{max-width: 640px; width: 100%; margin: 0 auto; margin-top: 50px;}
.search-services input[type="text"]{width: 510px; float: left; border-radius: 5px 0 0 5px; font-family: "LatoRegular";}
.search-services input[type="submit"]{width: 130px; height: 50px; float: left; border-radius: 0 5px 5px 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.block-title{font-size: 33px; text-transform: uppercase; text-align: center; font-family: "LatoLight"; color: #3c3c3c; padding: 75px 0;}
.action-now .block-title,.action-photo .block-title{font-size: 35px; padding: 110px 0 55px; color: #fff; line-height: 1.2;}
.block-title.block-title-inner{padding-top: 0;}
#action-vac .block-title{color: #fff}
.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;}
img{display: block; max-width: 100%;}
.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out; font-family: "LatoRegular";}
.btn:hover{transition: all 0.5s ease-out;}
.btn-blue{color: #fff; background: #0094da; border-radius: 5px; width: 212px; padding: 19px 0 17px; font-size: 13px; border: 1px solid #0094da;}
.btn-blue:hover{background: #0071a7}
.btn-blue-transparent{color: #fff; background: none; border: 1px solid #0094da; border-radius: 5px; width: 212px; padding: 19px 0 17px; font-size: 13px;}
.btn-blue-transparent:hover{background: #0094da}
.btn-green{color: #fff; background: #00b744; border-radius: 5px; width: 212px; padding: 19px 0 17px; font-size: 13px; border: 1px solid #00b744;}
.btn-green:hover{background: #009939}
input,textarea,select{-webkit-appearance: none; box-sizing: border-box; font-family: "LatoLight";}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999999; }
.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; z-index: 99999999!important
}
.box-modal{width: 480px; font-family: "LatoLight"; padding: 45px 35px; 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: 12px; height: 12px; cursor: pointer; background: url("../img/close.png") 50% 50% no-repeat; position: absolute; top: 10px; right: 10px;}
.box-modal .modal-title{text-transform: uppercase; color: #424956; font-size: 28px; margin-bottom: 35px;}
#window-registration .modal-title,#window-registration-social .modal-title{font-size: 25px;}
#window-registration .modal-title span,#window-registration-social .modal-title span{font-size: 20px; display: block; margin-top: 15px;}
#window-registration-social li{margin-bottom: 15px; width: 100%; text-align: center;}
#window-registration-social li img{max-width: 100%; height: auto;}
#window-registration-social li img:hover{opacity: 0.8}
#window-registration-social .note{text-align: center; line-height: 1.8; padding: 0 20px; font-size: 14px;}
#window-registration-social .note a{color: #24a3df; border-bottom: 1px solid #24a3df;}
#window-registration-social .note a:hover{border-color: transparent;}
.box-modal h6{text-transform: uppercase; margin-bottom: 20px; font-size: 15px; color: #3c3c3c; font-weight: 700;}
.box-modal input[type="text"],.box-modal input[type="email"],.box-modal input[type="password"]{font-family: "LatoRegular"; width: 100%; height: 45px; box-sizing: border-box; padding: 0 25px; height: 45px; background: #f1f3f5; font-size: 14px; margin: 0 0 15px; border-radius: 0;}
.box-modal .center{margin-top: 25px;}
.box-modal input[type="submit"]{font-family: "LatoRegular";}
.box-modal .cusel{background: #f1f3f5; text-align: left;}
.box-modal input[type="file"]{display: none;}
.box-modal .coll{position: relative; text-align: left;}
.box-modal .coll label.label-ch{color: #424956; font-size: 15px; font-family: "LatoRegular";}
.box-modal .coll span,.label-file{position: absolute; top: 0; right: 0; height: 45px; line-height: 45px; width: 120px; background: #e7e9ec; text-align: center; cursor: pointer;}
.box-modal .coll span a,.label-file a{color: #24a3df; border-bottom: 1px solid #24a3df;}
.box-modal .coll span a:hover,.label-file a:hover{border-color: transparent;}
.box-modal .coll input[type="text"],.box-modal .coll input[type="email"],.box-modal .coll input[type="password"]{padding-right: 145px;}
.box-modal .padd{position: relative; box-sizing: border-box; padding: 0 0 0 127px; margin-top: 12px;}
.box-modal .padd div{position: absolute; top: 0; left: 0; line-height: 45px; font-family: "LatoRegular"; font-size: 15px;}
.box-modal .coll label.label-ch a{color: #24a3df; border-bottom: 1px solid #24a3df;}
.box-modal .coll label.label-ch a:hover{border-color: transparent;}
.box-modal .restore-password{float: right; font-size: 14px; top: 5px; position: relative; color: #0094da; border-bottom: 1px solid #0094da}
.box-modal .restore-password:hover{border-color: transparent;}
#window-restore p{text-align: left; margin: 20px 0; font-size: 14px; line-height: 1.5;}
#window-portfolio{width: 1240px; padding-right: 60px; padding-left: 60px;}
#window-portfolio .gallery{float: left; width: 640px;}
#window-portfolio .information{float: right; width: 445px; text-align: left; font-size: 15px;}
#window-portfolio .information .main,#window-portfolio .information .desc{font-family: 'Calibri', sans-serif; line-height: 1.1;}
#window-portfolio .information .main{margin-bottom: 30px;}
#window-portfolio .information p.title{margin-bottom: 10px;}
#window-portfolio .information .access,#window-portfolio .information .social{position: relative; padding: 12px 0 0;}
#window-portfolio .information .access input{width: 65%; float: left; margin: 0;}
#window-portfolio .information .access span{background: url("../img/view.png") 0 50% no-repeat; position: relative; top: 10px; line-height: 25px; padding: 0 0 0 45px; display: inline-block; margin-left: 38px; font-size: 15px; font-family: 'Calibri', sans-serif;}
#window-portfolio .social li{display: inline-block; margin: 0 5px 0 0; line-height: 43px; opacity: 0.7; float: left;}
#window-portfolio .social li:first-child{margin-left: 0;}
#window-portfolio .social li:hover{opacity: 1;}
#window-portfolio .social li img{display: inline-block;}
#window-portfolio .social li a{display: block; width: 43px; height: 43px; border-radius: 5px; background: #58595a}
#window-portfolio .social li a:hover{background: #0094da}
/*responsive*/
@media screen and (max-width: 1580px){
/*#promo #video_section video{height: 130%;}*/
}
@media screen and (max-width: 1250px){
#window-portfolio{width: 95%; padding-left: 20px; padding-right: 20px;}
#window-portfolio .gallery{width: 100%; max-width: 640px; margin: 0 auto; margin-bottom: 20px; float: none;}
#window-portfolio .gallery img{max-width: 100%; height: auto;}
#window-portfolio .information{width: 100%;}
.inner{width: 100%; box-sizing: border-box; padding: 0 2%;}
header .btn{width: auto; padding: 15px 15px 13px; margin-bottom: 10px;}
header.scroll .action div{margin-right: 15px;}
header.scroll .task, header.scroll .executor{width: 190px; left: 0; top: 0; text-align: center;}
#promo h3 span{line-height: 18px; margin-top: 5px;}
#step2 ul{padding: 0}
#executor .btn{left: 0}
#lt .charity-lt .description{width: 430px;}
#oneservice .chart{width: 100%; text-align: center;}
#oneservice .chart img{display: inline-block; max-width: 100%; height: auto;}
#oneservice .detail{width: 100%; margin-top: 20px;}
#forum .inner{padding: 0 2%;}
#forum .answers li .btn{position: relative; left: 0; margin-top: 20px;}
#forum .action .wr{left: -210px;}
#forum .post .title{box-sizing: border-box; padding-right: 30px;}
#services ul li{width: 12.5%; margin: 0; text-align: center;}
#services ul li a.w-image{margin: 0 auto; margin-bottom: 15px;}
#task img{max-width: 210px!important;}
#task span{top: 12px; left: 15px;}
#task .task-1, #task .task-2, #task .task-3{max-width: 90%;}
#executor ul li{margin-right: 10px;}
#executor ul{margin: 20px 0;}
#profile .main-information .coll{width: 33.3%; text-align: left;}
#profile .main-information .coll img{margin: 0 0 20px;}
#profile .main-information .coll:first-child{width: 100%;}
#profile .main-information .reviews .author{width: 100%;}
#profile .main-information .reviews .rev{width: 100%; margin-top: 10px;}
.slider-reviews .slick-next{right: 15px;}
.slider-reviews .slick-prev{left: 15px;}
#what-order ul li a{line-height: 1.3;}
#contacts .address{padding-left: 115px; padding-right: 50px; background-position: 0 50%;}
#s-sidebar{width: 30%;}
#lu,#lt,#list-charity .main-tabs{width: 68%;}
dl.tabs dt span{font-size: 12px;}
#lu .main-information{width: 70%;}
#lu .rating{width: 28%;}
#lt .description{width: 350px; margin-right: 20px;}
#account .main ul.user-data li{width: 25%; margin: 0!important; float: left!important;}
#account .tab_main .left,#account .tab_main .right{width: 100%;}
#account ul.skills .coll-2 i{left: 0;}
#promo{background: url("../img/bg_promo.jpg") 50% 0 no-repeat; background-size: cover;}
#promo #video_section{display: none;}
#faq ul.questions li{width: 100%; margin: 0 0 10px!important}
#faq .box-faq .title{text-align: left; font-size: 12px; box-sizing: border-box; padding-left: 60px;}
#faq .box-faq .title img{left: 5px!important;}
#list-charity ul li{padding: 0 15px;}
footer .logo{margin-right: 40px;}
footer .navigation{max-width: 500px;}
}
@media screen and (max-width: 960px){
.block-title,.action-now .block-title,.action-photo .block-title,#charity h2,#list-charity h3{font-size: 20px; line-height: 1.4; padding: 30px 0;}
.action-now .block-title,.action-photo .block-title{padding: 45px 0;}
#reviews .block-title{padding-bottom: 0;}
#reviews .slider-reviews,#charity h2,#list-charity h3{padding-top: 0;}
#page-title{padding: 40px 0;}
#page-title h1,#page-404 h1,#faq .block-title,#step1 h2,#step2 h3,#list-vac .vacancy-description h4{font-size: 20px; line-height: 1.3;}
#step2 h3 span{font-size: 18px;}
#action,#action-price,#action-mind,#start,#action-vac{padding-bottom: 45px;}
#task,#post,#contacts,#executor-faq,#video,#faq{padding-bottom: 30px;}
#executor-faq .items-wr{width: 100%; padding: 0;}
#list-charity ul li{width: 33.3%;}
#post h1,#post h2,#post h3,#post h4,#post h5,#post h6,#post p{font-family: "LatoLight"; margin-bottom: 15px;}
#post h1{font-size: 30px;}
#post h2{font-size: 20px;}
#post h3{font-size: 16px;}
#s-sidebar{width: 100%; margin-bottom: 30px;}
#lu,#lt{width: 100%;}
#lu .main-information{width: 100%;}
#lu .rating{width: 100%; margin-top: 30px;}
#lt .description{width: 460px; margin-right: 20px;}
#account .list-history ul,#account .list-ex ul,#account .list-payments ul{max-width: 100%;}
#list-charity .main-tabs{width: 100%;}
#list-charity dl.tabs dt{width: 100%; text-align: left!important;}
#contacts .address,#contacts .email,#contacts .left,#contacts .right{padding-right: 0; width: 100%;}
#contacts .left{margin-bottom: 20px;}
#map-contacts{margin: 20px 0;}
#list-vac ul.lv li{width: 48%; margin: 0 1% 10px;}
#delivery .coll-1,#delivery .coll-2{width: 100%; margin: 0!important}
#delivery .title{margin: 0 0 10px;}
#delivery .full{margin: 0 0 10px;}
#delivery label{line-height: 20px; margin: 0 0 10px;}
#delivery .fs label{width: 100%;}
#delivery .fs input[type="text"]{width: 100%; text-align: left; padding: 0 17px;}
#delivery .fs span{margin: -62px 0 0; float: right;}
#delivery .fs label.label-price{margin: 0 0 10px;}
#delivery .fs label.add-file{box-sizing: border-box;}
#delivery .description label{line-height: 47px;}
#account .main ul.user-data li{width: 50%;}
#account .actions a{margin: 0 0 0 30px;}
#account ul.skills .coll-2 input[type="text"]{width: 230px;}
.btn-blue,.btn-green,.btn-blue-transparent{width: 150px;}
header .action{width: 170px;}
header .task, header .executor{width: 40%;}
header .task{left: 5%;}
header .executor{right: 15%;}
header.scroll .logo{margin-right: 20px;}
header{padding: 10px 0;}
body{padding-top: 30px;}
.show_header{display: none;}
.show_header.ss{display: block!important;}
.pull_m{display: block; width: 30px; height: 30px; float: right; background: url("../img/pull.png") 50% 50% no-repeat; background-size: 100%;}
#promo h1{font-size: 30px;}
#promo h2{font-size: 20px;}
#promo ul li{width: 50%;}
/*#services ul li{width: 16.5%;}*/
#executor{padding: 30px 0;}
#what-order,#reviews{padding: 0;}
#reviews .wrapper{max-width: 85%}
#team ul li{width: 25%;}
#faq ul.questions li{width: 100%; margin: 0 0 10px!important}
#faq .box-faq .title{text-align: left; font-size: 12px; box-sizing: border-box; padding-left: 60px;}
#faq .box-faq .title img{left: 5px!important;}
#promo img{max-width: 65px;}
.pull-serives{display: block;}
#services ul li{width: 100%; height: auto; display: inline-block; background: none!important; margin: 0!important}
#services ul li a.w-image{display: none;}
#services ul li a.title{display: block; box-sizing: border-box; padding: 10px 20px; text-align: left;}
#services ul{box-sizing: border-box; /*border: 1px solid #bababa; border-bottom: none;*/ display: none;}
#services{padding-bottom: 30px;}
footer{padding: 30px 0; background-size: cover;}
footer .contacts{max-width: 100%; margin: 0!important;}
footer .apps a{float: none; display: inline-block;}
footer .logo,footer .navigation,footer .contacts p.phone,footer .contacts .page,footer .contacts .email,footer .copyright,footer .social{display: none;}
footer .navigation{width: 100%; max-width: 100%;}
footer .contacts{width: 100%; text-align: center; margin-top: 20px;}
footer .inner-last{margin: 0}
footer .copyright,footer .social,footer .apps{width: 100%; text-align: center; position: relative; margin: 10px 0;}
}
@media screen and (max-width: 768px){
header,header.scroll{padding: 10px 0; text-align: center;}
header .logo{width: 100%; text-align: center;}
header .logo img{margin: 0 auto; width: 70px;}
header .task, header .executor,header.scroll .task, header.scroll .executor{position: relative; width: 50%; float: left; top: 10px;}
header.scroll .task, header.scroll .executor{margin: 0 0 10px;}
header.scroll .task .action, header.scroll .executor .action{width: 190px; text-align: center;}
header.scroll .action div{margin: 0}
header .task{left: 0%;}
header .executor{right: 0%;}
header .action{width: 190px;}
header .authorization{top: 10px; float: none; display: inline-block; text-align: left; background-size: 50px; padding: 18px 0 18px 60px; margin: 10px 0;}
header .authorization br{display: none;}
header.scroll .authorization{margin: 0px 0 10px; position: relative; top: 10px;}
#forum .answers li{background: none; padding: 0 0 0 60px; margin-bottom: 20px;}
#forum .answers .user{margin: 0}
#forum .answers .wrap{top: 0; padding: 10px 40px 10px 10px;}
#forum .answers .user span{left: 0; font-size: 10px;}
#forum .answers .user img{width: 45px; height: 45px;}
#list-charity ul li{width: 50%;}
#lt .charity-lt .description{width: 100%;}
#window-portfolio .gallery{max-width: 280px;}
.slider-gallery .slick-prev,.slider-gallery .slick-next{width: 50px;}
#window-portfolio .information .access input{width: 100%;}
#window-portfolio .information .access span{margin: 10px 0 0; position: relative; top: -2px;}
#calc-price .f-service,#calc-price .search-service{max-width: 100%; width: 100%;}
#calc-price .search-service input[type="text"]{width: 100%; margin-bottom: 10px; border-bottom-left-radius: 5px;}
#calc-price .search-service input[type="submit"]{float: none; border-radius: 5px;}
#calc-price .cusel{width: 100%!important; margin-bottom: 10px;}
#calc-price .btn{float: none;}
#promo .video_section_content{padding-bottom: 50px;}
#promo h1{font-size: 20px; line-height: 1.3;}
#promo h2{font-size: 16px; line-height: 1.3;}
#promo span{font-size: 14px; line-height: 1.3;}
#promo ul{padding-top: 30px;}
#promo ul li,#step2 ul li{width: 100%; min-height: 110px; padding: 0!important}
#profile .main-information{padding: 0;}
#profile .rating{position: relative; width: 100%;}
#profile .main-information .coll{width: 100%;}
#account .list-history li .price{width: 100%; text-align: center;}
#account .list-history li{border-bottom: 1px solid #ccc; padding-bottom: 10px;}
#list-vac ul.lv li{width: 98%; border-radius: 52px; background-size: 100%;}
dl.tabs dt{width: 100%; text-align: left!important;}
dl.tabs dt.active span,dl.tabs dt span{padding: 10px 0;}
dl.tabs dd{top: 85px;}
#account ul.skills .coll{width: 100%;}
#account ul.push{max-width: 100%; margin-bottom: 30px;}
#account .cusel{width: 100%!important}
#account .user{width: 100%;}
#account .actions{width: 100%; text-align: center;}
#account .actions a{margin: 0 5px;}
#account .main ul.user-data li{width: 100%;}
#account .main ul.user-data{margin: 30px 0;}
#list-task .right,#list-task .left{width: 100%; margin-bottom: 5px;}
.search-services{margin-top: 20px;}
.search-services input[type="text"]{width: 100%; border-radius: 5px; height: 40px;}
.search-services input[type="submit"]{border-radius: 5px; float: none; margin-top: 10px; height: 40px; padding: 0; line-height: 43px;}
.actions-list .btn-blue,.actions-list .btn-blue-transparent{width: 100%; margin-bottom: 5px;}
#lt .thumbnail{width: 100%; text-align: center; margin: 0 0 20px;}
#lt .thumbnail img{margin: 0 auto;}
#lt .description{width: 100%; margin: 0 0 20px; text-align: center;}
#lt .price{width: 100%; padding: 0}
#list-vac{padding: 30px 0}
#start-work ul li{width: 100%; margin-bottom: 20px;}
#start-work ul li h4{padding-top: 20px;}
/*#services ul li{width: 25%;}*/
#task .task-1, #task .task-2, #task .task-3{width: 100%; text-align: center; top: 0;}
#task img{display: inline-block; top: 0; max-width: 100%;}
#task span{top: 12px; left: 16px;}
#executor{padding: 30px 0; text-align: center;}
#executor .inner{padding: 320px 2% 0; background-position: 50% 0; background-size: 250px;}
#executor .block-title{padding: 0 0 30px; text-align: center;}
#executor ul li{display: inline-block; float: none; margin: 0;}
#reviews .wrapper{padding: 0 20px 20px;}
#what-order ul li{width: 33%; margin-bottom: 20px;}
#start ul li{width: 100%; margin-bottom: 20px;}
#start ul li:last-child{margin-bottom: 0;}
#start ul li h4{padding: 10px 0; line-height: 1.3;}
#team ul li{width: 50%; box-sizing: border-box; padding: 0 5px;}
#team ul li img{max-width: 90%;}
#page-404 form{width: 100%;}
#page-404 input[type="text"],#page-404 .btn{width: 100%; margin-bottom: 10px; border-radius: 5px;}
#video ul{max-width: 100%;}
#video ul li{width: 100%; margin-bottom: 20px;}
#video ul li img{margin-bottom: 10px;}
#faq .box-faq{width: 100%; margin: 0 0 10px!important}
#account ul.skills .coll-2 u{width: 100%; display: inline-block;}
#account ul.skills .coll-2 u br{display: none;}
#account ul.skills .coll-2 .wrapp{width: 100%; top: 0; margin-top: 20px;}
#account ul.skills .coll-2 input[type="text"]{width: 100%;}
#account ul.skills li{margin-bottom: 20px;}
footer .navigation ul{width: 100%; text-align: center;}
#page-title{padding: 100px 0 40px;}
}
@media screen and (max-width: 560px){
/*body{padding-top: 250px;}*/
header .task, header .executor,header.scroll .task, header.scroll .executor{width: 100%;}
/*--------------------*/
/*header.scroll .task, header.scroll .executor{display: none;}*/
/*--------------------*/
header .task .action, header .executor .action,header.scroll .task .action, header.scroll .executor .action{width: 100%; text-align: center;}
header.scroll .task div, header.scroll .executor div{display: block;}
header .executor{margin-top: 10px;}
header .btn{margin-bottom: 10px;}
/*#services ul li{width: 50%;}*/
#what-order ul li{width: 50%;}
.box-modal{width: 90%; padding: 20px;}
.box-modal .modal-title{font-size: 18px; margin-bottom: 20px;}
.box-modal .center{margin-top: 10px;}
#window-registration .modal-title,#window-registration-social .modal-title{font-size: 18px;}
#window-registration .modal-title span,#window-registration-social .modal-title span{font-size: 16px; display: block; margin-top: 5px;}
}
/*responsive*/