*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box;}
* {-webkit-transition: .3s all;transition: .3s all;}
*:focus {outline: none;}
body, html{margin: 0;padding: 0;}
.area
 {
    background-color: #fff;
}
*::-webkit-input-placeholder {color: #fff;opacity: 1;font-weight: 300;}
*:-moz-placeholder {color: #fff;opacity: 1;font-weight: 300;}
*::-moz-placeholder {color: #fff;opacity: 1;font-weight: 300;}
*:-ms-input-placeholder {color: #fff;opacity: 1;font-weight: 300;}
body input:focus:required:invalid,body textarea:focus:required:invalid {	border: 1px solid red;}
/* body input:required:valid,body textarea:required:valid {	} */
html.js .loader {background: none repeat scroll 0 0 #ffffff; bottom: 0; height: 100%; left: 0; position: fixed;	right: 0; top: 0; width: 100%; z-index: 9999;}
html.js .loader_inner {background-image: url("/office/img/preloader.gif");background-size: cover;background-repeat: no-repeat; background-position: center center; background-color: #fff; height: 60px; width: 60px;margin-top: -30px;margin-left: -30px;left: 50%;top: 50%;position: absolute;}
body *{font-family: ProximaNova; color: #fff; text-decoration: none;}
body {font-size: 18px;min-width: 320px;position: relative;line-height: 1.6;overflow-x: hidden;}
form {position: relative;}
.relative{position: relative;}
.hidebar {position: absolute;	width: 240px;	height: 40px;	background: #f7f7f7;	bottom: 0;	right: 16px;}
.stop-scroll{overflow-y: hidden;}
.mobile__btn {display: none;width: 50px;height: 48px;position: fixed; right: 20px; top: 40px; cursor: pointer;}
.mobile__menu {display: none;position: fixed;top: 25px;right: 20px;width: 285px;background: #fff;display: none;z-index: 9998;padding: 60px 25px 0px;text-align: left;  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);background: #fff url(/office/img/logo.svg) no-repeat top center; background-size: 50%;}
.mobile__menu a {width: 100%;display: block;font-size: 22px;font-weight: 300;color: #000;text-shadow: none;border-bottom: 1px solid #eee;height: 50px;line-height: 50px;}
.mobile__btn.rotate > .mobile__btn-line:nth-child(1){opacity: 0;}
.mobile__btn.rotate > .mobile__btn-line:nth-child(2){-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mobile__btn.rotate > .mobile__btn-line:nth-child(3){-webkit-transform: rotate(-45deg)  translate(9px,-9px);transform: rotate(-45deg)  translate(9px,-9px);}
.sending{display: none; position: absolute; width: 100%; height: 100%; background: #fff url(/office/img/preloader.gif) center center no-repeat; opacity: 0.3; border-radius: 15px;background-size: 80px;}
.sendok{display: none;position: absolute;width: 100%;height: 100%;background-color: #fff;-webkit-box-shadow: 0px 0px 5px yellow;box-shadow: 0px 0px 5px yellow;}
.sendok h2{color: green; text-align: center;position: absolute;left: 50%;top: 25%;width: 100%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} 
.sendok p{position: absolute;color: #000;text-align: center;width: 100%;bottom: 20%;}
.sendok a{color: green;font-weight:700;text-decoration:underline;}
.sendok a:hover{color:blue}
.modal {display: none;position: fixed;z-index: 3;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe; margin: 15% auto; padding: 20px; border: 4px solid #888; max-width: 760px;-webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
.modal-content *{color: #000;}
.modal h3{font-size: 35px;line-height: 40px;text-transform: uppercase;padding-bottom: 35px;text-decoration: underline;text-align: center;}
.modal h4{font-size: 21px;line-height: 30px;padding-bottom: 15px;font-weight: 300;text-align: center;}
.modal form{text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.modal input{color: #fff;width: 200px;height: 40px;border-radius: 20px;padding: 0 20px;-webkit-appearance: none;-moz-appearance: none;appearance:none;border: 0;margin-bottom: 20px;line-height: 40px;}
.modal input[type="phone"]{background-color: #888;}
.modal input[type="email"]{background-color: #888;}
.modal input[type="submit"]{cursor: pointer;font-size: 17px;text-align: center;}
.modal input[type="submit"]:hover{background-color: #f9dd79;}
.modal .close {color: #aaa;float: right;font-size: 28px;font-weight: bold;line-height: 28px;}
.modal .close:hover, .modal .close:focus {color: black; text-decoration: none;cursor: pointer;}
.green-block{display: none;}
.btn-bg{background-color: #f6c100;background-color: #f6c100;color: #ffffff;width: 221px;padding: 11px;border-radius: 5px;} // фон для кнопки
a{color: #fff;text-decoration: none;outline: none;}
ul{list-style: none;margin: 0;padding: 0;}
li, li *{font-style: normal !important;}
h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0;}
.hidden {display: none;}
section, footer{padding: 70px 0;}
.header{background: url(/office/img/header_back.jpg) no-repeat center top;background-size: cover;height: 100vh;min-height: 635px;position:relative;}
.header .wrapper{padding: 20px 0 15px;}
.wrapper{max-width: 1170px;margin: 0 auto;float:none}
.header_wrapper{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;}
.header_left, .header_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;}
.header_left *, .header_right *{font-size: 19px; line-height: 1.263;}
.work_time{margin-left: 55px;position: relative;}
.work_time:before{content: '';position: absolute;background: url(/office/img/clock.svg) no-repeat center center;background-size: 17px;width: 17px;height: 17px;left: -27px;top: 2px;}
.phone{margin-right: 0px;text-decoration: none;}
.callback{border-radius: 15px;padding: 0px 12px;height: 30px;line-height: 34px;}
.callback:hover{background-color: #f9dd79;}
.address, .callback{text-transform: uppercase;}
.address{position: relative; color: #fafafa;font-size: 19px;font-weight: 300;line-height: 24px;margin-left: 25px;}
.address:before{content: '';position: absolute;background: url(/office/img/geo.svg) no-repeat center center;background-size: 17px;width: 17px;height: 17px;left: -27px;top: 1px;}
.header_line{width: 100%;height: 1px;opacity: 0.17;background-color: white;margin: 0;}
.top_slide{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
nav{width: 67%;padding-bottom: 170px;height: 77px;/*line-height: 77px;*/}
.menu{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0;}
.menu li a{text-transform: uppercase;font-size: 19px;line-height: 24px;}
.menu li a:hover{color: #86bc42;}
.title-block{padding-top: 0px;width: 65%;text-transform: uppercase;}
.title-block h1{font-size: 60px; line-height: 65px;}
.title-block h2{font-size: 30px;}
.title-block b{color: #6cb35b;}
.title-block .sub-title{padding: 30px 0; font-size: 18px; font-weight: 300; line-height: 24px; text-transform: uppercase; letter-spacing: 2px;width: 80%;}
.main_slide{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 100vh;align-items: center;}
.main-group{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;text-align: center;width: 85%;}
.main-group__items{position: relative;-webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;text-transform: none;font-size: 20px;}
.main-group__items p{margin-top: 8px;line-height: 20px;}
.main_form{max-width: 393px;background-color: rgba(134, 188, 66,0.31); border-radius: 40px;padding:40px 35px;text-align: center;}
.main_form h3{font-size: 28px;line-height: 46px;text-transform: uppercase;padding-bottom: 10px;}
.main_form p {font-size: 18px;}
.main_form ul{text-align: left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom: 40px;}
.main_form ul li{position: relative;margin-left: 60px;margin-top: 15px;font-size: 19px;line-height: 20px;}
.main_form ul li:before{content: '';position: absolute;background: url(/office/img/star.svg) no-repeat center center;background-size: 38px;width: 35px;height: 35px;left: -45px;top: 0px;}
.main-group__items-bg{width: 100px;height: 100px;margin: 0 auto;}
.main_form input {width: 275px;height: 40px;color: #fff;border-radius: 20px;padding: 0 20px;-webkit-appearance: none;-moz-appearance: none;appearance:none;border: 0;margin-bottom: 15px;line-height: 40px;}
.main_form input[type="phone"]{background-color: rgba(255,255,255,0.3);font-size: 17px;font-weight: 300;text-align: center;}
.main_form input[type="submit"]{cursor: pointer;padding: 0;text-transform: uppercase;font-size: 16px;}
.main_form input[type="submit"]:hover{background-color: #f9dd79;}
.main_form input[type="submit"]:active{-webkit-transform: scale(0.98);transform: scale(0.98);}
li:nth-child(1) .main-group__items-bg{background: url(/office/img/main-item1.png) no-repeat center center; background-size: 38px;}
li:nth-child(2) .main-group__items-bg{background: url(/office/img/main-item2.png) no-repeat center center; background-size: 38px;}
li:nth-child(3) .main-group__items-bg{background: url(/office/img/main-item3.png) no-repeat center center; background-size: 38px;}
.services{background: -webkit-gradient(linear, left top, right top, from(#303030),color-stop(50%, #303030), color-stop(50%, #6cb35b),to(#6cb35b));background: linear-gradient(to right, #303030,#303030 50%, #6cb35b 50%,#6cb35b 100%);}
.services .wrapper{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;min-height: 600px;position: relative;}
.services h3{font-size: 47px;line-height: 47px;font-weight: 700;text-transform: uppercase; position: absolute;text-align: center;z-index: 1;}
.services p {padding-bottom: 20px;font-weight: 300;}
.services span{font-size: 16px;width: 50%;padding-top: 50px;font-weight: 300;display: block; position: absolute;bottom: 0;height: 220px;}
.services span b{font-size: 60px;display: block;line-height: 67px;font-weight: 900;}
.dark-side{width: 50%;padding-top: 140px;padding-right: 40px;position: relative;}
.dark-side img{position: absolute; right: 40px;bottom: -70px;}
.light-side{width: 50%;padding-top: 140px;padding-left: 70px;position: relative;}
.light-side img{position: absolute; right: 0px;bottom: -70px;}
.analog{min-height: 730px;padding-top: 0;
background: url(/office/img/leaf4.png), url(/office/img/leaf5.png);
background-position: 0 80px, 98% bottom;
background-repeat: no-repeat;
}
.analog *{color: #263539;}
.analog b{color: #6cb35b;}
.analog .table {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-ms-flex-line-pack: center;align-content: center;padding-top: 80px;}
.analog .td1{width: 55%;-ms-align-self: center;align-self: center;}
.analog .td2{width: 39%;}
.analog .td2 .td2-border{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;background: url(/office/img/border.png) no-repeat top center;width: 507px;min-height: 497px;margin: 0 auto;}
.analog .td2 iframe{-ms-align-self: center;align-self: center;}
.analog ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row; -ms-flex-pack: distribute; justify-content: space-between;-ms-flex-line-pack: center;align-content: center;height: 100%;}
.analog ul li{text-align: center;position: relative;min-height: 145px;margin-top: 20px;}
.analog h4 {font-size: 50px;line-height: 40px;font-weight: 800;padding: 30px 0;text-transform: uppercase;}
.analog h4 b {font-weight: 800;}
.analog p {font-size: 32px;line-height: 38px;font-weight: 400;padding-top: 30px;text-transform: uppercase;}
.analog_list{width: 150px;height: 150px; vertical-align: bottom; display: table-cell;}
.green-line{width: 200px;height: 2px; background: #6cb35b;position: relative;}
.change{min-height: 670px;overflow: hidden;position: relative;}
.change .wrapper{position: relative;}
.change h3{color: #25363a;font-size: 50px;font-weight: 700;text-transform: uppercase;}
.change p{color: #000;font-size: 20px;font-weight: 300;padding-top: 20px;width: 73%;}
.change_bottom-title{padding-top: 50px;text-align: right;padding-right: 100px;}
.change_bottom-desc{text-align: right;float: right;padding-right: 100px;}
.change_clock{position: absolute;left: -400px;bottom: -260px;}
.change_tree{position: absolute;right: -390px;top: -70px;}
.greeny {position: relative;overflow: hidden;height: 500px;background: url(/office/img/banner-1.jpg) no-repeat; background-size: cover;}
.img-bg-1 {position: absolute;z-index: 1;top: 0;left: 50%;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.img-bg-2 {position: absolute;z-index: 3;top: 0;left: 50%;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.banner-1-wrapper {position: relative;z-index: 2;width: 100%;height: 380px;max-width: 1170px;padding: 60px;text-align: center;color: #fff;border: 5px solid #d7e3d0;background-color: #0000;overflow:hidden}
.banner-1-wrapper::before {
    position: absolute;
    content: "";
    width: 20%;
    height: 77%;
    background: url(/office/img/45454.webp) no-repeat right;
    background-size: contain;
    right: 25px;
    bottom: -72px;
    transform: rotate(348deg);
    opacity: .9;
	filter:hue-rotate(45deg);
}
.greeny .title{color: white;font-size: 66px;font-weight: 700;}
.banner-1-wrapper h2, .banner-1-wrapper p, .banner-1-wrapper form{position:relative;}
h2.title.bn0
 {
    font-size: 40px;
    text-transform: uppercase;
}
.greeny .description {color: #d4dfd1;font-size: 18px;font-weight: 400;line-height: 24px;text-transform: uppercase;width: 75%;margin: 0 auto;}
.greeny input {width: 210px;height: 40px;color: #fff;border-radius: 20px;padding: 0 20px;-webkit-appearance: none;-moz-appearance: none;appearance:none;border: 0;margin: 20px 20px 0;line-height: 40px;}
.greeny input[type="phone"]{background-color: rgba(255,255,255,0.3);font-size: 18px;text-align: center;}
.greeny input[type="submit"]{cursor: pointer;padding: 0;text-transform: uppercase;font-size: 16px;margin-bottom: 10px;}
.greeny input[type="submit"]:hover{background-color: #f9dd79;}
.greeny input[type="submit"]:active{-webkit-transform: scale(0.98);transform: scale(0.98);}
.digits{min-height: 700px; color:#000;position: relative;z-index: 1;overflow: hidden;
background: url(/office/img/leaf6.png), url(/office/img/leaf7.png);
background-position: 0 0px, 100% bottom;
background-repeat: no-repeat;
}
.digits .wrapper{position: relative;}
/*514 522*/
.digits .lamp{position: absolute; width: 514px; height: 522px;background: url(/office/img/lamp.png) no-repeat 100% 100%; right: -10%; bottom: -10%;}
.digits h3{font-size: 50px;font-weight: 700;text-transform: uppercase;color: #26363a;}
.digits h3 b{color: #6cb35b;}
.digits ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 400px;margin-top: 20px;width: 75%;}
.digits ul li{height: 130px;width: 49%;display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 5px;}
.digits .counter {color: #c5c5c5;font-size: 67px;line-height: 67px;font-weight: 700;margin: 0 17px;width: 80px;text-align: right;}
.digits_item {-webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;padding-right: 50px;padding-top: 5px;}
.digits_item h4{color: #464646;font-size: 18px;font-weight: 300;line-height: 30px;text-align: left;}
.digits_item p{color: #7d7d7d;font-size: 12px;font-weight: 300;line-height: 17px;text-align: left;}
.digits li:hover{background-color: white;-webkit-box-shadow: -6.8px 13.4px 41.9px 4.1px rgba(192, 205, 211, 0.56);box-shadow: -6.8px 13.4px 41.9px 4.1px rgba(192, 205, 211, 0.56);z-index: 2;}
.digits li:hover .counter{color: #acd373;}
.digits li:hover h4{font-weight: 400; transition: 0s all;}
.digits li:hover .digits_item{padding-top: 5px;}
.application{background-color: #6cb35b;min-height: 400px;padding: 50px 0;-webkit-box-shadow: -3.2px 6.2px 29px rgba(0, 0, 0, 0.3);box-shadow: -3.2px 6.2px 29px rgba(0, 0, 0, 0.3);}
.application .wrapper{position: relative;}
.application h3{width: 65%;font-size: 45px;font-weight: 700;line-height: 48px;}
.application p{width: 65%;font-size: 25px;font-weight: 300;line-height: 32px;padding: 20px 0 30px;}
.application a{width: 270px;height: 68px;border: 2px solid #fbfbfb;border-radius: 5px;display: inline-block;font-size: 15px;font-weight: 700;line-height: 16px;padding-top: 10px;margin-right: 50px;}
.application a b{font-size: 31px;font-weight: 700;line-height: 30px;}
.g-load{background: url(/office/img/load1.png) no-repeat 20px center; padding-left: 75px;}
.a-load{background: url(/office/img/load2.png) no-repeat 15px center; padding-left: 75px;}
.application img{position: absolute;right: 35px;top:-165px;}
.list{min-height: 550px;color:#000;}
.list h3{color: #25363a;font-size: 50px;font-weight: 700;text-transform: uppercase;text-align: center;}
.list ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-line-pack: center;align-content: center;padding-top: 70px;}
.list li{width: 23%;}
.list img{display: block;margin: 0 auto;height: 105px;width: auto;}
.list h4{color: #363636;font-size: 20px;line-height: 30px;font-weight: 700;padding-top: 20px;}
.list p{color: #7d7d7d;font-size: 16px;line-height: 20px;font-weight: 300;padding-top: 10px;}
.full-spec{min-height: 550px;color:#000;padding-bottom: 0;
background: url(/office/img/leaf1.png), url(/office/img/leaf3.png);
background-position: 0 60px, 95% bottom;
background-repeat: no-repeat;
}
.full-spec .wrapper{
background: url(/office/img/leaf2.png);
background-position: 94% 20px;
background-repeat: no-repeat;
}
.full-spec h3{color: #25363a;font-size: 50px;font-weight: 700;text-transform: uppercase;text-align: center;}
.full-spec h3 b{color: #86bc42;}
.full-spec .skewline{padding-top: 60px;}
.full-spec .skewline ul {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.full-spec .skewline li{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; -webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.full-spec .skewline li:nth-child(2n){margin-top: -25px;}
.full-spec .skewline li:nth-child(2n) .skewline_desc{margin-top: 25px;}
.full-spec .skewline li:nth-child(3){margin-left: -25px;}
.full-spec .skewline li:nth-child(5){margin-left: -25px;}
.full-spec .skewline_desc{color: #574e54;padding-top: 30px;position: relative;margin-left: 20px;line-height: 22px;font-size:15px;}
.full-spec .skewline_desc:before{content: '';position: absolute;background: url(/office/img/arrow.png) 0 0 no-repeat;width: 48px;height: 127px; margin-left: -65px; top: 46px;}
.full-spec .skewline_desc b{color: #2b1a25;display:block;font-size:17px;min-height:50px;padding-bottom:5px;}
.full-spec .skewline_block{ display: block; overflow: hidden; border: 1px solid #fff; width: 250px; height: 330px; float: left; margin-right: 20px;   -webkit-transform: skewX(-25deg);    -moz-transform: skewX(-25deg);    -ms-transform: skewX(-25deg);    -o-transform: skewX(-25deg);    transform: skewX(-25deg);  transition: all 0.3s;}
.full-spec .skewline_back {    background-size: contain !important;  display: block;  width: 200%;  height: 100%;  margin-left: -110px;    -webkit-transform: skewX(25deg);     -moz-transform: skewX(25deg);     -ms-transform: skewX(25deg);     -o-transform: skewX(25deg);     transform: skewX(25deg);}
.full-spec li:nth-child(1) .skewline_back {background: url(/office/img/skew1.jpg) center center no-repeat;}
.full-spec li:nth-child(2) .skewline_back {background: url(/office/img/skew2.jpg) center center no-repeat;}
.full-spec li:nth-child(3) .skewline_back {background: url(/office/img/IMG_9016.JPG) center center no-repeat;}
.full-spec li:nth-child(4) .skewline_back {background: url(/office/img/skew4.jpg) center center no-repeat;}
.full-spec li:nth-child(5) .skewline_back {background: url(/office/img/skew5.jpg) center center no-repeat;}

.catalog input::-webkit-input-placeholder {color: #000;opacity: 1;font-weight: 300;}
.catalog input:-moz-placeholder {color: #000;opacity: 1;font-weight: 300;}
.catalog input::-moz-placeholder {color: #000;opacity: 1;font-weight: 300;}
.catalog input:-ms-input-placeholder {color: #000;opacity: 1;font-weight: 300;}

.catalog{min-height: 400px;background-color: #e4e4e4;}
.catalog--leaf {
	background-color: #e4e4e4;
	background-image: url(/office/img/leaf1.png), url(/office/img/leaf4.png), url(/office/img/leaf5.png);
	background-position: 0 60px, 0 bottom, 98% center;
	background-repeat: no-repeat;
}
.green-arrow{
	position: absolute;
	width: 149px;
	height: 218px;
	right: -160px;
	top: -70px;
	background-image: url(/office/img/green-arrow.png);
	background-position: center;
	background-repeat: no-repeat;
}
.catalog .wrapper{position: relative;}
.catalog h3{font-size: 45px;font-weight: 700;line-height: 46px;text-transform: uppercase;color: #25363a;}
.catalog h3 b{color: #86bc42;}
.catalog--leaf h3 {padding-bottom: 40px;}
.catalog p{color: black;font-size: 16px;padding: 20px 0;width: 66%;}
.catalog img{position: absolute; left: 0; top: -20px;}
.right-block{width: 50%;float: right;}
.catalog input {width: 180px;height: 40px;color: #000;border-radius: 20px;border-radius: 20px;padding: 0 20px;-webkit-appearance: none;-moz-appearance: none;appearance:none;border: 0;margin-bottom: 20px;line-height: 40px;}
.catalog input[type="phone"]{font-size: 15px;background-color: #fff;text-align: center;}
.catalog input[type="email"]{font-size: 16px;background-color: #fff;}
.catalog input[type="submit"]{cursor: pointer;padding: 0;text-transform: uppercase;font-size: 15px;color:#fff;}
.catalog input[type="submit"]:hover{background-color: #f9dd79;}
.catalog input[type="submit"]:active{-webkit-transform: scale(0.98);transform: scale(0.98);}
.catalog form{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-line-pack: center;align-content: center;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;text-align: center;}
.about{padding: 0 0 170px;}
.about .wrapper{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-line-pack: start;align-content: flex-start;}
.about_text{width: 64%;}
.about_img{width: 33%;padding-top: 60px;background: url(/vertical/img/liana2-min.webp) no-repeat bottom center;background-size: contain;}
.about h3{font-size: 50px;font-weight: 700;line-height: 46px;text-transform: uppercase;color: #26363a;}
.about h3 b{color: #86bc42;}
.about ul {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;padding-top: 60px;}
.about h5{color: #6cb35b;font-size: 49px;font-weight: 700;padding: 0;line-height: 40px;}
.about h6{color: #464646;font-size: 23px;font-weight: 400;padding: 0;line-height: 30px;}
.about p{color: #000;font-size: 26px;font-weight: 300;padding: 30px 0 30px 35px;line-height: 30px;letter-spacing: 2px;position: relative;margin-bottom: 50px;margin-top: 20px;}
.about p:before{content: "";position: absolute; left: 0px; top: 0; width: 4px; height: 100%; background-color: #6cb35b;}
.about span{color: #363636;font-weight: 300;font-size: 20px;text-align: right;float: right;padding-bottom: 40px;}
.about span b{color: #363636;font-size: 25px;font-weight: 300;}
.title-block h1 span {
    font-size: 36px;
}
.cta-buttons {
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
}
.btn { padding: 15px 40px; font-size: 18px; border: none; border-radius: 8px; cursor: pointer; text-decoration: none; display: inline-block; transition: all 0.3s; font-weight: 600; }
        .btn-primary { background: #51b905; color: #fff; }
        .btn-primary:hover { background: #f9dd79; transform: translateY(-2px); }
        .btn-secondary { background: white; color: #86bc42; }
        .btn-secondary:hover { background: #f0f0f0;transform: translateY(-2px); }
.brands{background-color: #f8f8fa;}
.brands .trio{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-shadow: -8.6px 16.9px 70.5px 16.5px rgba(164, 175, 180, 0.56);box-shadow: -8.6px 16.9px 70.5px 16.5px rgba(164, 175, 180, 0.56);margin-top: -240px;}
.brands .trio li{padding: 30px 40px 30px 50px;-webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;}
.brands .trio li:nth-child(1){background-color: #ffffff;}
.brands .trio li:nth-child(2){background-color: #f6f7fb;}
.brands .trio li:nth-child(3){background-color: #252525;}
.brands .trio li:nth-child(3) h4{color: #fff;}
.brands .pics{height: 95px;}
.brands h4{color: black;font-size: 24px;font-weight: 300;line-height: 48px;}
.brands h5{color: #7d7d7d;font-size: 15px;font-weight: 300; line-height: 10px; padding-bottom: 15px;}
.brands p {color: #7d7d7d;font-size: 16px;font-weight: 300; line-height: 18px;}
.brands .logos{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 50px;}
.brands .logos li {-webkit-box-flex: 1;-ms-flex: 1 0 16.66%;flex: 1 0 16.66%; min-height: 150px;margin-top: 10px;}
.brands .logos li {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; /* IE 6-9 */}
.brands .logos li:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -webkit-filter: none; filter: none; /* IE 6-9 */}
.brands .logos li:nth-child(1){background: url(/office/img/01.png) no-repeat center center;}
.brands .logos li:nth-child(2){background: url(/office/img/02.png) no-repeat center center;}
.brands .logos li:nth-child(3){background: url(/office/img/011.png) no-repeat center center;}
.brands .logos li:nth-child(4){background: url(/office/img/010.png) no-repeat center center;}
.brands .logos li:nth-child(5){background: url(/office/img/012.png) no-repeat center center;}
.brands .logos li:nth-child(6){background: url(/office/img/09.png) no-repeat center center;}
.brands .logos li:nth-child(7){background: url(/office/img/03.png) no-repeat center center;}
.brands .logos li:nth-child(8){background: url(/office/img/07.png) no-repeat center center;}
.brands .logos li:nth-child(9){background: url(/office/img/06.png) no-repeat center center;}
.brands .logos li:nth-child(10){background: url(/office/img/08.png) no-repeat center center;}
.brands .logos li:nth-child(11){background: url(/office/img/04.png) no-repeat center center;}
.brands .logos li:nth-child(12){background: url(/office/img/05.png) no-repeat center center;}
.care{background: #6cb35b url(/office/img/care.png) no-repeat; background-position: calc(50% + 390px) center;}
.care .wrapper{position: relative;}
.care h3{font-size: 50px;font-weight: 700;line-height: 26px;text-transform: uppercase;}
.care p{font-size: 19px;font-weight: 300;padding: 40px 0;width: 55%;}
.care ul{list-style: none;padding-bottom: 40px;}
.care ul li{margin-left: 50px;position: relative; font-size: 24px; font-weight: 300;}
.care ul li:before{content:''; left: -50px;top: 8px;width: 22px;height: 22px;position: absolute; background: url(/office/img/leaf.png) no-repeat center center;}
.care #myBtn{width: 230px;height: 51px;border-radius: 20px;display: block;text-align: center;font-size: 20px;font-weight: 400;line-height: 51px; text-transform: uppercase;cursor: pointer;}
.care a:hover{background-color: #f9dd79;}
.gift {overflow: hidden;}
.gift *{color: #26363a;}
.gift .wrapper{position: relative;}
.gift .cell{position: relative; z-index: 1; width: 100%; min-height: 400px; max-width: 1170px; padding: 60px 0 20px; text-align: center; border: 5px solid #26363a;text-align: center;}
.gift .bg1{content: "";position: absolute;top:0%;left: -20px;background: url(/office/img/gift_bg1.png) no-repeat 0 0;width: 175px;height: 300px;z-index: 2; top: 50%; transform: translateY(-50%);}
.gift .bg2{content: "";position: absolute;top:0%;right: -20px;background: url(/office/img/gift_bg2.png) no-repeat 0 0;width: 310px;height: 250px;z-index: 2; top: 56%; transform: translateY(-44%);}
.gift .cell h3{position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); background: #fff;font-size: 50px;line-height: 50px;top:-25px;padding: 0 20px; white-space: nowrap;}
.gift .cell p{font-size: 25px; line-height: 35px; width: 60%; display: block; margin: 0 auto;}
.gift ul{padding: 30px 0; text-align: left; display: block; width: 50%; left: 50%; transform: translateX(-50%); position: relative;}
.gift ul li{margin-left: 50px;position: relative; font-size: 24px; font-weight: 300;}
.gift ul li:before{content:''; left: -50px;top: 4px;width: 28px;height: 28px;position: absolute; background: url(/office/img/gift-li.png) no-repeat center center;}
.gift form{text-align: center;}
.gift input{color: #000;width: 220px;height: 40px;border-radius: 20px;padding: 0 20px;-webkit-appearance: none;-moz-appearance: none;appearance:none;border: 0;margin-bottom: 20px;line-height: 40px;font-size: 18px;}
.gift input[type="phone"]{background-color: #e1e1e1;margin: 0 20px;}
.gift input[type="submit"]{cursor: pointer;font-size: 17px;text-align: center;}
.gift input[type="submit"]:hover{background-color: #f9dd79;}
.gift input::-webkit-input-placeholder {color: #000;opacity: 1;font-weight: 300;font-size: 18px;}
.gift input:-moz-placeholder {color: #000;opacity: 1;font-weight: 300;font-size: 18px;}
.gift input::-moz-placeholder {color: #000;opacity: 1;font-weight: 300;font-size: 18px;}
.gift input:-ms-input-placeholder {color: #000;opacity: 1;font-weight: 300;font-size: 18px;}
.footer{background-color: #12191b;
background-image: url(/office/img/footer-bg1.png), url(/office/img/footer-bg2.png);
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
}
.footer_logo{min-width: 320px;height: 102px;background: url(/office/img/footer-logo.png) no-repeat center center;margin-bottom: 60px;}
.footer h4{color: #c9cfd0;font-size: 20px;font-weight: 400;line-height: 20px;text-transform: uppercase;padding-bottom: 30px;}
.footer_contacts{width: 400px;}
.footer_menu{width: 280px;}
.footer_menu li{padding-bottom: 8px;}
.footer_menu a{font-size: 16px;}
.footer_icons{width: 400px;}
.footer_contacts li{position: relative;padding-bottom: 5px;}
.footer a, .footer li{color: #969c9e;}
.footer_social a:hover {-webkit-box-shadow: inset 0px 0px 5px #fff;box-shadow: inset 0px 0px 5px #fff;}
.footer_items{display: -webkit-box;display: -ms-flexbox;display: flex;}
.footer_items li {flex: 1 1;}
.footer_phone, .footer_email{position: relative;}
.footer_address{font-size: 19px;padding-right: 40px;padding-left: 25px;}
.footer_address:before{content: '';position: absolute;background: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1152 640q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm256 0q0 109-33 179l-364 774q-16 33-47.5 52t-67.5 19-67.5-19-46.5-52l-365-774q-33-70-33-179 0-212 150-362t362-150 362 150 150 362z" fill="#969c9e"/></svg>') no-repeat center center;background-size: 14px;width: 14px;height: 14px;left: auto; top: 5px;margin-left: -25px;}
.footer_phone a{font-size: 19px;font-weight: 300;line-height: 24px;padding-left: 25px;}
.footer_phone:before{content: '';position: absolute;background: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1600 1240q0 27-10 70.5t-21 68.5q-21 50-122 106-94 51-186 51-27 0-53-3.5t-57.5-12.5-47-14.5-55.5-20.5-49-18q-98-35-175-83-127-79-264-216t-216-264q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47-12.5-57.5-3.5-53q0-92 51-186 56-101 106-122 25-11 68.5-21t70.5-10q14 0 21 3 18 6 53 76 11 19 30 54t35 63.5 31 53.5q3 4 17.5 25t21.5 35.5 7 28.5q0 20-28.5 50t-62 55-62 53-28.5 46q0 9 5 22.5t8.5 20.5 14 24 11.5 19q76 137 174 235t235 174q2 1 19 11.5t24 14 20.5 8.5 22.5 5q18 0 46-28.5t53-62 55-62 50-28.5q14 0 28.5 7t35.5 21.5 25 17.5q25 15 53.5 31t63.5 35 54 30q70 35 76 53 3 7 3 21z" fill="#969c9e"/></svg>') no-repeat center center;background-size: 14px;width: 14px;height: 14px;left: auto;top: 8px;margin-left: 0px;}
.footer_email a{font-size: 19px;font-weight: 400;line-height: 30px;padding-left: 25px;}
.footer_email:before{content: '';position: absolute;background: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1664 1504v-768q-32 36-69 66-268 206-426 338-51 43-83 67t-86.5 48.5-102.5 24.5h-2q-48 0-102.5-24.5t-86.5-48.5-83-67q-158-132-426-338-37-30-69-66v768q0 13 9.5 22.5t22.5 9.5h1472q13 0 22.5-9.5t9.5-22.5zm0-1051v-24.5l-.5-13-3-12.5-5.5-9-9-7.5-14-2.5h-1472q-13 0-22.5 9.5t-9.5 22.5q0 168 147 284 193 152 401 317 6 5 35 29.5t46 37.5 44.5 31.5 50.5 27.5 43 9h2q20 0 43-9t50.5-27.5 44.5-31.5 46-37.5 35-29.5q208-165 401-317 54-43 100.5-115.5t46.5-131.5zm128-37v1088q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-1088q0-66 47-113t113-47h1472q66 0 113 47t47 113z" fill="#969c9e"/></svg>') no-repeat center center;background-size: 14px;width: 14px;height: 14px;left: auto;top: 8px;margin-left: 0px;}
.footer_social {display: -webkit-box;display: -ms-flexbox;display: flex;}
.footer_social li {-webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;}
.footer_social .facebook{width: 44px;height: 44px;border: 1px solid #fff; border-radius: 50%;line-height: 44px;background: url(/office/img/facebook.svg) no-repeat center center;display: block;background-size: 30px;}
.footer_social .twitter{width: 44px;height: 44px;border: 1px solid #fff; border-radius: 50%;line-height: 44px;background: url(/office/img/twitter.svg) no-repeat center center;display: block;background-size: 30px;}
.footer_social .pinterest{width: 44px;height: 44px;border: 1px solid #fff; border-radius: 50%;line-height: 44px;background: url(/office/img/pinterest.svg) no-repeat center center;display: block;background-size: 30px;}
.footer_social .google{width: 44px;height: 44px;border: 1px solid #fff; border-radius: 50%;line-height: 44px;background: url(/office/img/google.svg) no-repeat center center;display: block;background-size: 30px;}
.footer_social .linkedin{width: 44px;height: 44px;border: 1px solid #fff; border-radius: 50%;line-height: 44px;background: url(/office/img/linkedin.svg) no-repeat center center;display: block;background-size: 30px;}
.footer_agreement{text-align: center; color: #969c9e;}
.footer_agreement a{text-decoration: underline;}
.agreement_description{font-size: 12px;display: block;}
.agreement_description a{border-bottom: 1px dashed; cursor: pointer;}
.agreement_description.abs{flex: none;width: 100%;color: black;}
.agreement_description.abs a{color: #000;}
.editor {width: 100%;height: 300px;overflow-y: scroll;border: 1px solid #ccc;padding: 15px;}
.cs-hidden {height: 1px;opacity: 0;filter: alpha(opacity=0);overflow: hidden;}
.item-a {width:390px; height: 400px; vertical-align: top; text-align: center;position: relative;display: table;}
.item-b {width:390px; height: 400px; vertical-align: top; text-align: center;position: relative;display: table;}
.item-c {width:390px; height: 400px; vertical-align: top; text-align: center;position: relative;display: table;}
.item-d {width:390px; height: 400px; vertical-align: top; text-align: center;position: relative;display: table;}
.item-e {width:390px; height: 400px; vertical-align: top; text-align: center;position: relative;display: table;}
.slider-item{display: table-cell;vertical-align: middle;}
.reviews{background: url(/office/img/reviews.jpg) no-repeat center center; background-size: cover;}
.reviews h3{color: white;font-size: 50px;font-weight: 700;line-height: 24px;text-transform: uppercase;padding-bottom: 60px;text-align: center;}
.reviews h5 {color: white;font-size: 13px;font-weight: 400;text-transform: uppercase;}
.reviews p {color: white;font-size: 12px;font-weight: 400;line-height: 26px; width: 270px; margin: 0 auto;}
.exp{background: url(/office/img/exp-bg.jpg) no-repeat center center; background-color: #000; -webkit-transition: background-image 0.5s ease-out; transition: background-image 0.5s ease-out;overflow: hidden;background-size: cover;}
.exp h3{color: white;font-size: 50px;font-weight: 700;text-transform: uppercase;text-align: center;padding-bottom: 60px;}
.exp-tabs-content{display: -webkit-box;display: -ms-flexbox;display: flex;}
.exp-left{max-width: 100%;flex: 1;}
.exp-right{padding-left: 60px;flex: 1;}
.exp-right h4{color: white;font-size: 26px;font-weight: 300;line-height: 35px;padding-bottom: 30px;}
.exp-right p{color: white;font-size: 18px;font-weight: 300;padding-bottom: 50px;line-height: 32px;}
.exp-right span{color: white;font-size: 18px;font-weight: 300;text-transform: uppercase;}
.tabs{height: 600px;position: relative;}
.tabs__caption{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: space-around;-ms-flex-pack: space-around;justify-content: space-around;padding-bottom: 10px;border-bottom: 1px solid #fff;margin: 0 auto 40px;}
.tabs__caption li{font-size: 18px;line-height: 24px;color: white;font-weight: 300;cursor: pointer;}
.tabs__caption li.active{color: #86bc42;font-weight: 400;position: relative;}
.tabs__caption li.active:before{content: "";width: 75%;height: 3px;background-color: #86bc42;position: absolute;left: 50%;bottom:-11px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.tabs__content {  z-index: 1; opacity: 0; position: absolute;height: 100%;}
.tabs__content.active {  z-index: 2; opacity: 1;}
.tabs__control{position: absolute;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);top:50%;z-index: 2;}
.tabs-prev{-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 40px;height: 40px;content: "";background: url('data:image/svg+xml;charset=UTF-8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z" fill="#fff"/></svg>') no-repeat 2px center; background-size: 30px; position: absolute;left: -70px;top: 50%;cursor: pointer;opacity: .5;border:1px solid #fff; border-radius: 50%; margin:10px;}
.tabs-next{-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 40px;height: 40px;content: "";background: url('data:image/svg+xml;charset=UTF-8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z" fill="#fff"/></svg>') no-repeat 6px center; background-size: 30px; position: absolute;right: -70px;top: 50%;cursor: pointer;opacity: .5;border:1px solid #fff; border-radius: 50%; margin:10px;}
.tabs-prev:hover{opacity: 1;background-color: #fff;background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z" fill="#70a41e"/></svg>');}
.tabs-next:hover{opacity: 1;background-color: #fff;background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z" fill="#70a41e"/></svg>');}
.slider-circles{position: absolute;top: 50%;left: 50%;width: 81%;height: 79%;margin: 0 auto;-webkit-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0);}
.circles{position: absolute;top: 50px;left: 50%;width: 80px;height: 80px;margin: 0 auto;-webkit-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0);}
.circle {position: absolute;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;border: 1px solid transparent;border-radius: 92% 110% 132% 88%;}
.circle:nth-child(1) {-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: spin1 6s linear infinite;animation: spin1 6s linear infinite;border-color: #c7c7c7;}
.circle:nth-child(2) {-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: spin2 6s linear infinite;animation: spin2 6s linear infinite;border-color: #c7c7c7;}
.circle:nth-child(3) {-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: spin3 6s linear infinite;animation: spin3 6s linear infinite;border-color: #c7c7c7;}
.circle:nth-child(4) {-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: spin4 6s linear infinite;animation: spin4 6s linear infinite;border-color: #c7c7c7;}
@-webkit-keyframes spin1 {0% {-webkit-transform: rotate(0);transform: rotate(0);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spin1 {0% {-webkit-transform: rotate(0);transform: rotate(0);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes spin2 {0% {-webkit-transform: rotate(72deg);transform: rotate(72deg);} 100% {-webkit-transform: rotate(-288deg);transform: rotate(-288deg);}}
@keyframes spin2 {0% {-webkit-transform: rotate(72deg);transform: rotate(72deg);} 100% {-webkit-transform: rotate(-288deg);transform: rotate(-288deg);}}
@-webkit-keyframes spin3 {0% {-webkit-transform: rotate(-144deg);transform: rotate(-144deg);} 100% {-webkit-transform: rotate(216deg);transform: rotate(216deg);}}
@keyframes spin3 {0% {-webkit-transform: rotate(-144deg);transform: rotate(-144deg);} 100% {-webkit-transform: rotate(216deg);transform: rotate(216deg);}}
@-webkit-keyframes spin4 {0% {-webkit-transform: rotate(216deg);transform: rotate(216deg);} 100% {-webkit-transform: rotate(-144deg);transform: rotate(-144deg);}}
@keyframes spin4 {0% {-webkit-transform: rotate(216deg);transform: rotate(216deg);} 100% {-webkit-transform: rotate(-144deg);transform: rotate(-144deg);}}
.faq-section * {color: #222;}
.faq {
    padding: 20px 0;
}
.faq details {
    cursor: pointer;
    border: 4px solid #cbf1cd57;
    margin: 2px 0;
    line-height: 40px;
    padding: 0 15px;
    position: relative;
	border-radius: 10px;
}
.faq details i {
    position: absolute;
    right: 15px;
    top: 10px;
    transition: transform 0.3s ease;
}
.faq details[open] i {
      transform: rotate(180deg); /* Поворачиваем иконку при открытии */
    }
.faq details i::before
 {
    color: #9ad19f;
}
.reply {
    background: #f9f9f9;
    padding: 10px;
    border-top: 4px solid #74df8b;
    color: #777;
    font-size: 13px;
}
summary::marker {
  content: "";
}
.faq-section h3
 {
    color: #26363a;
    text-transform: uppercase;
    font-size: 40px;
	text-align:center;
}
.full-spec h4
 {
    color: #25363a;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
}
.sub-title span {
    background: #6cb35b54;
    display: block;
    padding: 10px;
    border-radius: 15px;
    font-size: 20px;
    margin-left: -10px;
}
       .mega {
            background: white;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            position:fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            transition: all 0.3s ease;
			padding:0;
			margin:0;
        }

        .header-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
		

        /* Logo */
        .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .logo-text {
            font-size: 18px;
            font-weight: 600;
            color: #2c3e50;
            letter-spacing: 2px;
        }

        .logo-icon {
            font-size: 32px;
            font-style: italic;
            font-weight: 300;
            color: #7cb342;
            margin: 0 3px;
        }

        /* Navigation */
        nav {
            display: flex;
            align-items: center;
			justify-content:end;
            gap: 35px;
			padding-bottom:0!important;
        }

        nav > a, .nav-item > a {
            text-decoration: none;
            color: #2c3e50;
            font-size: 14px;
            transition: color 0.3s;
            white-space: nowrap;
			position:relative;
			display:block;
        }

        nav > a:hover, .nav-item > a:hover {
            color: #000;
        }
nav > a::before, .nav-item > a::before
 {
    position: absolute;
    content: "";
    height: 2px;
    background: #000;
    transition: all .3s ease;
    width: 0;
    bottom: 0;
}
nav > a:hover::before, .nav-item > a:hover::before {
    width: 100%;
}
.mega a.phone span {
    color: #339966;
    text-decoration: underline;
    font-size: large;
}
.mega a.phone span:hover{
text-decoration:none}


        /* Dropdown */
        .nav-item {
            position: relative;
			margin:-5px 0 0;
        }

        .dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            background: white;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            min-width: 240px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            margin-top: 25px;
        }

        .nav-item:hover .dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .dropdown a {
            display: block;
            padding: 12px 20px;
            color: #2c3e50;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.3s;
            border-bottom: 1px solid #f0f0f0;
        }

        .dropdown a:last-child {
            border-bottom: none;
        }

        .dropdown a:hover {
            background: #f8f8f8;
            color: #7cb342;
            padding-left: 25px;
        }

        /* Phone */
        .phone {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #7cb342;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            white-space: nowrap;
        }

        .phone-icon {
            font-size: 18px;
        }

        /* Mobile menu toggle */
        .menu-toggle {
            display: none;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
            padding: 5px;
        }

        .menu-toggle span {
            width: 25px;
            height: 3px;
            background: #2c3e50;
            transition: all 0.3s;
        }

        .menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(8px, 8px);
        }

        .menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(7px, -7px);
        }


        /* Mobile styles */
        @media (max-width: 768px) {
            .menu-toggle {
                display: flex;
            }

            nav {
                position: fixed;
                top: 70px;
                left: 0;
                right: 0;
                background: white;
                flex-direction: column;
                gap: 0;
                padding: 0;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
                box-shadow: 0 5px 10px rgba(0,0,0,0.1);
            }

            nav.active {
                max-height: 600px;
                overflow-y: auto;
            }

            nav > a, .nav-item {
                width: 100%;
            }

            nav > a {
                padding: 15px 20px;
                border-bottom: 1px solid #f0f0f0;
            }

            .nav-item > a {
                padding: 15px 20px;
                display: block;
                border-bottom: 1px solid #f0f0f0;
            }

            .dropdown {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: none;
                box-shadow: none;
                margin-top: 0;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
            }

            .nav-item.active .dropdown {
                max-height: 400px;
            }

            .dropdown a {
                padding-left: 40px;
                background: #f8f8f8;
            }

            .dropdown a:hover {
                padding-left: 45px;
            }

            .phone {
                display: none;
            }

            .header-container {
                padding: 15px 20px;
            }
        }

        @media (max-width: 480px) {
            .logo-text {
                font-size: 14px;
            }

            .logo-icon {
                font-size: 24px;
            }
        }
		.pdf-right .container {
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            padding: 40px;
            max-width: 500px;
            width: 100%;
			margin-top:20px;
        }
       .pdf-right .form-group {
            margin-bottom: 25px;
        }
	form#downloadForm {
    background: #f3f9f6;
    padding: 10px;
    border-radius: 10px;
}

        .pdf-right label {
            display: block;
            color: #555;
            font-weight: 600;
            margin-bottom: 8px;
            font-size: 14px;
        }

        .pdf-right input {
            width: 100%;
            padding: 12px 15px;
            border: 2px solid #e0e0e0;
            border-radius: 10px;
            font-size: 16px;
            transition: all 0.3s;
        }

        .pdf-right input:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }

        .pdf-right button {
            width: 100%;
            padding: 14px;
            background: linear-gradient(135deg, #86bc42 0%, #37a77f 100%);
            color: white;
            border: none;
            border-radius: 10px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .pdf-right button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
        }

        .pdf-right button:active {
            transform: translateY(0);
        }

        .pdf-right .download-section {
            display: none;
            animation: fadeIn 0.5s;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .pdf-right .success-message {
            background: #d4edda;
            color: #155724;
            padding: 15px;
            border-radius: 10px;
            margin-bottom: 25px;
            text-align: center;
            border: 1px solid #c3e6cb;
        }

        .pdf-right .pdf-item {
            display: flex;
            align-items: center;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 10px;
            margin-bottom: 15px;
            transition: all 0.3s;
            cursor: pointer;
        }

        .pdf-right .pdf-item:hover {
            background: #e9ecef;
            transform: translateX(5px);
        }

        .pdf-right .pdf-icon {
            width: 40px;
            height: 40px;
            background: #dc3545;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            margin-right: 15px;
        }

        .pdf-right .pdf-info {
            flex: 1;
        }

        .pdf-right .pdf-title {
            font-weight: 600;
            color: #333;
            margin-bottom: 3px;
        }

        .pdf-right .pdf-size {
            font-size: 12px;
            color: #777;
        }

        .pdf-right .download-icon {
            color: #667eea;
            font-size: 20px;
        }

        .pdf-right .hidden {
            
		display: none;
        }		
.button-cta.btn-green {
    width: fit-content;
    text-align: center;
    margin: auto;
}		
.btn-green:hover a{color:#fff}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom:0;
}
.brands ul li:hover
 {
    transform: none;
}
.player *{color: #26363a;}	
.player h3{
	color: #25363a;
    font-size: 47px;
    font-weight: 700;
    text-transform: uppercase;
	text-align:center;
	padding-bottom: 30px;
}	
.player h3 b{
	color: #86bc42;
}
.video-box {
    display: flex;
    justify-content: space-between;
}
.box-left
 {
    width: 60%;
}
.box-right
 {
    width: 40%;
}
.box-left .table
 {
    padding: 20px 50px 0 20px;
	background: url(/office/img/border.png) no-repeat top center;
	min-height:530px;
}
.player-desc p {
    font-weight: 600;
    color: #000;
    font-size: 20px;
}
.player-desc cite {
    font-size: 17px;
    background: #f9f9f9;
    padding: 10px;
    display: block;
    color: #a9a9a9;
    border-radius: 10px;
    border-left: 3px solid #50ae6c;
    margin: 10px 0;
}
.player-desc em,
.player-desc em b
 {
    color: #999;
    font-style: normal;
}

.pdf-right p
 {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0;
}
.pdf-right h5
 {
    color: #86bc42;
	font-size: 18px;
}
.pdf-right li
 {
    font-size: 13px;
    font-style: italic!important;
    background: #f7f7f7;
    border-radius: 10px;
    margin: 5px 0;
    padding: 5px;
    box-shadow: 0 1px 3px #0000001c;
}
.player-desc {
    margin: 25px 0 0;
}
.card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 24px;
            padding: 40px;
            max-width: 100%;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
            animation: fadeIn 0.6s ease-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }		
 .facts h3 {
    font-size: 50px;
    font-weight: 700;
    line-height: 49px;
    text-transform: uppercase;
    text-align: center;
	margin-bottom:40px;
	    color: #26363a;
        }
	.facts h3 b {
    color: #6cb35b;
}	

      .card .features {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }

        .card .feature {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 28px 20px;
            background: linear-gradient(135deg, #f6f8fb 0%, #ffffff 100%);
            border-radius: 16px;
            border-top: 4px solid #48bb78;
            transition: all 0.3s ease;
            animation: slideIn 0.5s ease-out backwards;
        }

        .card .feature:nth-child(1) { animation-delay: 0.1s; }
        .card .feature:nth-child(2) { animation-delay: 0.2s; }
        .card .feature:nth-child(3) { animation-delay: 0.3s; }
        .card .feature:nth-child(4) { animation-delay: 0.4s; }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateX(-20px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        .card .feature:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 28px rgba(72, 187, 120, 0.25);
        }

        .card .icon {
            font-size: 40px;
            margin-bottom: 16px;
            color: #6cb35b!important;
            flex-shrink: 0;
            line-height: 1;
        }
		
		.card .icon i {
            color: #6cb35b
		}

        .card .feature-content {
            flex: 1;
        }

        .card .feature-title {
            color: #2d3748;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 6px;
        }

        .card .feature-description {
            color: #4a5568;
            font-size: 14px;
            line-height: 1.6;
        }

        @media (max-width: 640px) {
            .card {
                padding: 28px;
            }

           .facts h3 {
                font-size: 26px;
            }

            .card .features {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .card .feature {
                padding: 24px 16px;
            }

            .card .icon {
                font-size: 36px;
            }
        }

        @media (min-width: 641px) and (max-width: 1024px) {
            .card .features {
                grid-template-columns: repeat(2, 1fr);
            }
        }		
footer {
            background: #000;
            color: #999;
            padding: 60px 20px 30px;
        }

        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-column h3 {
            color: white;
            font-size: 23px;
            margin-bottom: 25px;
            font-weight: 600;
        }

        .footer-column ul {
            list-style: none;
        }

        .footer-column ul li {
            margin-bottom: 12px;
        }

        .footer-column ul li a {
            color: #b0b0b0;
            text-decoration: underline;
            font-size: 18px;
            transition: color 0.3s;
        }

        .footer-column ul li a:hover {
            color: #7cb342;
			text-decoration:none;
        }

        .footer-logo {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
        }

        .footer-logo-text {
            font-size: 16px;
            font-weight: 600;
            color: white;
            letter-spacing: 2px;
        }

        .footer-logo-icon {
            font-size: 28px;
            font-style: italic;
            font-weight: 300;
            color: white;
            margin: 0 3px;
        }

        .footer-info p {
            margin-bottom: 15px;
            font-size: 18px;
            line-height: 1.6;
			color:#999;
        }

        .footer-info a {
            color: #b0b0b0;
            text-decoration: underline;
            transition: color 0.3s;
        }

        .footer-info a:hover {
            color: #7cb342;
			text-decoration:none;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 20px;
        }

        .contact-icon {
            font-size: 18px;
            color: #7cb342;
            margin-top: 2px;
        }

        .contact-text {
            font-size: 17px;
            line-height: 1.6;
			    color: #999;
        }

        .contact-text a {
            color: #b0b0b0;
			font-weight:bold;
            text-decoration: underline;
        }

        .contact-text a:hover {
            color: #7cb342;
			text-decoration:none;
        }

        .vacancy-item {
            padding: 15px;
            margin-bottom: 15px;
            transition: background 0.3s;
        }

        .vacancy-item:hover {
            background: rgba(255, 255, 255, 0.08);
        }

        .vacancy-item p {
            font-size: 17px;
            margin-bottom: 8px;
			color:#999;
        }

        a.vacancy {
            color: #999;
            font-size: 18px;
            text-decoration: underline;
        }

        a.vacancy:hover {
            text-decoration: none;
        }
.tg-chat {
    position: fixed;
    bottom: 150px;
    right: -160px;
    background: #fff url(/wp-content/themes/lgrn/images/telegram.png) no-repeat left center;
    height: 55px;
    width: 220px;
    border-radius: 30px 0 0 30px;
    transition: all .3s ease;
    opacity: .8;
    z-index: 10;
}
.tg-chat a {
    display: block;
    height: 50px;
    font-size: 13px;
    padding: 0 10px 0 60px;
    line-height: 50px;
    text-decoration: none;
    color: #0675a3;
    font-weight: bold;
}

        @media (max-width: 968px) {
            .footer-container {
                grid-template-columns: 1fr 1fr;
                gap: 30px;
            }
        }

        @media (max-width: 600px) {
            .footer-container {
                grid-template-columns: 1fr;
            }

            footer {
                padding: 40px 20px 20px;
            }
        }
@media only screen and (max-width:1550px){
	.full-spec .skewline{transform: scale(.85);}
	.green-arrow{background-size: 100px auto; width: 100px;right: -110px;}
}
@media only screen and (max-width:1355px){
	.care{overflow: hidden;}
	.full-spec .skewline{transform: scale(.75);margin-left: -70px;}
}
@media only screen and (max-width:1300px){
	.tabs {width: 90%;margin: 0 auto;}
	.exp-right {padding-left: 40px;}
	.analog .td1{width: 50%;}
	.analog .td2{width: 45%;}
	.footer{background-size: 150px;}
	.green-arrow{background-size: 70px auto; width: 70px;right: -50px; top: -120px;}
	.catalog--leaf{background-size: 9%, 6%, 5%;}	
}
@media only screen and (max-width:1200px){
	.wrapper{margin: 0 20px;}
	.services h3{font-size: 35px;}
	.dark-side img, .light-side img{width: 35%;}
	.change_clock {left: -200px;bottom: -250px;width: 300px;}
	.change_tree {opacity: 0.2;}
	.change{min-height: 520px;}
	.change h3{font-size: 35px;line-height: 44px;}
	.change p{width: 95%;padding-right: 0;font-size: 18px;line-height: 22px;}
	.change_bottom-title{padding-top: 40px;padding-right: 0;}
	.digits ul{width: 100%;}
    .digits .lamp {right: -19%; opacity: 0.1;z-index: 0;}
	.digits .counter{font-size: 57px;width: 70px;}
	.digits_item{padding-right: 30px;}
	.digits_item h4{font-size: 18px;}
	.digits_item p{line-height: 16px;}
	.application img {right: 0;top: 0px;height: 100%;}
	.list h3{font-size: 35px;line-height: 45px;}
	.list h4{font-size: 18px;line-height: 25px;text-align: center;}
	.list p{font-size: 15px;line-height: 17px;text-align: center;}
	.exp h3{font-size: 35px;line-height: 45px;padding-bottom: 40px;}
	.exp-right h4{font-size: 28px;line-height: 35px;}
	.exp-right span {font-size: 15px;line-height: 20px;}
	.exp-right p {font-size: 15px;line-height: 26px;padding-bottom: 40px;}
	.exp-left{/* max-width: 400px; */}
	.exp-left img{width: 100%;}
	.tabs{height: 510px;}
	.catalog img{width: 35%;}
	.right-block{width: 60%;}
	.catalog form{-webkit-box-pack: space-around;-ms-flex-pack: space-around;justify-content: space-around;}
	.catalog input{width: 30%;}
	.catalog h3{font-size: 35px;line-height: 40px;}
	.about{padding: 50px 0;}
    .about ul{padding-top: 80px;}
	.about h3{font-size: 35px;line-height: 40px;}
	.about h4{font-size: 16px;}
	.about p {font-size: 20px;line-height: 26px;}
	.brands .trio{margin-top: -140px;}
	.brands .logos li{background-size: 80% !important;}
	.brands .logos{padding-top: 30px;}
	.care{background-size: 55%;}
	.care h3{font-size: 35px;}
	.care p{font-size: 18px;}
	.care ul li{font-size: 20px;}
	.care #myBtn{margin: 0 auto;}
	.reviews h3{font-size: 35px;line-height: 40px;}
	.reviews h5{font-size: 12px;}
	.reviews p{font-size: 13px;}
}
@media only screen and (max-width:1170px){
	.full-spec{background-position: -130px 60px, 100% bottom;}
	.full-spec .wrapper{background-position: 100% 20px;}
	.full-spec .skewline{transform: none;}
	.skewline{margin-left: 110px;}
	.full-spec .skewline_desc{margin-left: 150px;}
	.full-spec .skewline li{margin: 30px auto !important;}
	.full-spec .skewline ul{-webkit-flex-direction: column;	-moz-flex-direction: column;	-ms-flex-direction: column;	-o-flex-direction: column;	flex-direction: column;}
	.full-spec .skewline li{-webkit-flex-direction: row;	-moz-flex-direction: row;	-ms-flex-direction: row;	-o-flex-direction: row;	flex-direction: row;}
	.digits{ background-position: 0 0px, 105% bottom; }

}
@media only screen and (max-width:1140px){
	.green-arrow {display: none;}
	.title-block h1{font-size: 35px;}
	.title-block h2{font-size: 25px;}
	.full-spec h3{font-size: 35px;line-height: 40px;}
	.title-block .sub-title{font-size: 15px;}
    .analog {min-height: 610px;}
    .analog p {text-align: center;}
    .analog .table{flex-direction: column; align-items: center;padding-top: 20px;}
    .analog .td1{width: 100%;}
    .analog .td2{width: 100%;margin-top: 20px;}
	.analog h3{font-size: 35px;line-height: 40px;}
	.analog h4 {font-size: 30px; line-height: 30px; padding-bottom: 10px;text-align: center;}
    .analog ul {justify-content: space-around;}
    .greeny{height: auto;}
    .greeny .title{font-size: 40px;}
    .greeny .description{font-size: 16px;}
    .digits h3{font-size: 40px;text-align: center;}
    .application h3 {font-size: 35px;line-height: 38px;}
    .application p {font-size: 20px;line-height: 30px;}
    .application a{width: 240px;margin-right: 30px;}
    .application a b{font-size: 20px;}
    .about h3 {text-align: center;position: absolute;width: 80%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
    .about h4{line-height: 20px;}
	.about h5{font-size: 39px;}
    .about h6{font-size: 20px;line-height: 24px;padding-top: 10px;}
	.about p {line-height: 21px;}
	.about span{font-size: 18px;}
	.about span b{font-size: 21px;}
    .gift .cell h3{font-size: 35px;}
    .gift .cell p {font-size: 21px; line-height: 32px;}
    .gift ul li{font-size: 20px;}
    .gift .bg2{right: -70px;}
    .brands h4{font-size: 20px;}
	.brands p{font-size: 15px;line-height: 17px;}
	.brands .trio li{padding: 30px;}
}
@media only screen and (max-width:992px){
	section, footer{padding: 50px 0;}
    .main_form h3{font-size: 25px;line-height: 35px;}
	.services span b {font-size: 40px;}
	.services p{font-size: 16px;}
	.services span{font-size: 16px;padding-top: 30px;}
	.services .wrapper{min-height: 570px;}
    .list ul{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .list li{width: 48%;padding-bottom: 30px;}
    .exp-right span{display: none;}
    .exp-left{/* max-width: 450px; */}
    .exp-left img{width: 100%;}
    .tabs-prev{left: -60px;}
    .tabs-next{right: -60px;}
    .tabs {height: 530px;}
    .catalog img{left: -15%;opacity: 0.3;}
    .right-block {width: 75%;}
    .about p {line-height: 18px;font-size: 16px;}
    .trio img {width: auto; height: 60px;}
    .brands .pics {height: 60px;}
    .brands .logos li{min-height: 120px;}
    .footer h4{font-size: 17px;padding-bottom: 25px;}
}
@media only screen and (max-width:970px){
	.hidebar{width: 200px;}
}
@media only screen and (max-width:900px){
	.tabs__caption{display: none;}
	.tabs {height: 460px;}
	.exp-right h4{text-align: center;}
}
@media only screen and (max-width:820px){
	.header{height: auto !important;}
	.header_left *, .header_right *{font-size: 14px;}
	.header_wrapper, .header_left{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.wrapper.top_slide {padding: 10px 0 0;}
	.work_time {margin-left: 27px;padding-bottom: 20px;}
	.work_time:before{top:0px;}
	.top_slide{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	.phone {font-size: 20px !important;}
	nav{display: none;}
	.mobile__btn {display: block;z-index: 9999;}
	.mobile__btn-line {width: 80%;height: 4px;background: #add16f;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;margin: 9px auto;border-radius: 5px;-webkit-transition: 0.3s all;transition: 0.3s all;opacity: 1;}
	.main_slide{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.main_form{margin-bottom: 40px;}
	.title-block {width: 100%;text-align: center;padding-top: 120px;}
	.title-block .sub-title{padding: 30px 0;letter-spacing: normal;width: 90%;margin: auto;}
	.main-group{width: 100%;padding-bottom: 40px;}
	.services {background:  #303030;padding-bottom: 0;}
	.services h3{position: static;}
	.services span{position: static;}
	.services .wrapper{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0;margin: 0;}
	.services h3{padding-left: 20px;padding-right: 20px;}
	.dark-side, .light-side{width: 100%;padding-top: 40px;padding-left: 20px;padding-right: 20px;overflow: hidden;}
	.dark-side img, .light-side img{bottom: 0;width: 30%;}
	.light-side{padding-top: 50px;background: #6cb35b;}
	.about p {line-height: 15px;font-size: 14px;}
	.exp-tabs-content{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	.exp-right {padding-left: 0;}
	.exp-left{margin: 0 auto;}
	.tabs{height: 680px;}
    .about h5{font-size: 25px;}
    .about h6{font-size: 15px;line-height: 17px;}
    .gift .cell p{width: 80%;}
    .gift ul{width: 60%;}
    .gift .bg1 {left: -20px; z-index: -1; opacity: 0.1;}
    .gift .bg2 {right: -20px; z-index: -1; opacity: 0.1;}
	.cta-buttons {
    position: relative;
    bottom: 0;
    width: 90%;
    text-align: center;
    margin: auto;}
	.btn {
    border-radius: 30px;
	margin: 0 0 10px;
	}
	
}
@media only screen and (max-width:858px) {
	.hidebar {
		width: 100%;
		bottom: 60px;
		right: 0;
		background: #fff;
	}
}
@media only screen and (max-width:790px){
	.digits ul{height: auto;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
	.digits ul li{width: 100%;height: 110px;}
	.digits h3 {font-size: 35px;line-height: 42px;}
	.digits .counter {font-size: 50px;line-height: 62px;}
	.digits { height: auto; background-size: 100px;}
	.catalog{overflow: hidden;}
	.catalog img{width: 100%;opacity: 0.05;left: 0;top: -100px;}
	.right-block{width: 100%;text-align: center;}
	.catalog p{width: 100%;padding: 40px 0;}
	.catalog{min-height: 330px;}
	.about p{margin-bottom: 0;}
	.brands h4 {font-size: 18px;}
	.brands h5{font-size: 14px;}
	.brands p {font-size: 14px;line-height: 16px;}
}
@media only screen and (max-width:768px){
	.modal h3{font-size: 25px;line-height: 30px;}
	.full-spec {background-position: -30px 60px, 100% bottom;background-size: 100px, 50px;}
	.full-spec .skewline_block{width: 190px; height: 270px;}
	.full-spec .skewline_desc {margin-left: 110px;}
	.animated{-webkit-transition-property:none !important;transition-property:none !important;-webkit-transform:none !important;transform:none !important;-webkit-animation:none !important;animation:none !important;}
	.greeny .title{font-size: 45px;line-height: 55px;}
	.greeny .description{font-size: 15px;}
	.banner-1-wrapper{height: auto;padding: 50px;}
	.application{overflow: hidden;}
	.application h3, .application p{width: 80%;}
	.application img{right: -20%;-webkit-transform: translateX(-20%);transform: translateX(-20%); opacity: 0.1;}
	.application a {width: 180px;margin-right: 20px;height: 58px;font-size: 12px;}
	.application a b {font-size: 16px;}
	.g-load {padding-left: 40px;background-size: 25px;background-position: 8px center;}
	.a-load {padding-left: 40px;background-size: 25px;background-position: 8px center;}
	.list h3 {font-size: 25px;line-height: 25px;}
	.list ul{padding-top: 50px;}
	.list img{height: 85px;}
	.catalog h3 {font-size: 25px;line-height: 30px;}
	.about{padding: 40px 0 70px;}
	.about h3{font-size: 25px;line-height: 30px;}
	.about h4 {line-height: 17px;font-size: 14px;}
	.about_img{width: 35%;}
	.about span {font-size: 16px;}
	.about span b {font-size: 18px;}
	.brands .trio {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.brands .pics {width: 30%;float: left;text-align: left;}
	.brands h4 {font-size: 18px;line-height: 18px;float: right;width: 70%;text-align: right;}
	.brands h5 {margin-top: 5px;line-height: 14px;float: right;width: 70%;text-align: right;}
	.brands p {width: 100%;float: left;margin-top: 20px;}
	.brands .trio li {padding: 20px 30px;}
	.brands .logos li{-webkit-box-flex: 1;-ms-flex: 1 0 25%;flex: 1 0 25%;}
	.care h3{font-size: 25px;text-align: center;}
	.care p{font-size: 17px;width: 75%;}
	.care ul li {font-size: 18px;margin-left: 30px;}
	.care ul li:before{top: 0;left: -30px;}
	.footer	{padding: 30px 0;}
	.footer_logo{background-size: 200px;margin-bottom: 30px;}
	.footer_items{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.footer_contacts, .footer_icons, .footer_menu{width: 100%;text-align: center;margin: 20px 0;}
	.footer_contacts h4{text-align: center;}
	.footer_contacts ul{text-align: center;}
	.footer_address{padding: 0 25px 10px 25px;}
	.footer_menu ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around;}
	.footer_social {-ms-flex-pack: distribute;justify-content: space-around;}
	.footer_social li {-webkit-box-flex: 0;-ms-flex: 0 0;flex: 0 0;}
	.reviews h3{font-size: 25px;line-height: 30px;}
	.reviews h5{font-size: 12px;}
	.reviews p{font-size: 13px;}
	.exp-left{max-width: 500px;}
    .gift .cell h3 {font-size: 25px;}
    .gift ul {width: 80%;}
    .gift ul li {font-size: 17px;margin-left: 0;}
    .gift ul li:before {width: 18px;height: 18px;background-size: 18px auto !important;left: -30px;}
    .gift .cell p {font-size: 18px;line-height: 26px;width: 90%;}
    /* .gift .bg1 {left: -140px;}
    .gift .bg2 {right: -230px;} */
	.video-box {
    display: flex;
    flex-direction: column;
}
.box-left,.box-right {
    width: 90%;
    margin: auto;
}
.box-left .table {
    padding: 20px;
    background: url(/office/img/border.png) no-repeat top center;
    min-height: 530px;
    background-size: contain;
}
.box-left .table video{
	width:100%;
	object-fit:cover;
}
.player-desc p,.player-desc i {
    color: #fff;
}
.player-desc cite {
    margin: 20px 0;
}
section.digits .wrapper h4 {
    color: #222;
    text-align: center;
    font-size: larger;
}
.digits .wrapper p {
    color: #222;
    text-align: center;
}
.digits .digits_item h4
 {
        font-size: 18px!important;
        text-align: left!important;
}
.digits_item p{text-align: left!important;}
}
@media only screen and (max-width:767px) {
	    .wrapper
 {
        margin: 0;
        height: auto;
        padding-top: 120px;
        max-width: 100%;
        overflow: hidden;
    }
	.hidebar {display: none;}
	.marquiz__container_inline{
		flex-direction: column;
	}
	.green-block.cat1{
		background: url(/office/img/cat1.png), linear-gradient(331deg, rgb(36, 85, 2), rgb(128, 250, 41));
		background-size: 250px, 100%;
		background-position: 0%, 0%;
		background-repeat: no-repeat;
	}
	.green-block.cat2{
		background: url(/office/img/cat2.png), linear-gradient(331deg, rgb(36, 85, 2), rgb(128, 250, 41));
		background-size: 290px, 100%;
		background-position: 0px -5px, 0%;
		background-repeat: no-repeat;
	}
	.green-block{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 280px;
		height: 100px;
		margin: 0 auto 40px;
		border-radius: 5px;
	}
	.green-block_text {
		margin-right: 10px;
		text-align: right;
		text-transform: uppercase;
		font-size: 16px;
	}
	.bonus__lock-icon {
		position: absolute;
		right: 0;
		top: 0;
		left: unset;
		z-index: 2;
		-webkit-transform: translate(40%,-40%);
		transform: translate(40%,-40%);
		height: 25px!important;
	}
	svg.bonus__lock-icon{
		padding: 0;
		background: #fff;
		fill: #51b905;;
		border: 4px solid #fff;
		border-radius: 50px;
		height: 30px;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,.28);
	}
	.marquiz__container_inline .marquiz__button {
		width: 280px;
		display: block;
		margin: 0 auto;
	}
}
@media only screen and (max-width:700px){
	.about p{padding: 20px;}
	.about h4{padding-bottom: 10px;}
}
@media only screen and (max-width:640px){
	.full-spec .skewline_block {width: 190px;height: 240px; transform: none;}
	.full-spec .skewline_back{margin-left: -140px; transform: none;}
	.catalog form{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.catalog input {width: 320px; margin: 10px auto 20px;}
	.about p{letter-spacing: 0;}
	.care {background-size: 80%;}
}
@media only screen and (max-width:580px){
	.wrapper {
        padding-top:0;
		height: max-content;
        overflow: visible;
	}
	 body .title-block h1 {font-size: 30px; }
	 body .title-block h1 span{    font-size: 30px;}
	.skewline_block{display: none !important;}
	.full-spec{padding-bottom: 60px;}
	.full-spec .skewline{padding-top: 0px;}
	.full-spec .skewline li {
        margin: 0px auto !important;
        width: 90%;
    }
	.full-spec .skewline_desc {
        margin-left: 100px;
        width: calc(100% - 100px);
    }
	.full-spec .skewline li:nth-child(2n) .skewline_desc{margin-top: 0;}
	.modal-content {margin: 25% auto;}
	.main-group__items p{font-size: 14px;}
	.title-block h1 {font-size: 22px;line-height: 26px;}
	.title-block h2 {font-size: 18px;line-height: 22px;}
	.services h3{font-size: 24px;line-height: 28px;}
	.services p, .services span{font-size: 14px;line-height: 16px;}
	.services span{padding-top: 0;width: 62%;height: 180px;}
    .analog {min-height: 500px;padding-bottom: 0px;}
    .analog h3{font-size: 22px;line-height: 26px;}
    .analog h4{font-size: 22px;line-height: 26px;padding: 0;}
	.analog p{font-size: 18px;line-height: 23px;}
	.change h3{font-size: 22px;line-height: 26px;}
	.change p{font-size: 14px;line-height: 16px;}
	.analog .td2 .td2-border{width: 90%;background-size: 90%;background-position: center center; min-height: 300px;}
	.change_clock {left: -140px;bottom: -130px;width: 200px;opacity: 0.2;}
	.change {min-height: 0;}
	.greeny .title{font-size: 35px;line-height: 45px;}
	.greeny .description{font-size: 14px;width: 95%;}
	.banner-1-wrapper{height: auto;padding: 40px 20px;}
	.digits h3{font-size: 25px;line-height: 30px;}
	.digits .counter {font-size: 40px;line-height: 56px;width: 40px;}
	.digits ul li {height: auto;padding-bottom: 10px;}
	.application{text-align: center;}
	.application h3{font-size: 25px;line-height: 30px;width: 100%;}
	.application p{font-size: 18px;width: 100%;}
	.application a{margin: 10px;width: 220px;font-size: 14px;line-height: 12px;}
	.application a b {font-size: 20px;}
	.g-load {padding-left: 50px;background-size: 35px;background-position: 11px center;}
	.a-load {padding-left: 50px;background-size: 35px;background-position: 11px center;}
	.application img {right: 50%;-webkit-transform: translateX(50%);transform: translateX(50%);opacity: 0.05;}
	.about h4{line-height: 16px;}
	.about p{padding: 10px 0px 10px 20px;line-height: 13px;margin-bottom: 10px;}
	.about h4 {position: absolute;padding-top: 50px;padding-right: 20px;}
	.about_img{display: none;}
	.about_text {width: 90%; margin:auto;}
    .reviews{display: none;}
	.about span{padding-bottom: 0;}
	.brands .trio {margin-top: -100px;}
	.brands .logos li {min-height: 80px;}
	.exp h3{font-size: 25px;line-height: 35px;padding-bottom: 30px;}
	.exp-right h4 {font-size: 21px;line-height: 26px;}
	.tabs-prev {left: -45px;}
	.tabs-next {right: -45px;}
	.exp-left{width: 320px;}
	.tabs {height: 570px;}
    .gift .cell h3 {font-size: 22px;line-height: 35px;padding-bottom: 20px;}
    .gift input[type="phone"]{margin-bottom: 20px;}
    .gift .bg1{display: none;}
    .gift .bg2{right: -120px;opacity: 0.5;}
    .footer{background-position: -10% 0, 110% 0;}
}
@media only screen and (max-width:480px){
	.main-group__items p {font-size: 13px;}
	.analog ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.analog h3{font-size: 20px;line-height: 22px;}
	.analog h4{font-size: 20px;}
	.analog ul li{min-height: 190px;    flex: 1 0;}
    .analog_list {display: flex; align-items: center; width: 100%; justify-content: center;}
	.change h3{font-size: 17px;line-height: 24px;}
	.change p{font-size: 14px;line-height: 16px;}
    .greeny .title {font-size: 22px;line-height: 35px;}
	.list li{width: 100%;padding-bottom: 30px;}
	.list h3{font-size: 20px; line-height: 20px;}
	.catalog h3{font-size: 20px; line-height: 20px;width: 80%;margin: 0 auto;}
	.catalog p{padding: 30px 0;font-size: 15px;width: 80%;margin: 0 auto;}
	.about h3{font-size: 20px;line-height: 20px;}
	.brands .pics{height: 50px;}
	.brands .pics img{height: 45px;}
	.brands h4{font-size: 16px;}
	.brands p{margin-top: 5px;}
	.care{background-image: none;}
	.care h3{font-size: 20px;line-height: 20px;}
	.care p{width: 100%;}
	.footer{background-position: -30% 20px, 130% 20px;}
	.footer_logo {min-width: 280px;height: 82px;}
	.footer_contacts li{font-size: 16px;}
	.footer_menu ul{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.exp-left{width: 280px;}
	.tabs {height: 530px;}
}
@media only screen and (max-width:375px){
	.modal h3{font-size: 20px;}
	.main-group__items p{font-size: 16px;}
	.main-group {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.main-group__items{margin-bottom: 20px;}
	.header .wrapper {padding: 40px 0 35px;}
	.header_left{display: none;}
	.mobile__btn{top:28px;}
	.mobile__menu {top: 5px;right: 5px; width: 310px;}
	.main_form input{width: 245px;}
	.greeny {height: 600px;}
	.greeny .description{width: 100%;}
	.brands .wrapper{margin: 0;}
	.brands .trio li{padding: 20px;}
	.brands .pics img {height: 36px;}
	.brands .logos{margin: 0 10px;}
	.about h4{line-height: 18px;}
	.about p {line-height: 18px;}
    .about h6 {font-size: 12px;line-height: 15px;padding-top: 0;}
	.catalog input {width: 260px;}
	.care ul li {font-size: 15px;line-height: 30px;}
	.care #myBtn {height: 43px;font-size: 17px;line-height: 43px;}
	/* .reviews .lslide.active{margin-left: 10px;} */
	.exp-left{width: 250px;}
    .gift .cell h3 {position: static;white-space: normal;left: 0;transform: none;margin: 0;}
    .gift .cell{padding-top: 20px;}
    .gift ul {width: 60%;}
    .gift ul li {font-size: 14px;}
    .gift .cell p {font-size: 16px;line-height: 22px;}
    .analog ul li {min-height: 160px;}
}
@media only screen and (max-width:340px){
	body, html{overflow: hidden;}
}

.btn-green{
    border-radius: 4px;
    background-color: rgb(108, 179, 91);
    color: #ffffff;
    width: 221px;
    padding: 11px;
}

.link-cls {
    text-decoration: none;
}