/* Makeup by Mulection Special for NIRBEN Skype: best.vlad | mulection */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap'); * {margin:0;padding:0;} html,body,td,table,tr,input,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} input,textarea{outline:none;font-family:'Montserrat', sans-serif;} input[type=submit],button{cursor:pointer;} html,body{height:100%;} ol,ul{list-style:none} img{border:none;} .clear{clear:both;height:0;font-size:1px;line-height:0px;} a{transition:all 0.3s ease 0s;} a:active{transition:all 0.1s ease 0s;} a:link{color:#766e5f;text-decoration:underline;} a:visited{color:#a29784;text-decoration:underline;} a:hover,a:active,a:focus{text-decoration:none;} html,body{font-family:'Montserrat', sans-serif;font-size:16px;color:#333;font-weight:400;line-height:24px;} input,textarea,button{} body{} .title{color:#000;} * html #content{height:100%;} #content{position:relative;min-height:100%;} .cb:after{content:'';display:block;clear:both;} .uah:after{content:' грн';} .btnRed, a.btnRed{position:relative;z-index:2;background:transparent;color:#fff;text-decoration:none;} .btnRed:visited, a.btnRed:visited{color:#fff;text-decoration:none;} .btnRed:active, a.btnRed:active{text-decoration:underline;} .btnRed:hover, a.btnRed:hover{background:transparent;} button.btn{border:none;background:none;width:99%;margin:0 auto;box-sizing:border-box;} .btn, a.btn{display:block;height:48px;font-size:13px;font-weight:600;text-decoration:none;text-transform:uppercase;text-align:center;line-height:48px;position:relative;letter-spacing:1.5px;transition:all 0.3s ease 0s;padding:0;} .btn:hover{font-size:14px;} .btn:active{font-size:12px;} .btn:before, .btnRed:before, a.btnRed:before{content:'';display:block;position:absolute;z-index:0;bottom:0;height:100%;width:100%;transform:skewX(-10deg);border-radius:6px;box-shadow:none;transition:all 0.3s ease-in-out;box-sizing:border-box;} .btnRed:before, a.btnRed:before{z-index:-1;left:-1%;} .btn:hover:before{box-shadow:0 0 17px rgba(0,0,0,.3);} .btn:after{content:'';display:block;position:absolute;overflow:hidden;opacity:0;} .btn.blue:hover:after{animation-duration:.6s;animation-name:blick;} .btn span{display:block;position:relative;z-index:3;} .btn.blue, a.btn.blue{color:#fff;} .btn.blue:before, .btnRed:before, a.btnRed:before{background:#073a93;} .btn.blue:after{background:linear-gradient(to left, transparent 0%, rgba(255,255,255,.8) 50%, transparent 100%);height:100%;width:38px;top:0;left:-38px;transform:skewX(-45deg);transition:none;} .btn.border, a.btn.border{color:#073a93;} .btn.border:before{z-index:3;border:3px solid #073a93;} .btn.border:after{background:rgba(255,255,255,.4);transform:skewX(-10deg);} .btn.border:hover:after{animation-duration:.5s;animation-name:boom;} .btn.border.black, a.btn.border.black{color:#000;} .btn.border.black:before{border:3px solid #000;} .btn.border.white, a.btn.border.white{color:#fff;} .btn.border.white:before{border:3px solid #fff;} .btnGray{display:block;padding-left:15px;padding-right:15px;color:#000;line-height:44px;text-transform:lowercase;} @keyframes blick{ from{visibility:hidden;opacity:0;} to{visibility:hidden;opacity:0;left:96%;} 4%{visibility:hidden;opacity:0;} 50%{visibility:visible;opacity:1;} 78%{visibility:hidden;opacity:0;} } @keyframes boom{ from{width:2px;height:2px;visibility:hidden;opacity:0;left:50%;top:50%;margin-top:-1px;margin-left:-1px;} to{width:100%;height:100%;visibility:hidden;opacity:0;left:0;top:0;margin-top:0;margin-left:0;} 0%{visibility:hidden;opacity:0;} 50%{visibility:visible;opacity:1;} 100%{visibility:hidden;opacity:0;} } .wrap{width:1170px;margin:0 auto;box-sizing:border-box;} .wrap.cl{padding:0;} #header{box-shadow:0 0 49px rgba(0,0,0,.08);} #header .wrap{padding-left:0;padding-right:0;} #header .mobileBtn{display:none;position:absolute;top:0;left:0;height:100%;width:80px;background:#073a93;} #header .mobileBtn span{display:block;position:absolute;width:60%;height:4px;background:#fff;top:50%;left:20%;margin-top:-2px;transition:all 0.3s ease;} #header .mobileBtn span:before, #header .mobileBtn span:after{content:'';display:block;width:100%;height:4px;position:absolute;background:#fff;transition:all 0.3s ease;} #header .mobileBtn span:before{top:-16px;} #header .mobileBtn span:after{bottom:-16px;} #header .mobileBtn.active span{background:transparent;} #header .mobileBtn.active span:before{top:0;transform:rotate(45deg);} #header .mobileBtn.active span:after{top:0;transform:rotate(-45deg);} #header .hRight{float:right;width:435px;padding-top:27px;} #header .hRight .phoneCase{float:left;width:150px;min-height:40px;background:url(../images/phone.svg) 0 50% no-repeat;background-size:23px auto;padding:5px 0 5px 35px;transition:all 0.15s ease;} #header .hRight .phoneCase a{display:block;font-size:16px;line-height:20px;font-weight:600;color:#000;text-decoration:none;} #header .hRight .phoneCase a:hover{color:#073a93;} #header .hRight .phoneCase a:active{text-decoration:underline;} .searchAct #header .hRight .phoneCase{opacity:0;visibility:hidden;} #header .hRight .btnCase{margin-left:175px;padding-top:6px;} #header .hRight .btnCase a{} #header .hLeft{float:left;width:195px;padding-top:37px;transition:all 0.3s ease 0s;} #header .hLeft span{display:block;position:absolute;line-height:0;} #header .hLeft span img{opacity:0;visibility:hidden;width:100%;} #header .hLeft span:after{content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;right:0;background:url(../images/logo.svg) no-repeat;background-size:100% auto;} #header .hCenter{margin:0 467px 0 227px;} #header .hCenter ul{display:table;width:100%;font-size:0;text-align:center;} #header .hCenter ul > li{display:table-cell;} #header .hCenter ul > li > a{display:block;padding:41px 12px 40px;text-align:center;font-size:13px;font-weight:700;text-transform:uppercase;line-height:20px;text-decoration:none;color:#000;} #header .hCenter ul > li > a:hover{color:#073a93;} #header .hCenter ul > li > a:active{text-decoration:underline;} #header .hCenter ul > li.catalog{white-space:nowrap;} #header .hCenter ul > li.catalog > a{} /* #header{background:#fff;position:relative;z-index:100;} */ .fix #header{position:fixed !important;top:0 !important;} #header .wrap{position:relative;} .fixBlack{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1;visibility:hidden;opacity:0;transition:all 0.6s ease;} .addShadow #header{z-index:100;} .addShadow .fixBlack{visibility:visible;opacity:1;z-index:99;} .product #header{box-shadow:none;} #header .hCatalog{position:absolute;background:#fff;top:100%;left:0;width:100%;border-radius:0 0 25px 25px;box-shadow:3px 0 95px rgba(0,0,0,.15);padding:0;opacity:0;transition:all 0.65s ease;overflow:hidden;visibility:hidden;box-sizing:border-box;z-index:2;} .openMenu #header .hCatalog{opacity:1;visibility:visible;padding:50px 45px 60px !important;} #header .hCatalog:before{content:'';display:block;width:100%;height:70px;position:absolute;top:0;left:0; background-color:#1B1D20;background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,.1)', endColorstr='transparent');background:-webkit-gradient(linear, left top, left bottom, from(#a9cd65), to(#579833));background:-moz-linear-gradient(top, rgba(0,0,0,.1), transparent);background:-o-linear-gradient(top, rgba(0,0,0,.1), transparent);background:-ms-linear-gradient(top, rgba(0,0,0,.1), transparent);background:linear-gradient(top bottom, rgba(0,0,0,.1) 0%, transparent 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,.1) 0%, transparent 100%);background:-moz-linear-gradient(top, rgba(0,0,0,.1) 0%, transparent 100%);background:-o-linear-gradient(top, rgba(0,0,0,.1) 0%, transparent 100%);background:-ms-linear-gradient(top, rgba(0,0,0,.1) 0%, transparent 100%);} #header .hCatalog .cContent{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:space-between;} #header .hCatalog div > .title{font-size:20px;font-weight:700;color:#000;padding-bottom:22px;text-transform:uppercase;margin-top:85px;} #header .hCatalog div > .title:first-child{margin-top:0;} #header .hCatalog div > .title a{text-decoration:none;color:#000;} #header .hCatalog div > .title a:hover{text-decoration:underline;} #header .hCatalog div > .title a:active{text-decoration:none;color:#073a93;} #header .hCatalog ul{} #header .hCatalog ul li{} #header .hCatalog ul li a{display:block;font-size:16px;font-weight:400;color:#333;text-decoration:none;line-height:20px;padding:5px 0;} #header .hCatalog ul li a:hover{color:#073a93;} #header .hCatalog ul li a:active{text-decoration:underline;} #header .hCatalog .{} #header .hCatalog .image{} #header .hCatalog .image img{width:100%;border-radius:25px;} .mobileNav{position:absolute;z-index:9;top:0;right:0;visibility:hidden;opacity:0;border-radius:0 0 0 30px;background:url(../images/feedBackBg.png) 100% 0 no-repeat;box-shadow:0 0 70px rgba(0,0,0,.7);transition:all 0.3s ease 0s;overflow:hidden;} .mobileNav ul{overflow:hidden;width:0;padding:0;transition:all 0.3s ease 0s;} .mobileNav ul li{} .mobileNav ul li a{display:block;color:#000;text-decoration:none;padding:6px 0;font-weight:600;text-transform:uppercase;} .mobileNav ul li a:active{text-decoration:underline;} .mobileNav .btnClose{position:absolute;width:46px;height:46px;left:-23px;top:50%;margin-top:-23px;border-radius:50%;background:url(../images/icoClose.svg) 50% no-repeat #073a93;background-size:60% auto;transition:all 0.3s ease 0s;box-shadow:0 0 24px rgba(0,0,0,.3);cursor:pointer;} .mobileNav .btnClose:active{background-size:35% auto;} .mobileNav .btnClose{} .openNav .mobileNav{visibility:visible;opacity:1;overflow:visible;} .openNav .mobileNav ul{width:300px;padding:20px 12px 20px 50px;} .preBgBlue{background:url(../images/sliderBg.png) repeat-x;background-size:auto 100%;} #globalSlide{background:url(../images/sliderBg.png) repeat-x;background-size:auto 100%;overflow:hidden;} #globalSlide .itemSlide{height:698px;position:relative;} #globalSlide .itemSlide.slide_1{background-image:url(../images/img_globalSlide_1.png);} #globalSlide .itemSlide.slide_2 .leftBg{position:absolute;left:-245px;bottom:0;height:100%;width:700px;} #globalSlide .itemSlide.slide_2 .leftBg:before, #globalSlide .itemSlide.slide_2 .leftBg:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:100%;} #globalSlide .itemSlide.slide_2 .leftBg:before{right:0;background:url(../images/slider_23/imgTshirt_2.png) 100% 100% no-repeat;} #globalSlide .itemSlide.slide_2 .leftBg:after{z-index:2;left:0;background:url(../images/slider_23/imgTshirt_1.png) no-repeat;background-size:auto 100%;} #globalSlide .itemSlide.slide_2:after{content:'';display:block;position:absolute;bottom:0;right:-225px;height:100%;width:519px;background:url(../images/slider_23/imgVest.png) no-repeat;background-size:auto 100%;} #globalSlide .itemSlide.slide_2 .slideCase{z-index:2;} #globalSlide .itemSlide.slide_3:before{content:'';display:block;position:absolute;width:80%;height:100%;left:-90px;top:0;background:url(../images/dtf_23/img_slideGlobal.png) no-repeat;background-size:auto 100%;} #globalSlide .itemSlide .slideCase{position:absolute;display:table;width:100%;max-width:430px;height:100%;top:0;left:470px;box-sizing:border-box;} #globalSlide .itemSlide .slideCase .vertical{display:table-cell;vertical-align:middle;} #globalSlide .itemSlide .slideCase .title{font-size:40px;font-weight:700;line-height:1.2;color:#000;text-transform:uppercase;} #globalSlide .itemSlide .slideCase ul{padding:30px 0 15px;} #globalSlide .itemSlide .slideCase ul > li{position:relative;font-size:22px;font-weight:400;color:#000;line-height:28px;padding:5px 0 5px 25px;} #globalSlide .itemSlide .slideCase ul > li:before{content:'';display:block;width:10px;height:10px;background:#073a93;border-radius:50%;position:absolute;left:0;top:14px;} #globalSlide .itemSlide .slideCase .btnBox{padding-top:20px;max-width:260px;} .gTitle{font-size:40px;line-height:1.3;font-weight:700;color:#000;text-transform:uppercase;padding-bottom:20px;text-align:center;} .gTitle.upper{text-transform:none;} .gSubTitle{font-size:18px;font-weight:400;color:#666;text-align:center;} .gInfoTitle{text-align:center;font-size:18px;font-weight:500;color:#000;} #benefits{padding:80px 0 55px;} #benefits ul{display:flex;flex-wrap:wrap;align-content:space-between;text-align:center;} #benefits ul li{flex:1 1 300px;padding:25px;color:#000;} #benefits ul li .icon{position:relative;height:120px;background-repeat:no-repeat;background-position:50%;} #benefits ul li .icon.ico_1{background-image:url(../images/icoBenefits_1.svg);background-size:68px auto;} #benefits ul li .icon.ico_2{background-image:url(../images/icoBenefits_2.svg);background-size:55px auto;} #benefits ul li .icon.ico_3{background-image:url(../images/icoBenefits_3.svg);background-size:64px auto;} #benefits ul li .icon.ico_4{background-image:url(../images/icoBenefits_4.svg);background-size:70px auto;} #benefits ul li .icon.ico_5{background-image:url(../images/icoBenefits_5.svg);background-size:67px auto;} #benefits ul li .icon.ico_6{background-image:url(../images/icoBenefits_6.svg);background-size:90px auto;} .dtf #benefits ul li{padding-left:15px;padding-right:15px;} .dtf #benefits ul li .icon.ico_1{background-image:url(../images/dtf_23/process/ico_1.svg);} .dtf #benefits ul li .icon.ico_1:after, .dtf #benefits ul li .icon.ico_2:after{content:'';display:block;position:absolute;top:0;left:100%;width:30px;height:100%;background:url(../images/dtf_23/process/icoArrow.svg) 50% no-repeat;background-size:100% auto;opacity:.2;} .dtf #benefits ul li .icon.ico_2{background-image:url(../images/dtf_23/process/ico_2.svg);background-size:74px auto;} .dtf #benefits ul li .icon.ico_3{background-image:url(../images/dtf_23/process/ico_3.svg);} #benefits ul li .title{font-size:20px;font-weight:700;text-transform:uppercase;} #benefits ul li .text{font-size:16px;color:#777;line-height:24px;padding-top:20px;} #feedBack{} #feedBack .bgBoxing{border-radius:24px;} #feedBack .tabVert{display:table;height:100%;position:relative;padding:65px 0 65px 600px;width:490px;background:url(../images/form_23/imgMono.png) 5% 100% no-repeat;} #feedBack.dtf .tabVert{background:url(../images/dtf_23/feedBackBg.png) 15% 100% no-repeat;background-size:auto 90%;} #feedBack .feedBackForm{display:table-cell;vertical-align:middle;} .feedBackForm .title{font-size:48px;line-height:1.2;font-weight:700;text-transform:uppercase;padding-bottom:45px;} .ua .feedBackForm .title{font-size:42px;} .feedBackForm .fLine div{width:48%;} .feedBackForm .fLine .left{float:left;} .feedBackForm .fLine .right{float:right;margin-left:4%;} .feedBackForm .changeCase{padding-bottom:20px;} .feedBackForm .changeCase .socianVar{float:right;position:relative;height:23px;top:-10px;text-align:right;right:-7px;visibility:hidden;opacity:0;transition:all 0.3s ease 0s;} .feedBackForm .socialActive .changeCase .socianVar{visibility:visible;opacity:1;} .feedBackForm .changeCase .socianVar span{display:inline-block;vertical-align:middle;width:43px;height:43px;cursor:pointer;text-align:center;} .feedBackForm .changeCase .socianVar span svg{height:23px;margin-top:10px;transition:all 0.3s ease 0s;fill:#000;} .feedBackForm .changeCase .socianVar span.telegram svg{height:22px;} .feedBackForm .changeCase .socianVar span.telegram.active svg{height:22px;} .feedBackForm .changeCase .socianVar span.instagram svg{height:22px;} .feedBackForm .changeCase .socianVar span.instagram.active svg{height:22px;} .feedBackForm .changeCase .socianVar span:hover svg{height:29px;margin-top:7px;} .feedBackForm .changeCase .socianVar span:active svg{height:17px;margin-top:13px;} .feedBackForm .changeCase .socianVar span.active{cursor:default;} .feedBackForm .changeCase .socianVar span.active svg{fill:#073a93;} .feedBackForm .changeCase .socianVar span.active:hover svg{height:23px;margin-top:10px;} .feedBackForm .changeCase .textVar{float:left;font-size:16px;font-weight:400;color:#000;} .feedBackForm .changeCase .textVar input{display:none;} .feedBackForm .changeCase .textVar input:checked ~ label span:before{left:100%;margin-left:-18px;opacity:1;box-shadow:-3px 0 7px rgba(0,0,0,.35);} .feedBackForm .changeCase .textVar label{cursor:pointer;} .feedBackForm .changeCase .textVar label span{display:inline-block;margin-right:10px;width:32px;height:16px;vertical-align:middle;background:#fff;border-radius:7.5px;position:relative;} .feedBackForm .changeCase .textVar label span:before{content:'';display:block;width:17px;height:17px;border:2px solid #fff;position:absolute;top:-2px;left:0;margin-left:0;transition:all 0.3s ease 0s;border-radius:50%;background:#073a93;opacity:0.8;box-shadow:-3px 0 7px rgba(0,0,0,.15);} .feedBackForm .changeCase .textVar label:active{text-decoration:underline;} .feedBackForm .hideChange{display:none;} .feedBackForm textarea, .feedBackForm input{display:block;width:100%;box-sizing:border-box;border:none;background:#fff;font-size:16px;font-weight:400;color:#000;height:48px;padding:14px 10px 14px 18px;line-height:20px;border-radius:10px;margin-bottom:20px;box-shadow:none;transition:all 0.3s ease 0s;border:1px solid transparent;} .feedBackForm textarea:hover, .feedBackForm input:hover{box-shadow:0 0 17px rgba(0,0,0,.3);} .feedBackForm textarea:focus, .feedBackForm input:focus{box-shadow:none;border-color:#073a93 !important;} .feedBackForm textarea{height:86px;resize:none;} .feedBackForm .subForm{padding-top:55px;} .feedBackForm .subForm .title{font-size:36px;text-transform:uppercase;line-height:1.2;} .listContacts{display:table;width:100%;font-size:0;} .listContacts li{display:inline-block;width:50%;vertical-align:top;padding:17px 0;} .listContacts li a{color:#000;text-decoration:none;} .listContacts li a:hover{text-decoration:underline;} .listContacts li .ico{display:flex;align-items:center;font-size:16px;line-height:23px;font-weight:500;} .listContacts li .ico > span{padding-left:15px;} .listContacts li .ico > span > a{display:block;} .listContacts li .ico:before{content:'';display:block;width:40px;height:40px;background-repeat:no-repeat;background-size:100% auto;background-position:50%;border-radius:6px;overflow:hidden;transition:all 0.3s ease 0s;} .listContacts li .ico:hover:before{background-size:120% auto;} .listContacts li a:active .ico:before{transition:all 0.1s ease 0s;background-size:80% auto;} .listContacts li .ico.telegram:before{background-image:url(../images/contact_23/icoTelegram.svg);} .listContacts li .ico.viber:before{background-image:url(../images/contact_23/icoViber.svg);} .listContacts li .ico.phone:before{background-image:url(../images/contact_23/icoPhone.svg);} .listContacts li .ico{} #dtfHome{padding:100px 0 30px;} #dtfHome .wrap{display:flex;align-items:center;} #dtfHome .wrap .leftBox{flex:2 1 470px;padding-right:8%;} #dtfHome .wrap .leftBox .title{font-size:48px;font-weight:700;line-height:1.2;text-transform:uppercase;} #dtfHome .wrap .leftBox .subTitle{padding:25px 0 10px;font-size:20px;font-weight:700;line-height:1.2;text-transform:uppercase;} #dtfHome .wrap .leftBox ul{padding:10px 0 35px;} #dtfHome .wrap .leftBox .btn{max-width:270px;} .ulList li{font-size:14px;line-height:1.2;position:relative;padding:9px 0 9px 30px;} .ulList li:before{content:'';display:block;width:10px;height:10px;background:#073a93;position:absolute;left:0;top:12px;border-radius:50%;} #dtfHome .wrap .rightBox{flex:2 1 600px;} #dtfHome .wrap .rightBox img{width:100%;} /* swiper CSS */ .swiper-container{width:100%;height:100%;position:relative;overflow:hidden;} .slideFlex{overflow:hidden;} .slideFlex .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;} .swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slideFlex .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .slideFlex .swiper-slide{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;} #bensli{padding-top:50px;padding-bottom:45px;} #bensli .gSubTitle{padding-bottom:25px;} #bensli .benBoxing{padding:50px 0;} #bensli .benBoxing .bLeft{margin-right:53%;} #bensli .benBoxing .bRight{float:right;width:45%;} #bensli .benBoxing .imgBigit{width:100%;border-radius:25px;} #bensli .benBoxing .title{position:relative;margin-top:-3px;font-size:20px;color:#000;font-weight:700;text-transform:uppercase;padding-bottom:20px;} #bensli .benBoxing .text{font-size:16px;font-weight:400;line-height:24px;} #bensli .benBoxing ul{} #bensli .benBoxing ul li{position:relative;padding:13px 0 13px 30px;font-size:16px;font-weight:400;color:#333;} #bensli .benBoxing ul li:before{content:'';display:block;width:10px;height:10px;background:#073a93;border-radius:50%;position:absolute;left:0;top:18px;} #bensli .benBoxing ul li strong{font-weight:600;} #bensli .benBoxing.texting{display:table;width:100%;} #bensli .benBoxing.texting > div{display:table-cell;vertical-align:middle;} #bensli .benBoxing.texting .bLeft{margin-right:0;padding-right:3%;} #bensli .benBoxing.texting .bRight{float:none;width:47%;padding-left:3%;} #bensli .benCase{padding-bottom:100px;} #bensli .benCase .oreol{border-radius:25px;position:relative;overflow:hidden;} #bensli .benCase .oreol > img{overflow:hidden;opacity:0;} #bensli .benCase .oreol > .double{display:block;width:100%;height:100%;background-size:cover;visibility:visible;opacity:1;position:absolute;left:0;top:0;} #bensli .benCase .title{font-size:20px;text-transform:uppercase;color:#000;font-weight:700;padding-bottom:20px;} #bensli .benCase .subTitle{padding:10px 0 20px;font-size:16px;} #bensli .benCase .statistic{padding-top:10px;display:flex;} #bensli .benCase .statistic li{font-size:16px;font-weight:500;line-height:1.2;} #bensli .benCase .statistic li:nth-child(2){width:60%;padding-left:50px;} #bensli .benCase .statistic li span{display:block;font-size:24px;font-weight:700;color:#073a93;padding-bottom:15px;} #bensli .benCase .ulList li{font-size:16px;} #bensli .benCase > div > .left{float:left;width:49%;} #bensli .benCase > div > .right{float:left;width:51%;} #bensli .benCase > div:after{content:'';display:block;clear:both;} #bensli .benCase .oreol{border-radius:25px;position:relative;overflow:hidden;} #bensli .benCase > div > div{box-sizing:border-box;} #bensli .benCase .line_1{position:relative;z-index:3;} #bensli .benCase .line_1 .left{position:relative;top:-5px;padding-right:15%;} #bensli .benCase .line_1 .left{} #bensli .benCase .line_1 .right{} #bensli .benCase .line_1 .right .oreol{height:285px;} #bensli .benCase .line_1 .right .oreol img{width:140%;} #bensli .benCase .line_2{height:490px;display:flex;align-items:center;position:relative;top:-50px;} #bensli .benCase .line_2 .left{align-self:stretch;padding:50px 0;display:flex;align-items:center;position:relative;z-index:3;} #bensli .benCase .line_2 .left > .img_1{align-self:stretch;} #bensli .benCase .line_2 .left > .img_1 .double{background-position:80% 50%;} #bensli .benCase .line_2 .left > .img_2{height:56%;margin-left:5.4%;margin-bottom:-12%;} #bensli .benCase .line_2 .left > div{} #bensli .benCase .line_2 .left{} #bensli .benCase .line_2 .right{align-self:stretch;} #bensli .benCase .line_2 .right .bigBox{display:flex;align-items:center;height:100%;position:relative;left:-11.4%;border-radius:25px;padding-left:28%;padding-right:5%;} #bensli .benCase .line_2 .right .bigBox:before{content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;right:0;background:url(../images/advant_23/bg.png) 50% 60% no-repeat;} #bensli .benCase .line_2 .right .bigBox .textCase{position:relative;z-index:2;} #bensli .benCase .line_3{position:relative;margin-top:-100px;} #bensli .benCase .line_3 .left{padding-top:45px;padding-right:12%;} #bensli .benCase .line_3 .right{height:285px;display:flex;align-items:center;align-self:stretch;} #bensli .benCase .line_3 .right > div{height:100%;} #bensli .benCase .line_3 .right .img_1{width:47%;margin-right:5%;} #bensli .benCase .line_3 .right .img_1 .double{left:auto;right:0;} #bensli .benCase .line_3 .right .img_2 .double{background-position:50%;} #bensli .benCase .line_3 .{} #bensli .benCase .line_3 .{} #bensli .{} #bensli .{} #bensli .{} #bensli .{} .revSlider{position:relative;margin:-30px;padding:30px;} .reviewBoxing .revSlider{margin:0;padding:0;} .slideWindow{position:relative;margin-bottom:20px;padding-bottom:70px;} .torSld{} .torSld .swiper-slide{} .torSld .swiper-slide a{display:block;width:100%;} .torSld .swiper-slide img{width:100%;border-radius:15px;transition:all 0.3s ease 0s;box-shadow:0 0 30px rgba(0,0,0,.05);box-sizing:border-box;} #reviews .torSld .swiper-slide img:hover{box-shadow:0 0 30px rgba(0,0,0,.4);} #bensli .torSld .swiper-slide img:hover{border-radius:25px;} .torSld .swiper-slide a:active img{transition:all 0.1s ease 0s;opacity:0.8;} .slideFlex.revSlider .swiper-slide > a img{border:1px solid transparent;} .slideFlex.revSlider .swiper-slide > a.active{cursor:default;} .slideFlex.revSlider .swiper-slide > a.active img{background-color:#000;} .slideWindow .arrowBox{position:absolute;font-size:0;bottom:0;width:100%;text-align:center;right:0;} .slideWindow .arrowBox div{display:inline-block;position:relative;width:75px;height:31px;cursor:pointer;transition:all 0.45s ease 0s;} .slideWindow .arrowBox div:after{content:'';display:block;position:absolute;bottom:0;right:0;width:100%;height:100%;background-position:50%;background-size:35px auto;background-repeat:no-repeat;transition:all 0.3s ease 0s;} .slideWindow .arrowBox div:hover:after{background-size:45px auto;} .slideWindow .arrowBox div:active:after{transition:all 0.1s ease 0s;background-size:20px auto;} .slideWindow .arrowBox div.btnPrev:after{background-image:url(../images/icoArrowSlideL.svg);} .slideWindow .arrowBox div.btnNext:after{background-image:url(../images/icoArrowSlideR.svg);} .slideWindow .arrowBox div.swiper-button-disabled, .slideWindow .arrowBox div[aria-disabled="true"]{opacity:0.4;cursor:default;background-size:35px auto;} .slideWindow .arrowBox div.swiper-button-disabled:hover:after, .slideWindow .arrowBox div[aria-disabled="true"]:hover:after, .slideWindow .arrowBox div.swiper-button-disabled:active:after, .slideWindow .arrowBox div[aria-disabled="true"]:active:after{background-size:35px auto;} .reviewBoxing .slideWindow .arrowBox{text-align:left;bottom:auto;top:100%;width:auto;right:auto;left:-20px;} .benBoxing .slideWindow .arrowBox{z-index:2;bottom:-28px;width:auto;right:auto;left:0;} .greyBg{background:#f9f9fa;border-radius:25px;padding:50px 0 45px;} ul.catalogList{display:table;width:100%;font-size:0;padding-top:50px;position:relative;z-index:2;} ul.catalogList li{display:inline-block;width:25%;vertical-align:top;padding:20px 30px;text-align:center;box-sizing:border-box;} ul.catalogList li a{display:block;text-decoration:none;} ul.catalogList li .title{font-size:20px;text-transform:uppercase;font-weight:700;padding-bottom:15px;color:#000;} ul.catalogList li .title:hover{color:#e3722f;} ul.catalogList li .title:active{text-decoration:underline;} ul.catalogList li .imgBox{width:80%;margin:0 auto;background:#fff;text-align:center;} ul.catalogList li .imgBox img{width:100%;} ul.catalogList li .price{height:48px;font-size:16px;font-weight:600;color:#073a93;line-height:48px;position:relative;padding-top:10px;} ul.catalogList li .btn{position:absolute;z-index:2;bottom:0;right:0;width:100%;opacity:0;} ul.catalogList li:hover .btn{opacity:1;} .catInfos{padding-top:45px;position:relative;text-align:center;} .catInfos:before{content:'';display:block;position:absolute;top:-32px;left:50%;margin-left:-16px;width:32px;height:32px;background:url(../images/icoArrowSlideR.svg) 50% no-repeat;background-size:32px auto;transform:rotate(90deg);} .catInfos .btnBox{display:inline-block;width:260px;} .globDscpt{text-align:center;font-size:16px;font-weight:500;color:#333;line-height:24px;padding-top:22px;} #reviews{padding-top:50px;padding-bottom:50px;overflow:hidden;} #reviews .reviewSlider .slideFlex{position:relative;overflow:visible;} .reviewSlider .swiper-slide{border-radius:25px;} .reviewSlider .caseReview{display:block;width:100%;position:relative;border-radius:25px;overflow:hidden;box-shadow:0 0 50px rgba(0,0,0,.1);transition:all 0.3s ease 0s;} .reviewSlider .caseReview:hover{box-shadow:0 0 50px rgba(0,0,0,.25);} .reviewSlider .caseReview img.backSize{width:100%;} .reviewSlider .caseReview .imgCase{position:absolute;bottom:0;right:0;z-index:1;width:100%;height:100%;} .reviewSlider .caseReview .imgCase img{opacity:0;visibility:hidden;position:absolute;bottom:0;right:0;width:100%;min-height:100%;transition:all 0.3s ease 0s;} .reviewSlider .caseReview .imgCase img.active{visibility:visible;opacity:1;} .reviewSlider .caseReview .imgCase {} .reviewSlider .caseReview .arrowCase > span{position:absolute;z-index:3;overflow:visible;opacity:0;width:35px;height:35px;background:#073a93 no-repeat;top:50%;transform:translateY(-50%);border-radius:50%;background-size:auto 32%;transition:all 0.3s ease 0s;cursor:pointer;} .reviewSlider .caseReview:hover .arrowCase > span{opacity:1;} .reviewSlider .caseReview .arrowCase > span:hover{box-shadow:0 0 35px rgba(0,0,0,.3);} .reviewSlider .caseReview .arrowCase > span.goPrev{left:10px;background-image:url(../images/icoArrowSlideLWhite.svg);background-position:12px 40%;} .reviewSlider .caseReview .arrowCase > span.goPrev:hover{background-position:2px 40%;} .reviewSlider .caseReview .arrowCase > span.goPrev.active{background-position:22px 40%;} .reviewSlider .caseReview .arrowCase > span.goNext{right:10px;background-image:url(../images/icoArrowSlideRWhite.svg);background-position:-12px 40%;} .reviewSlider .caseReview .arrowCase > span.goNext:hover{background-position:-2px 40%;} .reviewSlider .caseReview .arrowCase > span.goNext.active{background-position:-22px 40%;box-shadow:0 0 35px rgba(0,0,0,.7);} .reviewSlider .caseReview .arrowCase > span.disabled{overflow:hidden;opacity:0;z-index:0;} .reviewSlider .caseReview .arrowCase .{} .reviewSlider .caseReview .arrowCase .{} .reviewSlider .caseReview .logoCase{position:absolute;z-index:2;bottom:0;right:0;width:100%;height:100px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;} .reviewSlider .caseReview .logoCase img{width:100%;transition:all 0.3s ease 0s;max-width:80%;} .reviewSlider .caseReview:hover .logoCase img{max-width:86%;} .reviewSlider .caseReview.monotech .logoCase img, .reviewSlider .caseReview.mono .logoCase img{max-width:73%;} .reviewSlider .caseReview.monotech:hover .logoCase img, .reviewSlider .caseReview.mono:hover .logoCase img{max-width:78%;} .reviewSlider .caseReview.qream .logoCase img{width:100%;max-width:60%;} .reviewSlider .caseReview.qream:hover .logoCase img{max-width:68%;} .reviewSlider .caseReview.poster .logoCase img{width:100%;max-width:54%;} .reviewSlider .caseReview.poster:hover .logoCase img{max-width:62%;} .reviewSlider .caseReview.moas .logoCase img{width:100%;max-width:54%;} .reviewSlider .caseReview.moas:hover .logoCase img{max-width:62%;} .reviewSlider .caseReview.emily .logoCase img{width:100%;max-width:44%;} .reviewSlider .caseReview.emily:hover .logoCase img{max-width:50%;} .reviewSlider .caseReview.boosta .logoCase img{width:100%;max-width:58%;} .reviewSlider .caseReview.boosta:hover .logoCase img{max-width:70%;} .reviewSlider .caseReview.unknown .logoCase img{width:100%;max-width:66%;} .reviewSlider .caseReview.unknown:hover .logoCase img{max-width:77%;} .reviewSlider .caseReview.random .logoCase img{width:100%;max-width:63%;} .reviewSlider .caseReview.random:hover .logoCase img{max-width:75%;} .reviewSlider .caseReview .{} .reviewBoxing{position:relative;width:1000px;border-radius:25px;background:#fff;padding:50px 30px;box-sizing:border-box;display:flex;justify-content:space-between;} .reviewBoxing .rLeft{width:44%;} .reviewBoxing .rLeft img{width:100%;border-radius:25px;} .reviewBoxing .rLeft .{} .reviewBoxing .rRight{width:43%;display:flex;flex-direction:column;justify-content:space-between;} .reviewBoxing .rRight .{} .reviewBoxing .rRight .gTitle{text-align:left;padding-bottom:50px;} .reviewBoxing .rRight{} .reviewBoxing .rRight .sTitle{font-size:20px;text-transform:uppercase;font-weight:700;padding-bottom:27px;} .reviewBoxing .rRight p{padding-bottom:27px;font-size:16px;color:#333;line-height:24px;} .reviewBoxing .rRight .slideWindow{margin-bottom:27px;padding-bottom:15px;} .reviewBoxing .rRight .{} .reviewBoxing .{} .revieGallery{} .revieGallery img{border-radius:25px;width:100%;line-height:0;} .revieGallery .rGright{float:right;width:360px;} .revieGallery .rGleft{margin-right:390px;} .revieGallery .rGleft .box-50{float:left;width:50%;box-sizing:border-box;padding-bottom:30px;} .revieGallery .rGleft .box-50.left{padding-right:15px;} .revieGallery .rGleft .box-50.right{padding-left:15px;} .inTbox{text-align:center;padding:60px 0 35px;} .inTbox ul.infoTable{display:inline-block;position:relative;z-index:2;} .inTbox ul.infoTable:before{content:'';display:block;width:100%;height:1px;border-bottom:2px dotted #000;position:absolute;top:50%;margin-top:-2px;z-index:-1;left:0;} .inTbox ul.infoTable li{display:inline-block;width:60px;height:60px;border-radius:50%;background:#000;font-size:30px;font-weight:700;color:#fff;text-align:center;line-height:60px;margin:0 25px;transition:all 0.3s ease-in-out;} .inTbox ul.infoTable li.active{background:#073a93;} .inTbox ul.infoTable li:first-child{margin-left:0;} .inTbox ul.infoTable li:last-child{margin-right:0;} .calculSteps .gInfoTitle{padding-bottom:45px;position:relative;} .calculSteps .gInfoTitle:before{content:'';display:block;width:100%;height:1px;background:#e4e4e5;position:absolute;bottom:0;left:0;} .calculSteps .gInfoTitle .error{text-align:center;color:#f00;} .calculSteps{} .calculSteps > div{display:none;padding:0 65px;} .calculSteps > div.active{display:block;} ul.calculateList{position:relative;font-size:0;padding:30px 0 25px;margin:0 -95px;} ul.calculateList li{display:inline-block;width:25%;vertical-align:top;box-sizing:border-box;padding:15px 48px;} ul.calculateList li input{display:none;} ul.calculateList li input:checked ~ label{cursor:default;} ul.calculateList li label{display:block;text-align:center;text-decoration:none;cursor:pointer;} ul.calculateList li label span{display:block;} ul.calculateList li label .title{font-size:20px;font-weight:700;color:#000;padding-bottom:15px;} ul.calculateList li label:hover .title, ul.calculateList li input:checked ~ label .title{color:#073a93;} ul.calculateList li label:active .title{text-decoration:underline;} ul.calculateList li label .imgBox{position:relative;line-height:0;border:1px solid #F2F2F2;transition:all 0.3s ease-in-out;} ul.calculateList li label:hover .imgBox{box-shadow:0 0 17px rgba(0,0,0,.17);} ul.calculateList li label .imgBox img{width:100%;} ul.calculateList li label .imgBox:before{content:'';display:block;width:100%;height:100%;bottom:0;right:0;position:absolute;background:url(../images/icoCheckCalculate.svg) 50% no-repeat;background-size:55px auto;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;} ul.calculateList li input:checked ~ label .imgBox{border-color:#063992;box-shadow:none !important;} ul.calculateList li input:checked ~ label .imgBox:before{visibility:visible;opacity:1;} .radioBox{padding-top:50px;} .radioBox .radioLine{padding:2px 0;} .radioBox .radioLine input{display:none;} .radioBox .radioLine input:checked ~ label{cursor:default;} .radioBox .radioLine input:checked ~ label:before{border-color:#ccc;} .radioBox .radioLine input:checked ~ label:after{visibility:visible;opacity:1;} .radioBox .radioLine label{display:block;position:relative;padding:4px 0 4px 30px;cursor:pointer;} .radioBox .radioLine label:before{content:'';display:block;position:absolute;width:17px;height:17px;box-sizing:border-box;border:1px solid #ccc;background:#fff;top:50%;margin-top:-8px;left:0;border-radius:50%;transition:all 0.3s ease-in-out;} .radioBox .radioLine label:hover:before{border-color:#000;} .radioBox .radioLine label:active{text-decoration:underline;} .radioBox .radioLine label:after{content:'';display:block;position:absolute;width:7px;height:7px;background:#073a93;border-radius:50%;left:5px;top:50%;margin-top:-3px;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;} .radioBox .radioLine label ~ input{} #calculate .feedBackForm{padding-top:50px;} #calculate .feedBackForm .inptBox{max-width:380px;} #calculate .feedBackForm input, #calculate .feedBackForm textarea{border-radius:6px;border-color:#ccc;} #calculate .btnLine{text-align:center;padding-top:40px;} #calculate .btnLine .btn{display:inline-block;width:250px;} #calculate .btnLine.steping{text-align:left;} #calculate .btnLine.steping .blue{float:right;} #faq{padding:50px 0 30px;display:flex;justify-content:space-between;} #faq .fLeft{width:60%;padding-right:50px;} #faq .fLeft .gTitle{padding:8px 0 27px;} #faq .fLeft .gTitle, #faq .fLeft .gSubTitle{text-align:left;} #faq .fLeft .faqAction{padding-top:30px;} #faq .fLeft .faqAction .faqBox{padding:17px 0;} #faq .fLeft .faqAction .faqBox .aTitle{font-size:20px;font-weight:700;padding-left:68px;color:#000;text-transform:uppercase;cursor:pointer;position:relative;transition:all 0.3s ease-in-out;} #faq .fLeft .faqAction .faqBox .aTitle:hover, #faq .fLeft .faqAction .faqBox.active .aTitle{color:#073a93;} #faq .fLeft .faqAction .faqBox .aTitle:active{text-decoration:underline;} #faq .fLeft .faqAction .faqBox .aTitle:before{content:'';display:block;width:25px;height:25px;position:absolute;left:0;top:50%;margin-top:-12px;background:url(../images/icoFaqPlus.svg) 50% no-repeat;background-size:100% auto;} #faq .fLeft .faqAction .faqBox.active .aTitle:before{background-image:url(../images/icoFaqMinus.svg);} #faq .fLeft .faqAction .faqBox .hText{padding:18px 0 0 68px;display:none;} #faq .fLeft .faqAction .faqBox .hText p{font-size:16px;font-weight:400;color:#333;line-height:24px;padding-bottom:12px;} #faq .fLeft .faqAction .faqBox .hText ul{padding-left:20px;} #faq .fLeft .faqAction .faqBox .hText ul li{position:relative;padding:3px 0 4px 18px;} #faq .fLeft .faqAction .faqBox .hText ul li:before{content:'';display:block;width:5px;height:5px;border-radius:5px;position:absolute;top:50%;left:0;margin-top:-3px;background:#073a93;} #faq .fLeft .faqAction .faqBox .hText {} #faq .fLeft .faqAction .{} #faq .fLeft .faqAction .{} #faq .fLeft .{} #faq .{} #faq .fRight{width:40%;line-height:0;background:url(../images/sliderBg.png) repeat-x;background-size:auto 100%;border-radius:25px;position:relative;overflow:hidden;} #faq .fRight .bg{opacity:0;visibility:hidden;height:100%;} #faq .fRight .img_1{position:absolute;bottom:0;left:0;height:90%;max-height:550px;} #faq .fRight .img_2{position:absolute;height:100%;top:0;right:0;max-height:550px;} .windowHide{display:none;} .arcticmodal-overlay, .arcticmodal-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;} .arcticmodal-container{overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse;} *:first-child+html .arcticmodal-container{height:100% } .arcticmodal-container_i{height:100%;margin:0 auto;} .arcticmodal-container_i2{padding:24px;margin:0;border:0;vertical-align:middle;} .arcticmodal-error{padding:20px;border-radius:10px;background:#000;color:#fff;} .arcticmodal-loading{width:80px;height:80px;border-radius:10px;background:#000 url(../images/loading.gif) no-repeat 50% 50%;} .widnowCase{background:url(../images/feedBackBg_back.jpg) repeat-x;background-size:auto 100%;border-radius:25px;box-shadow:0 0 95px rgba(0,0,0,.15);padding:35px 30px;position:relative;} .widnowCase .title{text-align:center;font-size:36px;color:#000;text-transform:uppercase;font-weight:700;padding-bottom:30px;} .widnowCase .arcticmodal-close, .reviewBoxing .arcticmodal-close{display:block;position:absolute;width:46px;height:46px;top:-23px;right:-23px;border-radius:50%;background:url(../images/icoClose.svg) 50% no-repeat #073a93;background-size:auto;background-size:60% auto;transition:all 0.3s ease 0s;box-shadow:0 0 24px rgba(0,0,0,.3);cursor:pointer;} .widnowCase .arcticmodal-close:hover, .reviewBoxing .arcticmodal-close:hover{box-shadow:0 0 24px rgba(0,0,0,.7);background-size:75% auto;} .widnowCase .arcticmodal-close:active, .reviewBoxing .arcticmodal-close:active{background-size:35% auto;transition:all 0.1s ease 0s;} .widnowCase.thx{text-align:center;} /** feedBack valid **/ div.jGrowl{z-index:9999;color:#fff;font-size:12px;} div.jGrowl{position:absolute;} body > div.jGrowl{position:fixed;} div.jGrowl.top-left{left:0px;top:0px;} div.jGrowl.top-right{right:0px;top:0px;} div.jGrowl.bottom-left{left:0px;bottom:0px;} div.jGrowl.bottom-right{right:0px;bottom:0px;} div.jGrowl.center{top:0px;width:50%;left:25%;} div.center div.jGrowl-notification, div.center div.jGrowl-closer{margin-left:auto;margin-right:auto;} div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer{background-color:#000;opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); zoom:1;width:235px;padding:10px;margin-top:5px;margin-bottom:5px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:1em;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px;} div.jGrowl div.jGrowl-notification{min-height:40px;} div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer{margin:10px;} div.jGrowl div.jGrowl-notification div.jGrowl-header{font-weight:bold;font-size:.85em;} div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index:99;float:right;font-weight:bold;font-size:1em;cursor:pointer;} div.jGrowl div.jGrowl-closer{padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:bold;text-align:center;} /** Hide jGrowl when printing **/ @media print{ div.jGrowl{display:none;} } /** - Темы - **/ div.jGrowl div.errors{background-color:#d02c36;color:#f8f8f8;} div.jGrowl div.errors div.jGrowl-header{padding-bottom:5px;color:#000;} div.jGrowl div.infos{background-color:#1a1a1a;color:#eeeeee;} div.jGrowl div.infos div.jGrowl-header{padding-bottom:5px;color:yellow;} div.jGrowl div.okays{background-color:#b3e54e;color:#292929;} div.jGrowl div.okays div.jGrowl-header{padding-bottom:5px;color:#de2e3a;} #printing{padding:50px 0 15px;} #printing .wrap{padding-top:20px;padding-bottom:40px;background:url(../images/img_sewPrint.png) 100% 50% no-repeat;background-size:auto 100%;} #printing .title{font-size:20px;font-weight:700;line-height:1.2;color:#000;text-transform:uppercase;padding-bottom:25px;} #printing .hideImage{display:none;text-align:center;padding:10px 0;} #printing .hideImage img{width:100%;max-width:400px;} #printing ul{max-width:490px;padding-bottom:25px;} #printing ul li{position:relative;font-size:16px;line-height:24px;color:#333;padding:12px 0 12px 30px;} #printing ul li:before{content:'';display:block;position:absolute;width:14px;height:14px;left:0;top:16px;background:url(../images/icoListPrint.svg) no-repeat;background-size:100% auto;} #printing .btn{max-width:270px;} .changeLang{display:block;position:fixed;z-index:99;top:50%;right:0;margin-top:-32px;background:#fff;box-shadow:0 0 43px rgba(0,0,0,.3);padding:18px 15px;border-radius:18px 0 0 18px;font-size:0;line-height:0;} .changeLang:hover{box-shadow:0 0 43px rgba(0,0,0,.7);} .changeLang svg{font-size:0;line-height:0;transition:all 0.3s ease 0s;} .changeLang:hover svg{transform:scale(1.2);} .changeLang:active svg{transform:scale(.8);} .page.category.wrap{width:auto;padding-left:20px;padding-right:20px;} .footpadd{padding-bottom:300px;} #footer{position:fixed;right:0;bottom:0;width:100%;z-index:1;height:217px;padding-top:35px;background:#000;color:#fff;} #footer .fBleft{float:left;width:295px;padding-top:5px;} #footer .fBleft .logo{display:block;position:relative;line-height:0;} #footer .fBleft .logo img{width:100%;visibility:hidden;opacity:0;} #footer .fBleft .logo:before{content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;right:0;background:url(../images/logoWhite.svg) no-repeat;background-size:100% auto;} #footer .fBleft .copyright{padding-top:25px;font-size:14px;font-weight:400;text-transform:uppercase;} #footer .fBright{margin-left:375px;} #footer .fBright .fLeft{float:left;width:235px;} #footer .fBright .fRight{float:right;width:195px;text-align:right;} #footer .fBright .fCenter{margin:0 210px 0 255px;} #footer .fBright .lText{font-size:14px;font-weight:400;line-height:20px;padding-bottom:16px;} #footer .fBright .lText a{text-decoration:none;color:#fff;} #footer .fBright .lText a:hover{text-decoration:underline;} #footer .fBright .lText a:active{color:#073a93;} #footer .fBright div > .lText:last-child{padding-bottom:0;} #footer .fBright ul.socialCase{font-size:0;} #footer .fBright ul.socialCase li{display:inline-block;padding-left:30px;} #footer .fBright ul.socialCase li:first-child{padding-left:0;} #footer .fBright ul.socialCase li a{display:block;width:22px;height:22px;position:relative;} #footer .fBright ul.socialCase li a:before{content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;right:0;background-repeat:no-repeat;background-size:90% auto;background-position:50%;transition:all 0.3s ease;} #footer .fBright ul.socialCase li a:active:before{transition:all 0.1s ease;} #footer .fBright ul.socialCase li a:hover:before{background-size:100% auto;} #footer .fBright ul.socialCase li a:active:before{background-size:80% auto;} #footer .fBright ul.socialCase li.tg a{width:25px;} #footer .fBright ul.socialCase li.tg a:before{background-image:url(../images/icoTelegram.svg);} #footer .fBright ul.socialCase li.im a:before{background-image:url(../images/icoInsta.svg);} #footer .fBright .btnBox{max-width:260px;margin:0 auto;padding-top:5px;} #footer .fBright .paymentCase{padding-top:30px;text-align:center;} #footer .fBright .paymentCase i{display:inline-block;vertical-align:middle;} #footer .fBright .paymentCase i.mc{width:50px;height:41px;background-image:url(../images/svg/mc.svg);margin-right:12px;} #footer .fBright .paymentCase i.visa{width:65px;height:21px;background-image:url(../images/svg/visa.svg);} #footer .fBright ul.menu{} #footer .fBright ul.menu li{} #footer .fBright ul.menu li a{display:block;padding:3px 0;text-decoration:none;color:#fff;} #footer .fBright ul.menu li a:hover{text-decoration:underline;} #footer .fBright ul.menu li a:active{color:#073a93;} .dtf{} .dtf #header .hRight .btnCase{margin-left:160px;} @media (min-width:650px){ /* .dtf #header .hRight{width:410px;} */ } .dtf #header .hRight .phoneCase{width:135px;} /* .dtf #header .hCenter{margin:0 420px 0 200px;} */ .dtf #globalSlide .itemSlide .slideCase{left:555px;max-width:670px;} .dtf #globalSlide .itemSlide .slideCase .btnBox{max-width:none;} .dtf #globalSlide .itemSlide .slideCase .btnBox a{display:inline-block;} .dtf #globalSlide .itemSlide .slideCase .btnBox a.blue{width:295px;margin-right:25px;} .dtf #globalSlide .itemSlide .slideCase .btnBox a.border{width:262px;} .dtf {} .dtf {} .dtf {} .dtf {} .dtf {} .dtf {} .dtf {} .dtf {} .dtf .{} .dtf .{} .dtf .{} .dtf .{} .dtf .{} .dtf .{} .dtf .{} #ascquat{margin-bottom:50px;} #ascquat .gTitle{text-transform:none;padding-bottom:60px;} #ascquat .ascCasing{position:relative;z-index:2;overflow:hidden;padding:0 45px;} #ascquat .ascCasing:before{content:'';display:block;width:10px;height:92%;background:#fff;border-radius:5px;position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);} #ascquat .ascCasing .asBox{width:50%;clear:both;} #ascquat .ascCasing .asBox:after{content:'';display:block;} #ascquat .ascCasing .asBox .image{float:right;width:232px;padding-right:85px;box-sizing:border-box;position:relative;} #ascquat .ascCasing .asBox .image:before{content:'';display:block;z-index:1;width:90%;height:10px;background:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);} #ascquat .ascCasing .asBox .image .numb{display:flex;z-index:2;width:40px;height:40px;position:absolute;top:50%;right:0;transform:translateX(50%) translateY(-50%);background:#073a93;justify-content:center;align-items:center;font-size:24px;font-weight:bold;color:#fff;border-radius:50%;} #ascquat .ascCasing .asBox .image .bg{position:relative;z-index:2;background:url(../images/sliderBg.png) repeat;border-radius:25px;overflow:hidden;} #ascquat .ascCasing .asBox .image .img{position:relative;z-index:2;line-height:0;background-repeat:no-repeat;background-size:cover;background-position:50%;} #ascquat .ascCasing .asBox:nth-child(2) .image .img{background-position:0;} #ascquat .ascCasing .asBox .image .img img{width:100%;visibility:hidden;opacity:0;} #ascquat .ascCasing .asBox .text{height:100px;margin-right:265px;position:relative;top:-5px;} #ascquat .ascCasing .asBox:last-child .text{height:auto;} #ascquat .ascCasing .asBox .text span{font-weight:600;text-transform:uppercase;} #ascquat .ascCasing .asBox .text b{font-weight:500;} #ascquat .ascCasing .asBox .text ul{} #ascquat .ascCasing .asBox .text ul li{padding-left:20px;position:relative;line-height:24px;} #ascquat .ascCasing .asBox .text ul li:before{content:'';display:block;width:10px;height:10px;background:#073a93;position:absolute;left:0;top:12px;transform:translateY(-50%);border-radius:50%;} @media (min-width:951px){ #ascquat .ascCasing .asBox.right{float:right;} #ascquat .ascCasing .asBox.right .image{float:left;padding-right:0;padding-left:85px;} #ascquat .ascCasing .asBox.right .image:before{right:auto;left:0;} #ascquat .ascCasing .asBox.right .image .numb{right:auto;left:0;transform:translateX(-50%) translateY(-50%);} #ascquat .ascCasing .asBox.right .text{margin-right:0;margin-left:265px;} } #video{padding:60px 0;} #video .videoBox{max-width:850px;margin:30px auto;line-height:0;position:relative;} #video .videoBox img{width:100%;visibility:hidden;opacity:0;} #video .videoBox iframe{position:absolute;width:100%;height:100%;left:0;top:0;} #requirements{padding-bottom:90px;} #requirements .{} #requirements .{} #requirements ul.reqList{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:60px;} #requirements ul.reqList > li{width:260px;align-self:stretch;padding:25px 45px;} #requirements ul.reqList > li:nth-child(3n+2){} #requirements ul.reqList li .text{font-size:16px;font-weight:600;color:#333;line-height:24px;min-height:72px;padding-bottom:10px;} #requirements ul.reqList li ul{display:flex;justify-content:space-between;} #requirements ul.reqList li ul li{} #requirements ul.reqList li ul li .border{line-height:0;border-radius:15px;border:2px solid #388b44;background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative;} #requirements ul.reqList li ul li .border:after{content:'';display:block;position:absolute;width:25px;height:25px;border-radius:50%;background:url(../images/dtf_23/icoApply.svg) 50% no-repeat #388b44;top:0;right:0;transform:translateX(50%) translateY(-50%);background-size:50% auto;} #requirements ul.reqList li ul li .border.apply{} #requirements ul.reqList li ul li .border.bad{border-color:#b50808;} #requirements ul.reqList li ul li .border.bad:after{background-color:#b50808;background-image:url(../images/dtf_23/icoDecline.svg);background-size:40% auto;} #requirements ul.reqList li ul li .border img{width:90px;visibility:hidden;opacity:0;} #requirements ul.reqList li .{} #prices{padding-top:40px;padding-bottom:100px;} #prices .priceArea{padding-top:45px;} #prices ul.tabs{display:flex;} #prices ul.tabs li{width:50%;text-align:center;border-radius:25px 25px 0 0;transition:all 0.45s ease 0s;} #prices ul.tabs li.active{background:#F2F2F2;} #prices ul.tabs li.active a{color:#063992 !important;cursor:default;text-decoration:none !important;} #prices ul.tabs li.active a .icon:before{width:140px !important;height:140px !important;background:#063992 !important;} #prices ul.tabs li.active a .icon .ico{background-size:88% auto !important;} #prices ul.tabs li a{display:flex;padding:20px 20px 10px;justify-content:center;align-items:center;font-size:24px;text-transform:uppercase;color:#000;text-decoration:none;font-weight:bold;} #prices ul.tabs li a span{display:block;} #prices ul.tabs li a .icon{width:170px;height:170px;position:relative;margin-right:20px;} #prices ul.tabs li a .icon:before{content:'';display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:140px;height:140px;border-radius:50%;background:#f6f6f6;transition:all 0.65s ease 0s;} #prices ul.tabs li a .icon .ico{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;background-position:50%;background-size:88% auto;transition:all 0.45s ease 0s;} #prices ul.tabs li.film a .icon .ico{background-image:url(../images/dtf_23/img_price_1.png);} #prices ul.tabs li.printto a .icon .ico{background-image:url(../images/dtf_23/img_price_2.png);} #prices ul.tabs li a:hover{text-decoration:underline;} #prices ul.tabs li a:hover .icon:before{background:#d2d2d2;width:150px;height:150px;} #prices ul.tabs li a:hover .icon .ico{background-size:96% auto;} #prices .priceContent ul.tabs{display:none;} #prices .priceContent{position:relative;z-index:2;} #prices .priceContent > div{display:none;} #prices .priceContent > div.active{display:block;} #prices .priceContent:before{content:'';display:block;width:100%;height:56px;position:absolute;z-index:-1;top:-11px;left:0;background:#F2F2F2;border-radius:10px 10px 0 0;} #prices .priceContent .preTable{position:relative;margin:0 -7px;} #prices .priceContent table{width:100%;text-align:center;position:relative;} #prices .priceContent table th, #prices .priceContent table td{padding:8px 7px;vertical-align:middle;font-size:14px;height:45px;box-sizing:border-box;} #prices .priceContent table thead{} #prices .priceContent table thead th{background:#063992;font-weight:700;color:#fff;} #prices .priceContent table tbody{} #prices .priceContent table tbody td{font-weight:600;background:#f9f9fa;color:#000;} #prices .priceContent table tbody tr:hover td, #prices .priceContent table tbody td.hover{background:#E5E5E5;} #prices .priceContent table tbody td:hover{background:#4D6691 !important;color:#fff;} #prices .priceContent table tbody td:after{content:' грн';} #prices .priceContent table tbody td.name:after{content:'';} #prices .priceContent table tbody td span{font-weight:500;} @media (max-width:1200px){ #content{overflow:hidden;} .wrap{width:auto;padding-left:15px;padding-right:15px;} #globalSlide .itemSlide{background-position:50% 0;background-size:auto 100%;} #feedBack{background:url(../images/feedBackBg_back.jpg) repeat-x;background-size:auto 100%;border-radius:24px;overflow:hidden;} #feedBack .bgBoxing{height:auto;background-size:auto 100%;background-position:0 100%;background-repeat:no-repeat;} #feedBack .tabVert{padding-left:50%;width:47%;padding-top:40px;padding-bottom:40px;} ul.calculateList{margin:0 -50px;} ul.calculateList li{padding-left:20px;padding-right:20px;} #faq.wrap{padding-left:15px;padding-right:15px;} #feedBack.wrap{width:98%;margin:0 auto;} /* new */ /* #header .hCenter ul > li:nth-last-child(2){display:none;} */ #globalSlide .itemSlide .slideCase{left:300px;} #globalSlide .itemSlide.slide_2 .leftBg{left:auto;right:100%;transform:translateX(275px);} .dtf #globalSlide .itemSlide .slideCase{left:auto;right:0;width:65%;} #globalSlide .itemSlide.slide_3:before{left:0;width:35%;background-position:100% 50%;} #printing .wrap{background-size:45% auto;background-position:calc(100% - 15px) 50%;} } @media (max-width:1160px){ /* new */ #header .hCenter ul > li:nth-last-child(1){display:none;} } @media (max-width:1120px){ } @media (min-width:1061px) and (max-width:1200px){ #globalSlide .itemSlide.slide_2 .leftBg:after{content:;display:none;} } @media (max-width:1060px){ #header .hCenter{margin-left:210px;margin-right:400px;} #header .hCenter ul > li > a{padding-left:12px;padding-right:12px;} #header .hRight{width:280px;} #header .hCenter{margin-right:290px;} #globalSlide .itemSlide.slide_2:after{content:;display:none;} #globalSlide .itemSlide .slideCase{left:auto;right:20px;max-width:550px;} #globalSlide .itemSlide.slide_2 .leftBg{transform:translateX(0);right:570px;} #globalSlide .itemSlide{background-position:0;} #globalSlide .itemSlide.slide_1{background-image:url(../images/img_globalSlide_1m.jpg);} #feedBack .tabVert{background-position:-40px 100%;background-size:auto 96%;} #ascquat .ascCasing .asBox .text{height:auto;} .reviewBoxing{width:auto;} } @media (max-width:1000px){ #header .hLeft span:before{content:'';display:block;position:absolute;width:0;height:100%;background:#fff;z-index:2;right:0;top:0;visibility:hidden;opacity:0;transition:all 0.3s ease;} .feedBackForm .changeCase{position:relative;transition:all 0.3s ease 0s;} .feedBackForm .changeCase .textVar{float:none;position:relative;z-index:2;} .feedBackForm .changeCase .socianVar{float:none;position:absolute;text-align:left;bottom:10px;left:0;top:auto;height:auto;} .feedBackForm .socialActive .changeCase{padding-bottom:60px;} .footpadd{padding-bottom:0;} #footer{height:auto;margin-top:0;padding-top:25px;padding-bottom:20px;} #footer .fBright .fCenter{margin:15px 0 0;clear:both;} #footer .fBright .fLeft, #footer .fBright .fRight{width:50%;} #printing .wrap{background-size:auto 65%;} #bensli .benCase .line_3 .left{width:62%;padding-right:8%;} #bensli .benCase .line_3 .right{width:38%;} #bensli .benCase .line_3 .right .img_1{display:none;} .dtf #globalSlide .itemSlide .slideCase .btnBox a.blue{} .dtf #globalSlide .itemSlide .slideCase .btnBox a.border{display:block;width:295px;margin-top:20px;} .dtf #globalSlide .itemSlide{height:480px;} } @media (min-width:951px) and (max-width:1200px){ #header .wrap{padding-left:15px;padding-right:15px;} } @media (max-width:950px){ /* #header{position:relative;height:80px;} */ #header .wrap{padding-left:100px;padding-right:15px;} #header .mobileBtn{display:block;} #header .hLeft{padding-top:24px;} #header .hRight{padding-top:19px;} #header .hRight .phoneCase{position:relative;top:-7px;} #header .hRight .btnCase{padding-top:0;} #header .hCenter ul > li:last-child, #header .hCenter ul > li:nth-last-child(2){display:none;} #header .hCenter ul > li > a{padding-top:27px;padding-bottom:26px;} .subHead, #header > .head{height:73px;} #globalSlide .itemSlide{border-radius:0 0 24px 24px;} #globalSlide .itemSlide.slide_2 .leftBg:after{content:;display:none;} #feedBack .feedBackForm .title{font-size:5vw;line-height:1.1;padding-bottom:20px;} ul.catalogList{text-align:center;} ul.catalogList li{width:33.3333%;} ul.catalogList li .price{height:auto;} ul.catalogList li .btn{position:relative;top:auto;left:auto;opacity:1;visibility:visible;} .changeLang{top:auto;margin-top:0;bottom:10%;} #header .hCenter ul > li:first-child{display:none;} #ascquat .ascCasing{display:flex;flex-direction:column;padding-left:25%;padding-right:35px;} #ascquat .ascCasing:before{left:100%;transform: translateX(-40px);} #ascquat .ascCasing .asBox{display:flex;width:100%;padding:20px 0;align-items:center;} #ascquat .ascCasing .asBox .image{float:none;order:2;flex:2 1 200px;} #ascquat .ascCasing .asBox .text{width:60%;margin-right:30px;top:0;} #prices ul.tabs li a{display:block;text-align:center;padding-bottom:25px;} #prices ul.tabs li a .icon{margin:0 auto;} #printing .wrap{background-size:40% auto;} } @media (max-width:1120px){ } @media (max-width:925px){ #header .hRight .searchCase #search.show{width:410px;} #header .hRight .searchCase #search.show input{width:410px;} } @media (max-width:900px){ #globalSlide .itemSlide .slideCase .title{font-size:3.5vw;line-height:4.5vw;} #globalSlide .itemSlide .slideCase ul > li{font-size:2vw;line-height:3vw;} #globalSlide .itemSlide .slideCase{right:0;} #faq .fRight{margin-left:0;display:none;} #faq .fLeft{float:none;width:auto;} #printing .wrap{background-size:auto 65%;} #dtfHome .wrap .rightBox{flex:2 1 350px;} #bensli .benCase .line_1 .left{padding-right:8%;} #bensli .benCase .line_2 .right .bigBox{width:78.4%;} #bensli .benCase{padding-bottom:30px;} #dtfHome{padding-top:40px;} .dtf #globalSlide .itemSlide{height:420px;} .dtf #globalSlide .itemSlide .slideCase .btnBox a{transform:scale(.9);} #header .hCatalog .cContent .b_r{width:25%;} #feedBack.dtf .tabVert{background-position:0 90%;} } @media (max-width:1120px){ } @media (max-width:1120px){ } @media (max-width:850px){ #printing .wrap{background-size:35% auto;} } @media (max-width:830px){ #globalSlide{background:url(../images/img_globalSlide_bg_1m.jpg) repeat-x;background-size:auto 100%;} #globalSlide .itemSlide{height:400px;} #globalSlide .itemSlide .slideCase{max-width:500px;} #globalSlide .itemSlide.slide_2 .leftBg{right:auto;left:0;width:100%;} #globalSlide .itemSlide.slide_2 .leftBg:before{background-size:auto 100%;background-position:0;} #header .hCenter{display:none;} #header .wrap{height:73px;} } @media (min-width:700px) and (max-width:830px){ .searchAct #header .hLeft span:before{visibility:visible;opacity:1;width:74%;} } @media (max-width:800px){ #bensli .benBoxing{padding:30px 0;max-width:550px;margin:0 auto;} #bensli .benBoxing .bRight{float:none;width:auto;} #bensli .benBoxing .bLeft{display:none;margin-right:0;} .slideWindow .arrowBox{left:0;width:100%;text-align:center;} #bensli{padding-top:40px;} #printing{padding:40px 0 0;} #printing .wrap{background:none;} #printing .title{text-align:center;} #printing .hideImage{display:block;} #printing ul{margin:0 auto;} #printing .btn{margin:0 auto;} #feedBack .tabVert{background-position:-80px 100%;} #bensli .benCase .line_1 .left{width:64%;padding-right:8%;} #bensli .benCase .line_1 .right{width:36%;} #bensli .benCase .line_1 .right .oreol img{min-height:100%;} #requirements ul.reqList > li{width:210px;} #prices .priceContent .preTable{overflow:scroll;} #prices .priceContent table th, #prices .priceContent table td{min-width:75px;padding-left:9px;padding-right:9px;} #prices .priceContent table tbody td:after{font-size:.6em;} } @media (max-width:1120px){ } /* @media (min-width:581px) and (max-width:700px){ */ @media (max-width:700px){ #header .wrap{padding-left:80px;} #header .hLeft{float:none;width:auto;padding:0;} #header .hLeft .logo{display:block;position:absolute;height:100%;top:0;width:90px;left:80px;background:url(../images/logoN.svg) 50% no-repeat;background-size:70% auto;} #header .hLeft span:after{content:;display:none;} } @media (max-width:1120px){ } @media (max-width:750px){ #benefits ul li{padding:15px 10px;flex: 1 1 250px;} #feedBack .bgBoxing{background-position:-50px 0;} ul.catalogList li{width:50%;} #footer .fBleft{width:250px;} #footer .fBright{margin-left:270px;} #bensli .benCase .line_2 .left{width:30%;} #bensli .benCase .line_2 .right{width:70%;} #bensli .benCase .line_2 .left > .img_1{display:none;} #bensli .benCase .line_2 .right .bigBox{padding-left:20%;width:86.4%;} #bensli .benCase .line_2{top:0;padding-top:35px;} #bensli .benCase .line_2{height:auto;} #bensli .benCase .line_2 .left > .img_2{height:70%;} #bensli .benCase .line_3{margin-top:-80px;} #bensli .benCase .line_3 .left{padding-right:5%;} #bensli .benCase .statistic li:nth-child(2){padding-left:15px;padding-right:15px;} #ascquat .ascCasing{padding-left:25px;} #video{padding:20px 0;} } @media (max-width:730px){ #header .hRight{width:350px;padding-top:0;} #header .hRight .phoneCase, .fixBar #header .hRight .phoneCase{top:11px;} } @media (max-width:700px){ #globalSlide .itemSlide.slide_2 .leftBg{left:-55px;} #globalSlide .itemSlide .slideCase{max-width:none;padding-left:37%;} .dtf #globalSlide .itemSlide .slideCase{padding-left:0;padding-right:7px;} #calculate .btnLine.steping{position:relative;margin:0 -50px;} #calculate .btnLine .btn{width:200px;} #feedBack .tabVert{background:none;width:100%;box-sizing:border-box;padding-left:15px;padding-right:15px;} #feedBack.dtf .tabVert{background-image:none;} .reviewBoxing{max-width:94vw;max-width:calc(100vw - 50px);box-sizing:border-box;padding-bottom:15px;} .widnowCase .arcticmodal-close, .reviewBoxing .arcticmodal-close{top:0;right:0;border-radius:0 50% 0 25%;} .reviewBoxing .rLeft{display:none;} .reviewBoxing .rRight{width:100%;} .reviewBoxing .rRight .gTitle{order:1;padding-bottom:25px;text-align:center;} .reviewBoxing .rRight .f_title{order:3;} .reviewBoxing .rRight .s_title{order:4;} .reviewBoxing .rRight .slideWindow{order:2;padding-bottom:45px;} .reviewBoxing .slideWindow .arrowBox{left:0;width:100%;text-align:center;margin-top:-30px;} #header .hCatalog .cContent .b_r{display:none;} } @media (max-width:1120px){ } @media (max-width:650px){ #globalSlide .itemSlide .slideCase{} #globalSlide .itemSlide .slideCase .btnBox{width:200px;padding-top:10px;} #globalSlide .itemSlide .slideCase .title{font-size:4.5vw;line-height:5vw;} #globalSlide .itemSlide .slideCase ul > li{font-size:2.5vw;line-height:3vw;} ul.calculateList{text-align:center;} ul.calculateList li{width:33.3333%;} #calculate .btnLine{padding-top:15px;} #footer .fBleft{float:none;width:auto;text-align:center;padding-bottom:10px;} #footer .fBright{margin-left:0;max-width:500px;margin:0 auto;} #dtfHome .wrap .leftBox{padding-right:0;} #dtfHome .wrap .rightBox{display:none;} #dtfHome .wrap .leftBox .btn{margin:0 auto;} .dtf #globalSlide .itemSlide .slideCase ul > li{font-size:14px;line-height:1.3;} .dtf #globalSlide .itemSlide .slideCase .btnBox{width:auto;} .dtf #globalSlide .itemSlide .slideCase .btnBox a{width:100%;margin-right:0;} #requirements ul.reqList{justify-content:center;} #requirements ul.reqList > li{width:100%;max-width:250px;margin:0 auto;} #prices .priceContent ul.tabs{display:block;} #prices .priceArea ul.tabs li:nth-child(2){display:none;} #prices .priceContent > div{display:block !important;} #prices ul.tabs li{width:100%;} } @media (max-width:640px){ .searchAct #header .hLeft span:before{visibility:visible;opacity:1;width:100%;} #header .hRight .searchCase #search.show{width:calc(100vw - 153px);} #header .hRight .searchCase #search.show input{width:calc(100vw - 153px);} } @media (max-width:600px){ #feedBack .bgBoxing{background:no-repeat;width:auto;padding:25px 20px;} #feedBack .tabVert{display:block;width:auto;padding:0;} #feedBack .feedBackForm{display:block;} #feedBack .feedBackForm .title, #dtfHome .wrap .leftBox .title, #dtfHome .wrap .leftBox .subTitle{text-align:center;} #dtfHome .wrap .leftBox .title{font-size:11vw;} #dtfHome .wrap .leftBox .subTitle{font-size:4vw;} #bensli .benCase .line_1 .right{display:none;} #bensli .benCase .line_1 .left{width:100%;padding-right:0;} #bensli .benCase .line_2 .left > .img_2{margin-bottom:0;} #bensli .benCase .line_3{margin-top:0;padding-top:35px;} } @media (max-width:580px){ /* #header .hRight{width:auto;} */ /* #header .hRight .btnCase{display:none;} */ /* #header .hRight .phoneCase{float:none;width:120px;} */ .gTitle{font-size:7vw;line-height:1.2;} .gSubTitle{font-size:3vw;line-height:1.1;} .globDscpt{font-size:3vw;line-height:1.1;padding-top:8px;} ul.catalogList{padding-top:25px;} .greyBg{padding-top:20px;padding-bottom:20px;} } @media (max-width:550px){ #benefits ul li .icon{height:80px;} #benefits ul li .text{max-width:280px;margin:0 auto;} #bensli .benBoxing.texting > div{display:block;} #bensli .benBoxing.texting .bLeft{padding-right:0;} #bensli .benBoxing.texting .bRight{width:auto;} #bensli .benBoxing .title, #bensli .benBoxing p{text-align:center;} #calculate.wrap{padding-left:0;padding-right:0;} ul.calculateList{margin:0 -60px;} ul.calculateList li{padding-left:10px;padding-right:10px;} #bensli .benCase .line_3{padding-top:15px;} #bensli .benCase .line_3 .left{float:none;width:auto;padding-right:0;text-align:center;} #bensli .benCase .statistic{justify-content:space-between;} #bensli .benCase .statistic li{width:110px;} #bensli .benCase .statistic li:nth-child(2){width:130px;} #bensli .benCase .line_3 .right{display:none;} #bensli .benCase{padding-bottom:40px;} #header .hRight .phoneCase{display:none;} } @media (max-width:1120px){ } @media (max-width:1120px){ } @media (max-width:500px){ .dtf #globalSlide .itemSlide{height:auto;} .dtf #globalSlide .itemSlide.slide_3:before{content:;display:none;} .dtf #globalSlide .itemSlide .slideCase{position:static;width:auto;max-width:none;padding:45px 20px;} .gTitle{font-size:7vw;padding-bottom:10px;line-height:1.2;} .gSubTitle, .ulList li, #bensli .benBoxing ul li, #bensli .benCase .ulList li, #bensli .benCase .subTitle, #bensli .benCase .statistic li, #printing ul li{font-size:3.3vw;line-height:1.3;} #bensli .benCase .title, #printing .title{font-size:5vw;line-height:1.3;} } @media (max-width:490px){ #header .wrap{padding-left:80px;} #header .hLeft{float:none;width:auto;padding:0;} #header .hLeft .logo{display:block;position:absolute;height:100%;top:0;width:90px;left:80px;background:url(../images/logoN.svg) 50% no-repeat;background-size:70% auto;} #header .hLeft .logo:after{content:;display:none;} #globalSlide .itemSlide .slideCase{padding-left:42%;} #bensli .gSubTitle{font-size:3.4vw;line-height:1.1;} ul.catalogList li{padding-left:15px;padding-right:15px;} .listContacts li{display:block;width:auto;max-width:200px;margin:0 auto;} #bensli .benCase > div > .right, #bensli .benCase > div > .left{float:none;} #bensli .benCase .line_2 .left{display:none;} #bensli .benCase .line_2 .right{width:100%;} #bensli .benCase .line_2 .right .bigBox{left:0;height:auto;width:auto;padding:70px 20px;} #bensli .benCase .line_1 .title, #bensli .benCase .line_2 .title{text-align:center;} #ascquat .ascCasing:before, #ascquat .ascCasing .asBox .image:before{content:;display:none;} #ascquat .ascCasing .asBox{display:block;} #ascquat .ascCasing .asBox .image{padding-right:0;width:170px;margin:0 auto;} #ascquat .ascCasing .asBox .image .numb{z-index:3;} #ascquat .ascCasing .asBox .text{margin-right:0;width:auto;text-align:center;padding-top:18px;} #ascquat .ascCasing .asBox .text ul li{padding-left:0;} #ascquat .ascCasing .asBox .text ul li:before{display:inline-block;position:static;vertical-align:-5px;margin-right:12px;} } @media (max-width:470px){ .openMenu #header .hCatalog{padding-left:0 !important;padding-right:0 !important;padding-bottom:30px !important;} #header .hCatalog div > .title, #header .hCatalog ul li a{padding-left:45px;padding-right:15px;} #header .hCatalog .cContent{flex-direction:column;} #header .hCatalog .cContent .b_l{padding-bottom:25px;} #header .hCatalog div > .title{margin-top:25px;} } @media (max-width:450px){ #faq .fLeft .faqAction{padding-top:10px;} #faq .fLeft .faqAction .faqBox .aTitle{font-size:4vw;line-height:1.2;} #faq .fLeft .faqAction .faqBox .hText, #faq .fLeft .faqAction .faqBox .hText p{font-size:3vw;line-height:1.3;} #calculate .btnLine .btn{display:block;width:230px;margin:10px auto;} #calculate .btnLine.steping .blue{float:none;} .widnowCase .title{font-size:7vw;padding-bottom:15px;} #requirements ul.reqList > li{padding-left:10px;padding-right:10px;} } @media (max-width:439px){ #reviews .wrap{padding-left:0;padding-right:0;} #reviews .reviewSlider .slideFlex{padding-left:70px;padding-right:70px;} } @media (max-width:430px){ #globalSlide .itemSlide.slide_2 .leftBg{display:none;} #globalSlide .itemSlide.slide_1{background:none;} #globalSlide .itemSlide .slideCase{padding-left:5%;padding-right:5%;} #globalSlide .itemSlide .slideCase .title{font-size:5vw;line-height:6vw;} #globalSlide .itemSlide .slideCase ul > li{font-size:4vw;line-height:1.1;} .calculSteps > div{padding:0 15px;} .inTbox{padding-top:25px;} .inTbox ul.infoTable li{margin:0 10px;} .calculSteps .gInfoTitle{font-size:4vw;} ul.calculateList{margin:0 -15px;} #faq .fLeft .faqAction .faqBox{padding:10px 0;} #faq .fLeft .faqAction .faqBox .hText{padding-left:40px;} } @media (max-width:400px){ #feedBack .feedBackForm .title{font-size:7vw;} .feedBackForm .fLine div{float:none !important;width:auto !important;margin:0 !important;} ul.catalogList li{width:auto;display:block;} ul.calculateList li{width:50%;} #calculate .btnLine.steping{margin:0;} #calculate .btnLine .btn{display:block;width:90%;box-sizing:border-box;padding-left:15px;padding-right:15px;} #calculate .btnLine .btn:before{margin-left:-15px;} #faq .fLeft .faqAction .faqBox .aTitle{padding-left:40px;} .dtf #globalSlide .itemSlide .slideCase .btnBox a.border, .dtf #globalSlide .itemSlide .slideCase .btnBox a.blue{width:100%;margin-right:0;} #printing .btn{max-width:none;} #reviews .reviewSlider .slideFlex{padding-left:50px;padding-right:50px;} } @media (max-width:380px){ .searchAct #header .hLeft span, .searchAct #header .mobileBtn{opacity:0;visibility:hidden;} #header .hRight .searchCase #search.show{width:calc(100vw - 80px);} #header .hRight .searchCase #search.show input{width:calc(100vw - 80px);} } @media (max-width:360px){ #bensli .benCase .statistic{display:block;} #bensli .benCase .statistic li{width:auto !important;padding-left:0 !important;padding-right:0 !important;padding-top:12px;padding-bottom:12px;} #reviews .reviewSlider .slideFlex{padding-left:15px;padding-right:15px;} } @media (max-width:340px){ #header .hLeft{display:none;} #bensli .benBoxing .title{font-size:6vw;} #footer .fBright .fLeft, #footer .fBright .fRight{width:auto;float:none !important;text-align:center;} #footer .fBright .fLeft{padding-bottom:15px;} #header .hCatalog div > .title, #header .hCatalog ul li a{padding-left:15px;padding-right:15px;text-align:center;} } @media (max-width:300px){ #globalSlide .itemSlide{height:auto;} #globalSlide .itemSlide .slideCase{position:static;padding-top:30px;padding-bottom:25px;} #globalSlide .itemSlide .slideCase .title{font-size:6vw;line-height:7vw;text-align:center;} #globalSlide .itemSlide .slideCase .title br{display:none;} #globalSlide .itemSlide .slideCase ul > li{font-size:5vw;line-height:5vw;} #globalSlide .itemSlide .slideCase .btnBox{width:100%;} ul.calculateList li{display:block;width:auto;} #faq .fLeft .faqAction .faqBox .aTitle{padding-left:25px;} #faq .fLeft .faqAction .faqBox .aTitle:before{width:15px;height:15px;} } @media (max-width:1120px){ } @media (max-width:1120px){ }