/* Start:/local/templates/delement_revolux_new/frontend/libs/normalize/normalize.css?17339925722159*/ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress,sub,sup{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,hr,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/Feature-Carousel/css/feature-carousel.css?17339925721158*/ #carousel-feature,.carousel-container{position:relative;width:960px}#carousel-feature{height:280px;margin-bottom:.5em;background-color:#ccc;font-family:Arial;font-size:12px}.carousel-image{display:block;border:0}.carousel-feature{position:absolute;top:-1000px;left:-1000px;cursor:pointer;border:2px solid #5d5d5d}.carousel-feature .carousel-caption{position:absolute;bottom:0;width:100%;background-color:#000}.carousel-feature .carousel-caption p{margin:0;padding:5px;color:#fff;font-size:12px;font-weight:700}.tracker-summation-container{position:absolute;top:230px;right:48px;margin:3px;padding:3px;color:#fff;background-color:#000}.tracker-individual-container{position:absolute;top:210px;right:48px;margin:0;padding:0;color:#fff}.tracker-individual-container li{list-style:none}.tracker-individual-container .tracker-individual-blip{margin:0 3px;padding:0 3px;text-align:center;color:#fff;background-color:#ddd}.tracker-individual-container .tracker-individual-blip-selected{color:#fff;background-color:#000;font-weight:700}#carousel-left,#carousel-right{position:absolute;bottom:33px;cursor:pointer}#carousel-left{left:220px}#carousel-right{right:220px} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/animate-css/animate.css?173399257217065*/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ @keyframes bounce{0%,20%,53%,80%,to{transform:translate3d(0,0,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}90%{transform:translate3d(0,-4px,0)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes pulse{0%,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}@keyframes rubberBand{0%,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}@keyframes shake{0%,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes headShake{0%,50%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}@keyframes tada{0%,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes wobble{0%,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:scale3d(.3,.3,.3);opacity:0}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{transform:scale3d(1.03,1.03,1.03);opacity:1}80%{transform:scale3d(.97,.97,.97)}to{transform:scale3d(1,1,1);opacity:1}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,-3000px,0);opacity:0}60%{transform:translate3d(0,25px,0);opacity:1}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(-3000px,0,0);opacity:0}60%{transform:translate3d(25px,0,0);opacity:1}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(3000px,0,0);opacity:0}60%{transform:translate3d(-25px,0,0);opacity:1}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,3000px,0);opacity:0}60%{transform:translate3d(0,-20px,0);opacity:1}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{transform:scale3d(1.1,1.1,1.1);opacity:1}to{transform:scale3d(.3,.3,.3);opacity:0}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{transform:translate3d(0,-20px,0);opacity:1}to{transform:translate3d(0,2000px,0);opacity:0}}@keyframes bounceOutLeft{20%{transform:translate3d(20px,0,0);opacity:1}to{transform:translate3d(-2000px,0,0);opacity:0}}@keyframes bounceOutRight{20%{transform:translate3d(-20px,0,0);opacity:1}to{transform:translate3d(2000px,0,0);opacity:0}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{transform:translate3d(0,20px,0);opacity:1}to{transform:translate3d(0,-2000px,0);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{transform:translate3d(0,-100%,0);opacity:0}to{transform:none;opacity:1}}@keyframes fadeInDownBig{0%{transform:translate3d(0,-2000px,0);opacity:0}to{transform:none;opacity:1}}@keyframes fadeInLeft{0%{transform:translate3d(-100%,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes fadeInLeftBig{0%{transform:translate3d(-2000px,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes fadeInRight{0%{transform:translate3d(100%,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes fadeInRightBig{0%{transform:translate3d(2000px,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes fadeInUp{0%{transform:translate3d(0,100%,0);opacity:0}to{transform:none;opacity:1}}@keyframes fadeInUpBig{0%{transform:translate3d(0,2000px,0);opacity:0}to{transform:none;opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutDown{0%{opacity:1}to{transform:translate3d(0,100%,0);opacity:0}}@keyframes fadeOutDownBig{0%{opacity:1}to{transform:translate3d(0,2000px,0);opacity:0}}@keyframes fadeOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0);opacity:0}}@keyframes fadeOutLeftBig{0%{opacity:1}to{transform:translate3d(-2000px,0,0);opacity:0}}@keyframes fadeOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0);opacity:0}}@keyframes fadeOutRightBig{0%{opacity:1}to{transform:translate3d(2000px,0,0);opacity:0}}@keyframes fadeOutUp{0%{opacity:1}to{transform:translate3d(0,-100%,0);opacity:0}}@keyframes fadeOutUpBig{0%{opacity:1}to{transform:translate3d(0,-2000px,0);opacity:0}}@keyframes flip{0%{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}@keyframes flipInX{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes rotateIn{0%{transform:rotate3d(0,0,1,-200deg);transform-origin:center;opacity:0}to{transform:none;transform-origin:center;opacity:1}}@keyframes rotateInDownLeft{0%{transform:rotate3d(0,0,1,-45deg);transform-origin:left bottom;opacity:0}to{transform:none;transform-origin:left bottom;opacity:1}}@keyframes rotateInDownRight{0%{transform:rotate3d(0,0,1,45deg);transform-origin:right bottom;opacity:0}to{transform:none;transform-origin:right bottom;opacity:1}}@keyframes rotateInUpLeft{0%{transform:rotate3d(0,0,1,45deg);transform-origin:left bottom;opacity:0}to{transform:none;transform-origin:left bottom;opacity:1}}@keyframes rotateInUpRight{0%{transform:rotate3d(0,0,1,-90deg);transform-origin:right bottom;opacity:0}to{transform:none;transform-origin:right bottom;opacity:1}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform:rotate3d(0,0,1,200deg);transform-origin:center;opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform:rotate3d(0,0,1,45deg);transform-origin:left bottom;opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform:rotate3d(0,0,1,-45deg);transform-origin:right bottom;opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform:rotate3d(0,0,1,-45deg);transform-origin:left bottom;opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform:rotate3d(0,0,1,90deg);transform-origin:right bottom;opacity:0}}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}@keyframes jackInTheBox{0%{transform:scale(.1) rotate(30deg);transform-origin:center bottom;opacity:0}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{transform:scale(1);opacity:1}}@keyframes rollIn{0%{transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);opacity:0}to{transform:none;opacity:1}}@keyframes rollOut{0%{opacity:1}to{transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);opacity:0}}@keyframes zoomIn{0%{transform:scale3d(.3,.3,.3);opacity:0}50%{opacity:1}}@keyframes zoomInDown{0%{transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}@keyframes zoomInLeft{0%{transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}@keyframes zoomInRight{0%{transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}@keyframes zoomInUp{0%{transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}@keyframes zoomOut{0%{opacity:1}50%{transform:scale3d(.3,.3,.3);opacity:0}to{opacity:0}}@keyframes zoomOutDown{40%{transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1}to{transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0}}@keyframes zoomOutLeft{40%{transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1}to{transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center;opacity:0}}@keyframes zoomOutRight{40%{transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1}to{transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center;opacity:0}}@keyframes zoomOutUp{40%{transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1}to{transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0}}@keyframes slideInDown{0%{visibility:visible;transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{visibility:visible;transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{visibility:visible;transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{visibility:visible;transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes slideOutDown{0%{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutLeft{0%{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideOutRight{0%{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes slideOutUp{0%{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}.bounce{transform-origin:center bottom;animation-name:bounce}.flash{animation-name:flash}.pulse{animation-name:pulse}.rubberBand{animation-name:rubberBand}.shake{animation-name:shake}.headShake{animation-name:headShake;animation-timing-function:ease-in-out}.swing{transform-origin:top center;animation-name:swing}.tada{animation-name:tada}.wobble{animation-name:wobble}.jello{transform-origin:center;animation-name:jello}.bounceIn{animation-name:bounceIn}.bounceInDown{animation-name:bounceInDown}.bounceInLeft{animation-name:bounceInLeft}.bounceInRight{animation-name:bounceInRight}.bounceInUp{animation-name:bounceInUp}.bounceOut{animation-name:bounceOut}.bounceOutDown{animation-name:bounceOutDown}.bounceOutLeft{animation-name:bounceOutLeft}.bounceOutRight{animation-name:bounceOutRight}.bounceOutUp{animation-name:bounceOutUp}.fadeIn{animation-name:fadeIn}.fadeInDown{animation-name:fadeInDown}.fadeInDownBig{animation-name:fadeInDownBig}.fadeInLeft{animation-name:fadeInLeft}.fadeInLeftBig{animation-name:fadeInLeftBig}.fadeInRight{animation-name:fadeInRight}.fadeInRightBig{animation-name:fadeInRightBig}.fadeInUp{animation-name:fadeInUp}.fadeInUpBig{animation-name:fadeInUpBig}.fadeOut{animation-name:fadeOut}.fadeOutDown{animation-name:fadeOutDown}.fadeOutDownBig{animation-name:fadeOutDownBig}.fadeOutLeft{animation-name:fadeOutLeft}.fadeOutLeftBig{animation-name:fadeOutLeftBig}.fadeOutRight{animation-name:fadeOutRight}.fadeOutRightBig{animation-name:fadeOutRightBig}.fadeOutUp{animation-name:fadeOutUp}.fadeOutUpBig{animation-name:fadeOutUpBig}.animated.flip{animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}.flipInX,.flipInY,.flipOutX,.flipOutY{animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.flipInY,.flipOutX,.flipOutY{animation-name:flipInY}.flipOutX,.flipOutY{animation-name:flipOutX}.flipOutY{animation-name:flipOutY}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}.rotateIn{animation-name:rotateIn}.rotateInDownLeft{animation-name:rotateInDownLeft}.rotateInDownRight{animation-name:rotateInDownRight}.rotateInUpLeft{animation-name:rotateInUpLeft}.rotateInUpRight{animation-name:rotateInUpRight}.rotateOut{animation-name:rotateOut}.rotateOutDownLeft{animation-name:rotateOutDownLeft}.rotateOutDownRight{animation-name:rotateOutDownRight}.rotateOutUpLeft{animation-name:rotateOutUpLeft}.rotateOutUpRight{animation-name:rotateOutUpRight}.hinge{animation-name:hinge}.jackInTheBox{animation-name:jackInTheBox}.rollIn{animation-name:rollIn}.rollOut{animation-name:rollOut}.zoomIn{animation-name:zoomIn}.zoomInDown{animation-name:zoomInDown}.zoomInLeft{animation-name:zoomInLeft}.zoomInRight{animation-name:zoomInRight}.zoomInUp{animation-name:zoomInUp}.zoomOut{animation-name:zoomOut}.zoomOutDown{animation-name:zoomOutDown}.zoomOutLeft{animation-name:zoomOutLeft}.zoomOutRight{animation-name:zoomOutRight}.zoomOutUp{animation-name:zoomOutUp}.slideInDown{animation-name:slideInDown}.slideInLeft{animation-name:slideInLeft}.slideInRight{animation-name:slideInRight}.slideInUp{animation-name:slideInUp}.slideOutDown{animation-name:slideOutDown}.slideOutLeft{animation-name:slideOutLeft}.slideOutRight{animation-name:slideOutRight}.slideOutUp{animation-name:slideOutUp} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/jcf/css/theme-minimal/jcf.css?17339925729328*/ .jcf-radio{border-radius:9px}.jcf-radio span{display:none;position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:#777;border-radius:100%}.jcf-radio input[type=radio]{position:absolute;height:100%;width:100%;border:0;margin:0;left:0;top:0}.jcf-radio.jcf-checked span{display:block}.jcf-checkbox,.jcf-radio{vertical-align:middle;display:inline-block;position:relative;overflow:hidden;cursor:default;background:#fff;border:1px solid #777;margin:0 3px 0 0;height:16px;width:16px}.jcf-checkbox span{position:absolute;display:none;height:4px;width:8px;top:50%;left:50%;margin:-7px 0 0 -6px;border:3px solid #777;border-width:0 0 3px 3px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"}:root .jcf-checkbox span{margin:-4px 0 0 -5px}.jcf-checkbox input[type=checkbox]{position:absolute;width:100%;height:100%;border:0;margin:0;left:0;top:0}.jcf-checkbox.jcf-checked span{display:block}.jcf-button,.jcf-file{display:inline-block;position:relative;overflow:hidden;background:#fff}.jcf-button{vertical-align:top;border:1px solid #777;margin:0 10px 10px 0;padding:5px 10px}.jcf-button .jcf-real-element{position:absolute;min-height:100%;min-width:100%;outline:0;opacity:0;padding:0;margin:0;border:0;bottom:0;right:0;left:0;top:0}.jcf-file{white-space:nowrap}.jcf-file .jcf-real-element{position:absolute;font-size:200px;height:200px;margin:0;right:0;top:0}.jcf-file .jcf-fake-input,.jcf-file .jcf-upload-button{display:inline-block;vertical-align:top;white-space:nowrap;overflow:hidden;border:1px solid #777;line-height:28px;height:28px}.jcf-file .jcf-fake-input{text-overflow:ellipsis;font-size:13px;width:125px;padding:0 8px}.jcf-file .jcf-upload-button{margin:0 0 0 -1px;padding:0 10px}.jcf-scrollable-wrapper{box-sizing:content-box;position:relative}.jcf-scrollbar-vertical{position:absolute;cursor:default;background:#e3e3e3;width:14px;bottom:0;right:0;top:0}.jcf-scrollbar-vertical .jcf-scrollbar-dec,.jcf-scrollbar-vertical .jcf-scrollbar-inc{background:#bbb;height:14px;width:14px;left:0;top:0}.jcf-scrollbar-vertical .jcf-scrollbar-inc{top:auto;bottom:0}.jcf-scrollbar-vertical .jcf-scrollbar-handle{background:#888;height:1px;width:14px}.jcf-scrollbar-horizontal{position:absolute;background:#e3e3e3;right:auto;top:auto;left:0;bottom:0;width:1px;height:14px}.jcf-scrollbar-horizontal .jcf-scrollbar-dec,.jcf-scrollbar-horizontal .jcf-scrollbar-inc{display:inline-block;vertical-align:top;overflow:hidden;background:#bbb;height:14px;width:14px}.jcf-scrollbar-horizontal .jcf-scrollbar-inc{left:auto;right:0}.jcf-scrollbar-horizontal .jcf-scrollbar-slider,.jcf-select{display:inline-block;position:relative;height:14px}.jcf-scrollbar-horizontal .jcf-scrollbar-handle{position:absolute;background:#888;height:14px}.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle{visibility:hidden}.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc{background:#e3e3e3}.jcf-select{vertical-align:top;border:1px solid #777;background:#fff;margin:0 0 12px;min-width:150px;height:26px}.jcf-select select{z-index:1;left:0;top:0}.jcf-select .jcf-select-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default;display:block;font-size:13px;line-height:26px;margin:0 35px 0 8px}.jcf-select .jcf-select-opener{position:absolute;text-align:center;background:#aaa;width:26px;bottom:0;right:0;top:0}body>.jcf-select-drop{position:absolute;margin:-1px 0 0;z-index:9999}body>.jcf-select-drop.jcf-drop-flipped{margin:1px 0 0}.jcf-select .jcf-select-drop{position:absolute;margin-top:0;z-index:9999;top:100%;left:-1px;right:-1px}.jcf-select .jcf-drop-flipped{bottom:100%;top:auto}.jcf-select.jcf-compact-multiple{max-width:220px}.jcf-select.jcf-compact-multiple .jcf-select-opener:before{display:inline-block;padding-top:2px;content:'...'}.jcf-select-drop .jcf-select-drop-content{border:1px solid red}.jcf-select-drop.jcf-compact-multiple .jcf-hover{background:0 0}.jcf-select-drop.jcf-compact-multiple .jcf-selected{background:#e6e6e6;color:#000}.jcf-select-drop.jcf-compact-multiple .jcf-selected:before{display:inline-block;content:'';height:4px;width:8px;margin:-7px 5px 0 -3px;border:3px solid #777;border-width:0 0 3px 3px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"}.jcf-list-box{overflow:hidden;display:inline-block;border:1px solid #b8c3c9;min-width:200px;margin:0 15px}.jcf-list{vertical-align:top;background:#fff;line-height:14px;font-size:12px;width:100%}.jcf-list .jcf-list-content{vertical-align:top;display:inline-block;overflow:auto;width:100%}.jcf-list ul{list-style:none;padding:0;margin:0}.jcf-list ul li{overflow:hidden;display:block}.jcf-list .jcf-overflow{overflow:auto}.jcf-list .jcf-option{white-space:nowrap;overflow:hidden;cursor:default;display:block;padding:5px 9px;color:#656565;min-height:14px;height:1%}.jcf-list .jcf-disabled{background:#fff!important;color:#aaa!important}.jcf-list-box .jcf-selected,.jcf-select-drop .jcf-hover{background:#e6e6e6;color:#000}.jcf-list .jcf-optgroup-caption{white-space:nowrap;font-weight:700;display:block;padding:5px 9px;cursor:default;color:#000}.jcf-list .jcf-optgroup .jcf-option{padding-left:30px}.jcf-list,.jcf-number,.jcf-textarea{display:inline-block;position:relative}.jcf-textarea{border:1px solid #b8c3c9;box-sizing:content-box}.jcf-textarea .jcf-scrollbar-horizontal{display:none;height:0}.jcf-textarea textarea{padding:8px 10px;border:0;margin:0}.jcf-textarea .jcf-resize{position:absolute;text-align:center;cursor:se-resize;background:#e3e3e3;font-weight:700;line-height:15px;text-indent:1px;font-size:12px;height:15px;width:14px;bottom:0;right:0}.jcf-textarea .jcf-resize:before{border:1px solid #000;border-width:0 1px 1px 0;display:block;margin:4px 0 0 3px;width:6px;height:6px;content:''}.jcf-number{height:32px}.jcf-number input{-moz-appearance:textfield;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #777;padding:3px 27px 3px 7px;margin:0;height:100%}.jcf-number input::-webkit-inner-spin-button,.jcf-number input::-webkit-outer-spin-button{-webkit-appearance:none}.jcf-number .jcf-btn-dec,.jcf-number .jcf-btn-inc{position:absolute;background:#aaa;width:20px;height:15px;right:1px}.jcf-number .jcf-btn-inc{top:1px}.jcf-number .jcf-btn-dec{top:auto;bottom:1px}.jcf-number .jcf-btn-dec:hover,.jcf-number .jcf-btn-inc:hover{background:#e6e6e6}.jcf-number.jcf-disabled .jcf-btn-dec:hover,.jcf-number.jcf-disabled .jcf-btn-inc:hover{background:#aaa}.jcf-number .jcf-btn-dec:before,.jcf-number .jcf-btn-inc:before{position:absolute;content:'';width:0;height:0;top:50%;left:50%;border:4px solid #aaa}.jcf-number .jcf-btn-inc:before{margin:-6px 0 0 -4px;border-color:transparent transparent #000}.jcf-number .jcf-btn-dec:before{margin:-1px 0 0 -4px;border-color:#000 transparent transparent}.jcf-number .jcf-btn-dec.jcf-disabled:before,.jcf-number .jcf-btn-inc.jcf-disabled:before,.jcf-number.jcf-disabled .jcf-btn-dec:before,.jcf-number.jcf-disabled .jcf-btn-inc:before{opacity:.3}.jcf-number.jcf-disabled input{background:#ddd}.jcf-range{display:inline-block;min-width:200px;margin:0 10px;width:130px}.jcf-range .jcf-range-track{margin:0 20px 0 0;position:relative;display:block;height:10px}.jcf-range .jcf-range-wrapper{position:relative;background:#e5e5e5;border-radius:5px;display:block;margin:5px 0}.jcf-range.jcf-vertical{min-width:0;width:auto}.jcf-range.jcf-vertical .jcf-range-wrapper{margin:0;width:10px;height:auto;padding:20px 0 0}.jcf-range.jcf-vertical .jcf-range-track{height:180px;width:10px}.jcf-range.jcf-vertical .jcf-range-handle{left:-5px;top:auto}.jcf-range .jcf-range-display-wrapper{position:absolute;min-height:10px;min-width:10px;left:10px;right:10px}.jcf-range .jcf-range-display{border-radius:5px;position:absolute;background:#888;width:10px;height:10px}.jcf-range .jcf-range-display.jcf-range-min{margin:0 0 0 -10px;padding:0 0 0 10px}.jcf-range .jcf-range-display.jcf-range-max{margin:0 -10px 0 0;padding:0 10px 0 0}.jcf-range.jcf-vertical .jcf-range-display-wrapper{left:auto;right:auto;top:10px;bottom:10px}.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min{margin:0 0 -10px;padding:0 0 10px}.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max{margin:-10px 0 0;padding:10px 0 0}.jcf-range .jcf-range-handle{position:absolute;background:#aaa;border-radius:19px;width:19px;height:19px;margin:-4px 0 0;z-index:1;top:0;left:0}.jcf-range .jcf-range-mark{position:absolute;overflow:hidden;background:#000;width:1px;height:3px;top:-7px;margin:0 0 0 9px}.jcf-range.jcf-vertical .jcf-range-mark{margin:0 0 9px;left:14px;top:auto;width:3px;height:1px}.jcf-range .jcf-active-handle{z-index:2}.jcf-range.jcf-focus .jcf-active-handle{border:1px solid red;margin:-5px 0 0 -1px}.jcf-range.jcf-disabled{background:0 0!important;opacity:.3}.jcf-disabled{background:#ddd!important}.jcf-focus,.jcf-focus *{border-color:red!important} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/OwlCarousel2/dist/assets/owl.carousel.min.css?17339925722871*/ @keyframes fadeOut{0%{opacity:1}to{opacity:0}}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/delement_revolux_new/frontend/libs/OwlCarousel2/dist/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/OwlCarousel2/dist/assets/owl.theme.default.min.css?1733992572846*/ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/arcticmodal/jquery.arcticmodal-0.3.css?1733992572567*/ .arcticmodal-container,.arcticmodal-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000}.arcticmodal-container{overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse}:first-child+html .arcticmodal-container{height:100%}.arcticmodal-container_i{height:100%;margin:0 auto}.arcticmodal-container_i2{padding:24px;margin:0;border:0;vertical-align:middle}.arcticmodal-error{padding:20px;border-radius:10px;background:#000;color:#fff}.arcticmodal-loading{width:80px;height:80px;border-radius:10px;background:#000 url(/local/templates/delement_revolux_new/frontend/libs/arcticmodal/loading.gif) no-repeat 50% 50%} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/mediaelement/mediaelementplayer.min.css?173399257211694*/ @-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container,.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(/local/templates/delement_revolux_new/frontend/libs/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-button,.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:url(/local/templates/delement_revolux_new/frontend/libs/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button{font-size:10px;height:40px;width:32px}.mejs__button,.mejs__time{line-height:10px;margin:0}.mejs__time-rail{font-size:10px;line-height:10px;width:32px}.mejs__button>button{background:url(/local/templates/delement_revolux_new/frontend/libs/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:1px dotted #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-buffering,.mejs__time-current{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-float{border-radius:2px;cursor:pointer}.mejs__time-float-corner{cursor:pointer}.mejs__time-float-current{border-radius:2px;cursor:pointer;height:10px;position:absolute}.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 0,transparent 50%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 0,transparent 50%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 75%,transparent 0,transparent);background-size:15px 15px}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid hsla(0,0,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current,.mejs__volume-handle{background:rgba(255,255,255,.9);position:absolute}.mejs__volume-current{margin:0;left:0;width:100%}.mejs__volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs__horizontal-volume-current,.mejs__horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);height:100%;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 15px;width:100%} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/fancybox/source/jquery.fancybox.css?17339925723893*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/local/templates/delement_revolux_new/frontend/libs/fancybox/source/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(/local/templates/delement_revolux_new/frontend/libs/fancybox/source/fancybox_loading.gif) center center no-repeat}.fancybox-close,.fancybox-nav{position:absolute;cursor:pointer;z-index:8040}.fancybox-close{right:-18px;top:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(/local/templates/delement_revolux_new/frontend/libs/fancybox/source/blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:visible!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/local/templates/delement_revolux_new/frontend/libs/fancybox/source/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#fff;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/local/templates/delement_revolux_new/frontend/libs/fancybox/source/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/local/templates/delement_revolux_new/frontend/libs/fancybox/source/fancybox_loading@2x.gif);background-size:24px 24px}} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/slick/slick.css?17339925721307*/ .slick-list,.slick-slider{position:relative;display:block}.slick-slider{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{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-initialized .slick-slide,.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.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/delement_revolux_new/frontend/libs/slick/slick-theme.css?17339925722333*/ @charset 'UTF-8';.slick-loading .slick-list{background:#fff url(/local/templates/delement_revolux_new/frontend/libs/slick/./ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(/local/templates/delement_revolux_new/frontend/libs/slick/./fonts/slick.eot);src:url(/local/templates/delement_revolux_new/frontend/libs/slick/./fonts/slick.eot?#iefix) format('embedded-opentype'),url(/local/templates/delement_revolux_new/frontend/libs/slick/./fonts/slick.woff) format('woff'),url(/local/templates/delement_revolux_new/frontend/libs/slick/./fonts/slick.ttf) format('truetype'),url(/local/templates/delement_revolux_new/frontend/libs/slick/./fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/fullPage/dist/jquery.fullpage.min.css?17339925723622*/ /*! * fullPage 2.9.6 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - 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{position:relative}.fp-scrollable,.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav,.fp-slidesNav{opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav{margin-top:-32px;top:50%;position:fixed;z-index:100}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.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.right{right:20px}#fp-nav ul li .fp-tooltip.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} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/libs/swiper/swiper-bundle.min.css?173399257217757*/ @keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper,.swiper-wrapper{position:relative;z-index:1}.swiper{margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{width:100%;height:100%;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar,.swiper-scrollbar-drag{position:relative;border-radius:var(--swiper-scrollbar-border-radius,10px)}.swiper-scrollbar{-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cards,.swiper-cube,.swiper-flip{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-flip .swiper-slide{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip .swiper-slide{pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cards .swiper-slide,.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.swiper-creative .swiper-slide{transition-property:transform,opacity,height}.swiper-cards .swiper-slide{transform-origin:center bottom} /* End */ /* Start:/local/templates/delement_revolux_new/frontend/css/main.css?1773663938196237*/ @charset "UTF-8"; @-webkit-keyframes move { 0%, to { opacity: 0 } 50% { opacity: 1 } } @keyframes move { 0%, to { opacity: 0 } 50% { opacity: 1 } } @-webkit-keyframes move-prev { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes move-prev { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes move-next { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } } @keyframes move-next { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } } @-webkit-keyframes showBlock { 0% { opacity: 0 } to { opacity: 1 } } @keyframes showBlock { 0% { opacity: 0 } to { opacity: 1 } } @font-face { font-family: "Roboto Condensed"; font-weight: 400; font-style: normal; src: url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot); src: url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot?#iefix) format("embedded-opentype"), url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedRegular/RobotoCondensedRegular.woff) format("woff"), url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedRegular/RobotoCondensedRegular.ttf) format("truetype") } @font-face { font-family: "Roboto Condensed"; font-weight: 300; font-style: normal; src: url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedLight/RobotoCondensedLight.eot); src: url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedLight/RobotoCondensedLight.eot?#iefix) format("embedded-opentype"), url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedLight/RobotoCondensedLight.woff) format("woff"), url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedLight/RobotoCondensedLight.ttf) format("truetype") } @font-face { font-family: "Roboto Condensed"; font-weight: 700; font-style: normal; src: url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedBold/RobotoCondensedBold.eot); src: url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedBold/RobotoCondensedBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedBold/RobotoCondensedBold.woff) format("woff"), url(/local/templates/delement_revolux_new/frontend/css/../fonts/RobotoCondensedBold/RobotoCondensedBold.ttf) format("truetype") } footer, header { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .wrapper, main { position: relative; z-index: 1; overflow-x: hidden; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } html { width: 100%; min-height: 100vh !important; margin: 0; padding: 0 } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 768px !important; color: #000; background: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 14px; line-height: 1.2; -webkit-font-smoothing: antialiased } * { -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; outline: 0 } :focus { outline: 0 !important } :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } img { max-width: 100% } button { cursor: pointer } p { margin-bottom: 10px } p:last-child { margin-bottom: 0 } ol, ul { list-style-position: inside } a { text-decoration: underline } a:active, a:focus { text-decoration: underline } a:hover { text-decoration: none } .visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 } h1, h3 { margin-top: 0 } h1, h2 { font-weight: 700; font-size: 68px } h2 { font-size: 45px; line-height: 48px } h3 { font-size: 28px } .container { position: relative; max-width: 100% !important } @media (max-width: 1599px),(max-height: 799px) { .container { margin-left: 0 } } .hidden { display: none !important } .op-0 { position: relative; z-index: -9999; opacity: 0 } .jcf-select-drop .jcf-option-hideme { display: none } .preloaders { overflow: hidden } .preloaders:before { position: absolute; z-index: 9988; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; max-width: 100vw; height: 100%; max-height: 100vh; content: ""; background-color: #fff; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/preloaders.gif); background-repeat: no-repeat; background-position: center } @media (max-width: 1599px),(max-height: 799px) { .preloaders:before { position: fixed } } .preloaders:after { position: absolute; z-index: 9999; top: 50%; left: 50%; display: inline-block; content: attr(data-percents); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #dfb377; font-size: 48px; font-weight: 700 } @media (max-width: 1599px),(max-height: 799px) { .preloaders:after { position: fixed } } .animate-stop { -webkit-animation-play-state: paused; animation-play-state: paused } .arrows { 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer } .arrows__item { width: 24px; height: 13px; cursor: pointer; -webkit-animation: move 3s linear infinite; animation: move 3s linear infinite; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/ar1.png); background-position: center } .arrows__item:last-child { -webkit-animation-delay: 1s; animation-delay: 1s } .big-appearanceie { position: relative; display: none; -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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100vh; color: #f7e4cd; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/magnum/bg-big-app.png); background-repeat: no-repeat; background-position: center; background-size: cover } .theme-red .big-appearanceie { background: 0 0; background-color: #2c3131 } .fancybox-opened .big-appearanceie { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .big-appearanceie__logo { position: absolute; top: 70px; left: 75px } .big-appearanceie__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .big-appearanceie__inner-left { width: 880px; height: 880px; margin-right: 32px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/magnum/21403_RN_SM_Magnum.png); background-repeat: no-repeat; background-position: center -70px; -webkit-box-flex: 0; -ms-flex: none; flex: none } .theme-red .big-appearanceie__inner-left { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/revolux/RN_SM_site_packshot_5L_RxD3_10W_40.png) } .big-appearanceie__items.hover .big-appearanceie__item:not(.hover) * { opacity: .6 !important } .big-appearanceie__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; cursor: pointer } .big-appearanceie__item-text { font-size: 18px; } .big-appearanceie__item > * { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .big-appearanceie__item:last-child { margin-bottom: 0 } .big-appearanceie__item-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; margin-right: 8px; color: #f7e4cd; border: 3px solid #f7e4cd; border-radius: 50%; background-color: #2d75e0; -webkit-box-shadow: 0 1px 0 0 #00000040; box-shadow: 0 1px 0 0 #00000040; font-size: 16px; font-weight: 700; line-height: 1; font-family: "Arial", sans-serif; } .theme-red .big-appearanceie__item-number { border-color: #f7e4cd; background-color: #a32132 } .big-appearanceie__zoom { margin-top: 64px } .big-appearanceie__zoom-link, .big-appearanceie__zoom-link-save { display: inline-block; min-height: 24px; padding-left: 32px; text-decoration: none; color: #f7e4cd; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/close-white.png); background-repeat: no-repeat; background-position: left center; font-size: 18px; font-weight: 500; line-height: 24px } .big-appearanceie__zoom-link-save:hover, .big-appearanceie__zoom-link:hover { opacity: .8 } .big-appearanceie__zoom-link-save { margin-left: 32px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/save.svg) } .big-appearanceie__pins { position: relative; width: 100%; height: 100% } .big-appearanceie__pin { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 41px; height: 41px; cursor: pointer; color: #f7e4cd; border: 4px solid #f7e4cd; border-radius: 50%; background-color: #2d75e0; -webkit-box-shadow: 0 1px 0 0 #00000040; box-shadow: 0 1px 0 0 #00000040; font-size: 16px; font-weight: 700; font-family: "Arial", sans-serif; } .theme-red .big-appearanceie__pin { border-color: #f7e4cd; background-color: #a32132 } .big-appearanceie__pin:after { position: absolute; top: 50%; left: 50%; display: block; width: 64px; height: 64px; content: ""; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50% } .big-appearanceie__pin.hover:after { background-color: rgba(247, 228, 205, .32) } .big-appearanceie__pin:nth-child(1) { top: 128px; left: 492px } .big-appearanceie__pin:nth-child(2) { top: 190px; left: 336px } .big-appearanceie__pin:nth-child(3) { top: 174px; left: 564px } .big-appearanceie__pin:nth-child(4) { top: 364px; left: 467px } .big-appearanceie__pin:nth-child(5) { top: 578px; left: 400px } .big-appearanceie__pin:nth-child(6) { top: 600px; left: 530px } .big-appearanceie__pin:nth-child(7) { top: 195px; left: 730px } .big-appearanceie__pin:nth-child(8) { top: 412px; left: 52px } .big-appearanceie__pin:nth-child(9) { top: 385px; left: 570px } .big-appearanceie__pin:nth-child(10) { top: 395px; left: 295px } .big-appearanceie__pin:nth-child(11) { top: 530px; left: 150px } .btn-toggle.open .icon { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } .btn-toggle a, .btn-toggle__button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 13px 40px 11px; background: 0 0; border: 1px solid #deccb5; border-radius: 60px; -webkit-box-shadow: 0 4.06132px 20.30658px 0 rgba(0, 0, 0, .25); box-shadow: 0 4.06132px 20.30658px 0 rgba(0, 0, 0, .25); font-size: 20px; color: #e0cdb7; font-weight: 400; text-decoration: none; text-transform: uppercase; opacity: .79 } .btn-toggle a .icon, .btn-toggle__button .icon { width: 34px; height: 32px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .card-company { position: relative; margin-bottom: 30px } .card-company:last-child { margin-bottom: 0 } .card-company__label { margin-bottom: 5px; color: #000; font-size: 12px } .card-company__label + .card-company__label { margin-bottom: 15px } .card-company__label + .card-company__label + .card-company__label { margin-bottom: 5px } .card-company__cont { margin-bottom: 15px; color: #000; font-size: 14px } .card-company__cont a, .card-company__map-link, .card-company__phone a { text-decoration: none; color: #000 } .card-company__cont a:hover { color: #d69e51 } .card-company__map-link { margin-right: 5px; opacity: .5; font-size: 12px; font-weight: 400 } .card-company__map-link--ya:hover { opacity: 1; color: #d62d20 } .card-company__map-link--g:hover { opacity: 1; color: #0057e7 } .card-company__map-link:hover { text-decoration: underline } .card-company__phone { margin-bottom: 15px } .card-company__phone a { font-size: 18px } .card-product { position: relative; padding: 40px } .card-product__header { margin-bottom: 20px; padding-right: 70px; padding-left: 40%; text-transform: uppercase; color: #000; font-size: 30px; font-weight: 400 } .card-product__main { position: relative; background-color: #fff } .card-product__left, .card-product__main-wrap { display: -webkit-box; display: -ms-flexbox; display: flex } .card-product__main-wrap.hide { display: none } .card-product__left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 35%; max-width: 265px; margin-right: 5% } .card-product__links-prev { margin-bottom: 12px } .card-product__img-wrap { -webkit-box-flex: 0; -ms-flex: none; flex: none } .card-product__img-wrap img, .filter__brand-btn i img { width: 100%; height: auto } .card-product__right { width: 60%; max-width: 460px; padding-right: 70px } .card-product__properties { margin-bottom: 15px; text-transform: uppercase; color: #000; font-size: 24px; font-weight: 700 } .card-product__volume { margin-bottom: 15px; color: #d7ba8a; font-size: 18px; font-weight: 400 } .card-product__desc { overflow: hidden; width: 100%; max-height: 360px } .card-product__desc ul { margin: 0; padding: 0 0 0 20px; list-style: none } .card-product__desc ul li { position: relative; color: #000; font-size: 18px; font-weight: 400 } .card-product__desc ul li:before { position: absolute; top: 10px; left: -20px; width: 6px; height: 6px; content: ""; border-radius: 50%; background-color: #4f6aaf } .card-product__full-desc { z-index: 20; top: 0; left: 0; display: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; text-align: justify; color: #000; background-color: #fff; font-size: 16px; font-weight: 300 } .card-product__full-desc.open { display: block } .card-product__full-desc .gold-text { color: #d69e51; font-weight: 500 } .card-product__full-text { overflow: auto; width: 100%; max-height: 480px; padding-right: 15px } .card-product__link-prev, .card-product__links-prev { color: #d69e51; font-size: 16px; font-weight: 400 } .card-product__links-prev { margin-top: auto } .card-product__link-prev a, .card-product__links-prev a { display: inline-block; padding-left: 15px; text-decoration: none; color: #d69e51; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/ar2.1.png); background-repeat: no-repeat; background-position: left 2px } .card-product__link-prev a:hover, .card-product__links-prev a:hover { color: #b18445 } .card-product__link-prev { margin-top: 16px } .card-product__link-full { margin-top: 32px } .card-product__link-full, .card-product__link-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 150px; height: 40px; margin-right: 50px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; text-decoration: none; text-transform: uppercase; color: #d69e51; border: 1px solid #d69e51; border-radius: 5px; font-size: 14px } .card-product__link-full:last-child, .card-product__link-map:last-child { margin-right: 0 } .card-product__link-full:hover, .card-product__link-map:hover { color: #fff; border-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#d1913c), color-stop(51%, #ffd194), to(#d1913c)); background-image: -o-linear-gradient(left, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-image: linear-gradient(to right, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-position: right center; background-size: 200% auto } .card-product__link-full:active, .card-product__link-full:focus, .card-product__link-map:active, .card-product__link-map:focus { text-decoration: none } .card-test { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 40px } .card-test__img { display: none; width: 35%; margin-right: 64px; padding-top: 50px; -webkit-box-flex: 0; -ms-flex: none; flex: none } .card-test__img img { width: 100% !important; max-width: 100% } .card-test__text { overflow: auto; width: 100%; height: 345px; padding-right: 15px } .card-test__title { margin-bottom: 32px; font-size: 18px; font-weight: 500 } .filter { position: relative; border-radius: 3px } @media (max-width: 1300px) { .filter { width: auto } } .filter > * { outline: 0 } .filter__brands { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1152px) { .filter__brands { display: block; width: 100% } } .filter__brand { margin-bottom: 15px; width: 162px; outline: 0 } @media (max-width: 1151px) { .filter__brand { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: inherit; margin: 0 } } @media (min-width: 1152px) { .filter__brand { display: inline-block; width: calc(100% / 6 - 4px) } } .filter__brand:last-child { margin-bottom: 0 } .filter__brand input { display: none; outline: 0 } .filter__brand input:checked + .filter__brand-btn { outline: 0; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/bg-btn.png); background-position: center; background-size: cover } .filter__brand input:checked + .filter__brand-btn--brown { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/bg-btn3.png) } .filter__brand input:checked + .filter__brand-btn--black { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/bg-btn4.png) } .filter__brand input:checked + .filter__brand-btn span { color: #fff } .filter__brand-btn { 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: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 9px 6px; cursor: pointer; border-radius: 3px; outline: 0; margin: 9px } @media (max-width: 1151px) { .filter__brand-btn { padding: 10px 28px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 1px solid #272b49 } } .filter__brand-btn i { display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; width: 65px } @media (max-width: 1300px) and (max-height: 768px) { .filter__brand-btn i { width: 40px } } .filter__brand-btn span { padding-top: 7px; text-transform: uppercase; text-align: center; color: #000; font-size: 12px } @media (max-width: 1300px) { .filter__brand-btn span { font-size: 12px } } .product-car { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; max-width: 1124px; margin-left: auto; margin-right: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 0 82px; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } @media (max-width: 1151px) { .product-car { padding: 0 0 165px } } .product-car__btn { display: block; position: absolute; bottom: 68px; left: calc(50% - 250px / 2); padding: 14px 88px; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.07%, #5c1716), color-stop(77.78%, #7f262a)); background: -o-linear-gradient(top, #5c1716 14.07%, #7f262a 77.78%); background: linear-gradient(180deg, #5c1716 14.07%, #7f262a 77.78%); border: 0; border-radius: 69px; font-size: 15px; color: #fff; z-index: 55; text-decoration: none } @media (max-width: 1151px) { .product-car__btn { bottom: 60px } } .product-car__item-property a span, .product-car__slider > .owl-dots, .product-car__slider > .owl-nav { display: none } .product-car__slider .owl-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 1151px) { .product-car__slider .owl-dots { position: absolute; bottom: 0; width: 100% } } .product-car__slider .owl-dot { width: 12px; height: 12px; background: #9394a3; margin-right: 10px; border-radius: 50% } .product-car__slider .owl-dot.active { width: 16px; height: 16px; background: #262946 } .product-car__item-properties .owl-next::after, .product-car__item-properties .owl-prev::after { content: "\2794"; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; position: absolute; left: 0; top: 50%; border-radius: 50%; color: #fff; font-size: 24px; padding: 12px; width: 48px; height: 48px; background-color: #262946; z-index: 1 } .product-car__item-properties .owl-next::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); right: 0; left: auto } .product-car__item-properties .owl-next.disabled::after, .product-car__item-properties .owl-prev.disabled::after { content: "\2794"; background-color: #9294a2 } .product-car__item-properties .owl-nav.disabled { display: block !important } .product-car__item-properties .owl-stage, .product-car__item-properties .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .product-car__item-properties .owl-stage { -ms-touch-action: none; touch-action: none } .product-car__item-properties .slick-dots { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .product-car__item-properties .slick-dots li { width: 12px; height: 12px; background-color: #9394a3; border-radius: 50% } .product-car__item-properties .slick-dots li.slick-active { width: 16px; height: 16px; background-color: #661a1a } @media (max-width: 1151px) { .product-car__item-properties .slick-dots { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .product-car__item-properties .slick-next, .product-car__item-properties .slick-prev { right: 8px; width: 48px; height: 48px; z-index: 9999 } .product-car__item-properties .slick-prev { left: 8px } .product-car__item-properties .slick-next:before, .product-car__item-properties .slick-prev:before, .product-car__item-property a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .product-car__item-properties .slick-next:before, .product-car__item-properties .slick-prev:before { display: -webkit-box; display: -ms-flexbox; display: flex; width: 48px; height: 48px; background-color: #661a1a; border-radius: 50% } .product-car__item-property { text-align: center } .product-car__item-property a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: default } .product-car__item-property a, .swiper-button-lock, .swiper-pagination-lock { display: -webkit-box; display: -ms-flexbox; display: flex } .product-car__item-properties-swiper, .product-car__item-properties-swiper .swiper-slide, .product-car__item-property.slick-slide, .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 1151px) { .swiper-pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .swiper-pagination-bullet { width: 12px; height: 12px; background: #671a1b; opacity: .5; margin-right: 10px; border-radius: 50% } .swiper-pagination-bullet-active { width: 16px; height: 16px; opacity: 1 } .swiper-button-next, .swiper-button-next-transport, .swiper-button-prev, .swiper-button-prev-transport { background-color: #671a1b; border-radius: 50%; width: 48px; height: 48px } .swiper-button-next-transport::after, .swiper-button-next::after { color: #fff; content: "→"; font-size: 28px; line-height: 1.5 } .swiper-button-prev-transport::after, .swiper-button-prev::after { color: #fff; content: "←"; font-size: 28px; line-height: 1.5 } .swiper-button-prev-transport, .swiper-pagination-transport { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute } .swiper-pagination-transport { -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 182px !important } .swiper-button-prev-transport { bottom: 168px; right: calc((100% - 994px) / 2); z-index: 65 } @media (max-width: 1151px) { .swiper-button-prev-transport { right: 76px } } .swiper-button-next-transport { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 168px; right: calc((100% - 1110px) / 2); z-index: 65 } @media (max-width: 1151px) { .swiper-button-next-transport { right: 18px } } .swiper-button-disabled { opacity: .5 } div[data-anchor=section3] .fp-tableCell { height: auto !important } .footer { position: fixed; z-index: 10; right: 0; bottom: 0; display: inline-block; width: auto } @media (max-width: 1200px) { .footer { position: absolute; margin-bottom: -150px; left: 40% } } @media only screen and (max-width: 768px) { .footer { position: relative; left: 0; width: 100%; margin-bottom: 0; padding-top: 50px } } .footer__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 75px; padding-bottom: 8vh; padding-left: 0 } @media (max-width: 1599px),(max-height: 799px) { .footer__container { padding-bottom: 4vh } } @media (max-width: 1300px) { .footer__container { padding-right: 30px } } @media only screen and (max-width: 768px) { .footer__container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 0; padding-bottom: 30px; padding-left: 0 } } .footer__center { margin-right: 30px } @media (max-width: 1200px) { .footer__center { margin-bottom: 20px; margin-right: 50px } } @media only screen and (max-width: 768px) { .footer__center { margin-right: 24px; margin-bottom: 0 } } .footer__right { text-align: right } @media (max-width: 1200px) { .footer__right { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .footer__right span { display: none } } .footer__right p { color: #000; font-size: 16px } .footer__right a { text-decoration: none; color: #2585e7; border-bottom: 1px dotted #2585e7; font-size: 16px } .footer__right a:hover { color: #1f72c8; border-color: transparent } .footer__feedback { margin-bottom: 2vh } @media (max-width: 1200px) { .footer__feedback { margin-right: 34px } .footer__feedback span { display: none } } @media only screen and (max-width: 768px) { .footer__feedback { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; margin-bottom: 0 } } .footer__feedback a, .footer__phone a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-transform: uppercase; border: 0 } .footer__feedback a i { width: 24px; height: 24px; margin-right: 10px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/feedback.svg); background-repeat: no-repeat; background-position: center } @media only screen and (max-width: 768px) { .footer__feedback a i { margin-right: 0 } } .footer__feedback a span { color: #dfb377; border-bottom: 1px solid #dfb377 } .footer__feedback a:hover span { color: #b18445; border-color: transparent } .footer__feedback a:hover i { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/feedback-hover.svg) } @media only screen and (max-width: 768px) { .footer__phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; margin-bottom: 0 } } .footer__phone a i { width: 21px; height: 21px; margin-right: 10px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/phone.svg); background-repeat: no-repeat; background-position: center } @media only screen and (max-width: 768px) { .footer__phone a i { margin-right: 0 } } .footer__phone a span { letter-spacing: 1.1px; color: #dfb377; font-weight: 300 } .footer__phone a:hover span { color: #b18445 } .footer__phone a:hover i { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/phone-hover.svg) } .footer__socials { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (max-width: 768px) { .footer__socials { display: -webkit-box; display: -ms-flexbox; display: flex } } .footer__socials a, .modal-map iframe { border: 0 } .footer__socials-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 30px; width: 30px; margin-right: 20px } .footer__socials-item:last-child { margin-right: 0 } .footer__socials-item img, .main-nav__socials-item img { position: absolute; top: 50%; left: 50%; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .full-page__item { overflow: hidden } @media (max-width: 1599px),(max-height: 799px) { .full-page__item, .full-page__item .fp-tableCell { height: auto !important } } .header { position: fixed; z-index: 10; top: 0; right: 0; display: inline-block; width: auto } @media only screen and (max-width: 768px) { .header { display: none } } .header__container { 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; padding: 40px 75px 0 } @media (max-width: 1300px) { .header__container { padding-right: 30px } } .header__links { 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; margin-right: 50px } .header__link { text-decoration: none; text-transform: uppercase; color: #dfb377; font-size: 14px } .header__link:active, .header__link:focus, .header__link:visited { text-decoration: none } .header__link:hover { color: #b18445 } .header__link:hover span { border-color: transparent } .header__link:hover--big-car:before { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/big-car-hover.svg) } .header__link span { vertical-align: middle; border-color: #dfb377; border-bottom: 1px dotted #dfb377 } .header__link--big-car:before { width: 44px; height: 20px; margin-right: 10px; content: ""; vertical-align: middle; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/big-car.svg) } .header__link--big-car:before, .header__link--car:before, .icon { display: inline-block; background-repeat: no-repeat; background-position: center } .header__link--car:before { width: 60px; height: 20px; margin-right: 10px; content: ""; vertical-align: middle; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/car.png) } .icon { background-size: contain; -webkit-box-flex: 0; -ms-flex: none; flex: none } .icon-arr { width: 24px; height: 24px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/icon-arr.svg) } .info-product { position: relative; width: 286px } @media (max-width: 1151px) { .info-product { display: none } } .info-product > * { outline: 0 } .info-product__item { display: none; width: 286px; padding: 14px 22px 18px; background: -o-linear-gradient(264deg, #5d1817 -12.68%, #80272b 103.07%); background: linear-gradient(186deg, #5d1817 -12.68%, #80272b 103.07%); border-radius: 5px; color: #fff; font-weight: 400; font-size: 16px; line-height: 20px } @media (max-width: 1300px) { .info-product__item { width: auto } } @media (max-width: 1151px) { .info-product__item { margin-bottom: 56px } } .info-product__item.active { display: block } .info-product__item::after { content: ""; position: absolute; inset: 0; border-radius: 4px; padding: 1px; background: -webkit-gradient(linear, right bottom, left top, from(#d5c3aa), color-stop(20%), to(transparent)); background: -o-linear-gradient(bottom right, #d5c3aa, 20%, transparent); background: linear-gradient(to top left, #d5c3aa, 20%, transparent); -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude } .info-product__item-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .info-product__item-line { margin-bottom: 24px } .info-product__item-line:last-child { margin-bottom: 0 } .info-product__item-title { font-weight: 400; font-size: 12px; line-height: 20px; color: #bc9c9d } .info-product__item-text.packaging { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 14px } .info-product__item-text.packaging img { margin: 0 4px 0 8px } .info-product__item-text--big { color: #d7c3aa; text-transform: uppercase; font-weight: 400; font-size: 22px; line-height: 30px } .info-product__item-footer { position: relative; padding-top: 14px; z-index: 4 } .info-product__item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #d7c3aa; font-weight: 400; font-size: 12px; line-height: 20px; text-decoration: none } .info-product__item-link-icon { margin-right: 14px; -webkit-box-flex: 0; -ms-flex: none; flex: none } .jcf-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 150px; margin: 0; vertical-align: top; border-radius: 5px; background: #f1f1f1 } .jcf-select .jcf-select-drop .jcf-select-drop-content { padding-top: 20px; border: 0 !important; background-color: #fff } .jcf-select.jcf-drop-active { border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px } .jcf-select.jcf-drop-active .jcf-select-opener, .modal__form .jcf-select.jcf-drop-active .jcf-select-opener { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .jcf-select .jcf-select-text { margin: 0 35px 0 17px } .jcf-select .jcf-select-opener { right: 14px; width: 12px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background: 0 0; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/ar2-select.png); background-repeat: no-repeat; background-position: center } .jcf-select .jcf-select-drop { right: 0; left: 0; overflow: hidden; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } .jcf-select .jcf-select-drop .jcf-option { padding-top: 10px; padding-bottom: 10px; padding-left: 17px; cursor: pointer } .jcf-select .jcf-scrollbar { right: 0 } .jcf-scrollbar { right: 0; width: 4px; background: 0 0 } .jcf-scrollbar-vertical .jcf-scrollbar-handle { width: 4px; cursor: pointer; border-radius: 2px; background-color: #d69e51 } .jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc { width: 4px; height: 0; background: 0 0 } .jcf-scrollbar-horizontal { display: none !important } .jcf-list .jcf-option { white-space: normal } .link { color: #d69e51; text-decoration: none } .link:hover { color: #b18445 } .main-logo__big { display: none } .main-logo__small { max-width: inherit; width: 150px } @media (max-width: 768px) { .main-logo__small { margin-left: 0 } } .logo-header { margin-right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 1176px) { .logo-header { margin-right: 14px } } body.theme-red .sidebar__bg { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/revolux/bg-sidebar.png) } body.theme-red .sidebar__copyright a { color: #a13429; border-bottom: 1px dotted #a13429 } body.theme-red .sidebar__copyright a:hover { color: #8d2d24 } body.theme-red .brand__advantages-item-number, body.theme-red .products__item-list i { background-color: #900 } body.theme-red .filter__brand input:checked + span { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/bg-btn2.png) } body.more-one .footer, body.more-one .header { display: none } @media only screen and (max-width: 1151px) { body.more-one .footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .main { overflow: auto; max-width: 2200px; margin-left: auto; margin-right: auto; width: 100% } @media (max-width: 1599px),(max-height: 799px) { .main__container { overflow: hidden } } .main__content { position: relative; z-index: 1; top: 0; right: 0; bottom: 0; overflow: hidden; padding-top: 88px } @media (max-width: 1599px),(max-height: 799px) { .main__content { top: auto; right: auto; bottom: auto; overflow: visible; height: auto } } @media only screen and (max-width: 768px) { .main__content { margin-left: 0 } } @media only screen and (max-width: 1151px) { .main__content { padding-top: 80px } } .modal-map { padding-top: 15px } #map-iframe { overflow: hidden; width: 90vw; height: 90vh; padding: 0 } .arcticmodal-container_i2 { padding: 0 } @media only screen and (max-width: 768px) { .arcticmodal-container_i2 { border-spacing: 0 } } .box-modal { position: relative; width: 620px; padding: 35px 30px; background-color: #fff } @media only screen and (max-width: 768px) { .box-modal { width: 100vw } } .box-modal_close { position: absolute; top: 12px; right: 12px; width: 12px; height: 12px; cursor: pointer; background-position: center } .box-modal_close, .box-modal_close:hover { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/close.png) } .error-text { display: none; margin-left: 24px; color: red } .modal__title { margin: 0 0 20px; text-transform: uppercase; color: #000; font-size: 24px; font-weight: 400 } @media only screen and (max-width: 768px) { .modal .modal__form-group { width: 100% } } .modal__form .jcf-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 559px; height: 47px; margin: 0; cursor: pointer; border: 0; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .11); box-shadow: 0 0 10px 1px rgba(0, 0, 0, .11) } @media only screen and (max-width: 768px) { .modal__form .jcf-select { width: 100% } } .modal__form .jcf-select-text { margin: 0 35px 0 25px; cursor: pointer; color: #000; font-size: 18px; font-weight: 300 } .modal__form .jcf-select-opener { right: 14px; width: 12px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background: 0 0; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/ar2-select.png); background-repeat: no-repeat; background-position: center } .modal__form .jcf-select-drop { right: 0; left: 0; padding-top: 10px } .modal__form .jcf-select-drop .jcf-select-drop-content { border: 0 } .modal__form .jcf-select-drop .jcf-list { padding: 7px 0; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .11); box-shadow: 0 0 10px 1px rgba(0, 0, 0, .11) } .modal__form .jcf-select-drop .jcf-option { padding: 7px 25px; cursor: pointer; color: #000; font-size: 18px; font-weight: 300 } .modal__form .jcf-scrollbar-dec, .modal__form .jcf-scrollbar-inc { height: 12px; background: 0 0 } .modal__form .jcf-scrollbar { width: 0; background: 0 0 } .modal__form .jcf-scrollbar.jcf-scrollbar-vertical { right: 8px } .modal__form .jcf-scrollbar .jcf-scrollbar-handle { width: 4px; cursor: pointer; border-radius: 2px; background-color: #d69e51 } .modal__form .jcf-file { max-width: 140px; padding-top: 4px } .modal__form .jcf-file.jcf-focus, .modal__form .jcf-file.jcf-focus * { border-color: #999 !important } .modal__form .jcf-file:hover .jcf-fake-input { border-color: transparent } .modal__form .jcf-fake-input { display: inline; white-space: initial; padding: 0; opacity: .5; color: #999; border: 0; border-bottom: 1px dashed #999; font-size: 12px; font-weight: 300; line-height: 1.2 } .modal__form .jcf-upload-button, .modal__input-checkbox input { display: none } .modal__input-file { cursor: pointer } .modal__input-checkbox, .modal__input-checkbox input + span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .modal__input-checkbox.is-error input + span { border-color: red } .modal__input-checkbox input + span { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 20px; margin-right: 10px; opacity: .5; border: 1px solid #e1e1e1; background-color: #fff } .modal__input-checkbox input:checked + span { opacity: 1 } .modal__input-checkbox input:checked + span:after { width: 70%; height: 70%; margin-right: -1px; content: ""; background-color: #d69e51 } .modal__input-checkbox span { cursor: pointer; color: #000; font-size: 12px; font-weight: 300 } .modal__form-group.is-error { border: 1px solid red } .modal__input-send { width: 150px; height: 40px; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; text-transform: uppercase; color: #c96; border: 1px solid #d69e51; border-radius: 5px; background: 0 0; font-size: 14px; font-weight: 400 } .modal__input-send:hover { color: #fff; border-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#d1913c), color-stop(51%, #ffd194), to(#d1913c)); background-image: -o-linear-gradient(left, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-image: linear-gradient(to right, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-position: right center; background-size: 200% auto } .modal__form-inner { display: none } .modal__form-inner .modal__form-line:last-child { margin: 0 } .modal__form-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px } @media only screen and (max-width: 768px) { .modal__form-line--first { display: block } .modal__form-line--first .modal__form-group input { margin: 0 0 12px } .modal__form-line--first .modal__form-group:last-child input { margin: 0 } } .modal__input { width: 260px; height: 40px; padding-right: 24px; padding-left: 24px; opacity: .8; border: 1px solid #e1e1e1; border-radius: 5px } .modal__input.is-error, .modal__textarea.is-error { border-color: red } .modal__input.is-error ~ .error-text, .modal__textarea.is-error ~ .error-text { display: block } .modal__desc p, .modal__input, .modal__textarea { color: #000; font-size: 18px; font-weight: 300 } .modal__textarea { width: 560px; height: 200px; padding: 20px 25px; opacity: .8; border: 1px solid #e1e1e1; border-radius: 5px } @media only screen and (max-width: 768px) { .modal__textarea { width: 100% } } .modal__desc p { text-align: justify } .main-nav.is-active .main-nav__container { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; display: block; 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100vh; background-color: #fff } .main-nav.is-active .main-nav__burger { z-index: 101 } .main-nav__burger-icon, .main-nav__burger-icon::after, .main-nav__burger-icon::before { display: block; width: 20px; height: 2px; background-color: #fff; outline: 1px solid transparent; -webkit-transition-property: background-color, -webkit-transform; -o-transition-property: background-color, -o-transform; -o-transition-property: background-color, transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s } .main-nav__burger-icon { margin-top: 5px; margin-bottom: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative } .main-nav__burger-icon::after, .main-nav__burger-icon::before { position: absolute; content: "" } .main-nav__burger-icon::before { top: -5px } .main-nav__burger-icon::after { top: 5px } .main-nav__burger.is-active .main-nav__burger-icon { background-color: transparent } .main-nav__burger.is-active .main-nav__burger-icon::before { -webkit-transform: translateY(5px) rotate(45deg); -ms-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg) } .main-nav__burger.is-active .main-nav__burger-icon::after { -webkit-transform: translateY(-5px) rotate(-45deg); -ms-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg) } .main-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; list-style: none } @media (max-width: 1151px) { .main-nav__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .main-nav__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 1151px) { .main-nav__socials { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; width: 275px } } .main-nav__socials-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 40px; width: 40px; background: -webkit-gradient(linear, left top, left bottom, color-stop(16.9%, #bea784), color-stop(54.94%, #e1cfb9), color-stop(95.26%, #bea685)); background: -o-linear-gradient(top, #bea784 16.9%, #e1cfb9 54.94%, #bea685 95.26%); background: linear-gradient(180deg, #bea784 16.9%, #e1cfb9 54.94%, #bea685 95.26%); margin-right: 24px; border-radius: 8px } @media (max-width: 1151px) { .main-nav__socials-item { height: 56px; width: 56px } } .main-nav__socials-item:last-child { margin-right: 24px } @media (max-width: 1151px) { .main-nav__socials-item img { width: 32px; height: 32px } } .main-nav__socials-item img:first-child { opacity: 1 } .main-nav__item-icon img:last-child, .main-nav__socials-item img:last-child { opacity: 0 } .main-nav__item.active > a .main-nav__item-icon img:first-child, .main-nav__socials-item:hover img:first-child { opacity: 0 } .main-nav__item.active > a .main-nav__item-icon img:last-child, .main-nav__socials-item:hover img:last-child { opacity: 1 } .main-nav__item { color: #fff; font-size: 18px } .main-nav__item:last-child { margin-bottom: 0 } .main-nav__item.active { color: #d69e51 } .main-nav__item.active > a, .main-nav__item.menu ul li a.active { color: #fff; background: -o-linear-gradient(357deg, #bea784 30.37%, #e1cfb9 54.94%, #bea685 76.49%); background: linear-gradient(93deg, #bea784 30.37%, #e1cfb9 54.94%, #bea685 76.49%); border-radius: 50px } .main-nav__item.menu { display: none; position: absolute; padding: 8px 12px; top: 68px; background: #fff; -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .15); box-shadow: 4px 4px 10px rgba(0, 0, 0, .15); border-radius: 5px } .main-nav__item a:hover + .menu, .main-nav__item.menu:hover { display: block } @media (max-width: 1151px) { .main-nav__item.menu { position: relative; padding: 8px 12px; top: 0; -webkit-box-shadow: none; box-shadow: none } } .brand-new .col-23 .brand-block .info ul, .jcf-list-content ul, .main-nav__item.menu ul, .main-nav__menu ul { list-style: none; padding: 0; margin: 0 } .main-nav__item.menu ul li :before, .main-nav__menu a:before { content: "—"; position: relative; left: -5px; color: #282e3c } .main-nav__item.menu ul li a { display: inline-block; margin: 0 0 32px } @media (max-width: 1151px) { .main-nav__item.menu ul li a { margin-bottom: 10px } } .main-nav__item.menu ul li:last-child a { margin-bottom: 0 } @media (max-width: 1151px) { .main-nav__item.menu ul li:last-child a { padding: 8px 12px; font-size: 18px } } .main-nav__item a { display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-align: center; color: #282e3c; font-size: 18px; font-weight: 400; padding: 8px 14px; text-decoration: none; margin-right: 10px } .main-nav__item a:hover .main-nav__item-icon img:first-child { opacity: 0 } .main-nav__item a:hover .main-nav__item-icon img:last-child, .main-nav__item-icon.tel img:last-child { opacity: 1 } @media (max-width: 1151px) { .main-nav__item.tel { position: relative; 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: end; -ms-flex-align: end; align-items: flex-end } .main-nav__item.tel .menu { position: absolute; top: 68px; width: 230px } } .main-nav__item.tel a { border-radius: 0; background: 0 0; padding: 0 } .main-nav__item-icon { position: relative; display: none; min-width: 30px; height: 30px; margin-bottom: 10px; -webkit-box-flex: 0; -ms-flex: none; flex: none } .main-nav__item-icon img { position: absolute; top: 50%; left: 50%; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .main-nav__item-icon.tel { display: block; width: 40px; min-height: 40px; border-radius: 8px; background: -webkit-gradient(linear, left top, left bottom, color-stop(16.9%, #bea784), color-stop(54.94%, #e1cfb9), color-stop(95.26%, #bea685)); background: -o-linear-gradient(top, #bea784 16.9%, #e1cfb9 54.94%, #bea685 95.26%); background: linear-gradient(180deg, #bea784 16.9%, #e1cfb9 54.94%, #bea685 95.26%); margin: 0 26px 0 0 } @media (max-width: 1151px) { .main-nav__item-icon.tel { width: 56px; height: 56px; margin-right: 0 } } .main-nav__item-icon.tel img { width: 18px; height: 18px; min-width: 18px } @media (max-width: 1151px) { .main-nav__item-icon.tel img { width: 32px; height: 32px } } .main-nav__item-icon.tel:hover img { fill: #fff } .main-nav__menu { display: none; position: absolute; padding: 8px 12px; top: 68px; background: #fff; -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .15); box-shadow: 4px 4px 10px rgba(0, 0, 0, .15); border-radius: 5px } .main-nav__menu:hover, .main-nav__tel .tel:hover + .main-nav__menu { display: block } @media (max-width: 1151px) { .main-nav__menu { position: relative; padding: 8px 12px; top: 0; -webkit-box-shadow: none; box-shadow: none } } .main-nav__menu a { font-size: 18px; font-weight: 400; padding: 8px 14px; text-decoration: none; text-align: center; display: inline-block; color: #fff; background: -o-linear-gradient(357deg, #bea784 30.37%, #e1cfb9 54.94%, #bea685 76.49%); background: linear-gradient(93deg, #bea784 30.37%, #e1cfb9 54.94%, #bea685 76.49%); border-radius: 50px } .main-nav__prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .main-nav__next.slick-disabled, .main-nav__prev.slick-disabled { opacity: 0 } .main-nav__next, .main-nav__prev { display: block; width: 55px; height: 55px; margin: 0 auto; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/arrow-down.svg); background-repeat: no-repeat; background-position: center; background-size: contain; font-size: 0 } .jcf-select { position: relative; display: block; width: 100%; height: 40px; line-height: 40px; padding-left: 8px; padding-right: 8px; border: 1px solid; cursor: pointer } .jcf-select-drop { position: absolute; left: -1px } .jcf-list-content { display: block; position: relative; top: 0; border: 1px solid } .jcf-option { display: block; cursor: pointer; padding-left: 8px; padding-right: 8px } .jcf-option:hover { background: gray } .jcf-option.jcf-option-hideme { display: none } .jcf-scrollbar-vertical { width: 8px; top: 1%; right: 10px; bottom: 0 } .jcf-scrollbar-slider { background-color: #e4e7ea; height: 98% !important; border-radius: 8px; width: 4px } .jcf-scrollbar-handle { background-color: #b0b9c2; width: 10px; max-height: 100%; border-radius: 8px } .p-video { position: relative; width: 80vw; padding: 28px; border-radius: 15px; background-color: #f1f1f1 } .p-video__close { position: absolute; z-index: 9999; top: 8px; right: 8px } .p-video__close a { display: inline-block; width: 18px; height: 18px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/close-filter.png); background-repeat: no-repeat; background-position: center } .p-video__close a:hover, .result__item-close a:hover { opacity: .8 } .panel-lang, .panel-lang__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .panel-lang__item { margin-right: 24px; opacity: .3 } .panel-lang__item:last-child { margin-right: 0 } .panel-lang__item.active, .panel-lang__item:hover, .panel-lang__question:hover { opacity: 1 } .panel-lang__item a, .panel-lang__question a { text-decoration: none; text-transform: uppercase; color: #dfb377 } .panel-lang__question { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 19px; height: 19px; margin-left: 24px; opacity: .5; border: 1px solid #000; border-radius: 50%; font-size: 14px } .panel-lang__question a { color: #000 } .result { position: relative } .result__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; width: 835px !important; max-height: 600px; margin-bottom: -30px; margin-left: -30px } .result__item, .result__item-full.open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .result__item { overflow: hidden; width: calc(50% - 30px); margin-bottom: 30px; margin-left: 30px; padding: 20px; cursor: pointer; border-radius: 6px; background-color: #fff } .result__item-img { max-width: 140px; margin-right: 32px; -webkit-box-flex: 0; -ms-flex: none; flex: none } .result__item-title { margin-bottom: 16px; color: #000; font-size: 24px; font-weight: 500 } .result__item-properties { text-transform: uppercase; color: #000; font-size: 24px; font-weight: 700 } .result__item-full { position: absolute; z-index: 99; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: #fff } .result__link-prev { margin-top: 8px; margin-left: 40px; color: #d69e51; font-size: 16px; font-weight: 400 } .result__item-close a, .result__link-prev a { display: inline-block; background-repeat: no-repeat } .result__link-prev a { padding-left: 15px; text-decoration: none; color: #d69e51; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/ar2.1.png); background-position: left 2px } .result__item-close { position: absolute; z-index: 9999; top: 20px; right: 20px } .result__item-close a { width: 18px; height: 18px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/close-filter.png); background-position: center } .select-animated__item { text-align: center } .select-animated__item-img { position: relative; width: 330px; margin: 0 auto } .select-animated__item-img.big-car.animated-next .circle-big1, .select-animated__item-img.big-car.animated-next .circle-big2, .select-animated__item-img.big-car.animated-next .circle-big3, .select-animated__item-img.small-car.animated-next:after, .select-animated__item-img.small-car.animated-next:before { -webkit-animation: move-next .3s ease-in-out infinite; animation: move-next .3s ease-in-out infinite } .select-animated__item-img.small-car.animated-next-one:after, .select-animated__item-img.small-car.animated-next-one:before { -webkit-animation: move-next .9s linear 1; animation: move-next .9s linear 1 } .select-animated__item-img.big-car.animated-prev .circle-big1, .select-animated__item-img.big-car.animated-prev .circle-big2, .select-animated__item-img.big-car.animated-prev .circle-big3, .select-animated__item-img.small-car.animated-prev:after, .select-animated__item-img.small-car.animated-prev:before { -webkit-animation: move-prev .3s ease-in-out infinite; animation: move-prev .3s ease-in-out infinite } .select-animated__item-img.big-car.animated-stop .circle-big1, .select-animated__item-img.big-car.animated-stop .circle-big2, .select-animated__item-img.big-car.animated-stop .circle-big3, .select-animated__item-img.small-car.animated-stop:after, .select-animated__item-img.small-car.animated-stop:before { -webkit-animation-play-state: paused; animation-play-state: paused } .select-animated__item-img.small-car:after, .select-animated__item-img.small-car:before { position: absolute; top: 99px; left: 46px; display: block; width: 50px; height: 50px; content: ""; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/selection/slider/circle-small1.png); background-position: center; background-size: cover } .select-animated__item-img.small-car:before { left: 226px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/selection/slider/circle-small2.png) } .select-animated__item-img.big-car .circle-big1, .select-animated__item-img.big-car .circle-big2, .select-animated__item-img.big-car .circle-big3 { position: absolute; top: 111px; left: 58px; display: block; width: 40px; height: 40px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/selection/slider/circle-big1.png); background-position: center; background-size: cover } .select-animated__item-img.big-car .circle-big2, .select-animated__item-img.big-car .circle-big3 { top: 110px; left: 191px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/selection/slider/circle-big2.png) } .select-animated__item-img.big-car .circle-big3 { left: 235px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/selection/slider/circle-big3.png) } .select-animated__item-desc { color: #000; font-size: 24px; font-weight: 700 } .select-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 768px) { .select-form { display: block } } .select-form form { width: 100% } .select-form__form-groups { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 70px } @media only screen and (max-width: 768px) { .select-form__form-groups { display: block; margin-bottom: 32px } } .select-form__form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 270px; margin-right: 50px } .select-form__form-group:last-child, .sidebar__mobile .sidebar__socials-item:last-child { margin-right: 0 } @media only screen and (max-width: 768px) { .select-form__form-group { margin-top: 16px; margin-right: 0; width: auto } } .select-form__form-group label { margin-bottom: 13px; color: #000; font-size: 12px } @media only screen and (max-width: 768px) { .select-form__form-group label { margin-bottom: 16px; margin-left: 16px } } .select-form__form-question { padding-bottom: 3px; padding-left: 40px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/accent.png); background-repeat: no-repeat; background-position: left center } .select-form__form-question p { margin-bottom: 0; color: #000; font-size: 14px } .select-form__form-question a { text-decoration: none; color: #dfb377; border-bottom: 1px dotted #dfb377; font-size: 14px } .select-form__form-question a:hover { color: #b18445; border-color: transparent } .select-form__form-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } @media only screen and (max-width: 768px) { .select-form__form-buttons { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } } .select-form__form-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 110px; height: 40px; margin-right: 50px; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; text-decoration: none; text-transform: uppercase; opacity: .8; color: #d69e51; border: 1px solid #d69e51; border-radius: 5px; background: 0 0; background-color: #fff; font-size: 14px } @media only screen and (max-width: 768px) { .select-form__form-btn { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } } .select-form__form-btn:hover, .select-form__form-send { color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(#d1913c), color-stop(51%, #ffd194), to(#d1913c)); background-image: -o-linear-gradient(left, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-image: linear-gradient(to right, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-size: 200% auto } .select-form__form-btn:hover { opacity: 1; border-color: transparent } .select-form__form-send { width: 229px; height: 40px; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; text-transform: uppercase; border: 0; border-radius: 5px; background-color: #fff; font-size: 14px; font-weight: 500 } @media only screen and (max-width: 768px) { .select-form__form-send { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 16px } } .select-form__form-btn:hover, .select-form__form-send:hover { background-position: right center } .select-form__form-send--disabled { cursor: not-allowed; opacity: .4 } .select-form__form-send--disabled:hover { background-position: left } .select-form__form-selection-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 229px; height: 40px; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; text-decoration: none; text-transform: uppercase; color: #fff; border: 0; border-radius: 5px; background-color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(#d1913c), color-stop(51%, #ffd194), to(#d1913c)); background-image: -o-linear-gradient(left, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-image: linear-gradient(to right, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-size: 200% auto; font-size: 14px; font-weight: 500 } .select-form__form-selection-link:hover { background-position: right center } .select-form__form-selection-link:active { text-decoration: none } .select-form__form-selection-link:focus { text-decoration: none } @media only screen and (max-width: 768px) { .select-form__form-selection-link { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 16px } } .select-slider { position: relative } .sidebar { left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-left: auto; margin-right: auto; position: fixed; padding-bottom: 8vh; background: #fff; -ms-flex-direction: row; flex-direction: row; z-index: 9999 !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 8px 0; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .05); box-shadow: 0 4px 10px rgba(0, 0, 0, .05) } .sidebar--revolux { background: -o-linear-gradient(215deg, #b90f0a 0%, #b90f0a 44%, #320f0f 44%, #320f0f 100%); background: linear-gradient(235deg, #b90f0a 0%, #b90f0a 44%, #320f0f 44%, #320f0f 100%) } @media only screen and (max-width: 1151px) { .sidebar { position: fixed; z-index: 10; -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; left: auto; width: 100%; height: 80px; min-height: 80px; padding: 10px } } .sidebar__mobile { display: none } @media only screen and (max-width: 1151px) { .sidebar__mobile { display: block; margin-left: 36px } } .sidebar__mobile .sidebar__socials, .sidebar__mobile .sidebar__socials-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .sidebar__mobile .sidebar__socials { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .sidebar__mobile .sidebar__socials-item { position: relative; height: 30px; width: 30px; margin-right: 16px } .sidebar__mobile .sidebar__socials-item img { position: absolute; top: 50%; left: 50%; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .sidebar__mobile .sidebar__item { margin: 0 0 30px } .sidebar__mobile .sidebar__item-icon { display: none; margin: 0 12px 0 0 } .sidebar__mobile .sidebar__item-icon img { height: 20px } .sidebar__mobile .panel-lang, .sidebar__mobile .panel-lang__items { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .sidebar__mobile a { font-size: 20px; color: #282e3c; text-decoration: none } .sidebar__mobile .sidebar__mobile-menu { display: none; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background: #fff; text-align: center; padding: 80px 20px 20px } .brand__title span, .sidebar__mobile .sidebar__mobile-menu.open { display: block } @media only screen and (max-width: 1151px) { .sidebar__mobile .sidebar__mobile-menu { display: none } } .sidebar__mobile .sidebar__mobile-menu-close { position: fixed; top: 32px; right: 4px; width: 40px; height: 40px; cursor: pointer } .sidebar__mobile .sidebar__mobile-menu-close img { width: 18px } .sidebar__mobile .sidebar__mobile-menu .main-nav__item > div:first-child { color: #282e3c; text-align: center; font-size: 18px; font-weight: 400; padding: 8px 14px; text-decoration: none; margin-right: 10px } .sidebar__mobile .sidebar__mobile-burger { position: relative; z-index: 10; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .sidebar__mobile .sidebar__mobile-burger__line { position: relative; z-index: 1; margin: 0 0 3px; width: 27px; height: 4px; background: #fff; -webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1); -o-transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease; transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease; transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1); -webkit-transform-origin: 4px 0; -ms-transform-origin: 4px 0; transform-origin: 4px 0; background-color: #d7c3aa; border-radius: 3px } .sidebar__mobile .sidebar__mobile-burger__line:first-child { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0% } .sidebar__mobile .sidebar__mobile-burger__line:nth-last-child(2) { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100% } .sidebar__mobile .sidebar__mobile-burger__line:last-child { margin: 0 } .sidebar__mobile .sidebar__mobile-burger.open .sidebar__mobile-burger__line:nth-child(1) { -webkit-transform: rotate(45deg) translate(2px, -3px); -ms-transform: rotate(45deg) translate(2px, -3px); transform: rotate(45deg) translate(2px, -3px) } .sidebar__mobile .sidebar__mobile-burger.open .sidebar__mobile-burger__line:nth-child(2) { opacity: 0; -webkit-transform: rotate(0deg) scale(.2, .2); -ms-transform: rotate(0deg) scale(.2, .2); transform: rotate(0deg) scale(.2, .2) } .sidebar__mobile .sidebar__mobile-burger.open .sidebar__mobile-burger__line:nth-child(3) { -webkit-transform: rotate(-45deg) translate(2px, -2px); -ms-transform: rotate(-45deg) translate(2px, -2px); transform: rotate(-45deg) translate(2px, -2px) } .sidebar__header { max-width: 60%; margin-bottom: 18px } @media only screen and (max-width: 1151px) { .sidebar__header { display: block; margin: 0 } } .sidebar__main { max-width: 100%; margin-top: auto; margin-bottom: auto } @media only screen and (max-width: 1151px) { .sidebar__main { display: none } .sidebar__menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .sidebar__footer { max-width: 90%; margin-top: 15px } @media only screen and (max-width: 1151px) { .sidebar__footer { display: none } } .sidebar__nav--bottom { top: auto; bottom: 120px; -webkit-transform: none; -ms-transform: none; transform: none } .sidebar__copyright { display: none; margin-top: 0 } .sidebar__copyright p { color: #fff; font-size: 16px } .sidebar__copyright a { text-decoration: none; color: #2585e7; border-bottom: 1px dotted #2585e7; font-size: 16px } .sidebar__copyright a:hover { color: #1f72c8; border-color: transparent } .up-link { opacity: 0 } .up-link a { display: inline-block; width: 40px; height: 40px; opacity: .5; border-radius: 50%; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/up-link.svg); background-size: cover } .up-link a:hover { opacity: 1 } .card-file__title { font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #fff; margin-bottom: 12px } .card-file__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; overflow: hidden; margin: 0 auto 24px } .card-file__img img { -webkit-box-flex: 0; -ms-flex: none; flex: none; max-height: 100%; max-width: 100% } .card-file__img--horizontal { width: 100% !important; max-width: 490px } .card-file__img--horizontal img { margin: 48px auto } .card-file__link { text-align: center } .card-file__link a, .popup-video__overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card-file__link a { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-decoration: none; text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 40px; text-align: center; color: #fff } @media (max-width: 1151px) { .card-file__link a { line-height: normal; height: 32px } } .card-file__link a:hover { border-color: transparent } .card-file__link a img { margin-right: 6px } @media (max-width: 1151px) { .card-file__link a img { width: 32px } } .popup-video { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; min-height: 100vh; display: none } .popup-video.popup-active, .popup-video[data-state=active] { display: block; -webkit-animation: showBlock 1s ease forwards; animation: showBlock 1s ease forwards } .popup-video__overlay { min-height: 100%; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .8) } .popup-video__container { background-color: #fff; padding: 24px; width: auto; min-width: 600px; max-width: 90%; height: auto; border-radius: 4px } @media only screen and (max-width: 768px) { .popup-video__container { min-width: auto; width: 90% } } .popup-video__header { position: relative; margin-bottom: 20px } .popup-video__title { padding-right: 30px; font-size: 24px; line-height: 28px; font-weight: 400 } .popup-video [data-js=popup-iframe] iframe { width: 100%; min-height: 300px } @media only screen and (min-width: 768px) { .popup-video [data-js=popup-iframe] iframe { height: 400px; width: 620px } } @media only screen and (min-width: 1200px) { .popup-video [data-js=popup-iframe] iframe { height: 540px; width: 920px } } .popup-video__close { position: absolute; top: 4px; right: 0; height: 24px; width: 24px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/popup-close.svg); cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .popup-video__close:hover { -webkit-filter: invert(1); filter: invert(1) } .popup-widget__container { position: relative } @media (max-width: 768px) { .popup-widget__container { max-width: 90%; max-height: 90%; overflow: auto; padding-bottom: 24px } } .popup-widget__close::after, .popup-widget__close::before { content: ''; position: absolute; display: block; width: 24px; height: 3px; background: #000 } .popup-widget__close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .popup-widget__close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .popup-widget__header { text-transform: uppercase; text-align: center } .popup-widget__input-file, .popup-widget__input-name { height: 60px } .popup-widget__input-file, .popup-widget__input-name, .popup-widget__textarea { width: 100%; border: 1px solid #282e3c; border-radius: 50px; background-color: #f5f5f5; margin: 0 24px 24px 0; padding: 12px 24px; color: #282e3c; font-size: 18px } .popup-widget__input-name { width: calc(50% - 24px) } @media (max-width: 768px) { .popup-widget__input-name { width: 100% } } .popup-widget__textarea { height: auto; resize: none; scrollbar-color: #f1b962 transparent; scrollbar-width: thin } .popup-widget__label { font-size: 18px; color: #282e3c } .popup-widget__upload-file { position: relative } .popup-widget__upload-file .jcf-file { display: -webkit-box; display: -ms-flexbox; display: flex; -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; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .popup-widget__upload-file .jcf-file .jcf-fake-input, .popup-widget__upload-file .jcf-file .jcf-upload-button { border: 0 } .popup-widget__upload-file .jcf-fake-input { width: 100%; padding-left: 16px; font-weight: 400; font-size: 18px; color: #6b6b6b } .popup-widget ::-webkit-scrollbar { width: 8px } .popup-widget ::-webkit-scrollbar-track { background: 0 0; margin: 36px } .popup-widget ::-webkit-scrollbar-thumb { background-color: #f1b962; border-radius: 20px; border: 3px solid transparent } .popup-widget__upload-img { position: absolute; top: 4px; width: 24px; height: auto } .popup-widget__input-check { width: 18px; height: 18px; display: inline-block } .popup-widget__question-btn { display: block; margin: 0 auto; width: 300px } .popup-widget__input-area { margin: 11px 0 28px; padding: 16px 0; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7 } .popup-widget__input-link { color: inherit } .popup-widget__input-access { margin-bottom: 24px } .popup-widget { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; display: none } .popup-widget.popup-active, .popup-widget[data-state=active] { display: block; -webkit-animation: showBlock 1s ease forwards; animation: showBlock 1s ease forwards } .popup-widget__overlay { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100%; height: 100%; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .8) } .popup-widget__container { background-color: #fff; padding: 24px; width: auto; min-width: 600px; max-width: 90%; height: auto; border-radius: 4px } @media only screen and (max-width: 768px) { .popup-widget__container { min-width: auto; width: 90% } } .popup-widget__header { position: relative; margin-bottom: 20px } .popup-widget__title { padding-right: 30px; font-size: 24px; line-height: 28px; font-weight: 400 } .popup-widget [data-js=popup-iframe] iframe { width: 100%; min-height: 300px } @media only screen and (min-width: 768px) { .popup-widget [data-js=popup-iframe] iframe { height: 400px; width: 620px } } @media only screen and (min-width: 1200px) { .popup-widget [data-js=popup-iframe] iframe { height: 540px; width: 920px } } .popup-widget__close { position: absolute; top: 4px; right: 0; height: 24px; width: 24px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/popup-close.svg); cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .popup-widget__close:hover { -webkit-filter: invert(.5); filter: invert(.5) } .appearanceie { position: relative; 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 500px; color: #f7e4cd; background-color: #16203d } @media only screen and (max-width: 1151px) { .appearanceie { width: 100%; overflow: hidden } } .theme-red .appearanceie { background: 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.07%, #5c1716), color-stop(77.78%, #7f262a)); background: -o-linear-gradient(top, #5c1716 14.07%, #7f262a 77.78%); background: linear-gradient(180deg, #5c1716 14.07%, #7f262a 77.78%) } .appearanceie__container { overflow: hidden !important; width: 100%; max-width: 1124px; padding-top: 64px; padding-bottom: 56px } @media (max-width: 1100px) { .appearanceie__container { padding-top: 30px; padding-bottom: 30px } } @media (max-width: 1599px),(max-height: 799px) { .appearanceie__container { max-width: none; min-height: auto; padding-top: 32px; padding-bottom: 32px } } @media only screen and (max-width: 768px) { .appearanceie__container { width: 375px } } .appearanceie__title { margin-bottom: 30px; text-align: center; text-transform: uppercase; color: #fff; font-size: 36px; line-height: 40px; font-weight: 400 } @media (max-width: 1151px) { .appearanceie__title { font-size: 20px; line-height: normal } } .appearanceie__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 1599px),(max-height: 799px) { .appearanceie__inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 1151px) { .appearanceie__inner { overflow-x: scroll; margin-bottom: -32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .appearanceie__inner-left { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 725px; height: 725px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/magnum/RN_SM_site_packshot_4L_gold_mockup.png); background-repeat: no-repeat; background-position: center; background-size: contain } .theme-red .appearanceie__inner-left { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/revolux/RN_SM_site_packshot_5L_RxD3_10W_40.png) } @media only screen and (max-width: 768px) { .appearanceie__inner-left { width: 100%; height: 350px } } .appearanceie__inner-right { padding-right: 16px } @media only screen and (max-width: 1151px) { .appearanceie__items { max-width: 300px; width: 100%; text-align: center } } .appearanceie__items.hover .appearanceie__item:not(.hover) * { opacity: .6 !important } .appearanceie__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } @media (max-width: 1151px) { .appearanceie__item { display: none } } .appearanceie__item > * { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .appearanceie__item:last-child, .brand-new .col-23 .brand-block .info ul li:last-child, .brand-new .col-23 .brand-new-popup ul li:last-child { margin-bottom: 0 } .appearanceie__item-number, .appearanceie__item.hover { display: -webkit-box; display: -ms-flexbox; display: flex } .appearanceie__item-number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 41px; height: 41px; margin-right: 12px; color: #f4dec2; border: 4px solid #f4dec2; border-radius: 50%; background: #A32132; -webkit-box-shadow: 0 1px 0 0 #00000040; box-shadow: 0 1px 0 0 #00000040; font-size: 16px; font-weight: 700; line-height: 1; font-family: "Arial", sans-serif; flex-shrink: 0; } @media (max-width: 1151px) { .appearanceie__item-number { width: 34px; height: 34px; font-size: 18px; line-height: normal } } .theme-red .appearanceie__item-number { border-color: #f7e4cd; background-color: #a32132 } .appearanceie__item-text { font-weight: 400; font-size: 18px; line-height: 18px; color: #fff } @media only screen and (max-width: 1151px) { .appearanceie__item-text { width: 244px; font-size: 16px } } .appearanceie__zoom { margin-top: 64px; text-align: end } @media only screen and (max-width: 1151px) { .appearanceie__zoom { margin-top: 0 } } .appearanceie__zoom-link { display: inline-block; min-height: 24px; padding-left: 32px; text-decoration: none; color: #f4dec2; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/zoom.png); background-repeat: no-repeat; background-position: left center; font-size: 18px; font-weight: 500; line-height: 18px } @media (max-width: 1599px),(max-height: 799px) { .appearanceie__zoom-link { display: none } } .appearanceie__zoom-link-save:hover, .appearanceie__zoom-link:hover { opacity: .8 } .appearanceie__zoom-link-save { display: none; min-height: 32px; margin-bottom: 20px; padding-left: 46px; text-decoration: none; color: #f4dec2; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/save-icon.png); background-repeat: no-repeat; background-position: left center; font-weight: 400; font-size: 18px; line-height: 32px } @media (max-width: 1151px) { .appearanceie__zoom-link-save { display: block; margin-left: auto; margin-right: auto; width: -webkit-min-content; width: -moz-min-content; width: min-content; font-size: 16px } } .appearanceie__pins { position: relative; width: 100%; height: 100% } .appearanceie__pin { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 41px; height: 41px; cursor: pointer; color: #f4dec2; border: 4px solid #f4dec2; border-radius: 50%; background: #A32132; -webkit-box-shadow: 0 1px 0 0 #00000040; box-shadow: 0 1px 0 0 #00000040; font-size: 16px; font-weight: 400; font-family: "Arial", sans-serif; } @media only screen and (max-width: 1151px) { .appearanceie__pin { width: 34px; height: 34px; font-size: 15px; line-height: normal; border: 3px solid #f4dec2; } } .theme-red .appearanceie__pin { border-color: #f7e4cd; background-color: #a32132 } .appearanceie__pin:after { position: absolute; top: 50%; left: 50%; display: block; width: 92px; height: 92px; content: ""; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50% } @media only screen and (max-width: 1151px) { .appearanceie__pin:after { width: 51px; height: 51px } } .appearanceie__pin.hover:after { background-color: rgba(255, 255, 255, .3) } .appearanceie__pin:nth-child(1) { top: 125px; left: 395px } .appearanceie__pin:nth-child(2) { top: 197px; left: 276px } .appearanceie__pin:nth-child(3) { top: 165px; left: 455px } .appearanceie__pin:nth-child(4) { top: 315px; left: 376px } .appearanceie__pin:nth-child(5) { top: 471px; left: 307px } .appearanceie__pin:nth-child(6) { top: 505px; left: 435px } .appearanceie__pin:nth-child(7) { top: 195px; left: 574px } .appearanceie__pin:nth-child(8) { top: 356px; left: 57px } .appearanceie__pin:nth-child(9) { top: 342px; left: 442px } .appearanceie__pin:nth-child(10) { top: 344px; left: 250px } .appearanceie__pin:nth-child(11) { top: 456px; left: 135px } @media only screen and (max-width: 768px) { .appearanceie__pin:nth-child(1) { top: 58px; left: 194px } .appearanceie__pin:nth-child(2) { top: 98px; left: 166px } .appearanceie__pin:nth-child(3) { top: 84px; left: 230px } .appearanceie__pin:nth-child(4) { top: 156px; left: 193px } .appearanceie__pin:nth-child(5) { top: 240px; left: 215px } .appearanceie__pin:nth-child(6) { top: 235px; left: 145px } .appearanceie__pin:nth-child(7) { top: 85px; left: 280px } .appearanceie__pin:nth-child(8) { top: 160px; left: 35px } .appearanceie__pin:nth-child(9) { top: 190px; left: 250px } .appearanceie__pin:nth-child(10) { top: 165px; left: 125px } .appearanceie__pin:nth-child(11) { top: 195px; left: 81px } } .fancybox-skin { background: 0 0 !important } .brand-new { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; height: auto; background: #000 } @media only screen and (min-width: 768px) and (max-width: 1200px) { .brand-new { height: auto; padding: 60px 0; min-height: 300px } } @media only screen and (max-width: 768px) { .brand-new__primary-content:before { content: ''; display: block; height: 107px; background-image: -o-linear-gradient(280deg, #5a5a5a, #5a5a5a 47%, #fff 48%, #fff 52%, #ffe155 53%, #ffe155); background-image: linear-gradient(170deg, #5a5a5a, #5a5a5a 47%, #fff 48%, #fff 52%, #ffe155 53%, #ffe155) } } .brand-new__primary-content--hidden, .brand-new__secondary-content--hidden { display: none } .brand-new__bg { position: absolute; top: 0; left: 0; width: 100%; min-height: 100vh; height: 100%; background-color: #fff; overflow: hidden } .brand-new__bg-inner { position: relative; width: 100%; height: 100% } .brand-new__bg-section-1 { position: absolute; top: -10%; left: -5%; background-color: #5a5a5a; width: 642px; height: 130%; -webkit-transform: rotate(-170deg); -ms-transform: rotate(-170deg); transform: rotate(-170deg) } @media only screen and (max-width: 768px) { .brand-new__bg-section-1 { display: none } } .brand-new__bg-section-2 { position: absolute; top: -11%; left: 32.5%; background-color: #ffe155; width: 58%; height: 130%; -webkit-transform: rotate(-170deg); -ms-transform: rotate(-170deg); transform: rotate(-170deg) } @media only screen and (max-width: 768px) { .brand-new__bg-section-2 { display: none } } .brand-new__bg-section-3 { position: absolute; top: -10%; right: -7.5%; background-color: #5a5a5a; width: 15%; height: 123%; -webkit-transform: rotate(-170deg); -ms-transform: rotate(-170deg); transform: rotate(-170deg) } @media only screen and (max-width: 768px) { .brand-new__bg-section-3 { display: none } } .brand-new__container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 60px; width: 100%; margin: 0 auto } @media only screen and (min-width: 768px) and (max-width: 1200px) { .brand-new__container { overflow: visible } } @media only screen and (max-width: 768px) { .brand-new__container { -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; display: block; background-color: #5a5a5a } } .brand-new .col-13 { width: 30% } @media only screen and (max-width: 768px) { .brand-new .col-13 { width: auto } } .brand-new__title { margin: 0 auto 60px; max-width: 300px } @media only screen and (min-width: 1200px) and (max-width: 1920px) { .brand-new__title { margin: 0 auto 40px; max-width: 200px } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .brand-new__title { max-width: 260px } } @media only screen and (max-width: 768px) { .brand-new__title { margin: 0 auto 30px; max-width: 234px } } .brand-new__canister { margin: 0 auto 40px; max-width: 300px } @media only screen and (min-width: 1200px) and (max-width: 1920px) { .brand-new__canister { max-width: 260px } } @media only screen and (min-width: 600px) and (max-width: 768px) { .brand-new__canister { max-width: 180px } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .brand-new__canister { max-width: 260px } } @media only screen and (max-width: 768px) { .brand-new__canister { margin: 0 auto 30px; max-width: 234px } } .brand-new__link { display: block; font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-style: italic; background-color: #ffe155; border-radius: 30px; text-decoration: none; color: #000; padding: 22px 0; text-align: center; text-transform: uppercase; margin: 0 auto 20px; font-size: 26px; line-height: 30px; max-width: 360px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .brand-new .col-23 .brand-new-popup__button:hover, .brand-new__link:hover { -webkit-box-shadow: 0 0 30px #000; box-shadow: 0 0 30px #000; -webkit-transition: .2s; -o-transition: .2s; transition: .2s } @media only screen and (min-width: 1200px) and (max-width: 1920px) { .brand-new__link { font-size: 22px; max-width: 300px } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .brand-new__link { font-size: 20px; padding: 16px 0; max-width: 280px } } @media only screen and (max-width: 768px) { .brand-new__link { font-size: 21px; padding: 16px 24px; width: 280px; border-radius: 20px; margin: 0 auto } } .brand-new .col-23 { width: 60%; margin-left: 8% } @media only screen and (max-width: 768px) { .brand-new .col-23 { width: auto; margin-left: 0 } } .brand-new .col-23 .brand-new-popup { position: absolute; top: 0; left: 0; z-index: 1000; color: #000; width: 612px; background-color: #fff; -webkit-box-shadow: 0 0 50px #000; box-shadow: 0 0 50px #000 } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-new-popup { position: static; width: auto; -webkit-transform: translateY(-48px) !important; -ms-transform: translateY(-48px) !important; transform: translateY(-48px) !important; -webkit-box-shadow: none; box-shadow: none; background-color: #ffe155 } } .brand-new .col-23 .brand-new-popup--hide { display: none } .brand-new .col-23 .brand-new-popup__inner { padding: 18px 26px } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-new-popup__inner { padding: 0 } } .brand-new .col-23 .brand-new-popup__heading { font-weight: 700; font-size: 35px; line-height: 41px; letter-spacing: .1em; text-transform: uppercase; color: #000; margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-new-popup__heading { margin-bottom: 16px; font-size: 26.7548px; line-height: 31px } .brand-new .col-23 .brand-new-popup__heading picture { width: 80px } } .brand-new .col-23 .brand-new-popup__heading-text { margin-left: 8px } .brand-new .col-23 .brand-new-popup__popup-close-button { background-color: transparent; border: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 auto } .brand-new .col-23 .brand-new-popup__popup-close-button-img { width: 17px; height: 17px } .brand-new .col-23 .brand-new-popup__button-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-new-popup__button-wrapper { display: block; text-align: center } } .brand-new .col-23 .brand-new-popup__button { background-color: #ffe155; border-radius: 30px; padding: 13px 17px; border: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .brand-new .col-23 .brand-new-popup__button:hover { -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000 } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-new-popup__button { display: inline-block; background-color: #000 } } .brand-new .col-23 .brand-new-popup__button-inner { font-weight: 700; font-size: 23.31px; line-height: 27px; text-transform: uppercase; font-style: italic; color: #040200 } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-new-popup__button-inner { font-size: 16px; line-height: 18px; color: #fff } } .brand-new .col-23 .brand-new-popup__additional-content { display: none } .brand-new .col-23 .brand-new-popup__list { margin-bottom: 24px; margin-left: 0; padding: 0 } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-new-popup__list { margin-bottom: 16px } } .brand-new .col-23 .brand-new-popup ul { list-style: none } .brand-new .col-23 .brand-new-popup ul li { position: relative; font-size: 20px; line-height: 23px; letter-spacing: .02em; color: #000; margin: 0 0 10px } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-new-popup ul li { font-size: 14px; line-height: 16px } } .brand-new .col-23 .brand-new-popup__list-item-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .brand-new .col-23 .brand-new-popup__list-item-img { width: 14px; height: 27px; margin-right: 6px } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-new-popup__list-item-img { display: none } } .brand-new .col-23 .brand-block { position: relative; z-index: 2; float: left; width: 40%; margin: 0 10% 50px 0; cursor: default } .brand-new .col-23 .brand-block:nth-child(2n) { margin-right: 0 } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-block { width: auto; margin: 0; padding: 0 6% 34px; background-color: #ffe155 } } .brand-new .col-23 .brand-block--active { z-index: 3 } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-block--active { padding: 0 6% } } .brand-new .col-23 .brand-block__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-block__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .brand-new .col-23 .brand-block__text { margin-bottom: 20px; font-size: 24px; font-style: italic; font-weight: 700; line-height: 28px; text-transform: uppercase } @media only screen and (min-width: 1200px) and (max-width: 1920px) { .brand-new .col-23 .brand-block__text { font-size: 22px; line-height: 26px } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .brand-new .col-23 .brand-block__text { font-size: 20px; line-height: 24px } } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-block__text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 15px; font-style: normal; font-weight: 700; font-size: 20px; line-height: 23px; text-transform: none } } .brand-new .col-23 .brand-block__button { background: #000; border-radius: 20px; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border: 0; max-width: 200px; padding: 14px 23px } .brand-new .col-23 .brand-block__button:hover { color: #ffe155; -webkit-transition: .2s; -o-transition: .2s; transition: .2s } @media only screen and (min-width: 1200px) and (max-width: 1920px) { .brand-new .col-23 .brand-block__button { max-width: 160px; padding: 12px 20px } } .brand-new .col-23 .brand-block .text, .brand-new .col-23 .brand-block__button-inner { font-size: 16px; text-transform: uppercase; font-style: italic } @media only screen and (min-width: 1200px) and (max-width: 1920px) { .brand-new .col-23 .brand-block__button-inner { font-size: 14px } } .brand-new .col-23 .brand-block .text { font-size: 24px; font-weight: 700; line-height: 28px } @media only screen and (min-width: 768px) and (max-width: 1200px) { .brand-new .col-23 .brand-block .text { font-size: 20px; line-height: 24px } } @media only screen and (max-width: 768px) { .brand-new .col-23 .brand-block .text { text-transform: none; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit } } .brand-new .col-23 .brand-block .arrow-after { position: absolute; top: calc(100% + 10px); left: 0 } .brand-new .col-23 .brand-block .info { position: absolute; z-index: 4; display: none; top: calc(100% - 1px); left: -11px; padding: 10px; background: #000; border: 1px solid #615a53; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .75); box-shadow: 0 4px 30px rgba(0, 0, 0, .75); border-radius: 3px } @media only screen and (min-width: 768px) and (max-width: 1200px) { .brand-new .col-23 .brand-block .info { width: 280px } } .brand-new .col-23 .brand-block .info .arrow-top { margin: 0 0 20px } .brand-new .col-23 .brand-block .info ul li { position: relative; padding: 0 0 0 80px; margin: 0 0 10px; min-height: 56px } .brand-new .col-23 .brand-block .info ul .left { position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .brand-new .col-23 .brand-block .info ul .left .number { width: 30px; text-align: center; margin: 0 12px 0 0 } .brand-new .col-23 .brand-block .info ul .left .delimiter { width: 30px; height: 1px; background: #4f3d2a; -webkit-transform: rotate(-66deg); -ms-transform: rotate(-66deg); transform: rotate(-66deg); -webkit-transform-origin: 4px 0; -ms-transform-origin: 4px 0; transform-origin: 4px 0 } .brand-new .col-23 .brand-block .info ul .text__inner { font-family: "Roboto Condensed", sans-serif; font-size: 14px; line-height: 16px; letter-spacing: .02em; color: #fff } .brand-new .col-23 .brand-block .info ul .text__inner a { color: #2585e7 } .brand-new .col-23 .brand-block .info ul .text__inner a:hover { color: #1f72c8 } .brand-new .col-23 .car { position: absolute; z-index: 1; bottom: -118px; right: 100px; max-width: 733px } @media only screen and (min-width: 1200px) and (max-width: 1920px) { .brand-new .col-23 .car { max-width: 600px } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .brand-new .col-23 .car { max-width: 300px } } .brand-new .additional-content { width: 78%; color: #000 } @media only screen and (max-width: 768px) { .brand-new .additional-content { width: auto } } .brand-new .additional-content__heading { margin-bottom: 76px } @media only screen and (max-width: 768px) { .brand-new .additional-content__heading { margin-bottom: 16px } } .brand-new .additional-content__heading-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .brand-new .additional-content__heading-text { font-weight: 700; font-size: 26px; line-height: 27px; max-width: 480px } @media only screen and (max-width: 768px) { .brand-new .additional-content__heading-text { display: none } } .brand-new .additional-content__heading-img { width: 104px; height: 24px } @media only screen and (max-width: 768px) { .brand-new .additional-content__heading-img { width: 80px; height: auto } } .brand-new .additional-content__button-return { margin-left: auto; background-color: transparent; border: 0; color: #000; font-size: 26px; text-transform: uppercase; font-style: italic; font-weight: 700 } @media only screen and (max-width: 768px) { .brand-new .additional-content__button-return { width: 19px; height: 19px; font-size: 0; color: transparent; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/magnum/cross.svg); background-size: 19px 19px; background-repeat: no-repeat } } .brand-new .additional-content__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 20px; line-height: 23px; letter-spacing: .02em; color: #000 } @media only screen and (max-width: 768px) { .brand-new .additional-content__main { display: block; font-size: 14px; line-height: 16px } } .brand-new .additional-content ul { padding: 0; list-style: none; margin: 0 0 12px } .brand-new .additional-content ul li { margin-bottom: 12px } .brand-new .additional-content ul li::before { content: ">"; font-weight: 700; margin-right: 5px } .brand-new .additional-content ul li:last-child { margin-bottom: 0 } .brand-new .additional-content__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px } .brand-new .additional-content__row--big-indent { margin-bottom: 40px } @media only screen and (max-width: 768px) { .brand-new .additional-content__row--big-indent { margin-bottom: 16px } } .brand, .brand-new .additional-content__row--column, .brand__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (max-width: 768px) { .brand-new .additional-content__row { display: block; margin-bottom: 16px } .brand-new .additional-content__row:last-child { margin-bottom: 0 } } .brand-new .additional-content__col-1 { width: 37% } @media only screen and (max-width: 768px) { .brand-new .additional-content__col-1 { width: auto } } .brand-new .additional-content__col-2 { width: 59% } @media only screen and (max-width: 768px) { .brand-new .additional-content__col-2 { width: auto } } .brand-new .additional-content .mlauto { margin-left: auto } .brand-new .additional-content .text { font-size: 20px; line-height: 23px; letter-spacing: .02em; color: #000 } .brand-new .additional-content .text--upper, .form-oil__wro-dropdown .jcf-select-text span { text-transform: uppercase } .brand-new .additional-content .text--bold { font-weight: 700 } .brand, .brand__container { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .brand { height: 100%; background-repeat: no-repeat; background-position: bottom; background-size: 100% auto; position: relative } .brand__container { width: 100%; max-width: none; min-height: auto; padding: 32px 14px; position: absolute; bottom: 0; left: 18px } .brand__title { margin-bottom: 40px; text-align: center; text-transform: uppercase; color: #2a2a2a; font-size: 36px; font-weight: 700; line-height: 43.27px } @media (max-width: 350px) { .brand__title { margin-bottom: 20px; font-size: 25px; line-height: 32px } } @media (max-width: 1900px) { .brand__photo { overflow: hidden; height: 50vh; min-height: 384px; max-height: 400px } .brand__photo img { width: auto; height: 100% } } .brand__advantages { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } @media (max-width: 350px) { .brand__advantages { margin-left: 0 } } .brand__advantages-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px } @media (max-width: 350px) { .brand__advantages-item { margin-left: 0; margin-bottom: 15px } } .brand__advantages-item-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 54px; height: 54px; margin-right: 14px; color: #491813; border-radius: 50%; font-size: 30px; font-weight: 700; background: -o-linear-gradient(287deg, #bfa885 12.89%, #d5c4ab 50.11%, #bfa885 94.48%); background: linear-gradient(163deg, #bfa885 12.89%, #d5c4ab 50.11%, #bfa885 94.48%) } .brand__advantages-item-text { max-width: 260px; color: #fff; font-size: 14px; font-weight: 400; line-height: 18px } .brand img { width: 100% } .check-approv { position: relative; 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; min-height: 300px } @media (max-width: 1599px),(max-height: 799px) { .check-approv { margin-bottom: 40px } } .check-approv--full-bg { min-height: 100vh; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/magnum/check-and-approv-bg.jpg); background-size: cover } @media (max-width: 768px) { .check-approv--full-bg { background-position-x: 40% } } .check-approv--full-bg:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .46) } .check-approv--full-bg:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(78.63%, transparent), to(rgba(0, 0, 0, .55))); background: -o-linear-gradient(top, transparent 78.63%, rgba(0, 0, 0, .55) 100%); background: linear-gradient(180deg, transparent 78.63%, rgba(0, 0, 0, .55) 100%) } @media (max-width: 768px) { .check-approv--full-bg { margin-top: 50px } } .check-approv__container { overflow: hidden !important; width: 65%; max-width: 835px; min-height: 708px; padding-top: 100px; padding-bottom: 100px } @media (max-width: 1100px) { .check-approv__container { padding-top: 30px; padding-bottom: 30px } } @media (max-width: 1599px),(max-height: 799px) { .check-approv__container { 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; width: 80%; max-width: none; min-height: auto; padding-top: 32px; padding-bottom: 32px } } @media (max-width: 1600px) { .check-approv__container { min-height: 750px } } @media (max-width: 768px) { .check-approv__container { min-height: auto; padding: 0 } } .check-approv__container--relative { position: relative; z-index: 10 } .check-approv__container--small { width: 100% } @media (min-width: 1200px) { .check-approv__container--small { width: 830px } } .check-approv__container--lg { min-height: 500px; height: 100% } @media (min-height: 800px) { .check-approv__container--lg { min-height: 800px } } @media (min-width: 1600px) { .check-approv__container--lg { width: 100%; max-width: 1200px } } .check-approv__container--center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .check-approv__container--min { padding: 50px 0 } .check-approv__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 -15px; -ms-flex-wrap: wrap; flex-wrap: wrap } .check-approv__col-40 { width: 40%; padding: 0 15px } @media (max-width: 768px) { .check-approv__col-40 { width: 100% } } .check-approv__col-50 { width: 50%; padding: 0 15px } @media (max-width: 768px) { .check-approv__col-50 { width: 100% } } .check-approv__title { margin: 0 0 20px; color: #000; font-size: 36px; line-height: 40px; font-weight: 400 } .check-approv__title span { display: block; font-weight: 700 } .check-approv__title--mb-lg { margin-bottom: 44px } @media only screen and (max-width: 768px) { .check-approv__title { margin-bottom: 25px; font-size: 28px } } .check-approv__quote { margin-bottom: 35px; padding-left: 25px; border-left: 12px solid #debd7f } .check-approv__quote p { color: #000; font-size: 14px; font-weight: 400 } @media only screen and (max-width: 768px) { .check-approv__quote { margin-bottom: 0 } } .check-approv__desc { margin-bottom: 24px; font-size: 16px; line-height: 20px; color: #474747 } @media (max-width: 768px) { .check-approv__desc { font-size: 14px; line-height: 18px } } .check-approv__link { margin-right: 8px } .check-approv__link :last-child, .line-prod .owl-carousel .owl-dots .owl-dot:last-child { margin-right: 0 } .check-approv__link :first-child { margin-left: 8px } .check-approv__video { margin-bottom: 12px } .check-approv__video-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px } .check-approv__video-item { width: 25%; padding: 0 16px; margin-bottom: 30px } @media only screen and (max-width: 768px) { .check-approv__video-item { width: 50% } } .check-approv__video-title { font-size: 16px; line-height: 20px; color: #000 } .check-approv__video-subtitle { font-size: 14px; line-height: 18px; color: #d09d55 } .check-approv__video-link { width: 100%; height: 99%; position: relative; cursor: pointer; border-radius: 16px; overflow: hidden } .check-approv__video-link:before { content: ''; display: block; width: 58px; height: 58px; position: absolute; z-index: 2; top: calc(50% - 29px); left: calc(50% - 29px); background-color: #d9be87; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/magnum/video-screen/icon-play.svg); background-position: 55% 50%; background-repeat: no-repeat; border-radius: 50% } .check-approv__video-link:after { content: ''; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(23, 39, 72, .4) } .check-approv__video-screen { display: block; width: 100%; border-radius: 16px; overflow: hidden } .check-approv__main, .check-approv__main-header { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .check-approv__main { color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .check-approv__main-header { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 768px) { .check-approv__main-header { min-height: 600px } } .check-approv__main-title { margin-top: 125px; margin-bottom: 24px; text-align: center; text-transform: uppercase } @media only screen and (max-width: 768px) { .check-approv__main-title { font-size: 54px; line-height: 1.2 } } @media (min-width: 1600px) { .check-approv__main-title { margin-bottom: 45px; font-size: 110px; line-height: 139px } } @media (min-width: 1600px) and (max-height: 1079px) { .check-approv__main-title { margin-top: 250px } } .check-approv__main-desc { margin-bottom: 45px; text-align: center; font-size: 24px; line-height: 28px } @media (min-width: 1600px) { .check-approv__main-desc { font-size: 36px; line-height: 40px } } .check-approv__btn { display: block; padding: 16.5px 30px; font-size: 22px; line-height: 28px; border: 1px solid #fff; color: #fff; background-color: transparent; border-radius: 10px; cursor: pointer; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } @media only screen and (max-width: 768px) { .check-approv__btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; padding: 10px } } .check-approv__btn:active, .check-approv__btn:focus, .check-approv__btn:hover { color: #d09d55; border-color: #d09d55 } .check-approv__btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px } .check-approv__btn-wrapper--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .check-approv__btn-item { padding: 0 15px; margin-bottom: 24px } @media only screen and (max-width: 768px) { .check-approv__btn-item { width: 100% } } .check-approv__btn--gold { padding: 12px 24px; font-size: 14px; line-height: 20px; color: #d09d55; border-color: #d09d55; text-transform: uppercase; border-radius: 4px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .check-approv__btn--gold:active, .check-approv__btn--gold:focus, .check-approv__btn--gold:hover { color: #fff; border-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#d1913c), color-stop(51%, #ffd194), to(#d1913c)); background-image: -o-linear-gradient(left, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-image: linear-gradient(to right, #d1913c 0%, #ffd194 51%, #d1913c 100%); background-position: right center; background-size: 200% auto } .check-approv__list-item { position: relative; margin-left: 12px; margin-bottom: 16px; font-size: 16px; line-height: 20px; color: #474747 } .check-approv__list-item:last-child, .line-prod__item-list li:last-child { margin-bottom: 0 } @media (max-width: 768px) { .check-approv__list-item { font-size: 14px; line-height: 18px } } .check-approv__list-item--point:before { content: ''; position: absolute; left: -12px; top: 8px; height: 4px; width: 4px; background-color: #000; border-radius: 50% } .check-approv__list-item--bold { font-weight: 600 } .check-approv__file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px } @media (max-width: 768px) { .check-approv__file { margin-bottom: 20px } } .check-approv__file-icon { width: 26px; height: 34px; margin-right: 16px } .check-approv__file-title { font-size: 16px; line-height: 20px; color: #474747; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .check-approv__file-title:hover { color: #d09d55 } @media (max-width: 768px) { .check-approv__file-title { font-size: 14px; line-height: 18px } } .check-approv__poster { position: absolute; top: 20px; left: 50px; cursor: pointer } @media (max-width: 768px) { .check-approv__poster { left: 30px } } .contacts { 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100vh; min-height: 500px } .contacts__title { margin-right: 30px; text-align: center; text-transform: uppercase; color: #000; font-size: 30px; font-weight: 700 } .contacts__container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 80%; max-width: 835px; height: 490px; padding-top: 100px; padding-bottom: 100px } @media (max-width: 1100px) { .contacts__container { padding-top: 30px; padding-bottom: 30px } } .contacts__burger, .contacts__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .contacts__header { margin-bottom: 30px } .contacts__burger { position: relative; z-index: 100; width: 35px; height: 35px; cursor: pointer; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0 0 38px 2px rgba(0, 0, 0, .09); box-shadow: 0 0 38px 2px rgba(0, 0, 0, .09) } .contacts__burger.is-active .contacts__burger-icon { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/bueger-active.png) } .contacts__burger-icon, .contacts__info-inner:after { display: inline-block; width: 25px; height: 25px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/bueger.png); background-repeat: no-repeat; background-position: center } .contacts__info { position: relative } .contacts__info-wrapp { position: absolute; z-index: 99; top: 24px; left: 50%; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 44px; padding-right: 30px; padding-left: 30px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .contacts__info-inner { position: relative; z-index: 98; width: 350px; padding: 30px 35px; background-color: #fff; -webkit-box-shadow: 0 0 25px 2px rgba(0, 0, 0, .11); box-shadow: 0 0 25px 2px rgba(0, 0, 0, .11) } .contacts__info-inner:after { position: absolute; z-index: 99; top: -44px; left: 50%; width: 58px; height: 45px; content: ""; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/triangle.png); background-position: center bottom } .contacts__info-select { 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: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px } .contacts__info-select select { width: 100%; margin-bottom: 10px } .contacts__info-select .jcf-select { width: calc(100% + 30px); height: auto; margin: 0 0 10px; padding-right: 15px; padding-left: 15px; border: 0 } .contacts__info-select .jcf-select.jcf-drop-active .jcf-select-opener { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .contacts__info-select .jcf-select .jcf-select-text { margin-left: 0; color: #000; font-size: 24px } .contacts__info-select .jcf-select .jcf-select-opener { right: 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background: 0 0; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/ar2-select.png); background-repeat: no-repeat; background-position: center } .contacts__info-select .jcf-select .jcf-select-drop { right: 0; left: 0; padding-top: 10px } .contacts__info-select .jcf-select .jcf-list { -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .11); box-shadow: 0 0 7px 1px rgba(0, 0, 0, .11) } .contacts__info-select .jcf-select .jcf-option { padding: 11px 9px 11px 16px; color: #000; font-size: 24px } .contacts__info-select .jcf-select .jcf-scrollbar-dec, .contacts__info-select .jcf-select .jcf-scrollbar-inc { height: 12px; background: 0 0 } .contacts__info-select .jcf-select .jcf-scrollbar-vertical { width: 4px; background: 0 0 } .contacts__info-select .jcf-select .jcf-scrollbar-handle { width: 4px; border-radius: 2px; background-color: #d69e51 } .contacts__map { position: relative; width: 820px; height: 450px; margin: 0 auto } @media (max-width: 1500px) { .contacts__map { width: 700px; margin: 0 } } .files__title { width: 100%; text-transform: uppercase; font-weight: 400; font-size: 36px; line-height: 36px; text-align: center; color: #fff; margin-bottom: 42px } @media only screen and (max-width: 1151px) { .files__title { font-size: 30px } } .files, .files__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 48px } .files { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.07%, #5c1716), color-stop(77.78%, #7f262a)); background: -o-linear-gradient(top, #5c1716 14.07%, #7f262a 77.78%); background: linear-gradient(180deg, #5c1716 14.07%, #7f262a 77.78%) } .files .slick-slide { opacity: .7; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); width: 300px !important } .files .slick-list.draggable { min-height: 536px } .files .slick-slide.slick-current.slick-center { opacity: 1 } .files__container { overflow: hidden !important; padding-bottom: 60px; width: 1110px; margin-right: auto; margin-left: auto } @media (max-width: 1151px) { .files__container { width: 100%; padding: 0; margin: 0; display: block } } @media (max-width: 768px) { .files__container { width: 900px; max-width: 80%; margin: 0 auto 32px } } .files__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } @media only screen and (min-width: 769px) and (max-width: 1151px) { .files__items { margin-bottom: 32px; padding: 0 24px } } .files__items .slick-list { padding: 20% 15% !important } .files__items .slick-dots { display: none } .files__items .slick-track { max-width: 100% !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; -webkit-perspective: 100px; perspective: 100px } .files__items .slick-slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; width: 100% !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 1s, -webkit-transform 1s; -o-transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s, -webkit-transform 1s } .files__items .slick-snext, .files__items .slick-sprev { display: block } .files__items .slick-snext .card-file, .files__items .slick-sprev .card-file { opacity: .5 } .files__items .slick-snext .card-file__title, .files__items .slick-sprev .card-file__title { opacity: 0 } .files__items .slick-snext .card-file__link, .files__items .slick-sprev .card-file__link { display: none } .files__items .slick-current { opacity: 1; position: relative; display: block; -webkit-transform: translate3d(0, 0, 20px); transform: translate3d(0, 0, 20px); z-index: 2 } .files__items .slick-snext { opacity: 1; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); z-index: 1 } .files__items .slick-sprev { opacity: 1; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0) } .files__items .slick-arrow { display: none !important } .files__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 5%; margin-left: 24px; width: calc(100% / 3) } @media (max-width: 1600px) { .files__item { height: auto } } @media only screen and (max-width: 768px) { .files__item { margin-left: -12%; margin-right: -12% } } .files__item:first-child { margin-left: 0 } .files .card-file__img { height: 363px; width: 257px; border-radius: 12px } @media only screen and (min-width: 769px) and (max-width: 1151px) { .files .card-file__img { width: 100%; height: auto } } @media only screen and (max-width: 768px) { .files .card-file__img { width: auto; height: auto } } .files .card-file__img img { border-radius: 12px; -o-object-fit: cover; object-fit: cover } .form-oil { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; max-width: 1124px; margin-left: auto; margin-right: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 92px 0 0; margin-bottom: 48px } @media (max-width: 1151px) { .form-oil { margin: 0 18px; padding-top: 52px } } .form-oil__title { font-weight: 400; font-size: 36px; color: #282e3c; margin-bottom: 46px; text-align: center } @media (max-width: 1151px) { .form-oil__title { font-size: 30px; margin-bottom: 24px } } .form-oil__wro-dropdowns { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 16px; -webkit-column-gap: 28px; -moz-column-gap: 28px; column-gap: 28px; margin-bottom: 18px; display: grid; grid-template-columns:repeat(12, 1fr) } @media (max-width: 1151px) { .form-oil__wro-dropdowns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 0 } } @media (max-width: 764px) { .form-oil__wro-dropdowns { display: -webkit-box; display: -ms-flexbox; display: flex } } .form-oil__img { margin-right: 4px } .form-oil .test1 { display: grid; grid-column-start: 1; grid-column-end: 4 } @media (max-width: 1060px) { .form-oil .test1 { grid-column-start: 1; grid-column-end: 7 } } .form-oil .test2 { display: grid; grid-column-start: 4; grid-column-end: 7 } @media (max-width: 1060px) { .form-oil .test2 { grid-column-start: 7; grid-column-end: 13 } } .form-oil .test3 { display: grid; grid-column-start: 7; grid-column-end: 10 } @media (max-width: 1060px) { .form-oil .test3 { grid-column-start: 1; grid-column-end: 7 } } .form-oil .test4 { display: grid; grid-column-start: 10; grid-column-end: 13 } @media (max-width: 1060px) { .form-oil .test4 { grid-column-start: 7; grid-column-end: 13 } } .form-oil .test5 { display: grid; grid-column-start: 1; grid-column-end: 5 } @media (max-width: 1060px) { .form-oil .test5 { grid-column-start: 1; grid-column-end: 7 } } .form-oil .test6 { display: grid; grid-column-start: 5; grid-column-end: 9 } @media (max-width: 1060px) and (min-width: 765px) { .form-oil .test6 { grid-column-start: 1; grid-column-end: 7; margin-bottom: 0 } } .form-oil .test7 { display: grid; grid-column-start: 9; grid-column-end: 13 } @media (max-width: 1060px) { .form-oil .test7 { grid-column-start: 7; grid-column-end: 13 } } .form-oil__card-question { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 1151px) { .form-oil__card-question { margin-left: auto; margin-right: auto } } .form-oil__card-question img { width: 44px; height: 45px; margin-right: 4px } .form-oil__description * { display: block; font-weight: 400 } .form-oil__description { margin-left: 4px } .form-oil__description .title { font-size: 16px; color: #282e3c } .form-oil__description .link { font-size: 20px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #41a6e4 } @media (max-width: 1151px) { .form-oil__wro-dropdown { width: 100% } .form-oil__wro-dropdown:not(:last-child) { margin-bottom: 18px } } .form-oil__wro-dropdown .jcf-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #282e3c; border-radius: 50px; height: 60px; background-color: #f5f5f5 } .form-oil__wro-dropdown .jcf-select-opener { display: block; position: relative; width: 14px; height: 8px } @media (max-width: 1151px) { .form-oil__wro-dropdown.s3 { width: 100%; margin-bottom: 42px } } .form-oil__wro-dropdown .jcf-select-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; font-weight: 400; font-size: 20px; color: #282e3c } .form-oil__wro-dropdown .jcf-focus, .form-oil__wro-dropdown .jcf-focus * { border-color: #262946 !important } .form-oil__wro-dropdown .jcf-select .jcf-select-drop .jcf-select-drop-content { background-color: transparent; padding-top: 12px } .form-oil__wro-dropdown .jcf-list .jcf-list-content { border-radius: 18px } .form-oil__wro-dropdown .jcf-option { font-size: 16px } .form-oil__wro-dropdown .jcf-option.jcf-hover { background-color: #bea784; color: #fff } .form-oil__wro-dropdown .form-oil__wro-dropdown select:disabled ~ span { background-color: #ddd; border: 0 } @media (max-width: 1151px) { .form-oil__wro-btn { width: 100%; margin-bottom: 42px } } .form-oil__wro-btn input { width: 100%; padding: 19px 70px; background: -o-linear-gradient(356.91deg, #bea784 16.9%, #e1cfb9 54.94%, #bea784 95.26%); background: linear-gradient(93.09deg, #bea784 16.9%, #e1cfb9 54.94%, #bea784 95.26%); border-radius: 50px; border: 0; font-weight: 400; font-size: 20px; color: #fff; text-transform: uppercase; cursor: pointer } .form-oil__wro-btn input:disabled { background: #ddd; cursor: not-allowed } .search-input-element { width: 100%; padding: 22px 28px; border: 1px solid #aa8c66; border-radius: 50px; font-weight: 400; font-size: 20px; margin-bottom: 18px } @media (max-width: 1151px) { .search-input-element { font-size: 14px } } .search-input-element::-webkit-input-placeholder { color: #282e3c; opacity: 1 } .search-input-element::-moz-placeholder { color: #282e3c; opacity: 1 } .search-input-element::-ms-input-placeholder { color: #282e3c; opacity: 1 } .search-input-element::placeholder { color: #282e3c; opacity: 1 } @media (max-width: 1151px) { .search-input-element::-webkit-input-placeholder { font-size: 14px } .search-input-element::-moz-placeholder { font-size: 14px } .search-input-element::-ms-input-placeholder { font-size: 14px } .search-input-element::placeholder { font-size: 14px } } .slider-car .owl-dots { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 1151px) { .slider-car { padding: 0 } } .wro-image-main { max-width: 33% } .wro-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; width: auto } @media (max-width: 425px) { .wro-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .wro-redirect-text { text-decoration: underline; margin-left: 6px } .wro-redirect:hover { -webkit-transition: .1s linear; -o-transition: .1s linear; transition: .1s linear; opacity: .7 } .wro-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; margin: 24px auto; cursor: pointer } .wro-title, .wro-title-section { text-transform: uppercase; font-weight: 400 } .wro-title-section { margin-bottom: 24px; text-align: center; margin-top: 70px; font-size: 32px } .wro-title { font-size: 22px; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 10px } @media (max-width: 425px) { .wro-title { margin-bottom: 16px } } .wro-redirect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; cursor: pointer; font-weight: 400 } .wro-redirect, .wro-title-sm { font-size: 18px } .wro-subproducts { text-align: center; border: 2px solid #ddd; border-radius: 6px; padding: 16PX; height: 100%; margin-right: 24px } @media (max-width: 768px) { .wro-subproducts { margin-bottom: 24px } } .wro-container, .wro-container-main, .wro-container-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .wro-container-main { width: 100%; border: 2px solid #ddd; border-radius: 6px; padding: 16px; margin-bottom: 24px } .wro-container, .wro-container-sec { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wro-container-sec { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .wro-button { margin-top: 16px; cursor: pointer } .wro-btn-primary { background-color: #bea784; color: #fff; padding: 16px 24px; border-radius: 8px; font-size: 18px; display: inline-block; text-decoration: none } .grid-test { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media (max-width: 768px) { .grid-test { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .searchTable table { width: 100%; font-size: 18px; border: 2px solid #ddd } .searchTable tr { border-collapse: collapse } .searchTable tbody:not(:first-child):hover { background-color: #f0f0f0; cursor: pointer } .searchTable td, .searchTable th { text-align: left; padding: 12px 24px } .searchTable td { border-top: 2px solid #f0f0f0 } .jcf-disabled { background-color: #f5f5f5 !important } .show_more-oil { display: block; margin: 24px auto 32px; font-size: 16px; color: #fff; background-color: #bea784; border-radius: 50px; padding: 12px 24px; text-transform: uppercase; border: 0 } .form-oil-results { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; max-width: 1124px; margin-left: auto; margin-right: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 92px 0 0; margin-bottom: 48px } @media (max-width: 1151px) { .form-oil-results { margin: 0 18px; padding-top: 52px } } .wro-subtitle { font-weight: 400; text-transform: uppercase; font-size: 22px; margin: 16px auto } .wro-subtitle-noresult { font-weight: 400; font-size: 18px; color: #979797; margin: 16px auto } .wro-subtitle-noresult span { font-size: 18px; color: #000 } .wro-container-noresults { width: auto; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 60px; border: .83px solid #ddd; margin: 30px 0 } .wro-title-noresults { font-weight: 400; font-size: 18px; line-height: 110%; text-align: center; margin-bottom: 24px } .form-oil-results_disabled, .form-oil_disabled { display: none } .form-oil-results__container { 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 } .line-prod { display: none } @media only screen and (max-width: 768px) { .line-prod { display: block } } .line-prod__item { padding-left: 6%; padding-right: 6% } .line-prod__item-title { margin-bottom: 30px; text-align: center; text-transform: uppercase; color: #000; font-size: 20px; font-weight: 700 } .line-prod__item-img { overflow: hidden; width: 140px; height: 155px; margin: 0 auto 40px; text-align: center } .line-prod__item-img img { max-width: 100%; max-height: 100% } .line-prod__item-list { margin-bottom: 30px } .line-prod__item-list ul { margin: 0; padding: 0; list-style: none } .line-prod__item-list li { margin-bottom: 16px; font-size: 14px; font-weight: 400 } .line-prod__item-list li span { margin-right: 10px; color: #446cae; font-size: 18px; font-weight: 700 } .line-prod__item-desc { display: none; margin-bottom: 20px } .line, .line-prod .owl-carousel .owl-dots, .line-prod__item-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .line-prod .owl-carousel .owl-dots { top: 225px; right: 0; left: 0; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .line-prod .owl-carousel .owl-dots .owl-dot, .product-mobile .owl-carousel .owl-dots .owl-dot { width: 5px; height: 5px; margin-right: 8px; border-radius: 50%; background-color: #dbb17c } .line-prod .owl-carousel .owl-dots .owl-dot.active { border: 1px solid #dbb17c; background-color: #fff } .line { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.07%, #5c1716), color-stop(77.78%, #7f262a)); background: -o-linear-gradient(top, #5c1716 14.07%, #7f262a 77.78%); background: linear-gradient(180deg, #5c1716 14.07%, #7f262a 77.78%) } @media (max-width: 1599px),(max-height: 799px) { .line { margin-bottom: 40px } } .line__container { overflow: hidden !important; width: 100%; max-width: 1110px; padding-top: 64px; padding-bottom: 64px; height: 100%; 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 1100px) { .line__container { padding-top: 30px; padding-bottom: 30px } } @media (max-width: 1151px) { .line__container { 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; width: 100%; max-width: none; min-height: auto; padding: 32px 14px } } .line__title { margin-bottom: 34px; font-weight: 400; font-size: 36px; line-height: 36px; color: #fff; text-align: center; text-transform: uppercase } .line__title span { display: block; font-weight: 700 } @media only screen and (max-width: 768px) { .line__title { margin-bottom: 25px; font-size: 28px } } .line__quote { margin-bottom: 35px; padding-left: 18px; border-left: 7px solid #cfbca1; border-radius: 2px } .line__quote p { color: #fff; font-size: 18px; font-weight: 400 } @media only screen and (max-width: 1151px) { .line__quote p { font-size: 14px } .line__quote, .line__quote p { margin-bottom: 0 } } .line__desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 0; overflow: hidden; margin-left: 26px; opacity: 0; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease } @media only screen and (max-width: 1151px) { .line__desc { margin-top: 26px } } .line__desc--active { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; opacity: 1; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease } @media only screen and (max-width: 768px) { .line__desc--active { display: block } } .line__desc p { margin: 0 } .line__desc-left { width: 100%; color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 26px } @media only screen and (max-width: 1151px) { .line__desc-left { width: auto; font-size: 14px } } .line__desc-right { width: 100%; color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 26px } @media only screen and (max-width: 1151px) { .line__desc-right { width: auto; font-size: 14px } } .line__video, .line__video:before { position: absolute; left: 50%; background-repeat: no-repeat } .line__video { bottom: 0; max-width: 835px; cursor: pointer; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 65%; height: 190px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/bg-video.png); background-position: right center; background-size: cover } @media (max-width: 1599px),(max-height: 799px) { .line__video { left: 0; width: 80%; max-width: none; -webkit-transform: none; -ms-transform: none; transform: none } } .fp-responsive .line__video { position: relative; bottom: auto } .line__video:hover:before { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1) } .line__video:before { z-index: 10; top: 50%; display: inline-block; width: 60px; height: 60px; content: ''; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/icon-video.svg); background-position: center; background-size: contain } .line__btn-show-more { width: 100% } .line__list-item { position: relative; margin-left: 12px; margin-bottom: 16px; font-size: 16px; line-height: 20px; color: #474747 } .line__list-item:last-child { margin-bottom: 0 } .line__list-item--point:before { content: ''; position: absolute; left: -12px; top: 8px; height: 4px; width: 4px; background-color: #000; border-radius: 50% } .map { 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; min-height: 500px } @media (min-width: 1500px) { .map { height: calc(100% - 86px) } } .map__title { width: 100%; margin-bottom: 60px; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 36px; line-height: 36px; color: #282e3c } @media (max-width: 1151px) { .map__title { font-size: 30px; padding-bottom: 20px; margin-bottom: 32px } } .map__container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 80%; max-width: 835px; height: 490px; min-height: 708px; padding-top: 95px; padding-bottom: 100px } @media (max-width: 1599px),(max-height: 799px) { .map__container { width: 80%; max-width: none; height: auto } } @media (max-width: 1151px) { .map__container { padding-top: 46px; padding-bottom: 46px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 440px } } .map__list { 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: center; -ms-flex-align: center; align-items: center; height: 450px; padding: 0 30px } .map__list-items { width: 620px; height: 295px; border-radius: 5px; -webkit-box-shadow: 0 0 38px 2px rgba(0, 0, 0, .11); box-shadow: 0 0 38px 2px rgba(0, 0, 0, .11) } .map__list-wap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 35px } .map__list-item { width: 48%; padding: 35px 0 } .map__map { position: relative; width: 820px; height: 450px; margin: 0 auto } @media (max-width: 1500px) { .map__map { width: 700px; margin: 0 } } .map__toggle-btn { position: absolute; bottom: 0; left: 100px } .map__toggle-btn a { width: 110px; height: 40px; text-decoration: none; text-transform: uppercase; color: #000; background-color: #fff; -webkit-box-shadow: 0 0 38.4px 1.6px rgba(0, 0, 0, .11); box-shadow: 0 0 38.4px 1.6px rgba(0, 0, 0, .11); font-size: 12px; font-weight: 500 } .map__toggle-btn a:hover { color: #edbf6a } .map__toggle-btn a:hover span:after { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/ar3-select.png) } .map__toggle-btn a span:after { display: inline-block; width: 4px; height: 10px; margin-top: -1px; margin-left: 10px; content: ""; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/ar4-select.png); background-repeat: no-repeat; background-position: center } .map__nav, .map__nav--map { -webkit-box-shadow: 0 0 38px 2px rgba(0, 0, 0, .11); box-shadow: 0 0 38px 2px rgba(0, 0, 0, .11) } .map__nav, .map__toggle-btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px } .map__nav--map { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .map__nav-item { position: relative; background-color: #fff } .map__nav-item:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px } .map__nav-item:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px } .map__nav-item.active a { position: relative; z-index: 2; color: #fff } .map__nav-item.active:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; border-radius: 5px; background-color: #edbf6a } .map__nav-item a { display: inline-block; padding: 12px; text-decoration: none; text-transform: uppercase; color: #000; font-size: 12px; font-weight: 500 } .map__items { 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 440px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/revolux/map-revolux.png); background-repeat: no-repeat; background-position: center; background-size: contain } @media (max-width: 1100px) { .map__items { height: 60% } } .map__items-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 60px; margin-left: -25px } .map__items-line:last-child, .products__item-list li:last-child { margin-bottom: 0 } @media (max-width: 1200px) { .map__items-line { -ms-flex-wrap: wrap; flex-wrap: wrap } } .map__item { margin-left: 32px } .map__item:hover .map__item-icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .map__item:hover .map__item-icon img:first-child { display: none } .map__item:hover .map__item-icon img:last-child { display: inline; margin-top: 10px } @media (max-width: 1151px) { .map__item { width: 40%; margin-left: 25px; margin-top: 25px } } .map__item-link { 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 155px; height: 155px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; text-decoration: none !important; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .25); box-shadow: 0 4px 20px rgba(0, 0, 0, .25); border-radius: 15px; background-color: #fff } @media (max-width: 1151px) { .map__item-link { width: auto } } .map__item-link:hover { border-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#bea784), color-stop(51%, #e1cfb9), to(#bea784)); background-image: -o-linear-gradient(left, #bea784 0%, #e1cfb9 51%, #bea784 100%); background-image: linear-gradient(to right, #bea784 0%, #e1cfb9 51%, #bea784 100%); background-position: right center; background-size: 200% auto } .map__item-link:hover .map__item-desc { color: #fff } .map__item-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 90px; margin-bottom: 15px } .map__item-icon img:last-child { display: none } .map__item-desc { text-align: center; text-transform: uppercase; color: #000; font-size: 12px; font-weight: 500 } @media only screen and (max-width: 768px) { .map__item-desc { font-size: 10px } } .product-mobile { display: none; padding-top: 30px } @media only screen and (max-width: 768px) { .product-mobile { display: block } } .product-mobile__inner-items { position: relative; padding-left: 6%; padding-right: 6% } .product-mobile__inner-tabs { position: absolute; top: 280px; right: 0; left: 0 } .product-mobile__item { padding-bottom: 5px } .product-mobile__item:not(:nth-child(2)) { display: none } .product-mobile__item-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px; margin-bottom: 30px; text-align: center } .product-mobile__item-logo img { width: auto !important; max-width: 100%; height: auto; max-height: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none } .product-mobile__item-img { overflow: hidden; width: 140px; height: 155px; margin: 0 auto 85px; text-align: center } .product-mobile__item-img img { max-width: 100%; max-height: 100% } .product-mobile__inner-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .product-mobile__inner-tab { margin-right: 10px; margin-left: 10px } .product-mobile__inner-tab a { text-decoration: none; text-transform: uppercase; color: #b4b4b4; font-size: 20px; font-weight: 400 } .product-mobile__inner-tab.active a { color: #000 } .product-mobile__item-desc, .product-mobile__item-desc-big { margin-bottom: 20px; font-size: 14px; font-weight: 400 } .product-mobile__item-desc span, .product-mobile__item-desc-big span { color: #dbb17c; font-weight: 500 } .product-mobile__item-desc-big, .product__slider.owl-carousel .owl-item .product__items { display: none } .product-mobile__item-btns { 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 } .product-mobile__item-btn { -webkit-box-flex: 0; -ms-flex: none; flex: none } .product-mobile__item-btn--full-info { width: 100%; margin-top: 16px } .product-mobile .owl-carousel .owl-dots { position: absolute; top: 260px; right: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .product-mobile .owl-carousel .owl-dots .owl-dot:last-child { margin-right: 0 } .product-mobile .owl-carousel .owl-dots .owl-dot.active { border: 1px solid #dbb17c; background-color: #fff } .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; min-height: 520px; width: 100% } @media only screen and (max-width: 768px) { .product { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .product__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: hidden !important; width: 100%; max-width: 852px; padding-top: 64px; padding-bottom: 52px } @media only screen and (max-width: 1151px) { .product__container { max-width: 100%; padding-left: 18px; padding-right: 18px } } .product__slider.owl-carousel { margin: 0 auto } .product__slider.owl-carousel .owl-item { opacity: 0 } .product__slider.owl-carousel .owl-item.active { opacity: 1 } .product__slider.owl-carousel .owl-item.active .product__items, .product__slider.owl-carousel .owl-nav.disabled { display: block } .product__slider.owl-carousel .owl-item img { display: block; max-height: 120px; width: auto } @media (max-width: 420px) { .product__slider.owl-carousel .owl-item img { max-height: 86px; width: auto } } .product__slider.owl-carousel .owl-nav { display: none !important; position: absolute; z-index: -1; top: 50%; left: 50%; width: calc(100% + 60px); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .product__slider.owl-carousel .owl-nav.disabled:after, .product__slider.owl-carousel .owl-nav.disabled:before { position: absolute; z-index: 999; top: 50%; bottom: 0; display: block; width: 17px; height: 32px; content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .product__slider.owl-carousel .owl-nav.disabled:after { right: 0 } .product__slider.owl-carousel .owl-nav.disabled:before { left: 0 } .product__slider.owl-carousel .owl-nav > .disabled { display: none; cursor: default; -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); opacity: 0 !important } .product__slider.owl-carousel .owl-nav .owl-next, .product__slider.owl-carousel .owl-nav .owl-prev { position: absolute; top: 50%; width: 17px; height: 32px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; opacity: .7; background-position: center; font-size: 0 } .product__slider.owl-carousel .owl-nav .owl-prev { left: 0; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/prev.png) } .product__slider.owl-carousel .owl-dots .owl-dot.active, .product__slider.owl-carousel .owl-nav .owl-next:hover, .product__slider.owl-carousel .owl-nav .owl-prev:hover { opacity: 1 } .product__slider.owl-carousel .owl-nav .owl-next { right: 0; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/next.png) } .product__slider.owl-carousel .owl-dots { position: absolute; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .product__slider.owl-carousel .owl-dots .owl-dot { width: 8px; height: 8px; margin: 0 3px; opacity: .3; border-radius: 50%; background-color: #bfa784; font-size: 0 } .product__item { width: 99%; height: 100% } @media (max-width: 1151px) { .product__item { width: 100% } } .product__item.hide { display: none; z-index: 1 } .product__item.hide .product__item-left { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0) } .product__item.hide .product__item-right, .product__item.show .product__item-left { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0) } .product__item.show { z-index: 2 } .product__item.show .product__item-left { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); padding-bottom: 64px } @media (max-width: 768px) { .product__item.show .product__item-left { padding-bottom: 24px } } .product__item.show .product__item-right { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0) } .product__item-left { 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: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-negative: 0; flex-shrink: 0; width: 40%; margin-right: 1% } @media (max-width: 768px) { .product__item-left { -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; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100% } } .product__item-left .spritespin-canvas { position: relative !important; height: auto !important } .product__item-right { 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: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; width: 59%; height: 100% } @media (max-width: 768px) { .product__item-right { width: 100% } } .product__item-right-wrap, .product__item-short-info { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% } .product__item-right-wrap { -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 } .product__item-short-info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (max-width: 768px) { .product__item-short-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 1151px) { .product__item-test-info { position: static } } .product__item-img { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 450px; height: auto !important; pointer-events: none } @media (max-width: 768px) { .product__item-img { width: 50% !important; position: initial } } .product__item-img > * { -ms-flex-negative: 0; flex-shrink: 0 } .product__item-img .spritespin-instance { margin-bottom: -55px } .product__item-img img { height: 100% } .product__item-properties { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; padding: 10px 32px 10px 53px; z-index: 999; top: 454px; left: 0; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 350px; color: #bc9c9d; font-weight: 400; font-size: 15px; line-height: 20px; background: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box } @media (max-width: 768px) { .product__item-properties { max-width: 200px; top: 14%; left: 50%; padding: 8px; font-size: 10px } } @media (max-width: 540px) { .product__item-properties { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: none; top: 12%; padding: 4px } } @media (max-width: 420px) { .product__item-properties { top: 92px } } .product__item-properties::after { content: ""; position: absolute; inset: 0; border-radius: 4px; padding: 1px; background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(65%), to(#bea683)); background: -o-linear-gradient(right, transparent, 65%, #bea683); background: linear-gradient(to left, transparent, 65%, #bea683); -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude } .product__item-property { display: none; margin-left: 10px } .product__item-property.active, .product__item-property:hover { display: block } .product__item-property.active a, .product__item-property:hover a { font-weight: 400; font-size: 25px; line-height: 25px; color: #d7c3aa } @media (max-width: 1151px) { .product__item-property.active a, .product__item-property:hover a { font-size: 22px } } .product__item-property a { text-decoration: none; color: #ababab; font-size: 24px; font-weight: 700px } .product__items { position: relative; overflow: hidden; width: 832px } @media (max-width: 1599px),(max-height: 799px) { .product__items { width: 100%; max-width: 100% } } .product__items--black .product__item-properties { background: -webkit-gradient(linear, left top, right top, color-stop(4.77%, #191919), color-stop(106.54%, #5b5a5b)); background: -o-linear-gradient(left, #191919 4.77%, #5b5a5b 106.54%); background: linear-gradient(90deg, #191919 4.77%, #5b5a5b 106.54%) } .product__items--brown .product__item-properties { background: -webkit-gradient(linear, left top, right top, color-stop(4.77%, #56371c), color-stop(106.54%, #936c4a)); background: -o-linear-gradient(left, #56371c 4.77%, #936c4a 106.54%); background: linear-gradient(90deg, #56371c 4.77%, #936c4a 106.54%) } .product__item-logo { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: auto; margin-bottom: 16px; margin-left: -1px } .product__item-logo img { max-width: 300px } .product__item-logo-mobile { display: none; width: 184px } .product__item-logo-mobile img { width: 184px } @media (max-width: 768px) { .product__item-logo-mobile { display: block; width: 50% } } @media (max-width: 540px) { .product__item-logo-mobile { display: block; width: 300px } } .product__item-desc { overflow: auto; width: 100%; padding-right: 15px; margin-bottom: 12px; text-align: justify; color: #fff; font-weight: 400; font-size: 16px; line-height: 20px } .product__item-desc .gold-text { color: #bfa784; font-weight: 500 } .product__item-desc.more.hidden { display: none } @media (max-width: 1151px) { .product__item-desc { padding-right: 0 } } .product__item-link { margin-top: 12px; margin-bottom: 39px; color: #bfa784; font-size: 16px; font-weight: 400 } .product__item-link a { display: inline-block; padding-right: 15px; text-decoration: none; color: #bfa784; position: relative } @media (max-width: 1151px) { .product__item-link a { display: block; text-align: center; font-size: 24px } } .product__item-link a:hover { color: #b18445 } .product__item-link a.hide:after, .product__item-link a:after { width: 8px; height: 14px; bottom: 2px; background: url(/local/templates/delement_revolux_new/frontend/css/../img/ar2.png) right 6px no-repeat } .product__item-link a:after { content: ""; position: absolute; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: 0 0 0 10px } @media (max-width: 1151px) { .product__item-link a:after { height: 24px } } .product__item-link a.hide:after { margin: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } @media (max-width: 1151px) { .product__item-link a.hide:after { bottom: 6px } } .product__item-link--prev { margin: 0 } .product__item-link--prev a { padding-right: 0; padding-left: 15px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/ar2.1.png); background-repeat: no-repeat; background-position: left 5px } .product__item-link--prev a::after { content: none } .product__item-buttons, .product__link-podbor, .product__link-sale, .product__link-tests { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .product__item-buttons { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -16px } .product__link-podbor, .product__link-sale, .product__link-tests { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; margin-right: 18px; margin-bottom: 16px; -webkit-box-sizing: content-box; box-sizing: content-box; padding-right: 32px; padding-left: 32px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; text-decoration: none; text-transform: uppercase; color: #bfa784; border: 1px solid #bfa784; border-radius: 42px; font-size: 14px } @media (max-width: 1151px) { .product__link-podbor, .product__link-sale, .product__link-tests { width: 100%; margin-right: 0; padding: 10px 32px; margin-bottom: 24px } } .product__link-podbor:last-child, .product__link-sale:last-child, .product__link-tests:last-child { margin-right: 0 } .product__link-podbor:hover, .product__link-sale:hover, .product__link-tests:hover { color: #fff; border-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#bea784), color-stop(51%, #e1cfb9), to(#bea784)); background-image: -o-linear-gradient(left, #bea784 0%, #e1cfb9 51%, #bea784 100%); background-image: linear-gradient(to right, #bea784 0%, #e1cfb9 51%, #bea784 100%); background-position: right center; background-size: 200% auto } .product__link-podbor:active, .product__link-podbor:focus, .product__link-sale:active, .product__link-sale:focus, .product__link-tests:active, .product__link-tests:focus { text-decoration: none } .product__item-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 25px } .product__item-file { height: 40px; margin-right: 50px; margin-left: auto } .product__item-file--right { margin-right: 0 } .product__item-file a { display: inline-block; width: 32px; height: 40px; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/pdf.png); background-repeat: no-repeat; background-position: center; font-size: 0 } .product__item-file a:hover { background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/pdf-hover.png) } .product__info-product { padding: 78px 0 64px } @media (max-width: 1151px) { .product__info-product { display: block; margin: 0 auto; padding: 0 } } .products, div[data-anchor=section4] .fp-tableCell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } div[data-anchor=section4] .fp-tableCell { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.07%, #5c1716), color-stop(77.78%, #7f262a)); background: -o-linear-gradient(top, #5c1716 14.07%, #7f262a 77.78%); background: linear-gradient(180deg, #5c1716 14.07%, #7f262a 77.78%) } .products { position: relative; height: 100%; max-width: 1124px; margin-left: auto; margin-right: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 90px } @media only screen and (max-width: 1151px) { .products { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 64px } } .products__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 400px; height: 100% } .products__item { width: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } @media (max-width: 1599px),(max-height: 799px) { .products__item { 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 } } .products__item.hide { display: none; z-index: -2; opacity: 0 } .products__item.hide .products__item-img { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .products__item.show { display: block; z-index: 2; opacity: 1 } .products__item.show .products__item-img { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0) } .products__item-header { margin-top: 60px } @media (max-width: 1151px) { .products__item-header { margin: 0 0 24px } } .products__item-main { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1151px) { .products__item-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .products__item-left, .products__item-right { 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 } .products__item-left { overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px } .products__item-right { width: 50%; margin-left: 48px } @media (max-width: 1151px) { .products__item-right { width: 100%; margin-left: 0 } } .products__item-title { font-weight: 400; font-size: 36px; line-height: 36px; color: #282e3c; text-align: center; text-transform: uppercase } @media (max-width: 1599px),(max-height: 799px) { .products__item-title { font-size: 28px } } .products__item-img { -ms-flex-negative: 0; flex-shrink: 0; width: 450px; height: 450px; /* margin-top: -50px;*/ -webkit-transition: .5s; -o-transition: .5s; transition: .5s } @media (max-width: 1439px) { .products__item-img { width: 350px !important; height: 350px !important } } .products__item-img img { margin-left: -10px } @media (max-width: 1439px) { .products__item-img { margin-top: 0 } .products__item-img img { margin-left: 0 } } .products__item-desc { font-weight: 400; font-size: 18px; line-height: 24px; color: #282e3c } .products__item-list, .products__item-list li { display: -webkit-box; display: -ms-flexbox; display: flex } .products__item-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 20px 0 0; list-style: none } .products__item-list li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } @media (max-width: 1151px) { .products__item-list li { margin-bottom: 10px } } .products__item-list i { display: inline-block; overflow: hidden; width: 18px; height: 18px; margin-right: 8px; color: #4166ac; border-radius: 50%; background: -o-linear-gradient(287deg, #651a1a -9.72%, #94262c 102.89%); background: linear-gradient(163deg, #651a1a -9.72%, #94262c 102.89%); font-size: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none } .products__item-list--black i { background: -o-linear-gradient(287.34deg, #1a1a1a -9.72%, #555455 102.89%); background: linear-gradient(162.66deg, #1a1a1a -9.72%, #555455 102.89%) } .products__item-list--brown i { background: -o-linear-gradient(287.34deg, #56361b -9.72%, #946d4b 102.89%); background: linear-gradient(162.66deg, #56361b -9.72%, #946d4b 102.89%) } .products__item-list span { font-weight: 400; font-size: 18px; line-height: 24px } @media (max-width: 1151px) { .products__item-list span { font-size: 16px } } .products__item-footer { margin-top: 30px } .products__item-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .products__item-icon { margin-right: 30px } .products__item-icon:last-child { margin-right: 0 } .description { padding: 0; margin: 0 auto } @media (max-width: 1151px) { .description { margin: 56px 18px } } .selection { -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; height: 100%; min-height: 100vh; padding-top: 100px; padding-bottom: 100px } .selection h2 { font-family: "Roboto Condensed", sans-serif; font-size: 45px; line-height: 52px; font-weight: 700; text-transform: uppercase } @media only screen and (max-width: 768px) { .selection h2 { margin-bottom: 16px; font-size: 24px; text-transform: none } } @media (max-width: 1100px) { .selection { padding-top: 30px; padding-bottom: 30px; min-height: 300px } } .selection, .selection.open-slider .selection__result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .selection.open-slider .selection__form { display: none } .selection__container { position: relative; 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; width: 80%; max-width: 835px } @media only screen and (max-width: 768px) { .selection__container { width: 88% } } .selection__container.preloaders:before { top: 50%; right: auto; bottom: auto; left: 50%; width: 120%; height: 120%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .selection__form-img { margin-bottom: 48px; text-align: center } @media only screen and (max-width: 768px) { .selection__form-img { margin-bottom: 64px } } .selection__result { position: relative; display: none; height: 600px } .selection__info-text { display: none; margin-top: 32px; margin-bottom: 32px; padding: 24px 0; text-align: center; border-top: 1px solid #d69e51; border-bottom: 1px solid #d69e51; font-size: 18px } .selection__info-text.show { display: block } .transport { overflow: hidden; overflow-y: auto; position: relative } .transport__container, .transport__wrapper { height: -webkit-max-content; height: -moz-max-content; height: max-content } .transport__container { background: -webkit-gradient(linear, left top, left bottom, color-stop(-14.75%, #5c1716), to(#80272b)); background: -o-linear-gradient(top, #5c1716 -14.75%, #80272b 100%); background: linear-gradient(180deg, #5c1716 -14.75%, #80272b 100%); overflow: hidden; overflow-y: auto } @media (max-width: 1151px) { .transport__container { padding: 0 18px } } .transport__commercial-transport { max-width: 1110px; margin: auto; padding: 68px 0 } @media (max-width: 768px) { .transport__commercial-transport { padding: 42px 0 } } .transport__commercial-transport.mobile { display: none } @media (max-width: 768px) { .transport__commercial-transport.mobile { display: block } } .transport__agricultural-transport { max-width: 1110px; margin: auto; padding: 68px 0 } @media (max-width: 768px) { .transport__agricultural-transport { padding: 42px 0 } } .transport__title { color: #fff; font-size: 36px; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 20px } @media (max-width: 1151px) { .transport__title { font-size: 30px } } @media (max-width: 768px) { .transport__title { font-size: 24px } } .transport__title--mobile { margin: 36px 0 0 } .transport__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; margin-top: 26px } @media (min-width: 1599px) { .transport__row:last-child { padding-bottom: 64px } } @media (max-width: 768px) { .transport__row { -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 } } .transport__column { width: 100% } .transport__column-list, .transport__column-title { font-size: 18px; font-weight: 400; text-transform: uppercase } .transport__column-title { padding: 10px 18px 8px; border-radius: 10px; background: -o-linear-gradient(357deg, #bea784 16.9%, #e1cfb9 54.94%, #bea685 95.26%); background: linear-gradient(93deg, #bea784 16.9%, #e1cfb9 54.94%, #bea685 95.26%); color: #491813 } .transport__column-list { color: #fff; font-style: normal } .transport__column-list--introductory .transport__item { padding: 8px 16px; display: -webkit-box; display: -ms-flexbox; display: flex } .transport__item { padding: 16px; margin-top: 6px; border-radius: 10px; border: 1px solid #b0956d; -webkit-box-shadow: 0 4.06132px 20.30658px 0 rgba(0, 0, 0, .25); box-shadow: 0 4.06132px 20.30658px 0 rgba(0, 0, 0, .25) } .transport__item-icon { width: 34px; margin-right: 12px; text-align: center } .transport__item-icon--big { width: 72px } .transport__item-title--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px } .transport__point-list { list-style: none; margin: 0 0 -16px; padding-left: 40px } .transport__point { margin: 0 0 16px; counter-increment: my-awesome-counter; position: relative; line-height: 26px } .transport__point::before { content: counter(my-awesome-counter); color: #491813; font-size: 20px; font-weight: 400; position: absolute; --size: 26px; left: calc(-1 * var(--size) - 10px); width: var(--size); height: var(--size); top: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(16.9%, #bea784), color-stop(54.94%, #e1cfb9), color-stop(95.26%, #bea685)); background: -o-linear-gradient(top, #bea784 16.9%, #e1cfb9 54.94%, #bea685 95.26%); background: linear-gradient(180deg, #bea784 16.9%, #e1cfb9 54.94%, #bea685 95.26%); border-radius: 50%; text-align: center } .transport__link { display: none; text-align: center; color: #d7c3aa; font-size: 26px; font-weight: 400; margin: 0 0 42px } @media (max-width: 768px) { .transport__link { display: block } } .transport__link a { text-decoration: none; color: #d7c3aa; position: relative } .transport__link a.hide:after, .transport__link a:after { width: 8px; height: 14px; bottom: 2px; background: url(/local/templates/delement_revolux_new/frontend/css/../img/ar2.png) right 6px no-repeat } .transport__link a:after { content: ""; position: absolute; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: 0 0 0 10px } @media (max-width: 1151px) { .transport__link a:after { height: 24px } } .transport__link a.hide:after { margin: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } @media (max-width: 1151px) { .transport__link a.hide:after { bottom: 6px } } .transport__img img { max-width: none } .transport__line { height: 220px } @media (max-width: 768px) { .hidden-info { display: none } } @media (min-width: 769px) { .mobile-info { display: none } } .iScrollIndicator { background-color: #e1cfb9 !important; opacity: 1 } /* End */ /* Start:/local/templates/delement_revolux_new/frontend/css/custom.css?17876583346161*/ .isCustomRevoluxNew [data-anchor="section1"] { max-height: 738px; } .isCustomRevoluxNew [data-anchor^="section"] .fp-tableCell { display: block; } .isCustomRevoluxNew .brand-custom { max-height: 738px; min-height: 242px; } /*TODO: в будущем у баннера надо будет делать picture и тут менять стили*/ .isCustomRevoluxNew .brand-custom img { max-height: 768px; display: block; object-fit: cover; height: 100%; width: 100%; min-height: 242px; } @media screen and (max-width: 740px) { .brand__advantages-item-number { width: 35px; height: 35px; } .isCustomRevoluxNew .brand__container { width: 100%; max-width: none; min-height: auto; padding: 23px 14px; position: absolute; bottom: -11px; left: -7px; } .isCustomRevoluxNew .brand__advantages-item { margin-bottom: 7px; } } .isCustomRevoluxNew .description { margin-block: 100px; } .isCustomRevoluxNew .product { background: linear-gradient(180deg, #5c1716 14.07%, #7f262a 77.78%); } @media screen and (max-width: 768px){ .isCustomRevoluxNew .product__item-buttons--buyOnlineBellow { position: absolute; right: calc(100vw / 2); top: 44%; transform: translateX(110%); } } .isCustomRevoluxNew .map__item { aspect-ratio: 1 / 1; min-width: 155px; } .isCustomRevoluxNew .files__items { flex-wrap: wrap; row-gap: 24px; } .isCustomRevoluxNew .files__items .files__item { margin-right: 0; margin-left: 0; width: max-content; } .isCustomRevoluxNew .files__items .files__item .card-file__img { height: 350px; object-fit: contain; border-radius: 12px; } @media screen and (min-width: 769px) { .isCustomRevoluxNew .files__items .files__item .card-file__img { width: 350px; } } /* слайдер */ .products__item-main.hide { display: none; } .products__item-main.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .up-link { opacity: 0; } .up-link a { display: inline-block; width: 70px; height: 70px; border-radius: 50%; background-image: url(/local/templates/delement_revolux_new/frontend/css/../img/up-link-o.svg); background-size: cover; position: fixed; bottom: 200px; right: 50px; pointer-events: none; opacity: 0; transition: opacity 0.3s linear; } .up-link a.up-link--show { opacity: 0.6; pointer-events: auto; } @media(max-width: 1280px) { .up-link a { width: 60px; height: 60px; } } @media(max-width: 780px) { .up-link a { width: 50px; height: 50px; right: 20px; } } .footer { position: fixed; z-index: 10; right: 0; bottom: 0; display: inline-block !important; width: auto; } @media (max-width: 1200px) { .footer { position: absolute; bottom: 0; width: 100%; } } @media only screen and (max-width: 1151px) { .footer { position: relative; left: 0; width: 100%; margin-bottom: 0; padding-top: 50px; } } .footer__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 8vh; padding-left: 0; } @media only screen and (max-width: 1151px) { .footer__container { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-right: 0; padding-bottom: 30px; padding-left: 0; } } .footer__center { margin-right: 30px; } @media (min-width: 1152px) { .filter__form .filter__brands { display: flex; justify-content: center; } .filter__form .filter__brands .filter__brand-btn{ margin: 0; } } .product__item .product__item-desc { overflow: hidden; } .disclaimer { backface-visibility: hidden; background: #f4f4f4; bottom: 0; left: 0; right: 0; opacity: 0; padding: 16px 0; position: fixed; transform: translateY(100%) translateZ(0); visibility: hidden; width: 100%; z-index: 1000; font-size: 16px; } .disclaimer .button { position: relative; display: inline-block; margin-right: -4px; cursor: pointer; background: #da9936; color: #FFF; padding: 15px 20px 13px; text-decoration: none; letter-spacing: 0.02em; font-weight: 500; border: none; } .disclaimer__body { padding: 0 10px; max-width: 1124px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; gap: 24px; align-items: center; } .disclaimer.is-active { transform: translateY(0) translateZ(0); opacity: 1; visibility: visible; } @media (max-width: 767px) { .disclaimer { font-size: 13px; } } .disclaimer__content { display: flex; flex-direction: column; row-gap: 12px; } .disclaimer__checkbox { position: relative; display: flex; align-items: center; } .disclaimer__input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .disclaimer__checkbox span { padding-left: 32px; } .disclaimer__checkbox span::before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #000; border-radius: 2px; background: #fff; transition: all 0.2s; cursor: pointer; } /* 4. Галочка */ .disclaimer__checkbox span::after { content: ""; position: absolute; left: 6px; top: 2px; width: 4px; height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); opacity: 0; transition: all 0.2s; } .disclaimer__input:hover span::before { border-color: #ffd200; } .disclaimer__input:checked + span::before { background: #4c4c4c; border-color: #4c4c4c; } .disclaimer__input:checked + span::after { opacity: 1; transform: rotate(45deg) scale(1); } .disclaimer__input.invalid + span::before { border-color: #dc2626 !important; } /* End */ /* /local/templates/delement_revolux_new/frontend/libs/normalize/normalize.css?17339925722159 */ /* /local/templates/delement_revolux_new/frontend/libs/Feature-Carousel/css/feature-carousel.css?17339925721158 */ /* /local/templates/delement_revolux_new/frontend/libs/animate-css/animate.css?173399257217065 */ /* /local/templates/delement_revolux_new/frontend/libs/jcf/css/theme-minimal/jcf.css?17339925729328 */ /* /local/templates/delement_revolux_new/frontend/libs/OwlCarousel2/dist/assets/owl.carousel.min.css?17339925722871 */ /* /local/templates/delement_revolux_new/frontend/libs/OwlCarousel2/dist/assets/owl.theme.default.min.css?1733992572846 */ /* /local/templates/delement_revolux_new/frontend/libs/arcticmodal/jquery.arcticmodal-0.3.css?1733992572567 */ /* /local/templates/delement_revolux_new/frontend/libs/mediaelement/mediaelementplayer.min.css?173399257211694 */ /* /local/templates/delement_revolux_new/frontend/libs/fancybox/source/jquery.fancybox.css?17339925723893 */ /* /local/templates/delement_revolux_new/frontend/libs/slick/slick.css?17339925721307 */ /* /local/templates/delement_revolux_new/frontend/libs/slick/slick-theme.css?17339925722333 */ /* /local/templates/delement_revolux_new/frontend/libs/fullPage/dist/jquery.fullpage.min.css?17339925723622 */ /* /local/templates/delement_revolux_new/frontend/libs/swiper/swiper-bundle.min.css?173399257217757 */ /* /local/templates/delement_revolux_new/frontend/css/main.css?1773663938196237 */ /* /local/templates/delement_revolux_new/frontend/css/custom.css?17876583346161 */