.mobile_toggle{position:absolute;right:16px;top:5px;display:none;font-family:Arial, sans-serif;padding:7px 0;font-size:16px;color:#fff;cursor:pointer}
.over .symbol_cross{position:absolute;right:3%;top:8px}
.symbol_menu{vertical-align:top;display:inline-block;width:28px;height:24px;background:url("/adp/img/top_sprite.png") 0 0 no-repeat}

.symbol_cross{vertical-align:top;display:none;width:24px;height:24px;background:url("/adp/img/top_sprite.png") -96px 0 no-repeat}
.mobile_toggle.show .symbol_menu{display:none}
.mobile_toggle.show .symbol_cross{display:block}
.tinynav{display:none;background-color:#f7f4f3;font-size:16px;border:0px none;padding:0 10px;color:#000}
.selsub{display:none}
select{
outline:medium none;
height:36px;
border-radius:0;
-webkit-appearance:none;
background:#f7f4f3 url('/adp/img/select.png') no-repeat right center;
line-height:1em;
-moz-appearance:none;
text-indent:0.01px;
text-overflow:ellipsis;
-ms-appearance:none}
#vk_comments, #vk_comments iframe{width:100%!important}
.col-8{width:75%}
.col-7{width:66.66666666666666%}
.col-6{width:50%}
.col-5{width:41.66666666666667%}
.col-4{width:33.33333333333333%}
.col-3{width:25%}
.col-2{width:16.666666666666664%}

.portfolio_block.touch > div > div ul { top:inherit; bottom:10px; left:10px; right:10px; display:block; height:36px; text-align:right; background:rgba(71,71,71,0.5); z-index: 3; width:auto}
.portfolio_block.touch > div > div ul li { font-size:18px; height:32px; line-height:32px; margin:0}
.portfolio_block.touch > div > div ul li a { width:32px; height:32px; border:none}
.portfolio_block.touch > div > div ul li a small { width:16px; height:16px; line-height:16px}
.portfolio_block.touch > div > div ul li a:hover { box-shadow:none}
.portfolio_block.touch > div .plus { display:none}
.portfolio_block.touch .p_descr { display: none}
.portfolio_block.touch > div > div > a .p_descr { bottom:36px; background:rgba(71,71,71,0.5)}
.portfolio_block.images.touch > div > div a:after {content:"\e802"; font-family:'topdom-icon'; font-size:18px; display:block; text-align:center; line-height:32px; height:36px; width:32px; position:absolute; bottom:0; right:0;color:#fff;right:28px;z-index:4}
.portfolio_block.images.touch > div .p_descr { bottom:0; display:block; height:20px; overflow:hidden; color:transparent}
.portfolio_block.images.touch > div .p_descr:after {content:"\e803"; font-family:'topdom-icon'; font-size:18px; display:block; text-align:center; line-height:32px; height:36px; width:32px; position:absolute;bottom:0;right:0;color:#fff;z-index:4}
.portfolio_block.touch > div > div.active > a .p_descr, .portfolio_block.images.touch > div > div.active > a .p_descr { display:block} { display:block}
.portfolio_block.images.touch > div > div.active > a .p_descr { height:auto; min-height:20px; color:#fff; padding:8px 25px}
.portfolio_block.images.touch > div > div.active > a:after { content:''}
.portfolio_block.touch > div > div.active > a { outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}

@media screen and (min-width:1410px){
.new_b{float:left;width:48%;margin:0 1% 20px}
.pub_img{width:260px !important}
.pub_descr{margin-left:280px !important}
.page_list.v2 > div > div {margin:0 1%}
}

@media only screen and ( max-width:1360px ){
.portfolio.main .portfolio_block .two_b:nth-child(3) { display: none}
}

@media only screen and ( max-width:1200px ){
.team .row > .col > .block { min-height:180px; height:auto}
}

@media only screen and ( max-width:1025px ){
body{min-width:320px}
.wrap{padding-left:3%;padding-right:3%;width:auto;min-width:300px}
.bread_crumbs{font-size:14px;font-family:'pt serif',georgia;line-height:1.4;border:0;margin:0 auto 10px}
.selsub{display:none}
.top_block .search{display:none;top:0;lefT:0;position:absolute;z-index:2000;width:100%;background:#f7f4f3;border-bottom:1px solid #855048}
.top_block .search.active{display:block}
.top_block .search .forma{padding:5px 3%}
.i-search{display:none;position:absolute;background:url("/adp/img/top_sprite.png") -28px 0 no-repeat;width:22px;height:24px;margin-right:48px;right:3%;top:13px;cursor:pointer}
.over{content:' ';position:fixed;top:0;right:0;bottom:0;left:0;z-index:1999;display:none;background:rgba(0,0,0,.72)}   
.is--active.head{position:static}
.is--active .over{display:block}
.is--active{position:fixed;overflow:hidden;width:100%;height:100%}
.nav-opened .navigation{display:block} 
.icon--back{background:url("/adp/img/top_sprite.png") -49px 14px  no-repeat;width:24px;height:50px;cursor:pointer}
.search .icon--back {position:absolute;left:3%;top:0}
.search.active .icon--back{display:inline-block}
.navigation{display:none;position:fixed;clear:both;width:270px;padding:40px 0 10px 0;background:#fff;right:0;top:0;bottom:0;margin:0;z-index:2000;overflow-y:auto}
.navigation ul{display:block;height:auto}
.navigation > ul > li{float:none!important;text-align:left;font-size:18px;height:auto;padding:0;margin:0} 
.navigation li a{color:#000;text-decoration:none}
.navigation > ul > li > a{height:auto}
.navigation .menu-link{position:relative;display:block;text-decoration:none;color:#000;padding:18px 25px;position:relative}
.navigation .menu-link:after{content:" ";display:block;position:absolute;top:15px;right:20px;width:16px;height:16px;background:url(/adp/img/forward-16.png) no-repeat 0 0}
.navigation  .slide-down.menu-link:after{background:url(/adp/img/forward-16.png) no-repeat 0 -16px}
.navigation .opened.menu-link:after{background:url(/adp/img/forward-16.png) no-repeat 0 -32px}
.navigation  .opened  .slide-down,.navigation  .opened:hover  .slide-down,.navigation  li.hover.opened:hover  .slide-down{display:block!important}
.navigation  .opened .level_two{display:block!important}
.navigation .menu-item{display:block;float:none;border-bottom:1px solid #f7f4f3;background-size:25px auto;margin:0!important}
.level_two{position:static;margin:0;box-shadow:none}
.level_two > .wrap > ul{margin:0;padding-left:20px}
.level_two > .wrap > ul > li{float:none;margin:15px 25px 15px 0}
.nav-opened.level_two {border-bottom:0;border-top:2px solid #c7a98b}
.level_two > .wrap > ul > li{font-size:16px}
.level_two > .wrap > ul.sub-type{padding-left:46px}
.level_two > .wrap > ul.sub-type > li{font-size:14px;margin-bottom:15px}
.level_two > .wrap > ul.sub-type > li.show_all{font-size:16px}
p.big{font-size:20px;line-height:1.3}
input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], textarea{box-shadow:none;outline:none;border:1px solid #ccc2c2;line-height:1.42;padding:8px 10px 7px 10px}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, textarea:focus{border-color:#c0b199!important} 
input[type=submit]{font-size:14px;line-height:1.3;font-family:Arial,sans-serif;display:inline-block;vertical-align:middle;overflow:visible;outline:0;position:relative;white-space:nowrap;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:10px 25px;border-width:1px;cursor:pointer;background:#323232;color:#fff}
.form input[type=text],.form textarea{width:90%}  
.content img{max-width:100%;height:auto}  
.text_cont{margin:0 30px 40px}
.text_cont img{padding:1px;margin:15px 0}
.text_cont table{border-spacing:4px}
.text_cont table td{font-size:16px;padding:8px 4px 12px 4px}
.text_cont table th{font-size:16px; padding:8px 8px 12px 8px}
.visible-md{display:block!important}
.hidden-md{display:none!important}
.mobile_toggle{display:block}
.tinynav{display:block;height:42px;width:100%;line-height:1.5;margin:0 0 10px 0}
	.team:before { left:23px; margin-left:0}
	.team .row { padding-left:50px}
	.team .row:first-child { padding:0}
	.team .row > .block { width:100%}
	.team .row > .col > .block { height:180px}
	.team .row .col { width:100%; padding:0 !important;}
	.team .row .col > .block:before { right:auto; width:25px; left:-25px !important; margin:-1px 0 0 0}
.zil{background-image:url(/img/r-1024x95.jpg);height:95px;margin:15px 0;display:block}
.krd{background-image:url(/img/k-1024x95.jpg);height:95px;margin-bottom:15px;display:block}
.types > div,.objects > div {margin: 10px 1%}
}
@media only screen and ( max-width:980px ){
.one_b, .one_b > div, .one_b > div img{width:100%;}

.portfolio.main .portfolio_block .two_b:nth-child(2) { display: none}
}
@media only screen and ( max-width:768px ){
body{font:16px/1.4 'pt sans', helvetica, arial}
.wrap{width:auto!important;min-width:300px}  
.bread_crumbs{margin:0 -3% 0 -3%}
.content .bread_crumbs {padding:5px 10px}
.text_cont img{padding:0}
.text_cont table{padding:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.text_cont table th, .text_cont table td{font-size:16px;padding:12px 2px 8px 2px}
.text_cont table tr td:first-child, .text_cont table tr th:first-child{padding-left:10px}
.text_cont table th{border-bottom:1px solid #484848}
.text_cont table{border-spacing:0}
.text_cont table.responsive_list tr td,.text_cont table.responsive_list tr th{display:block;padding:8px 12px 12px 12px;text-align:left;color:#666}
.text_cont table.responsive_list tr td p{margin-bottom:0}
.text_cont table.responsive_list tr td:first-child, .text_cont table.responsive_list tr th:first-child{border-bottom:0;padding:18px 12px 4px 12px;color:#000}
.text_cont table.responsive_list tr td:last-child, .text_cont table.responsive_list tr th:last-child{padding-bottom:22px}
.table-wrapper table{margin-bottom:0;box-shadow:none!important}
.table-wrapper table th{width:auto}
/*a.button{font-size:16px;padding:5px 8px} */
.pinned{position:absolute;left:0;top:0;background:#fff;width:40%;overflow:hidden;border-right:1px solid #ccc; }
.pinned table{border-right:none;border-left:none;width:100%;}
.pinned td:last-child{border-bottom:0;}
.pinned td,.pinned th{font-size:14px!important}
div.table-wrapper{position:relative;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.2);background:#fff}
div.table-wrapper div.scrollable{margin-left:40%;}
div.table-wrapper div.scrollable{overflow:scroll;overflow-y:hidden;}
div.scrollable th:first-child, table.scrollable td:first-child, div.scrollable td:first-child, .scrollable table.pinned td, .scrollable table.pinned th{display:none;}
div.scrollable th,div.scrollable td{padding-left:10px;padding-right:10px;line-height:1.2}
h1,h2,h3,h4,h5{font-style:normal;line-height:1.3}
h1,h2{background:none}
h1{float:none;font-size:26px;line-height:1.1;margin:1em 0 .5em 0;background:none;height:auto}
h2{font-size:22px;margin:1em 0 0.4em 0} 
h3, .hh{font-size:20px;font-weight:normal;margin:1em 0 0.4em 0}
h4{font-size:18px;font-weight:normal}
p.big,dl dt{font-size:16px}
dl dt{margin:1.4em 0}
ul.tabs{width:auto}
ul.tabs li a,ul.tabs li a span{float:none}
.col-sm-12{width:100%;float:none}
.col-sm-8{width:75%}
.col-sm-7{width:66.66666666666666%}
.col-sm-6{width:50%}
.col-sm-6:nth-child(2n+1){clear:left}
.col-sm-5{width:41.66666666666667%}
.col-sm-4{width:33.33333333333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.666666666666664%}
.visible-sm{display:block!important}
.hidden-sm{display:none!important}
.popup-preview {right:2px}
	.team h4 { font-size:18px !important; line-height:1.2}
	.team .block.l2 h4 { font-size:16px !important; line-height:1.2}
.zil{background-image:url(/img/r-800x95.jpg);height:95px;margin:15px 0;display:block}
.krd{background-image:url(/img/k-800x95.jpg);height:95px;margin:15px 0;display:block}
.tinynav{background-color:#fff}
.types > div,.objects > div { width: 100%; height:auto}
}
@media only screen and ( max-width:480px ){
.wrap{width:auto;min-width:300px}
.form td{display:block;width:100%}  
.col-xs-12{width:100%;float:none}
.col-xs-8{width:75%}
.col-xs-7{width:66.66666666666666%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666666666667%}
.col-xs-4{width:33.33333333333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.666666666666664%}
.visible-xs{display:block!important}
.hidden-xs{display:none!important}
h1{font-size:24px}
	.team .level2 { padding-left:50px}
	.team .level2:before { left:25px; margin:0}
	.team .row .col .level2 .block { width:100%; margin:25px 0 0}
	.team .row .col .level2 .block:before { width:25px; right:auto; left:-27px !important}
.zil{background-image:url(/img/r-480x95.jpg);height:95px;margin:15px 0;display:block}
.krd{background-image:url(/img/k-480x95.jpg);height:95px;margin:15px 0;display:block}
}

.label_top{display:none;text-align:center}
.label_top a{color:#fff;text-decoration:none;font:14px/1.5 'pt sans', helvetica, arial}
.label_top span{margin:0 5px}
.action-button,.action-close{display:none}

@media (min-width: 1026px){
.head .navigation .sub-type{height:auto!important}
}

@media only screen and ( max-width:1025px ){
.head .navigation .sub-type li:nth-child(n+5){display:none}
.head .navigation .sub-type li.show_all{display:list-item}
.wrap_big{min-width:auto;padding:0 3%}
.head .slogan,.navigation,.contact .phone,.bread_crumbs,.zag,.comment_form label span, .reply_form label span,.search  .ya-site-form__input{font-family:'pt sans', helvetica, arial}
.callback,.pos_fix{display:none}
.tinynav{font-family:'pt serif', georgia;font-size:18px}
.page_list, .page_list > div{padding:0}
.head{height:69px;clear:both}
.nav-opened .head{position:static}
.level_one{position:static;background:none;box-shadow:none;height:auto}
.head  .wrap{padding:0}
.head_top{position:relative;z-index:100;height:62px;box-shadow:0 -4px 8px #000}
.top_block{margin:0;padding:0;height:auto}
.center{height:auto}
.head .logo img{display:none}
.head .logo{width:64px}
.head .logo  a{display:block;height:62px;width:68px;background:url(/img/logo_p.png) 0 0 no-repeat;background-size:contain}
.head .slogan{position:absolute;top:15px;right:100px;width:300px;font-size:18px;line-height:1.2;letter-spacing:0;text-align:left;background:none}
.head .contact{background:none;float:left;height:auto;margin:0 0 0 16px;font-size:16px;border:0}
.head .contact .phone,.head .contact .phone span{text-align:left;line-height:1.3}
.head .contact .phone{margin-top:7px}
.search #ya-site-form0 .ya-site-form__input-text{width:100%!important;padding:5px 0!important;font-size:18px!important;font-family:'pt sans', helvetica, arial!important;height:40px;line-height:24px!important}
.search .ya-site-form__input{margin-right:35px!important;margin-left:35px!important}
.search .ya-site-form__submit{background:url(/adp/img/top_sprite.png) -28px 14px no-repeat!important;width:22px!important;height:50px!important;top:0!important}
.brown_label{margin:10px 0 20px 0}
.brown_label .b_name{background:none}
.brown_label .b_name > h1, .brown_label .b_name > div.title{margin:0 30px;font-weight:400;line-height:1.1;text-align:left}
.b_name span{font-size:24px!important;line-height:1.1;background:transparent;padding:5px}
.page_list.v2{background:transparent}
.page_list.v2 .sub_menu{margin:0;padding:0}
.page_list.v2 .tinynav{background:#fff url(/adp/img/select.png) no-repeat right center;margin:0}
.page_list.v2 > div > div{padding:0}
.brown_label_bg .b_name span,.brown_label_bg .b_name span a{font-weight:normal}
.navigation .fix_pos,.navigation .arr_i,.navigation .bg_i{display:none!important}
.navigation .wrap{width:auto;min-width:auto;padding:0}
.navigation .menu-item:hover .level_two, .navigation .menu-item.hover .level_two{display:none}
.sub_menu{border:0;margin:-7px 0 10px 0}
.sub_menu ul{display:none}
.blending{left:10px;right:10px}
.wr_content{padding:0 30px}
.charge{width:590px}
.wwd_title,.big_title{font-size:24px;padding-bottom:30px}
.v_title:before{top:-4px}
.video_block{padding:35px 0}
.need_block br{display:none}
.plate{right:100px}
.d_box1, .d_box2{padding-left:40px;width:320px}
.d_box1 span:before,.d_box2 span:before{left:-30px}
.wwd_box .float_r{padding:0 100px 0 60px}
.wwd_box .float_l{padding:0 60px 0 100px}
#main .promo_second{width:23%;margin:0 1% 20px 1%}
#main .promo_fifty{width:48%;margin:0 1% 20px 1%}
#main .fotorama{opacity:1!important;border-radius:0!important}
#main .fotorama__wrap{border-radius:0!important}
.label_right{font-size:16px;padding-top:3px;margin-right:-10px}
.label_right > span{margin:0 2px}
.label_left{font-size:14px;padding-top:3px}
.comm_numb{background-position:-5px -102px}
.video_numb{background-position:-5px -124px}
.arr_l{background-position:0 3px}
.arr_r{background-position:100% 3px}
.change a, .change span{font-size:18px}
.types > div  span,.objects div span{font-size:16px;line-height:1.2}
.portfolio_block > div{margin-bottom:10px}
.two_b{width:auto;text-align:center;margin:0 auto}
.liquid{max-width:auto}
.liquid_sub .li{width:240px;height:175px}
.liquid_sub .li  a{height:175px}
div.captcha{float:left;margin:10px 0 0 0}
div.captcha input, div.captcha img{margin-left:0}
.comments_block .subscribe{float:left;width:100%}
.button_pad{float:none;box-shadow:none}
.socials_share span{font-size:14px}
.footer table td{background:none}
.footer .arrows-text{display:none!important}
.zag{font-size:18px;font-weight:bold}
.footer .comm{font-size:13px}
.call_block{text-align:center}
.call_block .float_r{float:none;margin:0 auto}
.call_block .float_l{float:none;padding-left:50px;padding-top:30px}
.action{display:none;font-size:18px;line-height:1.4;height:auto;margin:0;position:fixed;z-index:2001;width:100%;bottom:-200px;left:0;padding:10px 0 12px 0;background:rgba(0,0,0,0.9);color:#fff;
box-shadow:0 -3px 13px rgba(0,0,0,0.28);
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;
transition:all 0.5s} 
.action.active{display:block;bottom:0}
.action-close{content:" ";display:none;cursor:pointer;position:absolute;top:0;right:0;width:44px;height:44px;background:url(/img/close_p.png) no-repeat 50% 50%}
.action.active .action-close{display:block}
.action-button{display:block;position:fixed;right:35px;bottom:5px;border-radius:50%;z-index:100;content:'';float:left;height:58px;width:58px;background:#a20a0a url(/img/b1.png) no-repeat 50% 8px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.35);cursor:pointer}

.action u,.action a{color:#999}
.action-text{padding-right:48px;margin-left:165px}
.pub_img{width:300px}
.pub_descr{margin-left:320px}
.termin{overflow-x:auto;padding:6px 0}
.two_b > div > a { min-height:80px}
.zakaz-pr{font-size:18px;line-height:0.8}
.zakaz-pr a{line-height:2.5}
}
@media only screen and ( max-width:768px ){
.head .slogan{display:none}
.sub_menu{padding:0 0 5px 0}
.content{padding-bottom:15px;padding-top:0}
.brown_label .b_name > h1, .brown_label .b_name > div.title{padding:0;margin:0;font-size:26px}
.page_list, .page_list > div,.page_list > div > div{background:none;border:0;box-shadow:none;border-radius:none}
.page_list{padding:0 3%;margin:0 -3% 30px -3%}
.text_cont{margin:0 0 40px 0}
.wrap_big h1{margin:16px 0}
.wr_content{padding:0 3%}
#main .section_2 .promo_fifty{width:98%}
#main .section_2 .promo_second{width:48%}
.ben_text br{display:none}
.charge{width:auto;height:auto;line-height:normal;padding:10px;background:#fff}
.charge div{background:#fff}
.charge:before, .charge:after{display:none}
.wwd_box{background:none;border:0;padding:0}
.wwd_box .float_l, .wwd_box .float_r{width:100%;float:none}
.wwd_box .float_r{padding:0 114px 0 80px}
.wwd_box .float_l{padding:0 80px 0 114px}
.need_block .float_l, .need_block .float_r{padding-left:40px;padding-right:10px}
.with_us .float_l, .with_us .float_r{padding-left:0}
.design_block{height:auto;padding:40px 3% 90px 3%;margin-right:-3%;margin-left:-3%}
.after_work{position:relative;left:0;top:0}
.plate{right:30px;top:380px}
.arrow1,.arrow2{display:none}
.d_box1, .d_box2, .d_box3{position:relative;top:0;left:auto;right:auto;height:auto;width:auto;margin-bottom:20px;padding:15px 10px 15px 40px}
.d_box1 span, .d_box2 span, .d_box3 span,.with_us .float_l span, .with_us .float_r span,.need_block .float_r span{font-size:18px;margin-bottom:12px}
.with_us .float_l span, .with_us .float_r span{padding-left:42px;padding-top:4px}
.with_us .float_l div, .with_us .float_r div{padding-top:10px;padding-left:42px}
.d_box1 br, .d_box2 br, .d_box3 br{display:none}
.d_box3 span{padding-right:0;text-align:left}
.d_box1 span:before{top:-2px}
.d_box2 span:before{top:-6px}
.d_box3 span:before{right:auto;left:-30px}
.d_box1{margin-right:60px}
.d_box2{margin-left:60px}
.d_box3{margin-right:60px}
.d_box2:before{content:" ";background:url(../img/index_sprite.png) no-repeat 0 -64px;width:48px;height:45px;position:absolute;left:-60px;top:-10px}
.d_box3:after{content:" ";background:url(../img/index_sprite.png) no-repeat 0 -19px;width:48px;height:45px;position:absolute;right:-60px;top:-8px}
.text_cont li{font-size:16px;padding-left:45px}
.numb_t{font-size:18px;line-height:1.1}
.brown_label_bg .b_name{padding:4px 3%;margin:0 -3%}
.label_pr .wrap{overflow:hidden}
.load_more{margin-top:20px}
.load_more a,.pagin .load_more_art a{font-size:26px}
.pagin .load_more_art a{line-height:1.6}
.load_more .ico_refresh{margin-top:2px}
.portfolio_block img{max-width:100%}
.change{max-width:620px;margin:0 auto 20px auto}
.change a,.change span{display:block;margin:0 0 6px 0}
.portfolio.main .change{margin-bottom:12px}
.portfolio.main .portfolio_block > div{margin:0}
.label_right{margin:0}
.label_pr .slesh{display:none}
.arr_l,.arr_r{overflow:hidden;display:inline-block;width:28px;height:28px;padding:0;margin:3px 0 0 0;text-indent:-200px;  border:1px solid rgba(251,221, 197, 0.4);background-repeat:no-repeat;background-position:50% -1px;border-radius:50%}
.arr_l{background-image:url(../img/prev.png)}
.arr_r{background-image:url(../img/next_p.png);margin-left:4px}
.number_pr{display:none;top:31px;z-index:99;right:0}
.label_left .icon-camera,.comm_numb,.video_numb{border-bottom:1px dashed}
.liquid .previous,.liquid .next{width:32px;position:absolute}
.liquid .previous{left:-15px;top:0}
.liquid .next{right:-15px;top:0}
.liquid{position:relative}
.todo{padding:0;width:320px;margin:0 auto}
.comments_block{margin-left:10px;margin-right:10px}
.todo .row{height:auto;font-size:16px;line-height:1.4;margin-bottom:15px;padding:6px 10px 6px 0;background-position:5px 8px}
.todo .row.r-phone .col-2{font-size:24px;line-height:1.1}
.todo .row .col.col-1{display:block;width:auto;margin-bottom:5px}
.todo .row .col.col-2{display:block;float:none;padding:0 0 0 40px;width:auto;text-align:left}
.comment_form{margin:40px auto 0 auto;padding:20px 30px;max-width:360px}
.right_comm{margin:0}
.left_comm{float:none;width:auto}
.reply_form{text-align:right}
.reply_form .left_comm,.reply_form .right_comm{width:auto;margin-left:0}
.reply_form .comment.reply{max-width:360px;text-align:left}
.reply_form .comment.reply > div{background-color:#f8e8d5;padding:20px 30px}
.reply_form .comment.reply{margin-left:10%;   display:inline-block} 
.rate{float:none;overflow:hidden}
.rate label{float:left}
.write_comment_l{float:none;margin-bottom:15px}
.text_caps{font-size:20px}
.socials_share{padding:0}
.socials_share span{display:block}
.copyright{display:none}
.footer{padding:20px 0}
.footer table td{padding:0}
.footer li.si{width:32px;display:inline-block;background:none}
.footer li.si a{text-indent:-150px}
.new_b{width:48%;margin:0 1% 20px}
.new_b:hover{box-shadow:none}
.new_b:hover .pub_img{margin:0;height:220px} 
.pub_img{float:none;width:auto}
.pub_descr a{ font-size:20px;margin:0 0 10px 0} 
.pub_descr{margin-left:0;padding:15px 18px 10px 18px;height:250px}
.pub_descr span{padding-left:8px;padding-right:12px;left:10px;bottom:0}
.pagin span,.pagin a{font-size:18px;display:inline-block;margin:3px 18px}
.pagin span{padding:3px 13px} 
.team .table{text-align:center}
.team .td img{margin:0}
.termin{overflow-x:auto}
.termin + table td, table.table-block{display:block}
}
@media only screen and ( max-width:680px ){
.plate{right:0}
.after_work ul{padding-left:46px}
.one_b img{height:auto}
.item-v > div,.two_b{width:auto!important}
.one_b.item-v,.one_b.item-h{width:100%!important;max-width:620px;min-height:auto;margin-left:auto;margin-right:auto}
.load_more{margin:5px 0 10px 0}
.portfolio_block.touch > div > div ul { bottom:10px; left:4%; right:4%}
}
@media only screen and ( max-width:640px ){
.benefits li{width:29%;margin:0 2%}
.footer table td{display:inline-block;width:45%;background:none;margin-bottom:15px}
.footer table td:first-child{margin-right:5%}
.footer table td.copyright{display:none}
.footer .f-social{width:100%!important}
.types > div { margin: 10px 0; width: 100%; max-width: 405px}
}
@media only screen and ( max-width:600px ){
.new_b{width:300px;float:none;margin:0 auto 20px auto}
.pub_descr{height:auto;padding-bottom:48px}
.after_work div br{display:none}
.after_work:before{display:none}
.after_work ul{padding-left:35px}
.portfolio_block.touch > div > div ul { left:0; right:0}
}
@media only screen and ( max-width:480px ){
.head .contact{margin:4px 0 0 5px;width:140px}
.contact > .phone a{font-size:18px}
#main .promo_fifty{width:98%;margin-bottom:20px}
#main .section_2 .promo_second{width:98%;margin-bottom:20px}
.promo .fotorama__stage{max-height:250px!important;width:auto!important}
.promo .fotorama__stage img{max-height:305px!important;width:auto!important;top:-20px}
.big_title,.block_title{font-size:20px}
.charge{font-size:16px}
.ben_text, .benefits li{font-size:16px;line-height:1.35}   
.v_title:before{top:-4px}
.need_block .float_l, .need_block .float_r{float:none;width:100%}
.need_block{padding:35px 0 10px;font-size:16px}
.with_us .float_l, .with_us .float_r{width:100%;float:none;padding-left:0;padding-right:0;font-size:16px}
.d_box div{line-height:1.35}
.d_boxes{padding-bottom:70px}
.plate{top:auto;bottom:0;background:url(../img/plate.png) no-repeat;background-size:contain;width:140px;height:118px}
.plus .wr_content div{font-size:14px;padding-left:45px;}
.plus .wr_content div span{font-size:20px}
.plus .wr_content div:before{left:7px}
.plus_block .wr_content div{padding-left:50px}
.plus_block .wr_content div:before{left:8px}
.end_more{padding-bottom:0}
.end_more li{font-size:16px;width:100%;float:none}
.design_block{font-size:16px}
.todo{width:300px}
.todo .row{background-color:transparent}
.todo .r-comments .stars{display:block;margin-bottom:6px}
.comments_block{margin:10px 0 30px 0}
.comments_block .text_caps i{/*float:none;*/margin-bottom:5px} 
.action{line-height:1.3;font-size:16px;padding:8px 0 12px 0}
.action strong,.action strong span{background:none;height:32px;padding:0}
.action strong span{text-indent:-100px}
.action strong span:before{background:url(../img/b1.png) no-repeat 0 -111px}
.action-close{width:36px;height:36px;top:6px}
.action strong{float:left;display:inline-block;overflow:hidden;margin:0 0 0 3%}
.action-text{padding:5px 36px 6px 0;margin-left:42px}
.action-text:before{content:"Акция! "}
.other{margin:0 0 0 0}
.text_cont img{float:none;clear:both}
.team .table{min-width:280px;max-width:280px}
.team .td{width:140px;height:210px}
.other .desc .item.item3{top:210px}
.h2-tags{margin-top:10px}
.liquid_sub .li{padding:0}
.portfolio_block.touch > div > div ul {left: 10px; right: 10px;}
}
@media only screen and (max-width :479px){
.wwd_box .float_l, .wwd_box .float_r{height:107px;padding:0 10px 0 50px;line-height:100px}
.wwd_box .float_l.ico1:before, .wwd_box .float_r.ico2:before, .wwd_box .float_l.ico3:before, .wwd_box .float_r.ico4:before{display:none}
.wwd_box .float_l span, .wwd_box .float_r span{width:50px;line-height:103px}
.wwd_box .float_l div, .wwd_box .float_r div{font-size:16px}
.wwd_box .float_l span{left:0}
.steps_box .float_r > div{padding-left:30px}
.steps_box .float_r > div br{display:none}
.steps_box .float_r > div:before{left:0!important;width:50px!important}
.steps_box .float_r > div:before{display:none}
.steps_box{padding-left:20px}
.steps_box > div{padding-left:35px}
.steps_box .float_r > div span{left:-62px;width:50px;height:50px;font-size:20px;line-height:46px;margin-top:-25px!important}
.steps_box .float_r > div span:after{width:10px;right:-12px}
.call_block .float_r > div{padding-left:50px;font-size:14px}
.call_block .float_r > div:before{width:40px}
.design_block{padding-bottom:30px}
.one_b.item-v,.two_b.item-v, .two_b.item-h > div { box-sizing: border-box; width: 100% !important}
.w-window{width:100%!important}

/*.popup-form input [type="text"]{width:100%!important} */
}
@media only screen and (max-width :360px){
.blending{top:10px}
.promo .fotorama__stage{max-height:200px!important}
.promo .fotorama__stage img{max-height:265px!important;top:-20px;left:-10px!important}
.liquid{padding:0 10px}
.reply_form .comment.reply > div{padding:20px 20px}
.reply_form .comment.reply{margin-left:7%} 
}
@media only screen and (max-width :400px){
.krd{background-image:url(/img/k-400x95.jpg);height:95px;margin:15px 0;display:block}
}