/* Start:/local/templates/dvk/css/libs.min.css?164322337537285*/ /*!* * ВНИМАНИЕ! Этот файл генерируется автоматически. * Не пишите сюда ничего вручную, все такие правки будут потеряны при следующей компиляции. * Правки без возможности компиляции ДОЛЬШЕ И ДОРОЖЕ в 2-3 раза. * Нужны дополнительные стили? Создайте новый css-файл и подключите его к странице. * Читайте ./README.md для понимания. */ /*! * fullPage 3.0.2 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only * or Fullpage Commercial License for commercial use * http://alvarotrigo.com/fullPage/pricing/ * * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important} /*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */.grayscale{-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0} /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)} .jq-checkbox,.jq-radio{position:relative;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jq-checkbox input,.jq-radio input{position:absolute;z-index:-1;margin:0;padding:0;opacity:0}.jq-file{position:relative;display:inline-block;overflow:hidden}.jq-file input{position:absolute;top:0;right:0;height:auto;margin:0;padding:0;opacity:0;font-size:100px;line-height:1em}.jq-file__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jq-select-multiple,.jq-selectbox{position:relative;display:inline-block}.jq-select-multiple select,.jq-selectbox select{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0}.jq-select-multiple li,.jq-selectbox li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.jq-selectbox{z-index:10}.jq-selectbox__select{position:relative}.jq-selectbox__select-text{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox__dropdown{position:absolute}.jq-selectbox__search input{-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__dropdown ul{position:relative;overflow:auto;overflow-x:hidden;list-style:none;-webkit-overflow-scrolling:touch}.jq-select-multiple ul{position:relative;overflow-x:hidden;-webkit-overflow-scrolling:touch}.jq-number{display:inline-block}.jq-number__field input{-moz-appearance:textfield;text-align:left}.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /*! * * SimpleBar.js - v2.6.1 * Scrollbars, simpler. * https://grsmto.github.io/simplebar/ * * Made by Adrien Grsmto from a fork by Jonathan Nicol * Under MIT License * */[data-simplebar]{position:relative;z-index:0;overflow:hidden!important;max-height:inherit;-webkit-overflow-scrolling:touch}[data-simplebar=init]{display:-webkit-box;display:-ms-flexbox;display:flex}.simplebar-scroll-content{overflow-x:hidden!important;overflow-y:scroll;min-width:100%!important;max-height:inherit!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.simplebar-content{overflow-y:hidden!important;overflow-x:scroll;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;min-height:100%!important}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;width:1.5rem;background-color:#eff3ff}.simplebar-scrollbar{position:absolute;right:0;width:100%;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#e5e7f0;border-radius:.4rem;left:0;right:0;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.simplebar-track .simplebar-scrollbar.visible:before,.simplebar-track:hover .simplebar-scrollbar:before{opacity:1;-webkit-transition:opacity 0 linear;transition:opacity 0 linear}.simplebar-track.vertical{top:0}.simplebar-track.vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.horizontal{left:0;width:auto;height:11px}.simplebar-track.horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.horizontal.simplebar-track .simplebar-scrollbar{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* End */ /* Start:/local/templates/dvk/css/style.css?1785316367352188*/ .header__side-link._lvl-2.red { color: #cd4c4c; font-weight: 800; } /*a.btn-go { color: #fff; } .js-hover a.btn-go { color: #cd4c4c; } a.btn-go:hover { color: #cd4c4c; }*/ li.no-after:before { background: none !important; } /*colors*/ /* black */ /* hard black */ /* medium black */ /* light black */ /* dark blue */ /* hard dark blue*/ /* medium dark blue*/ /* light dark blue*/ /* light blue */ /* hard light blue*/ /* medium light blue*/ /* light light blue*/ /* red */ /*fonts*/ /* media queries */ @font-face { font-family: 'OpenSansSemiBold'; src: url('/local/templates/dvk/css/../assets/fonts/OpenSansSemibold/OpenSansSemiBold.eot'); src: url('/local/templates/dvk/css/../assets/fonts/OpenSansSemibold/OpenSansSemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dvk/css/../assets/fonts/OpenSansSemibold/OpenSansSemiBold.woff2') format('woff2'), url('/local/templates/dvk/css/../assets/fonts/OpenSansSemibold/OpenSansSemiBold.woff') format('woff'); font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; font-display: swap; } @font-face { font-family: 'OpenSansRegular'; src: url('/local/templates/dvk/css/../assets/fonts/OpenSansRegular/OpenSansRegular.eot'); src: url('/local/templates/dvk/css/../assets/fonts/OpenSansRegular/OpenSansRegular.eot?#iefix') format('embedded-opentype'), url('/local/templates/dvk/css/../assets/fonts/OpenSansRegular/OpenSansRegular.woff2') format('woff2'), url('/local/templates/dvk/css/../assets/fonts/OpenSansRegular/OpenSansRegular.woff') format('woff'); font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; font-display: swap; } @font-face { font-family: 'OpenSansLight'; src: url('/local/templates/dvk/css/../assets/fonts/OpenSansLight/OpenSansLight.eot'); src: url('/local/templates/dvk/css/../assets/fonts/OpenSansLight/OpenSansLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/dvk/css/../assets/fonts/OpenSansLight/OpenSansLight.woff2') format('woff2'), url('/local/templates/dvk/css/../assets/fonts/OpenSansLight/OpenSansLight.woff') format('woff'); font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; font-display: swap; } @font-face { font-family: 'OpenSansBold'; src: url('/local/templates/dvk/css/../assets/fonts/OpenSansBold/OpenSansBold.eot'); src: url('/local/templates/dvk/css/../assets/fonts/OpenSansBold/OpenSansBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dvk/css/../assets/fonts/OpenSansBold/OpenSansBold.woff2') format('woff2'), url('/local/templates/dvk/css/../assets/fonts/OpenSansBold/OpenSansBold.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy-Bold'; src: url('/local/templates/dvk/css/../assets/fonts/GilroyBold/Gilroy-Bold.eot'); src: url('/local/templates/dvk/css/../assets/fonts/GilroyBold/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dvk/css/../assets/fonts/GilroyBold/Gilroy-Bold.woff2') format('woff2'), url('/local/templates/dvk/css/../assets/fonts/GilroyBold/Gilroy-Bold.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy-Regular'; src: url('/local/templates/dvk/css/../assets/fonts/GilroyRegular/Gilroy-Regular.eot'); src: url('/local/templates/dvk/css/../assets/fonts/GilroyRegular/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/dvk/css/../assets/fonts/GilroyRegular/Gilroy-Regular.woff2') format('woff2'), url('/local/templates/dvk/css/../assets/fonts/GilroyRegular/Gilroy-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy-Medium'; src: url('/local/templates/dvk/css/../assets/fonts/GilroyMedium/Gilroy-Medium.eot'); src: url('/local/templates/dvk/css/../assets/fonts/GilroyMedium/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/dvk/css/../assets/fonts/GilroyMedium/Gilroy-Medium.woff2') format('woff2'), url('/local/templates/dvk/css/../assets/fonts/GilroyMedium/Gilroy-Medium.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy-Semibold'; src: url('/local/templates/dvk/css/../assets/fonts/GilroySemibold/Gilroy-Semibold.eot'); src: url('/local/templates/dvk/css/../assets/fonts/GilroySemibold/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dvk/css/../assets/fonts/GilroySemibold/Gilroy-Semibold.woff2') format('woff2'), url('/local/templates/dvk/css/../assets/fonts/GilroySemibold/Gilroy-Semibold.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy-Light'; src: url('/local/templates/dvk/css/../assets/fonts/GilroyLight/Gilroy-Light.eot'); src: url('/local/templates/dvk/css/../assets/fonts/GilroyLight/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/dvk/css/../assets/fonts/GilroyLight/Gilroy-Light.woff2') format('woff2'), url('/local/templates/dvk/css/../assets/fonts/GilroyLight/Gilroy-Light.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } html { height: 100%; font-size: 10px } html._lock-scroll { overflow: hidden; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; background: white; -webkit-overflow-scrolling: touch } body._lock-scroll { overflow: hidden; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; -moz-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ } ol { padding-left: 16px; } ul { padding-left: 20px; } main input, main button, main textarea, header input, header button, header textarea, .mfp-wrap button, .popup button { border: none; outline: none; border-radius: 0; -webkit-appearance: none } input:focus, button:focus, textarea:focus { outline: none; } textarea { overflow: auto; /* for ie, remove scrollbar*/ } input:invalid { -webkit-box-shadow: none; box-shadow: none; } input:-moz-submit-invalid { box-shadow: none; } input:-moz-ui-invalid { box-shadow: none; } input::-ms-clear { display: none; } /* Change Autocomplete styles in Chrome*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset; } button::-moz-focus-inner { border: 0; /*снимает border при фокусе табами*/ } button span { position: relative; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-ms-clear { -webkit-appearance: none; display: none; } button { cursor: pointer; } [type="button"] { background-color: transparent; } a { font-size: inherit; color: inherit; text-decoration: none } a:focus, a:visited { outline: none; } mark {} .container { width: 94.74vw; margin: 0 auto; } .round { width: 96.15%; max-width: 1846px; margin: 0 auto; } .main { position: relative; z-index: 0; overflow: hidden; display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 113px; margin-top: 11.3rem; font-size: 0; } .main._padding { padding-top: 20px; padding-top: 2rem; } .main._light-blue-bg { background-color: #e9efff; } .main._flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main._no-margin { margin-top: 0; } .main._filter-active { margin-top: 0; z-index: 2; } .section { /* padding-top: 11.2rem; */ } .section._no-padding { padding-top: 0; } .section .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .flex, .flex-parent { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } .flex-parent { align-content: stretch; flex-wrap: wrap; } @media screen\0 { .flex-parent { display: block; } } @media screen and (min-width:0\0) { .flex-parent { display: block; } /* backslash-9 removes ie11+ & old Safari 4 */ } .section:first-child { padding-top: 112px; padding-top: 11.2rem; } h1 {} h2 {} .title-1 { font: 36px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 3.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #3a3a3a; } .title-2 { font: 30px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 3rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #3a3a3a; } .title-3 { font: 22px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2.2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #3a3a3a; } .title-4 { font: 18px 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #3a3a3a; } .title-blue { color: #465596 } .text { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .text-blue { color: #465596; } .clear:after { content: ""; display: table; clear: both; } .slick-slide:focus, .slick-slide a { outline: none; } .rouble { position: relative; display: inline-block } .rouble:after { content: ' руб.'; position: absolute; right: -5px; right: -0.5rem; top: 50%; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); display: block; } .rb, .lt { position: absolute; width: 6px; width: 0.6rem; height: 6px; height: 0.6rem; -webkit-transition: 300ms; transition: 300ms; } .rb { border-right: 1px solid #fff; border-right: 0.1rem solid #fff; border-bottom: 1px solid #fff; border-bottom: 0.1rem solid #fff; } .lt { border-left: 1px solid #fff; border-left: 0.1rem solid #fff; border-top: 1px solid #fff; border-top: 0.1rem solid #fff; } .slider-dot { width: 9px; width: 0.9rem; height: 9px; height: 0.9rem; border: 1px solid #95a6d6; border: 0.1rem solid #95a6d6; border-radius: 50%; -webkit-transition: 300ms; transition: 300ms; } .slick-active .slider-dot { background-color: #95a6d6; } ._bg-modify { background-color: rgba(0, 0, 0, .2); } .custom-dots { padding-top: 15px; padding-top: 1.5rem; list-style-type: none; font-size: 0; text-align: center; margin-bottom: 40px; margin-bottom: 4rem; } .custom-dots li { display: inline-block; margin: 0 5px; margin: 0 0.5rem; width: 11px; width: 1.1rem; height: 11px; height: 1.1rem; border: 1px solid #7d8dd2; border: 0.1rem solid #7d8dd2; border-radius: 50%; -webkit-transition: 300ms; transition: 300ms } .custom-dots li.slick-active { background-color: #7d8dd2; } .btn-go { position: relative; display: inline-block; padding: 10px 45px 10px 23px; padding: 1rem 4.5rem 1rem 2.3rem; color: #ffffff; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-transform: uppercase; -webkit-transition: .4s; transition: .4s; } .btn-go span { position: relative; -webkit-transition: all .3s; transition: all .3s; z-index: 1; } .btn-go svg { position: absolute; right: 20px; right: 2rem; top: 0; bottom: 0; display: block; margin: auto; width: 7px; width: 0.7rem; height: 11px; height: 1.1rem; fill: #ffffff; -webkit-transition: 300ms; transition: 300ms; z-index: 1; } .btn-go img { position: absolute; right: 20px; right: 2rem; top: 0; bottom: 0; display: block; margin: auto; width: 7px; width: 0.7rem; height: 11px; height: 1.1rem; fill: #ffffff; -webkit-transition: 300ms; transition: 300ms; z-index: 1; } .desktop .btn-go:hover span { color: #cd4c4c; } .desktop .btn-go:hover svg { fill: #cd4c4c; } .desktop .btn-go:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .desktop .btn-go:hover:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .btn-go:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: scale(1.2); transform: scale(1.2); display: block; width: 100%; height: 100%; background-color: #ffffff; border: 1px solid #cd4c4c; border-radius: 10rem; -webkit-transition: all .3s; transition: all .3s; opacity: 0; } .btn-go:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: scale(1); transform: scale(1); display: block; margin: auto; width: 100%; height: 100%; background-color: #cd4c4c; border-radius: 10rem; -webkit-transition: all .3s; transition: all .3s; opacity: 1; } .btn-go._blue:after, .btn-go._blue:before { z-index: -1; } .btn-go._blue, .btn-go._blue span { color: #95a6d6; } .btn-go._blue svg { fill: #95a6d6; } .btn-go._blue:before { border: 0; background-color: #f1f5ff; } .btn-go._blue:after { background-color: transparent; border: 1px solid #95a6d6; } .desktop .btn-go._blue:hover, .desktop .btn-go._blue:hover span { color: #cd4c4c; } .desktop .btn-go._blue:hover svg { fill: #cd4c4c; } .desktop .btn-go._blue:hover:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .desktop .btn-go._blue:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .btn-go._white span { color: white; } .btn-go._white svg { fill: white; } .btn-go._white:before { border: 0; background-color: #f1f5ff; } .btn-go._white:after { background-color: transparent; border: 1px solid white; } .desktop .btn-go._white:hover span { color: #cd4c4c; } .desktop .btn-go._white:hover svg { fill: #cd4c4c; } .desktop .btn-go._white:hover:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .desktop .btn-go._white:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .circle-btn { position: relative; width: 40px; width: 4rem; height: 40px; height: 4rem; border-radius: 50%; border: 1px solid #000; -webkit-transition: all .4s; transition: all .4s } .circle-btn._blue { border-color: #7d8dd2; } .circle-btn._blue svg { fill: #7d8dd2; } .desktop .circle-btn._blue:hover { border-color: #f1f5ff; background-color: #f1f5ff; } .desktop .circle-btn._blue:hover svg { fill: #cd4c4c; } .circle-btn._blue._js-active { border-color: #f1f5ff; background-color: #f1f5ff; } .circle-btn._blue._js-active svg { fill: #4f5fa5; } .circle-btn._fixed-to-top, .circle-btn._fullpage-top { position: fixed; bottom: 25px; bottom: 2.5rem; left: 10px; left: 1rem; -webkit-transform: rotate(-90deg) translateY(-2.5rem); transform: rotate(-90deg) translateY(-2.5rem); z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: opacity 200ms, visibility 200ms, all .4s, -webkit-transform 300ms; transition: opacity 200ms, visibility 200ms, all .4s, -webkit-transform 300ms; transition: opacity 200ms, visibility 200ms, transform 300ms, all .4s; transition: opacity 200ms, visibility 200ms, transform 300ms, all .4s, -webkit-transform 300ms; } .circle-btn._fixed-to-top.js-active, .circle-btn._fullpage-top.js-active { opacity: 1; visibility: visible; -webkit-transform: rotate(-90deg) translateY(0); transform: rotate(-90deg) translateY(0); } .circle-btn._fixed-to-top.js-reversed, .circle-btn._fullpage-top.js-reversed { -webkit-transform: rotate(90deg) translateY(0); transform: rotate(90deg) translateY(0); } .circle-btn__arrow { position: absolute; top: 50%; left: calc(50% + 1px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 7px; width: 0.7rem; height: 11px; height: 1.1rem; } .circle-btn__arrow._left { left: calc(50%); } .circle-btn__arrow svg { position: absolute; display: block; width: 100%; height: 100%; -webkit-transition: all .4s; transition: all .4s; } .circle-btn._left svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .btn-not-link { position: relative; display: inline-block; padding: 10px 23px 10px 23px; padding: 1rem 2.3rem 1rem 2.3rem; color: #ffffff; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; background-color: transparent; -webkit-transition: .4s .4s; transition: .4s .4s; } ._new-form a.btn-not-link { color: #fff; } .btn-not-link span { position: relative; -webkit-transition: all .3s; transition: all .3s; z-index: 1; } .btn-not-link:before { content: ''; position: absolute; left: 0; top: 0; -webkit-transform: scale(1.2); transform: scale(1.2); display: block; width: 100%; height: 100%; background-color: #ffffff; border-radius: 10rem; -webkit-transition: all .3s; transition: all .3s; opacity: 0; } .btn-not-link:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transform: scale(1); transform: scale(1); display: block; margin: auto; background-color: #cd4c4c; border-radius: 10rem; -webkit-transition: all .3s; transition: all .3s; opacity: 1; } .desktop .btn-not-link:hover span { color: #cd4c4c; } .desktop .btn-not-link:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .desktop .btn-not-link:hover:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .btn-not-link._blue span { color: #ffffff; } .btn-not-link._blue:before { background-color: #f1f5ff; } .btn-not-link._blue:after { background-color: #465596; border: 1px solid #95a6d6; } .desktop .btn-not-link._blue:hover span { color: #cd4c4c; } .desktop .btn-not-link._blue:hover:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .desktop .btn-not-link._blue:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .btn-not-link._red-hover:before { background-color: #cd4c4c; } .desktop .btn-not-link._red-hover:hover span { color: white; } .desktop .btn-not-link._red-hover:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .desktop .btn-not-link._red-hover:hover:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .btn-not-arrow { position: relative; display: inline-block; padding: 10px 23px 10px 23px; padding: 1rem 2.3rem 1rem 2.3rem; color: #ffffff; font: 12px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; -webkit-transition: .4s; transition: .4s; } .btn-not-arrow span { position: relative; -webkit-transition: all .3s; transition: all .3s; z-index: 1; } .btn-not-arrow:before { content: ''; position: absolute; left: 0; top: 0; -webkit-transform: scale(1.2); transform: scale(1.2); display: block; width: 100%; height: 100%; background-color: #ffffff; border-radius: 10rem; -webkit-transition: all .3s; transition: all .3s; opacity: 0; } .btn-not-arrow:after { content: ''; position: absolute; top: 0; left: 0; -webkit-transform: scale(1); transform: scale(1); display: block; margin: auto; width: 100%; height: 100%; background-color: #cd4c4c; border-radius: 10rem; -webkit-transition: all .3s; transition: all .3s; opacity: 1; } .desktop .btn-not-arrow:hover span { color: #cd4c4c; } .desktop .btn-not-arrow:hover svg { fill: #cd4c4c; } .desktop .btn-not-arrow:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .desktop .btn-not-arrow:hover:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .btn-not-arrow._blue span { color: #95a6d6; } .btn-not-arrow._blue:before { background-color: #f1f5ff; } .btn-not-arrow._blue:after { background-color: transparent; border: 1px solid #95a6d6; } .desktop .btn-not-arrow._blue:hover span { color: #cd4c4c; } .desktop .btn-not-arrow._blue:hover:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .desktop .btn-not-arrow._blue:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .content {} .number { position: absolute; top: 2px; top: 0.2rem; left: -40px; left: -4rem; width: 30px; width: 3rem; font: 16px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; text-align: center; color: #95a6d6 } .number._red { color: #cd4c4c; } .number._red:after { border-color: #cd4c4c; } .number:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 27px; width: 2.7rem; height: 27px; height: 2.7rem; border-radius: 50%; border-color: #95a6d6; border-width: 1px; border-width: 0.1rem; border-style: solid; } .counter-controls { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; margin-right: 1rem; width: 90px; width: 9rem; height: 32px; height: 3.2rem; font-size: 15px; border: 1px solid #95a6d6; border-radius: 150rem; } .counter-controls .ui-button { display: none; } .counter-controls .ui-spinner { display: block; width: 30%; } .counter-controls__counter { display: inline-block; margin: 0; padding: 0; height: 100%; width: 100%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; text-align: center; background-color: transparent; } .counter-controls__counter-down { position: relative; display: block; width: 35%; } .counter-controls__counter-down svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 10px; width: 1rem; min-width: 10px; height: 10px; height: 1rem; min-height: 10px; fill: #95a6d6; } .counter-controls__counter-up { position: relative; display: block; width: 35%; } .counter-controls__counter-up svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 10px; width: 1rem; min-width: 10px; height: 10px; height: 1rem; min-height: 10px; fill: #95a6d6; } .select { width: 100%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } .select .jq-selectbox__select { padding: 10px 10px; padding: 1rem 1rem; background-color: #465596; color: white; -webkit-transition: 300ms; transition: 300ms } .select .jq-selectbox__select:hover { background-color: #7d8dd2; cursor: pointer; } .select .jq-selectbox__dropdown { width: 100%; background-color: white; } .select .jq-selectbox__dropdown li { padding: 10px 5px; padding: 1rem 0.5rem; color: #3a3a3a; border-bottom: 1px solid #e9efff; -webkit-transition: 250ms 75ms; transition: 250ms 75ms } .select .jq-selectbox__dropdown li:hover { background-color: #95a6d6; } .select .jq-selectbox__trigger-arrow { width: 100%; } .select .jq-selectbox__trigger { position: absolute; right: 15px; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .select__select-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); height: 10px; height: 1rem; min-height: 10px; width: 6px; width: 0.6rem; min-width: 6px; fill: white; -webkit-transition: 400ms; transition: 400ms; } .opened .select__select-arrow { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* blocks */ .breadcrumbs { display: none; padding-top: 30px; padding-top: 3rem; margin-bottom: 35px; margin-bottom: 3.5rem; } .breadcrumbs__list { list-style-type: none; } .breadcrumbs__item { position: relative; display: inline-block; margin-right: 30px; margin-right: 3rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; } .breadcrumbs__item:after { content: ''; position: absolute; top: 0; bottom: 0; right: -16px; right: -1.6rem; display: block; width: 2px; height: 2px; margin: auto; background-color: #95a6d6; } .breadcrumbs__item:last-child:after { display: none; } .breadcrumbs__link { color: #465596; -webkit-transition: 300ms; transition: 300ms; } .breadcrumbs__link._white { color: #ffffff; } .breadcrumbs__link:hover { color: #cd4c4c; } .header { position: fixed; width: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); -webkit-transition: opacity 400ms 75ms, -webkit-transform 400ms; transition: opacity 400ms 75ms, -webkit-transform 400ms; transition: opacity 400ms 75ms, transform 400ms; transition: opacity 400ms 75ms, transform 400ms, -webkit-transform 400ms; z-index: 1 } .header._filter-active { visibility: hidden; opacity: 0; } .header.js-mobile-hidden { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .header__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__search { position: absolute; top: 126px; top: 12.6rem; left: 0; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); height: calc(100vh - 12.6rem); width: 100vw; background: #465596; opacity: 0; visibility: hidden; -webkit-transition: 300ms; transition: 300ms; } .header__search.js-open { opacity: 0.5; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .header__logo { -ms-flex-item-align: center; align-self: center; display: block; margin-right: 2.5%; width: 8.68%; height: 100vh; max-width: 125px; max-width: 12.5rem; max-height: 65px; max-height: 6.5rem; min-width: 52px; min-width: 5.2rem; background-repeat: no-repeat; background-position: left center; background-size: contain; -webkit-transition: 400ms; transition: 400ms; } .header__menu { display: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header__menu-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 400ms; transition: 400ms; } .header__menu-row._top { padding: 15px 0; padding: 1.5rem 0; display: none; border-bottom: 1px solid #eff3ff; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .header__menu-row._bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; height: 7rem; } .header__link-email { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; font-weight: 700; font-size: 18px; } .header__link-email._side-mobile { padding-left: 20px; margin-bottom: 20px; margin-bottom: 2rem; } .header__link-call { margin-right: 3.47%; font: 12px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font-size: 15px; //text-transform: uppercase; color: #465596; -webkit-transition: 500ms; transition: 500ms; } .desktop .header__link-call:hover { color: #cd4c4c; } .header__link-phone { -webkit-transform: translateY(2px); transform: translateY(2px); font: 19px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.9rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #465596; } .header__link-phone a span { color: #cd4c4c; } .header__link-phone._only-fixed { font-size: 0; visibility: hidden; opacity: 0; } .header__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 58.83%; height: 100%; z-index: 2; } .header__menu-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100%; z-index: 3; } .header__nav-element { position: relative; height: 100%; line-height: 70px; line-height: 7rem; font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; } .header__nav-element._bold { font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; } .header__nav-element._dropdown:hover ._hidden-elem { visibility: visible; opacity: 1; } .header__nav-link { font-size: 14px; font-size: 1.4rem; color: #3a3a3a; text-transform: uppercase; } .header__nav-link:first-child { margin-left: 0; } /*.header__nav .header__nav-element:nth-child(1), .header__nav .header__nav-element:nth-child(2) { font-weight:700; }*/ .header__drop { position: absolute; left: -20px; left: -2rem; line-height: 1; -webkit-transition: 400ms; transition: 40ms; z-index: 1; margin-top: -2px; } .header__drop._disable-hover { pointer-events: none; } .header__drop._hidden-elem { visibility: hidden; opacity: 0; } .header__drop._catalog { width: calc(68.48958vw + 2rem); } .header__drop._catalog .header__drop-category { width: 27.78%; } .header__drop._only-links { min-width: 247px; /*min-width: 24rem;*/ overflow: auto; text-transform: uppercase; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); } .header__drop-category { max-height: 480px; max-height: 48rem; overflow: auto; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); -webkit-transition: 400ms; transition: 400ms; } .header__drop-category._enable-hover { pointer-events: all; } .header__drop-category._hidden-elem { visibility: hidden; opacity: 0; } .header__drop-item { padding-top: 13px; padding-top: 1.3rem; padding-bottom: 13px; padding-bottom: 1.3rem; padding-left: 40px; padding-left: 4rem; background-color: #ffffff; -webkit-transition: 200ms; transition: 200ms; } .header__drop-item:hover { background-color: #e9efff; } .header__drop-item:hover + .header__tab { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; -webkit-transition-delay: 150ms; transition-delay: 150ms; } .header__drop-link { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .header__drop-link._no-tab { color: #7d8dd2; } .header__drop-link:hover { color: #cd4c4c; } .header__tab { position: absolute; right: 0; left: 27.78%; top: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateX(15%); transform: translateX(15%); /*min-height: 420px; min-height: 42rem;*/ height: 100%; background-color: #e9efff; -webkit-box-shadow: 4px -2px 5px -2px rgba(0, 0, 0, .15); box-shadow: 4px -2px 5px -2px rgba(0, 0, 0, .15); visibility: hidden; opacity: 0; -webkit-transition: 600ms 50ms; transition: 60ms 50ms; list-style-type: none; } .header__tab .simplebar-content { overflow-x: auto; } .header__tab:hover { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; -webkit-transition-delay: 150ms; transition-delay: 150ms; } .header__tab-item { display: none; line-height: 100%; color: #505050; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } .header__tab-item._sub-category { display: inline-block; padding-top: 20px; padding-top: 2rem; margin-bottom: 20px; margin-bottom: 2rem; margin-left: 40px; margin-left: 4rem; width: calc(49% - 4rem); font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; color: #95a6d6; } .header__tab-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 400ms; transition: 400ms; } .header__tab-link:hover { color: #cd4c4c; } .header__search-btn { position: relative; margin-right: 19%; width: 17px; width: 1.7rem; height: 15px; height: 1.5rem; } .header__search-btn button { position: relative; top: 0; display: block; width: 100%; height: 100%; background-color: #ffffff; } .header__search-input { position: absolute; right: -13px; right: -1.3rem; top: 50%; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: translate(0, -50%) scaleX(0); transform: translate(0, -50%) scaleX(0); padding: 10px; padding: 1rem; height: 30px; height: 3rem; width: 200px; width: 20rem; border: 1px solid #95a6d6; border-radius: 1.7rem; background-color: #ffffff; opacity: 0; -webkit-transition: 300ms; transition: 300ms; } .header__search-input.js-active { -webkit-transform: translate(0, -50%) scaleX(1); transform: translate(0, -50%) scaleX(1); opacity: 1; } .header__search-input:after { content: ''; position: absolute; top: 50%; right: 40px; right: 4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; width: 0.1rem; height: 15px; height: 1.5rem; background-color: #95a6d6; } .header__search-input input { position: absolute; top: 0; left: 20px; left: 2rem; bottom: 0; margin: auto; height: 20px; height: 2rem; width: calc(100% - 6rem); font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; background-color: transparent; } .header__search-input input + .placeholder { position: absolute; top: 0; left: 20px; left: 2rem; bottom: 0; -webkit-transform: translateX(100%); transform: translateX(100%); margin: auto; height: 20px; height: 2rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; opacity: 0; visibility: hidden; -webkit-transition: 300ms; transition: 300ms; } .header__search-input input:focus + .placeholder { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .header__search-input input[value]:not([value=""]) + .placeholder, .header__search-input input._hidden-placeholder + .placeholder { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; t transition: 150ms; } .header__fixed-call-icon { margin-right: 0; } .header__fixed-call-icon svg { position: relative; display: block; width: 0px; width: 0rem; height: 0px; height: 0rem; } .header__fixed-call-icon svg .phone-bg { fill: #95a6d6; -webkit-transition: 400ms; transition: 400ms; } .header__fixed-call-icon svg .phone-path { fill: #f1f5ff; } .header__fixed-call-icon:hover .phone-bg { fill: #cd4c4c; } .header__basket, .header__profile { font: 15px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.5rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #3a3a3a; } .header__basket { position: relative; margin-right: 6.82%; } .header__basket svg { position: absolute; left: -39px; left: -3.9rem; top: 0; bottom: 0; margin: auto; width: 24px; width: 2.4rem; height: 24px; height: 2.4rem; } .header__basket .basket-bg { fill: #f1f5ff; } .header__basket .basket-path { fill: #95a6d6; -webkit-transition: 400ms; transition: 400ms; } .desktop .header__basket:hover .basket-path { fill: #cd4c4c; } .desktop .header__basket:hover .header__basket-tooltip { visibility: visible; opacity: 1; } .header__basket-tooltip { position: absolute; left: 50%; top: calc(100% + 4rem); -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; white-space: nowrap; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; visibility: hidden; opacity: 0; -webkit-transition: all 300ms 200ms, color 300ms; transition: all 300ms 200ms, color 300ms; } .header__basket-tooltip:before { content: ''; position: absolute; top: -10px; top: -1rem; bottom: -10px; bottom: -1rem; left: -20px; left: -2rem; right: -20px; right: -2rem; background-color: #fff; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); z-index: -1; } .header__basket-tooltip:after { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -1.7rem) rotate(45deg); transform: translate(-50%, -1.7rem) rotate(45deg); width: 14px; width: 1.4rem; height: 14px; height: 1.4rem; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); background-color: #ffffff; z-index: 0; } .header__basket-tooltip .fix-shadow { position: absolute; top: -10px; top: -1rem; right: 0; left: 0; height: 12px; height: 1.2rem; background-color: #ffffff; z-index: 1; } .header__basket-tooltip:hover { color: #cd4c4c; } .header__profile { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; } .header__profile svg { position: relative; top: 0; bottom: 0; margin-right: 10px; margin-right: 1rem; width: 24px; width: 2.4rem; height: 24px; height: 2.4rem; } .header__profile svg .profile-bg { fill: #f1f5ff; } .header__profile svg .profile-path { fill: #95a6d6; -webkit-transition: 400ms; transition: 400ms; } .header__profile:hover { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); } .header__profile:hover .profile-path { fill: #cd4c4c; } .header__profile:hover .header__profile-drop { visibility: visible; opacity: 1; } .header__profile-link { -webkit-transition: 400ms; transition: 400ms; } .header__profile-drop { position: absolute; top: 100%; right: 0; padding-top: 15px; padding-top: 1.5rem; width: 100%; min-width: 110px; min-width: 11rem; visibility: hidden; opacity: 0; -webkit-transition: 400ms; transition: 400ms; } .header__profile-drop:before { content: ''; position: absolute; top: 0; left: -20px; left: -2rem; right: -20px; right: -2rem; bottom: -20px; bottom: -2rem; display: block; background-color: #ffffff; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); z-index: 1; } .header__profile-drop-item { position: relative; margin-bottom: 14px; margin-bottom: 1.4rem; color: #adadad; z-index: 2; } .header__profile-drop-link { -webkit-transition: 300ms; transition: 300ms; } .header__profile-drop-link:hover { color: #cd4c4c; } .header__mobile-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header__mobile-menu .hamburger { -webkit-transform: scale(0.6); transform: scale(0.6); margin-right: -1%; margin-left: auto; padding-right: 0; z-index: 1; } .header__mobile-menu .hamburger-inner, .header__mobile-menu .hamburger-inner:before, .header__mobile-menu .hamburger-inner:after { background-color: #465596; } .header__mobile-menu .header__link-phone { position: absolute; left: 50%; top: 20px; top: 2rem; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .header__mobile-catalog-trigger { display: block; width: 100%; padding: 15px 0; padding: 1.5rem 0; text-transform: uppercase; font: 12px 'OpenSansBold', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansBold', Arial, Helvetica, sans-serif; } .header__mobile-catalog-trigger.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header__mobile-catalog-trigger:before { content: ''; position: absolute; top: 65px; top: 6.5rem; left: 0; right: 0; height: 1px; height: 0.1rem; background-color: #e9efff; } .header__mobile-catalog-trigger:after { content: ''; position: relative; top: -1px; top: -0.1rem; display: inline-block; margin-left: 4px; margin-left: 0.4rem; width: 11px; width: 1.1rem; height: 7px; height: 0.7rem; background: url(/local/templates/dvk/css/../assets/icon/icon-arrow-black.svg) no-repeat center / 100% 100%; -webkit-transition: 200ms; transition: 200ms; } .header__catalog-navigation { position: absolute; top: 100%; left: 0; right: 0; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); background-color: #e9efff; list-style-type: none; -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, .15); box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, .15); opacity: 0; visibility: hidden; -webkit-transition: 300ms; transition: 300ms; } .mobile.landscape .header__catalog-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .mobile.landscape .header__catalog-navigation > li { width: 50%; } .header__catalog-navigation.active { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } .header__navigation-link { display: block; padding: 20px 0; padding: 2rem 0; padding-left: 3.25vw; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .header__mobile-nav-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; } .header__mobile-nav-wrapper._side-active { visibility: visible; } .header__mobile-nav-wrapper._side-active .layout { opacity: 0.8; } .header__mobile-nav-wrapper .layout { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: #1a2233; opacity: 0; z-index: 0; -webkit-transition: 300ms; transition: 300ms; } ._filter-active .header__mobile-nav-wrapper .layout { opacity: 0.8; -webkit-transform: translateX(0%); transform: translateX(0%); } .header__nav-side { position: absolute; right: 0; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateX(100%); transform: translateX(100%); overflow: scroll; padding-top: 20px; padding-top: 2rem; padding-left: 20px; padding-left: 2rem; height: 100%; width: 320px; visibility: hidden; opacity: 0; background-color: #ffffff; z-index: 1; -webkit-transition: 400ms; transition: 400ms; } ._first-level .header__nav-side { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; } .header__nav-side .header__search-btn { top: 7px; top: 0.7rem; left: 170px; left: 17rem; margin-bottom: 50px; margin-bottom: 5rem; } .header__side-link-list { list-style-type: none; } .header__side-link { display: block; margin-bottom: 35px; margin-bottom: 3.5rem; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-transform: uppercase; } .header__side-link._lvl-2:after { content: ''; position: relative; top: -1px; top: -0.1rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 10px; margin-left: 1rem; width: 11px; width: 1.1rem; height: 7px; height: 0.7rem; background: url(/local/templates/dvk/css/../assets/icon/icon-arrow-black.svg) no-repeat center / 100% 100%; -webkit-transition: 200ms; transition: 200ms; } .header__side-control-list { position: relative; padding-top: 20px; padding-top: 2rem; list-style-type: none; margin-bottom: 35px; margin-bottom: 3.5rem; } .header__side-control-list:before { content: ''; position: absolute; top: -1px; top: -0.1rem; left: -20px; left: -2rem; right: 0; display: block; height: 1px; height: 0.1rem; background-color: #e9efff; } .header__control-item { display: block; margin-bottom: 35px; margin-bottom: 3.5rem; font: 15px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.5rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } .header__control-item._lvl-2:after { content: ''; position: relative; top: -1px; top: -0.1rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-left: 10px; margin-left: 1rem; width: 11px; width: 1.1rem; height: 7px; height: 0.7rem; background: url(/local/templates/dvk/css/../assets/icon/icon-arrow-black.svg) no-repeat center / 100% 100%; -webkit-transition: 200ms; transition: 200ms; } .header__sub-side { position: absolute; right: 0; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateX(100%); transform: translateX(100%); padding-top: 20px; padding-top: 2rem; padding-left: 20px; padding-left: 2rem; height: 100%; width: 320px; background-color: #e9efff; opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: 400ms; transition: 400ms; } .header__sub-side.active { right: 320px; opacity: 1; visibility: visible; } .header__sub-side:before { content: ''; position: relative; top: -20px; top: -2rem; left: -20px; left: -2rem; display: block; width: calc(100% + 2rem); height: 70px; height: 7rem; background-color: #ffffff; } /*._about .header__sub-side[data-level="about"], ._service .header__sub-side[data-level="service"], ._profile .header__sub-side[data-level="profile"] { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }*/ .header._js-fixed { -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); } .header._js-fixed .header__search { top: calc(7rem + 1px); height: calc(100vh - 7rem + 1px); } .header._js-fixed .header__menu-row._top { padding: 0; } .header._js-fixed .header__menu-row._top > * { -webkit-transition: 400ms; transition: 400ms; font-size: 0; } .header._js-fixed .header__nav { width: 40%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header._js-fixed .header__nav .header__nav-element { margin-right: 20px; margin-right: 2rem; } .header._js-fixed .header__nav .header__nav-element:not(._fixed-show) { display: none; } .header._js-fixed .header__menu-wrapper { width: 60%; } .header._js-fixed ._only-fixed { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 9.44%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: visible; opacity: 1; font-size: 19px; font-size: 1.9rem; } .header._js-fixed ._only-fixed .fixed-mail { margin-right: 27px; text-transform: initial; font-size: 16px; font-size: 1.6rem; } .header._js-fixed .header__fixed-call-icon { margin-right: 7.95%; } .header._js-fixed .header__fixed-call-icon svg { width: 24px; width: 2.4rem; height: 24px; height: 2.4rem; } .header._js-fixed .header__basket { margin-right: 7.95%; font-size: 0; } .header._js-fixed .header__basket svg { position: relative; left: 0; display: block; } .header._js-fixed .header__basket-tooltip { font-size: 14px; font-size: 1.4rem; } .header._js-fixed .header__basket:hover .header__basket-tooltip { visibility: visible; opacity: 1; } .header._js-fixed .header__profile svg { position: relative; left: 0; display: block; } .header._js-fixed .header__profile > a { font-size: 0; } .header._js-fixed .header__search-btn { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .header ._dropdown { -webkit-transition: 200ms; transition: 200ms; } .header ._dropdown:hover a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header ._dropdown:hover:before { visibility: visible; opacity: 1; } .header ._dropdown:hover:after { content: ''; position: absolute; bottom: 0; left: -20px; left: -2rem; right: -20px; right: -2rem; display: block; height: 5px; background-color: #ffffff; -webkit-transition: 200ms; transition: 200ms; z-index: 1; } .header ._dropdown > a:after { content: ''; position: relative; top: -1px; top: -0.1rem; display: inline-block; margin-left: 4px; margin-left: 0.4rem; width: 11px; width: 1.1rem; height: 7px; height: .7rem; background: url('/local/templates/dvk/css/../assets/icon/icon-arrow-black.svg') no-repeat center / 100% 100%; -webkit-transition: 200ms; transition: 200ms; } .header ._dropdown:before { content: ''; position: absolute; top: 10px; top: 1rem; bottom: -20px; bottom: -2rem; left: -20px; left: -2rem; right: -20px; right: -2rem; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15); opacity: 0; visibility: hidden; -webkit-transition: 300ms; transition: 300ms; z-index: -1; } .footer { min-height: 107px; min-height: 10.7rem; } .footer .wrapper { padding-top: 45px; padding-top: 4.5rem; padding-bottom: 40px; padding-bottom: 4rem; background-color: #465596; } .footer__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__action { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -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; } .footer__nav { width: 100%; margin-bottom: 15px; margin-bottom: 1.5rem; } .footer__nav-link { display: block; margin-right: 20px; margin-right: 2rem; margin-bottom: 10px; margin-bottom: 1rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; -webkit-transition: 400ms; transition: 400ms; } .footer__nav-link:last-child { margin-right: 0; } .footer__nav-link:hover { color: #cd4c4c; } .footer__action-link { display: block; margin-bottom: 10px; margin-bottom: 1rem; width: 100%; font: 13px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.3rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; /*text-transform: uppercase;*/ color: #ffffff; -webkit-transition: 400ms; transition: 400ms; } .footer__action-link:hover { color: #fff; } .footer__action-phone { position: relative; display: block; margin-left: 37px; margin-left: 3.7rem; color: #ffffff; -webkit-transition: 400ms; transition: 400ms; } .footer__action-phone + svg { position: absolute; top: 0; bottom: 0; left: -37px; left: -3.7rem; margin: auto; width: 24px; width: 2.4rem; height: 24px; height: 2.4rem; } .footer__action-phone + svg .phone-bg { fill: #465596; } .footer__action-phone + svg .phone-path { fill: #ffffff; -webkit-transition: 400ms; transition: 400ms; } .footer__action-phone:hover { color: #cd4c4c; } .footer__action-phone:hover + svg .phone-path { fill: #cd4c4c; } .yo-kassa-table { font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #e9efff; margin-top: 15px; } .yo-kassa-table td:first-of-type { padding-right: 20px; } .bg-banner-main { position: absolute; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; } .bg-banner-main__left { width: 100%; background: url('/local/templates/dvk/css/../assets/bg/main-banner-left.jpg') no-repeat center / cover; /*background: url('/upload/images/news-2.png') no-repeat 95% 20px ;*/ } @media(max-width:600px) { .bg-banner-main__left { padding-top: 40px; } .banner-main__name img { display: none; } .banner-main__name .btn-go { top: 0px !important; } } .bg-banner-main__right { position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 600px; } .bg-banner-main__anim-top { position: absolute; top: 0; bottom: 0; width: 100%; background-color: #e9efff; } .bg-banner-main__anim-bot { position: absolute; width: 100%; top: 50%; bottom: 0; background-color: #465596; -webkit-transition: top 1.1s cubic-bezier(.37, 1.15, .8, .98); transition: top 1.1s cubic-bezier(.37, 1.15, .8, .98); } .banner-main { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 8px; margin-bottom: 8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner-main__left { position: relative; width: 100%; } /* КНОПКА ПОДРОБНЕЕ КОТОРАЯ О КОМПАНИИ .banner-main__left .btn-go { position: absolute; top: calc(50% + 6rem); } */ .banner-main__name { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .banner-main__name h1 { font: 90px 'Gilroy-Bold', Arial, Helvetica, sans-serif; font: 9rem 'Gilroy-Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; line-height: 8rem; } .banner-main__name h2 { font: 24px 'Gilroy-Bold', Arial, Helvetica, sans-serif; font: 2.4rem 'Gilroy-Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; } .banner-main__name p { font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #fff; max-width: 500px; } .banner-main__right { position: relative; width: 100%; min-height: 600px; } .desktop .banner-main__right ._btn-top, .desktop .banner-main__right ._btn-bot { -webkit-transform: translateY(70%); transform: translateY(70%); opacity: 0; visibility: hidden; -webkit-transition: all .4s .1s; transition: all .4s .1s; } .banner-main__anim-top { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 1; } .banner-main__anim-top.js-hover ._btn-top { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .banner-main__anim-bot { position: absolute; width: 100%; top: 50%; bottom: 0; z-index: 1; } .banner-main__anim-bot.js-hover ._btn-bot { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .banner-main__description { position: absolute; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-width: 290px; } .banner-main__description._top { top: 20px; top: 2rem; } .banner-main__description._bot { bottom: 6.45vh; -ms-align-items: flex-end; align-items: flex-end; } .banner-main__category-title { margin-bottom: 25px; margin-bottom: 2.5rem; font: 26px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .banner-main__category-title._blue { color: #465596; } .banner-main__category-title._white { color: #ffffff; } .banner-main__prepared { position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(35%); transform: translateY(-50%) translateX(35%); right: 50%; width: 50%; min-width: 300px; height: 54%; background-size: contain; background-repeat: no-repeat; background-position: right center; z-index: 0; } .banner-main__indiv-wrapper { position: relative; overflow: hidden; height: 50%; -webkit-transition: 1.1s cubic-bezier(.37, 1.15, .8, .98); transition: 1.1s cubic-bezier(.37, 1.15, .8, .98); } .banner-main__indiv-wrapper.js-anim-bot { height: 0%; } .banner-main__indiv-wrapper.js-anim-top { height: 100%; } .banner-main__indiv { background-size: contain; background-repeat: no-repeat; background-position: right center; } .projects { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; margin-bottom: 5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .projects._cases { display: block; padding-left: 0; padding-right: 0; } .projects._cases .projects__item { margin-bottom: 30px; margin-bottom: 3rem; width: 100%; } .projects._cases .projects__item._text-fix:last-child { margin-bottom: 0; } .projects._cases .projects__item.mob-hidden { display: none; } .mb2rem{ margin-bottom: 2rem; } .mt1rem{ margin-top: 1rem; } .overflow-a{ overflow-x: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .overflow-a p{ padding-left: 2rem; width: 35%; } .projects__title { margin-bottom: 35px; margin-bottom: 3.5rem; } .custom__title { margin-bottom: 35px; margin-bottom: 3.5rem; } .breadcrumbs__list{ padding-left: 2px; } .projects__items-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .projects__more { text-align: center; } .projects__about { position: absolute; left: -2.63vw; bottom: 110px; bottom: 11rem; top: -440px; top: -44rem; padding-top: 30px; padding-top: 3rem; width: 100vw; background-color: #e9efff; } .projects__about .btn-go { left: 2.63vw; } .projects__about-title { margin-bottom: 15px; margin-bottom: 1.5rem; margin-right: auto; margin-left: auto; width: 94.74vw; } .projects__about-text { position: relative; left: 2.63vw; margin-bottom: 15px; margin-bottom: 1.5rem; min-width: 300px; width: 42.11vw; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; line-height: 1.5; } .projects__item { position: relative; display: block; margin-bottom: 20px; margin-bottom: 2rem; width: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transition: all .5s; transition: all .5s; } .projects__item:after { content: ''; position: relative; display: block; padding-bottom: 100%; } .desktop .projects__item:hover { -webkit-box-shadow: 0px 12px 29px 0px rgba(92, 92, 92, .72); box-shadow: 0px 12px 29px 0px rgba(92, 92, 92, .72); } .desktop .projects__item:hover .projects__hover { opacity: 1; visibility: visible; } .desktop .projects__item:hover .projects__desc { -webkit-transform: translateY(100%); transform: translateY(100%); } .projects__item:last-child { margin-right: 0; } .projects__desc { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 0; height: 110px; height: 11rem; width: 100%; background-color: #465596; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .projects__name { margin-bottom: 6px; margin-bottom: 0.6rem; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; color: #ffffff; } ._text-fix .projects__name { overflow: hidden; height: 22px; height: 2.2rem; white-space: nowrap; text-overflow: ellipsis; } .projects__date { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; color: #7d8dd2; } .projects__hover { position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all .5s; transition: all .5s; } .projects__hover-shape { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #465596; opacity: 0.8; -webkit-transition: all .4s; transition: all .4s; } .projects__hover-arrow { position: absolute; width: 6px; height: 6px; } .projects__hover-arrow._tl { left: 52px; left: 5.2rem; top: 50px; top: 5rem; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; } .projects__hover-arrow._br { right: 52px; right: 5.2rem; bottom: 50px; bottom: 5rem; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .projects__hover-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ffffff; z-index: 1; } .places { margin-bottom: 0; overflow: hidden; } .places__head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; margin-bottom: 5rem; } .places__body { position: relative; } .places__slider { width: 100%; margin: 0 auto; } .places__slider .slick-list { margin: 0 -20px; margin: 0 -2rem; } .places__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-color: #95a6d6; display: none; } .places__arrow._left { left: 0; } .places__arrow._right { right: 0; } .desktop .places__arrow:hover { border-color: #f1f5ff; background-color: #f1f5ff; } .desktop .places__arrow:hover svg { fill: #cd4c4c; } .places__arrow svg { fill: #4f5fa5; } .places__arrow._left { margin-right: 25px; margin-right: 2.5rem; } .places__arrow._left svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .places__item-wrapper { display: block; margin: 0 20px; margin: 0 2rem; width: 75vw; } .places__item { position: relative; width: 100%; height: 500px; height: 50rem; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(78%, #e9efff), color-stop(78%, transparent)); background-image: linear-gradient(to bottom, #e9efff 78%, transparent 78%); } .places__item-desc { position: relative; top: 75px; top: 7.5rem; } .places__item-count { margin-bottom: 15px; margin-bottom: 1.5rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; text-align: center; } .places__item-name { font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; color: #465596; } .places__item-image { position: absolute; bottom: 30px; bottom: 3rem; left: 0; right: 0; display: block; height: 60%; width: auto; max-width: 100%; margin: 0 auto; } .proccess { padding-top: 20px; padding-top: 2rem; padding-bottom: 20px; padding-bottom: 2rem; background-color: #e9efff; } .proccess._full-width-2-rows { padding-top: 0; padding-bottom: 0; margin-bottom: 50px; margin-bottom: 5rem; } .proccess._full-width-2-rows .proccess__links-list { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .proccess._full-width-2-rows .proccess__links-item { width: 365px; width: 36.5rem; text-align-last: left; } .proccess._full-width-2-rows .proccess__links-item-wrapper { width: 100%; } .proccess__wrapper { display: block; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .proccess__desc { padding-top: 40px; padding-top: 4rem; width: 100%; } .proccess__links-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; /* @media $tablet { display: flex; } */ } .proccess__desc-title { margin-bottom: 22px; margin-bottom: 2.2rem; } .proccess__desc-text { margin-bottom: 55px; margin-bottom: 5.5rem; position: relative; } .proccess__links-item { position: relative; display: block; width: 350px; width: 35rem; padding: 50px 0 50px 80px; padding: 5rem 0 5rem 8rem; margin-bottom: 5px; margin-bottom: 0.5rem; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; text-transform: uppercase; -webkit-transition: .4s; transition: .4s; } .desktop .proccess__links-item:hover { background-color: #ffffff; -webkit-box-shadow: 0px 12px 29px 0px rgba(92, 92, 92, .32); box-shadow: 0px 12px 29px 0px rgba(92, 92, 92, .32); } .desktop .proccess__links-item:hover ._lt, .desktop .proccess__links-item:hover ._rb { opacity: 1; visibility: visible; } .proccess__link-arrow { position: absolute; width: 6px; width: 0.6rem; height: 6px; height: 0.6rem; border-right: 1px solid #465596; border-right: 0.1rem solid #465596; border-bottom: 1px solid #465596; border-bottom: 0.1rem solid #465596; opacity: 0; visibility: hidden; } .proccess__link-arrow._lt { left: 20px; left: 2rem; top: 18px; top: 1.8rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .proccess__link-arrow._rb { right: 20px; right: 2rem; bottom: 18px; bottom: 1.8rem; } .proccess__link-text { display: inline-block; line-height: 14px; line-height: 1.4rem; } .proccess__link-text-arrow { position: relative; vertical-align: baseline; display: inline-block; height: 10px; height: 1rem; width: 6px; width: 0.6rem; margin-left: 10px; margin-left: 1rem; } .proccess__link-text-arrow svg { position: absolute; display: block; height: 100%; width: 100%; fill: #465596; -webkit-transition: .4s; transition: .4s; } .proccess__icon { position: absolute; top: 0; bottom: 0; left: 0px; left: 0rem; margin: auto; width: 48px; width: 4.8rem; height: 49px; height: 4.9rem; background-size: contain; background-position: center; background-repeat: no-repeat; } .electron { padding-bottom: 40px; padding-bottom: 4rem; padding-top: 50px; padding-top: 5rem; margin-bottom: 30px; margin-bottom: 3rem; background-color: #465596; overflow: hidden; } .electron__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .electron__thumbnail { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 490px; height: 49rem; width: 100%; } .electron__description-item { -webkit-transition: all .8s; transition: all .8s; } .electron__description { width: 100%; } .electron__description-text { margin-bottom: 40px; margin-bottom: 4rem; color: #95a6d6; } .electron__description-title { margin-bottom: 25px; margin-bottom: 2.5rem; color: #ffffff; } .electron__description-link {} .electron__thumbnail-bg { position: absolute; left: 0; bottom: 0; margin: auto; height: 350px; height: 35rem; width: 100%; background-color: #4f5fa5; z-index: 0; } .electron__btn { position: relative; width: 12.5%; opacity: 0; visibility: hidden; z-index: 1; } .electron__btn .circle-btn { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; border-color: #7d8dd2; } .electron__btn .circle-btn svg { fill: #7d8dd2; } .desktop .electron__btn .circle-btn:hover { border-color: #f1f5ff; background-color: #f1f5ff; } .desktop .electron__btn .circle-btn:hover svg { fill: #cd4c4c; } .electron__preview-container { height: 100%; width: 75%; } .electron__preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 100%; z-index: 1; } .electron__preview { /*.electron__name-wrapper .slick-list { position: relative; @media $tablet { top: 50%; transform: translateY(-50%); } }*/ } .electron__preview-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .electron__preview-item-wrapper { width: calc(100% + 8rem); padding-left: 40px; padding-left: 4rem; margin-left: -40px; margin-left: -4rem; padding-right: 40px; padding-right: 4rem; margin-right: -40px; margin-right: -4rem; padding-top: 60px; padding-top: 6rem; margin-top: -20px; margin-top: -2rem; padding-bottom: 60px; padding-bottom: 6rem; margin-bottom: -60px; margin-bottom: -6rem; /* overflow: hidden; */ max-height: 290px; max-height: 29rem; } .electron__preview-item-wrapper .slick-list { overflow: visible; } .electron__image-wrapper { position: relative; display: block; width: 100%; -webkit-transition: all .8s; transition: all .8s; } .electron__image-wrapper .slick-list { overflow: visible; } .electron__image-item { position: relative; width: 250px; width: 25rem; margin-top: 30px; margin-top: -21px; margin-bottom: 30px; margin-bottom: 3rem; -webkit-transform: scale(0, 0); transform: scale(0, 0); opacity: 0; -webkit-transition: opacity 800ms, -webkit-transform 800ms; transition: opacity 800ms, -webkit-transform 800ms; transition: transform 800ms, opacity 800ms; transition: transform 800ms, opacity 800ms, -webkit-transform 800ms; } .electron__image-item.slick-active { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } .electron__image-item.slick-active .electron__image { -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(0, 0, 0, .21); box-shadow: 0 1.2rem 2.9rem 0 rgba(0, 0, 0, .21); } .electron__image { display: block; margin: 0 auto; width: 163px; height: 230px; opacity: 0.5; } .electron__image-shape { position: absolute; top: 0; left: 0; background-color: #465596; opacity: 0.6; } .electron__name-wrapper { margin: 0 auto 15px; margin: 0 auto 1.5rem; width: 58.33333%; text-align: center; z-index: 1; } .electron__name-wrapper .slick-dots { padding-top: 15px; padding-top: 1.5rem; list-style-type: none; font-size: 0; } .electron__name-wrapper .slick-dots li { display: inline-block; margin: 0 5px; margin: 0 0.5rem; width: 11px; width: 1.1rem; height: 11px; height: 1.1rem; border: 1px solid #7d8dd2; border: 0.1rem solid #7d8dd2; border-radius: 50%; -webkit-transition: 300ms; transition: 300ms } .electron__name-wrapper .slick-dots li.slick-active { background-color: #7d8dd2; } .electron__name { margin-bottom: 10px; margin-bottom: 1rem; color: #ffffff; } .electron__date { margin-bottom: 10px; margin-bottom: 1rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #7d8dd2; } .electron__download { font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ffffff; -webkit-transition: 0.4s; transition: 0.4s; } .electron__download:hover { color: #cd4c4c; } .about-main { margin-bottom: 50px; margin-bottom: 5rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .about-main__desc { -ms-flex-item-align: center; align-self: center; } .about-main__desc .btn-go { margin-bottom: 20px; margin-bottom: 2rem; } .about-main__video-control { opacity: 0; visibility: hidden; } .about-main__video-control.play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 70px; height: 7.0rem; border-style: solid; border-width: 35px 0px 35px 70px; border-width: 3.5rem 0px 3.5rem 7.0rem; border-color: transparent transparent transparent #7d8dd2; -webkit-transition: opacity 300ms ease 1000ms, visibility 300ms ease 1000ms, border-width 100ms ease; transition: opacity 300ms ease 1000ms, visibility 300ms ease 1000ms, border-width 100ms ease; } .about-main__video-control.play.pause { border-style: double; border-width: 0px 0 0px 60px; } .about-main__video:hover .about-main__video-control { opacity: 1; visibility: visible; -webkit-transition: 300ms 0ms; transition: 300ms 0ms; } .about-main__video { position: relative; display: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer; } .about-main__video:after { content: ''; position: relative; display: block; padding-bottom: 56%; } .about-main__video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: 100%; } .about-main__desc-title { margin-bottom: 20px; margin-bottom: 2rem; } .about-main__desc-text { margin-bottom: 35px; margin-bottom: 3.5rem; line-height: 1.5; } .about-main__desc { position: relative; } .about-main__desc-text { overflow: hidden; } .about-main__desc-text.readmore-js-collapsed:after { content: ''; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 250px; height: 25rem; background: rgb(255, 255, 255); background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.9108018207282913) 60%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.9108018207282913) 60%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.9108018207282913) 60%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1); } @media(max-width:1200px) { .about-main__desc-text.readmore-js-collapsed:after { height: 150px; height: 15rem; } } .about-main__desc-text + .readmore-arrow { position: absolute; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; height: 13px; height: 1.3rem; width: 10px; width: 1rem; margin-left: 10px; margin-left: 1rem; bottom: 150px; bottom: 15rem; left: 75%; } .about-main__desc-text + .readmore-arrow svg { position: absolute; display: block; height: 100%; width: 100%; fill: #465596; -webkit-transition: .4s; transition: .4s; } .about-main__desc-text + .readmore-arrow.more-arrow { transform: rotate(90deg); } .about-main__desc-text + .readmore-arrow.less-arrow { transform: rotate(-90deg); } @media(max-width: 1200px) { .about-main__desc-text + .readmore-arrow { bottom: 80px; bottom: 8rem; } } .about-main__progress-bar-bg { display: none; position: absolute; left: 0; bottom: 0; display: none; height: 5px; height: 0.5rem; width: 46.88%; background-color: #e9efff; } .about-main__progress-bar { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } .partners { 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: 30px; margin-bottom: 3rem; } .partners__list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: 75px; height: 10rem; } .partners__list-arrow { -ms-flex-item-align: center; align-self: center; display: none; } .partners__list-container { width: 100%; } .partners__list-container .slick-dots { padding-top: 15px; padding-top: 1.5rem; list-style-type: none; font-size: 0; text-align: center; } .partners__list-container .slick-dots li { display: inline-block; margin: 0 5px; margin: 0 0.5rem; width: 11px; width: 1.1rem; height: 11px; height: 1.1rem; border: 1px solid #7d8dd2; border: 0.1rem solid #7d8dd2; border-radius: 50%; -webkit-transition: 300ms; transition: 300ms } .partners__list-container .slick-dots li.slick-active { background-color: #7d8dd2; } .partners__list-item { position: relative; height: 75px; height: 100%; } .partners__logo-wrapper { height: 75px; height: 10rem; } .partners__logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; /*max-height: 69.33%;*/ max-width: 58.74%; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transition: 300ms; transition: 300ms; } .quarantine-block { max-width: 630px; margin: 50px auto 50px; padding-left: 100px; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; background: url(/upload/medialibrary/274/qr-_code.png) left center no-repeat; background-size: 80px; min-height: 80px; } .slick-slide img.about-features__img { display: inline-block; width: auto; max-height: 86%; max-width: 100%; height: auto; } .gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding-top: 35px; padding-top: 3.5rem; padding-bottom: 75px; padding-bottom: 7.5rem; min-height: calc(100vh - 18rem); background-color: #e9efff; } .gallery__title { margin-bottom: 40px; margin-bottom: 4rem; } .gallery__back-to-types { position: absolute; display: none; top: -30px; top: -3rem; text-transform: uppercase; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; opacity: 0; visibility: hidden; -webkit-transition: 300ms; transition: 300ms; z-index: 1; } .gallery__back-to-types.js-active-btn { opacity: 1; visibility: visible; } .gallery__back-to-types svg { display: inline-block; margin-right: 10px; margin-right: 1rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 7px; width: 0.7rem; height: 11px; height: 1.1rem; fill: #465596; -webkit-transition: 300ms; transition: 300ms; } .desktop .gallery__back-to-types:hover { color: #cd4c4c; } .desktop .gallery__back-to-types:hover svg { fill: #cd4c4c; } .gallery__types { position: relative; margin-bottom: 70px; margin-bottom: 7rem; height: 350px; height: 35rem; font-size: 0; } .gallery__types-button { position: relative; display: inline-block; width: 25%; height: 50px; height: 5rem; -webkit-transition: 400ms; transition: 400ms; } .desktop .gallery__types-button:hover .gallery__button-hover { opacity: 1; visibility: visible; } .gallery__button-hover { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: none; background-color: #465596; opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; } .gallery__button-hover .rb { right: 43px; right: 4.3rem; bottom: 41px; bottom: 4.1rem; } .gallery__button-hover .lt { left: 43px; left: 4.3rem; top: 41px; top: 4.1rem; } .gallery__hover-desc { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery__hover-title { margin-bottom: 15px; margin-bottom: 1.5rem; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ffffff; } .gallery__hover-count { color: #7d8dd2; } .gallery__button-image { display: none; width: 70%; height: 265px; height: 26.5rem; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; } .gallery__button-title { position: absolute; top: 0; left: 0; right: 0; height: 35px; height: 3.5rem; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; line-height: 35px; line-height: 3.5rem; color: #465596; } .gallery__types-button.active .gallery__button-title > span { color: #cd4c4c; } .gallery__button-title > span { display: inline-block; vertical-align: bottom; height: 26px; height: 2.6rem; } .gallery__types-images { position: absolute; left: 0; top: 70px; top: 7rem; height: 250px; height: 25rem; width: 100%; opacity: 0; visibility: hidden; z-index: 1; } .gallery__types-images.js-active-slider { opacity: 1; visibility: visible; -webkit-transition: 400ms; transition: 400ms; } .gallery__types-images .slick-list, .gallery__types-images .slick-track { height: 100%; } .gallery__images-list { position: relative; margin: 0 auto; width: 100%; height: 100%; white-space: nowrap; } .landscape .gallery__images-list { width: calc(100% - 16rem); } .gallery__images-list .slick-dots { padding-top: 25px; padding-top: 2.5rem; text-align: center; } .gallery__images-list .slick-dots li { display: inline-block; margin-right: 15px; margin-right: 1.5rem } .gallery__images-list .slick-dots li.slick-active .slider-dot { background-color: #465596; border-color: #465596; } .gallery__image { position: relative; display: inline-block; width: auto; max-width: 100%; } .gallery__image-arrow { position: absolute; opacity: 0; visibility: hidden; top: 0; bottom: 0; margin: auto; z-index: 1; } .landscape .gallery__image-arrow { opacity: 1; visibility: visible; } .gallery__image-arrow._right { right: 20px; right: 2rem; } .gallery__image-arrow._left { left: 20px; left: 2rem; } .gallery__tip { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 25px; padding-top: 2.5rem; border-top: 1px solid #95a6d6; border-top: 0.1rem solid #95a6d6; } .gallery__tip-text { margin-bottom: 25px; margin-bottom: 2.5rem; margin-right: 20px; margin-right: 2rem; } .view-banner { margin: 0 auto 70px; margin: 0 auto 7rem; min-height: 540px; min-height: 54rem; background-repeat: no-repeat; background-position: right; background-size: cover; } .view-banner._about { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; height: 450px; height: 45rem; width: 100%; min-height: auto; } .view-banner._delivery { background: url('/local/templates/dvk/css/../img/delivery-banner-bg.jpg'); margin-bottom: 0; } .view-banner._install { background-repeat: no-repeat; background-position: right; background-size: cover; } .view-banner._catalog { margin-left: -50px; margin-right: -50px; width: calc(100% + 100px); padding-top: 50px; /*padding-bottom:50px;*/ padding-bottom: 0px; color: #fff; background-color: #465596; background-position: right center; margin-bottom: 5rem; } .view-banner._catalog p { margin-bottom: 30px; margin-bottom: 3rem; } .catalog-result__description .view-banner._catalog ul > li { color: #fff; margin-bottom: 30px; margin-bottom: 3rem; } .catalog-result__description .view-banner._catalog ul > li::before { background: #fff; border-radius: 50%; } .blue-block-collab { background: #6b77ab; color: #ffffff; font-size: 20px; margin-bottom: 40px; } .blue-block-collab .row { display: flex; justify-content: space-between; } .blue-block-collab .row > div { padding: 30px 20px; } .blue-block-collab .col-1 { width: 44%; } .blue-block-collab .col-2 { text-align: right; } .blue-block-collab .phone { display: inline-block; padding: 7px 26px; background-color: #cd4c4c; border-radius: 100px; margin-top: 10px; } .blue-block-collab .director_text { line-height: 37px; } @media(max-width:767px) { .blue-block-collab .row { display: block; } .blue-block-collab .row > div { max-width: 100%; width: 100%; text-align: left; } } .view-banner__wrapper { padding-top: 30px; padding-top: 3rem; padding-bottom: 30px; padding-bottom: 3rem; } .view-banner__title { margin-bottom: 30px; margin-bottom: 3rem; color: #ffffff; } .view-banner__desc-text { margin-bottom: 30px; margin-bottom: 3rem; color: #e9efff; } ._about .view-banner__desc-text { font: 18px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansRegular', Arial, Helvetica, sans-serif; width: 48.4%; } .view-banner__desc-text span { font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: white; } .view-banner__prices { min-height: 120px; min-height: 12rem; font-size: 0; line-height: 120px; line-height: 12rem; } .view-banner__prices-item { display: inline-block; vertical-align: top; width: 100%; } .view-banner__prices-title { margin-bottom: 20px; margin-bottom: 2rem; font: 36px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 3.6rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; line-height: 42px; line-height: 4.2rem; color: #ffffff; } .view-banner__prices-title:before { content: ''; position: relative; display: inline-block; margin-right: 20px; margin-right: 2rem; width: 6px; width: 0.6rem; height: 6px; height: 0.6rem; vertical-align: middle; background-color: #ffffff; border-radius: 50%; } .view-banner__prices-specs { margin-left: 26px; margin-left: 2.6rem; max-width: 290px; max-width: 29rem; font: 18px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #e9efff; } .view-banner__delivery { width: 100%; } .view-banner__catalog { width: 100%; } .view-banner__delivery-specs { position: relative; padding-left: 20px; padding-left: 2rem; margin-bottom: 30px; margin-bottom: 3rem; color: #e9efff; } .view-banner__delivery-specs:before { content: ''; position: absolute; left: 0; top: 8px; top: 0.8rem; display: block; width: 6px; width: 0.6rem; height: 6px; height: 0.6rem; background-color: #ffffff; border-radius: 50%; } .view-banner__delivery-specs span { font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: white; } .view-banner__about { padding-top: 13.89%; margin-bottom: 4.51%; } .view-banner__about-title { font: 55px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 5.5rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: white; } .view-banner__about-title._smaller { font: 38px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 3.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .view-rules { margin-bottom: 40px; margin-bottom: 4rem; font-size: 0; } .view-rules__pros { display: inline-block; vertical-align: top; margin-bottom: 60px; margin-bottom: 6rem; width: 100%; min-width: 250px; background-color: #e9efff; font-size: 0; text-align: center; white-space: normal; } .view-rules__pros-title { padding-top: 90px; padding-top: 9rem; margin-bottom: 45px; margin-bottom: 4.5rem; text-align: center; } .view-rules__pros-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -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; margin: 0 10px 67px; margin: 0 1rem 6.7rem; } .view-rules__pros-icon { margin-bottom: 20px; margin-bottom: 2rem; width: 53px; width: 5.3rem; height: 45px; height: 4.5rem; background-size: contain; background-repeat: no-repeat; background-position: center; } .view-rules__pros-text { width: 100%; text-align: center; } .view-rules__rules { display: inline-block; width: 100%; white-space: normal; } .view-rules__rules-title { margin-bottom: 50px; margin-bottom: 5rem; } .view-rules__rules-item { position: relative; margin-left: 40px; margin-left: 4rem; margin-bottom: 25px; margin-bottom: 2.5rem; width: calc(100% - 4rem); font-size: 16px; font-size: 1.6rem; } .contacts { padding-top: 30px; padding-top: 3rem; padding-bottom: 30px; padding-bottom: 3rem; background-color: #e9efff; } .contacts__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts__text { font: 23px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 2.3rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; color: #3a3a3a; margin-right: 20px; margin-right: 2rem; margin-bottom: 20px; margin-bottom: 2rem; } .contacts__phones { margin-right: 70px; margin-right: 7rem; font: 20px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 2rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; color: #3a3a3a; } .contacts__phones-link { display: inline-block; font: 24px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 2.4rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; color: #465596; } .contacts__phones-link span { color: #cd4c4c; } .other-service { background-color: white; } .other-service__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; padding: 3rem 0; } .other-service__title { width: 100%; margin-top: 20px; margin-top: 2rem; margin-bottom: 20px; margin-bottom: 2rem; } .other-service__link-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .other-service__link { position: relative; display: block; min-width: 140px; margin-top: 20px; margin-top: 2rem; margin-bottom: 20px; margin-bottom: 2rem; margin-right: 45px; margin-right: 4.5rem; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-align: left; color: #465596; text-transform: uppercase; -webkit-transition: .4s; transition: .4s; } .other-service__link svg { display: inline-block; margin-left: 20px; margin-left: 2rem; width: 7px; width: 0.7rem; height: 11px; height: 1.1rem; fill: #465596; -webkit-transition: 300ms; transition: 300ms; } .other-service__link .rb { bottom: 20px; bottom: 2rem; right: 20px; right: 2rem; } .other-service__link .lt { top: 20px; top: 2rem; left: 20px; left: 2rem; } .desktop .other-service__link:hover { background-color: #ffffff; -webkit-box-shadow: 0px 12px 29px 0px rgba(92, 92, 92, .32); box-shadow: 0px 12px 29px 0px rgba(92, 92, 92, .32); color: #cd4c4c; } .desktop .other-service__link:hover svg { fill: #cd4c4c; } .desktop .other-service__link:hover .lt, .desktop .other-service__link:hover .rb { opacity: 1; visibility: visible; border-color: #465596; } .delivery-description { padding-top: 80px; padding-top: 8rem; font-size: 0; } .delivery-description .post { display: inline-block; vertical-align: top; margin-bottom: 80px; margin-bottom: 8rem } .delivery-description .post:last-child { /* margin-bottom: 0;*/ } .delivery-description__title { margin-bottom: 40px; margin-bottom: 4rem; } .delivery-places { padding-top: 90px; padding-top: 9rem; padding-bottom: 90px; padding-bottom: 9rem; background-color: #e9efff; } .delivery-places__item { 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: 90px; margin-bottom: 9rem; } .delivery-places__item:last-child { margin-bottom: 0; } .delivery-places__item._row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .delivery-places__place-description { -ms-flex-item-align: start; align-self: flex-start; margin-right: 20px; margin-right: 2rem; margin-bottom: 20px; margin-bottom: 2rem; max-width: 560px; max-width: 56rem; } .delivery-places__type { margin-bottom: 10px; margin-bottom: 1rem; font: 18px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; color: #adadad; } .delivery-places__town { margin-bottom: 40px; margin-bottom: 4rem; } .delivery-places__sub-title { margin-bottom: 30px; margin-bottom: 3rem; font: 22px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2.2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .delivery-places__item-text { margin-bottom: 15px; margin-bottom: 1.5rem; } .delivery-places__address { color: #cd4c4c; } /*.delivery-places__address span { color: #465596; }*/ .delivery-places__place-location { position: relative; width: 100%; } .delivery-places__place-location:after { content: ''; position: relative; display: block; padding-bottom: 58.12%; z-index: -1; } .delivery-places__place-location._mob-hidden { display: none; } .delivery-places__place-location .map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #adadad; } .delivery-places__place-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .delivery-places__price { 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: 100px; margin-bottom: 10rem; } .delivery-places__price-item { 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: 80px; margin-bottom: 8rem; } .delivery-places__price-item:last-child { margin-bottom: 0; } .delivery-places__price-cons { margin-bottom: 60px; margin-bottom: 6rem; } .delivery-places__price-range { position: absolute; left: 0; bottom: calc(100% + 2.5rem); display: block; } .delivery-places__price-table { position: relative; margin-bottom: 0; margin-top: auto; } .delivery-places__price-thead { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 85px; height: 8.5rem; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #465596; border-top: 2px solid #465596; border-top: 0.2rem solid #465596; border-bottom: 2px solid #465596; border-bottom: 0.2rem solid #465596; } .delivery-places__cost { display: block; text-align: right; } .delivery-places__price-trow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; padding: 2rem 0; border-bottom: 1px solid #95a6d6; border-bottom: 0.1rem solid #95a6d6; } .delivery-calc { padding-bottom: 80px; padding-bottom: 8rem; padding-top: 80px; padding-top: 8rem; background-color: #465596; } .delivery-calc__title { margin-bottom: 50px; margin-bottom: 5rem; color: #ffffff; } .delivery-calc__calc-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .delivery-calc__calc-param select { -webkit-transition: background-color ease-in-out .5s; -moz-transition: background-color ease-in-out .5s; -o-transition: background-color ease-in-out .5s; transition: background-color ease-in-out .5s; } .delivery-calc__calc-param select.lighting { background-color: #f5dbdb; } .delivery-calc__calc-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; margin-bottom: 6rem; min-height: 370px; min-height: 37rem; width: 100%; } .delivery-calc__calc-enter { padding: 30px; padding: 3rem; width: 100%; background-color: #4f5fa5; } .delivery-calc__calc-param { margin-bottom: 36px; margin-bottom: 3.6rem; } .delivery-calc__calc-param.calculator-item { margin-bottom: 16px; margin-bottom: 1.6rem; } .delivery-calc__calc-param._inline-fz-modify { font-size: 0; } .delivery-calc__param-option { display: inline-block; margin-right: 5px; margin-right: 0.5rem; width: 140px; width: 14rem; /*white-space: nowrap;*/ line-height: 1; font-size: 14px; font-size: 1.4rem; color: #e9efff; } .delivery-calc__param-input { display: inline-block; margin-right: 10px; margin-right: 1rem; padding: 10px 15px; padding: 1rem 1.5rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; color: #e9efff; background-color: transparent; border: 1px solid #e9efff; border: 0.1rem solid #e9efff; border-radius: 2rem; -webkit-transition: 300ms; transition: 300ms; } .delivery-calc__param-input._weight { width: 85px; width: 8.5rem; } .delivery-calc__param-input._floor { width: 55px; width: 5.5rem; } .delivery-calc__param-input._distance { width: 70px; width: 7rem; } .delivery-calc__param-input[value]:not([value=""]), .delivery-calc__param-input:hover, .delivery-calc__param-input:focus { border-color: #ffffff; color: #ffffff; } .delivery-calc__param-input[value]:not([value=""]) + .text, .delivery-calc__param-input:hover + .text, .delivery-calc__param-input:focus + .text { color: #ffffff; } .delivery-calc__param-type { color: #e9efff; -webkit-transition: 300ms; transition: 300ms; } .delivery-calc__param-checkbox { display: inline-block; } .delivery-calc__param-checkbox span { padding: 10px 13px; padding: 1rem 1.3rem; border: 1px solid #e9efff; border: 0.1rem solid #e9efff; cursor: pointer } .delivery-calc__param-checkbox span._left { border-radius: 2rem 0 0 2rem; border-right: none; } .delivery-calc__param-checkbox span._right { border-radius: 0 2rem 2rem 0; } .delivery-calc__param-checkbox input { display: none; } .delivery-calc__param-checkbox input:checked + span { color: #4f5fa5; background-color: #ffffff; border-color: #ffffff; } .delivery-calc__calc-out { padding: 30px; padding: 3rem; width: 100%; background-color: #ffffff; } .delivery-calc__out-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .delivery-calc__out-row._elevate { margin-bottom: 25px; margin-bottom: 2.5rem; } .delivery-calc__out-row._transport { margin-bottom: 40px; margin-bottom: 4rem; } .delivery-calc__out-row._result { margin-bottom: 70px; margin-bottom: 7rem; padding-top: 35px; padding-top: 3.5rem; font: 20px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 2rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #505050; border-top: 1px solid #95a6d6; border-top: 0.1rem solid #95a6d6; } .delivery-calc__out-price:after { content: ' руб.'; } .delivery-calc__special { font-size: 14px; font-size: 1.4rem; } .delivery-calc__warn { max-width: 500px; max-width: 50rem; } .delivery-calc__warn .title-3 { margin-bottom: 30px; margin-bottom: 3rem; color: #ffffff; } .delivery-calc__warn .text { color: #e9efff; } .paper-catalog > .title-1 { margin-bottom: 30px; margin-bottom: 3rem; } .paper-catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .paper-catalog__item { 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: 20px; margin-bottom: 2rem; padding-left: 4.17%; padding-right: 2.92%; padding-top: 3.33%; padding-bottom: 3.33%; width: 100%; background-color: #e9efff; } .paper-catalog__item:hover .paper-catalog__image img { -webkit-transform: scale(1.1) translateY(-50%); transform: scale(1.1) translateY(-50%); -webkit-box-shadow: inset hoff voff blur #000; box-shadow: inset hoff voff blur #000; -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(0, 0, 0, .21); box-shadow: 0 1.2rem 2.9rem 0 rgba(0, 0, 0, .21); } .paper-catalog__image { margin-bottom: 25px; margin-bottom: 2.5rem; margin-left: auto; margin-right: auto; height: 100%; max-height: 300px; max-height: 30rem; width: 60%; } .paper-catalog__image img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; margin: 0 auto; max-width: 100%; max-height: 100%; -webkit-transition: 300ms; transition: 300ms; } .paper-catalog__info { text-align: center; } .paper-catalog__info-date { margin-bottom: 45px; margin-bottom: 4.5rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .paper-catalog__info-name { margin-bottom: 20px; margin-bottom: 2rem; font: 20px 'Gilroy-Semibold', Arial, Helvetica, sans-serif; font: 2rem 'Gilroy-Semibold', Arial, Helvetica, sans-serif; color: #3a3a3a; } .paper-catalog__info-desc { margin-bottom: 35px; margin-bottom: 3.5rem; } .paper-catalog__info .btn-not-arrow { margin-bottom: 10px; margin-bottom: 1rem; } .how-individual { margin-bottom: 40px; margin-bottom: 4rem; } .how-individual__title { margin-bottom: 30px; margin-bottom: 3rem; } .how-individual__article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .how-individual__article-info { max-width: 650px; max-width: 65rem; } .how-individual__article-title { margin-bottom: 30px; margin-bottom: 3rem; } .how-individual__article-text { margin-bottom: 60px; margin-bottom: 6rem; } .how-individual__article-image { display: none; -ms-flex-item-align: start; align-self: flex-start; width: 58.33%; background-repeat: no-repeat; background-size: cover; background-position: center; } .how-individual__article-image:after { content: ''; position: relative; display: block; padding-bottom: 64.29%; } .how-proccess__wrapper { background-color: #ffffff; } .how-proccess__controls { display: none; -webkit-transform: translateY(-100%); transform: translateY(-100%); height: 60px; height: 6rem; background-color: #ffffff; opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; } .how-proccess__controls._show-controls { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .how-proccess__anchor-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; list-style-type: none; } .how-proccess__anchor-item { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; background-color: transparent; -webkit-transition: 300ms; transition: 300ms; } .how-proccess__anchor-item:hover { color: #95a6d6; } .how-proccess__anchor-item.active { color: #cd4c4c; } .how-proccess__phone { position: relative; display: block; width: 13px; width: 1.3rem; height: 13px; height: 1.3rem; } .how-proccess__phone:hover:before { border-color: #cd4c4c; } .how-proccess__phone:hover svg { fill: #cd4c4c; } .how-proccess__phone:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 34px; width: 3.4rem; height: 34px; height: 3.4rem; border-radius: 50%; border: 1px solid #95a6d6; border: 0.1rem solid #95a6d6; -webkit-transition: 300ms; transition: 300ms; } .how-proccess__phone svg { fill: #95a6d6; -webkit-transition: 300ms; transition: 300ms; } .how-proccess__slider-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; margin-bottom: 4rem; } .how-proccess__item-description { -ms-flex-item-align: center; align-self: center; max-width: 650px; max-width: 65rem; } .how-proccess__item-wrapper { position: relative; margin-bottom: 70px; margin-bottom: 7rem; } .how-proccess__item-wrapper:last-child { margin-bottom: 0; } .how-proccess__slider-video { display: none; position: absolute; right: 0; top: 0; bottom: 0; width: 50%; overflow: hidden; } .how-proccess__slider-video video { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; } .how-proccess__item-title { padding: 15px 0 15px 60px; padding: 1.5rem 0 1.5rem 6rem; margin-bottom: 35px; margin-bottom: 3.5rem; font: 22px 'Gilroy-Semibold', Arial, Helvetica, sans-serif; font: 2.2rem 'Gilroy-Semibold', Arial, Helvetica, sans-serif; color: #3a3a3a; background-repeat: no-repeat; background-position: left; background-size: 4.8rem 4.9rem; } .how-proccess__item-tool { padding-bottom: 25px; padding-bottom: 2.5rem; margin-bottom: 25px; margin-bottom: 2.5rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; border-bottom: 1px solid #95a6d6; border-bottom: 0.1rem solid #95a6d6; } .how-proccess__item-text { margin-bottom: 40px; margin-bottom: 4rem; } .catalog { font-size: 0; } .catalog .title-1 { margin-bottom: 30px; margin-bottom: 3rem; } .catalog .layout { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: #1a2233; opacity: 0; visibility: hidden; -webkit-transition: 300ms; transition: 300ms; } .catalog .layout._filter-active { z-index: 1; opacity: 0.8; visibility: visible; } .catalog-result { display: inline-block; width: 100%; } .catalog-result__head { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-result__head { display: block; } .catalog-result__filter-btn { margin-bottom: 7px; } .catalog-result__sort-wrapper { /*display: none;*/ width: 100%; } .catalog-result__filter-btn { font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #cd4c4c; } .catalog-result__sort-text { display: inline-block; margin-right: 3.33%; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; } .catalog-result__sort-checkbox { display: inline-block; margin-right: 2.22%; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #7d8dd2; cursor: pointer; } .catalog-result__sort-checkbox:last-child { margin-right: 0; } .catalog-result__sort-checkbox input { display: none; } .catalog-result__sort-checkbox input:checked + .catalog-result__bar-icon { background-color: h; } .catalog-result__sort-checkbox input:checked + .catalog-result__bar-icon ._top { width: 16px; width: 1.6rem; } .catalog-result__sort-checkbox input:checked + .catalog-result__bar-icon ._bottom { width: 9px; width: 0.9rem; } .catalog-result__bar-icon { display: inline-block; margin-left: 10px; margin-left: 1rem; min-height: 10px; height: 10px; height: 1rem; width: 16px; width: 1.6rem; } .catalog-result__bar { margin-bottom: 2px; min-height: 2px; height: 2px; height: 0.2rem; width: 16px; width: 1.6rem; background-color: #465596; -webkit-transition: 300ms; transition: 300ms; } .catalog-result__bar._top { width: 9px; width: 0.9rem; } .catalog-result__bar._middle { width: 12px; width: 1.2rem; } .catalog-result__download { margin-right: 0; margin-left: auto; font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #cd4c4c; } .catalog-result__body, ._section-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px; padding-top: 2rem; font-size: 0; } .catalog-result__footer { margin-bottom: 70px; margin-bottom: 7rem; } .catalog-result__description { margin-bottom: 40px; margin-bottom: 4rem; } .catalog-result__description.catalog-result__description-nomargin { margin-bottom: 10px; margin-bottom: 1rem; } .catalog-result__description h2 { margin-top: 10px; margin-bottom: 10px; } .catalog-result__description ol { list-style: none; counter-reset: list 0; margin-top: 15px; } .catalog-result__description ol li { padding-left: 40px; padding-left: 4rem; position: relative; margin-bottom: 25px; margin-bottom: 2.5rem; padding-top: 3px; } .catalog-result__description ol li:before { counter-increment: list; content: counter(list); display: block; width: 27px; width: 2.7rem; height: 27px; height: 2.7rem; line-height: 27px; line-height: 2.7rem; text-align: center; border-radius: 50%; color: #cd4c4c; border-color: #cd4c4c; border-width: 1px; border-width: 0.1rem; border-style: solid; position: absolute; top: 0px; left: 0px; } .catalog-filter { position: fixed; top: 0; right: 0; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); z-index: 2; display: block; overflow: auto; padding: 30px 0; padding: 42px 0; width: 100vw; height: 100vh; /*background-color: white;*/ -webkit-transition: all 525ms; transition: all 525ms } .catalog-filter.catalog-filter-search { padding-top: 0px; } .catalog-filter._filter-active { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .catalog-filter__close-mobile { position: relative; display: block; margin-right: 0px; margin-right: 0rem; margin-left: auto; margin-bottom: 30px; margin-bottom: 3rem; width: 25px; width: 2.5rem; height: 25px; height: 2.5rem; } .catalog-filter__close-mobile:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); display: block; width: 100%; height: 3px; height: 0.3rem; background-color: #95a6d6; } .catalog-filter__close-mobile:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); display: block; width: 100%; height: 3px; height: 0.3rem; background-color: #95a6d6; } .catalog-filter__type { margin-bottom: 35px; margin-bottom: 3.5rem; } .catalog-filter__type:last-child { margin-bottom: 0; } .catalog-filter__type-head { padding: 0 30px; padding: 0 3rem; } .catalog-filter__type-title { position: relative; display: inline-block; padding-bottom: 10px; padding-bottom: 1rem; width: 100%; font: 15px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; text-align: left; } .catalog-filter__type-title .arrow { position: absolute; right: 6px; right: 0.6rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 400ms; transition: 400ms; } .catalog-filter__type-title .arrow svg { min-width: 6px; width: 6px; width: 0.6rem; min-height: 10px; height: 10px; height: 1rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); fill: #465596; } .catalog-filter__type-title.active .arrow { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .catalog-filter__type-body { position: relative; padding: 0 30px; padding: 0 3rem; margin-top: 0; max-height: 1px; overflow: hidden; -webkit-transition: 550ms; transition: 550ms; } .catalog-filter__type-body > * { opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms 550ms; transition: opacity 300ms 550ms; } .catalog-filter__type-body:after { content: ''; position: absolute; left: 30px; left: 3rem; right: 30px; right: 3rem; bottom: 0; display: block; height: 1px; background-color: #95a6d6; } .catalog-filter__type-body.active { margin-top: 35px; margin-top: 3.5rem; margin-bottom: 30px; margin-bottom: 3rem; max-height: 150px; max-height: 15rem; overflow: visible; } .catalog-filter__type-body.active > * { opacity: 1; visibility: visible; } .catalog-filter__type-body.active:after { height: 0px; } .catalog-filter__type-params { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-filter__params-from { display: inline-block; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #7d8dd2; } .catalog-filter__params-to { display: inline-block; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #7d8dd2; } .catalog-filter__params-input { display: inline-block; padding: 10px; padding: 1rem; width: 70px; width: 7rem; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #7d8dd2; text-align: center; border: 1px solid #7d8dd2; border-radius: 100rem; } .catalog-filter__type-range { font-size: 10px; } .catalog-filter__slider-background { position: relative; display: none; padding-top: 20px; padding-top: 2rem; padding-bottom: 50px; padding-bottom: 5rem; } .catalog-filter__slider-background:after { content: ''; display: block; position: absolute; top: 50%; width: 100%; min-height: 2px; height: 2px; height: 0.2rem; background-color: #95a6d6; } .catalog-filter__range-background { position: absolute; top: 50%; z-index: 1; min-height: 2px; height: 2px; height: 0.2rem; background-color: #465596; } .catalog-filter__range-handler { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; display: block; min-height: 16px; height: 16px; height: 1.6rem; min-width: 16px; width: 16px; width: 1.6rem; background-color: #465596; border-radius: 50%; outline: none; } .catalog-filter__range-handler .ui-slider-handle-value { position: absolute; top: calc(100% + 1rem); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; } .catalog-filter__radio-area { display: inline-block; } .catalog-filter__radio-area .catalog-filter__radio-button { border: 1px solid #7d8dd2; border-right: none; } .catalog-filter__radio-area:first-child .catalog-filter__radio-button { padding-left: 20px; padding-left: 2rem; border-top-left-radius: 1000px; border-top-left-radius: 100rem; border-bottom-left-radius: 1000px; border-bottom-left-radius: 100rem; border-top-left-radius: 1000px; border-top-left-radius: 100rem; border-bottom-left-radius: 1000px; border-bottom-left-radius: 100rem; } .catalog-filter__radio-area:last-child .catalog-filter__radio-button { padding-right: 20px; padding-right: 2rem; border-top-right-radius: 1000px; border-top-right-radius: 100rem; border-bottom-right-radius: 1000px; border-bottom-right-radius: 100rem; border-right: 1px solid #7d8dd2; } .catalog-filter__radio-input { display: none; } .catalog-filter__radio-input:checked + span { color: white; background-color: #465596; border-color: #465596; } .catalog-filter__radio-button { display: inline-block; padding: 15px; padding: 1.5rem; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #3a3a3a; cursor: pointer; -webkit-transition: 300ms; transition: 300ms; } .catalog-filter__type-checkbox { position: relative; min-height: 1px; max-height: 140px; max-height: 14rem; overflow: auto; } .catalog-filter__checkbox-area { position: relative; display: block; padding-left: 30px; padding-left: 3rem; margin-bottom: 7px; margin-bottom: 0.7rem; height: 15px; height: 1.5rem; cursor: pointer; } .catalog-filter__checkbox-input { display: none; } .catalog-filter__checkbox-input:checked + span { color: #4f5fa5; } .catalog-filter__checkbox-input:checked + span:before { background-color: #cd4c4c; } .catalog-filter__checkbox-button { display: inline-block; vertical-align: middle; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; line-height: 15px; line-height: 1.5rem; color: #3a3a3a; -webkit-transition: 300ms; transition: 300ms; } .catalog-filter__checkbox-button:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 13px; width: 1.3rem; background-color: #b5c4f0; -webkit-transition: 300ms; transition: 300ms; } .catalog-filter__type-select { width: 100%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } .catalog-filter__type-select .jq-selectbox__select { padding: 10px 5px; padding: 1rem 0.5rem; background-color: #465596; color: white; -webkit-transition: 300ms; transition: 300ms } .catalog-filter__type-select .jq-selectbox__select:hover { background-color: #7d8dd2; cursor: pointer; } .catalog-filter__type-select .jq-selectbox__dropdown { width: 100%; background-color: white; } .catalog-filter__type-select .jq-selectbox__dropdown li { padding: 10px 5px; padding: 1rem 0.5rem; color: #3a3a3a; border-bottom: 1px solid #e9efff; -webkit-transition: 250ms 75ms; transition: 250ms 75ms } .catalog-filter__type-select .jq-selectbox__dropdown li:hover { background-color: #95a6d6; } .catalog-filter__type-select .jq-selectbox__trigger-arrow { width: 100%; } .catalog-filter__type-select .jq-selectbox__trigger { position: absolute; right: 15px; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .catalog-filter__select-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); height: 10px; height: 1rem; min-height: 10px; width: 6px; width: 0.6rem; min-width: 6px; fill: white; -webkit-transition: 400ms; transition: 400ms; } .opened .catalog-filter__select-arrow { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .pagination { -webkit-transition: visibility 500ms, opacity 500ms width 200ms, height 200ms; transition: visibility 500ms, opacity 500ms width 200ms, height 200ms } .pagination._js-hidden { visibility: hidden; opacity: 0; height: 0; width: 0; } .pagination__more-btn { display: block; padding: 10px 0; padding: 1rem 0; margin-bottom: 20px; margin-bottom: 2rem; width: 100%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; text-align: center; background-color: white; border-radius: 100rem; } .pagination__pages { position: relative; height: 43px; height: 4.3rem; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; text-align: left; } .pagination__pages-controls { display: inline-block; margin-bottom: 20px; margin-bottom: 2rem; } .pagination__pages-arrow, .pagination__pages-btn, .pagination__pages-dots { display: inline-block; vertical-align: middle; text-align: center; } .pagination__pages-arrow svg { width: 6px; width: 0.6rem; min-width: 6px; height: 10px; height: 1rem; min-height: 10px; fill: #95a6d6; } .pagination__pages-arrow._next { margin-left: 10px; margin-left: 1rem; } .pagination__pages-arrow._prev { margin-right: 10px; margin-right: 1rem; } .pagination__pages-arrow._prev svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .pagination__pages-dots { position: relative; display: inline-block; width: 35px; width: 3.5rem; min-width: 35px; height: 100%; } .pagination__pages-btn { padding: 5px 7.5px; padding: 0.5rem 0.75rem; min-width: 37.5px; min-width: 3.75rem; border: 1px solid #95a6d6; border-right: none; -webkit-transition: all 300ms; transition: all 300ms; } .desktop .pagination__pages-btn:hover { background-color: #95a6d6; color: white; } .pagination__pages-btn._active { background-color: #95a6d6; color: white; } .pagination__pages-btn._right-round { border-right: 1px solid #95a6d6; border-top-right-radius: 1000px; border-top-right-radius: 100rem; border-bottom-right-radius: 1000px; border-bottom-right-radius: 100rem; } .pagination__pages-btn._left-round { border-top-left-radius: 1000px; border-top-left-radius: 100rem; border-bottom-left-radius: 1000px; border-bottom-left-radius: 100rem; } .pagination__pages-init { position: relative; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; font-size: 0; white-space: nowrap; } .pagination__init-desc { position: relative; display: inline-block; vertical-align: middle; margin-right: 15px; margin-right: 1.5rem; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; text-transform: uppercase; } .pagination__init-input { position: relative; display: inline-block; vertical-align: middle; padding: 5px 3.75px; padding: 0.5rem 0.375rem; width: 50px; width: 5rem; height: 31.5px; height: 3.15rem; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; color: #95a6d6; background-color: transparent; border: 1px solid #95a6d6; border-right: none; border-radius: 100rem 0 0 100rem; } .pagination__init-btn { display: inline-block; vertical-align: top; padding: 5px 3.75px; padding: 0.5rem 0.375rem; height: 31.5px; height: 3.15rem; border: 1px solid #95a6d6; border-left: none; border-radius: 0 100rem 100rem 0; } .pagination__init-btn svg { display: inline-block; vertical-align: middle; width: 6px; width: 0.6rem; min-width: 6px; fill: #95a6d6; } .pagination__init-btn svg:last-child { margin-left: -4px; margin-left: -0.4rem; } .product-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 32.5px; margin-bottom: 3.25rem; } .product-wrapper .title-1 { width: 100%; margin-bottom: 20px; margin-bottom: 2rem; } .product-thumb { position: relative; -ms-flex-item-align: start; align-self: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 500px; height: 50rem; background-color: white; margin-bottom: 20px; margin-bottom: 2rem; } .product-thumb._init-slick { background-color: transparent; } .product-thumb__arrow { position: absolute; width: 50px; width: 5rem; height: 50px; height: 5rem; z-index: 1; } .product-thumb__arrow svg { width: 12px; width: 1.2rem; height: 20px; height: 2rem; fill: #adadad; -webkit-transition: all 300ms; transition: all 300ms; } .desktop .product-thumb__arrow:hover svg { fill: #95a6d6 } .product-thumb__arrow.slick-prev { left: -5px; left: -0.5rem; top: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product-thumb__arrow.slick-prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .product-thumb__arrow.slick-next { right: -5px; right: -0.5rem; top: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product-thumb__large-images { position: relative; width: 100%; margin-bottom: 20px; background-color: white; } .product-thumb__image-item { position: relative; /*cursor: none;*/ } .product-thumb__image-item:before { content: ''; display: block; position: relative; padding-bottom: 500px; padding-bottom: 50rem; } .product-thumb__image-item img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: auto; height: auto; max-width: 100%; max-height: 90%; } .product-thumb__image-arrow { position: absolute; width: 30%; height: 100%; top: 0; z-index: 1; } .product-thumb__image-arrow._prev { left: 0; } .product-thumb__image-arrow._prev:hover { cursor: url('/local/templates/dvk/css/../assets/icon/arrow-prev.cur'), url('/local/templates/dvk/css/../assets/icon/arrow-prev.png'), pointer; } .product-thumb__image-arrow._next { right: 0; } .product-thumb__image-arrow._next:hover { cursor: url('/local/templates/dvk/css/../assets/icon/arrow-next.cur'), url('/local/templates/dvk/css/../assets/icon/arrow-next.png'), pointer; } .product-thumb__image-item a:hover { cursor: url('/local/templates/dvk/css/../assets/icon/arrow-plus.png'), url('/local/templates/dvk/css/../assets/icon/arrow-plus.png'), pointer; } .product-thumb__overflow-wrapper { position: relative; width: 100%; overflow: hidden; } .product-thumb__small-thumbs { display: none; } .product-thumb__small-thumbs .slick-track { margin-left: 0; } .product-thumb__small-images { display: none; } ._init-slick .product-thumb__small-images { display: block; } .product-thumb__thumb-item { position: relative; overflow: hidden; margin-top: 20px; background-color: white; } .product-thumb__thumb-item:before { content: ''; position: absolute; top: 0; left: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scaleX(0); transform: scaleX(0); width: 100%; height: 3px; height: 0.3rem; background-color: #465596; } .product-thumb__thumb-item:after { content: ''; display: block; position: relative; padding-bottom: calc(12.5rem - 22px); } .product-thumb__thumb-item.slick-current:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .product-thumb__thumb-item img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: auto; height: auto; max-width: 100%; max-height: 70%; } .product-desc { display: inline-block; vertical-align: top; width: 100%; } .product-desc__number { margin-right: 30px; margin-right: 3rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; } .product-desc__acces { font: 14px 'OpenSansBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansBold', Arial, Helvetica, sans-serif; color: #465596; } .product-desc__delivery { padding-top: 30px; padding-top: 3rem; margin-bottom: 30px; margin-bottom: 3rem; } .product-desc__delivery-free { display: inline-block; padding-left: 25px; padding-left: 2.5rem; margin-right: 30px; margin-right: 3rem; margin-bottom: 20px; margin-bottom: 2rem; width: 100%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; background: url('/local/templates/dvk/css/../assets/icon/product-desc__delivery.svg') left center no-repeat; background-size: 1.7rem 1.1rem; } .product-desc__delivery-link { display: inline-block; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #465596; -webkit-transition: 200ms; transition: 200ms; } .product-desc__delivery-link svg { display: inline-block; margin-left: 7px; margin-left: 0.7rem; width: 6px; width: 0.6rem; height: 10px; height: 1rem; fill: #465596; -webkit-transition: 200ms; transition: 200ms; } .desktop .product-desc__delivery-link:hover { color: #cd4c4c; } .desktop .product-desc__delivery-link:hover svg { fill: #cd4c4c; } .product-desc__specs { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0px; } .product-desc__specs-line { margin-bottom: 15px; margin-bottom: 1.5rem; padding-bottom: 15px; padding-bottom: 1.5rem; width: 100%; white-space: nowrap; border-bottom: 1px solid #adadad; border-bottom: 0.1rem solid #adadad; } .product-desc__specs-param { display: inline-block; min-width: 130px; min-width: 13rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #3a3a3a; } .product-desc__specs-value { display: inline-block; margin-left: 25px; margin-left: 10.5rem; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #505050; } .product-desc__compound { margin-bottom: 5rem; } .product-desc__specs-anchor { display: block; margin-bottom: 50px; margin-bottom: 2rem; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #465596; -webkit-transition: 200ms; transition: 200ms; } .product-desc__specs-anchor_right { display: block; margin-bottom: 50px; margin-bottom: 5rem; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #465596; -webkit-transition: 200ms; transition: 200ms; margin-left: calc(6% + 26px); } .product-desc__specs-anchor svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; margin-left: 7px; margin-left: 0.7rem; width: 6px; width: 0.6rem; height: 10px; height: 1rem; fill: #465596; -webkit-transition: 200ms; transition: 200ms; } .product-desc__specs-anchor:hover { color: #cd4c4c; } .product-desc__specs-anchor:hover svg { fill: #cd4c4c; } .product-desc__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; margin-bottom: 1.5rem; } .product-desc__menu-price { display: inline-block; margin-right: 30px; margin-right: 3rem; margin-bottom: 20px; margin-bottom: 2rem; width: 100%; color: #cd4c4c; } .product-desc__menu-price-old { color: #777; display: block; margin-right: 30px; margin-right: 3rem; text-decoration: line-through; width: 100%; } .product-desc__menu-price:after { content: ' руб.'; } .product-desc .counter-controls { margin-right: 25px; margin-right: 2.5rem; } .product-desc__to-basket { padding-bottom: 0; padding-top: 0; height: 32px; height: 3.2rem; } .product-desc__to-basket:after { top: 0; right: 0; left: 0; bottom: 0; margin: auto; } .product-desc__consultation { height: 3.2rem; margin-left: 2.5rem; border: 1px solid #95a6d6; border-radius: 150rem; color: #95a6d6; padding-bottom: 0; padding-top: 0; background-color: transparent; transition: 0s; } .product-desc__consultation:hover { border: 1px solid transparent; transition: 0s; } .product-desc__consultation:before, .product-desc__consultation:after { background-color: transparent; } @media screen and (max-width: 460px) { .product-desc__consultation { margin-left: 0; margin-top: 1.8rem; } } .product-desc__bonus { margin-bottom: 15px; margin-bottom: 1.5rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .product-desc__compound-item { position: relative; display: inline-block; padding-left: 35px; padding-left: 3.5rem; padding-top: 30px; padding-top: 3rem; width: 50%; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .product-desc__compound-item:after { content: ''; position: absolute; top: 30px; top: 3rem; left: 0; width: 18px; width: 1.8rem; height: 22px; height: 2.2rem; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; -webkit-transition: 300ms; transition: 300ms; } .product-desc__compound-item:hover { color: #cd4c4c; } .product-desc__compound-item._passport:after { background-image: url(/local/templates/dvk/css/../assets/icon/passport.svg); } .product-desc__compound-item._leaflet:after { background-image: url(/local/templates/dvk/css/../assets/icon/leaflet.svg); } .product-desc__compound-item._instruction:after { background-image: url(/local/templates/dvk/css/../assets/icon/instruction.svg); } .product-desc__compound-item._certificate:after { background-image: url(/local/templates/dvk/css/../assets/icon/certificate.svg); } .product-complement { padding-top: 32.5px; padding-top: 3.25rem; background-color: white; padding-bottom: 70px; padding-bottom: 7rem; } .product-complement .title-2 { margin-bottom: 35px; margin-bottom: 3.5rem; } .product-complement__body { position: relative; } .product-complement__table { margin-bottom: 50px; margin-bottom: 5rem; overflow: auto; } .product-complement__table-head { min-width: 1200px; min-width: 120rem; } .product-complement__table-body { min-width: 1200px; min-width: 120rem; } .product-complement__row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* justify-content: space-between; */ height: 80px; height: 8rem; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #3a3a3a; border-bottom: 1px solid #95a6d6; } .product-complement__row._head { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #7d8dd2; border-top: 2px solid #465596; border-bottom: 2px solid #465596; } .product-complement__row._blue-bg { background-color: #e9efff; } .product-complement__row._no-border { border-color: transparent; } .product-complement__cell._blue-text { color: #465596; } .product-complement__cell._name-large { padding-left: 20px; padding-left: 2rem; width: 400px; width: 40rem; } .product-complement__cell._name-left { padding-left: 20px; padding-left: 2rem; width: 85px; width: 8.5rem; } .product-complement__cell._name-right { width: 315px; width: 31.5rem; } .product-complement__cell._height { width: 120px; width: 12rem; text-align: center; } .product-complement__cell._width { width: 105px; width: 10.5rem; text-align: center; } .product-complement__cell._length { width: 100px; width: 10rem; text-align: center; } .product-complement__cell._weight { width: 70px; width: 7rem; text-align: center; } .product-complement__cell._price { padding-left: 100px; padding-left: 10rem; width: 200px; width: 20rem; text-align: center; } .product-complement__cell._count { width: 95px; width: 9.5rem; text-align: center; } .product-complement__cell._summ { width: 100px; width: 10rem; text-align: center; } .product-complement__mobile-col { position: absolute; left: 0; top: 0; } .product-complement__mobile-col ._name-large { position: relative; width: 150px; width: 15rem; background-color: white; } .product-complement__mobile-col ._name-left { position: relative; background-color: white } .product-complement__mobile-col ._name-left._blue-bg { background-color: #e9efff; } .product-complement__special { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 0; padding: 2.5rem 0; background-color: #465596; } .product-complement__first { display: block; width: 95%; margin: 0 auto 20px; margin: 0 auto 2rem; } .product-complement__first ._white { font-size: 10px; font-size: 1rem; } .product-complement__title { margin-bottom: 30px; margin-bottom: 3rem; font: 20px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: white; } .product-complement__list { display: block; width: 90%; margin: 0 auto; list-style-type: none; } .product-complement__list-item { position: relative; padding-left: 15px; padding-left: 1.5rem; margin-bottom: 20px; margin-bottom: 2rem; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: white; } .product-complement__list-item:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px; width: 0.3rem; height: 3px; height: 0.3rem; background-color: white; } .product-specs { padding-top: 60px; padding-top: 6rem; } .product-specs__title { margin-bottom: 50px; margin-bottom: 5rem; } .product-specs__name { margin-bottom: 30px; margin-bottom: 3rem; font: 18px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #465596; } .product-specs__table-pic > div { float: left; } .product-specs__table-pic .product-specs__table { max-width: 70% } .product-specs__table-pic .product-specs__pic { max-width: 30%; } .product-specs__table-pic .product-specs__pic { padding: 15px 15px 0px 0px; } .product-specs__table-pic .product-specs__table + .product-specs__pic { padding: 0px 0px 15px 15px; } .product-specs__table-pic .product-specs__pic img { max-width: 100%; } .product-specs__table { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; margin-bottom: 5rem; } .product-specs__cell { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; margin-bottom: 2rem; min-height: 50px; min-height: 5rem; width: 100%; border-bottom: 1px solid #95a6d6; } .product-specs__table-pic .product-specs__cell { width: 49%; } .product-specs__cell-name { display: inline-block; width: 100%; font: 15px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.5rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; text-align: left; } .product-specs__cell-value { display: inline-block; width: 100%; font: 15px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.5rem 'OpenSansRegular', Arial, Helvetica, sans-serif; /*white-space: nowrap;*/ color: #505050; text-align: left; } .product-specs__quality { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; margin-bottom: 3rem; } .product-specs__quality-item { padding: 25px 30px; padding: 2.5rem 3rem; margin-bottom: 40px; margin-bottom: 4rem; width: 100%; min-height: 340px; min-height: 34rem; background-color: white; -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(0, 0, 0, .21); box-shadow: 0 1.2rem 2.9rem 0 rgba(0, 0, 0, .21); } .product-specs__quality-title { margin-bottom: 18px; margin-bottom: 1.8rem; font: 18px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #465596; } .product-specs__quality-text { line-height: 2; font-size: 15px; font-size: 1.5rem; } .product-specs__quality-list { padding-top: 20px; padding-top: 2rem; list-style-type: none; } .product-specs__quality-article { position: relative; padding-left: 25px; padding-left: 2.5rem; margin-bottom: 15px; margin-bottom: 1.5rem; font-size: 15px; font-size: 1.5rem; } .product-specs__quality-article:before { content: ''; position: absolute; left: 0; top: 7px; top: 0.7rem; width: 5px; width: 0.5rem; height: 5px; height: 0.5rem; background-color: #465596; } .same-product { margin-bottom: 50px; margin-bottom: 5rem; } .same-product__head { margin-bottom: 30px; margin-bottom: 3rem; } .product-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; margin-bottom: 20px; margin-bottom: 2rem; padding: 10px 25px 25px 25px; padding: 1rem 2.5rem 2.5rem 2.5rem; min-height: 450px; min-height: 45rem; background-color: #ffffff; -webkit-transition: 550ms 135ms; transition: 550ms 135ms; } .mobile .product-card, .tablet .product-card { -webkit-box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, .21); box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, .21); } .desktop .product-card:hover { -webkit-box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, .21); box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, .21); } .product-card._catalog-modify { min-height: initial; margin-right: 0; width: 95%; } .product-card._catalog-offer { margin-right: 0; width: 100%; background: #fff; min-height: initial; -ms-flex-direction: row; flex-direction: row; } .desktop .product-card._catalog-offer:hover { -webkit-box-shadow: none; box-shadow: none; } .product-card._same-modify { width: 100%; margin-bottom: 35px; margin-bottom: 3.5rem; } .product-card__image { position: relative; display: block; overflow: hidden; width: 100%; height: 230px; /*height: 22rem;*/ margin-bottom: 10px; /*margin-bottom: 1rem;*/ } ._section-list._section-list_nopics .product-card__image { display: none; } ._section-list._section-list_nopics .product-card__name { text-align: center; margin-top: 1.5rem; margin-bottom: 1.0rem; } .product-card._catalog-offer .product-card__offer-image { min-width: 300px; position: relative; } .product-card._catalog-offer .product-card__offer-image img { max-width: 100%; max-height: 300px; } .product-card._catalog-offer .product-card__offer-image .hover-pic { position: absolute; opacity: 0; top: 0px; left: 0px; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .product-card._catalog-offer:hover .product-card__offer-image .hover-pic { opacity: 1; } .product-card__offer-table { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; width: 100%; } .product-card._catalog-offer .product-card__offer-table { width: calc(100% - 300px); } ._catalog-offer-calculator_img { width: 40%; position: relative; } ._catalog-offer-calculator_img-hover { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 1; -webkit-transition: opacity ease-in-out .3s; -moz-transition: opacity ease-in-out .3s; -o-transition: opacity ease-in-out .3s; transition: opacity ease-in-out .3s; } ._catalog-offer-calculator { padding: 50px; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .delivery-calc__calc-item ._add-all-to-cart { margin-top: 69px; margin-top: 6.9rem; } .calculator-item select { height: 3.4rem; border: 1px solid #adadad; border-radius: 100rem; width: calc(100% - 220px); width: calc(100% - 22rem); color: #505050; outline: none !Important; padding: 0px 7px; margin-bottom: 15px; } @media(max-width:767px) { ._catalog-offer-calculator { padding: 20px; } .delivery-calc__param-checkbox span { padding: 8px 10px; padding: 0.8rem 1rem; font-size: 14px; font-size: 1.4rem; } .delivery-calc__param-option { white-space: initial; } } .product-card__offer-name { margin-top: 10px; margin-bottom: 20px; } .product-card__offer-table table { width: 100%; border-collapse: collapse; } .product-card__offer-table table tr.tr-hide { display: none; } .product-card__offer-table table thead tr { background: #eeeeee; } .product-card__offer-table.product-card__offer-table-striped table tbody tr:nth-child(odd) td { background: #ffffff; } .product-card__offer-table.product-card__offer-table-striped table tbody tr:nth-child(even) td { background: #eeeeee; } .product-card__offer-table table th, .product-card__offer-table table td { padding: 10px 10px; text-align: center; } .product-card__offer-table table th.th-size { padding-top: 7px; padding-bottom: 3px; } .product-card__offer-table table th.td-size { padding-top: 3px; padding-bottom: 7px; font-weight: 400; } .product-card__offer-table table .th-check { width: 25px; } .offer-checkbox { opacity: 0px; position: absolute; } .offer-checkbox_label { display: block; width: 15px; height: 15px; border: 1px solid #465596; cursor: pointer; } .offer-checkbox:checked + .offer-checkbox_label { background: #cd4c4c; border-color: #cd4c4c; } .product-card__offer-table table .th-name, .product-card__offer-table table .th-price, .product-card__offer-table table .th-quant { text-align: left; } .product-card__offer-table table .th-check { width: 35px; } .product-card__offer-table table .th-quant, .product-card__offer-table table .th-price { width: 105px; } .product-card__offer-table table .th-weight, .product-card__offer-table table .td-size { width: 75px; } .product-card__offer-table table .th-art { width: 85px; text-align: left; } .product-card__offer-table table .th-prop { width: 100px; text-align: center; } .product-card__offer-table table tbody td:nth-child(4), .product-card__offer-table table tbody td:nth-child(9), .product-card__offer-table table tbody td:nth-child(10) { text-align: left; } .product-card__offer-table table tbody td:last-child { white-space: nowrap; } .td-quantity { white-space: nowrap; } .td-quantity > * { float: left; } .td-quantity > div { height: 20px; line-height: 18px; width: 20px; cursor: pointer; border: 1px solid transparent; text-align: center; -moz-user-select: none; -khtml-user-select: none; user-select: none; } .td-quantity > input { width: 25px; height: 20px; text-align: center; border: 1px solid #ccc; } .table-offer_desc { font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #888; margin-top: 5px; } @media(max-width:1199px) { .product-card._catalog-offer .product-card__offer-image { min-width: 250px; } .product-card._catalog-offer .product-card__offer-table { width: calc(100% - 250px) } } @media(max-width:1000px) { .product-card._catalog-offer .product-card__offer-image { min-width: 180px; width: 20%; padding-right: 30px; } .product-card._catalog-offer .product-card__offer-table { width: calc(100% - 180px) } .product-card._catalog-offer .product-card__offer-image .hover-pic { max-width: calc(100% - 30px); } } @media(max-width:850px) { .product-card._catalog-offer .product-card__offer-image { display: none; } .product-card._catalog-offer .product-card__offer-table { width: 100%; } } @media(max-width:767px) { .product-card__offer-table { overflow-x: scroll; overflow-y: hidden; } } ._section-list._section-list_nopics .product-card._catalog-modify, ._section-list._section-list_nopics .product-card._catalog-modify:nth-child(3n) { padding: 12px 10px; width: calc(12.5% - 2rem); min-width: 140px; align-items: center; justify-content: center; } ._section-list._section-list_nopics .product-card__name { margin: 0px; font-size: 15px !Important; font-family: Gilroy-Regular; } @media(max-width:1400px) { .product-specs__cell-name, .product-specs__cell-value { font-size: 1.8rem; } } @media(max-width:1300px) { .product-desc__specs-value { margin-left: 5px; margin-left: 0.5rem; } } @media(max-width:1200px) { .product-card__image { height: 150px; } .product-card__name { font-size: 1.6rem !important; } .product-card { padding: 1rem 2.0rem 2.5rem 2.0rem; } .product-specs__cell-name, .product-specs__cell-value { font-size: 1.5rem; } } @media(max-width:1050px) { .product-specs__table-pic .product-specs__table, .product-specs__table-pic .product-specs__pic { max-width: 100%; width: 100%; } .product-specs__table-pic .product-specs__pic img { max-width: 500px; width: 100%; margin: auto; display: block; margin-bottom: 20px; } } @media(max-width:700px) { .product-card__image { height: 100px; } .product-card__name { font-size: 1.5rem !important; } ._section-list._section-list_nopics { justify-content: center; } } .product-card__image img, .product-card__image-src { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-card__image-src { width: 270px; height: 270px; } .product-card__number { display: none; margin-bottom: 15px; margin-bottom: 1.5rem; } .product-card__number span { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; } .product-card__name { display: block; /*overflow: hidden;*/ /*margin-bottom: 15px; margin-bottom: 1.5rem; max-height: 47px; max-height: 5rem; line-height:1.8rem;*/ font: 18px 'Gilroy-Semibold', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Semibold', Arial, Helvetica, sans-serif; color: #3a3a3a; } .product-card__description { display: block; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; font-weight: 400; margin-top: 5px; margin-top: 0.5rem; } .product-card__description b { color: #adadad; font-weight: 400; } .product-card__props { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .product-card__props span { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .product-card__price { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 15px; padding-top: 1.5rem; margin-bottom: 15px; margin-bottom: 1.5rem; font: 20px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 2rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #3a3a3a; } .product-card__price span { -ms-flex-item-align: end; align-self: flex-end; } .product-card__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-card__add-to-basket { padding-top: 0; padding-bottom: 0; height: 32px; height: 3.2rem; } .buy-popup { position: relative; margin: 0 auto; padding: 25px; padding: 2.5rem; max-width: 500px; max-width: 50rem; background-color: white; } .buy-popup__title { margin-bottom: 30px; margin-bottom: 3rem; width: 100%; font: 18px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #3a3a3a; } .buy-popup .btn-not-arrow { margin-top: 20px; margin-top: 2rem; } .basket { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .basket .title-1 { width: 100%; margin-bottom: 30px; margin-bottom: 3rem; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .basket__clear { position: absolute; right: 0; top: 0; left: auto; font: 1.5rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: 600; color: #bbbbbb; } @media screen and (max-width:1200px) { .basket__clear { right: 0; top: 0; left: auto; } } @media screen and (max-width:1000px) { .basket__clear { right: 0; top: 0; left: auto; } } @media screen and (max-width:700px) { .basket__clear { right: 0; top: -40px; /* подгони под мобильную вёрстку, где заголовок может переноситься */ left: auto; } } .basket__goods { width: 100%; margin-bottom: 50px; margin-bottom: 5rem; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .basket__goods-head { margin-bottom: 40px; margin-bottom: 4rem; font: 22px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2.2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .basket__item-row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px; padding-top: 2rem; padding-bottom: 10px; padding-bottom: 1rem; padding-right: 3.33%; border-bottom: 1px solid #95a6d6; min-height: 80px; min-height: 9rem; } .basket__item-row:nth-child(1) { border-top: 1px solid #95a6d6; } .basket__item-thumb { position: absolute; display: none; left: 2.5%; top: 0; height: 100%; width: 15%; } .basket__item-thumb img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: auto; height: auto; max-width: 100%; max-height: 70%; } .basket__item-name { position: relative; display: block; margin-bottom: 10px; margin-bottom: 1rem; width: 100%; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; line-height: 1.2; color: #465596; -webkit-transition: 400ms; transition: 400ms; } .basket__item-name:hover { color: #cd4c4c; } .basket__item-number { position: relative; margin-bottom: 10px; margin-bottom: 1rem; width: 100%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; text-align: center; } .basket__item-price { position: relative; margin-bottom: 10px; margin-bottom: 1rem; min-width: 80px; width: 12.72%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #3a3a3a; } .basket .counter-controls { margin-bottom: 10px; margin-bottom: 1rem; } .basket__price-value { position: relative; display: inline-block; } .basket__price-value:after { content: 'руб.'; position: absolute; left: calc(100% + 0.5rem); } .basket__item-summ { position: relative; margin-bottom: 10px; margin-bottom: 1rem; width: auto; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #cd4c4c; text-align: left; } .basket__remove { position: absolute; right: 0; top: 0; width: 20px; width: 2rem; height: 20px; height: 2rem; } .basket__remove svg { position: absolute; right: 6px; right: 0.6rem; top: 4px; top: 0.4rem; display: block; width: 10px; width: 1rem; height: 9px; height: 0.9rem; fill: #adadad; } .basket__result { 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: 30px; margin-bottom: 3rem; width: 100%; -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(0, 0, 0, .21); box-shadow: 0 1.2rem 2.9rem 0 rgba(0, 0, 0, .21); -webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .basket__result-top { padding: 8.33%; } .basket__result-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 15px; margin-bottom: 1.5rem; } .basket__result-name { display: inline-block; width: 60%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } ._bold .basket__result-name { font: 18px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #505050; } ._merged .basket__result-name { width: auto; margin-right: 10px; margin-right: 1rem; } .basket__result-value { position: relative; display: inline-block; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .basket__result-value:after { content: 'руб.'; position: absolute; left: calc(100% + 0.5rem); } ._bold .basket__result-value { font: 18px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #505050; } ._bold .basket__result-value:after {} .basket__result-value._weight::after { content: 'кг.'; } .basket__result-bottom { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 8.33%; background-color: #e9efff; } .basket-empty .title-1 { margin-bottom: 30px; margin-bottom: 3rem; } .basket-empty .title-3 { margin-bottom: 30px; margin-bottom: 3rem; } .basket-empty__icon { margin-bottom: 30px; margin-bottom: 3rem; height: 40px; height: 4rem; text-align: center; } .basket-empty__icon svg { display: inline-block; height: 100%; } .popular-category { padding-top: 30px; padding-top: 3rem; background-color: #465596 } .popular-category._flex-grow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .popular-category__question { margin-bottom: 50px; margin-bottom: 5rem; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: white; } .popular-category__category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popular-category__category-item { position: relative; display: block; overflow: hidden; margin-bottom: 30px; margin-bottom: 3rem; width: 100%; background-color: white; -webkit-box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, .21); box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, .21); } .popular-category__category-item:after { content: ''; position: relative; display: block; padding-bottom: 78.13%; } .popular-category__item-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .popular-category__item-image { position: absolute; width: 100%; height: 76.67%; -webkit-transition: 300ms; transition: 300ms; } .popular-category__item-image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%; } .desktop .popular-category__category-item:hover .popular-category__item-image { height: 100%; } .popular-category__item-name { position: absolute; bottom: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 0; padding: 2.5rem 0; width: 100%; height: 23.33%; line-height: 30px; line-height: 3rem; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: white; text-align: center; background-color: #465596; -webkit-transition: 300ms; transition: 300ms; } .popular-category__item-name span { margin: auto; } .desktop .popular-category__category-item:hover .popular-category__item-name { -webkit-transform: translateY(100%); transform: translateY(100%); } .popular-category__item-hover { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: #465596; opacity: 0; visibility: hidden; -webkit-transition: 300ms; transition: 300ms; } .desktop .popular-category__category-item:hover .popular-category__item-hover { opacity: 0.87; visibility: visible; } .popular-category__center-text { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: white; text-transform: uppercase; } .dealer-features { margin-bottom: 60px; margin-bottom: 6rem; } .dealer-features .title-2 { padding-top: 50px; padding-top: 5rem; color: #505050; } .dealer-features__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 80px; padding-top: 8rem; } .dealer-features__item { width: 300px; margin: 0 auto 50px; margin: 0 auto 5rem; /* min-height: 40rem; */ } .dealer-features__item-icon { position: relative; margin-bottom: 25px; margin-bottom: 2.5rem; height: 45px; height: 4.5rem; width: auto; } .dealer-features__item-icon.icon-big { height: 55px; height: 5.5rem; } .dealer-features__item-icon img, .dealer-features__item-icon svg { position: relative; left: 90px; left: 9rem; display: block; width: auto; height: 100%; } .dealer-features__item-icon.icon-big img, .dealer-features__item-icon.icon-big svg { transform: translateX(-50%); left: 50%; } .dealer-features__item-title { margin-bottom: 50px; margin-bottom: 5rem; font: 18px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .dealer-features__feature-list { list-style-type: none; } .dealer-features__list-item { position: relative; left: 20px; left: 2rem; margin-bottom: 15px; margin-bottom: 1.5rem; } .dealer-features__list-item:before { content: ''; position: absolute; top: 9px; top: 0.9rem; left: -20px; left: -2rem; width: 5px; width: 0.5rem; height: 5px; height: 0.5rem; background-color: #465596; } .dealer-offer { padding: 30px 0; padding: 3rem 0; background-color: #465596; } .dealer-offer__wrappper {} .dealer-offer__name { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #95a6d6; } .dealer-offer__description { display: block; padding-top: 15px; padding-top: 1.5rem; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: white; } .dealer-anchors { position: fixed; top: 70px; top: 7rem; z-index: 1; -webkit-transform: translateY(-100%); transform: translateY(-100%); width: 100%; background-color: white; opacity: 0; visibility: hidden; -webkit-transition: 700ms; transition: 700ms } .dealer-anchors._active { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .dealer-anchors__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; padding-top: 2rem; padding-bottom: 20px; padding-bottom: 2rem; } .dealer-anchors__link { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; -webkit-transition: 300ms; transition: 300ms; } .dealer-anchors__link._active { color: #95a6d6; } .dealer-anchors__link:hover { color: #cd4c4c; } .dealer-requirements { padding-top: 70px; padding-top: 7rem; } .dealer-requirements .title-2 { margin-bottom: 22.5px; margin-bottom: 2.25rem; } .dealer-requirements .title-3 { margin-bottom: 25px; margin-bottom: 2.5rem; } .dealer-requirements__leaf { padding: 20px 20px; padding: 2rem 2rem; margin-bottom: 60px; margin-bottom: 6rem; background-color: white; -webkit-box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, .21); box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, .21); } .dealer-requirements__leaf._text-under { margin-bottom: 20px; margin-bottom: 2rem; } .dealer-requirements__leaf._last-margin { margin-bottom: 90px; margin-bottom: 9rem; } .dealer-requirements__leaf-paragraph { position: relative; left: 30px; left: 3rem; margin-bottom: 22.5px; margin-bottom: 2.25rem; width: calc(100% - 4rem); color: #505050; font-size: 12px; font-size: 1.2rem; } .dealer-requirements__leaf-paragraph.title-3 { margin-bottom: 15px; margin-bottom: 1.5rem; } .dealer-requirements__leaf-paragraph:last-child { margin-bottom: 0; } .dealer-requirements__leaf-paragraph._no-number { left: 0; } .dealer-requirements__leaf-item { position: relative; left: 20px; left: 2rem; margin-top: 10px; margin-top: 1rem; font-size: 12px; font-size: 1.2rem; } .dealer-requirements__leaf-item._left-modifier { left: 60px; left: 6rem; } .dealer-requirements__leaf-item:before { content: ''; position: absolute; top: 9px; top: 0.9rem; left: -20px; left: -2rem; width: 5px; width: 0.5rem; height: 5px; height: 0.5rem; background-color: #465596; } .dealer-requirements__leaf-link { font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; } .dealer-requirements__under-leaf { margin-bottom: 60px; margin-bottom: 6rem; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .error__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 52.5px; padding-top: 5.25rem; } .error__number { padding-bottom: 20.83%; background-size: contain; background-repeat: no-repeat; } .error__number._4 { width: 17.5%; } .error__number._0 { margin: 0 7.08%; width: 12.5%; } .error__search { padding-top: 72.5px; padding-top: 7.25rem; margin-bottom: 80px; margin-bottom: 8rem; width: 100%; text-align: center; } .error__search-text { margin-bottom: 20px; margin-bottom: 2rem; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #3a3a3a; } .error__link { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #465596; -webkit-transition: 300ms; transition: 300ms; } .desktop .error__link:hover { color: #cd4c4c; } .error__input-wrapper { position: relative; display: inline-block; width: 400px; width: 40rem; } .error__input { position: relative; padding-right: 30px; padding-right: 3rem; padding-left: 10px; padding-left: 1rem; width: 100%; height: 33px; height: 3.3rem; text-align: left; background-color: white; background-image: url(/local/templates/dvk/css/); border: 1px solid #95a6d6; border-radius: 100rem; } .error__submit { position: absolute; right: 10px; right: 1rem; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 20px; padding: 2rem; } .error__submit svg { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 17px; width: 1.7rem; height: 15px; height: 1.5rem; } .profile { margin-bottom: 50px; margin-bottom: 5rem; } .profile .title-1 { margin-bottom: 55px; margin-bottom: 5.5rem; } .profile__tabs-button { position: relative; padding: 20px 0; padding: 2rem 0; width: 25%; text-align: center; color: #505050; -webkit-transition: 500ms; transition: 500ms } .profile__tabs-button:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; display: block; height: 5px; height: 0.5rem; background-color: white; opacity: 0; visibility: hidden; -webkit-transition: 500ms; transition: 500ms; } .profile__tabs-button._js-active { background-color: white; -webkit-box-shadow: 0 0.2rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 0.2rem 2.9rem 0 rgba(92, 92, 92, .32); } .profile__tabs-button._js-active:before { opacity: 1; visibility: visible; } .profile__content { position: relative; padding: 2.92%; margin-bottom: 30px; margin-bottom: 3rem; background-color: white; -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); } .profile-orders__sort { margin-bottom: 30px; margin-bottom: 3rem; } .profile-orders__sort-text { margin-right: 40px; margin-right: 4rem; } .profile-orders__select { display: inline-block; min-width: 160px; min-width: 16rem; } .profile-orders__table { margin-bottom: 85px; margin-bottom: 8.5rem } .profile-orders__table:last-child { margin-bottom: 0; } .profile-orders__table-title { margin-bottom: 30px; margin-bottom: 3rem; font: 22px 'Gilroy-Light', Arial, Helvetica, sans-serif; font: 2.2rem 'Gilroy-Light', Arial, Helvetica, sans-serif; color: #505050; } .profile-orders__tbody {} .profile-orders__trow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 35px 0.88% 25px; padding: 3.5rem 0.88% 2.5rem; border-bottom: 1px solid #95a6d6; background-color: #e9efff; } .profile-orders__trow:nth-child(2n) { background-color: white; } .profile-orders__row-item { display: block; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #3a3a3a; } .profile-orders__row-item._number { width: 29%; } .profile-orders__row-item._date { width: 30%; } .profile-orders__row-item._status { margin-bottom: 10px; margin-bottom: 1rem; width: 30%; } .profile-orders__row-item._price { width: 29%; color: #cd4c4c; } .profile-orders__row-item._detail { padding-left: 20px; padding-left: 2rem; width: 30%; color: #465596; background: url('/local/templates/dvk/css/../assets/icon/icon-leaf.svg') no-repeat left center / 12px 14px; background: url('/local/templates/dvk/css/../assets/icon/icon-leaf.svg') no-repeat left center / 1.2rem 1.4rem; -webkit-transition: 300ms; transition: 300ms; } .desktop .profile-orders__row-item._detail:hover { opacity: 0.7; } .profile-orders__row-item._repeat { padding-left: 20px; padding-left: 2rem; width: 30%; color: #465596; background: url('/local/templates/dvk/css/../assets/icon/icon-basket-simple.svg') no-repeat left center / 12px 14px; background: url('/local/templates/dvk/css/../assets/icon/icon-basket-simple.svg') no-repeat left center / 1.2rem 1.4rem; -webkit-transition: 300ms; transition: 300ms; } .desktop .profile-orders__row-item._repeat:hover { opacity: 0.7; } .profile-data__individual._hidden, .profile-data__company._hidden { display: none; } .profile-data__individual._ul, .profile-data__company._ul { -webkit-column-count: 1; column-count: 1; } .profile-data__item { position: relative; margin-right: 40px; /* margin-bottom: 40px; */ /* margin-bottom: 4rem; */ } .profile-data__item._big-margin { margin-bottom: 85px; margin-bottom: 8.5rem; } .profile-data__item-title { /* margin-bottom: 20px; */ /* margin-bottom: 2rem; */ margin-top: 20px; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .profile-data__item-title._small-light { font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .profile-data__item-title sup { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #ff0000; } .profile-data__item-input { width: 29.2%; min-width: 250px; min-width: 25rem; } .profile-data__item-input._mobile { width: 200px; width: 20rem; min-width: auto; } .profile-data__item-input input { padding: 0 15px; padding: 0 1.5rem; width: 100%; height: 34px; height: 4.4rem; line-height: 34px; line-height: 3.4rem; border: 1px solid #adadad; /* border-radius: 100rem; */ background-color: transparent; -webkit-transition: 300ms; transition: 300ms; } .profile-data__item-input input::-webkit-input-placeholder { color: #adadad; } .profile-data__item-input input:-ms-input-placeholder { color: #adadad; } .profile-data__item-input input::-ms-input-placeholder { color: #adadad; } .profile-data__item-input input::placeholder { color: #adadad; } .profile-data__item-input input:focus { border-color: #465596; } .profile-data__item-input input.error { border-color: #cd4c4c; } .profile-data__item-input small { font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; font-size: 10px; padding-left: 16px; color: #7c7c7c; } .profile-data__item-textarea { width: 29.2%; min-width: 250px; min-width: 25rem; -webkit-transition: 300ms; transition: 300ms; } .profile-data__item-textarea._hidden { opacity: 0; visibility: hidden; } .profile-data__item-textarea._js-active { opacity: 1; visibility: visible; } .profile-data__item-textarea textarea { padding: 5px 15px; padding: 0.5rem 1.5rem; vertical-align: middle; width: 100%; height: 34px; height: 3.4rem; background-color: transparent; border: 1px solid #adadad; border-radius: 1.9rem; resize: none; -webkit-transition: border-color 300ms; transition: border-color 300ms; } .profile-data__item-textarea textarea:focus { border-color: #465596; } .profile-data__item-textarea textarea.error { border-color: #cd4c4c; } .profile-data__stash {} .profile-password__item { margin-bottom: 40px; margin-bottom: 4rem } .profile-password__item:last-child { margin-bottom: 0; } .profile-password__item-title { margin-bottom: 20px; margin-bottom: 2rem; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .profile-password__input { position: relative; width: 29.2%; min-width: 300px; min-width: 30rem } .profile-password__input._individual { min-width: 100%; margin-bottom: 20px; margin-bottom: 2rem; } .profile-password__input._inline-info { min-width: 100%; display: inline-block; margin-right: 10px; margin-right: 1rem; margin-bottom: 20px; margin-bottom: 2rem; } .profile-password__input input { display: block; padding: 0 15px; padding: 0 1.5rem; width: 100%; height: 34px; height: 3.4rem; border: 1px solid #adadad; border-radius: 100rem; background-color: transparent; -webkit-transition: 300ms; transition: 300ms; } .profile-password__input input::-webkit-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .profile-password__input input:-ms-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .profile-password__input input::-ms-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .profile-password__input input::placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .profile-password__input input:focus { border-color: #465596; } .profile-password__input-eye { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; padding: 15px; padding: 1.5rem; width: 20px; width: 2rem; height: 18px; height: 1.8rem; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: pointer; } .profile-password__input-eye .eye-line { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 300ms; transition: 300ms } .profile-password__input-eye .eye-line._hidden { -webkit-transform: scale(0); transform: scale(0); } .profile-password__info { display: inline-block; vertical-align: top; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .profile-maths__item { border-bottom: 1px solid #95a6d6; position: relative; } .profile-maths__item-title { padding-left: 20px; padding-left: 2rem; padding-right: 20px; padding-right: 2rem; padding-top: 35px; padding-top: 3.5rem; padding-bottom: 30px; padding-bottom: 3rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; } .profile-maths__item-title._blue-bg { background-color: #e9efff; } .profile-maths__item-arrow { position: absolute; /*top: 0;*/ bottom: 20px; right: 20px; right: 2rem; margin: auto 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: 500ms; transition: 500ms; } .profile-maths__item-arrow._js-active { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .profile-maths__item-content { display: none; overflow: hidden; padding: 20px; padding: 2rem; background-color: #e9efff; } .profile-maths__content-elem { margin-bottom: 40px; margin-bottom: 4rem; } .profile-maths__content-elem:last-child { margin-bottom: 0; } .profile-maths__elem-title { margin-bottom: 20px; margin-bottom: 2rem; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; } .profile-maths__link-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style-type: none; } .profile-maths__link-wrapper { display: block; width: 45%; margin-bottom: 20px; margin-bottom: 2rem; } .profile-maths__link { font: 14px 'OpenSansLight', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansLight', Arial, Helvetica, sans-serif; color: #465596; -webkit-transition: 300ms; transition: 300ms; } .desktop .profile-maths__link:hover { color: #cd4c4c; } .profile-popup { margin: 0 auto; width: 50.26%; min-width: 900px; min-width: 90rem; background-color: white; } .profile-popup__head { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 3.11% 20px; padding: 1.5rem 3.11% 2rem; background-color: #465596; } .mfp-close { color: #333; } .profile-popup__head .mfp-close { position: absolute; right: 0; top: 0; -webkit-transition: 300ms; transition: 300ms; } .profile-popup__order-info { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: white } .profile-popup__order-info._number { width: 7.77%; } .profile-popup__order-info._date { width: 14.51%; } .profile-popup__order-info._status { width: 22.8%; } .profile-popup__order-info._summ { width: 11.4%; font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; } .profile-popup__order-info._summ span { position: relative; } .profile-popup__order-info._summ span:after { content: ' руб.'; position: absolute; top: 0; right: -5px; right: -0.5rem; -webkit-transform: translateX(100%); transform: translateX(100%); display: block; } .profile-popup__order-info._blank { padding-left: 20px; padding-left: 2rem; width: 21.24%; background: url(/local/templates/dvk/css/../assets/icon/icon-blank.svg) no-repeat left center / 13px 13px; background: url(/local/templates/dvk/css/../assets/icon/icon-blank.svg) no-repeat left center / 1.3rem 1.3rem; -webkit-transition: 300ms; transition: 300ms; } .desktop .profile-popup__order-info._blank:hover { opacity: 0.6; } .profile-popup__order-repeat { margin-right: 20px; margin-right: 2rem; margin-left: auto; } .profile-popup__body { overflow: auto; max-height: 500px; max-height: 50rem; } .order-detail .profile-popup__body { max-height: none; padding-top: 45px; padding-top: 4.5rem; padding-right: 4.66%; padding-left: 4.66%; } .profile-popup__body .simplebar-content { padding-top: 45px; padding-top: 4.5rem; padding-right: 4.66%; padding-left: 4.66%; } .profile-popup__order-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 35px; margin-bottom: 3.5rem; } .profile-popup__order-table { width: 46.86%; } .profile-popup__order-row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 0; padding: 1.5rem 0; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; border-bottom: 1px solid #95a6d6; } .profile-popup__order-row._head { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; border-bottom: 2px solid #7d8dd2; } .profile-popup__order-option { display: block; width: 43.9%; } .profile-popup__order-value { display: block; width: 56.1%; color: #505050; } .profile-popup__order-value._price:after { content: ' руб.'; } .profile-popup__order-comment { margin-bottom: 35px; margin-bottom: 3.5rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; } .profile-popup__comment-text { margin-left: 15px; margin-left: 1.5rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .profile-popup__status-info { padding: 15px 2.29%; padding: 1.5rem 2.29%; margin-bottom: 30px; margin-bottom: 3rem; background-color: #e9efff; } .profile-popup__offer-status { margin-bottom: 25px; margin-bottom: 2.5rem; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; margin-right: 10px; margin-right: 1rem; } .profile-popup__offer-status span { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .profile-popup__offer-link { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #cd4c4c; text-transform: uppercase; } .profile-popup__offer-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .profile-popup__price._goods, .profile-popup__price._delivery { width: 32.34%; } .profile-popup__price._discount { width: 20.36%; } .profile-popup__price._summ { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .profile-popup__price-option { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; } .profile-popup__price-value { margin-left: 3px; margin-left: 0.3rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .profile-popup__price-value._red { color: #cd4c4c; } .profile-popup__price-item { position: relative; } .profile-popup__price-item::after { content: ' руб.'; position: absolute; right: -3px; right: -0.3rem; top: 50%; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); } .profile-popup__goods-list {} .profile-popup__goods-head { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 3.43%; padding: 2.5rem 3.43%; border-top: 2px solid #7d8dd2; border-bottom: 2px solid #7d8dd2; } .profile-popup__head-item { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #465596; text-align: center; } .profile-popup__head-item._name { width: 34.97%; text-align: left; } .profile-popup__head-item._number { width: 20.25%; } .profile-popup__head-item._price { width: 15.34%; } .profile-popup__head-item._count { width: 14.11%; } .profile-popup__head-item._summ { width: 15.34%; } .profile-popup__goods-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 3.43%; min-height: 75px; min-height: 7.5rem; border-bottom: 1px solid #95a6d6; } .profile-popup__goods-item { position: relative; padding: 15px 0; padding: 1.5rem 0; text-align: center; } .profile-popup__goods-item._image { -ms-flex-item-align: stretch; align-self: stretch; width: 15.95%; overflow: hidden; } .profile-popup__goods-item._image img { position: absolute; display: block; max-height: 90%; max-width: 100%; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .profile-popup__goods-item._name { width: 22.7%; text-align: left; } .profile-popup__goods-item._number { width: 20.25%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .profile-popup__goods-item._price { width: 15.34%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .profile-popup__goods-item._price span { display: inline-block; -webkit-transform: translateX(-0.5rem); transform: translateX(-0.5rem); } .profile-popup__goods-item._count { width: 14.11%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .profile-popup__goods-item._summ { width: 15.34%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .profile-popup__goods-item._summ span { display: inline-block; -webkit-transform: translateX(-0.5rem); transform: translateX(-0.5rem); } .profile-popup__destroy { padding-top: 25px; padding-top: 2.5rem; margin-bottom: 55px; margin-bottom: 5.5rem; text-align: center; } .profile-popup__destroy-btn { position: relative; display: inline-block; padding: 10px 40px 10px 23px; padding: 1rem 4rem 1rem 2.3rem; color: #505050; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; background-color: transparent; -webkit-transition: .4s .4s; transition: .4s .4s; cursor: pointer; } .profile-popup__destroy-btn i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; right: 1.5rem; z-index: 1; font-style: normal; font-size: 20px; font-size: 2rem; font-family: Arial, Baskerville, monospace; -webkit-transition: all .3s; transition: all .3s; } .profile-popup__destroy-btn span { position: relative; z-index: 1; -webkit-transition: all .3s; transition: all .3s; } .profile-popup__destroy-btn:before { content: ''; position: absolute; left: 0; top: 0; -webkit-transform: scale(1.2); transform: scale(1.2); display: block; width: 100%; height: 100%; background-color: #cd4c4c; border-radius: 10rem; -webkit-transition: all .3s; transition: all .3s; opacity: 0; } .profile-popup__destroy-btn:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transform: scale(1); transform: scale(1); display: block; margin: auto; background-color: #f1f5ff; border-radius: 10rem; -webkit-transition: all .3s; transition: all .3s; opacity: 1; } .desktop .profile-popup__destroy-btn:hover span, .desktop .profile-popup__destroy-btn:hover i { color: white; } .desktop .profile-popup__destroy-btn:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .desktop .profile-popup__destroy-btn:hover:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .ordering > .title-2 { margin-bottom: 50px; margin-bottom: 5rem; } .ordering__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .ordering__data { /* margin-bottom: 140px; */ /* margin-bottom: 14rem; */ margin-bottom: 40px; width: 100%; } .ordering__tabs-button { position: relative; padding: 20px 3.62%; padding: 2rem 3.62%; text-align: center; color: #505050; -webkit-transition: 500ms; transition: 500ms; } .ordering__tabs-button:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; display: block; height: 5px; height: 0.5rem; background-color: white; opacity: 0; visibility: hidden; -webkit-transition: 500ms; transition: 500ms; } .ordering__tabs-button._js-active { background-color: white; -webkit-box-shadow: 0 0.2rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 0.2rem 2.9rem 0 rgba(92, 92, 92, .32); } .ordering__tabs-button._js-active:before { opacity: 1; visibility: visible; } .ordering__tabs { width: 60%; -margin-left: 30%; } .ordering__content { position: relative; width: 60%; -margin-left: 30%; padding: 2.92%; margin-bottom: 30px; margin-bottom: 3rem; background-color: white; -webkit-box-shadow: 0 0.8rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 0.8rem 2.9rem 0 rgba(92, 92, 92, .32); } @media screen and (max-width:1300px) { .ordering__tabs { width: 100%; margin-left: 0; } .ordering__content { width: 100%; margin-left: 0; } .order_right_total{ display: none; } .ordering__content{ width: 100% !important; } } .ordering__notification { /*position: absolute; left: 45%;*/ font: 2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; border: 1px solid #adadad; padding: 3rem; margin: 0 0 10%; max-width: 554px; box-shadow: 10px 10px 14px #dbdbdb; color: #5e5e5e; z-index: 9; } @media screen and (max-width:1200px) { .ordering__notification { position: inherit; margin-bottom: 3rem; } } .ordering__notification h3 { font-size: 18px; font-weight: 600; margin-bottom: 3%; } .ordering__notification p { font-size: 15px; } .ordering__delivery-type { margin-bottom: 70px; margin-bottom: 7rem; } .ordering__delivery-title { margin-bottom: 20px; margin-bottom: 2rem; } .ordering__radio-wrapper { margin-bottom: 35px; margin-bottom: 3.5rem; font-size: 0; } .ordering__radio { display: inline-block; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; cursor: pointer; } .ordering__radio input { visibility: hidden; width: 0; height: 0 } .ordering__radio input:checked ~ span { color: white; background-color: #465596; } .ordering__radio input.error.error ~ span { color: #cd4c4c; } .ordering__radio span { display: inline-block; padding: 10px 0; padding: 1rem 0; width: 100px; width: 10rem; text-align: center; color: #465596; border: 1px solid #465596; border-right: 0; background-color: white; -webkit-transition: all 300ms; transition: all 300ms; } .ordering__radio:first-child span { border-radius: 100rem 0 0 100rem; } .ordering__radio:last-child span { border-radius: 0 100rem 100rem 0; border-right: 1px solid #465596; } .ordering__checkbox-wrapper { -webkit-transition: 300ms; transition: 300ms; } .ordering__checkbox-wrapper._absolute { position: absolute; top: 50px; top: 5rem; left: 0; } .ordering__checkbox-wrapper._hidden { opacity: 0; visibility: hidden; } .ordering__checkbox-wrapper._js-active { opacity: 1; visibility: visible; } .ordering__checkbox-area { position: relative; display: block; padding-left: 30px; padding-left: 3rem; margin-bottom: 7px; margin-bottom: 0.7rem; height: 15px; height: 1.5rem; cursor: pointer; } .ordering__checkbox-input { visibility: hidden; width: 0; height: 0; } .ordering__checkbox-input:checked ~ span { color: #4f5fa5; } .ordering__checkbox-input:checked ~ span:before { background-color: #4f5fa5; } .ordering__checkbox-input.error ~ span { color: #cd4c4c; } .ordering__checkbox-button { display: inline-block; vertical-align: middle; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; line-height: 15px; line-height: 1.5rem; color: #3a3a3a; -webkit-transition: 300ms; transition: 300ms; } .ordering__checkbox-button:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 13px; width: 1.3rem; background-color: #b5c4f0; -webkit-transition: 300ms; transition: 300ms; } .ordering__info { padding-top: 35px; padding-top: 3.5rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .ordering__additional-service { margin-bottom: 60px; margin-bottom: 6rem; } .ordering__comments textarea { margin-bottom: 30px; margin-bottom: 3rem; width: 250px; width: 25rem; min-height: 90px; min-height: 9rem; } .ordering__comments textarea::-webkit-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .ordering__comments textarea:-ms-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .ordering__comments textarea::-ms-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .ordering__comments textarea::placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .ordering__comments-title { margin-bottom: 30px; margin-bottom: 3rem; font: 20px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .ordering__privacy { position: relative; display: block; /* margin-top: 8rem; */ /* margin-bottom: 3rem; */ } .ordering__privacy input { visibility: hidden; width: 0; height: 0 } .ordering__privacy input:checked ~ span { color: #505050; } .ordering__privacy input:checked ~ span::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .ordering__privacy input.error ~ span { color: #cd4c4c; } .ordering__privacy span { position: relative; display: block; padding-top: 0; padding-left: 35px; padding-left: 3.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: 300ms; transition: 300ms } .ordering__privacy span::after, .ordering__privacy span::before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 17px; width: 1.7rem; height: 17px; height: 1.7rem; -webkit-transition: 300ms; transition: 300ms; } .ordering__privacy span::before { background-color: #b5c4f0; } .ordering__privacy span::after { -webkit-transform: scale(0, 0); transform: scale(0, 0); background: url('/local/templates/dvk/css/../assets/icon/ico-check.svg') no-repeat center center / 10px 7px; background: url('/local/templates/dvk/css/../assets/icon/ico-check.svg') no-repeat center center / 1rem 0.7rem; } .ordering__stash { width: 100%; margin-bottom: 50px; margin-bottom: 5rem; } .ordering__stash-table {} .ordering__stash-head { padding-top: 30px; padding-top: 3rem; padding-bottom: 35px; padding-bottom: 3.5rem; padding-left: 4.74%; padding-right: 4.06%; border-top: 2px solid #7d8dd2; border-bottom: 2px solid #7d8dd2; font: 18px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #7d8dd2; } .ordering__stash-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 35px; padding-top: 3.5rem; padding-bottom: 30px; padding-bottom: 3rem; padding-left: 4.74%; padding-right: 4.06%; border-bottom: 1px solid #95a6d6; } .ordering__stash-row._blue-bg { background-color: #e9efff; } .ordering__row-item._price { width: 24.83%; } .ordering__row-item._price span { position: relative; display: inline-block; } .ordering__row-item._price span:after { content: ' руб.'; position: absolute; right: -5px; right: -0.5rem; top: 50%; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); display: block; } .ordering__row-item._count { margin-right: 20px; margin-right: 2rem; width: 12.87%; } .ordering__row-item._count span { position: relative; display: inline-block; } .ordering__row-item._count span:after { content: ' шт.'; position: absolute; right: -5px; right: -0.5rem; top: 50%; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); display: block; } .ordering__row-item._name { margin-bottom: 15px; margin-bottom: 1.5rem; width: 100%; text-align: left; } .ordering__stash-weight { padding-top: 25px; padding-top: 2.5rem; margin-bottom: 15px; margin-bottom: 1.5rem; } .ordering__weight-option, .ordering__summ-option { display: inline-block; padding-left: 3.74%; width: 140px; width: 14rem; } .ordering__weight-value span { position: relative; display: inline-block } .ordering__weight-value span:after { content: ' кг.'; position: absolute; right: -5px; right: -0.5rem; top: 50%; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); display: block; } .ordering__stash-summ { font: 22px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 2.2rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #3a3a3a; } .ordering-checked .title-1 { margin-bottom: 30px; margin-bottom: 3rem; } .ordering-checked__text { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .ordering-checked__link { font: 14px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.4rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #cd4c4c; } .repair .title-1 { margin-bottom: 35px; margin-bottom: 3.5rem; } .repair__price-table { padding-top: 50px; padding-top: 5rem; margin-bottom: 135px; margin-bottom: 13.5rem; } .repair__price-row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 4.58%; padding-top: 30px; padding-top: 3rem; padding-bottom: 20px; padding-bottom: 2rem; border-bottom: 1px solid #95a6d6; } .repair__price-row:after { content: ''; position: absolute; top: 39px; top: 3.9rem; left: 0; display: block; width: 2.5px; width: 0.25rem; height: 2.5px; height: 0.25rem; background-color: #465596; } .repair__price-row._blue-bg { padding-left: 3%; background-color: #e9efff; } .repair__price-row._blue-bg:after { display: none; } .repair__price-row._head { padding-left: 3%; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; border-top: 2px solid #7d8dd2; border-bottom: 2px solid #7d8dd2; } .repair__price-row._head:after { display: none; } .repair__row-item { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #3a3a3a; } ._blue-bg .repair__row-item._name { color: #465596; } .repair__row-item._name { font-size: 12px; font-size: 1.2rem; } .repair__row-item._price { width: 14.58%; min-width: 100px; min-width: 10rem; text-align: center; } ._head .repair__row-item { font-size: 16px; font-size: 1.6rem; font-family: 'Gilroy-Semibold', Arial, Helvetica, sans-serif; color: #4f5fa5; } .post__date { margin-bottom: 45px; margin-bottom: 4.5rem; font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #7d8dd2; } .post__content { margin-bottom: 65px; margin-bottom: 6.5rem; } .post__main-image { position: relative; margin-bottom: 40px; margin-bottom: 4rem; background-size: cover; background-repeat: no-repeat; background-position: center center } .post__main-image:after { content: ''; position: relative; display: block; padding-bottom: 56.25%; } .post__back-to { display: block; margin-bottom: 50px; margin-bottom: 5rem; text-transform: uppercase; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; } .post__gallery-wrapper { position: relative; margin-bottom: 80px; margin-bottom: 8rem; } .post__controls { display: none; } .post__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .post__arrow._left { left: 0; } .post__arrow._right { right: 0; } .post__gallery { position: relative; overflow: hidden; margin: 0 auto 20px; margin: 0 auto 2rem; } .post__gallery .slick-list { margin: 0 -10px; margin: 0 -1rem; } .post__gallery-item { position: relative; overflow: hidden; margin: 0 10px; margin: 0 1rem; background-size: cover; background-position: center center; background-repeat: no-repeat; } .post__gallery-item:after { content: ''; position: relative; display: block; padding-bottom: 100%; } .text-block { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .text-block p { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; margin-bottom: 25px; margin-bottom: 2.5rem; } .text-block h1 { font: 36px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 3.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #3a3a3a; margin-bottom: 25px; margin-bottom: 2.5rem; } .text-block h2 { font: 30px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 3rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #3a3a3a; margin-bottom: 25px; margin-bottom: 2.5rem; } .text-block h3 { font: 22px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2.2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #3a3a3a; margin-bottom: 25px; margin-bottom: 2.5rem; } .text-block ol { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; list-style: none; counter-reset: myCounter } .text-block ol > li { position: relative; padding-left: 40px; padding-left: 4rem; } .text-block ol > li::before { counter-increment: myCounter; content: counter(myCounter); position: absolute; top: -3px; top: -0.3rem; left: 0; display: block; width: 27px; width: 2.7rem; height: 27px; height: 2.7rem; font: 16px/27px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 1.6rem/2.7rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; text-align: center; color: #95a6d6; border-radius: 50%; border-color: #95a6d6; border-width: 1px; border-width: 0.1rem; border-style: solid; } .text-block ol > li a { color: inherit; } .about-main__desc-text ul, .text-block ul, .catalog-result__description ul { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; list-style: none } .catalog-result__description ul { margin-top: 10px; } .about-main__desc-text ul > li, .text-block ul > li, .catalog-result__description ul > li { position: relative; padding-left: 20px; padding-left: 2rem; margin-bottom: 25px; margin-bottom: 2.5rem; } .about-main__desc-text ul > li, .catalog-result__description ul > li { margin-bottom: 5px; margin-bottom: 0.5rem; } .about-main__desc-text ul > li:before, .text-block ul > li::before, .catalog-result__description ul > li::before { content: ''; position: absolute; left: 0; top: 9px; top: 0.9rem; display: block; width: 5px; width: 0.5rem; height: 5px; height: 0.5rem; background-color: #465596; } .text-block ul.ul-round > li::before, .catalog-result__description ul.ul-round > li::before { border-radius: 50%; } .text-block img { display: block; margin-bottom: 30px; margin-bottom: 3rem; max-width: 100%; /*max-height: 80vh;*/ } .articles { position: relative; margin-bottom: 50px; margin-bottom: 5rem; } .articles__title { margin-bottom: 35px; margin-bottom: 3.5rem; } .articles__item-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .articles__item { position: relative; overflow: hidden; display: block; width: 100%; margin-bottom: 25px; margin-bottom: 2.5rem; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transition: all .5s; transition: all .5s; } .articles__item:after { content: ''; position: relative; display: block; padding-bottom: 100%; } .desktop .articles__item:hover .articles__item-shadow { -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .72); box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .72); } .desktop .articles__item:hover .articles__hover { opacity: 1; visibility: visible; } .desktop .articles__item:hover .articles__desc { -webkit-transform: translateY(100%); transform: translateY(100%); } .articles__item-shadow { position: absolute; bottom: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 88.48%; height: 91.62%; -webkit-transition: all 400ms; transition: all 400ms; } .articles__item-inner { position: absolute; display: block; overflow: hidden; width: 100%; height: 100%; } .articles__desc { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 0; height: 110px; height: 11rem; width: 100%; background-color: #e9efff; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .articles__name { margin-bottom: 6px; margin-bottom: 0.6rem; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; color: #465596; } .articles__date { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; color: #7d8dd2; } .articles__hover { position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all .5s; transition: all .5s; } .articles__hover-shape { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #e9efff; opacity: 0.8; -webkit-transition: all .4s; transition: all .4s; } .articles__hover-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #465596; z-index: 1; } .articles__more { text-align: center; } /* test */ .sign-up .title-1 { margin-bottom: 20px; margin-bottom: 2rem; } .sign-up__text { margin-bottom: 40px; margin-bottom: 4rem; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .sign-up__form { max-width: 780px; max-width: 78rem; } .sign-up__tabs-button, .sign-up__form .popup__title { position: relative; display: inline-block; width: 50%; padding: 20px; padding: 2rem; text-align: center; color: #505050; -webkit-transition: 500ms; transition: 500ms; } .sign-up__form .popup__title { background-color: white; -webkit-box-shadow: 0 0.2rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 0.2rem 2.9rem 0 rgba(92, 92, 92, .32); margin-left: 30px; margin-bottom: 10px; } .sign-up__form .popup__title:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; display: block; height: 5px; height: 0.5rem; background-color: white; -webkit-transition: 500ms; transition: 500ms; } .sign-up__form .register-link { display: none; } .sign-up__tabs-button:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; display: block; height: 5px; height: 0.5rem; background-color: white; opacity: 0; visibility: hidden; -webkit-transition: 500ms; bottom: -1px; transition: 500ms; } .sign-up__tabs-button._js-active { bottom: -1px; background-color: white; -webkit-box-shadow: 0 0.2rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 0.2rem 2.9rem 0 rgba(92, 92, 92, .32); } .sign-up__tabs-button._js-active:before { opacity: 1; visibility: visible; } .sign-up__content, .sign-up__form .popup__content { position: relative; padding: 30px 20px 45px; padding: 3rem 2rem 4.5rem; margin-bottom: 30px; margin-bottom: 3rem; background-color: white; -webkit-box-shadow: 0 0.8rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 0.8rem 2.9rem 0 rgba(92, 92, 92, .32); } .sign-up__form .popup__content { margin-left: 30px; margin-top: -12px; padding: 30px 0px 0px; } .sign-up__content .profile-password { margin-bottom: 45px; margin-bottom: 4.5rem; } .project-task { margin-bottom: 80px; margin-bottom: 8rem; } .project-task .title-1 { margin-bottom: 37.5px; margin-bottom: 3.75rem; } .project-task__description-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .project-task__description-item { padding-top: 10px; padding-top: 1rem; margin-bottom: 40px; margin-bottom: 4rem; width: 100%; } .project-task__description-item:nth-child(2n) { margin-right: 0; } .project-task__description-item._task { background: url('/local/templates/dvk/css/../assets/icon/project-task.svg') no-repeat left top / 8.82% auto; } .project-task__description-item._process { background: url('/local/templates/dvk/css/../assets/icon/project-process.svg') no-repeat left top / 9.22% auto; } .project-task__description-title { padding-left: 14.71%; margin-bottom: 20px; margin-bottom: 2rem; font: 20px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 2rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; } .project-process { padding-top: 65px; padding-top: 6.5rem; background-color: white; } .project-process__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .project-process__description { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 105px; margin-bottom: 10.5rem; width: 100%; font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #505050; background-color: white; } .project-process__types { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-height: 350px; min-height: 35rem; } .project-process__to-types { position: absolute; display: none; top: -30px; top: -3rem; text-transform: uppercase; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; opacity: 0; visibility: hidden; -webkit-transition: 300ms; transition: 300ms; z-index: 1; } .project-process__to-types.js-active-btn { opacity: 1; visibility: visible; } .project-process__to-types svg { display: inline-block; margin-right: 10px; margin-right: 1rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 7px; width: 0.7rem; height: 11px; height: 1.1rem; fill: #465596; -webkit-transition: 300ms; transition: 300ms; } .desktop .project-process__to-types:hover { color: #cd4c4c; } .desktop .project-process__to-types:hover svg { fill: #cd4c4c; } .project-process__types-trigger { position: relative; display: block; overflow: visible; margin-right: 8.45%; width: 30.48%; -webkit-transition: 400ms; transition: 400ms; height: 0; } .project-process__types-trigger:nth-child(3n) { margin-right: 0; } .project-process__types-trigger:after { content: ''; position: relative; display: block; padding-bottom: 91.93%; } .desktop .project-process__types-trigger:hover .project-process__image-shape { opacity: 1; visibility: visible; } .project-process__trigger-image { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; opacity: 0; visibility: hidden; } .project-process__trigger-image img { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; } .project-process__image-shape { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(70, 85, 150, .65) url('/local/templates/dvk/css/../assets/icon/ico-play.svg') no-repeat center center / 22.46% 22.46%; opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; } .project-process__trigger-category { position: absolute; bottom: calc(100% + 3.5rem); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; text-transform: uppercase; } ._js-active .project-process__trigger-category { color: #cd4c4c; } .project-process__types-source { position: absolute; top: 0; left: 0; padding-bottom: 50px; padding-bottom: 5rem; width: 100%; height: calc(100% - 5rem); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; } .project-process__types-source .slick-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; margin-top: 3rem; } .project-process__types-source .slider-dot { margin-right: 10px; margin-right: 1rem; } .project-process__types-source.js-active-slider { z-index: 1; opacity: 1; visibility: visible; -webkit-transition: 400ms; transition: 400ms; } .project-process__source-arrow { position: absolute; display: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .project-process__source-arrow._left { left: 0; } .project-process__source-arrow._right { right: 0; } .project-process__source-list { position: relative; overflow: hidden; margin: 0 auto; width: 100%; height: 100%; text-align: center; } .project-process__source-list .slick-list, .project-process__source-list .slick-track { overflow: hidden; height: 100%; } .project-process__source-item { position: relative; overflow: hidden; } video .project-process__source-item { overflow: hidden; background-color: black; } .project-process__source-item img { position: relative; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; } .project-preview { background-color: white; padding-bottom: 100px; padding-bottom: 10rem; } .project-preview__wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .project-preview__wrapper .slick-dots { position: absolute; top: calc(100% + 3.5rem); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .project-preview__wrapper .slick-dots .slick-active .slider-dot { background-color: #465596; } .project-preview__wrapper .slider-dot { border-color: #465596; margin-right: 15px; margin-right: 1.5rem; } .project-preview__description { position: relative; padding-top: 20px; padding-top: 2rem; padding-bottom: 40px; padding-bottom: 4rem; width: 100%; background-color: #e9efff; } .project-preview__description-title { margin: 0 auto 20px; margin: 0 auto 2rem; width: 94.74%; font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #505050; } .project-preview__description-text { margin: 0 auto; width: 94.74%; } .project-preview__content-stash { width: 100%; } .project-preview__title { position: relative; width: 100%; font: 20px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: white; background-color: #465596; } .project-preview__title-item { padding-top: 20px; padding-top: 2rem; padding-bottom: 15px; padding-bottom: 1.5rem; text-align: center; } .project-preview__video { position: relative; display: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer; } .project-preview__video:after { content: ''; position: relative; display: block; padding-bottom: 75%; } .project-preview__video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; min-width: 100%; min-height: 101%; width: auto; height: auto; } .project-preview__image { position: relative; background-color: #e9efff; overflow: hidden; } .project-preview__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; min-width: 100%; min-height: 100%; } .project-preview__image:after { content: ''; position: relative; display: block; padding-bottom: 75%; z-index: -1; } .project-preview__video-control { opacity: 0; visibility: hidden; } .project-preview__video-control.play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 70px; height: 7.0rem; border-style: solid; border-width: 35px 0px 35px 70px; border-width: 3.5rem 0px 3.5rem 7.0rem; border-color: transparent transparent transparent #7d8dd2; -webkit-transition: opacity 300ms ease 1000ms, visibility 300ms ease 1000ms, border-width 100ms ease; transition: opacity 300ms ease 1000ms, visibility 300ms ease 1000ms, border-width 100ms ease; } .project-preview__video-control.play.pause { border-style: double; border-width: 0px 0 0px 60px; } .project-preview__video:hover .project-preview__video-control { opacity: 1; visibility: visible; -webkit-transition: 300ms 0ms; transition: 300ms 0ms; } .project-preview__progress-bar-bg { position: absolute; left: 0; bottom: 0; height: 5px; height: 0.5rem; width: 100%; background-color: #e9efff; } .project-preview__progress-bar { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .project-result { padding-bottom: 55px; padding-bottom: 5.5rem; background-color: white; } .project-result__wrapper { position: relative; padding-bottom: 40px; padding-bottom: 4rem; } .project-result__wrapper .slick-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .project-result__wrapper .slick-dots li:last-child .slider-dot { margin-right: 0; } .project-result__wrapper .slider-dot { margin-right: 15px; margin-right: 1.5rem; } .project-result__description { margin-bottom: 30px; margin-bottom: 3rem; font: 18px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #505050; } .project-result__result-source { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .project-result__source-arrow { position: absolute; display: none; top: calc(50% - 2rem); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .project-result__source-arrow._left { left: 0; } .project-result__source-arrow._right { right: 0; } .project-result__images-list { margin: 0 auto; width: calc(100% + 5rem); } .project-result__images-item { position: relative; margin-right: 50px; margin-right: 5rem; padding-bottom: 40px; padding-bottom: 4rem; } .project-result__images-wrapper { position: relative; overflow: hidden; width: 100%; } .project-result__images-wrapper img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; max-height: 100%; } .project-result__images-wrapper:after { content: ''; position: relative; display: block; padding-bottom: 98.39%; } .project-result__images-title { position: absolute; bottom: 0; overflow: hidden; width: 100%; height: 30px; height: 3rem; font: 18px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-align: center; color: #465596; } .other-possibility { padding-top: 60px; padding-top: 6rem; padding-bottom: 70px; padding-bottom: 7rem; } .other-possibility__title { margin-bottom: 40px; margin-bottom: 4rem; font: 18px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; } .other-possibility__item { position: relative; display: inline-block; padding-right: 6.25%; padding-top: 3.33%; padding-bottom: 3.33%; font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #465596; -webkit-transition: 450ms; transition: 450ms; } .other-possibility__item:before, .other-possibility__item:after { content: ''; position: absolute; display: block; width: 7px; width: 0.7rem; height: 7px; height: 0.7rem; border-bottom: 1px solid #465596; border-right: 1px solid #465596; opacity: 0; -webkit-transition: 450ms; transition: 450ms; } .other-possibility__item:before { left: 15px; left: 1.5rem; top: 15px; top: 1.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .other-possibility__item:after { right: 15px; right: 1.5rem; bottom: 15px; bottom: 1.5rem; } .other-possibility__item svg { display: inline-block; margin-left: 10px; margin-left: 1rem; width: 6px; width: 0.6rem; height: 10px; height: 1rem; fill: #465596; } .desktop .other-possibility__item:hover { color: #cd4c4c; background-color: white; -webkit-box-shadow: 0px 12px 29px 0px rgba(92, 92, 92, .32); box-shadow: 0px 12px 29px 0px rgba(92, 92, 92, .32); } .desktop .other-possibility__item:hover:before, .desktop .other-possibility__item:hover:after { opacity: 1; } .other-projects { padding-top: 64px; padding-top: 6.4rem; padding-bottom: 54px; padding-bottom: 5.4rem; background-color: white; } .other-projects .projects { margin-bottom: 0; } .other-projects__title { margin-bottom: 40px; margin-bottom: 4rem; } .contacts-page__header {} .contacts-page__title { margin-bottom: 20px; margin-bottom: 2rem; } .contacts-page__body { position: relative; padding-bottom: 40px; padding-bottom: 4rem; } .contacts-page__body:last-child { /* padding-bottom: 0;*/ } .contacts-page__map { display: none; width: 100%; height: 100vh; background-color: #aaaaaa; } .contacts-page__wrapper { position: relative; top: 0; left: 0; right: 0; } .contact_page_dealer{ position: absolute; } @media(max-width:767px) { #map_one { height: 300px !important; } } .contacts-page__leaf { position: relative; right: 0; padding-top: 20px; padding-top: 2rem; background-color: white; -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); } .contacts-page__leaf._left-pos { left: 0; right: auto; padding-top: 20px; padding-top: 2rem; padding-bottom: 0; padding-right: 0; padding-left: 0; } .contacts-page__leaf-title { margin-bottom: 20px; margin-bottom: 2rem; padding: 0 20px; padding: 0 2rem; } ._left-pos .contacts-page__leaf-title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._left-pos .contacts-page__leaf-title .title-3 { display: block; vertical-align: middle; margin-right: 25px; margin-right: 2.5rem; margin-bottom: 10px; margin-bottom: 1rem; } .contacts-page__leaf-select { position: relative; width: 100%; } .contacts-page__leaf-tabs { padding: 0 2rem 2rem 2rem; } .contacts-page__tab-select, .contacts-page__select-text { position: relative; padding: 10px 30px 10px 10px; padding: 1rem 3rem 1rem 1rem; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: white; background-color: #465596; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 300ms; transition: 300ms; } .contacts-page__phones-group { display: flex; flex-wrap: wrap; justify-content: space-between; } .contacts-page__phones-block { flex-basis: 33%; } .contacts-page__tab-select { padding: 10px; padding: 1rem; width: max-content; background: none; color: #465596; display: inline-block; } .contacts-page__tab-selected { background: #465596; color: #fff; } .contacts-page__select-text svg { position: absolute; right: 10px; right: 1rem; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); display: block; width: 6px; width: .6rem; height: 10px; height: 1rem; fill: white; -webkit-transition: 300ms; transition: 300ms; } .contacts-page__select-text._js-active svg { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .contacts-page__select-text:hover { background-color: #7d8dd2; } .contacts-page__option-wrapper { position: absolute; top: 0; left: 0; z-index: 1; padding: 25px 20px; padding: 2.5rem 2rem; width: 100%; max-height: 70vh; overflow: auto; background-color: white; -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); opacity: 0; visibility: hidden; -webkit-transition: 300ms; transition: 300ms; } .contacts-page__option-wrapper._js-active { visibility: visible; opacity: 1; } .contacts-page__option-list { display: block; -webkit-columns: 1; columns: 1; -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 0; column-gap: 0; list-style-type: none; font: 16px 'OpenSansLight', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansLight', Arial, Helvetica, sans-serif; color: #465596; } .contacts-page__option-list li { display: inline-block; } .contacts-page__option-list._popular { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-count: 1; column-count: 1; font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; } .contacts-page__option-item { display: block; min-width: 260px; min-width: 26rem; cursor: pointer; } .contacts-page__option-item input { display: none } .contacts-page__option-item input:checked + span { background-color: #b5c4f0; } ._popular .contacts-page__option-item input:checked + span { background-color: #b5c4f0; } .contacts-page__option-text { display: block; padding: 10px 30px 10px 10px; padding: 1rem 3rem 1rem 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 300ms; transition: 300ms; } .contacts-page__leaf-group { padding: 10px; padding: 1rem; } .contacts-page__leaf-group._blue { background-color: #e9efff; } .contacts-page__leaf-group._blue .contacts-page__group-name { color: #7d8dd2; } .contacts-page__leaf-group._blue .contacts-page__group-desc { color: #465596; } .contacts-page__group-name { margin-bottom: 10px; margin-bottom: 1rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .contacts-page__group-name-big { font-size: 18px; } .contacts-page__group-desc { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .contacts-page__group-desc._not-link { display: none; } .contacts-page__group-desc._link { display: block; } .contacts-page__group-phone { display: inline-block; margin-right: 20px; margin-right: 2rem; margin-bottom: 10px; margin-bottom: 1rem; } .contacts-page__group-phone:first-child { margin-left: 0; } .contacts-page__group-link { position: relative; display: block; padding-left: 35px; padding-left: 3.5rem; margin-bottom: 15px; margin-bottom: 1.5rem; font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #465596; -webkit-transition: 300ms; transition: 300ms; } .contacts-page__group-link svg { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 21px; width: 2.1rem; height: 18px; height: 1.8rem; fill: #465596; -webkit-transition: 300ms; transition: 300ms; } .contacts-page__group-link:hover { color: #cd4c4c; } .contacts-page__group-link:hover svg { fill: #cd4c4c; } .contacts-page__leaf-description { padding-right: 20px; padding-right: 2rem; padding-left: 20px; padding-left: 2rem; margin-bottom: 20px; margin-bottom: 2rem; font: 16px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; } .contacts-page__dealer-item { padding-top: 20px; padding-top: 2rem; padding-right: 20px; padding-right: 2rem; padding-left: 20px; padding-left: 2rem; border-bottom: 1px solid #95a6d6; cursor: pointer; } .contacts-page__dealer-item:hover .contacts-page__dealer-name { color: #cd4c4c; } .contacts-page__dealer-item:nth-child(2n - 1) { background-color: #e9efff; } .contacts-page__dealer-name { margin-bottom: 20px; margin-bottom: 2rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #465596; -webkit-transition: 300ms; transition: 300ms; } .contacts-page__dealer-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts-page__dealer-contacts { padding-right: 4.95%; width: 100%; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #95a6d6; } .contacts-page__dealer-page, .contacts-page__dealer-phone, .contacts-page__dealer-email, .contacts-page__dealer-address { margin-bottom: 17px; margin-bottom: 1.7rem; } .contacts-page__dealer-address { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; line-height: 1.4; } .contacts-page__dealer-address._not-link { display: none; } .contacts-page__dealer-address._link { display: block; font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #465596; } .install-receive__title { margin-bottom: 65px; margin-bottom: 6.5rem; } .install-receive__table { overflow: auto; margin-bottom: 90px; margin-bottom: 9rem } .install-receive__table._two-items { margin-bottom: 115px; margin-bottom: 11.5rem; } .install-receive__row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.67%; padding-right: 1.67%; padding-top: 30px; padding-top: 3rem; padding-bottom: 20px; padding-bottom: 2rem; min-width: 450px; border-bottom: 1px solid #95a6d6; } ._two-items .install-receive__row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 450px; } ._two-items .install-receive__row:nth-child(2n), ._seven-items .install-receive__row:nth-child(2n) { background-color: #e9efff; } .install-receive__row._blue-bg { background-color: #e9efff; } .install-receive__row._head { border-top: 2px solid #7d8dd2; border-bottom: 2px solid #7d8dd2; } .install-receive__row._head:after { display: none; } .install-receive__row-item { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #3a3a3a; } ._blue-bg .install-receive__row-item._name { color: #465596; } .install-receive__row-item._name { width: 43.29%; font-size: 12px; font-size: 1.2rem; color: #465596; } .install-receive__row-item._name span { color: #7d8dd2; } ._two-items .install-receive__row-item._name { width: 60.61%; margin-right: 2.6%; min-width: 100px; min-width: 10rem; } ._seven-items .install-receive__row-item { text-align: center; } ._seven-items .install-receive__row-item._name { width: 22.14%; margin-right: 2.6%; min-width: 115px; } ._seven-items .install-receive__row-item._price { width: 17.14%; text-align: center; margin-right: 2.6%; min-width: 110px; } ._seven-items .install-receive__row-item._small { width: 15%; text-align: center; margin-right: 2.6%; min-width: 50px; min-width: 5rem; } .install-receive__row-item._before { width: 19.48%; text-align: right; font-size: 14px; font-size: 1.4rem; } .install-receive__row-item._after { width: 19.48%; text-align: right; font-size: 14px; font-size: 1.4rem; } .install-receive__row-item._min { width: 19.05%; text-align: right; font-size: 14px; font-size: 1.4rem; } .install-receive__row-item._price { width: 19.05%; font-size: 12px; font-size: 1.2rem; text-align: left; min-width: 200px; } ._head .install-receive__row-item._price { text-align: left; } ._seven-items ._head .install-receive__row-item._price { text-align: center; } ._head .install-receive__row-item { font: 14px 'OpenSansSemiBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansSemiBold', Arial, Helvetica, sans-serif; color: #4f5fa5; } .install-receive__above-hint { margin-bottom: 10px; margin-bottom: 1rem; font: 18px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; color: #505050; } .install-receive__above-hint ul { margin-bottom: 20px; font: 18px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; line-height: 1.4; color: #505050; } .install-receive._color { margin-bottom: 60px; line-height: 1.5; font: 20px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font-weight: 700; color: #465596; } .install-receive__below-hint { padding-top: 20px; padding-top: 2rem; padding-left: 1.67%; margin-bottom: 17px; margin-bottom: 1.7rem; font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .requisites { padding-bottom: 100px; padding-bottom: 10rem; } .requisites__title { margin-bottom: 40px; margin-bottom: 4rem; } .requisites__table { overflow: auto; -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); } .requisites__row { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 1.71%; padding-bottom: 1.71%; padding-right: 2.86%; padding-left: 2.86%; min-width: 730px; min-width: 73rem; } .requisites__row._head { background-color: #465596; } .requisites__row._blue { background-color: #e9efff; } .requisites__row-item { font: 14px 'OpenSansBold', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansBold', Arial, Helvetica, sans-serif; color: white; } .requisites__row-item._option { width: 24.29%; font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .requisites__row-item._value { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .about-time { position: relative; overflow: hidden; /*padding-bottom: 70px; padding-bottom: 7rem;*/ } /*.about-time:after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; -webkit-transform: translateX(0%); transform: translateX(0%); z-index: 2; display: block; width: 80px; width: 8rem; background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1)); background-size: contain; } */ .about-time .slick-list { overflow: unset; height: 100%; } .about-time__start { font: 76px 'Gilroy-Bold', Arial, Helvetica, sans-serif; font: 7.6rem 'Gilroy-Bold', Arial, Helvetica, sans-serif; color: #465596; } .about-time__year.about-time__end { bottom: -45px; bottom: -4.5rem; color: #465596; } .how-time__start.about-time__start, .about-time__year.about-time__end.how-time__end { font: 30px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 3rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; font-size: 30px; font-size: 3rem; text-transform: uppercase; } .about-time__start-under { color: #465596; } .about-time__row-wrapper { position: relative; padding-left: 5px; padding-left: 0.5rem; height: 250px; height: 25rem; background: -webkit-gradient(linear, left top, left bottom, from(#e9efff), to(#e9efff)) no-repeat left top / 0.5rem 19.3rem; background: linear-gradient(#e9efff, #e9efff) no-repeat left top / 0.5rem 19.3rem; } .about-time__controls { position: absolute; top: 30px; top: 3rem; right: 0; z-index: 3; } .about-time__arrow { margin: 0 5px; margin: 0 0.5rem; } .about-time__row { position: absolute; top: 0; height: 100%; width: 100%; } .how-time__row:after { content: ''; top: 0px; bottom: 0px; right: 0px; position: absolute; width: 200px; width: 20rem; background: rgb(255, 255, 255); background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1); } .about-time__item { position: relative; width: 200px; width: 20rem; height: 180px; height: 18rem; background: -webkit-gradient(linear, left top, left bottom, from(#e9efff), to(#e9efff)) repeat-x left bottom / 0.1rem 0.2rem; background: linear-gradient(#e9efff, #e9efff) repeat-x left bottom / 0.1rem 0.2rem; } .how-time__row .about-time__item { width: 130px; width: 13rem; } .how-time__row .about-time__item.small { width: 110px; width: 11rem; } .how-time__row .about-time__item.super_small { width: 40px; width: 4rem; } .about-time__item:last-of-type { position: relative; width: 250px; width: 25rem; } .about-time__item:last-of-type:after { content: ''; display: block; width: 0px; height: 0px; border: 6px solid transparent; /* Прозрачные границы */ border-left: 15px solid #e9efff; /* Добавляем треугольник */ position: absolute; right: -65px; bottom: -5px; } .about-time__item:last-of-type:before { content: ''; display: block; width: 50px; height: 2px; background: #e9efff; position: absolute; right: -50px; bottom: 0px; } .about-time__item:nth-of-type(1) { width: 0; } .about-time__year { position: absolute; right: 0; bottom: 40px; bottom: 4rem; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); display: -webkit-box; display: -ms-flexbox; display: flex; font: 24px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2.4rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; -webkit-transition: all 600ms; transition: all 600ms; text-align: center; } .how-time__row .about-time__year { font-size: 17px; font-size: 1.7rem; } .about-time__year.down { bottom: initial; bottom: initial; top: 210px; top: 21rem; } .js-date-active .about-time__year { color: #cd4c4c; } .about-time__item._important .about-time__year, .about-time__item:nth-of-type(1) .about-time__year { right: auto; left: 100%; top: calc(100% + 2.6rem); bottom: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); font-size: 12px; font-size: 1.2rem; color: #465596; text-align: left; opacity: 0.5; } .how-time__row .about-time__item._important .about-time__year, .how-time__row .about-time__item:nth-of-type(1) .about-time__year { white-space: nowrap; font-size: 14px; font-size: 1.4rem; } ._no-info .about-time__year { opacity: 0; visibility: hidden; } .about-time__info-window { position: absolute; right: 0; bottom: 100px; bottom: 10rem; -webkit-transform: translateX(50%) translateY(-75%); transform: translateX(50%) translateY(-75%); padding-top: 40px; padding-top: 4rem; padding-bottom: 30px; padding-bottom: 3rem; width: 300px; width: 30rem; max-height: 118px; max-height: 11.8rem; font: 18px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; color: white; background-color: #465596; opacity: 0; visibility: hidden; -webkit-transition: all 600ms; transition: all 600ms; } .js-date-active .about-time__info-window { opacity: 1; visibility: visible; -webkit-transform: translateX(50%) translateY(0%); transform: translateX(50%) translateY(0%); } .about-time__item._important .about-time__info-window, .about-time__item:nth-of-type(1) .about-time__info-window { right: auto; bottom: auto; left: 100%; top: calc(100% + 4.7rem); -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 0; /*width: auto; max-width: 200px; max-width: 20rem;*/ overflow: hidden; font: 16px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; text-align: left; color: #465596; background-color: transparent; opacity: 0.5; /*white-space: nowrap;*/ visibility: visible } .about-time__item._important .about-time__info-window:after, .about-time__item:nth-of-type(1) .about-time__info-window:after { display: none; } ._no-info .about-time__info-window { display: none; } .about-time__info-window:after { content: ''; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; width: 0; height: 0; border-style: solid; border-width: 16px 12px 0 12px; border-width: 1.6rem 1.2rem 0 1.2rem; border-color: #465596 transparent transparent transparent; } .about-time__circle { position: absolute; bottom: 0; right: 0; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); z-index: 1; width: 16px; width: 1.6rem; height: 16px; height: 1.6rem; border-radius: 50%; background-color: #465596; -webkit-transition: all 600ms; transition: all 600ms; } .js-date-active .about-time__circle { background-color: #cd4c4c } .js-date-active .about-time__circle:after { -webkit-transform: translate(-50%, -50%) scale(0, 0); transform: translate(-50%, -50%) scale(0, 0); } .about-time__item._important .about-time__circle { position: absolute; bottom: -13px; bottom: -1.3rem; right: 0; top: auto; left: auto; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); width: 2px; width: 0.2rem; height: 60px; height: 6rem; background-color: #e9efff } .about-time__item._important .about-time__circle:after { display: none; } ._no-info .about-time__circle, .about-time__item:nth-of-type(1) .about-time__circle { display: none; } .about-time__circle:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); width: 36px; width: 3.6rem; height: 36px; height: 3.6rem; background-color: #465596; border-radius: 50%; opacity: 0.2; -webkit-transition: all 600ms; transition: all 600ms; } @media(max-width:767px) { .about-time__info-window { padding-top: 20px; padding-top: 2rem; padding-bottom: 20px; padding-bottom: 2rem; font-size: 1.5rem; width: 270px; width: 27rem; } } .about-team { position: relative; } .about-team__title { margin-bottom: 35px; margin-bottom: 3.5rem; } .about-team__lead { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 70px; margin-bottom: 7rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e9efff; } .about-team__lead-image { margin-bottom: 40px; margin-bottom: 4rem; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .about-team__lead-image:after { content: ''; position: relative; display: block; padding-bottom: 70.71%; } .about-team__lead-description { padding-left: 0%; margin: 0 auto; width: 85.42%; } .about-team__lead-position { margin-bottom: 10px; margin-bottom: 1rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; color: #505050; } .about-team__lead-name { margin-bottom: 25px; margin-bottom: 2.5rem; font: 20px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; text-align: center; color: #3a3a3a; } .about-team__lead-speech { position: relative; margin-bottom: 40px; margin-bottom: 4rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: justify; color: #505050; } .about-team__lead-speech:after { content: ''; position: absolute; top: 5px; top: 0.5rem; left: -25px; left: -2.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); display: block; width: 15px; width: 1.5rem; height: 18px; height: 1.8rem; background: url('/local/templates/dvk/css/../assets/icon/lead-speech.svg') no-repeat center bottom / contain; } .about-team__slider-wrapper { position: relative; } .about-team__slider-controls { display: none; } .about-team__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .about-team__arrow._left { left: 0; } .about-team__arrow._right { right: 0; } .about-team__slider { position: relative; margin-bottom: 60px; margin-bottom: 6rem; width: calc(100% + 2.5rem); } .about-team__member { position: relative; overflow: hidden; margin-right: 25px; margin-right: 2.5rem; background-size: cover; background-repeat: no-repeat; background-position: center center; } .about-team__member:after { content: ''; position: relative; display: block; padding-bottom: 100%; } .about-team__member-about { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 0 25px; padding: 0 2.5rem; background-color: rgba(70, 85, 150, .9); -webkit-transition: 500ms; transition: 500ms; z-index: 1; } .about-team__member:hover .about-team__member-about { -webkit-transform: translateY(0); transform: translateY(0); } .about-team__member-name { margin-bottom: 20px; margin-bottom: 2rem; font: 18px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: white; text-align: center; } .about-team__member-role { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: white; text-align: center; } .about-team__member-role__left { position: absolute; bottom: 20px; right: 50%; transform: translateX(50%); width: 40px; height: 40px; line-height: 38px; text-align: center; display: block; font-size: 24px; font-weight: 700; padding: 0px; border-radius: 50%; border: 1px solid #fff; } .about-factory { position: relative; height: 100%; min-height: 400px; } .about-factory__description { position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; background-color: transparent; } .about-factory__area { font: 45px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 4.5rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .about-factory__area-under { position: relative; margin-bottom: 30px; margin-bottom: 3rem; font: 18px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .about-factory__quality { position: relative; margin: 0 auto 55px; margin: 0 auto 5.5rem; width: 70.59%; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .about-factory__btn { margin-bottom: 30px; margin-bottom: 3rem; } .about-factory__dynamic { position: absolute; display: none; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90.63%; } .about-factory__dynamic:after { content: ''; position: relative; display: block; padding-bottom: 49.95%; } .about-factory__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .about-factory__dynamic-item { position: absolute; z-index: 1; width: 16px; width: 1.6rem; height: 16px; height: 1.6rem; } .about-factory__dynamic-item._billet { top: 14.63%; left: 14.06%; } .about-factory__dynamic-item._color { top: 6.03%; left: 35.71%; } .about-factory__dynamic-item._stock { top: 4.39%; left: 51.32%; } .about-factory__dynamic-item._assembly { top: 6.95%; left: 70.59%; } .about-factory__dynamic-item._auto { top: 53.02%; left: 70.96%; } .about-factory__item-name { position: absolute; left: 50%; bottom: calc(100% + 2rem); width: 240px; width: 24rem; font: 12px 'Gilroy-Semibold', Arial, Helvetica, sans-serif; font: 1.2rem 'Gilroy-Semibold', Arial, Helvetica, sans-serif; color: #505050; -webkit-transition: 600ms; transition: 600ms; opacity: 1; visibility: visible; } .js-factory-active .about-factory__item-name { opacity: 0; visibility: hidden; } .about-factory__item-name._bottom { bottom: auto; top: calc(100% + 2rem); } .about-factory__circle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; width: 0.8rem; height: 8px; height: 0.8rem; background-color: #465596; border-radius: 50%; -webkit-transition: 600ms; transition: 600ms; cursor: pointer; } .js-factory-active .about-factory__circle { background-color: #cd4c4c; } .about-factory__circle:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); z-index: -2; width: 18px; width: 1.8rem; height: 18px; height: 1.8rem; background-color: #465596; border-radius: 50%; opacity: 0.2; -webkit-transition: 600ms; transition: 600ms; } .js-factory-active .about-factory__circle:after { -webkit-transform: translate(-50%, -50%) scale(0, 0); transform: translate(-50%, -50%) scale(0, 0); } .about-factory__info-window { position: absolute; bottom: calc(100% + 4rem); left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 250px; min-width: 25rem; padding: 20px 20px 25px; padding: 2rem 2rem 2.5rem; text-align: center; background-color: white; -webkit-box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); box-shadow: 0 1.2rem 2.9rem 0 rgba(92, 92, 92, .32); opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } .about-factory__info-window:after { content: ''; position: absolute; top: calc(100% - 0.1rem); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 23px 18.5px 0 18.5px; border-width: 2.3rem 1.85rem 0 1.85rem; border-color: white transparent transparent transparent; } .js-factory-active .about-factory__info-window { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .about-factory__items-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about-factory__window-item { margin-right: 20px; margin-right: 2rem; min-width: 220px; min-width: 22rem; } .about-factory__window-item:last-child { margin-right: 0; } .about-factory__window-title { width: 100%; margin-bottom: 15px; margin-bottom: 1.5rem; font: 22px 'Gilroy-Semibold', Arial, Helvetica, sans-serif; font: 2.2rem 'Gilroy-Semibold', Arial, Helvetica, sans-serif; color: #3a3a3a; } .about-factory__window-image { margin-bottom: 15px; margin-bottom: 1.5rem; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .about-factory__window-image:after { content: ''; position: relative; display: block; padding-bottom: 77.36%; } .about-factory__image-name { font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; } .about-banner._first-section { margin-bottom: 50px; margin-bottom: 5rem; height: 45px; height: 4.5rem; } .about-banner._second-section { height: 355px; height: 35.5rem; margin-bottom: 20px; margin-bottom: 2rem; } .about-banner__title { margin-bottom: 30px; margin-bottom: 3rem; color: #ffffff; } .about-banner__desc-text { width: 83.33%; color: #e9efff; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } .about-banner__about { margin-bottom: 3.13%; } .about-banner__about-title { font: 32px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 3.2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: white; } .about-banner__about-title._smaller { font: 18px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .about-features { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .about-features__certificate { background-color: #465596; padding: 50px 0; padding: 5rem 0; } .about-features__certificate-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-features__certificate-text { margin-bottom: 20px; margin-bottom: 2rem; width: 100%; text-align: center; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: white; } .about-features__certificate-list { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .about-features__certificate-item { margin: 10px; margin: 1rem; width: 68px; width: 6.8rem; height: 56px; height: 5.6rem; } .about-features__certificate-item img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; max-width: 100%; max-height: 100%; } .about-features__trusted-title { padding-top: 6.25%; margin-bottom: 4.86%; } .about-features__trusted-company { position: relative; margin-bottom: 6.25%; } .about-features__controls { display: none; } .about-features__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .about-features__arrow._left { left: 0; } .about-features__arrow._right { right: 0; } .about-features__company-list { margin-bottom: 20px; margin-bottom: 2rem; width: 100%; } .about-features__company-item {} .about-features__company-logo { display: block; margin: 0 auto; width: 271px; width: 27.1rem; height: 108px; height: 15.8rem; display: flex; justify-content: center; align-items: center; } .about-features__img { position: relative; display: block; width: 100%; height: 100%; } @-webkit-keyframes slidein { from { -webkit-transform: translateY(70%) scale(0); transform: translateY(70%) scale(0); opacity: 0; } to { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } } @keyframes slidein { from { -webkit-transform: translateY(70%) scale(0); transform: translateY(70%) scale(0); opacity: 0; } to { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } } @-webkit-keyframes slideout { from { -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); opacity: 1; } to { -webkit-transform: translateY(-70%) scale(0); transform: translateY(-70%) scale(0); opacity: 0; } } @keyframes slideout { from { -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); opacity: 1; } to { -webkit-transform: translateY(-70%) scale(0); transform: translateY(-70%) scale(0); opacity: 0; } } .popup { position: relative; margin: 0 auto; background-color: white; width: 25.52%; min-width: 300px; } ._new-form a { color: #465596; } .popup-other { display: none; position: fixed; overflow-y: scroll; top: calc(10vh); left: 25%; z-index: 1050; max-height: calc(90vh); } .popup-other { width: 50%; } @media(max-height:740px) { .popup-other { top: 0px; max-height: 100%; } } @media(max-width:1200px) { .popup-other { left: 0px; width: 100%; } } ._error-form .errortext { font-size: 15px; color: #000; } .popup__title { padding: 25px 25px 0; padding: 2.5rem 2.5rem 0; margin-bottom: 30px; margin-bottom: 3rem; } .popup__body { padding: 0 25px 25px; padding: 0 2.5rem 2.5rem; } .popup__footer { padding: 25px; padding: 2.5rem } .popup__footer._blue-bg { background-color: #e9efff; } .popup__input-line { margin-bottom: 30px; margin-bottom: 3rem; } .popup__body p { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; margin-bottom: 15px; margin-bottom: 1.5rem; text-align: justify; } .popup__input-name { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; margin-bottom: 15px; margin-bottom: 0.5rem; } .popup__input-wrapper { position: relative; min-height: 41px; min-height: 4.1rem; } .popup__input { display: block; padding: 10px; padding: 1rem; margin-right: 15px; margin-right: 1.5rem; margin-bottom: 20px; margin-bottom: 2rem; width: 67.35%; min-width: 250px; border: 1px solid #adadad; border-radius: 100rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; letter-spacing: 1px; letter-spacing: 0.1rem; -webkit-transition: 300ms; transition: 300ms; } ._auth-form .popup__input, .popup__input.text._email._inline-info, .popup__input.text._password { width: 50%; } . .popup__input._password { display: inline-block; } .popup__input._email, .popup__input._phone { position: absolute; opacity: 0; visibility: hidden; } .popup__input._input-active { opacity: 1; visibility: visible; } .popup__input:focus { border-color: #465596; color: #465596; } .popup__input::-webkit-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; letter-spacing: 1px; letter-spacing: 0.1rem; } .popup__input:-ms-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; letter-spacing: 1px; letter-spacing: 0.1rem; } .popup__input::-ms-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; letter-spacing: 1px; letter-spacing: 0.1rem; } .popup__input::placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; letter-spacing: 1px; letter-spacing: 0.1rem; } .popup__input-tab { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #adadad; background-color: transparent; cursor: pointer; -webkit-transition: 300ms; transition: 300ms; } .popup__input-tab:hover { color: #505050; } .popup__input-tab._tab-active { color: #505050; cursor: unset; } .popup__input-eye { position: absolute; left: 250px; left: 25rem; top: 20px; top: 2rem; -webkit-transform: translate(-5.5rem, -50%); transform: translate(-5.5rem, -50%); padding: 20px; padding: 2rem; width: 20px; width: 2rem; height: 18px; height: 1.8rem; -webkit-box-sizing: content-box; box-sizing: content-box; } .popup__input-eye .eye-line { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 300ms; transition: 300ms; } .popup__input-eye .eye-line._hidden { -webkit-transform: scale(0); transform: scale(0); } .popup__link { display: inline-block; font: 14px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.4rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #cd4c4c; } .popup__text { margin-right: 15px; margin-right: 1.5rem; font: 14px 'Gilroy-Regular', Arial, Helvetica, sans-serif; font: 1.4rem 'Gilroy-Regular', Arial, Helvetica, sans-serif; color: #505050; } .popup__textarea { display: inline-block; padding: 10px; padding: 1rem; width: 67.35%; border: 1px solid #adadad; border-radius: 1.9rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; letter-spacing: 1px; letter-spacing: 0.1rem; -webkit-transition: border-color 300ms, color 300ms; transition: border-color 300ms, color 300ms; resize: none; } .popup__textarea:focus { border-color: #465596; color: #465596; } .popup__social { font-size: 0; } .popup__social-item { position: relative; display: inline-block; margin-right: 20px; margin-right: 2rem; width: 42px; width: 4.2rem; height: 42px; height: 4.2rem; border-radius: 50%; opacity: 0.8; -webkit-transition: 300ms; transition: 300ms; } .popup__social-item:hover { opacity: 1; } .popup__social-item svg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 25px; width: 2.5rem; height: 18px; height: 1.8rem; fill: white; } .popup__social-item._fb { background-color: #5b7fa7; } .popup__social-item._vk { background-color: #3b5998; } .popup__social-item._google { background-color: #f34a38; } .popup__desc { font: 12px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.2rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; } .popup-other-close { cursor: pointer; width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #000; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .popup-other-close:active { top: 1px; } .popup__required-mark { font-size: 24px; color: #ff0000; } .mfp-container { padding: 0; } /* overlay at start */ .mfp-translate.mfp-bg { opacity: 0; -webkit-transition: all 500ms ease-out; transition: all 500ms ease-out; height: 200%; } /* overlay animate in */ .mfp-translate.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-translate.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-translate.mfp-wrap .mfp-content { opacity: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: all 500ms ease-out; transition: all 500ms ease-out; } /* content animate it */ .mfp-translate.mfp-wrap.mfp-ready .mfp-content { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* content animate out */ .mfp-translate.mfp-wrap.mfp-removing .mfp-content { opacity: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } @media screen and (min-width: 480px) { .places__slider { width: calc(100% - 16rem); } .places__arrow { display: block; } .delivery-calc__calc-enter { padding: 50px 0 50px 50px; padding: 5rem 0 5rem 5rem; } .delivery-calc__param-option { margin-right: 35px; margin-right: 3.5rem; } .delivery-calc__calc-out { padding: 50px; padding: 5rem; } .buy-popup .btn-not-arrow { margin-top: 0; float: right; } .basket__item-row { padding-left: 20%; } .basket__item-thumb { display: block; } .basket__item-number { font-size: 16px; font-size: 1.4rem; } .install-receive .simplebar-scrollbar.visible { display: none; } .about-factory__area { font: 60px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .about-banner__desc-text { font: 18px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } .about-banner__about-title { font: 40px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 4rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .about-banner__about-title._smaller { font: 23px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2.3rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } } @media screen and (min-width: 700px) { .circle-btn._fixed-to-top, .circle-btn._fullpage-top { left: 2.5rem; } .breadcrumbs { display: block; } .header._filter-active { visibility: visible; opacity: 1; z-index: 0; } .footer__action { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .footer__nav { width: auto; margin-bottom: 0; } .footer__nav-link { display: inline-block; margin-bottom: 0; } .footer__action-link { width: auto; } .bg-banner-main { width: 96.15%; } .banner-main__left { -webkit-transform: translateX(10%); transform: translateX(10%); } /* .banner-main__name h1 { font-size: 110px; font-size: 11rem; }*/ .banner-main__name h2 { font-size: 34px; font-size: 3.4rem; } .projects { padding-left: 3rem; padding-right: 3rem; } .projects._cases .projects__item { width: calc(50% - 1.25rem); margin-right: 25px; margin-right: 2.5rem; } .projects._cases .projects__item._text-fix:last-child { margin-bottom: 30px; margin-bottom: 3rem; } .projects._cases .projects__item:nth-child(2n) { margin-right: 0; } .projects._cases .projects__item.mob-hidden { display: block; } .projects__about { top: -280px; top: -28rem; left: 0; padding-left: 30px; padding-left: 3rem; width: 100%; } .projects__about .btn-go { left: auto; } .projects__about-title { width: 100%; } .projects__about-text { left: auto; width: 100%; } .projects__item { width: 47.33%; } .places__item-image { bottom: 0; } .proccess._full-width-2-rows .proccess__links-item-wrapper { width: 50%; } .proccess._full-width-2-rows .proccess__links-item-wrapper:nth-child(2n) > button { margin-right: 0; margin-left: auto; } .electron__thumbnail { height: 290px; height: 29rem; } .electron__thumbnail-bg { top: 0; height: 170px; height: 17rem; } .electron__btn { opacity: 1; visibility: visible; } .electron__preview { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; height: 290px; height: 29rem; } .electron__preview-item-wrapper { padding-top: 20px; padding-top: 2rem; width: calc(41.66667% + 8rem); } .electron__image { margin: 0; } .electron__image-shape { width: 163px; height: 230px; } .electron__name-wrapper { position: relative; -ms-flex-item-align: center; align-self: center; margin: 0; } .partners { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .partners__title { width: 34.03%; -ms-flex-item-align: center; align-self: center; } .partners__list-wrapper { width: 65.97%; } .partners__list-arrow { display: block; } .partners__list-container { width: calc(100% - 8rem); } .gallery__back-to-types { display: block; } .gallery__types { height: 300px; height: 30rem; } .gallery__types-button { height: 300px; height: 30rem; } .gallery__types-button.js-hidden-buttons { visibility: hidden; opacity: 0; } .gallery__button-hover { display: block; } .gallery__button-image { display: block; } .gallery__types-button.active .gallery__button-title > span { color: inherit; } .gallery__button-title { position: relative; top: auto; left: auto; right: auto; font-size: 16px; font-size: 1.6rem; } .gallery__types-images { top: 0; height: 300px; height: 30rem; } .gallery__images-list { width: calc(100% - 16rem); } .gallery__image { margin-right: 25px; margin-right: 2.5rem; } .gallery__image-arrow { opacity: 1; visibility: visible; } .gallery__tip-text { margin-bottom: 0; } .view-banner__wrapper { padding-top: 0; } .view-banner__desc-text { max-width: 80%; margin-bottom: 100px; margin-bottom: 10rem; } .view-banner__catalog { width: 44.58%; } .view-banner__delivery { width: 44.58%; } .view-rules__pros-item { width: 45%; } .other-service__link { width: calc(50% - 4.5rem); text-align: left; } .delivery-description .post { margin-right: 20px; margin-right: 2rem; width: calc(50% - 1rem); } .delivery-description .post:nth-child(2n) { margin-right: 0; } .delivery-places__item { -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; } .delivery-places__item._row-reverse .delivery-places__place-description { margin-right: 0; margin-left: 20px; margin-left: 2rem; } .delivery-places__place-description { -ms-flex-item-align: center; align-self: center; margin-bottom: 0; max-width: 48.33%; } .delivery-places__place-location { width: 48.75%; } .delivery-places__place-location._mob-hidden { display: block; } .delivery-places__price { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 160px; margin-bottom: 16rem; } .delivery-places__price-item { width: 28.75%; margin-right: 6.88%; } .delivery-places__price-item:nth-child(3n) { margin-right: 0; } .delivery-places__price-item:last-child { margin-bottom: 80px; margin-bottom: 8rem; } .delivery-calc__calc-enter { width: 51%; } .delivery-calc__calc-out { width: 49%; } .paper-catalog__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 350px; height: 35rem; } .paper-catalog__image { margin-right: 6.9%; width: 31.9%; max-height: 100%; } .paper-catalog__info { text-align: left; } .catalog .title-1 { margin-bottom: 40px; margin-bottom: 4rem; } .catalog-filter { max-width: 42rem; } .pagination__pages-init { position: absolute; } .product-thumb__arrow.slick-prev { left: 35px; left: 3.5rem; } .product-thumb__arrow.slick-next { right: calc(25% + 3.5rem); } .product-thumb__large-images { margin-right: 5%; width: 75%; } .product-thumb__small-thumbs { position: relative; display: block; top: -20px; bottom: 0; width: 20%; height: calc(100% + 20px); } .product-desc__delivery-free { width: auto; } .product-desc__specs-line { width: 70%; } .product-desc__menu-price { width: auto; margin-bottom: 0; } .product-complement__special { padding: 60px 0; padding: 6rem 0; } .product-complement__first { margin: 0; padding-left: 35px; padding-left: 3.5rem; width: 50%; } .product-complement__title { font-size: 30px; font-size: 3rem; } .product-complement__list { width: 50%; } .product-complement__list-item { padding-left: 25px; padding-left: 2.5rem; font-size: 18px; font-size: 1.8rem; } .product-complement__list-item:before { width: 5px; width: 0.5rem; height: 5px; height: 0.5rem; } .product-specs__cell { margin-bottom: 0; } .product-specs__cell-name { width: 52.73%; } .product-specs__cell-value { width: 47.27%; } .product-card._catalog-modify { margin-right: 2rem; width: calc(50% - 1rem); } .product-card._catalog-modify:nth-child(2n) { margin-right: 0; } .product-card._same-modify { margin-right: 3.5rem; width: calc(50% - 1.75rem); } .product-card._same-modify:nth-child(2n) { /*margin-right: 0;*/ } .product-card__number { display: block; } .basket__item-name { width: 45%; } .basket__item-number { width: 55%; } .basket__result { max-width: 350px; } .popular-category__category-item { width: 65%; } .dealer-offer__description { display: inline; padding-top: 0; } .dealer-requirements .title-2 { margin-bottom: 45px; margin-bottom: 4.5rem; } .dealer-requirements .title-3 { margin-bottom: 50px; margin-bottom: 5rem; } .dealer-requirements__leaf-paragraph { margin-bottom: 45px; margin-bottom: 4.5rem; font-size: 16px; font-size: 1.6rem; } .dealer-requirements__leaf-paragraph.title-3 { margin-bottom: 30px; margin-bottom: 3rem; } .dealer-requirements__leaf-item { margin-top: 20px; margin-top: 2rem; font-size: 16px; font-size: 1.6rem; } .error__wrapper { padding-top: 105px; padding-top: 10.5rem; } .error__search { padding-top: 145px; padding-top: 14.5rem; } .profile-data__individual._ul, .profile-data__company._ul { -webkit-column-count: 2; column-count: 2; } .profile-data__item-input._individual { min-width: 280px; min-width: 28rem; } .profile-data__item-input._long-name { min-width: 380px; min-width: 38rem; } .profile-password__input._individual { min-width: 280px; min-width: 28rem; margin-bottom: 0; } .profile-password__input._inline-info { min-width: 280px; min-width: 28rem; margin-bottom: 0; } .ordering__comments textarea { width: 370px; width: 37rem; } .ordering__row-item._name { margin-bottom: 0; width: 50%; } .repair__price-row { padding-right: 3%; } .repair__price-row:after { width: 5px; width: 0.5rem; height: 5px; height: 0.5rem; left: 3%; } .repair__row-item._name { font-size: 16px; font-size: 1.6rem; } ._head .repair__row-item { font-size: 18px; font-size: 1.8rem; } .post__gallery-wrapper { margin-bottom: 120px; margin-bottom: 12rem; } .post__controls { display: block; } .post__gallery { width: 85%; margin: 0 auto; } .articles__item { width: 47.33%; } .sign-up__content { padding-left: 7.84%; padding-right: 7.84%; } .project-task__description-item { padding-top: 30px; padding-top: 3rem; padding-left: 5%; } .project-task__description-item._task { background-size: 3.75% auto; } .project-task__description-item._process { background-size: 3.75% auto; } .project-task__description-title { padding-left: 0; } .project-process { padding-bottom: 10.5rem; } .project-process__description { margin-bottom: 35px; margin-bottom: 3.5rem; } .project-process__types { min-height: 200px; min-height: 20rem; } .project-process__to-types { display: block; } .project-process__types-trigger { height: auto; } .project-process__types-trigger.js-hidden-buttons { visibility: hidden; opacity: 0; } .project-process__trigger-image { opacity: 1; visibility: visible; } ._js-active .project-process__trigger-category { color: #465596; } .project-process__trigger-category { top: calc(100% + 3.5rem); } .project-process__types-source { padding-bottom: 0; height: 100%; } .project-process__source-arrow { display: block; } .project-process__source-list { width: calc(100% - 12rem); } .project-process__source-item { margin-right: 10px; margin-right: 1rem; } .project-process__source-item { margin-right: 20px; margin-right: 2rem; } .other-possibility__item { padding-left: 11.67%; background: url('/local/templates/dvk/css/../assets/icon/ico-possibilities.svg') no-repeat 0 center / 18.84% auto; } .contacts-page__title { margin-bottom: 80px; margin-bottom: 8rem; } .contacts-page__body { padding-bottom: 135px; padding-bottom: 13.5rem; } .contacts-page__leaf-select { width: auto; } .contacts-page__option-wrapper { top: -20px; top: -2rem; left: -25px; left: -2.5rem; width: auto; } .contacts-page__option-list { -webkit-columns: 2; columns: 2; -webkit-column-count: 2; column-count: 2; } .contacts-page__option-list._popular { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-columns: 2; columns: 2; -webkit-column-count: 2; column-count: 2; } .contacts-page__leaf-group { padding: 20px; padding: 2rem; } .contacts-page__group-link { padding-left: 10.11%; } .contacts-page__dealer-contacts { width: 40.59%; } .install-receive__row-item._name { font-size: 16px; font-size: 1.6rem; } .about-team__lead-description { padding-left: 7.29%; } .about-team__lead-speech:after { background: url('/local/templates/dvk/css/../assets/icon/lead-speech.svg') no-repeat center center / contain; left: -45px; left: -4.5rem; width: 25px; width: 2.5rem; } .about-team__slider-controls { display: block; } .about-team__slider { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-left: 25px; padding-left: 2.5rem; margin-right: -25px; margin-right: -2.5rem; width: 83.33%; } .about-factory { min-height: 900px; } .about-factory__description { min-width: 355px; min-width: 35.5rem; top: auto; -webkit-transform: unset; transform: unset; } .about-factory__quality { margin-bottom: 62.5%; } .about-factory__dynamic { display: block; } .about-banner._first-section { height: 14.5rem; } .about-banner._second-section { height: 25.5rem; } .about-features__certificate-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .about-features__certificate-text { width: auto; margin-bottom: 0; text-align: left; } .about-features__certificate-list { width: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .about-features__certificate-item { margin-bottom: 0; } .about-features__controls { display: block; } .about-features__company-list { margin: 0 auto; width: 89.58%; } } @media screen and (min-width: 1024px) { .footer__action { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .footer__action-link { margin-bottom: 0; margin-right: 105px; margin-right: 10.5rem; } .projects { margin-bottom: 10rem; } .projects._cases .projects__item { width: calc(33.3% - 1.66667rem); } .projects._cases .projects__item:nth-child(2n) { margin-right: 25px; margin-right: 2.5rem; } .projects._cases .projects__item:nth-child(3n) { margin-right: 0; } .projects._cases .projects__item._other-margin { margin-right: 140px; margin-right: 14rem; } .proccess._full-width-2-rows .proccess__links-item-wrapper { width: 33.33%; } .proccess._full-width-2-rows .proccess__links-item-wrapper:nth-child(2n) > button { margin-right: 0; margin-left: 0; } .proccess._full-width-2-rows .proccess__links-item-wrapper:nth-child(3n) > button { margin-right: 0; margin-left: auto; } .proccess._full-width-2-rows .proccess__links-item-wrapper:nth-child(3n-1) > button { margin: 0 auto; } .proccess__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .proccess__desc { width: 31.11%; } .proccess__links-list { width: 755px; width: 75.5rem; } .electron__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .electron__thumbnail { width: 50%; } .electron__description { -ms-flex-item-align: center; align-self: center; width: 50%; } .electron__thumbnail-bg { width: 91.67%; } .electron__preview-container { width: 66.66667%; } .electron__image { max-width: 100%; max-height: 100%; width: auto; height: auto; } .electron__image-shape { width: auto; height: auto; } .about-main__desc { width: 46.88%; } .about-main__video { display: block; } .about-main__desc-text { width: 73.33%; } .about-main__progress-bar-bg { display: block; } .gallery { padding-top: 6.5rem; } .gallery__title { margin-bottom: 115px; margin-bottom: 11.5rem; } .gallery__back-to-types { top: -50px; top: -5rem; } .view-banner { margin-bottom: 11rem; } .view-banner__desc-text { max-width: 57.5%; } ._install .view-banner__desc-text { max-width: 41.25%; } .view-banner__prices-item { width: 33.33333%; } .view-rules { margin-bottom: 11rem; } .view-rules { white-space: nowrap; } .view-rules__pros { margin-bottom: 0; width: 33.33%; } .view-rules__pros-item { width: 67.5%; margin: 0 auto 67px; margin: 0 auto 6.7rem; } .view-rules__rules { width: 66.67%; } .view-rules__rules-title { width: 54.58%; margin-left: 8.33%; } .view-rules__rules-item { margin-left: 12.5%; width: 62.92%; } .contacts { padding-top: 7rem; padding-bottom: 7rem; } .contacts__text { margin-bottom: 0; } .desktop .other-service__link { text-align: center; margin-right: 0px; margin-right: 0rem; padding: 50px 35px; padding: 5rem 3.5rem; width: 25%; } .delivery-calc__calc-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .delivery-calc__calc-item { width: 66.67%; } .delivery-calc__warn { margin-left: 4.17%; max-width: 100%; width: 29.17%; } .paper-catalog__item { margin-right: 20px; margin-right: 2rem; width: calc(50% - 1rem); } .paper-catalog__item:nth-child(2n) { margin-right: 0; } .how-individual__article-info { width: 37.08%; } .how-individual__article-image { display: block; } .pagination__pages { text-align: center; } .pagination__pages-controls { left: auto; -webkit-transform: none; transform: none; } .pagination__pages-btn { padding: 10px 15px; padding: 1rem 1.5rem; min-width: 55px; min-width: 5.5rem; } .pagination__init-input { padding: 10px 7.5px; padding: 1rem 0.75rem; width: 50px; width: 5rem; height: 43px; height: 4.3rem; font: 16px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } .pagination__init-btn { padding: 10px 7.5px; padding: 1rem 0.75rem; height: 43px; height: 4.3rem; } .product-card._catalog-modify { margin-right: 2rem; width: calc(33.33333% - 1.33333rem); } .product-card._catalog-modify:nth-child(2n) { margin-right: 2rem; } .product-card._catalog-modify:nth-child(3n) { margin-right: 0; } .basket__item-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 0; padding-left: 0; height: 80px; height: 9rem; min-height: unset; } .basket__item-thumb { position: relative; left: auto; top: auto; width: 12.72%; } .basket__item-name { margin-bottom: 0; width: 14.45%; } .basket__item-number { margin-bottom: 0; width: 16.18%; } .basket__item-price { margin-bottom: 0; text-align: center; } .basket .counter-controls { margin-bottom: 0; } .basket__item-summ { margin-bottom: 0; width: 13.87%; text-align: center; } .popular-category__category-item { width: 45%; margin-right: 10%; margin-bottom: 0; } .popular-category__category-item:nth-child(2n) { margin-right: 0; } .dealer-features__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; } .profile-orders__trow { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .profile-orders__row-item._number { width: 10.81%; } .profile-orders__row-item._date { width: 18.47%; } .profile-orders__row-item._status { margin-bottom: 0; width: 22.97%; } .profile-orders__row-item._price { width: 12.61%; } .profile-orders__row-item._detail { width: 18.92%; } .profile-orders__row-item._repeat { width: 15.32%; } .articles { margin-bottom: 10rem; } .project-task .title-1 { margin-bottom: 75px; margin-bottom: 7.5rem; } .project-task__description-item { margin-right: 8.33%; width: 42.5%; } .project-task__description-item._task { background: url('/local/templates/dvk/css/../assets/icon/project-task.svg') no-repeat left top / 8.82% auto; } .project-task__description-item._process { background: url('/local/templates/dvk/css/../assets/icon/project-process.svg') no-repeat left top / 9.22% auto; } .project-process { padding-top: 13rem; padding-bottom: 14.5rem; } .project-process__description { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 3.75%; margin-bottom: 0; width: 18.33%; } .project-process__types { width: 77.92%; } .project-process__to-types { top: -50px; top: -5rem; } .project-preview { padding-bottom: 24rem; } .project-preview__wrapper .slick-dots { top: auto; left: 5.42%; bottom: 50px; bottom: 5rem; -webkit-transform: translateX(0); transform: translateX(0); } .project-preview__description { padding-top: 5.42%; padding-left: 5.42%; width: 52.92%; } .project-preview__description-title { margin: 0 0 20px; margin: 0 0 2rem; width: auto; } .project-preview__description-text { margin: 0; width: auto; } .project-preview__content-stash { width: 47.08%; } .project-preview__title { position: absolute; left: 5.42%; right: 34.58%; width: auto; max-width: 94.58%; bottom: 100px; bottom: 10rem; } .project-preview__video { display: block; } .project-preview__progress-bar-bg { display: block; } .project-result { padding-bottom: 15.5rem; } .project-result__description { margin-bottom: 80px; margin-bottom: 8rem; } .project-result__source-arrow { display: block; } .project-result__images-list { padding-left: 50px; padding-left: 5rem; width: calc(87.5% + 10rem); } .other-possibility__item { background-position-x: 8.14%; } .other-projects { padding-top: 6.4rem; padding-bottom: 4rem; } .contacts-page__map { display: block; } .contacts-page__wrapper { z-index: 1; /* position: absolute;*/ } .contacts-page__leaf { position: absolute; top: 55px; top: 5.5rem; width: 40%; } .contacts-page__leaf._left-pos { width: 60.25%; } .contacts-page__group-desc._not-link { display: block; } .contacts-page__group-desc._link { display: none; } .contacts-page__leaf-dealers { overflow: auto; max-height: 520px; max-height: 52rem; } .contacts-page__dealer-address._not-link { display: block; } .contacts-page__dealer-address._link { display: none; } .install-receive__row-item._before { font-size: 16px; font-size: 1.6rem; } .install-receive__row-item._after { font-size: 16px; font-size: 1.6rem; } .install-receive__row-item._min { font-size: 16px; font-size: 1.6rem; } ._head .install-receive__row-item { font-size: 18px; font-size: 1.8rem; } .about-time__row-wrapper { height: 300px; height: 30rem; } .about-team__lead-image { margin-bottom: 0; width: 34.38%; } .about-team__lead-description { width: 58.33%; } .about-team__lead-name { margin-bottom: 25px; margin-bottom: 2.5rem; font: 20px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; text-align: left; } .about-factory__description { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 29.51%; background-color: #465596; } .about-factory__area { padding-top: 42.35%; color: white; } .about-factory__area-under { margin-bottom: 70px; margin-bottom: 7rem; color: white; } .about-factory__quality { color: white; } .about-factory__btn { margin-bottom: 30.59%; } .about-factory__dynamic { top: 60%; left: 325px; left: 32.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 69.79%; } .about-factory__item-name { font: 16px 'Gilroy-Semibold', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Semibold', Arial, Helvetica, sans-serif; } .about-factory__circle { width: 16px; width: 1.6rem; height: 16px; height: 1.6rem; } .about-factory__circle:after { width: 36px; width: 3.6rem; height: 36px; height: 3.6rem; } .about-banner__about-title { font: 55px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 5.5rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .about-banner__about-title._smaller { font: 38px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 3.8rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .about-features__certificate-text { font: 18px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } } @media (min-height: 900px) and screen and (min-width: 1200px) { .view-banner._about { height: calc(57.4vh + 7.1rem); } .about-banner._first-section { height: 25.93vh; } .about-banner._second-section { height: 33.33vh; } } @media screen and (min-width: 1200px) and (max-height: 635px) { .banner-main__description._top { top: 30px; top: 3rem; } .banner-main__description._bot { bottom: 1.61vh; } } @media screen and (min-width: 1200px) { html { font-size: 8px; } .container { width: 86.01vw; } .main { margin-top: 12.6rem; } .main._padding { padding-top: 0; } .main._no-margin { margin-top: 0; } .section { padding-top: 7.1rem; } .section:first-child { padding-top: 12.6rem; } .header._no-shadow { -webkit-box-shadow: none; box-shadow: none; } .header__menu { display: block; } .header__menu-row._top { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__mobile-menu { display: none; } .header__mobile-catalog-trigger { display: none; } .header._js-fixed .header__logo { width: 5.07%; } .footer__action-phone { margin-left: 0; } .bg-banner-main__left { width: 57.45%; } .bg-banner-main__right { width: auto; min-height: auto; } .banner-main { margin-bottom: 8rem; } .banner-main__left { -webkit-transform: translateX(0); transform: translateX(0); width: 60.42%; } .banner-main__right { width: 39.38%; right:6vw; min-height: auto; } .banner-main__description { right: 0; -webkit-transform: translateX(0); transform: translateX(0); } .banner-main__description._top { top: 70px; top: 7rem; -ms-align-items: flex-end; align-items: flex-end; } .banner-main__description._bot { bottom: 5.38vh; } .banner-main__prepared { width: 100%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .projects { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 0; padding-left: 0; } .projects__about { top: auto; padding-top: 70px; padding-top: 7rem; padding-left: 70px; padding-left: 7rem; height: 480px; height: 48rem; width: 41.32%; } .projects__about-title { margin-bottom: 55px; margin-bottom: 5.5rem; } .projects__about-text { margin-bottom: 45px; margin-bottom: 4.5rem; width: 78.15%; } .projects__item { margin-right: 35px; margin-right: 3.5rem; width: calc(33% - 3.5rem); } .places { margin-bottom: 8rem; } .places__item-wrapper { width: 33.33333%; } .proccess { padding-top: 5rem; padding-bottom: 4rem; } .proccess__links-item { padding: 50px 0 50px 120px; padding: 5rem 0 5rem 12rem; } .proccess__icon { left: 40px; left: 4rem; } .electron { padding-top: 8.5rem; padding-bottom: 8.5rem; margin-bottom: 13.5rem; } .about-main { margin-bottom: 10rem; } .about-main__desc-title { margin-bottom: 40px; margin-bottom: 4rem; } .about-main__desc-text { margin-bottom: 105px; margin-bottom: 9.5rem; } .partners { margin-bottom: 8rem; } .view-banner { width: 96.15%; } .view-banner._about { width: 96.15%; height: calc(55.4vh + 7.1rem); } .other-service__wrapper { padding: 26px 0; padding: 2.6rem 0; } .desktop .how-proccess__controls { display: block; } .desktop .how-proccess__slider-item { height: calc(100vh - 13rem); margin-bottom: 0; } .desktop .how-proccess__item-description { width: 50.58%; max-width: 100%; } .how-proccess__slider-video { width: 46%; } .how-proccess__item-wrapper { margin-bottom: 0; } .desktop .how-proccess__slider-video { display: block; } .how-proccess__slider-video { -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-transition: 700ms; transition: 700ms; } .slick-active .how-proccess__slider-video { -webkit-transform: translateX(0); transform: translateX(0); } .catalog-result { width: 75%; } .catalog-result__sort-wrapper { width: 50%; display: inline-block; } .catalog-result__filter-btn { display: none; } .catalog-result__footer { margin-bottom: 90px; margin-bottom: 9rem; } .catalog-result__description { text-align: justify; margin-bottom: 160px; margin-bottom: 16rem; } .catalog-filter { position: relative; top: auto; right: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); overflow: unset; display: inline-block; vertical-align: top; margin-right: 2.5%; width: 22.5%; height: auto; } .catalog-filter__close-mobile { display: none; } .catalog-filter__type._sort { display: none; } .catalog-filter__slider-background { display: block; } .pagination__more-btn { margin-bottom: 80px; margin-bottom: 8rem; } .product-wrapper { margin-bottom: 7.5rem; } .product-wrapper .title-1 { margin-bottom: 20px; margin-bottom: 2rem; } .product-thumb { display: block; margin-bottom: 0; margin-right: 4.83%; width: 46%; height: auto; } .product-thumb_offers { width: 35%; } .product-thumb__arrow.slick-next { right: 35px; right: 3.5rem; } .product-thumb__large-images { // padding: 70px 0; // padding: 7rem 0; margin-right: 0; width: 100%; } .product-thumb__image-item:before { padding-bottom: 70%; } .product-thumb__small-thumbs { top: auto; left: -20px; width: calc(100% + 20px); } .product-thumb__thumb-item { margin-top: 0; margin-left: 20px; } .product-thumb__thumb-item:after { padding-bottom: 75%; } .product-desc { width: 49.17%; } .product-desc_offers { width: 60.17%; } .product-desc__delivery { margin-bottom: 60px; margin-bottom: 6rem; } .product-desc__delivery p { color: #cd4c4c; font: 1.5rem 'OpenSansRegular', Arial, Helvetica, sans-serif; margin-bottom: 0px; padding: 2px 0px; display: inline-block; } .product-desc_offers .product-desc__delivery { margin-bottom: 30px; margin-bottom: 3rem; } .product-complement { padding-bottom: 14rem; padding-top: 8rem; } .product-complement .title-2 { margin-bottom: 80px; margin-bottom: 8rem; } .product-complement__table { margin-bottom: 105px; margin-bottom: 10.5rem; } .product-complement__first { padding-left: 105px; padding-left: 10.5rem; } .product-specs__table { margin-bottom: 115px; margin-bottom: 0.5rem; } .product-specs__cell { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 45.83%; } /*, .product-specs__cell:nth-child(2) */ .product-specs__cell:nth-child(1) { border-top: 1px solid #95a6d6; } .product-specs__quality { margin-bottom: 60px; margin-bottom: 6rem; } .product-specs__quality-item { padding: 40px 50px; padding: 4rem 5rem; margin-right: 40px; margin-right: 4rem; width: calc(50% - 2rem); } .product-specs__quality-item:nth-child(2n) { margin-right: 0; } .same-product { margin-bottom: 9.5rem; } .same-product__head { margin-bottom: 60px; margin-bottom: 6rem; } .product-card._same-modify { margin-right: 3.5rem; margin-bottom: 0; width: calc(25% - 2.63rem); } .product-card._same-modify:nth-child(2n) { margin-right: 3.5rem; } .product-card._same-modify:nth-child(4n) { margin-right: 0; } .basket__goods { /*-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0;*/ margin-bottom: 0; width: 72.08%; } .basket__result { max-width: auto; width: 25%; margin-bottom: 0; } .basket__result-item { margin-bottom: 30px; margin-bottom: 3rem; } .popular-category__category-item { width: 26.67%; margin-right: 10.42%; margin-bottom: 30px; margin-bottom: 3rem; } .popular-category__category-item:nth-child(2n) { margin-right: 0; } .dealer-features__item { width: 25%; margin-right: 12.5%; } .dealer-features__item:nth-child(3n) { margin-right: 0; } .dealer-requirements__leaf { padding: 35px 40px; padding: 3.5rem 4rem; } .dealer-requirements__leaf-paragraph { left: 40px; left: 4rem; } .profile-orders__trow { padding: 35px 1.77% 25px; padding: 3.5rem 1.77% 2.5rem; } .profile-orders__row-item._number { width: 11.01%; } .profile-orders__row-item._date { width: 18.81%; } .profile-orders__row-item._status { width: 23.39%; } .profile-orders__row-item._price { width: 12.84%; } .profile-orders__row-item._detail { width: 20.64%; } .profile-orders__row-item._repeat { width: 14.22%; } .ordering__data { /*width: 57.5%; margin-right: 5.42%;*/ } .ordering__stash { /*width: 37.08%;*/ } .ordering__stash._js-sticky { position: fixed; } .ordering__row-item { text-align: right; } .ordering__row-item._count { margin-right: 0; } .articles__item-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-right: 0; padding-left: 0; } .articles__item { margin-right: 25px; margin-right: 2.5rem; width: calc(33.33333% - 1.66667rem); } .articles__item:nth-child(3n) { margin-right: 0; } .sign-up__form { width: 42.33%; float: left; max-width: auto; } .project-preview__description { padding-top: 123px; padding-top: 12.3rem; } .project-preview__title { font: 24px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2.4rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .contacts-page__leaf._left-pos { width: 43.58%; } .contacts-page__option-wrapper { max-height: auto; overflow: auto; } .contacts-page__option-list { -webkit-columns: 4; columns: 4; -webkit-column-count: 4; column-count: 4; } .install-receive__row-item._price { font-size: 16px; font-size: 1.6rem; } .install-receive__below-hint { margin-bottom: 0; } .requisites__table { width: 58.33%; } .about-team { /* top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);*/ } .about-team__lead-position { font: 18px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: left; } .about-team__lead-name { margin-bottom: 45px; margin-bottom: 4.5rem; font: 24px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 2.4rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .about-team__lead-speech { font: 18px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansRegular', Arial, Helvetica, sans-serif; margin-bottom: 0; text-align: left; } .about-team__slider { margin-bottom: 0; } .about-factory { min-height: 860px; } .about-factory__description { min-width: 425px; min-width: 42.5rem; } .about-factory__area { font: 70px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 7rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .about-factory__quality { font: 18px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.8rem 'OpenSansRegular', Arial, Helvetica, sans-serif; margin: 0 auto 155px; margin: 0 auto 15.5rem; } .about-factory__dynamic { left: 375px; left: 37.5rem; top: 70%; } .about-banner._first-section { margin-bottom: 0; height: 18.98vh; } .about-banner._second-section { height: 37.5vh; } .about-banner__desc-text { width: 48.4%; } .popup__input { min-width: auto; } .popup__input-eye { left: 50%; } } @media (min-height: 710px) and screen and (min-width: 1200px) { .about-factory__dynamic { left: 355px; left: 35.5rem; top: 70%; width: 76.04%; } } @media screen and (min-width: 1440px) { html { font-size: 10px; } .btn-go._white:after { border: 0.1rem solid white; } .catalog-result__bar { margin-bottom: 2px; margin-bottom: 0.2rem; } .catalog-filter__type-body:after { height: 1px; height: 0.1rem; } .pagination__pages-btn._right-round { border-width: 1px; border-width: 0.1rem; } .pagination__pages-btn { border-width: 1px; border-width: 0.1rem; } .pagination__init-input { border-width: 1px; border-width: 0.1rem; } .pagination__init-btn { border-width: 1px; border-width: 0.1rem; } .product-complement__row { border-bottom: 1px solid #95a6d6; border-bottom: 0.1rem solid #95a6d6; } .product-complement__row._head { border-top: 2px solid #465596; border-top: 0.2rem solid #465596; border-bottom: 2px solid #465596; border-bottom: 0.2rem solid #465596; } .product-specs__cell { border-bottom: 1px solid #95a6d6; border-bottom: 0.1rem solid #95a6d6; } .basket__item-row { border-bottom: 1px solid #95a6d6; border-bottom: 0.1rem solid #95a6d6; } .basket__item-row:nth-child(1) { border-top: 1px solid #95a6d6; border-top: 0.1rem solid #95a6d6; } .error__input { border: 1px solid #95a6d6; border: 0.1rem solid #95a6d6; } .profile-data__item-input input { border-width: 1px; border-width: 0.1rem; } .profile-data__item-textarea textarea { border-width: 1px; border-width: 0.1rem; } .profile-password__input input { border-width: 1px; border-width: 0.1rem; } .profile-maths__item { border-width: 1px; border-width: 0.1rem; } .profile-popup__order-row { border-bottom: 1px solid #95a6d6; border-bottom: 0.1rem solid #95a6d6; } .profile-popup__order-row._head { border-bottom: 2px solid #7d8dd2; border-bottom: 0.2rem solid #7d8dd2; } .profile-popup__goods-head { border-top: 2px solid #7d8dd2; border-top: 0.2rem solid #7d8dd2; border-bottom: 2px solid #7d8dd2; border-bottom: 0.2rem solid #7d8dd2; } .profile-popup__goods-row { border-bottom: 1px solid #95a6d6; border-bottom: 0.1rem solid #95a6d6; } .ordering__radio span { border-width: 1px; border-width: 0.1rem; } .repair__price-row { border-width: 1px; border-width: 0.1rem; } .repair__price-row._head { font: 16px 'Gilroy-Medium', Arial, Helvetica, sans-serif; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; border-width: 2px; border-width: 0.2rem; } .other-possibility__item:before, .other-possibility__item:after { border-width: 1px; border-width: 0.1rem; } .install-receive__row { border-width: 1px; border-width: 0.1rem; } .install-receive__row._head { border-width: 2px; border-width: 0.2rem; } .popup__input { border: 1px solid #adadad; border: 0.1rem solid #adadad; } .popup__textarea { border: 1px solid #adadad; border: 0.1rem solid #adadad; } } @media screen and (min-width: 1200px) and screen and (min-width: 1440px) { /*, .product-specs__cell:nth-child(2) */ .product-specs__cell:nth-child(1) { border-top: 1px solid #95a6d6; border-top: 0.1rem solid #95a6d6; } } @media screen and (min-width: 1680px) { .btn-go:before { border: 0.2rem solid #cd4c4c; } } @media screen and (min-width: 1930px) { html { font-size: 15px; } } @media screen and (min-width: 2600px) { html { font-size: 20px; } } @media $talbet { .view-rules__rules-item { font-size: inherit; } } @media (min-height: 900px) { .about-time { /*padding-bottom: 18rem;*/ } } @media (max-width: 1024px) { .about-factory { width: 100%; } .about-time { padding-bottom: 8rem; } .contact_page_dealer{ position: relative!important; } } @media (max-height: 700px) { .about-features__trusted-title { padding-top: 3.47%; } .about-features__trusted-company { margin-bottom: 3.47%; } } .popup__input__type-checkbox {} .popup__input__type-checkbox label { position: relative; padding-left: 25px; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; color: #505050; } .popup__input__type-checkbox label:before { content: ''; display: block; width: 15px; height: 15px; line-height: 15px; position: absolute; top: 2px; left: 0px; border: 0.1rem solid #adadad; border-radius: 6px; text-align: center; cursor: pointer; } .popup__input__type-checkbox label:hover:before { border-color: #465596; } .popup__input__type-checkbox input:checked + label:before { content: "\2713"; color: #cd4c4c; } .popup__input__type-checkbox a { color: #465596; cursor: pointer; } .kombox-filter { font-size: 15px; } .bx-forgotpass-table { max-width: 550px; } .bx-auth input, .bx-forgotpass-table input { display: block; padding: 10px; padding: 1rem; margin-right: 15px; margin-right: 1.5rem; margin-bottom: 20px; margin-bottom: 2rem; width: 67.35%; min-width: 250px; border: 1px solid #adadad; border-radius: 100rem; font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; letter-spacing: 1px; letter-spacing: 0.1rem; -webkit-transition: 300ms; transition: 300ms; } .bx-auth input:focus { border-color: #465596; color: #465596; } .bx-auth input::-webkit-input-placeholder, .bx-auth input::placeholder, .bx-auth input:-ms-input-placeholder .bx-forgotpass-table input::-webkit-input-placeholder, .bx-forgotpass-table input::placeholder, .bx-forgotpass-table input:-ms-input-placeholder { font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #adadad; letter-spacing: 1px; letter-spacing: 0.1rem; } .bx-auth input[type='submit'], .bx-forgotpass-table input[type='submit'] { background-color: #cd4c4c; border-color: #cd4c4c; color: #fff; } .special__catalog-page:after { content: ''; clear: both; } .special__catalog-text-container > img, .special__catalog-text-container .special__catalog-text__block-img { float: right; max-width: 500px; margin-left: 25px; margin-bottom: 25px; margin-top: -73px; } .special__catalog-text-container > img.big-img { max-width: 50%; width: 700px; } .product-specs__pic, .special__catalog-text-container .special__catalog-text__block-img { position: relative; } .product-specs__pic:after, .special__catalog-text-container .special__catalog-text__block-img:after { content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .special__catalog-text-container .special__catalog-text__block-img img { width: 100%; } .about_us_svodnaya_vedomost { display: flex; justify-content: space-between; } .about_us_svodnaya_vedomost a { padding-left: 0 !important; } @media(max-width:999px) { .special__catalog-text-container > img, .special__catalog-text-container .special__catalog-text__block-img { float: initial; max-width: 500px; width: 100%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 25px; margin-top: 25px; } .special__catalog-text-container > img.big-img { max-width: 100%; } } .dop_link { display: flex; justify-content: flex-start; } .product-complect .product-card { height: 470px; margin-right: 3.5rem; } .product-complect .product-card._same-modify:nth-child(4n) { margin-right: 3.5rem !important; } .product-complect__head { margin-bottom: 20px; } .product-complect__body { width: 90%; margin: 0 auto; } .multiple-items { position: relative; } .left_arrow, .right_arrow { position: absolute; width: 40px; height: 40px; color: #0c64c0; cursor: pointer; } .left_arrow { top: 46%; left: -59px; } .right_arrow { top: 46%; right: -3%; } /* Исправление обрезанной кнопки в фильтре */ input.kombox-del-filter { height: auto !important; min-height: 36px !important; line-height: 1.2 !important; padding: 8px 20px !important; /* 8px сверху/снизу, 20px слева/справа */ width: auto !important; /* Кнопка сама подберет ширину под текст */ } @media (min-width:1200px) { .product-card. { width: 30% } } .header__nav-element._dropdown .simplebar-track, .header__nav-element._dropdown .simplebar-scrollbar { visibility: hidden !important; } .header__nav-element._dropdown .simplebar-track, .header__nav-element._dropdown .simplebar-scrollbar { display: none; } ._call-form { width: 30.52%; } #order_form_content { display: flex; flex-wrap: wrap; /* margin-top: 2%; */ } #order_form_content .col { width: 50%; } @media (max-width:1300px) { #order_form_content .col { width: 100%; } } .product-desc__specs-line { width: 100%; } .dop_link { width: 100%; } .product-desc__specs-anchor { width: 50%; } .product-desc__compound { width: 100%; display: flex; flex-wrap: wrap; } .product-desc__delivery { width: 100%; display: flex; flex-wrap: wrap; } .product-desc__delivery-free { width: 50%; margin-right: 0; } .product-desc__delivery-link { width: 50%; } .ymaps__container { width: 560px; height: 400px; } @media screen and (max-width:576px) { .ymaps__container { width: 100%; } } #CONTACTS_PAGE {} /* Прячем технический попап навсегда, чтобы JS не мог его показать */ #dvk-popup { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; pointer-events: none !important; z-index: -9999 !important; } /* Возвращаем админ-панель поверх всего */ #bx-panel { z-index: 100000 !important; position: relative; /* Страховка для корректного отображения */ } /* Если панель "прилеплена" (зафиксирована) */ .bx-panel-fixed { z-index: 100000 !important; } /* End */ /* Start:/local/templates/dvk/css/custom_style.css?178532632716321*/ .ordering__body{ flex-wrap: wrap !Important; } @media(max-width: 2200px){ .header__nav-link{ font-size: 15px; } } @media(max-width: 1930px){ .header__nav-link{ font-size: 12px; } } @media(max-width: 1440px){ .header__nav-link{ font-size: 10px; } } @media(max-width: 1200px){ .header__nav-link{ font-size: 8px; } } pre { color: #000; font-size: 14px; } .issue { margin-top: 10%; margin-left: 10%; display: flex; flex-direction: column; } .side { display: flex; align-items: flex-start; align-content: center; justify-content: flex-start; } .side_a { width: 50%; } .side_b { width: 50%; } input#file_input_mfifile { /* border: 1px solid red; */ /* background: green; */ height: 300px; width: 300px; font-size: 17px; /* z-index: 1000000000; */ opacity: 1; } .webform-field-upload { overflow: hidden; width: 311px; max-width: 100%; height: 50px; line-height: 39px; cursor: pointer; display: block; position: relative; padding: 0; margin: 0; } .webform-field-upload-list li div.webform-field-item-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 3px 0; color: #888; white-space: nowrap; font-size: 12px; } .profile-data__item-input.w-100 { width: 100% !important; } .profile-data__item.w-100 { width: 100% !important; } textarea { border: 1px solid #bababa !important; width: 100%; height: 143px; font-size: 12px; } @media (max-width: 568px) { .side { flex-direction: column; } .issue { margin-top: 11%; margin-left: 0%; display: flex; flex-direction: column; } } .bx-core-window.bx-core-adm-dialog#bx-admin-prefix { z-index: 99999999999999; } .product-card__number { height: 19px; } .product-desc__menu-price:after, .basket__price-value:after, .basket__result-value:after, .ordering__row-item._price span::after, .profile-popup__price-item::after { content: ''; } .same-product .product-card__price span { height: 22px; display: block; } .pagination__pages-btn._active { background-color: #95a6d6; color: white; } .ordering__row-item._count { text-align: left; } .ordering__stash-summ { margin-top: 15px; } .paginator-wrapper { display: block; width: 100%; } .search-language-guess { font-size: 16px; } .search-language-guess a { color: blue; } .search-language-guess a:hover { text-decoration: underline; } .search-page__result-item h2 { font-size: 19px; } .search-page__result-item._search-header { margin: 2rem 0; } .search-page__result-item._sections { margin-bottom: 0; } .search-page__result-item._sections a { font-size: 14px; } .about-team__member, .project-result__images-item { height: auto !important; } .catalog-filter__checkbox-area { height: auto; } .catalog-filter__checkbox-button:before { height: 15px; } .empty-error { font-size: 13px; color: #ff0000; } .map-columns { font-size: 14px; width: 600px; margin: 0 auto; } .catalog-result__body { margin-right:-2rem; } ._section-list .product-card._catalog-modify, ._section-list .product-card._catalog-modify:nth-child(3n) { margin-right: 2rem; width: calc(24% - 2rem); min-height: auto; min-width:180px; display: flex; justify-content: space-between; } @media(max-width:500px){ ._section-list .product-card._catalog-modify, ._section-list .product-card._catalog-modify:nth-child(3n){ min-width:155px; margin-right:1.5rem; } } /* .catalog-result__body._section-list .product-card._catalog-modify:nth-child(5n) { margin-right: 0; }*/ .unusual .product-card._same-modify { display: inline-block; margin-right: 3.5rem; } /* .unusual .product-card._same-modify:nth-child(5n) { margin-right: 0; }*/ .search-page__item-image { background-size: contain; } .product-detail-text { font: 1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #3a3a3a; margin: 0 0 50px; line-height: 3; } .product-detail-text ul { padding-left: 20px; } .product-detail-text ul li { margin: 0 0 10px; } .how-process-new .how-proccess__slider-video{ position: absolute; right: 23.01%; top: 0; bottom: 0; width: 46%; overflow: hidden; } .how-process-new .how-proccess__slider-item{ height: auto; } .how-individual-new .title-2{ margin-top: 15px; } #collab{ margin-top: 20px; } #collab .row > div{ padding: 20px !important; } .contacts-page__group-phone { margin-right: 1rem; } .sort_actived { display: inline-block !important; } .sign-up .slick-list { height: 100% !important; } .file_req { -margin-bottom: 0; } .file_req .webform-field-upload { width: 100%; } .file_req .webform-button-upload { color: #4b5a99; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; text-decoration: underline; text-align: left; cursor: pointer; } ::-webkit-file-upload-button { cursor:pointer; } .file_req .webform-field-item-wrap { color: #5a5a5a; font: 1.6rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; } .file_req .webform-field-item-wrap a { margin-left: 5px; } .product-desc__specs-param { width: 50%; } .product-desc__specs-value { text-align: left; margin-left: 0; width: 50%; } /*------------------Табы в карточке товара-----------------*/ .tabs { display: block; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; margin: 0; overflow: hidden; } .tabs [class^="tab"] label, .tabs [class*=" tab"] label { color: #000; cursor: pointer; display: block; font-size: 1.1em !important; font-weight: 300; line-height: 1em; -padding: 2rem 0; text-align: center; } .tabs [class^="tab"] [type="radio"], .tabs [class*=" tab"] [type="radio"] { border-bottom: 1px solid rgba(239, 237, 239, 0.5); cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* .tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus, .tabs [class*=" tab"] [type="radio"]:hover, .tabs [class*=" tab"] [type="radio"]:focus { border-bottom: 1px solid #fd264f; } .tabs [class^="tab"] [type="radio"]:checked, .tabs [class*=" tab"] [type="radio"]:checked { border-bottom: 2px solid #fd264f; } */ .tabs [class^="tab"] [type="radio"]:checked ~ div, .tabs [class*=" tab"] [type="radio"]:checked ~ div { opacity: 1; } .tabs [class^="tab"] [type="radio"] ~ div, .tabs [class*=" tab"] [type="radio"] ~ div { display: block; opacity: 0; padding: 2rem 0; width: 90%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tabs .tab-2 { width: 50%; } .tabs .tab-2 [type="radio"] ~ div { width: 200%; margin-left: 200%; } .tabs .tab-2 [type="radio"]:checked ~ div { margin-left: 0; } .tabs .tab-2:last-child [type="radio"] ~ div { margin-left: 100%; } .tabs .tab-2:last-child [type="radio"]:checked ~ div { margin-left: -100%; } .tabs .product-card._same-modify { margin-right: 3.5rem; } .base_inside_mob { display: none; } .base_inside_full { margin-top: 20px; } .base_inside_mob p, .base_inside_full p { display: inline-block; width: 100%; font: 1.8rem 'OpenSansRegular', Arial, Helvetica, sans-serif; color: #505050; text-align: left; margin: 2px 0; } .base_inside_str { display: inline-flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #ccc; } .base_inside_str:last-child { border-bottom: 1px solid #ccc; } .base_inside_str div { display: inline-block; width: 33.3%; padding: 5px; } .order_right_col { /* width: 40%; */ /* padding-left: 5%; */ width: 100%; } .order_left_col { /* width: 50%; */ width: 80%; } .order_right_total{ position: absolute; width: 38%; right: 10px; padding: 2.92%; margin-bottom: 30px; margin-bottom: 3rem; background-color: white; -webkit-box-shadow: 0 0.8rem 2.9rem 0 rgb(92 92 92 / 32%); box-shadow: 0 0.8rem 2.9rem 0 rgb(92 92 92 / 32%); font-size: 12px; margin-top: 69px; max-height: 80vh; overflow-y: auto; display: flex; flex-direction: column; } .order_right_total .btn-not-link { order: -1; margin-top: 0; margin-bottom: 20px; } .order-title { font-size: 22px; order: -2; } .wrap_order_tabs { width: 100%; position: relative; } .ordering__row-item img{ width: 100%; height: 100%; object-fit: contain; } .profile-data__company { display: flex; flex-wrap: wrap; align-items: baseline; /* width: 50%; */ } .ordering__payment-type { box-shadow: 0 0.8rem 2.9rem 0 rgb(92 92 92 / 32%); padding: 30px; border: 1px solid; width: 100%; margin-bottom: 50px; } .ordering__payment-title { font-size: 2rem; margin-bottom: 5px; } ul.ordering__payment-list { list-style: none; padding-left: 0; } .ordering__payment-list li { font: 1.5rem 'OpenSansRegular', Arial, Helvetica, sans-serif; margin: 10px 0; } .profile-data__item-input { min-width: 32rem; } .profile-data__item p { font: 1.2rem 'Gilroy-Medium', Arial, Helvetica, sans-serif; padding: 0 20px; } .profile-data.adress p, .profile-data.samovyvoz p { font: 1.5rem 'OpenSansRegular', Arial, Helvetica, sans-serif; width: 60%; } .ordering__content { width: 59%; } .ordering__row-item._pic { width: 10%; padding-right: 2%; } .ordering__stash-row { padding-top: 1.75rem; padding-bottom: 1.5rem; } .ordering__row-item._name, .ordering__row-item._count, .ordering__row-item._price { padding: 20px 0; } @media only screen and (max-width: 1200px) { .product-card__buttons { display: inline-block; } .product-card__buttons .counter-controls { margin-bottom: 10px; float: left; } .ordering__row-item._name, .ordering__row-item._count, .ordering__row-item._price { padding: 20px; } } @media only screen and (max-width: 992px) { .product-complect__head .title-2 { font-size: 2.5rem; } .base_inside_mob p, .base_inside_full p { font-size: 1.5rem; } .btn-not-link span { font-size: .96rem; } .ordering__row-item._pic { width: auto; } .order_left_col { width: 100%; /* order: 2; */ } .order_right_col { width: 100%; padding-left: 0; /* order: 1; */ } .profile-data__item-textarea { width: 100%; } .ordering__comments textarea { width: 100%; } /*.tab-2 label { padding: 0 70px; }*/ } @media only screen and (max-width: 667px) { .base_inside_mob { display: inline-block; } .base_inside_full { display: none; } .product-card { min-height: 32rem; } .ordering__row-item._price { width: 60%; } .ordering__payment-type { width: 90%; } } @media only screen and (max-width: 568px) { .base_inside_mob p, .base_inside_full p { -font-size: 1.3rem; } .product-complect__head .title-2 { font-size: 2.2rem; } .product-card { min-height: 37rem; } .ordering__payment-type { width: 100%; } .profile-data.adress p, .profile-data.samovyvoz p { width: 100%; } /*.tab-2 label { padding: 0 30px; }*/ } @media only screen and (max-width: 414px) { .base-complect .container { width: 80vw; } .base-complect .container.base_inside { width: 90vw; } .base-complect .right_arrow { right: -59px; } .base-complect .left_arrow { left: -59px; } /*.tab-2 label { padding: 0; }*/ } @media only screen and (max-width: 375px) { .base-complect .container { width: 70vw; } .product-complect__head .title-2 { font-size: 1.9rem; } .base_inside_mob p, .base_inside_full p { font-size: 1.3rem; } } @media only screen and (max-width: 320px) { .base-complect .container.base_inside { width: 95vw; } .profile-data__item-input { min-width: 28rem; } } .tab-2 .product-complect__head { background-color: #e9efff; border: 2px solid #465596; border-radius: 0 30px 0 0; padding-bottom: 10px; padding-top: 10px; margin-bottom: 0px; } .tab-2 .product-complect__head .title-2 { color: #465596; } .base_inside_mob p, .base_inside_full p { color: #ffffff; } .tabs [class^="tab"] [type="radio"]:checked + label .product-complect__head .title-2 { color: #ffffff !important; } .tabs [class^="tab"] [type="radio"]:checked + label .product-complect__head { background-color: #465596; } .tabs .tab-2 [type="radio"]:checked ~ div { background-color: #465596; } @media only screen and (min-width: 993px) { .tab-2 .product-complect__head .title-2 { font-size: 2.5rem; } .titt1 { margin-left: 90px; } .titt2 { margin-right: 20%; } } /*------------------Табы в карточке товара-----------------*/ .yarlichok { position: absolute; right: 0; top: 344px; background-color: #cd4c4c; display: flex; padding: 0px 7px 2px 12px; color: #ffffff; border-radius: 25px 0 0 25px; z-index: 5; } .zak1 { font-size: 13px; line-height: 1; } .prose { margin-right: 10px; font-size: 26px; line-height: 1; } @media only screen and (max-width: 683px) { .yarlichok { top: 424px; } } .delivery-btn__block{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .delivery-btn__item{ margin-right: 1rem; } @media only screen and (max-width: 981px) { .overflow-a{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .overflow-a p{ width: 100%; } } @media only screen and (max-width: 576px) { .delivery-btn__block{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; } .delivery-btn__item{ margin-bottom: 0.5rem; width: 100%; } .delivery-btn__item a{ width: 100%; } } /**** restore slick slider and add video link 2023.08.15 ********/ .fancybox__content{ width:70%!important; height:70%!important; } .product-desc__compound-item.youtubeVideo { width: 319px; height: 54px; line-height: 24px; text-align:left; padding-left: 10px; } .youtubeVideo img { max-width: 40px; height: 24px; margin-left: -10px; } img.left_arrow,img.right_arrow{ top: 50px; z-index: 2; } img.left_arrow{ left:0px; } @media screen and (max-width:1300px) { .ordering__tabs { width: 100% !important; margin-left: 0 !important; } .ordering__content { width: 100% !important; margin-left: 0 !important; } html body form#ORDER_FORM { display: flex !important; flex-direction: column !important; } #order_form_content { display: contents !important; } .wrap_order_tabs { display: contents !important; } .ordering__tabs { order: 1 !important; } .ordering__content { order: 2 !important; } .order_left_col { display: none !important; } .order_right_col { order: 3 !important; width: 100% !important; } .bx_section { order: 4 !important; } .ordering__additional-service { order: 5 !important; } .ordering__comments { order: 6 !important; } .ordering__privacy { order: 7 !important; } .order_right_total { display: flex !important; position: static !important; order: 8 !important; width: 100% !important; max-height: none !important; overflow-y: visible !important; margin-top: 30px !important; } } /* End */ /* Start:/local/templates/dvk/assets/fancy/jquery.fancybox.min.css?164322337512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/.default/components/bitrix/system.auth.form/popup/style.css?1643223205443*/ div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;} div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/.default/components/bitrix/system.auth.form/popup/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/.default/components/bitrix/system.auth.form/popup/images/sec-unlocked.png);} /* End */ /* Start:/local/templates/dvk/template_styles.css?17853149528199*/ .number-popup { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; position: fixed; z-index: 101; width: 100%; height: 100%; top: 0px; background: rgba(0,0,0,0.3); } .popup__footer._blue-bg, .profile-popup__head, .profile-popup__body { display: none !important; } .repair .issue { font-family: 'Arial', sans-serif; /* Выберите шрифт, который вам нравится */ line-height: 1.6; /* Отступ между строками */ margin-bottom: 20px; /* Отступ снизу */ } .repair .issue h1, .repair .issue h2 { font-weight: bold; /* Жирный шрифт */ font-size: 20px; /* Размер шрифта */ color: black; /* Черный цвет */ margin-bottom: 10px; } .repair .issue p, .repair .issue ul, .repair .issue li { font-size: 14px; /* Размер шрифта */ font-weight: normal; /* Обычный шрифт */ color: #333; /* Серый цвет */ } .repair .issue ul { list-style-type: disc; padding-left: 20px; } .repair .issue li { margin-bottom: 5px; /* Отступ между пунктами списка */ } .repair .issue p { margin-bottom: 10px; /* Отступ между абзацами */ } .popup-wrapper { width: 100%; max-width: 480px; padding: 1rem; position: relative; background: white; } .number-popup .popup-title { margin-top: 2rem; } .popup-title { text-transform: uppercase; text-align: center; position: relative; margin-bottom: 1rem; } .popup-title:after { content: ""; position: absolute; bottom: -2px; width: 100%; left: 0%; height: 2px; background: var(--color-gold); transition: 1s ease all; filter: brightness(150%); } a[href="/catalog/produktsiya-po-seriyam/"] { color: #7d8dd2; } .popup-text { text-align: center; margin-bottom: 1rem; } .popup-btn{ text-align: center; } .delivery-wrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .delivery-wrapper-box{ flex-basis: 50%; margin-top: 2rem; } .delivery-wrapper-box .delivery-places__price-range{ text-align: center; width: 100%; } .delivery-wrapper .title-3{ font:1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; text-align: center; } .delivery-wrapper .text{ text-align: center; font:1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } .delivery-wrapper .delivery-places__price-item{ flex-basis: 33%; margin-right: 0px; width: auto; padding-left: 1rem; padding-right: 1rem; border-right: 1px solid #505050; } .delivery-wrapper .delivery-places__price-cons{ margin-bottom: 2rem; } .delivery-wrapper .delivery-places__price-range{ position: inherit; bottom: 0px; font:1.4rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } .delivery-wrapper .delivery-places__price-item:nth-child(3){ border-right: none; } .delivery-wrapper .delivery-places__item-text{ padding-left: 2rem; } .delivery-wrapper-box-2 .text{ text-align: left; } .mb1rem{ margin-bottom: 1rem; } .btn-blue{ font: 14px 'OpenSansRegular', Arial, Helvetica, sans-serif; padding: 1rem 2.3rem 1rem 2.3rem; margin-right: 0.25rem; background: #455596; color: white; border-radius: 2rem; margin-bottom: 0.5rem; margin-top: 2rem; display: inline-block; } .df{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .delline{ min-width: 332px; } .delline-text{ padding-left: 1rem; } .mb1rem{ margin-bottom: 1rem; } @media screen and (max-width: 1200px) { .delivery-wrapper{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .delivery-wrapper-box{ flex-basis: 100%; } } @media screen and (max-width: 768px) { .delivery-wrapper .delivery-places__price-table{ margin-top: 0px; } .delivery-wrapper-box{ flex-wrap: wrap; } .delivery-wrapper .delivery-places__price-item{ border-right: none; flex-basis: 100%; } .delivery-wrapper .delivery-places__item-text{ padding-left: 0px; } .delivery-wrapper .delivery-places__price-item{ margin-bottom: 2rem; } .delivery-wrapper .delivery-places__price-range{ font:1.6rem 'OpenSansRegular', Arial, Helvetica, sans-serif; } } .articles__item-list a, .post__gallery-item.slick-slide{ background-size: contain; } #dvk-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 1000; max-width: 400px; width: 100%; text-align: center; } .popup-content { color: #465596; } .popup-content p { font-size: 1.5em; /* Увеличенный размер шрифта */ margin-bottom: 20px; /* Дополнительный отступ снизу */ } #close-popup { background-color: #cd4c4c; color: #ffffff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; margin-top: 15px; } #close-popup:hover { background-color: #b34040; } .popup-content img { max-width: 100%; height: auto; display: block; margin: 0 auto; } .btn-go { display: inline-flex; justify-content: center; align-items: center; text-align: center; padding: 10px 50px 10px 20px; } @media (max-width: 767px) { .banner-main__prepared { right: auto; /* Удаляем right: 50% */ left: 10%; /* Добавляем left: 10% */ transform: translateY(-50%) translateX(0%); /* Adjust translateX for desired shift */ } } /* --- FIX ДЛЯ ГАЛЕРЕИ --- */ /* ========================================= FIX ГАЛЕРЕИ (FINAL CUT) ========================================= */ .newsBigImage { display: none; } /* КОНТЕЙНЕР */ .newsBigImage[style*="display"], .newsBigImage[style*="block"] { display: block !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0.95) !important; z-index: 2147483647 !important; margin: 0 !important; padding: 0 !important; } /* КАРТИНКА */ .newsBigImage img { /* Самое важное: сброс размеров */ width: auto !important; height: auto !important; max-width: 90vw !important; max-height: 90vh !important; /* Абсолютное центрирование */ position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; /* Убираем рамки и отступы */ border: none !important; margin: 0 !important; padding: 0 !important; float: none !important; box-shadow: 0 0 30px #000; } /* КРЕСТИК (СТИЛИ ДЛЯ JS-ЭЛЕМЕНТА) */ .js-custom-close { position: fixed; top: 30px; right: 40px; width: 50px; height: 50px; line-height: 50px; text-align: center; background: rgba(255, 255, 255, 0.1); border-radius: 50%; color: #fff; font-size: 40px; cursor: pointer; z-index: 2147483648; font-family: Arial, sans-serif; transition: 0.3s; } .js-custom-close:hover { background: rgba(255, 255, 255, 0.3); } .mfp-s-error { display: none !important; } .main { overflow: visible !important; height: auto !important; } form#ORDER_FORM { display: inline-block !important; width: 100% !important; padding-bottom: 120px !important; } @media (min-width: 992px) { .order_right_col { width: 40% !important; padding-left: 5% !important; } } /* End */ /* /local/templates/dvk/css/libs.min.css?164322337537285 */ /* /local/templates/dvk/css/style.css?1785316367352188 */ /* /local/templates/dvk/css/custom_style.css?178532632716321 */ /* /local/templates/dvk/assets/fancy/jquery.fancybox.min.css?164322337512795 */ /* /local/templates/.default/components/bitrix/system.auth.form/popup/style.css?1643223205443 */ /* /local/templates/dvk/template_styles.css?17853149528199 */