@charset "utf-8";
@media(max-width:1170px){
nav ul{width:81%;}
nav button{width:19%;padding:0 6px;}
main section.s1 .type-waste>div{width:30.333333%;float:none;}
main section.s3 ul.service li{ width:31%;  float:none; }
section.s6 form fieldset:first-child, section.s12 form fieldset:first-child{padding-right:20px;max-width:100%;}
section.s10 .content ul li{padding:0;}
section.s10 .content ul li p{display:block;width:100%;text-align:center;}
section.s10 .content ul li img{display:block;margin:auto;position:relative;left:0;}
main.page_type_waste section.banner .form_header{padding-right: 40px;padding-left: 40px;}
.utothh1 { margin: 0px 0 20px 0px;text-align:center;}
.utothh1::before {}
}
@media(max-width:1050px){
nav ul li{padding:0 10px;}
section.form_footer form fieldset button{padding:0;}
main.search  section.search-fkko fieldset input{padding-left:35px;background-position-x:10px;}
main.search  section.search-fkko fieldset div > ul{padding-left:45px;}
main.about_us  section.command .personal .pers {width: 33.333333%;}
}
@media(max-width:960px){
header .conts .right div{width:100%;}
header .conts .right div:first-child{display:none;}
nav ul{width:100%;float:none;}
nav ul li{padding:0 15px;}
nav button{display:none;}
.topzagbaner {font-size: 2em;font-family: sans-serif;padding: 10px 10px;margin-top: 30px;color: #467a23;text-shadow: 1px 2px 5px #fff;line-height: 1.2;text-align: center;}
section.s13{display:none;}
main.page_type_waste section.banner .left p{padding:3px 0;}
section.s8 .content .works .img,section.s8 .content .works .text{float:none;width:100%;}
section.s8 .content .works .img{max-width:500px;max-height:200px;overflow:hidden;}
main.search  section.search-fkko fieldset div{width:34%;}
main.search  section.search-fkko fieldset .s-name{width:66%;}
main.news  section.s8 .wrap .text span{padding-top:20px;}
main section.s3 ul.service{width:100%;max-width:700px;margin:auto;}
main section.s3 ul.service li , main section.s3.classes ul.service li{width:48%;}
main.services section.s3 .breadcrumbs {margin-top:15px;}
main.services section.s3 {margin-top:25px;}
.desc_block_black {padding:0 0 25px 0;}
.breadcrmbptd {margin-top: 60px;}
}


@media(max-width:820px){
.imageH1 {    max-width: 250px;    /* margin-bottom: 0; */    margin-left: 8px;}

header .conts .right{width:auto;display: none;}
nav{height:auto;min-height:58px;padding:40px 10px 10px;background:#3398cc;border-bottom:3px solid #36677e}
nav ul{display:none;background:none;border-bottom:none;margin-top:20px;}
nav ul li{display:block;padding:5px 0;}
nav ul li:before{display:none;}

main section.banner h1{/* margin-top:50px; *//* margin-left:0; */}
main section.banner p, main section.banner h1{
    font-size: 1.3em;
    font-family: sans-serif;
    font-weight:bold;
    color: #4f4139;}
main section.banner .comm_off a{display:block;width:99%;text-align:center;padding:0;margin:0;}
main section.banner .comm_off button{display:block;margin:20px 0 0 0px;width:99%;}
.utothh1 {text-align:center;}
main section.s2 .content h2{text-align:center;}
main section.s2 .content form{display:block;float:none;margin:auto;width: 100%;}
main section.s2 .content div>a{display:block;margin:20px auto 0;float:none;width: 100%;}

.divwidth100 {display:block;width:100%!important;max-width:99%!important;}
main section.s4 .content .left{display:block;margin:0 auto;width:98%!important;max-width:99%!important;}
.leftimgnews {padding-right:0px;}

main section.s4 .content .right{float:none;width:100%;padding: 0 0 30px;}
main section.s4 .content .right p{padding-top:10px;}
main section.s4:after{display:none;}
main section.s5 ul li{width:100%;margin-right:0;}
main section.s5 ul li:nth-child(odd){margin-right:0;}
section.s6 form fieldset:first-child, section.s12 form fieldset:first-child{padding-right:0;width:100%;}
section.s6 form fieldset, section.s12 form fieldset{width:100%;max-width:none;}
section.s6 form button{margin-top:20px;padding: 0;}
section.s6 h2, section.s12 h2,section.s7 h2{font-size:25px;}
section.s6 form button, section.s12 form button{margin-top:20px;}
main section p.desc_block{font-size:16px!important;}
section.s8 .content .works .img{width:100%;float:none;}
section.s8 .content .works .text,main.news  section.s8 .wrap .text{float:none;padding-left:0;width: 100%;}
section.s10 h2{text-align:center;}
section.s10 .content ul{text-align:center;max-width:600px;margin:auto;}
section.s10 .content ul li{width:40%;}
section.s10 .content ul li p{height:auto;}
section.s10 .content ul li:nth-child(even){margin:0;}
section.s12 form fieldset+fieldset{padding:0;}
section.form_footer form fieldset{width:100%;float:none;max-width:none;}
section.form_footer form>p{width:100%;max-width:none;margin-top:10px;}
.openMenu{display:block;}
main.page_type_waste section.banner .left{float:none;width: 100%;}
main.page_type_waste section.banner h1{
    font-size: 1.3em;
    font-family: sans-serif;
    font-weight:bold;
    color: #4f4139;
padding-left:0;padding-right: 0;}
main.page_type_waste section.banner h1:before{display:none;}
main.page_type_waste section.banner .form_header{float:none;width:100%;max-width:500px;margin:auto;}
.page_type_waste section.recycling .left{float:none;width: 100%;}
.page_type_waste section.recycling .right{float:none;width:100%;padding:10px 0;}
.page_type_waste section.recycling .right button{padding:0;}
section.s6 .content{padding:0 10px;}
.tel-mobi{display:block;}
.about_us main section.abus_block .right ul{position:relative;padding-top:20px;}
.about_us main section.command .personal .pers{width:50%;padding-bottom:30px;}
main.contacts  section .img,main.contacts  section .text{float:none;width:100%;}
main.search  section.search-fkko fieldset div{width:50%;}
main.search  section.search-fkko fieldset .s-name{width:50%;}
main.search  section.search-fkko form fieldset{padding:0;}
main.about_us  section.command .personal .pers {width: 50%;}
main.page_type_waste section.banner .left p {text-align:center;}
main section.banner .content {margin-top:40px;}
main.services section.s3 .breadcrumbs ul li {padding: 4px 4px;}
.page_type_waste section.recycling .left {margin:0 auto;}
.breadcrumbs ul li {margin:4px 0!important;border: 1px solid #c2e084;border-radius: 3px;font-size: 16px;
    padding: 5px;
}
.breadcrumbs ul li a {
    color: #4f4f4f;
    text-decoration: none;
    padding: 4px 4px; margin: 6px 0px;}
.breadcrumbs ul li+li:before {content:none;}
    
}


@media(max-width:769px){
.slider-for-gallery{pointer-events: none;} 
}
@media(max-width:680px){
header .conts .logo,header .conts .right{float:none;margin:auto;max-width:350px;}
header .conts .right div{float:none;margin:0;}
main section.s1 .type-waste>div{width:47%;min-width:200px;}
main section.s4 .content .right ul li{display:inline-block;width:31.8%;padding-right:10px;}
main section.s4 .content .right ul li img{width:100%;}
main section.s4 .content .right ul li+li{margin-left:0;}
section.s6 h2, section.s12 h2,section.s7 h2{font-size:22px;font-weight:100;}
main section.s2 .content h2{font-size:20px;}
main section.s2 form button{padding:0 10px;}
section.s7{padding-bottom:10px;padding-left:0;padding-right:0;}
section.s7 .slider-reviews .slide{width:50%;padding-bottom:40px;}
.about_us main section.photo-gallery .right ul li{width:24%;margin-bottom:0;padding-right:0;}
main.news  section.s8 .content{padding:0 10px;}
main.news  section.s8 .content .wrap{float:none;}
main.news  section.s8 .content .widget{float:none;}
section.s8 .content .works .text{max-width:500px;}
main.news  section.s8 .widgets{width:100%;max-width:none;}
main.news  section.s8 .widgets ul{padding:0 26px 8px;}
main.news  section.s8 .widgets ul li{width:49%;display:inline-block;}
main.news  section.s8 .widgets ul li:nth-child(2){border-top:none;}
main.search  section.search-fkko{padding-bottom:40px;}
main.search  section.search-fkko h2:before{display:none;}
main.search  section.search-fkko .content{padding:0 10px;}
main.search  section.search-fkko fieldset .s-fkko input{border-right:10px solid #9ecc33;}
main.search  section.search-fkko fieldset .s-name{width:100%;}
main.search  section.search-fkko fieldset div{width:100%;position:relative;}
main.search  section.search-fkko fieldset div > ul{padding-left:35px;}
main.search  .fkko-code,main.search  .fkko-name{background:#fff;z-index:10;left:10px;right:10px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.4);top:100%;margin-top:-10px;}
.page_works section.filter-block .tabs_works-filter li a{padding:0 10px;}
main section.s1 .content h2:before, main section.s3 h2:before, main section.s5 h2:before, section.s7 h2:before, section.s9 h2:before, section.s11 .content h2:before,
.about_us main section.abus_block h2:before, .about_us main section.command h2:before, .about_us main section.photo-gallery h2:before,
.page_works section.filter-block h2:before, main.search  section.search-fkko h2:before, main.contacts  section.cont h2:before{display:none;}
}
@media(max-width: 540px){
.imageH1  {    max-width: 220px;    margin-left: 10px;}
main section.banner h1{
    font-size: 1.3em;
    font-family: sans-serif;
    font-weight:bold;
    color: #4f4139;}
main section.banner p, main section.banner h1{
    font-size: 1.3em;
    font-family: sans-serif;
    font-weight:bold;
    color: #4f4139;}
main section.banner ul li{font-size:17px;}
main section.banner .content{padding:0;}
main section.s1 .type-waste>div{width:100%;min-width:200px;max-width:300px;}
#container > main > section > div > h1 {margin-left:15px;}
.topzag:before {left: 5px;}
h2,main section.s5 h2{font-size: 25px!important;font-weight: 600;margin-top:15px;text-align:center;padding: 0 0 20px 0!important;}
main.news section.s8 .wrap .text a {width: 100%; text-align: center;}
footer .content p,footer .content p+p{float:none;text-align:left;}
footer .content p+p{padding-top:10px;}
section.s6 form input, section.s12 form input{width:100%;padding: 0 10px 0 40px;background-position-x: 10px;}
section.s6 form input, section.s12 form input+input{margin-top:20px;background-position-x: 10px!important;}
section.s6 form textarea, section.s12 form textarea{padding:15px 10px 10px 40px;background-position-x:10px;height: 80px;}
section.s12 form textarea {height: 85px;}
section.form_footer form fieldset input,section.form_footer form fieldset button{width:100%;float:none;}
section.form_footer form fieldset button{margin-top:10px;}
section.s7 .slider-reviews .slide{width:100%;margin:auto;/*float:none;*/}
section.s11 .content .quests{padding:48px 0 0;}
main.page_type_waste section.banner .form_header button:first-letter{text-transform:uppercase;}
main.page_type_waste section.banner .form_header button span{display:none;}
main.page_type_waste section.banner .form_header input, main.page_type_waste section.banner .form_header textarea{background-position-x:10px!important;padding-left:40px;}
.page_type_waste section.more_pages ul{display:inline-block;float:none;vertical-align:top;width:100%;padding:0 10px 10px;}
main section.s3 ul.service li , main section.s3.classes ul.service li{width:100%;}
main section.s3 ul.service{max-width:350px;margin-left:5px;}
main.about_us  section.command .personal .pers {width: 100%;}
.closeOverlay {width: 15px;height: 25px;position: absolute;top: 0;right: 5px;color: #fff;font-size: 24px;line-height: 24px;cursor: pointer;transition: .3s;z-index: 9999;}
.closeOverlay object {width: 15px;}

}

@media(max-width: 590px){
main section.s3 ul.service li , main section.s3.classes ul.service li{width:100%;float: none;}
main section.s3 li a.linkone {width:80%;max-width:100%;min-height: 50px;}
.linkspisok {width:96%;padding: 5px 6px;margin: 6px 7px;}
}

@media(max-width:400px){
    .imageH1 {margin-left: 0;margin-bottom: 0;}
    section.s3 .content p{text-align: center;}
    #container > main > section.s3 > div > h1 {text-align: center;}
    img {max-width:100%;max-height: fit-content;}
.page_type_waste section.recycling .left img 
{       max-width: 100%;
        width: 360px;
        min-height:250px;
        height: 270px;}
img.ten {width: 360px;max-width: 100%;height: 168px;max-height: 168px;}
header .conts .logo img{display:block;margin:0 auto 10px;}
header .conts .logo p{width:100%;display:block;text-align:center;}
main section.banner h1,main.page_type_waste section.banner h1{
    font-size: 1.3em;
    font-family: sans-serif;
    font-weight:bold;
    color: #4f4139;}
main section.banner p, main.page_type_waste section.banner .left p, main section.banner h1{font-size:20px;padding:11px 0 0;line-height:normal;text-align:center;}
main section.banner .comm_off a:after,main section.banner .comm_off button:after{display:none;padding:0;}
main section.s1 .type-waste div button{padding:0;}
main section.s1 .type-waste>div, main section.s3 ul.service li{min-width:auto;width:100%;margin:0 0px 25px 0px;}
main section.s5 ul li:before{display:none;}
main section.s5 ul li{padding-left:10px;}
main section.s5 ul li span{font-size:18px;}
main section.s5 ul li p{font-size:15px;}
section.s8 .content .works .text button{width:100%;position:relative;margin-bottom:20px;}
section.s8:after{display:none;}
section.s8 .content .works .text{padding-bottom:0;}
section.s9 .slider-certif .slide img{max-width:255px;width:100%;}
section.s10 .content ul li{width:100%;}
section.s11 .content h2{font-size:25px;}
section.s11 .quests ul li h4{padding:10px;font-size:16px;}
section.s11 .quests ul li h4:before{display:none;}
section.s12 .content{padding:30px 10px;}
section.s13 ul{width:40%;}
.page_type_waste section.more_pages ul{width:100%;}
.about_us main section.photo-gallery .right ul li{width:46%;}
.about_us main section.command .personal .pers{width:100%;}/*
h2, main section.s5 h2{font-size:18px!important;}*/
main.news  section.s8 .widgets{width:100%;max-width:none;}
main.news  section.s8 .widgets ul{padding:0 26px 8px;}
main.news  section.s8 .widgets ul li{width:100%;display:inline-block;}
main.news  section.s8 .widgets ul li:nth-child(2){border-top:1px solid #ededed;}
.page_works section.filter-block .tabs_works-filter li{width:100%;padding:5px;}
}

@media(max-width:373px){
p.desc_block_black {display:block;margin:0 auto;width:100%!important;padding:0 10px;color:#000;}
.content p {display:block;margin:0 5px;width:100%!important;padding:5px!important;
margin-block-start: 0px!important;
margin-block-end: 0px!important;
margin-inline-start: 0px!important;
margin-inline-end: 0px!important;
}

.desc_block_black {display:block;margin:0 auto;width:100%!important;}
main section.s1 .type-waste, main section.s3 ul.service {display:block;padding: 0 10px!important;max-width:100%!important;}
}

@media(max-width:320px){
section.s13 ul{width:100%;}/*
h2, main section.s5 h2{font-size:18px!important;}*/
}