/* Start:/local/templates/eco_green/css/bootstrap-grid.min.css?169365528112300*/ /*! * Bootstrap Grid v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html{box-sizing:border-box;-ms-overflow-style:scrollbar} *,::after,::before{box-sizing:inherit} .container{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto} @media (min-width:768px){ .container{max-width:620px;padding-right:0;padding-left:0;} } @media (min-width:1200px){ .container{max-width:820px} } @media (min-width:1500px){ .container{max-width:960px} } @media (min-width:1700px){ .container{max-width:1140px} } .container-fluid{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto, .col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto, .col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto, .col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto, .col-xxl,.col-xxl-1,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px} .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-first{-ms-flex-order:-1;order:-1} .order-last{-ms-flex-order:13;order:13} .order-0{-ms-flex-order:0;order:0} .order-1{-ms-flex-order:1;order:1} .order-2{-ms-flex-order:2;order:2} .order-3{-ms-flex-order:3;order:3} .order-4{-ms-flex-order:4;order:4} .order-5{-ms-flex-order:5;order:5} .order-6{-ms-flex-order:6;order:6} .order-7{-ms-flex-order:7;order:7} .order-8{-ms-flex-order:8;order:8} .order-9{-ms-flex-order:9;order:9} .order-10{-ms-flex-order:10;order:10} .order-11{-ms-flex-order:11;order:11} .order-12{-ms-flex-order:12;order:12} .offset-1{margin-left:8.333333%} .offset-2{margin-left:16.666667%} .offset-3{margin-left:25%} .offset-4{margin-left:33.333333%} .offset-5{margin-left:41.666667%} .offset-6{margin-left:50%} .offset-7{margin-left:58.333333%} .offset-8{margin-left:66.666667%} .offset-9{margin-left:75%} .offset-10{margin-left:83.333333%} .offset-11{margin-left:91.666667%} @media (min-width:768px){ .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-md-first{-ms-flex-order:-1;order:-1} .order-md-last{-ms-flex-order:13;order:13} .order-md-0{-ms-flex-order:0;order:0} .order-md-1{-ms-flex-order:1;order:1} .order-md-2{-ms-flex-order:2;order:2} .order-md-3{-ms-flex-order:3;order:3} .order-md-4{-ms-flex-order:4;order:4} .order-md-5{-ms-flex-order:5;order:5} .order-md-6{-ms-flex-order:6;order:6} .order-md-7{-ms-flex-order:7;order:7} .order-md-8{-ms-flex-order:8;order:8} .order-md-9{-ms-flex-order:9;order:9} .order-md-10{-ms-flex-order:10;order:10} .order-md-11{-ms-flex-order:11;order:11} .order-md-12{-ms-flex-order:12;order:12} .offset-md-0{margin-left:0} .offset-md-1{margin-left:8.333333%} .offset-md-2{margin-left:16.666667%} .offset-md-3{margin-left:25%} .offset-md-4{margin-left:33.333333%} .offset-md-5{margin-left:41.666667%} .offset-md-6{margin-left:50%} .offset-md-7{margin-left:58.333333%} .offset-md-8{margin-left:66.666667%} .offset-md-9{margin-left:75%} .offset-md-10{margin-left:83.333333%} .offset-md-11{margin-left:91.666667%} } @media (min-width:1200px){ .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-lg-first{-ms-flex-order:-1;order:-1} .order-lg-last{-ms-flex-order:13;order:13} .order-lg-0{-ms-flex-order:0;order:0} .order-lg-1{-ms-flex-order:1;order:1} .order-lg-2{-ms-flex-order:2;order:2} .order-lg-3{-ms-flex-order:3;order:3} .order-lg-4{-ms-flex-order:4;order:4} .order-lg-5{-ms-flex-order:5;order:5} .order-lg-6{-ms-flex-order:6;order:6} .order-lg-7{-ms-flex-order:7;order:7} .order-lg-8{-ms-flex-order:8;order:8} .order-lg-9{-ms-flex-order:9;order:9} .order-lg-10{-ms-flex-order:10;order:10} .order-lg-11{-ms-flex-order:11;order:11} .offset-lg-0{margin-left:0} .offset-lg-1{margin-left:8.333333%} .offset-lg-2{margin-left:16.666667%} .offset-lg-3{margin-left:25%} .offset-lg-4{margin-left:33.333333%} .offset-lg-5{margin-left:41.666667%} .offset-lg-6{margin-left:50%} .offset-lg-7{margin-left:58.333333%} .offset-lg-8{margin-left:66.666667%} .offset-lg-9{margin-left:75%} .offset-lg-10{margin-left:83.333333%} .offset-lg-11{margin-left:91.666667%} } @media (min-width:1500px){ .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-xl-first{-ms-flex-order:-1;order:-1} .order-xl-last{-ms-flex-order:13;order:13} .order-xl-0{-ms-flex-order:0;order:0} .order-xl-1{-ms-flex-order:1;order:1} .order-xl-2{-ms-flex-order:2;order:2} .order-xl-3{-ms-flex-order:3;order:3} .order-xl-4{-ms-flex-order:4;order:4} .order-xl-5{-ms-flex-order:5;order:5} .order-xl-6{-ms-flex-order:6;order:6} .order-xl-7{-ms-flex-order:7;order:7} .order-xl-8{-ms-flex-order:8;order:8} .order-xl-9{-ms-flex-order:9;order:9} .order-xl-10{-ms-flex-order:10;order:10} .order-xl-11{-ms-flex-order:11;order:11} .order-xl-12{-ms-flex-order:12;order:12} .offset-xl-0{margin-left:0} .offset-xl-1{margin-left:8.333333%} .offset-xl-2{margin-left:16.666667%} .offset-xl-3{margin-left:25%} .offset-xl-4{margin-left:33.333333%} .offset-xl-5{margin-left:41.666667%} .offset-xl-6{margin-left:50%} .offset-xl-7{margin-left:58.333333%} .offset-xl-8{margin-left:66.666667%} .offset-xl-9{margin-left:75%} .offset-xl-10{margin-left:83.333333%} .offset-xl-11{margin-left:91.666667%} } @media (min-width:1700px){ .col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-xxl-first{-ms-flex-order:-1;order:-1} .order-xxl-last{-ms-flex-order:13;order:13} .order-xxl-0{-ms-flex-order:0;order:0} .order-xxl-1{-ms-flex-order:1;order:1} .order-xxl-2{-ms-flex-order:2;order:2} .order-xxl-3{-ms-flex-order:3;order:3} .order-xxl-4{-ms-flex-order:4;order:4} .order-xxl-5{-ms-flex-order:5;order:5} .order-xxl-6{-ms-flex-order:6;order:6} .order-xxl-7{-ms-flex-order:7;order:7} .order-xxl-8{-ms-flex-order:8;order:8} .order-xxl-9{-ms-flex-order:9;order:9} .order-xxl-10{-ms-flex-order:10;order:10} .order-xxl-11{-ms-flex-order:11;order:11} .order-xxl-12{-ms-flex-order:12;order:12} .offset-xxl-0{margin-left:0} .offset-xxl-1{margin-left:8.333333%} .offset-xxl-2{margin-left:16.666667%} .offset-xxl-3{margin-left:25%} .offset-xxl-4{margin-left:33.333333%} .offset-xxl-5{margin-left:41.666667%} .offset-xxl-6{margin-left:50%} .offset-xxl-7{margin-left:58.333333%} .offset-xxl-8{margin-left:66.666667%} .offset-xxl-9{margin-left:75%} .offset-xxl-10{margin-left:83.333333%} .offset-xxl-11{margin-left:91.666667%} } .d-none{display:none!important} .d-block{display:block!important} @media (min-width:768px){ .d-md-none{display:none!important} .d-md-block{display:block!important} } @media (min-width:1200px){ .d-lg-none{display:none!important} .d-lg-block{display:block!important} } @media (min-width:1500px){ .d-xl-none{display:none!important} .d-xl-block{display:block!important} } @media (min-width:1700px){ .d-xxl-none{display:none!important} .d-xxl-block{display:block!important} } /* End */ /* Start:/local/templates/eco_green/components/bitrix/menu/new2/style.css?169365531418065*/ /*-------------------------------main-menu--------------------------------------*/ .main-menu{ position: fixed; z-index: 10; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .main-menu * { font-family: 'Styrene A LC'; font-weight: 900; } .main-menu li{list-style-type: none;} .main-menu li.active > a, .main-menu li.active > span, .main-menu li.active > a > span{background-position: 0;color: #ACEA00;} /*-------------------------------------main-menu__list---------------------------------------*/ @media (min-width: 1200px) { .main-menu ul{padding: 0;} .main-menu__list, .main-menu__sub-list{ transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .main-menu__list{ display: none; position: fixed; top: 100px; left: 220px; bottom: 50px; margin: 0; opacity: 0; z-index: 1; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } .main-menu__list.active{} .main-menu__list.animate{left: 300px;opacity: 1;} .main-menu__list::-webkit-scrollbar{width: 0;} .main-menu__list li{font-size: 22px;margin-bottom: 20px;} .main-menu__list > li:nth-child(3) {margin-bottom: 70px;} .main-menu__list > li:nth-child(6) {margin-bottom: 50px;} .main-menu__list .big{font-size: 50px;margin-bottom: 30px;} } /*-------------------------------------main-menu__sub-list---------------------------------------*/ @media (min-width: 1200px) { .main-menu__sub-list{ width: 0; position: fixed; top: 120px; bottom: 50px; left: 820px; right: 0px; margin: 0; opacity: 0; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } .main-menu__sub-list.active{width: fit-content;} .main-menu__sub-list.animate{left: 900px;opacity: 1;} .main-menu__sub-list::-webkit-scrollbar{width: 0;} } /*-------------------------------------main-menu__sub2-list---------------------------------------*/ @media (min-width: 1200px) { .main-menu__sub2-list{ display: -ms-grid; display: grid; grid-auto-flow: dense; -ms-grid-columns: 1fr 80px 1fr; grid-template-columns: repeat(2, 1fr); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; row-gap: 20px; position: relative; width: 800px!important; margin: 30px 0 40px; overflow: hidden; } .main-menu__sub2-list.active{} .main-menu__sub2-list li{ font-size: 16px; margin-bottom: 0!important; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .main-menu__sub2-list li[column="left"]{-ms-grid-column: 1;grid-column: 1;} .main-menu__sub2-list li[column="right"]{-ms-grid-column: 2;grid-column: 2;} .main-menu__sub2-list a{} .main-menu__sub2-list .name{font-family: Graphik LC;} .main-menu__sub2-list .descr{ display: block; font-family: Graphik LC; font-weight: 300; font-size: 14px; padding-left: 12px; width: 100%; } } /*-------------------------------------li/a/span---------------------------------------*/ .main-menu__sub2-list a span.name:before{content: "/";padding-right: 5px;} .main-menu__sub2-list a:hover span.name:before, .main-menu__sub2-list a.active span.name:before{color: #ACEA00;} .main-menu a, .main-menu span{color: #000;} .main-menu__list > li > span, .main-menu__sub-list > li > span, .main-menu__list > li > a, .main-menu__sub-list > li > a, .main-menu__sub2-list a span{ transition: all .5s cubic-bezier(0,0,.23,1); -webkit-transition: all .5s cubic-bezier(0,0,.23,1); -moz-transition: all .5s cubic-bezier(0,0,.23,1); -o-transition: all .5s cubic-bezier(0,0,.23,1); text-decoration: none; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-gradient(linear,left top, right top,from(#ACEA00),color-stop(50%, #ACEA00),color-stop(0, #000)); background-image: -o-linear-gradient(left,#ACEA00,#ACEA00 50%,#000 0); background-image: linear-gradient(90deg,#ACEA00,#ACEA00 50%,#000 0); background-size: 200% 100%; background-position: 100%; display: block; line-height: normal; cursor: pointer; } .main-menu__list > li > span:hover, .main-menu__sub-list > li > span:hover, .main-menu__list > li > a:hover , .main-menu__sub-list > li > a:hover, .main-menu__sub2-list a:hover span{ background-position: 0; color: #ACEA00; } .main-menu li.active > a.blue{ color: #1cb8e4; } .main-menu__list > li.blue > span, .main-menu__list > li.blue > a, .main-menu__sub-list > li.blue > span, .main-menu__sub-list > li > a.blue, .main-menu__sub2-list a.blue span, .main-menu__list > li.blue > span:hover, .main-menu__list > li.blue > a:hover, .main-menu__sub-list > li.blue > span:hover, .main-menu__sub-list > li > a.blue:hover, .main-menu__sub2-list a.blue:hover span { color: #1cb8e4; background-image: -webkit-gradient(linear,left top, right top,from(#1cb8e4),color-stop(50%, #1cb8e4),color-stop(0, #000)); background-image: -o-linear-gradient(left,#1cb8e4,#1cb8e4 50%,#000 0); background-image: linear-gradient(90deg,#1cb8e4,#1cb8e4 50%,#000 0); } /*-------------------------------------desctop-responsive---------------------------------------*/ /* @media (min-width: 2000px){ .main-menu__list .big {font-size: 55px;} .main-menu__list li{ font-size: 24px; margin-bottom: 25px; } .main-menu__sub-list{left: 870px;} .main-menu__sub-list.animate{left: 950px;} .main-menu__sub2-list{ width: 900px!important; row-gap: 25px; } .main-menu__sub2-list li{font-size: 18px;} .main-menu__sub2-list .descr{font-size: 16px;} } @media (min-width: 2300px){ .main-menu__list .big {font-size: 60px;} .main-menu__list li{ font-size: 26px; margin-bottom: 30px; } .main-menu__sub-list{left: 970px;top: 190px;} .main-menu__sub-list.animate{left: 1050px;} .main-menu__sub2-list{ width: 1100px!important; row-gap: 30px; } .main-menu__sub2-list li{font-size: 20px;} .main-menu__sub2-list .descr{font-size: 18px;} } @media (min-width: 2500px){ .main-menu__list .big {font-size: 65px;} .main-menu__list li{ font-size: 28px; margin-bottom: 35px; } .main-menu__sub-list{left: 1070px;top: 200px;} .main-menu__sub-list.animate{left: 1150px;} .main-menu__sub2-list{ width: 1300px!important; row-gap: 35px; } .main-menu__sub2-list li{font-size: 22px;} .main-menu__sub2-list .descr{font-size: 20px;} } */ /*------------------------*/ /* @media (max-width: 1799px) and (min-width: 1200px), (max-height: 950px) and (min-width: 1200px){ .main-menu__list{left: 100px;top: 130px;} .main-menu__list.animate{left: 150px;} .main-menu__sub-list{left: 650px;top: 155px;} .main-menu__sub-list.animate{left: 700px;} .main-menu__list > li:nth-child(3) {margin-bottom: 80px;} .main-menu__list > li:nth-child(6) {margin-bottom: 55px;} .main-menu__list .big{font-size: 45px;margin-bottom: 50px;} } @media (max-width: 1699px) and (min-width: 1200px), (max-height: 900px) and (min-width: 1200px){ .main-menu__sub-list{left: 600px;} .main-menu__sub-list.animate{left: 600px;} } @media (max-width: 1599px) and (min-width: 1200px), (max-height: 850px) and (min-width: 1200px){ .main-menu__list{top: 100px;} .main-menu__sub-list{left: 500px;top: 120px;} .main-menu__sub-list.animate{left: 550px;} .main-menu__list > li:nth-child(3) {margin-bottom: 65px;} .main-menu__list > li:nth-child(6) {margin-bottom: 50px;} .main-menu__list .big{font-size: 40px;margin-bottom: 40px;} .main-menu__list li{font-size: 20px;margin-bottom: 18px;} .main-menu__sub2-list{-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;} .main-menu__sub2-list li{font-size: 16px;} } @media (max-width: 1499px) and (min-width: 1200px), (max-height: 800px) and (min-width: 1200px){ .main-menu__sub2-list{width: 650px!important;} } @media (max-width: 1399px) and (min-width: 1200px){ .main-menu__sub2-list{width: 550px!important;} .main-menu__list > li:nth-child(3) {margin-bottom: 50px;} .main-menu__list > li:nth-child(6) {margin-bottom: 35px;} .main-menu__list .big{font-size: 35px;margin-bottom: 30px;} } */ @media (max-width: 1799px) { .main-menu__list{top: 100px;left: 100px;bottom: 50px;} .main-menu__list.animate{left: 150px;} .main-menu__sub-list{top: 120px;left: 500px;} .main-menu__sub-list.animate{left: 550px;} .main-menu__sub2-list{width: 600px!important;} .main-menu__list > li:nth-child(3) {margin-bottom: 50px;} .main-menu__list > li:nth-child(6) {margin-bottom: 50px;} .main-menu__list .big{font-size: 35px;margin-bottom: 20px;} .main-menu__list li{font-size: 20px;margin-bottom: 18px;} .main-menu__sub2-list{-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;} .main-menu__sub2-list li{font-size: 16px;} } @media (max-width: 1199px) { .main-menu__list > li:nth-child(3) {margin-bottom: 30px;} .main-menu__list > li:nth-child(6) {margin-bottom: 30px;} } .main-menu__top { position: fixed; top: 0; left: -100%; display: none; width: 100%; padding-bottom: 20px; background: #fff; z-index: 1; transition: left .4s ease-in-out; -webkit-transition: left .4s ease-in-out; -moz-transition: left .4s ease-in-out; -o-transition: left .4s ease-in-out; } .main-menu.active .main-menu__top{ left: 0; } .main-menu__city-wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin-bottom: 10px; background: #fff; } .main-menu__city { display: flex; align-items: center; opacity: 0; transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; } .main-menu.active .main-menu__city { /*position: fixed; top: 14px; left: 50%; transform: translate(-50%, 0);*/ opacity: 1; transition: opacity .6s cubic-bezier(0.95, 0, 0.5, 1); -webkit-transition: opacity .6s cubic-bezier(0.95, 0, 0.5, 1); -moz-transition: opacity .6s cubic-bezier(0.95, 0, 0.5, 1); -o-transition: opacity .6s cubic-bezier(0.95, 0, 0.5, 1); } .main-menu__city svg { margin-right: 10px; } .main-menu__city span { font-size: 12px; line-height: 14px; color: #777777; } .form-search-wrap { padding: 0 20px; opacity: 0; transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; } .main-menu.active .form-search-wrap { opacity: 1; transition: opacity .6s cubic-bezier(0.95, 0, 0.5, 1); -webkit-transition: opacity .6s cubic-bezier(0.95, 0, 0.5, 1); -moz-transition: opacity .6s cubic-bezier(0.95, 0, 0.5, 1); -o-transition: opacity .6s cubic-bezier(0.95, 0, 0.5, 1); } .form-search { position: relative; } .form-search button[type="submit"] { position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); display: block; width: 19px; height: 19px; padding: 0; border: none; background: none; cursor: pointer; } .form-search button[type="submit"]:focus { outline: none; } .form-search input[name="q"] { width: 100%; height: 40px; padding: 10px 10px 10px 55px; background: #FFFFFF; box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.05); border-radius: 5px; border: none; font-family: 'Graphik LC', sans-serif!important; font-weight: 300; } .form-search input[name="q"]:focus { outline: none; } .main-menu__bot { display: none; padding: 0 20px; margin: 40px 0; } .mobile-bot__feedback { margin-bottom: 30px; font-size: 12px; line-height: 14px; color: #777777; } .social a{ display: block; margin-bottom: 15px; font-size: 12px; line-height: 14px; color: #777777; } .main-menu__item-open-icon { display: none; transition: transform .3s cubic-bezier(0,0,.23,1); -webkit-transition: transform .3s cubic-bezier(0,0,.23,1); -moz-transition: transform .3s cubic-bezier(0,0,.23,1); -o-transition: transform .3s cubic-bezier(0,0,.23,1); } .main-menu li.active > .main-menu__item-open-icon { transform: rotate(180deg); } /*-------------------------------------tablet-menu---------------------------------------*/ @media (max-width: 1199px) { .main-menu ul{margin: 0;} .main-menu li { position: relative; } .main-menu__item-open-icon { position: absolute; top: 0; right: 0; display: block; } .main-menu { position: fixed; left: -100%; width: 100%; height: 100%; background: #fff; background-size: 100% 120%; overflow-x: hidden; overflow-y: auto; } .main-menu.active { left: 0; } /*1lvl*/ .main-menu__list { width: 100vw; /*height: 100%;*/ padding: 120px 40px 100px 140px; /*margin-bottom: 120px!important;*/ } .main-menu__list .big { font-size: 35px; line-height: 42px; margin-bottom: 25px; } .main-menu__list > li { font-size: 20px; line-height: 24px; margin-bottom: 30px; } /*2lvl*/ .main-menu__sub-list { display: none; width: 100%!important; padding-top: 30px; padding-left: 20px!important; margin-bottom: 40px; } .main-menu__list > li.active > .main-menu__sub-list { /*display: block;*/ margin-bottom: 40px; } .main-menu__sub-list > li { margin-bottom: 20px; } .main-menu__sub-list > li:last-child {margin-bottom: 0;} .main-menu__sub-list > li a, .main-menu__sub-list > li span { font-family: 'Graphik LC', sans-serif!important; font-weight: 600; font-size: 20px; line-height: 24px; } /*3lvl*/ .main-menu__sub2-list { display: none; width: 100%!important; padding-top: 20px; padding-left: 20px!important; margin-bottom: 40px; } .main-menu__list > li.active > .main-menu__sub2-list { /*display: block;*/ margin-bottom: 40px; } .main-menu__sub2-list > li {margin-bottom: 15px;} .main-menu__sub2-list > li:last-child {margin-bottom: 0;} .main-menu__sub2-list > li span.name { font-family: 'Graphik LC', sans-serif!important; font-weight: 300; font-size: 16px; line-height: 19px; } .main-menu__sub2-list > li span.descr { font-family: 'Graphik LC', sans-serif!important; font-weight: 300; font-size: 14px; line-height: 17px; } } /*-------------------------------------mobile-menu---------------------------------------*/ @media (max-width: 767px) { .main-menu { padding-top: 100px; } /*1lvl*/ .main-menu__list { /*padding: 30px 20px 40px 20px;*/ padding: 30px 20px 0 20px; /*margin-bottom: 55px!important;*/ } .main-menu__list .big { font-size: 25px; line-height: 30px; margin-bottom: 20px; } .main-menu__list > li { font-size: 16px; line-height: 19px; margin-bottom: 15px; } .main-menu__list > li > span { padding-right: 20px; } .main-menu__list > .big > .main-menu__item-open-icon { top: 12px; } .main-menu__list > li > .main-menu__item-open-icon { top: 6px; } /*2lvl*/ .main-menu__sub-list { padding-top: 20px; padding-left: 10px!important; margin-bottom: 40px; } .main-menu__sub-list > li { margin-bottom: 15px; } .main-menu__sub-list > li span { font-size: 16px; line-height: 19px; } .main-menu__sub-list > li > span { padding-right: 20px; } .main-menu__sub-list > li > .main-menu__item-open-icon { top: 6px; } /*3lvl*/ .main-menu__sub2-list { padding-top: 15px; padding-left: 10px!important; margin-bottom: 40px; } .main-menu__sub2-list > li span.name { font-size: 14px; line-height: 17px; } .main-menu__top { display: block; } .main-menu__bot { display: block; } } /* End */ /* Start:/local/templates/eco_green/components/bitrix/news.detail/banner/style.css?16936553152238*/ /*-------------------------------banners--------------------------------------*/ .banner { position: relative; top: -100px; margin-bottom: -100px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 540px; padding-top: 140px; padding-bottom: 80px; overflow: hidden; color: #fff; } .banner__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; } .banner__img_darken:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: -1; } .banner .title { font-size: 40px; line-height: 45px; margin-bottom: 40px; } .header_white-line + .banner { top: 0; margin-bottom: 0; min-height: 440px; } .banner .form_services .privacy-policy { color: #EAEAEA; } @media (max-width: 1499px) { .banner { top: -60px; margin-bottom: -60px; min-height: 436px; padding-top: 100px; padding-bottom: 60px; } .banner .title { font-size: 35px; line-height: 42px; margin-bottom: 30px; } .header_white-line + .banner { min-height: 376px; } } @media (max-width: 1199px){ .banner { min-height: 630px; } .header_white-line + .banner { min-height: 570px; } } @media (max-width: 767px) { .banner { top: -50px; margin-bottom: -50px; min-height: 720px; padding-top: 90px; padding-bottom: 40px; } .banner .title { font-size: 25px; line-height: 28px; margin-bottom: 25px; } .header_white-line + .banner { min-height: 670px; } } @media (max-width: 1499px) and (min-width: 768px) { .banner .advantages2 .row { row-gap: 20px; } .banner .advantages2 .col-lg-6 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } /* End */ /* Start:/local/templates/eco_green/components/bitrix/breadcrumb/breadcrumbs/style.css?1693655310422*/ /*-------------------------------breadcrumbs--------------------------------------*/ .breadCrumbs {font-weight: 600;color: #000;margin: 20px 0 65px 0;} .breadCrumbs a, .breadCrumbs a:hover {font-weight: 600;color: #000;} .breadCrumbs span {font-weight: 300;color: #878787;} @media (max-width: 1499px){ .breadCrumbs {margin: 10px 0 40px;} } @media (max-width: 767px){ .breadCrumbs {margin: 30px 0 55px;} } /* End */ /* Start:/local/templates/eco_green/components/bitrix/menu/footer/style.css?1693655312463*/ /*-------------------------------footer-menu--------------------------------------*/ .footer-menu{ padding: 0; margin: 0; } .footer-menu li{ list-style-type: none; margin-bottom: 15px; } .footer-menu li a{ color: #fff; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .footer-menu li a:hover{ color: #79D100; } /* End */ /* Start:/local/templates/eco_green/components/bitrix/news.list/city-choice/style.css?16936553195426*/ /*-------------------------------city-choice--------------------------------------*/ .city-choice-wrapper{ display: none; position: fixed; top: 0; left: 0; width: 100%!important; height: 100%!important; background: #fff; z-index: 15; overflow: auto; padding-top: 160px; } .city-choice__close-block{ position: absolute; top: 30px; right: 55px; cursor: pointer; z-index: 10; } .city-choice{ /*position: absolute; top: 160px; left: 0; right: 0;*/ } .city-choice__city-list{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0; margin: 0; } .city-choice__city-list li{ list-style-type: none; width: 50%; margin-bottom: 5px; cursor: pointer; font-size: 16px; } .city-choice__city-list li span{color: #000;} .city-choice__city-list li.active span { color: #8FDD24; font-weight: bold; } .city-choice__city-map{position: relative;} .city-choice__city-pointer{ position: absolute; width: 6px; height: 6px; background: #8FDD24; border-radius: 50%; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } /*#googlePlace{} #googlePlace form{position: relative;} #googlePlace form:before{ content: ""; position: absolute; width: 18px; height: 18px; left: 15px; top: 0; bottom: 0; margin: auto; background: url(/images/icons/search-icon-in-input.svg) no-repeat; } #googlePlace #searchCity{ height: 50px; width: 100%; max-width: 270px; padding: 0px 20px 0 50px; border: none; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); font-size: 14px; color: #000; } #googlePlace #searchCity:focus { outline: none; }*/ /*#googlePlace #searchCity.error{outline: red auto 5px;} #googlePlace button{ position: absolute; width: 40px; height: 40px; top: 0; right: 0; background: #8FDD24; border: none; padding: 0; } #googlePlace button img{position: relative;right: 3px;}*/ /*#cityAutocomplete { display: none; position: absolute; width: 270px!important; height: auto!important; margin: 0 0 0 35px; padding: 15px; color: #878787; font-size: 14px; z-index: 1; } #cityAutocomplete.active {display: block;} #cityAutocomplete li{list-style-type: none;cursor: pointer;} #cityAutocomplete span{font-weight: 600;}*/ @media (max-width: 767px) { .city-choice h2{ margin-right: 35px; } .city-choice__close-block { top: 30px; right: 30px; } .city-choice__close-block svg { width: 20px; height: 20px; } .city-choice-wrapper { padding-top: 55px; } .city-choice__city-list-wrap { display: flex; flex-direction: column-reverse; } .city-choice__city-list li { width: 100%; margin-bottom: 20px; } #cityAutocomplete { margin: 0; background: #FFF; box-shadow: 5px 15px 40px rgba(0, 0, 0, 0.05); } .city-choice__city-map-wrap { display: none; } } .confirmation-position { position: absolute; top: 100px; right: 60px; width: 300px; padding: 35px 20px; background: #F4F4F4; border-radius: 10px; z-index: 10;/*9999999999*/ } .confirmation-position__title { margin-bottom: 35px; color: #000000; font-size: 30px; line-height: 36px; } .confirmation-position__city { white-space: nowrap; } .confirmation-position__buttons { display: flex; align-items: center; justify-content: space-between; } .confirmation-position__button { display: flex; align-items: center; height: 50px; padding: 0 30px; border-radius: 25px; box-shadow: 5px 25px 40px rgba(0, 0, 0, 0.05); cursor: pointer; } .confirmation-position__button_yes{ background: #8FDD24; color: #FFFFFF; } .confirmation-position__button_no{ background: #FFFFFF; color: #000000; } @media (max-width: 1499px){ .confirmation-position { top: 70px; right: 70px; width: 275px; padding: 25px 20px; } .confirmation-position__title { margin-bottom: 25px; font-size: 20px; line-height: 24px; } .confirmation-position__button { height: 40px; } } @media (max-width: 1199px){ .confirmation-position { top: 70px; right: 30px; } } @media (max-width: 767px){ .confirmation-position { position: fixed; top: unset; right: unset; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 325px; padding: 25px 40px; border-radius: 10px 10px 0px 0px; } } @media (max-width: 350px) { .confirmation-position { width: 275px; padding: 20px; } .confirmation-position__title { margin-bottom: 20px; font-size: 14px; line-height: 17px; } .confirmation-position__button { padding: 0 25px; } } /* End */ /* Start:/local/components/services/form.result.new/templates/feedback/style.css?16936552965060*/ /*-------------------------------feedback-form--------------------------------------*/ .feedback-pop-up{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%!important; height: 100%!important; background: rgba(0,0,0,.5); z-index: 11; } .feedback-pop-up__block{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 50px 60px; background: #F4F4F4; border-radius: 10px; width: 460px; /*height: 672px;*/ } .feedback-pop-up_close{ position: absolute; top: 16px; right: 18px; cursor: pointer; } .feedback-pop-up__img{margin-bottom: 30px;} .feedback-pop-up__img img{width: 100%;} .feedback-pop-up__title{ font-size: 30px; margin-bottom: 15px; } .feedback-pop-up__rating-buttons{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; } .feedback-pop-up__rating-button{ position: relative; display: flex; align-items: center; background: #FFFFFF; box-shadow: 5px 25px 40px rgba(0, 0, 0, 0.05); border-radius: 25px; padding: 0 10px; width: 155px; height: 50px; cursor: pointer; } .feedback-pop-up__rating-button img{margin-right: 10px;} .feedback-pop-up__rating-button span{width: 100%;text-align: center;padding-right: 10px;} .feedback-pop-up__rating-button.active{background: #EAEAEA;box-shadow: none;} .feedback-pop-up__descr{ margin-bottom: 15px; } .feedback-pop-up__fields{position: relative;} .feedback-pop-up__policy{font-size: 12px;line-height: 14px;color: #878787;} .feedback-pop-up textarea{ width: 100%; border: 2px solid #8FDD24; border-radius: 10px; height: 100px; min-height: 100px; padding: 20px 50px 20px 20px; resize: none; outline: none; overflow: hidden; } .feedback-pop-up textarea:empty:before { display: block; color: #878787; content: attr(placeholder); } .feedback-pop-up__submit{ display: none; position: absolute; width: 35px; height: 35px; border-radius: 25px; background: #EAEAEA; bottom: 15px; right: 10px; cursor: pointer; } .feedback-pop-up__submit.show{display: block;} .feedback-pop-up__submit.active{ background: #8FDD24; } .feedback-pop-up input[type="submit"]{ display: none; } .feedback-pop-up__error{ display: none; position: absolute; bottom: calc(100% + 14px); background: #fff; color: #000; font-weight: 300; font-size: 14px; padding: 15px 20px 10px 35px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); border-radius: 3px; min-width: 180px; left: 50%; transform: translate(-50%, 0); } .feedback-pop-up__error.show{ display: block; } .feedback-pop-up__error svg{position: absolute;left: 18px;} .feedback-pop-up__error:before{ content: ""; position: absolute; bottom: -14px; left: 0; right: 0; margin: auto; width: 0; height: 0; border-width: 15px 7px 0; border-style: solid; border-color: #fff transparent transparent; -webkit-filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15)); } .feedback-pop-up__success{ /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ width: 100%; text-align: center; } .feedback-pop-up__success img{margin-bottom: 40px;} .feedback-pop-up__success p{font-weight: 600;font-size: 20px;} /*@media (max-height: 675px){ .feedback-pop-up__img{display: none;} }*/ @media (max-width: 1500px) and (max-height: 1000px){ .feedback-pop-up__block{ padding: 50px 30px 30px; width: 336px; height: auto; min-height: 50%; } .feedback-pop-up__img{margin-bottom: 25px;} .feedback-pop-up__title{font-size: 20px;} .feedback-pop-up__rating-buttons{margin-bottom: 30px;} .feedback-pop-up__rating-button{width: 130px;} .feedback-pop-up textarea{ height: 85px; min-height: 85px; padding: 10px 50px 10px 10px; } } @media (max-width: 767px){ .feedback-pop-up{overflow-y: overlay;} .feedback-pop-up__block{ left: 0; margin: 0 20px 20px; width: calc(100% - 40px); transform: translate(0, -50%); } .feedback-pop-up__error{left: calc(50% - 20px);} .feedback-pop-up__error:before{right: -40px;} } @media (max-width: 360px){ .feedback-pop-up_close{ width: 14px; height: 14px; top: 10px; right: 10px; } .feedback-pop-up__block{padding: 30px;} .feedback-pop-up__img {margin-bottom: 20px;} .feedback-pop-up__title{margin-bottom: 10px;} .feedback-pop-up__rating-buttons{margin-bottom: 20px;} .feedback-pop-up__rating-button{width: 100px;} .feedback-pop-up__rating-button img{width: 30px;} } /* End */ /* Start:/local/templates/eco_green/styles.css?169365527626327*/ #jcont {--left: auto!important;} .wrap_ebcf, .wrap_cc12 {z-index:10!important;} .globalClass_e5e8 > jdiv {z-index:10!important;} #CalltouchWidgetFrame {z-index:10!important;} .swiper-container, .swiper-wrapper {z-index: 0!important;} .row_gap { margin-bottom: -30px; } .row_gap > * { margin-bottom: 30px; } @media (max-width: 767px) { .row_gap { margin-bottom: -40px; } .row_gap > * { margin-bottom: 40px; } } .printedText {} .printedText__text { position: relative; display: inline-block; } .printedText__target { position: absolute; top: 0; left: 0; } .printedText__full { opacity: 0; /* color: red; */ /* z-index: -1; */ } .printedText__list { display: none; } .box { display: flex; padding: 40px; background: #EAEAEA; border-radius: 10px; } .box_white { background: #FFFFFF; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); } .box_green { background: #8FDD24; } @media (max-width: 767px) { .box { padding: 20px 20px 20px; } } .box_horizontal { align-items: center; justify-content: space-between; } .box_horizontal .box__left {} .box_horizontal .box__right { margin-left: 30px; } @media (max-width: 767px) { .box_horizontal { flex-direction: column; align-items: flex-start; } .box_horizontal .box__right { margin-top: 30px; margin-left: 0; } } .checkbox {} .checkbox__label { display: inline-flex; cursor: pointer; } .checkbox__input { display: none; } .checkbox__text { user-select: none; } .checkbox__custom { flex-shrink: 0; flex-grow: 0; display: inline-block; width: 20px; height: 20px; margin-right: 20px; background: #FFFFFF; border: 3px solid #1CB8E4; border-radius: 4px; } .checkbox__input:checked + .checkbox__custom { border: none; background-color: #1CB8E4; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: 4px -1px; } .checkbox_disabled { cursor: default; } .checkbox_disabled .checkbox__custom { background: #F4F4F4; border: 3px solid #EAEAEA; } .alert2 { display: flex; background: #EAEAEA; } .alert2__icon { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 20px; background: #333333; border-radius: 30px; } .alert2__icon_green { background: #71C400; } .alert2__icon_red { background: #DB2222; } .alert2__icon svg { max-width: 20px; min-width: 20px; max-height: 20px; min-height: 20px; } @media (max-width: 767px) { .alert2 { flex-direction: column; } .alert2__icon { margin-right: 0; margin-bottom: 20px; } } .accordion2 {} .accordion2__front { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 20px 40px; margin-bottom: 20px; background: #FFFFFF; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); border-radius: 4px; } .accordion2__left { display: flex; flex-direction: column; margin-right: 20px; } .accordion2__title { font-weight: bold; } .accordion2__subtitle { margin-bottom: 12px; } .accordion2__button { min-width: 220px; } .accordion2 .switch { position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0); display: flex; align-items: center; cursor: pointer; } .accordion2 .switch__icon { fill: #8FDD24; max-width: 30px; min-width: 30px; max-height: 30px; min-height: 30px; box-shadow: 5px 25px 40px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease-in-out; } .accordion2_open .switch__icon { transform: rotate(180deg); } .accordion2 .switch__text { display: none; margin-right: 8px; opacity: 1; transition: opacity 0.2s ease-in-out; } .accordion2 .switch__text_hide { opacity: 0; } .accordion2__back { max-height: 0; padding: 20px 40px; margin-bottom: 20px; overflow: hidden; transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out, margin 0.3s ease-in-out; } .accordion2:not(.accordion2_open) .accordion2__back { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } @media (max-width: 1499px) { .accordion2__left { width: 100%; } .accordion2__back { margin-top: 20px; } .accordion2 .switch { position: relative; bottom: 0; left: 0; transform: none; } .accordion2 .switch__text { display: inline-block; } } @media (max-width: 767px) { .accordion2__front { padding: 20px; } .accordion2__title { display: flex; flex-direction: column; } .accordion2__title .item__price { margin-top: 8px; } .accordion2__separator { display: none; } .accordion2__button { min-width: 180px; } .accordion2__back { padding: 20px; } .accordion2 .button { min-width: 180px; } } @media (max-width: 400px) { .accordion2 .switch__text { display: none; } } .advantages2 { margin-bottom: -50px; } .advantages2 .advantage2 { margin-bottom: 50px; } .advantage2 { display: flex; } .advantage2__icon { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-end; width: 80px; max-width: 80px; min-width: 80px; height: 80px; max-height: 80px; min-height: 80px; margin-right: 20px; } .advantage2__icon svg { fill: #8FDD24; max-width: 100%; max-height: 100%; } .advantage2__icon img { max-width: 100%; max-height: 100%; } .advantage2__num { font-family: 'Styrene A LC'; font-weight: 900; font-size: 60px; line-height: 35px; color: #8FDD24; } .advantage2__text { display: flex; flex-direction: column; } .advantage2__subtitle { margin-top: 20px; } @media (max-width: 1499px) { .advantages2 { margin-bottom: -40px; } .advantages2 .advantage2 { margin-bottom: 40px; } .advantage2__icon { width: 60px; max-width: 60px; min-width: 60px; height: 60px; max-height: 60px; min-height: 60px; } .advantage2__num { font-size: 50px; line-height: 30px; } .advantage2__subtitle { margin-top: 16px; } } @media (max-width: 767px) { .advantage2__subtitle { margin-top: 12px; } } .block-bg { position: relative; margin-bottom: 65px; padding: 65px 0; width: 100%; } .block-bg__backgroud { position: absolute; top: 0; left: calc((-100vw + 1140px - 140px) / 2); width: 100vw; height: 100%; z-index: -1; } @media (max-width: 1699px) { .block-bg__backgroud { left: calc((-100vw + 960px - 140px) / 2); } } @media (max-width: 1499px) { .block-bg { margin-bottom: 40px; padding: 40px 0; } .block-bg__backgroud { left: calc((-100vw + 820px - 90px) / 2); } } @media (max-width: 1199px) { .block-bg__backgroud { left: calc((-100vw + 620px - 90px) / 2); } } @media (max-width: 767px) { .block-bg { margin-bottom: 30px; padding: 30px 0; } .block-bg__backgroud { left: calc((-100vw + 100%) / 2); } } .quote2 {} .quote2__row { align-items: center; } .quote2__text { position: relative; } .quote2__mark { position: absolute; z-index: -1; } .quote2__mark_left { top: -44px; left: -52px; max-width: 70px; min-width: 70px; max-height: 64px; min-height: 64px; } .quote2__mark_right { right: -16px; bottom: -32px; max-width: 50px; min-width: 50px; max-height: 46px; min-height: 46px; } @media (max-width: 1199px) { .quote2__mark_left { top: -24px; left: -32px; max-width: 50px; min-width: 50px; max-height: 46px; min-height: 46px; } .quote2__mark_right { right: -12px; bottom: -12px; max-width: 30px; min-width: 30px; max-height: 27px; min-height: 27px; } } @media (max-width: 767px){ .quote2__mark_left { top: -24px; left: -12px; } .quote2__mark_right { right: -12px; bottom: -8px; } } /*текст с восклицательным знаком*/ .warning-block{ position: relative; background: #F4F4F4; border-radius: 10px; padding: 30px 20px 30px 60px; line-height: normal; } .warning-block:before { content: ""; position: absolute; top: 33px; margin: auto; left: 30px; width: 12px; height: 36px; background: url(/images/icons/warning.svg) center center no-repeat; } .warning-block *{ line-height: normal; } .warning-block *:last-child { margin-bottom: 0; } /*блок с цитатой в статьях*/ .quote-block{margin: 65px 0;padding: 0 25px;text-align: center;} .quote-block__img{margin-bottom: 25px;} .quote-block__name{font-weight: 600;margin-bottom: 10px;} .quote-block__posistion{position: relative;max-width: 325px;padding-bottom: 25px;margin: 0 auto 20px;} .quote-block__posistion:before{ content: ""; position: absolute; display: block; margin: 0 auto; left: 0; right: 0; bottom: 0; width: 55px; height: 5px; background: #8FDD24; } .quote-block__text{ position: relative; font-size: 20px; padding: 0 45px; } .quote-block__text:before{ content: ""; left: 0; background: url("/images/icons/«.svg") center center no-repeat; } .quote-block__text:after{ content: ""; right: 0; background: url("/images/icons/».svg") center center no-repeat; } .quote-block__text:before, .quote-block__text:after{ position: absolute; top: 50%; transform: translate(0, -50%); width: 30px; height: 22px; } @media (max-width: 1499px){ .quote-block{margin: 40px 0;padding: 0;} .quote-block__img{margin-bottom: 20px;} .quote-block__text{font-size: 16px;padding: 0 60px;} } @media (max-width: 767px){ .quote-block{margin: 55px 0;padding: 0;} .quote-block__img{display: none;} .quote-block__text{padding: 50px 0;} .quote-block__text:before{top: 0;bottom: auto;} .quote-block__text:after{bottom: 0;top: auto;} .quote-block__text:before, .quote-block__text:after{left: 0;right: 0;margin: auto;transform: none;} } /*блок с цитатой в услугах*/ .quote-services{text-align: center;} .quote-services__img{} .quote-services__title{font-size: 35px;margin-top: 40px;} .quote-services__descr{margin-top: 40px;} @media (max-width: 1499px){ .quote-services__title{font-size: 25px;} } @media (max-width: 767px){ .quote-services__img img{width: 64px;} .quote-services__title{font-size: 20px;margin-top: 25px;} .quote-services__descr{margin-top: 25px;} } /*-------------------------------custom-banners--------------------------------------*/ .old-price{ position: relative; color: transparent; -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff; } .old-price:before{ content: ""; position: absolute; top: 54%; left: -6%; width: 110%; height: 5px; background: red; transform: rotate(-15deg) translate(0, -50%); } .old-price2 { text-decoration-line: line-through; color: #CC3C3C; } /*-------------------------------иконка--------------------------------------*/ .title .info{ position: relative; display: inline-block; width: 20px; height: 20px; background: url(/images/icons/info.svg) center center no-repeat; margin: 0; vertical-align: super; top: 0; left: 5px; } .title .info .text{ display: none; position: absolute; top: 45px; left: 15px; right: 0; background: #fff; font-family: 'Graphik LC', sans-serif; color: #000; font-size: 14px; line-height: normal; font-weight: 300; padding: 10px 5px 15px 30px!important; width: 220px; z-index: 1; transform: translate(-50%, 0); } .title .info:hover .text{ display: block; } .title .info .text:before{ content: ""; border: 8px solid transparent; border-bottom: 24px solid #fff; position: absolute; left: 50%; margin-left: -13px; top: -31px; width: 0; } .title .info .text:after{ content: ""; position: absolute; top: 14px; left: 8px; width: 12px; height: 12px; background: url(/images/icons/required.svg) center center no-repeat; background-size: cover; } .zakazhite-sout .rab-mesto{ position: relative; display: inline-block; width: 80px; margin-left: 5px; top: 1px; font-size: 16px; line-height: 18px; } .zakazhite-sout .no-white-space{white-space: nowrap;} .zakazhite-sout .no-white-space > .rab-mesto, .zakazhite-sout .title .info .text{white-space: normal;} @media (max-width: 767px){ .zakazhite-sout .rab-mesto{font-size: 11px;line-height: 12px;top: 1px;width: 54px;} .zakazhite-sout .title .info{top: 10px;left: 0;} .banner__content .info{top: 10px;left: 0;} } .banner__content .no-white-space{white-space: nowrap;} .banner__content .no-white-space > .rab-mesto, .banner__content .title .info .text{white-space: normal;} .banner__content .info{ position: relative; display: inline-block; width: 20px; height: 20px; background: url(/images/icons/info.svg) center center no-repeat; margin: 0; vertical-align: super; top: 0; left: 5px; } .banner__content .info .text{ display: none; position: absolute; top: 45px; left: 15px; right: 0; background: #fff; font-family: 'Graphik LC', sans-serif; color: #000; font-size: 14px; line-height: normal; font-weight: 300; padding: 10px 5px 15px 30px!important; width: 220px; z-index: 1; transform: translate(-50%, 0); } .banner__content .info .text *{line-height: normal;} .banner__content .info:hover .text{display: block;} .banner__content .info .text:before{ content: ""; border: 8px solid transparent; border-bottom: 24px solid #fff; position: absolute; left: 50%; margin-left: -13px; top: -31px; width: 0; } .rab-mesto2 { display: inline-block; /*vertical-align: bottom;*/ font-size: 16px; line-height: 19px; } @media (max-width: 1199px){ .rab-mesto2 { font-size: 12px; line-height: 15px; } } /*-------------------------------search--------------------------------------*/ .search-wrapper{ display: none; position: fixed; top: 0; left: 0; width: 100%!important; height: 100%!important; background: #fff; z-index: 15; overflow: hidden; } .search-wrapper .close-block{ position: absolute; top: 30px; right: 55px; cursor: pointer; z-index: 10; } .search-form{ position: absolute; top: 160px; left: 0; right: 0; } .search-form__form{ position: relative; width: 100%; max-width: 540px; margin-top: 20px; } .search-form__icon{ position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; z-index: 1; } .search-form__input{ position: relative; width: 100%; box-shadow: 5px 15px 40px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 5px 15px 40px rgba(0, 0, 0, 0.05); -moz-box-shadow: 5px 15px 40px rgba(0, 0, 0, 0.05); border: none; padding: 0 20px 0 50px; height: 50px; font-size: 14px; color: #000; } .search-form__input:focus{outline: none;} .search-hint{ margin-top: 40px; padding-left: 20px; } .hint-title{ font-size: 14px; color: #878787; margin-bottom: 10px; } .hint-content{margin-bottom: 30px;} .hint-content a{ display: block; text-align: justify; color: #000; margin-bottom: 10px; } .hint-content strong{font-weight: 300;} .hint-content a:hover{color: #000;} a.showMoreHint{ display: inline; font-weight: 600; text-decoration-line: underline; color: #878787; margin-top: 5px; } a.showMoreHint:hover{color: #000;} .hide-hints{display: none;width: 100%!important;} /*-------------------------------contacts--------------------------------------*/ .buttons-city{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts__item{margin-bottom: 30px;} .contacts__phone{display: block;} .contacts__text, .contacts__metro, .contacts__text{color: #000!important;} .contacts__title{color: #878787;margin-bottom: 10px;} .contacts__text{margin-bottom: 10px;} .contacts__text a{color: #000;font-weight: normal;} .contacts__metro { display: flex; align-items: end; } .contacts__metro svg { margin-right: 10px; } .wrap-info .wrap-item{} .wrap-info .wrap-item.active{display: block;} .wrap-map > div{width: 100%; height: 620px;margin: 40px 0 50px;} @media (max-width: 767px){ .wrap-map > div{height: 450px;} } @media (max-width: 350px){ .wrap-map > div{height: 350px;} .buttons-city .button a{font-size: 11px;} .contacts__item .title{font-size: 11px;} .contacts__item .text br{display: block;} } .UP{ display: flex; align-items: center; position: fixed; left: 205px; bottom: 70px; color: #000; font-weight: 600; font-size: 14px; z-index: 2; padding-right: 85px; cursor: pointer; } .UP__icon{height: 32px;margin-right: 20px;} .UP span{ font-weight: 600; font-size: 14px; width: 0!important; height: auto!important; white-space: nowrap; overflow: unset!important; display: none; } .UP.abs{ position: absolute; left: 65px; bottom: unset; top: -97px; } @media (max-width: 1499px){ .UP{left: 135px;bottom: 45px;} .UP.abs{left: 45px;top: -72px;} } @media (max-width: 1199px){ .UP{display: none;} } .pdfLink{display: block;width: 365px;} .pdfLink-title{ position: relative; display: flex; align-items: center; height: 50px; padding-left: 65px; margin-top: 15px; color: #000; line-height: normal; } .pdfLink-title:before{ content: ""; display: block; position: absolute; left: 0; width: 44px; height: 50px; background: url(/images/icons/pdf.svg) left center no-repeat; } @media (max-width: 450px){ .pdfLink{width: 100%;} .pdfLink img{width: 100%;} } /*стр вакансии*/ .hr__item { display: flex; align-items: start; margin-bottom: 35px; } .hr__info{margin-left: 25px;} .hr__item a, .hr__item a:hover { color: #000; } /*-------------------------------.course-list--------------------------------------*/ .course-list__item{ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); border-radius: 3px; margin-bottom: 20px; padding: 25px 55px; } .course-list__front{ display: flex; align-items: center; justify-content: space-between; } .course-list__left{padding-right: 50px;} .course-list__name{ font-weight: 600; margin-bottom: 10px; } .course-list__button{ margin-top: 15px; } .course-list__back-open{ position: relative; font-weight: 600; font-size: 14px; padding-right: 50px; cursor: pointer; min-width: 130px; text-align: right; } .course-list__icon{ position: absolute; width: 35px; height: 35px; background: #8FDD24; right: 0; top: -3px; bottom: 0; margin: auto; border-radius: 50%; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .course-list__icon .line{ position: absolute; width: 9px; height: 2px; background: #fff; top: 55%; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .course-list__icon .line:nth-child(1){left: 42.5%;transform: translate(-50%, -50%) rotate(45deg);} .course-list__icon .line:nth-child(2){left: 57.5%;transform: translate(-50%, -50%) rotate(135deg);} .course-list__back-open.active .course-list__icon{background: #F4F4F4;} .course-list__back-open.active .course-list__icon .line{top: 50%;width: 16px;background: #000;} .course-list__back-open.active .course-list__icon .line:nth-child(1){transform: translate(-50%, -50%) rotate(225deg);left: 50%;} .course-list__back-open.active .course-list__icon .line:nth-child(2){transform: translate(-50%, -50%) rotate(315deg);left: 50%;} .course-list__back{ display: none; width: 100%!important; padding-top: 35px; } @media (max-width: 1199px){ .course-list__item{padding: 25px;} .course-list__left{padding-right: 30px;} } @media (max-width: 767px){ .course-list__item{padding: 25px 15px;} .course-list__front{flex-direction: column;align-items: start;} .course-list__left {padding-right: 30px;} .course-list__right{margin-top: 25px;} .course-list__back{padding: 25px 0 1px 0;} .course-list__back-open{ padding-right: 0; padding-left: 50px; min-width: auto; text-align: left; } .course-list__icon{left: 0;right: auto;} .course-list__back-open.active{color: #000;} } .course-list__item ul.green-line li { margin-bottom: 5px; } .block-grey{ padding: 20px; background: #F4F4F4; border-radius: 10px; } /*.fancybox-container { z-index: 1000000001!important; }*/ /*-------------------------------swiper--------------------------------------*/ .swiper-container { -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .swiper-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 40px; } .swiper-bottom__center { display: flex; justify-content: center; width: 100%; } .swiper-navigation { display: flex; align-items: center; justify-content: space-between; width: 230px; height: 50px; } .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { position: relative; top: 0; left: 0; right: 0; width: auto; height: auto; margin-top: 0; } .swiper-container .swiper-button-next:focus, .swiper-container .swiper-button-prev:focus { outline: none; } .swiper-container .swiper-navigation .swiper-button-disabled { opacity: 0.5; } .swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after { display: none; } .swiper-container .swiper-pagination { position: relative; bottom: 0; width: auto!important; } .swiper-container .swiper-pagination { font-size: 16px; } .swiper-container .swiper-pagination .swiper-pagination-current { font-weight: 600; font-size: 35px; } @media (max-width: 767px) { .swiper-container { width: calc(100% + 40px); left: -20px; padding: 0 20px!important; } .swiper-container .swiper-slide { width: calc(100% - 40px)!important; } .swiper-bottom { justify-content: center; } .swiper-bottom__right { display: flex; justify-content: center; width: 100%; } .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next { display: none; } .swiper-container .swiper-navigation { justify-content: center; } .swiper-hide { display: none; } } .swiper-1items, .swiper-2items, .swiper-3items, .swiper-4items { display: none; } .swiper-1items.swiper-container-initialized, .swiper-2items.swiper-container-initialized, .swiper-3items.swiper-container-initialized, .swiper-4items.swiper-container-initialized { display: block; } .swiper-1items img, .swiper-2items img, .swiper-3items img, .swiper-4items img { width: 100%; } .swiper-generate { display: none; } .equipment-slider__name { margin: 20px 0 0; line-height: normal; } @media (max-width: 767px) { .equipment-slider__name { opacity: 0; transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; } .equipment-slider__name { opacity: 1; } } .border-items-slider .swiper-slide img{ width: calc(100% - 2px); border: 1px solid #000000; } .caption { font-style: italic; } /* End */ /* Start:/local/templates/eco_green/template_styles.css?169365527639355*/ @font-face { font-family: "Graphik LC"; src: url("/local/templates/eco_green/fonts/Graphik-Light.woff2") format("woff2"), url("/local/templates/eco_green/fonts/Graphik-Light.woff") format("woff"), url("/local/templates/eco_green/fonts/Graphik-Light.ttf") format("truetype"), url("/local/templates/eco_green/fonts/Graphik-Light.otf") format("opentype"), url("/local/templates/eco_green/fonts/Graphik-Light.eot"); font-display: fallback; font-weight: 300; font-style: normal; } @font-face { font-family: 'Graphik LC'; src: url("/local/templates/eco_green/fonts/Graphik-Semibold.woff2") format("woff2"), url("/local/templates/eco_green/fonts/Graphik-Semibold.woff") format("woff"), url("/local/templates/eco_green/fonts/Graphik-Semibold.ttf") format("truetype"), url("/local/templates/eco_green/fonts/Graphik-Semibold.otf") format("opentype"), url("/local/templates/eco_green/fonts/Graphik-Semibold.eot"); font-display: fallback; font-weight: 600; font-style: normal; } @font-face { font-family: "Styrene A LC"; src: url("/local/templates/eco_green/fonts/StyreneA-Black.woff2") format("woff2"), url("/local/templates/eco_green/fonts/StyreneA-Black.woff") format("woff"), url("/local/templates/eco_green/fonts/StyreneA-Black.ttf") format("truetype"), url("/local/templates/eco_green/fonts/StyreneA-Black.otf") format("opentype"), url("/local/templates/eco_green/fonts/StyreneA-Black.eot"); font-display: fallback; font-weight: 900; font-style: normal; } :root { --color-green1: #8FDD24; --color-green2: #79D100; --color-green3: #71C400; --color-grey1: #F4F4F4; --color-grey2: #EAEAEA; --color-grey3: #777777; --color-grey4: #333333; --color-blue: #1CB8E4; } *{} body{ position: relative; margin: 0; margin-left: 140px; overflow-x: hidden; min-height: 100vh; font-family: 'Graphik LC', sans-serif; font-weight: 300; font-size: 16px; line-height: normal; color: #000; } body.off-scroll{overflow: hidden!important;} h1, h2, h3, h4, h5, h6{margin-top: 0;padding: 0!important;} p, dl, ol, ul {margin-top: 0;} button, input, optgroup, select, textarea{ padding: 0; margin: 0; border: none; background: none; font-family: inherit; font-size: inherit; /*color: inherit;*/ line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } b, strong{font-weight: 600;} .m-b-0{margin-bottom: 0px!important;} .m-b-5{margin-bottom: 5px!important;} .m-b-10{margin-bottom: 10px!important;} .m-b-15{margin-bottom: 15px!important;} .m-b-20{margin-bottom: 20px!important;} .m-b-25{margin-bottom: 25px!important;} .m-b-30{margin-bottom: 30px!important;} .m-b-35{margin-bottom: 35px!important;} .m-b-40{margin-bottom: 40px!important;} .m-b-45{margin-bottom: 45px!important;} .m-b-50{margin-bottom: 50px!important;} .m-b-55{margin-bottom: 55px!important;} .m-b-60{margin-bottom: 60px!important;} .m-b-65{margin-bottom: 65px!important;} .m-b-70{margin-bottom: 70px!important;} .m-b-75{margin-bottom: 75px!important;} .m-b-80{margin-bottom: 80px!important;} .m-b-85{margin-bottom: 85px!important;} .m-b-90{margin-bottom: 90px!important;} .m-b-95{margin-bottom: 95px!important;} .m-b-100{margin-bottom: 100px!important;} .no-pad{padding: 0;} .hide{display: none;} h1, h2, .title { font-family: Styrene A LC; font-size: 50px; line-height: 60px; margin-bottom: 65px; } .subtitle { font-family: Styrene A LC; font-size: 40px; line-height: 48px; margin-bottom: 55px; } .h2-light, .subtitle2{ font-family: Graphik LC; font-size: 35px; font-weight: 300; line-height: 42px; /*margin-bottom: 50px;*/ margin-bottom: 25px; } .lg-text{font-size: 20px;line-height: 24px;} .md-text{font-size: 16px;line-height: 19px;} .sm-text{font-size: 14px;line-height: 17px;} h3, .h3 { font-size: 25px; line-height: 30px; } h4, .h4 { font-size: 18px; line-height: 22px; } p { line-height: 22px; margin-bottom: 25px; } .blue-text{color: #1cb8e4;} .green-text{color: #8FDD24;} .black-text{color: #000;} .grey-text{color: #333;} .white-text{color: #fff;} .red-text, .errortext{color: red;} .text-right { text-align: right; } section.top-content{position: relative;/*z-index: 1;*/} section.content{position: relative;min-height: calc(100vh - 652px);} a, a:hover, .psevdo-link{ color: #8FDD24; text-decoration: none; outline: none; cursor: pointer; } a.blue-text:hover{color: #1cb8e4;} a.white-text:hover{color: #fff;} .call_phone_1, .call_phone_2 { white-space: nowrap; } .indent{margin-bottom: 65px;} ul.bold-green-line, .warning-block{margin-bottom: 55px;} .text-block{margin-bottom: 65px;} .grey-block, .services-form { background: #f4f4f4; } .grey-block, .services-form, .color-block { margin-bottom: 65px; padding: 65px 0; width: 100%; } img{} .detail-image img, .detail_picture img{width: 100%;} .img-responsive{margin-bottom: 25px;} .w100{width: 100%;height: auto;} input.error{border: 1px solid red!important;} hr{width: 100%;background-color: #e0e0e0;margin-top: 0; margin-bottom: 25px;} hr.full-line{width: 100%;background-color: #e0e0e0;margin-bottom: 65px;} .content table{border: 1px solid #000;border-collapse: collapse;} .content th, .content td{padding: 5px;border: 1px solid #000;font-size: 14px;} .content tr{} ol, ul{line-height: 25px;} ol{counter-reset: myCounter;padding-left: 0;margin-bottom: 25px;} ol > li{position: relative;list-style: none;padding-left: 30px;margin-bottom: 25px;} ol > li:before{ counter-increment: myCounter; content:counter(myCounter)"."; position: absolute; left: 0; color: #8FDD24; } ol.bold-count > li:before{ font-weight: 600; } ol ul{margin-top: 15px;} ul{margin-bottom: 25px;} ul ul{margin-top: 15px;} ul li{} ul.green-line{padding-left: 0;} ul.green-line li{ position: relative; padding-left: 25px; margin-bottom: 15px; list-style-type: none; } ul.green-line li:before { content: ""; display: block; position: absolute; width: 13px; height: 2px; background: #8FDD24; top: 10px; left: 0; } ul.green-line.sm-text li:before {top: 7px;} ul.green-line li p{margin-bottom: 0;} @media (max-width: 767px) { ul.green-line li:before {top: 7px;} ul.green-line.sm-text li:before {top: 6px;} } ul.black-line{padding-left: 0;} ul.black-line li{ position: relative; padding-left: 25px; margin-bottom: 5px; list-style-type: none; } ul.black-line li:before{ content: ""; display: block; position: absolute; width: 12px; height: 1px; background: #000; top: 10px; left: 0; } .list4{display: -ms-grid;display: grid;-ms-grid-columns: 1fr 45px 1fr 45px 1fr 45px 1fr;grid-template-columns: repeat(4, 1fr);-webkit-column-gap: 45px;-moz-column-gap: 45px;column-gap: 45px;} @media (max-width: 1300px){ .list4{-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);} } @media (max-width:992px){ .list4{-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);} } @media (max-width: 767px){ .list4{-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1, 1fr);} } .points li{margin-bottom: 0;} .list__non-style { padding: 0; list-style-type: none; } .list__non-style li{ margin-bottom: 15px; } .black-fon{ position: fixed; top: 0; left: 0; width: 100%; height: 0; background: #000; z-index: 3; opacity: 0; transition: opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; } .black-fon.active{opacity: 0.7;} .img-right{float: right;margin-left: 25px;margin-bottom: 25px;} .img-left{float: left;margin-right: 25px;margin-bottom: 25px;} .img2-line{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; } .img2-line > img, .img2-line > a{width: 49%;height: 100%;} .img2-line a img{width: 100%;} .button { position: relative; display: flex; align-items: center; justify-content: center; min-width: 230px; width: max-content; height: 50px; padding: 15px 35px; border: none; outline: none; border-radius: 25px; box-shadow: 5px 25px 40px rgba(0, 0, 0, 0.05); text-align: center; cursor: pointer; color: #fff; font-weight: 600; font-size: 16px; line-height: normal; transition: background .2s ease-in-out; } .button__loader { width: 20px; height: 20px; } .button-green, .button_green { background: var(--color-green1); color: #fff; } .button-green:focus, .button_green:focus { background: var(--color-green1); border: 2px solid var(--color-green3); } .button-green:hover, .button_green:hover { background: var(--color-green2); color: #fff; } .button-green:active, .button_green:active { background: var(--color-green3); color: #fff; } .button-green:disabled, .button-green[disabled], .button_green:disabled, .button_green[disabled] { background: var(--color-grey2); cursor: default; } .button-link { justify-content: space-between; } .button-link svg { position: relative; left: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .button-link span { margin-right: 25px; } .button-link:hover svg { left: 3px; } .button-white { background: #fff; } .button-white span { color: #000; } .button-green-border { border: 2px solid #8FDD24;color: #000; } .button-green-border:hover { border: 2px solid #79D100; } .button-link2{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; font-size: 14px; line-height: 17px; color: #000; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .button-link2 .icon-link{ position: relative; width: 35px; height: 35px; background: #8FDD24; border-radius: 50%; margin-right: 20px; } .button-link2 .wrap{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .button-link2 .arrow{ position: absolute; top: 9px; right: 8.5px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .button-link2:hover{color: #8FDD24;} .button-link2:hover .wrap{-webkit-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8);} .button-link2:hover .arrow{top: 8px;right: 7.5px;} .button-filter{ display: inline-block; padding: 10px 20px; margin: 0 10px 10px 0; background: #F4F4F4; border-radius: 3px; font-size: 14px; line-height: 17px; color: #000; cursor: pointer; } .button-filter:hover{background: #EAEAEA;color: #000;} .button-filter.active{background: #8FDD24;font-weight: 600;color: #fff;} .button_filter { display: inline-flex; align-items: center; height: 35px; padding: 0 20px; margin: 0 10px 10px 0; text-align: center; background: #F4F4F4; border-radius: 3px; cursor: pointer; transition: all .4s ease-in-out; color: #000; font-size: 14px; line-height: 17px; } .button_filter:hover { background: #EAEAEA; color: #000; } .button_filter .button__count { display: inline-block; width: 21px; height: 21px; margin: 0 -10px 0 10px; background: #EAEAEA; border-radius: 25px; text-align: center; line-height: 22px; } .button_filter.button_active { background: #8FDD24; color: #fff; font-weight: 600; } .button_filter.button_active .button__count { background: #79D100; font-weight: 300; } .filters{} .filters__title{ position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 35px; padding-left: 45px; cursor: pointer; font-weight: 600; font-size: 14px; color: #000; } .filters__title:hover{color: #000;} .filters__title a{color: #000;} .filters__button{ position: absolute; width: 35px; height: 35px; background: #8FDD24; left: 0; top: -3px; bottom: 0; margin: auto; border-radius: 50%; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .filters__button .line{ position: absolute; width: 9px; height: 2px; background: #fff; top: 55%; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .filters__button .line:nth-child(1){left: 42%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);} .filters__button .line:nth-child(2){left: 58%;-webkit-transform: translate(-50%, -50%) rotate(135deg);-ms-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);} .filters__title.active .filters__button{background: #F4F4F4; } .filters__title.active .filters__button .line{top: 50%;width: 16px;background: #000;} .filters__title.active .filters__button .line:nth-child(1){-webkit-transform: translate(-50%, -50%) rotate(225deg);-ms-transform: translate(-50%, -50%) rotate(225deg);transform: translate(-50%, -50%) rotate(225deg);left: 50%;} .filters__title.active .filters__button .line:nth-child(2){-webkit-transform: translate(-50%, -50%) rotate(315deg);-ms-transform: translate(-50%, -50%) rotate(315deg);transform: translate(-50%, -50%) rotate(315deg);left: 50%;} .filters__list{display: none;width: 100%!important;margin-top: 40px;} .filters__list.active{-ms-flex-wrap: wrap;flex-wrap: wrap;} .filters__item{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 20px; margin: 0 10px 10px 0; background: #F4F4F4; border-radius: 3px; font-size: 14px; line-height: 17px; color: #000; cursor: pointer; opacity: 0; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .filters__item:hover{background: #EAEAEA;color: #000;} .filters__item.active{background: #8FDD24;font-weight: 600;color: #fff;} .filters__item .count{ display: inline-block; width: 21px; height: 21px; background: #EAEAEA; border-radius: 25px; line-height: 22px; margin: 0 -10px 0 10px; text-align: center; } .filters__item.active .count{background: #79D100;font-weight: 300;} .filters__list.animate .filters__item{opacity: 1;} .tag, .tag:hover { color: var(--color-grey3); text-decoration-line: underline; } .collapse {} .collapse__front { position: relative; display: inline-flex; align-items: center; min-height: 35px; cursor: pointer; } .collapse__button { position: relative; width: 35px; height: 35px; margin-right: 10px; background: var(--color-green1); border-radius: 50%; transition: all .5s ease-in-out; } .collapse__button .line { position: absolute; top: 55%; width: 9px; height: 2px; background: #fff; transition: all .4s ease-in-out; } .collapse__button .line:nth-child(1) { left: 42%; transform: translate(-50%, -50%) rotate(45deg); } .collapse__button .line:nth-child(2) { left: 58%; transform: translate(-50%, -50%) rotate(135deg); } .collapse_open .collapse__button { background: #F4F4F4; } .collapse_open .collapse__button .line { top: 50%; width: 16px; background: #000; } .collapse_open .collapse__button .line:nth-child(1) { left: 50%; transform: translate(-50%, -50%) rotate(225deg); } .collapse_open .collapse__button .line:nth-child(2) { left: 50%; transform: translate(-50%, -50%) rotate(315deg); } .collapse__back { max-height: 0; width: 100%!important; padding: 0; margin: 0; overflow: hidden; transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out, margin 0.4s ease-in-out; } .collapse__content { padding-top: 40px; } /*video*/ .thumb-wrap{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 25px; border: 2px solid #E0E0E0; } .thumb-wrap iframe, .thumb-wrap .delayed-video{ position: absolute; top: 0; left: 0; /*width: 100%;*/ width: calc(100% + 4px); height: 100%; border: none; } .delayed-video img{width: 100%;} .delayed-video__button{ position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; border: none; background-color: transparent; padding: 0; -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); -o-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); z-index: 10; } .delayed-video__button svg{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .delayed-video__button-bg{ -webkit-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1); -o-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1); transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1); fill: #212121; fill-opacity: .8; } .delayed-video__button-ic{fill: #fff;} .delayed-video:hover .delayed-video__button-bg{ -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); -o-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); fill: #f00; fill-opacity: 1; } /*список c иконками на СОУТ*/ ul.list-icons{padding-left: 0;} ul.list-icons > li{ position: relative; margin-bottom: 10px; padding-left: 30px; list-style-type: none; } ul.list-icons > li:before{ content: ""; position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; } ul.list-icons > li.ok:before{ background-image: url(/images/icons/list-ok.svg); } ul.list-icons > li.gift:before{ background-image: url(/images/icons/list-gift.svg); } ul.list-icons > li.time:before{ background-image: url(/images/icons/list-time.svg); } ul.list-icons > li.close:before{ background-image: url(/images/icons/list-close.svg); } ul.list-icons > li.alert:before{ background-image: url(/images/icons/list-alert.svg); } @media (max-width: 767px){ /*ul.list-icons{padding-left: 0;} ul.list-icons li.ok:before{top: 5px;bottom: auto;left: -35px;} ul.list-icons li.gift:before{top: 3px;bottom: auto;left: -35px;} ul.list-icons li.time:before{top: 0;bottom: auto;left: -35px;}*/ } /*список с иконками на HealthySpace*/ ul.blue-list > li *{color: #1cb8e4;} ul.blue-list > li {font-weight: bold;} ul.blue-list > li.ok:before{background-image: url(/images/icons/list-ok-blue.svg);} /*-------------------------------left-line--------------------------------------*/ .left-line{ position: fixed; top: 0px; left: 0px; width: 140px; background: #EAEAEA; height: 100%; z-index: 10; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .left-line.animate{ width: 100%; background: #fff; } .psevdo-left-line{ position: fixed; width: 140px; top: 0px; left: 0px; height: 100%; z-index: 11; } .psevdo-left-line .menu{ position: absolute; text-align: center; top: 35px; cursor: pointer; width: 41px; height: 30px; left: 0; right: 0; margin: 0 auto; } .psevdo-left-line .menu .line{ position: absolute; text-align: left; height: 3px; background: #000; opacity: 1; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; } .psevdo-left-line .menu .line:nth-child(1){width: 41px;top: 0;} .psevdo-left-line .menu .line:nth-child(2){width: 31px;top: 0;bottom: 0;margin: auto;} .psevdo-left-line .menu .line:nth-child(3){width: 20.5px;bottom: 0;} .psevdo-left-line .menu.active .line:nth-child(1){width: 41px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 15px;} .psevdo-left-line .menu.active .line:nth-child(2){opacity: 0;} .psevdo-left-line .menu.active .line:nth-child(3){width: 41px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);bottom: 12px;} /*.psevdo-left-line .bot-icon{ position: absolute; bottom: 65px; width: 100%; text-align: center; } .psevdo-left-line .bot-icon .social{margin-bottom: 25px;} .psevdo-left-line .bot-icon .social a{display: block;margin-bottom: 40px;} .psevdo-left-line .bot-icon .en{padding-top: 25px;} .psevdo-left-line .bot-icon .en a{font-weight: bold;font-size: 18px;color: #000000;}*/ .left-links{ position: absolute; bottom: 140px; display: flex; align-items: center; transform: rotate(-90deg); width: 140px; height: 0; } .left-links a{ color: #777777; font-weight: 600; margin-right: 30px; } .left-links__feedback{ color: #777777; font-weight: 600; margin-left: 80px; white-space: nowrap; cursor: pointer; } .left-links__facebook:hover{color: #1777F2;} .left-links__instagram:hover{color: #E2306C;} .left-links__youtube:hover{color: #FE0002;} .left-links__feedback:hover{color: #79D100;} /*-------------------------------header--------------------------------------*/ header{position: relative;} .header-top{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 25px 60px 25px 35px; z-index: 2; } .header-top__phone{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; position: absolute; top: 0; left: 0; right: 0; height: 100px; width: 100%; margin-right: auto; margin-left: auto; z-index: -1; } .header-top__phone1{margin-right: 40px;} .header-top__phone a{font-weight: 600;color: #000;} .header-top__phone span{display: block;white-space: nowrap;} .header-top__right{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;z-index: 1;} .header-top__position{ display: flex; cursor: pointer; } .top-search { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 240px; margin-right: 35px; cursor: pointer; } .top-search__open { cursor: pointer; z-index: 1; } .top-search.open .top-search__open { cursor: default; } .top-search__form { position: relative; display: none; width: 100%; height: auto!important; margin-left: -19px; border-bottom: 1px solid #000000; transition: border-bottom 1s ease-in-out; -webkit-transition: border-bottom 1s ease-in-out; -moz-transition: border-bottom 1s ease-in-out; -o-transition: border-bottom 1s ease-in-out; } .top-search.open .top-search__form { display: block; } .top-search__form input { width: calc(100% - 30px); padding: 5px 0 5px 30px; background: none; border: none; font-weight: 600; color: #000000; transition: color 1s ease-in-out!important; -webkit-transition: color 1s ease-in-out!important; -moz-transition: color 1s ease-in-out!important; -o-transition: color 1s ease-in-out!important; } .top-search__form input:focus {outline: none;} .top-search__form input::-webkit-input-placeholder { font-weight: 300; color: #000000; transition: color 1s ease-in-out!important; -webkit-transition: color 1s ease-in-out!important; -moz-transition: color 1s ease-in-out!important; -o-transition: color 1s ease-in-out!important; } .top-search__form input:-ms-input-placeholder { font-weight: 300; color: #000000; transition: color 1s ease-in-out!important; -webkit-transition: color 1s ease-in-out!important; -moz-transition: color 1s ease-in-out!important; -o-transition: color 1s ease-in-out!important; } .top-search__form input::-moz-placeholder { font-weight: 300; color: #000000; transition: color 1s ease-in-out!important; -webkit-transition: color 1s ease-in-out!important; -moz-transition: color 1s ease-in-out!important; -o-transition: color 1s ease-in-out!important; } .top-search__form input:-moz-placeholder { font-weight: 300; color: #000000; transition: color 1s ease-in-out!important; -webkit-transition: color 1s ease-in-out!important; -moz-transition: color 1s ease-in-out!important; -o-transition: color 1s ease-in-out!important; } .top-search__close { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); z-index: 1; fill: none!important; transition: stroke 1s ease-in-out!important; -webkit-transition: stroke 1s ease-in-out!important; -moz-transition: stroke 1s ease-in-out!important; -o-transition: stroke 1s ease-in-out!important; } .white-text .top-search__form {border-bottom: 1px solid #ffffff;} .white-text .top-search__form input {color: #ffffff;} .white-text .top-search__form input::-webkit-input-placeholder {color: #ffffff;} .white-text .top-search__form input:-ms-input-placeholder {color: #ffffff;} .white-text .top-search__form input::-moz-placeholder {color: #ffffff;} .white-text .top-search__form input:-moz-placeholder {color: #ffffff;} .white-text .top-search__close {stroke: white!important;} @media (max-width:1199px) { .top-search { width: 180px; } } @media (max-width:999px) { .header-top__right { width: 100%; padding-left: 40px; } .header-top_search-open .header-top__center, .header-top_search-open .button-green_conf { display: none; } .top-search { display: flex; width: 100%; margin-right: 30px; } .top-search__form input { font-size: 14px; line-height: 17px; } .header-top__position { margin-right: 0!important; } } .header-top__logo svg, .header-top__position svg, .header-top__search svg{ transition: fill 1s ease-in-out; -webkit-transition: fill 1s ease-in-out; -moz-transition: fill 1s ease-in-out; -o-transition: fill 1s ease-in-out; } .white-text .header-top__phone a, .white-text .header-top__phone span{color: #fff;} .white-text .header-top__logo svg{fill: white!important;} .white-text .header-top__position svg, .white-text .header-top__search svg{fill: white!important;} /*-------------------------------footer--------------------------------------*/ footer{position: relative;background: #333;padding-bottom: 45px;} .footer-top{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 25px 60px 25px 35px; z-index: 2; } .footer-top__phone{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; position: absolute; top: 0; left: 0; right: 0; height: 100px; width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } .footer-top__phone1{margin-right: 40px;} .footer-top__phone a{font-weight: 600;color: #fff;} .footer-top__phone span{display: block;color: #fff;white-space: nowrap;} .footer-info{ padding-top: 100px; padding-bottom: 100px; } .contacts-footer{ max-width: 230px; color: #fff; } .contacts-footer__top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .contacts-footer__metro{ display: flex; align-items: end; justify-content: space-between; } .contacts-footer__metro svg{ margin-right: 10px; } .contacts-footer__address{margin-bottom: 20px;} .contacts-footer__email a{ color: #fff; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .contacts-footer__email a:hover{ color: #79D100; } /*-------------------------------ADAPTIVE--------------------------------------*/ @media (min-width:768px){ .header-top__phone, .footer-top__phone{max-width:620px;padding-right:0;padding-left:0;} } @media (min-width:1200px){ .header-top__phone, .footer-top__phone{max-width:820px} } @media (min-width:1500px){ .header-top__phone, .footer-top__phone{max-width:960px} } @media (min-width:1700px){ .header-top__phone, .footer-top__phone{max-width:1140px} } .header-mobile{ position: relative; display: none; height: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } .header-mobile__logo{ position: relative; z-index: 2; } .header-mobile__phone { position: relative; z-index: 11; } .header-mobile__logo a, .header-mobile__phone a { display: flex; } .header-mobile__phone svg { transition: stroke .4s ease-in-out; -webkit-transition: stroke .4s ease-in-out; -moz-transition: stroke .4s ease-in-out; -o-transition: stroke .4s ease-in-out; } .header-mobile .menu.active ~ .header-mobile__phone svg { stroke: black; } .header-mobile__logo svg{fill: black;} .header-mobile.white-text .header-mobile__logo svg{fill: white;} .header-mobile__phone svg{stroke: black;} .header-mobile.white-text .header-mobile__phone svg{stroke: white;} .header-mobile .menu{ position: relative; width: 20px; height: 16px; cursor: pointer; z-index: 11; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; } .header-mobile .menu.active{height: 20px;} .header-mobile .menu .line{ position: absolute; height: 2px; background: #000; opacity: 1; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; } .header-mobile.white-text .menu .line{background: #fff;} .header-mobile .menu .line:nth-child(1){width: 20px;top: 0;left: 0;} .header-mobile .menu .line:nth-child(2){width: 15px;top: 0;bottom: 0;margin: auto;} .header-mobile .menu .line:nth-child(3){width: 10px;bottom: 0;left: 0;} .header-mobile .menu.active .line{background: #808080!important;} .header-mobile .menu.active .line:nth-child(1){ width: 25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 9px; left: -3px; } .header-mobile .menu.active .line:nth-child(2){ opacity: 0; width: 0; height: 0; } .header-mobile .menu.active .line:nth-child(3){ width: 25px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 8px; left: -3px }; .header-mobile .menu .line, .header-mobile .header-mobile__logo a, .header-mobile .header-mobile__phone a{ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; } /*-------------------------------journal-detail--------------------------------------*/ ul.bold-green-line{padding-left: 130px;} ul.bold-green-line li{ position: relative; list-style-type: none; margin-bottom: 25px; padding: 0; line-height: normal; } ul.bold-green-line li:before{ content: ""; position: absolute; top: 8px; left: -55px; margin: auto; width: 20px; height: 7px; background: #8FDD24; } ul.bold-green-line li p{line-height: normal;} ol.bold-count-right{counter-reset: myCounter;padding-left: 130px;margin-bottom: 40px;} ol.bold-count-right > li{ position: relative; list-style: none; margin-bottom: 25px; padding: 0; } ol.bold-count-right > li:before{ counter-increment: myCounter; content:counter(myCounter); display: block; width: 20px; position: absolute; left: -55px; color: #8FDD24; font-weight: 600; text-align: left; } ol.bold-count-right ul{padding: 0;} ol.bold-count-right ul li{ position: relative; list-style: none; margin-bottom: 10px; padding-left: 35px; } ol.bold-count-right ul li:before{ content: ""; position: absolute; top: 8px; left: 0; margin: auto; width: 10px; height: 5px; background: #8FDD24; } ol.bold-count-right p{margin-bottom: 10px;} .psevdo-steps{ display: flex; flex-wrap: wrap; } .psevdo-steps li{ display: flex; align-items: center; flex: 0 0 50%; max-width: 50%; min-height: 60px; padding-left: 60px; line-height: normal; } .psevdo-steps li:after{ counter-increment: myCounter; content: counter(myCounter); position: absolute; /*top: -12px; left: 0;*/ top: 50%; left: 0; transform: translate(0, -50%); font-family: Styrene A LC; color: #8FDD24; font-size: 50px; font-weight: 900; } .psevdo-steps li:before{ content: "—"; counter-increment: none; position: relative; margin-right: 10px; color: #000; font-weight: 600; } @media (max-width: 767px){ ul.bold-green-line {padding-left: 60px;margin-bottom: 40px;} ul.bold-green-line li:before{left: -40px;} ol.bold-count-right{padding-left: 60px;margin-bottom: 40px;} ol.bold-count-right > li:before{left: -40px;} .psevdo-steps{display: block;} .psevdo-steps li{max-width: unset;} } /*.button-green_conf{ max-width: 170px!important; min-width: 170px!important; padding: 0 20px 0 15px; text-align: left; margin-right: 60px; } .button-green_conf img{ margin-right: 15px; } .button-green_conf-mobile{ display: none; max-width: 170px!important; min-width: 170px!important; height: 50px!important; padding: 0 20px 0 15px; text-align: left; margin-bottom: 40px; } .button-green_conf-mobile img{ margin-right: 15px; } .button-green_conf-mobile span{ font-size: 14px!important; line-height: normal!important; } @media (max-width: 1499px){ .button-green_conf{ max-width: 150px!important; min-width: 150px!important; margin-right: 30px; } .button-green_conf img{ width: 30px; margin-right: 10px; } } @media (max-width: 999px){ .button-green_conf{ max-width: 120px!important; min-width: 120px!important; padding: 0 10px 0 10px; margin-right: 20px; } .button-green_conf img{display: none;} } @media (max-width: 767px){ .button-green_conf{display: none;} .button-green_conf-mobile{display: inline-flex;} }*/ .button-green_conf{ max-width: 220px!important; min-width: 200px!important; padding: 0 20px 0 15px; text-align: left; margin-right: 60px; } .button-green_conf img{ margin-right: 15px; } .button-green_conf-mobile{ display: none; max-width: 220px!important; min-width: 200px!important; height: 50px!important; padding: 0 20px 0 15px; text-align: left; margin-bottom: 40px; } .button-green_conf-mobile img{ margin-right: 15px; } .button-green_conf-mobile span{ font-size: 14px!important; line-height: normal!important; } @media (max-width: 1499px){ .button-green_conf{ max-width: 190px!important; min-width: 170px!important; margin-right: 30px; } .button-green_conf img{ width: 30px; margin-right: 10px; } } @media (max-width: 999px){ .button-green_conf{ max-width: 140px!important; min-width: 120px!important; padding: 0 10px 0 10px; margin-right: 20px; } .button-green_conf img{display: none;} .button-green_conf span{font-size: 10px!important;} } @media (max-width: 767px){ .button-green_conf{display: none;} .button-green_conf-mobile{display: inline-flex;} } /*.button-green_conf{ max-width: 165px!important; min-width: 165px!important; padding: 0 20px 0 10px; text-align: left; margin-right: 30px; } .button-green_conf .button-green_conf-icon{ margin-right: 10px; } .button-green_conf span { } .button-green_conf-mobile{ display: none; max-width: 165px!important; min-width: 165px!important; height: 50px!important; padding: 0 20px 0 10px; text-align: left; margin-bottom: 40px; } .button-green_conf-mobile .button-green_conf-mobile-icon{ margin-right: 10px; } .button-green_conf-mobile span{ font-size: 14px!important; line-height: normal!important; } @media (max-width: 1499px){ .button-green_conf{ max-width: 145px!important; min-width: 145px!important; margin-right: 30px; } .button-green_conf .button-green_conf-icon{ width: 30px; margin-right: 10px; } } @media (max-width: 999px){ .button-green_conf{ margin-right: 15px; } } @media (max-width: 767px){ .button-green_conf{display: none;} .button-green_conf-mobile{display: inline-flex;} }*/ /* End */ /* Start:/local/templates/eco_green/css/responsive.css?16936552826761*/ @media (max-width: 1499px){ body { font-size: 14px; } h1, h2, .title { font-size: 40px; line-height: 48px; margin-bottom: 40px; } .subtitle { font-size: 35px; line-height: 42px; margin-bottom: 40px; } .h2-light, .subtitle2 { font-size: 30px; line-height: 36px; margin-bottom: 20px; } .lg-text{font-size: 16px;line-height: 19px;} .md-text{font-size: 14px;line-height: 17px;} .sm-text{font-size: 12px;line-height: 14px;} h3, .h3 { font-size: 18px; line-height: 22px; } h4, .h4 { font-size: 16px; line-height: 19px; } p { line-height: 23px; margin-bottom: 20px; } .text-block{margin-bottom: 40px;} .grey-block, .services-form{background: #f4f4f4;margin-bottom: 40px;padding: 40px 0;width: 100%;} .indent{margin-bottom: 40px;} .m-b-25{margin-bottom: 20px!important;} .m-b-80{margin-bottom: 70px!important;} ol, ul{line-height: 23px;margin-bottom: 20px;} ul.bold-green-line, .warning-block{margin-bottom: 40px;} hr{margin-bottom: 20px;} hr.full-line{margin-bottom: 40px;} .img-responsive{width: 100%;} } @media (max-width: 767px){ h1, h2, .title { font-size: 30px; line-height: 36px; margin-bottom: 55px; } .subtitle { font-size: 25px; line-height: 30px; margin-bottom: 55px; } .h2-light, .subtitle2 { font-size: 20px; line-height: 24px; margin-bottom: 15px; } p { line-height: 17px; margin-bottom: 15px; } .text-block{margin-bottom: 55px;} .grey-block, .services-form{background: #f4f4f4;margin-bottom: 55px;padding: 55px 0;width: 100%;} .indent{margin-bottom: 55px;} ol, ul{line-height: 17px;margin-bottom: 15px;} ul.bold-green-line, .warning-block{margin-bottom: 55px;} .m-b-25{margin-bottom: 15px!important;} .m-b-80{margin-bottom: 60px!important;} hr{margin-bottom: 15px;} hr.full-line{margin-bottom: 55px;} } @media (max-width: 1499px){ .button { height: 40px; font-size: 12px; line-height: 14px; } .button-link2 .icon-link{margin-right: 15px;} .button, .button span{font-size: 12px;line-height: 14px;} .button-link2{font-size: 12px;line-height: 14px;} .button-filter, .filters__title, .filters__item{font-size: 12px;line-height: 14px;} .wrap-table{overflow: auto;} } @media (max-width: 767px){ /*.button, .button span{font-size: 11px;line-height: 13px;} .button-link2{font-size: 11px;line-height: 13px;} .button-filter, .filters__title, .filters__item{font-size: 11px;line-height: 13px;}*/ } @media (max-width: 1499px){ body{margin-left: 90px;} .left-line, .psevdo-left-line{width: 90px;} .psevdo-left-line .menu{top: 20px;width: 30px;height: 20px;} .psevdo-left-line .menu .line{ position: absolute; text-align: left; height: 3px; background: #000; opacity: 1; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; } .psevdo-left-line .menu .line:nth-child(1){width: 30px;} .psevdo-left-line .menu .line:nth-child(2){width: 20px;} .psevdo-left-line .menu .line:nth-child(3){width: 10px;} .psevdo-left-line .menu.active .line:nth-child(1){width: 30px;transform: rotate(45deg);top: 10px;} .psevdo-left-line .menu.active .line:nth-child(2){opacity: 0;} .psevdo-left-line .menu.active .line:nth-child(3){width: 30px;transform: rotate(-45deg);bottom: 7px;} /*.psevdo-left-line .bot-icon .social svg{transform: scale(0.9);}*/ .left-links{bottom: 90px;width: 90px;} .header-top{ height: 60px; padding: 15px 70px 15px 0px; } .header-top__logo a{display: flex;align-items: center;height: 30px;} .header-top__phone{height: 60px;} .header-top__phone1{margin-right: 30px;} /*.header-top__position{margin-right: 50px;}*/ .header-top__position{margin-right: 30px;} .header-top__logo svg, .footer-top__logo svg {transform: scale(0.7);} /*.header-top__position svg, .header-top__search svg,*/ footer{padding-bottom: 0;} .footer-top{padding: 15px 70px 15px 0px;} .footer-top__logo a{display: flex;align-items: center;height: 30px;} .footer-top__phone{height: 60px;} .footer-top__phone1{margin-right: 30px;} .footer-top__position{margin-right: 50px;} .contacts-footer{max-width: 200px;} } @media (max-width: 1199px){ .header-top{padding: 15px 30px 15px 0px;} .footer-menu{margin-bottom: 100px;} } @media (max-width: 999px){ .header-top{ padding: 15px 0; max-width: calc(620px + 20px); left: -10px; margin: auto; } .header-top__center{flex: auto;padding-left: 15px;} .header-top__phone{position: relative;height: 30px;} .footer-top{ padding: 15px 0 15px; max-width: calc(620px + 20px); left: -10px; margin: auto; } .footer-top__phone{position: relative;height: 30px;} .footer-top__center{flex: auto;padding-left: 15px;} } @media (max-width: 767px){ body{margin-left: 0;} .header-top{display: none;} .left-line, .psevdo-left-line{display: none;} /*.w100{width: calc(100% + 40px)!important;margin: 0 -20px;}*/ .header-mobile{display: flex;} .footer-top{padding: 15px 20px 15px;max-width: unset;left: 0;} .footer-top__left{display: none;} .footer-top__center{flex: auto;padding-left: 0;} .footer-top__phone{position: relative;padding: 0;height: auto;} .footer-info{ padding-top: 75px; padding-bottom: 75px; } .footer-menu{margin-bottom: 75px;} .img-right, .img-left{max-width: 100%;float: none;margin: 0 0 25px;} .owl-1item .owl-stage-outer{margin: 0 -20px;padding: 0 30px;} .owl-1item .owl-stage{padding-left: 20px!important;padding-right: 20px!important;} .owl-2item .owl-stage-outer{margin: 0 -20px;padding: 0 30px;} .owl-2item .owl-stage{padding-left: 20px!important;padding-right: 20px!important;} .owl-3item .owl-stage-outer{margin: 0 -20px;padding: 0 30px;} .owl-3item .owl-stage{padding-left: 20px!important;padding-right: 20px!important;} } /* End */ /* Start:/local/templates/eco_green/css/swiper.min.css?169365528213681*/ /** * Swiper 6.3.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 20, 2020 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/eco_green/css/jquery.fancybox.min.css?169365528112795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* /local/templates/eco_green/css/bootstrap-grid.min.css?169365528112300 */ /* /local/templates/eco_green/components/bitrix/menu/new2/style.css?169365531418065 */ /* /local/templates/eco_green/components/bitrix/news.detail/banner/style.css?16936553152238 */ /* /local/templates/eco_green/components/bitrix/breadcrumb/breadcrumbs/style.css?1693655310422 */ /* /local/templates/eco_green/components/bitrix/menu/footer/style.css?1693655312463 */ /* /local/templates/eco_green/components/bitrix/news.list/city-choice/style.css?16936553195426 */ /* /local/components/services/form.result.new/templates/feedback/style.css?16936552965060 */ /* /local/templates/eco_green/styles.css?169365527626327 */ /* /local/templates/eco_green/template_styles.css?169365527639355 */ /* /local/templates/eco_green/css/responsive.css?16936552826761 */ /* /local/templates/eco_green/css/swiper.min.css?169365528213681 */ /* /local/templates/eco_green/css/jquery.fancybox.min.css?169365528112795 */