/* Start:/css/jquery.fancybox.css?159039650212795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/css/animate.min.css?159039650216952*/ @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 */ .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}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(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)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{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)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@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)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-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}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@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}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} /* End */ /* Start:/css/jquery.dlmenu.css?159039650216480*/ .dl-menuwrapper { width: 100%; max-width: 320px; float: none; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 0px; } .dl-menuwrapper button { background: #ccc; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #fff; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li:first-child { /* border-top: 1px solid #ececec; */ } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 15px; line-height: 20px; font-family: 'SFUIDisplay-Regular'; color: #282828; outline: none; border-bottom: 1px solid #e7e9ea; text-decoration: none; } .dl-menuwrapper li a:hover { color:#fa3a3a; } .no-touch .dl-menuwrapper li a:hover { /* background: rgba(255,248,213,0.1); */ } .dl-menuwrapper li.dl-back > a { padding-left: 35px; background: #fafafa url(/images/back_icon.png) 20px 50% no-repeat; } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; speak: none; -webkit-font-smoothing: antialiased; content: ""; } .dl-menuwrapper li.dl-back:after { left: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } .dl-menuwrapper li > a:after { right: 10px; } .dl-menuwrapper .dl-menu { margin: 0px 0 0 0; position: relative; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; margin:0; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 0px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.01s linear forwards; -moz-animation: MenuAnimOut2 0.01s linear forwards; animation: MenuAnimOut2 0.01s linear forwards; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.0s ease; -moz-animation: MenuAnimOut5 0.0s ease; animation: MenuAnimOut5 0.0s ease; } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 100% { -webkit-transform: translateY(0%); opacity: 0; } } @-moz-keyframes MenuAnimOut1 { 50% { -moz-transform: translateZ(-250px) rotateY(30deg); } 75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-moz-keyframes MenuAnimOut2 { 100% { -moz-transform: translateX(-100%); opacity: 0; } } @-moz-keyframes MenuAnimOut3 { 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes MenuAnimOut4 { 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes MenuAnimOut5 { 100% { -moz-transform: translateY(0%); opacity: 0; } } @keyframes MenuAnimOut1 { 50% { transform: translateZ(-250px) rotateY(30deg); } 75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 100% { transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 100% { transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 100% { transform: translateY(0%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.01s linear forwards; -moz-animation: MenuAnimIn2 0.01s linear forwards; animation: MenuAnimIn2 0.01s linear forwards; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.0s ease; -moz-animation: MenuAnimIn5 0.0s ease; animation: MenuAnimIn5 0.0s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(0%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes MenuAnimIn1 { 0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-moz-keyframes MenuAnimIn2 { 0% { -moz-transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn3 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn4 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn5 { 0% { -moz-transform: translateY(0%); opacity: 0; } 100% { -moz-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { transform: translateY(0%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.01s linear forwards; -moz-animation: SubMenuAnimIn2 0.01s linear forwards; animation: SubMenuAnimIn2 0.01s linear forwards; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.0s ease; -moz-animation: SubMenuAnimIn5 0.0s ease; animation: SubMenuAnimIn5 0.0s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(0px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @-moz-keyframes SubMenuAnimIn1 { 0% { -moz-transform: translateX(50%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn2 { 0% { -moz-transform: translateX(100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn3 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn4 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn5 { 0% { -moz-transform: translateZ(0px); opacity: 0; } 100% { -moz-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { transform: translateX(50%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { transform: translateZ(0px); opacity: 0; } 100% { transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.01s linear forwards; -moz-animation: SubMenuAnimOut2 0.01s linear forwards; animation: SubMenuAnimOut2 0.01s linear forwards; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.0s ease; -moz-animation: SubMenuAnimOut5 0.0s ease; animation: SubMenuAnimOut5 0.0s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(0px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut1 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(50%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut2 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(100%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut3 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut4 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut5 { 0% { -moz-transform: translateZ(0); opacity: 1; } 100% { -moz-transform: translateZ(0px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { transform: translateZ(0); opacity: 1; } 100% { transform: translateZ(0px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* End */ /* Start:/css/swiper.css?159065657213688*/ /** * Swiper 5.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 20, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/css/jquery.mCustomScrollbar.css?159765370253515*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 4px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebebeb; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #d6d6d6; } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/css/style.css?1776945792442640*/ html, body {margin: 0; padding: 0; width: 100%; height: 100%; scroll-behavior: smooth; backface-visibility: hidden;} body { height: 100%; position:relative; color:#000; font: 14px/20px 'Montserrat-Regular', Arial, Tahoma, Helvetica, sans-serif; background: #fff; max-width:2560px; min-width: 320px; margin:0px auto; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; backface-visibility: hidden;} img, embed, object, video { max-width: 100%; border:0px; margin:0; padding:0; } div {margin:0px; padding:0px; } input, textarea, button {outline:none; resize: none; font-family: Arial, Tahoma, Helvetica, sans-serif; -webkit-appearance: none; } hr {color:#848484; height:1px; border:0px; background-color:#848484; } p, ul, ol { margin: 20px 0 0px 0px; padding: 0 0 0 0px; } ul, ol { margin-left: 20px; } ul ul, ol ol, ul ol, ol ul { margin: 0 0 0 20px; } ul { list-style:square; } li li {margin: 0; } a {/* color:#282828; text-decoration:underline; */ outline:none; transition: 0.3s ease-in;} a:hover, a:active {/* color:#fa3a3a; */ text-decoration:none; } .fr {float:right; } .fl {float:left} .cl{clear:both; } .clearfix:after, .clearfix:before {content: " "; display: table; clear: both; } /*----- Подключаемые шрифты -----*/ @font-face { font-family: 'Montserrat-Thin'; src: url('/css/../fonts/Montserrat-Thin.eot'); src: url('/css/../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/Montserrat-Thin.ttf') format('truetype'), url('/css/../fonts/Montserrat-Thin.woff') format('woff'), url('/css/../fonts/Montserrat-Thin.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-SemiBold'; src: url('/css/../fonts/Montserrat-SemiBold.eot'); src: url('/css/../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/Montserrat-SemiBold.ttf') format('truetype'), url('/css/../fonts/Montserrat-SemiBold.woff') format('woff'), url('/css/../fonts/Montserrat-SemiBold.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Regular'; src: url('/css/../fonts/Montserrat-Regular.eot'); src: url('/css/../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/Montserrat-Regular.ttf') format('truetype'), url('/css/../fonts/Montserrat-Regular.woff') format('woff'), url('/css/../fonts/Montserrat-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Medium'; src: url('/css/../fonts/Montserrat-Medium.eot'); src: url('/css/../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/Montserrat-Medium.ttf') format('truetype'), url('/css/../fonts/Montserrat-Medium.woff') format('woff'), url('/css/../fonts/Montserrat-Medium.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Light'; src: url('/css/../fonts/Montserrat-Light.eot'); src: url('/css/../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/Montserrat-Light.ttf') format('truetype'), url('/css/../fonts/Montserrat-Light.woff') format('woff'), url('/css/../fonts/Montserrat-Light.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Bold'; src: url('/css/../fonts/Montserrat-Bold.eot'); src: url('/css/../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/Montserrat-Bold.ttf') format('truetype'), url('/css/../fonts/Montserrat-Bold.woff') format('woff'), url('/css/../fonts/Montserrat-Bold.woff2') format('woff2'); font-weight: normal; font-style: normal; } /*----- Подключаемые шрифты -----*/ * { box-sizing: unset; } /* Стандартные стили */ blockquote { margin:15px 0 15px 0; padding: 10px 0 10px 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; color:#262626; } .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } table.tb {border-collapse: collapse; font-size:13px; width: 100%; border: 1px solid #eaeaea; font-family: 'SFUIDisplay-Regular';} table.tb td {padding: 10px 10px; vertical-align:middle; border: 1px solid #eaeaea; text-align: left; color:#000; } table.tb th { font-family: 'SFUIDisplay-Bold'; padding: 5px 10px; vertical-align:middle; border: 1px solid #eaeaea; text-align: left; color:#000; font-size: 15px; } table.tb thead th{ font-family: 'SFUIDisplay-Bold'; border-bottom-width: 1px; text-align: left; font-weight: normal; padding:10px; color:#000; background:#f5f6f7; } table.tb thead td { border-bottom-width: 1px; text-align: left; font-weight: normal; padding:10px; color:#000; background:#eaeaea; } table.tb tfoot th { background: #f5f6f7; text-align: left; border: none; font-size: 105%; font-weight: normal; color:#000;} table.tb tfoot td { background: #f5f6f7; text-align: left; border: none; font-size: 105%; font-weight: normal; color:#000;} /* Стандартные стили */ /*----- Основной макет -----*/ .wrapper { display: table; width: 100%; height: 100%; table-layout: fixed;} .header { background:#fff; position: fixed; width:100%; z-index:6; padding:0; -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1); } .content {display: table-row; height: 100%; } .footer { background: #262626; padding: 0px 0; } /* .content-inner { padding:48px 0 76px 0; } */ .page-inner { max-width: 1220px; margin: 0 auto; padding: 0 20px 0 20px; position:relative; } .content-inner { padding: 156px 0px 0 0px; } .bottom-pad-main { padding-bottom:80px!important; } .wrapper .header { position: fixed; z-index: 15!important; } /*----- Основной макет -----*/ /* Header */ .header-top-block { padding-top:15px; border-bottom:1px solid #E0E0E0; position:relative; z-index:2; background:#fff; } .header-top-col { float:right; } .header-top-col:first-child { float:left; } .header-top-menu ul { margin:0; padding:0; list-style:none; } .header-top-menu ul li { display:inline-block; font-family: 'Montserrat-Regular'; font-size:13px; line-height:13px; margin-left:35px; } .header-top-menu ul li:first-child { margin-left:0; } .header-top-menu ul li a { display:block; color:#000; text-decoration:none; padding:0 0 24px 0; border-bottom:4px solid #fff; } .header-top-menu ul li a:hover { color:#2680EB; text-decoration:none; border-bottom:4px solid #2680EB; } .header-top-social { padding-bottom:15px; } .header-top-social a { display:block; float:left; width:30px; height:30px; margin-left:10px; } .header-top-social a:first-child { margin-left:0; } .header-top-social a.yt { background:url(/images/yt-icon-header.svg) 0px 0px no-repeat; } .header-top-social a.fb { background:url(/images/fb-icon-header.svg) 0px 0px no-repeat; } .header-top-social a.in { background:url(/images/in-icon-header.svg) 0px 0px no-repeat; } .header-top-social a.vk { background:url(/images/vk-icon-header.svg) 0px 0px no-repeat; } .header-top-social a:hover { background-position:0 -30px; } .header-bottom-block { position:relative; background:#fff; } .header-bottom-cols { } .header-bottom-col { float:right; position:relative; z-index:3; } .header-bottom-col:first-child { float:left; } .header-logo-block { padding:25px 0; } .header-logo-img { width:215px; float:left;} .header-logo-img img { display:block; } .header-logo-text { margin-left: 245px; height:45px; border-left:1px solid #C7AB85; padding-left:30px; } .header-logo-text span { display:block; font-family: 'Montserrat-Medium'; font-size:12px; color:#C7AB85; line-height:13px; padding-top:10px; } .header-col-inner { padding:35px 0; } .header-fav-block { float:left; position:relative; } .header-fav-icon { width:24px; height:24px; background:url(/images/header-fav-icon.svg) 0px 0px no-repeat; } .header-fav-block:hover .header-fav-icon { background-position:0 -24px; } .header-fav-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .header-fav-link a { display:block; width:100%; height:100%; } .header-search-block { float:left; margin-left:20px;} .header-search-toggle { width:24px; height:24px; background:url(/images/header-search-icon.svg) 0px 0px no-repeat; cursor:pointer; } .header-search-block:hover .header-search-toggle { background-position:0 -24px; } .header-search-toggle.active { background-position:0 -24px; } .header-auth-block { float:left; margin-left:20px; margin-top:2px; position:relative; } .header-auth-icon { width:20px; height:20px; background:url(/images/header-auth-icon.svg) 0px 0px no-repeat; } .header-auth-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .header-auth-link a { display:block; width:100%; height:100%; } .header-auth-block:hover .header-auth-icon { background-position:0 -22px; } .header-phone-block { float:left; margin-left:25px; } .header-phone { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:24px; } .header-phone a { color:#000; text-decoration:none; } .header-phone a:hover { color:#000; text-decoration:none; } .search-popup-block { position:relative; z-index:3; background:#F7F7F7; padding: 45px 0; display:none;} .search-popup-block.active { display:block; } .search-popup-inner { float:right; position:relative; } .search-popup-input { padding-right:35px; width:730px; } .search-popup-input input { width:100%; border:none; background:none; margin:0; padding:0 0 12px; border-bottom:1px solid #707070; font-family: 'Montserrat-Medium'; font-size:12px; line-height:12px; color:#000; text-transform:uppercase; } .search-popup-input input::-webkit-input-placeholder { color: #989898; } .search-popup-input input:-ms-input-placeholder { color: #989898; } .search-popup-input input::-ms-input-placeholder { color: #989898; } .search-popup-input input::placeholder { color: #989898; } .search-popup-close { width:25px; height:25px; position:absolute; top:5px; right:0; background:url(/images/search-close.svg) 0px 0px no-repeat; cursor:pointer; } .header-menu-block { position:absolute; z-index:2; top:37px; left:0; right:0; text-align:center; } .header-menu-block ul { list-style:none; margin:0; padding:0; } .header-menu-block ul li { display:inline-block; font-family: 'Montserrat-SemiBold'; text-transform:uppercase; font-size:14px; line-height:14px; margin-left:30px;} .header-menu-block ul li:first-child { margin-left:135px; } .header-menu-block ul li a { display:block; color:#000; text-decoration:none; padding:0 0 37px 0; border-bottom:4px solid #fff; } .header-menu-block ul li:hover > a { color:#2680EB; text-decoration:none; border-bottom:4px solid #2680EB; transition: 0.3s all ease!important; } .header-sub-menu { position:absolute; z-index:2; top:20px; left:0; right:0; padding-top:38px; display:none; } .header-sub-menu-inner { background:#F2F2F2; padding:26px 0 0 0; text-align:left; } .header-menu-block ul li:hover .header-sub-menu { display:block; } .header-sub-menu ul li { margin-left:50px;} .header-sub-menu ul li:first-child { margin-left:0px;} .header-sub-menu ul li a { display:block; color:#000; text-decoration:none; padding:0 0 20px 0; border-bottom:4px solid #F2F2F2; } .header-sub-center {max-width: 1220px; margin: 0 auto; padding: 0 20px 0 20px; } .sub-menu-level { position:absolute; left:0px; right:0px; margin-top:-4px; display:none; } .sub-menu-level-inner { border-top:1px solid #E0E0E0; padding-top:20px; background:#F2F2F2; padding-bottom:30px; margin-top:4px; } .header-sub-menu ul li:hover > a { color:#2680EB; text-decoration:none; border-bottom:4px solid #2680EB; } .header-sub-menu ul li:hover .sub-menu-level { display:block; } .sub-menu-level ul li { margin-right:60px; margin-left:0; margin-top:10px; } .sub-menu-level ul li a { padding:0; border-bottom:none; } .sub-menu-level ul li:hover a { color:#B2967E; text-decoration:none; border-bottom:none; } .menu-toggle { position:absolute; z-index:2; width:60px; top:0; left:0; bottom:0; background:url(/images/menu-icon.svg) 50% 50% no-repeat; cursor:pointer; display:none; } .header.active .header-menu-block { top:37px; } .header-cart-block { float:left; margin-left:25px; position:relative; } .header-cart-icon { width:25px; height:25px; background:url(/images/sticky-cart-icon-black.svg) 50% 50% no-repeat; background-size:100%; } .header-cart-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .header-cart-link a { display:block; width:100%; height:100%; } .header-cart-count { position:absolute; z-index:1; right:-2px; bottom:-2px; width:14px; height:14px; background:#2680EB; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; color:#fff; text-align:center; line-height:14px; font-family: 'Montserrat-SemiBold'; font-size:9px; } .header-top-block { padding:0; } .header-top-cols { display:flex; flex-wrap:nowrap; justify-content:space-between; height:60px; align-items:center;} .header-left__col { flex:none; } .header-left__menu ul { display:flex; flex-wrap:nowrap; list-style:none; margin:0; padding:0; } .header-left__menu ul li { margin-left:20px; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:18px; color:#000; text-transform:uppercase; border-bottom:3px solid #fff; margin-top:14px; padding-bottom:10px; transition: 0.3s all ease; } .header-left__menu ul li:first-child { margin-left:0px; } .header-left__menu ul li a { display:inline-block; padding:6px 15px; color:#000; text-decoration:none; border:1px solid #fff; transition: 0.3s all ease; } .header-left__menu ul li:hover { border-bottom:3px solid #2680EB; } .header-left__menu ul li:hover a { color:#2680EB; } .header-left__menu ul li.current { border-bottom:3px solid #fff; } .header-left__menu ul li.current a { border:1px solid #ECECEC; color:#FC6200; } .header-right__col { display:flex; flex-wrap:nowrap; flex:none; align-items:center; } .header-right__menu { margin-right:25px; } .header-right__menu ul { display:flex; flex-wrap:nowrap; margin:0; padding:0; list-style:none; } .header-right__menu ul li { margin-left:30px; font-size:13px; line-height:16px; text-transform:uppercase; } .header-right__menu ul li:first-child { margin-left:0px; } .header-right__menu ul li a { color:#000; text-decoration:none; } .header-right__menu ul li a:hover { color:#2680EB; text-decoration:none; } .header-right__menu ul li.current a { color:#FF6200; } .header-right__menu ul li.current a:hover { color:#FF6200; } .header-menu-block ul >li.current >a { color:#FF6200; } .header-menu-block ul >li.current >a:hover { color:#FF6200; border-bottom:4px solid #2680EB; } .header-logo-text { margin-left: 235px; height: 45px; border-left: 1px solid #C7AB85; padding-left: 20px;} .header-right__social { display:flex; flex-wrap:nowrap; } .header-right__social a { display:block; width:30px; height:30px; margin-left:10px; } .header-right__social a:first-child { margin-left:0px; } .header-right__social a.yt { background:url(/images/yt-h-sprite.svg) 0px 0px no-repeat; transition: 0.3s opacity ease; } .header-right__social a.yt:hover { background-position:0 -30px; } .header-right__social a.tg { background:url(/images/tg-h-sprite.svg) 0px 0px no-repeat; transition: 0.3s opacity ease; } .header-right__social a.tg:hover { background-position:0 -30px; } .header-right__social a.vk { background:url(/images/vk-h-sprite.svg) 0px 0px no-repeat; transition: 0.3s opacity ease; } .header-right__social a.vk:hover { background-position:0 -30px; } .header-right__social a.yz { background:url(/images/yz-h-sprite.svg) 0px 0px no-repeat; transition: 0.3s opacity ease; } .header-right__social a.yz:hover { background-position:0 -30px; } /* Header */ /* Меню на мобильной версии */ .mobile-block { position: fixed; top:0px; left:0; bottom:0; right:0; z-index: 99999; display: none; background:url(/images/menu-bg.png) 0px 0px repeat; } .mobile-block-wrap { min-height: 100%; height: auto !important; height: 100%; position: relative; padding-bottom: 280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile-block-inner { background:#fff; width: 320px; height: 100%; overflow: auto; } .mobile-block-header { position:relative; height:62px; border-bottom: 1px solid #E0E0E0; } .menu-close { position:absolute; z-index:2; width:60px; top:0; left:0; bottom:0; background:url(/images/menu-close-icon.svg) 50% 50% no-repeat; cursor:pointer; } .mobile-block-col { float:right; padding-top:19px; padding-right:20px;} .mobile-block-col .header-fav-block { display:block; } .header-search-block-m { float:left; margin-left:25px; display:none;} .header-search-toggle-m { width:24px; height:24px; background:url(/images/header-search-icon.svg) 0px 0px no-repeat; cursor:pointer; } .header-search-block-m:hover .header-search-toggle-m { background-position:0 -24px; } .header-search-toggle-m.active { background-position:0 -24px; } .search-popup-block-m { position:relative; z-index:1; background:#F7F7F7; padding: 20px 0; display:none;} .search-popup-block-m.active { display:block; } .search-popup-close-m { width:20px; height:20px; position:absolute; top:5px; right:0; background:url(/images/menu-close-icon.svg) 0px 0px no-repeat; cursor:pointer; } .mobile-block-footer { position:absolute; bottom:0; left:0; right:0; } .mobile-feed-items { display:flex; margin:0 0 0 -1px; } .mobile-feed-item { position:relative; float: left; width: -webkit-calc(50% - 1px); width: -o-calc(50% - 1px); width: calc(50% - 1px); margin: 0px 0 0 1px; background:#f8f8f8; } .mobile-feed-inner { padding:20px; } .mobile-feed-title { font-family: 'Montserrat-SemiBold'; color:#989898; font-size:10px; line-height:10px; } .mobile-feed-text { font-family: 'Montserrat-SemiBold'; color:#2680EB; font-size:12px; line-height:15px; text-transform:uppercase; margin-top:10px;} .mobile-feed-text a { color:#2680EB; text-decoration:none; } .mobile-feed-arrow { margin-top:10px; } .mobile-feed-arrow img { display:block; } .mobile-phone-block { padding:20px; } .mobile-phone-title { text-align:center; font-family: 'Montserrat-SemiBold'; color:#989898; font-size:12px; line-height:12px; } .mobile-phone { margin-top:10px; text-align:center; font-family: 'Montserrat-SemiBold'; color:#2680EB; font-size:14px; line-height:14px; } .mobile-phone a { color:#2680EB; text-decoration:none; } .mobile-social-block { padding:0px 20px 20px 20px; } .mobile-social-inner { border-top:1px solid #989898; padding-top:20px; text-align:center;} .mobile-social-inner a { display:inline-block; margin-left:13px; } .mobile-social-inner a:first-child { margin-left:0px; } .mobile-block-content { padding:25px 20px 0 20px; } .dl-menuwrapper li a { display: block; position: relative; padding: 10px 0px; font-size: 12px; line-height: 12px; font-family: 'Montserrat-SemiBold'; text-transform:uppercase; color: #000; outline: none; text-decoration: none; border-bottom:none;} .dl-menuwrapper li a:hover { color:#B2967E; text-decoration:none; } .dl-menuwrapper li.dl-back > a { padding-left: 40px; background: url(/images/menu-back-icon.svg) 0px 50% no-repeat; color:#2680EB;} .dl-submenu li { color:#989898; text-transform:uppercase; font-family: 'Montserrat-SemiBold'; } .dl-title { margin-top:20px; margin-bottom:20px; } .dl-title a {color:#989898!important; text-decoration:none; padding:0!important; font-size:14px!important; line-height:14px!important;} .mobile-block-menu ul li.shop { font-size:14px; font-weight: bold;} .mobile-block-menu ul li.shop a{color:#007aff;} .mobile-block-menu ul li.shop a:hover{color:#C7AB85;} .mobile-block-header { position: relative; height: auto; border-bottom: none;} .mobile-block__cols { display:flex; flex-wrap:nowrap; justify-content:space-between; padding:0 15px; padding-top:50px;} .mobile-block-col { float: none; padding-top: 0px; padding-right: 0px; display:flex; flex-wrap:nowrap; align-items:center;} .mobile-block-col a.phone { font-family: 'Montserrat-SemiBold'; font-size:14px; color:#000; text-decoration:none;} .menu-close { width:50px; height:40px; } .mobile-block-col .header-search-block-m { margin-left:15px; } .mobile-block-col .header-auth-block { margin-left:15px; display:block;} .mobile-block-col .header-cart-block { margin-left:15px; display:block; } .mobile-category__menu { margin-top:20px; background:#EEEEEE; margin:20px 15px 0 15px;} .mobile-category__menu ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:nowrap; } .mobile-category__menu ul li { width:33.3334%; text-align:center; font-family: 'Montserrat-SemiBold'; font-size:14px; text-transform:uppercase; } .mobile-category__menu ul li a { display:block; color:#000; width:100%; height:48px; line-height:48px; text-decoration:none; } .mobile-category__menu ul li a:hover { color:#2680EB; } .mobile-category__menu ul li.current a { color:#FF6200; } .mobile-category__menu ul li.current a:hover { color:#FF6200; } .mobile-block-content { padding: 25px 15px 0 15px;} .dl-menuwrapper li a:hover {color:#2680EB; } .dl-menuwrapper li a ins { background:url(/images/li-arrow.svg) 100% 50% no-repeat; display:block; text-decoration:none; } .dl-menuwrapper li a.current { color:#FF6200; } .search-popup-block-m { margin-top:20px; } /* Меню на мобильной версии */ /* Форма обратной связи */ .feed-form-block { position: fixed; top:0px; left:0; bottom:0; right:0; z-index: 999999; display: none; background:url(/images/menu-bg.png) 0px 0px repeat; } .showForm .feed-form-block { display:block; } .showForm { overflow:hidden; } .showFormQuestion #question { display:block; } .showFormQuestion { overflow:hidden; } .feed-form-wrap { min-height: 100%; height: auto !important; height: 100%; position: relative; padding-bottom:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:flex; flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .feed-form-inner { background:#fff; width: 850px; height: 100%; overflow: auto; float:right; } .feed-form-wrap-inner { padding:60px; position:relative; width:100%; } .feed-form-close { position:absolute; z-index:2; top:60px; right:60px; font-family: 'Montserrat-SemiBold'; font-size:13px; line-height:13px; color:#2680EB; text-transform:uppercase; letter-spacing:2px; cursor:pointer; } .feed-form-close a { color:#2680EB; text-decoration:none; position:relative; } .feed-form-close a span { padding-right:95px; background:#fff; } .feed-form-close:hover a { color:#B2967E; } .arrow { position:absolute; top:0; right:0; width:40px; height:21px; background: url(/images/arrow-sprite.svg) 100% 5px no-repeat; } .feed-form-close:hover .arrow { background-position:100% -11px; animation: 0.3s ease-in forwards draw_arrow; } @keyframes draw_arrow { 0% { width: 0px; height: 21px; top: 0px; background-position: 100% -11px; opacity: 0.0; } 1% { width: 0px; opacity: 1.0; } 60% { width: 87px; height: 21px; top: 0px; background-position: 100% -11px; } 100% { width: 87px; height: 21px; top: 0px; background-position: 100% -11px; opacity: 1.0; } } .feed-form-title { background:url(/images/cellphone-line.svg) 0px 0px no-repeat; padding-left:40px; font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:22px; text-transform:uppercase; } .feed-form-items-block { margin-top:70px; width:100%; } .feed-form-item { margin-top:20px; } .feed-form-item:first-child { margin-top:0px; } .feed-form-field input { width:100%; border:1px solid #ADADAD; height:55px; line-height:55px; padding: 0 20px; font-family: 'Montserrat-Regular'; font-size:14px; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .feed-form-field input::-webkit-input-placeholder { color: #989898; } .feed-form-field input:-ms-input-placeholder { color: #989898; } .feed-form-field input::-ms-input-placeholder { color: #989898; } .feed-form-field input::placeholder { color: #989898; } .feed-form-field:hover input { border: 1px solid #2680EB; } .feed-form-field input:focus { border: 1px solid #2680EB; } .feed-form-field textarea:focus { border: 1px solid #2680EB; } .feed-form-field textarea { width:100%; border:1px solid #ADADAD; height:150px; line-height:20px; padding: 20px; font-family: 'Montserrat-Regular'; font-size:14px; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .feed-form-field textarea::-webkit-input-placeholder { color: #989898; } .feed-form-field textarea:-ms-input-placeholder { color: #989898; } .feed-form-field textarea::-ms-input-placeholder { color: #989898; } .feed-form-field textarea::placeholder { color: #989898; } .feed-form-field:hover textarea { border: 1px solid #2680EB; } .feed-form-item.error .feed-form-field input { border:1px solid red; } .feed-form-item.error .feed-form-field textarea { border:1px solid red; } .feed-form-message { font-size:10px; line-height:14px; color:red; text-transform:uppercase; margin-top:10px; } .feed-form-item.error .feed-form-message { display:block; } .feed-form-bottom-block { margin-top:50px; } .feed-form-consent-block { float:none; } .feed-form-consent-block .checkbox { position:relative; padding-left: 60px; font-size: 14px; color:#989898; line-height: 20px; font-family: 'Montserrat-Regular'; } .feed-form-consent-block .checkbox input[type=checkbox] { display:none; } .feed-form-consent-block .checkbox label { cursor: pointer; } .feed-form-consent-block .checkbox label:after { content:''; display:inline-block; border:1px solid #ADADAD; height:38px; width:38px; background: #fff; position:absolute; top:0px; left:0; cursor:pointer;} .feed-form-consent-block .checkbox:hover label:after { border: 1px solid #2680EB; } .feed-form-consent-block .checkbox input[type=checkbox]:checked + label:after { background:url(/images/check-line.svg) 50% 50% no-repeat;} .feed-form-consent-block .checkbox a { color:#989898; text-decoration: none; } .feed-form-consent-block .checkbox a:hover { color:#989898; text-decoration: underline; } .feed-form-consent-block.error .checkbox label:after {border:1px solid red;} .feed-form-send-block { float:right; width:164px; } .feed-form-send-block button { display:block; border:none; width:100%; height:55px; line-height:55px; background:#2680EB; font-family: 'Montserrat-SemiBold'; font-size:12px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .feed-form-send-block button:hover { background: #559bef; color: #fff; } .feed-form-send-block a { display:block; border:none; width:100%; height:55px; line-height:55px; background:#2680EB; font-family: 'Montserrat-SemiBold'; font-size:12px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .feed-form-send-block a:hover { background: #559bef; color: #fff; } .feed-form-blockq { position: fixed; top:0px; left:0; bottom:0; right:0; z-index: 999999; display: none; background:url(/images/menu-bg.png) 0px 0px repeat; } .showFormQuestion .feed-form-blockq { display:block; } .showFormQuestion { overflow:hidden; } .feed-form-wrapq { min-height: 100%; height: auto !important; height: 100%; position: relative; padding-bottom:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:flex; flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .feed-form-innerq { background:#fff; width: 850px; height: 100%; overflow: auto; float:right; } .feed-form-innerq .feed-form-title { background:url(/images/chat-1-line.svg) 0px 0px no-repeat; padding-left:40px; font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:22px; text-transform:uppercase; } .feed-form-sub-items { margin:0 0 0 -30px; } .feed-form-sub-item { position:relative; float: left; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin: 0px 0 0 30px; } .feed-form-sub-item.error .feed-form-field input { border:1px solid red; } .feed-form-msg { font-family: 'Montserrat-SemiBold'; font-size: 20px; line-height:26px; text-align:center; text-transform:uppercase; border:1px solid #ADADAD; padding: 25px; margin-top:50px; } /* Форма обратной связи */ /* Footer */ .footer-top-block { padding: 35px 0; border-top: 1px solid rgba(224,224,224,0.15); background: #262626; } .footer-bottom-block { padding: 35px 0; border-top: 1px solid rgba(224,224,224,0.15); background: #262626; } .index-page .footer-top-block { background:none; } .index-page .footer-bottom-block { background:none; } .footer-top-col { display:flex; flex-wrap:wrap; justify-content: space-between; } .footer-logo { width:165px; } .footer-logo img { display:block; } .footer-menu ul { list-style:none; margin:0; padding:0; } .footer-menu ul li { display:inline-block; margin-left:16px; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:35px; text-transform:uppercase; } .footer-menu ul li:first-child { margin-left:0px; } .footer-menu ul li a { color:#fff; text-decoration:none; } .footer-menu ul li a:hover { color:#B2967E; text-decoration:none; } .footer-bottom-col { display:flex; flex-wrap:wrap; justify-content: space-between; } .footer-copyrights-block { font-family: 'Montserrat-Light'; font-size:10px; line-height:16px; color:#989898; } .footer-feed-block { padding-top:5px; } .footer-feed-items { display:flex; flex-wrap:wrap; justify-content: space-between; } .footer-feed-item { margin-left:30px; } .footer-feed-item:first-child { margin-left:0px; } .footer-feed-title { font-family: 'Montserrat-SemiBold'; font-size:12px; line-height:12px; color:#989898; } .footer-feed-link { margin-top:10px; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:14px; text-transform: uppercase; } .footer-feed-link a { color:#2680EB; text-decoration:none; } .footer-feed-link a span { padding-right:45px; background: url(/images/mobile-feed-arrow.svg) 100% 50% no-repeat; } .footer-feed-link:hover a span { background: url(/images/mobile-feed-arrow-brown.svg) 100% 50% no-repeat; } .footer-feed-link:hover a { color:#B2967E; } .footer-social-block { height:30px; overflow:hidden; margin-top:8px;} .footer-social-block a { display:inline-block; margin-left:6px; width:30px; height:30px; } .footer-social-block a:first-child { margin-left:0px; } .footer-social-block a.yt { background:url(/images/yt-icon-footer.svg) 0px 0px no-repeat; width:31px; } .footer-social-block a.fb { background:url(/images/fb-icon-footer.svg) 0px 0px no-repeat; } .footer-social-block a.in { background:url(/images/in-icon-footer.svg) 0px 0px no-repeat; } .footer-social-block a.vk { background:url(/images/vk-icon-footer.svg) 0px 0px no-repeat; } .footer-social-block a.tg { background:url(/images/tg-icon-footer.svg) 0px 0px no-repeat; } .footer-social-block a:hover { background-position:0 -30px; } .footer-policy { flex: 0 0 100%; font-family: 'Montserrat-SemiBold'; color: #989898; margin-top: 10px; order: 4; font-size: 12px; line-height: 12px; } .footer-policy a { color: #989898; text-decoration:none; } .footer-policy a:hover { color: #989898; text-decoration:underline; } .dev-logo { float:none; clear:both; margin:0px auto 0 auto; width:16px; height:27px; position:relative; z-index:2;} .dev-logo a { display:block; width:100%; } .footer-menu__cols { display:flex; flex-wrap:wrap; margin:0 0 0 -20px; } .footer-menu__col { position:relative; width: -webkit-calc(20% - 20px); width: -o-calc(20% - 20px); width: calc(20% - 20px); margin:0 0 0 20px; } .footer-menu__title { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:18px; text-transform:uppercase; color:#5B6064; position:relative; display:inline-block; } .footer-menu__title a { color:#5B6064; text-decoration:none; } .footer-menu__title a:hover { color:#5B6064; text-decoration:none; } .footer-menu__list { margin-top:20px; } .footer-menu__list ul { list-style:none; margin:0; padding:0; } .footer-menu__list ul li { font-size:14px; line-height:18px; margin-top:10px; } .footer-menu__list ul li:first-child { margin-top:0px; } .footer-menu__list ul li a { color:#fff; text-decoration:none; } .footer-menu__list ul li a:hover { color:#2680EB; text-decoration:none; } .footer-title__toggle { position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; display:none;} .footer-bottom__cols { display:flex; flex-wrap:wrap; margin:0 0 0 -20px; } .footer-bottom__col { position:relative; width: -webkit-calc(25% - 20px); width: -o-calc(25% - 20px); width: calc(25% - 20px); margin:0 0 0 20px; } .footer-pd__block { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; margin-top:20px; } .f-policy { font-family: 'Montserrat-SemiBold'; color: #989898; margin-top: 10px; font-size: 12px; line-height: 12px;} .f-policy a { color: #989898; text-decoration: none;} .f-policy a:hover { color: #989898; text-decoration: underline;} .d-logo { width: 16px; height: 27px; flex:none; } @media screen and (max-width: 1023px) {.dev-logo { margin-top:-10px; }} @media screen and (max-width: 767px) {.dev-logo { float:none; margin: 15px auto 0 auto; }} /* Footer */ /* Index */ .index-slider-block { overflow:hidden; background:#fff; padding-bottom:40px; } .index-slider-cols { display:flex; flex-wrap:wrap; justify-content: space-between; height:775px; overflow:auto; } .index-slider-col:nth-child(1) { width: -webkit-calc(60% - 0px); width: -o-calc(60% - 0px); width: calc(60% - 0px); margin: 0 0 0 0px; } .index-slider-col:nth-child(2) { width: -webkit-calc(40% - 40px); width: -o-calc(40% - 40px); width: calc(40% - 40px); margin: 0 0 0 40px;} .tabs { position: relative; } .tabs-list { border-bottom:1px solid #ededed; padding-top:10px; } .tabs-nav { margin: 0; padding: 0; list-style: none; width:100%; text-align:right; } .tabs-nav li { display: inline-block; cursor:pointer; font-family: 'Montserrat-SemiBold'; font-size:12px; line-height:12px; text-transform: uppercase; margin-left:50px; } .tabs-nav li:first-child { margin-left:0px; } .tabs-nav li.active { cursor:default; } .tabs-nav li a { display: block; padding-bottom:16px; border-bottom:4px solid #fff; color:#ADADAD; text-decoration:none; } .tabs-nav li.active a { color:#2680EB; border-bottom:4px solid #2680EB; } .tab-pane { display: none; padding-top: 20px;} .tab-pane.active { display: block; } .tab-slider-img img { display:block; } .tab-items { /* height:694px; overflow:auto; */} .tab-items-inner { display:flex; flex-wrap:wrap; justify-content: space-between; margin: 0px 0 0 -20px; } .tab-item { float:left; position:relative; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 20px 0 0 20px; } .tab-img-plug img { display:block; } .tab-item-product { width:166px; position:absolute; z-index:2; left:50%; top:0; margin-left:-83px; } .tab-item-product img { display:block; } .tab-item-photo { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .tab-item-photo img { display:block; } .tab-item:nth-child(1) { margin: 0px 0 0 20px; } .tab-item:nth-child(2) { margin: 0px 0 0 20px; } .tab-item-name { position:absolute; z-index:2; left:0; bottom:25px; font-family: 'Montserrat-Regular'; color:#000; font-size:14px; line-height:18px; } .tab-item-more { position:absolute; z-index:2; left:0; right:0; bottom:0px; font-family: 'Montserrat-Medium'; text-transform:uppercase; color:#2680EB; font-size:10px; line-height:10px; transition: 0.5s ease-in; } .tab-item-more span { display:block; background: url(/images/arrow-sprite.svg) 100% 2px no-repeat; } .tab-item:hover .tab-item-more { color:#C7AB85; } .tab-item:hover .tab-item-more span { background-position:100% -14px; } .tab-item-link { position:absolute; z-index:3; top:0; left:0; right:0; bottom:0; } .tab-item-link a { display:block; width:100%; height:100%; } .index-slider-cols::-webkit-scrollbar { width: 0; background: transparent;} .index-slider-cols { -ms-overflow-style: none; scrollbar-width: none;} .index-slider-cols::-webkit-scrollbar { display: none;} .index-slider-container { margin-left: auto; margin-right: auto; position: sticky; top:0; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .index-slider-item { position:relative; } .index-slider-img { position:relative; z-index:1; } .index-slider-img img { display:block; } .index-slider-title { position:relative; z-index:2; top:-18px; font-family: 'Montserrat-Medium'; font-size:35px; line-height:35px; text-align:center; text-transform:uppercase; } .index-slider-important { position:relative; z-index:3; width: 380px; margin: 0 auto; top: -30px; } .index-slider-text { text-align:center; font-family: 'Montserrat-Light'; font-size:18px; line-height:24px; color:#989898; height:70px; overflow:hidden; } .index-slider-link { text-align:center; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:14px; text-transform:uppercase; margin-top:40px; } .index-slider-link a { color:#2680EB; text-decoration:none; } .index-slider-link a:hover { color:#C7AB85; text-decoration:none; } .index-slider-next { width:58px; height:5px; cursor:pointer; background:url(/images/index-slider-next.svg) 0px 0px no-repeat; position:absolute; z-index:2; bottom:180px; right:0; outline:none; } .index-slider-prev { width:58px; height:5px; cursor:pointer; background:url(/images/index-slider-prev.svg) 0px 0px no-repeat; position:absolute; z-index:2; bottom:180px; left:0; outline:none; } .index-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 0px no-repeat; } .index-slider-prev:hover { background:url(/images/index-slider-prev-active.svg) 0px 0px no-repeat; } .index-slider-container .swiper-button-disabled { opacity:0.5; cursor:default; } .scroll-slider-block { display:none; } .scroll-slider-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .scroll-slider-container .swiper-slide { width:220px; height:347px; background:#fff; position:relative;} .scroll-slider-container .swiper-slide .tab-item-product { max-width:166px; width:100%; position:relative; z-index:1; left:auto; top:auto; margin:0 auto; } .scroll-slider-container .swiper-slide:hover .tab-item-more { color:#C7AB85; } .scroll-slider-container .swiper-slide:hover .tab-item-more span { background-position:100% -14px; } .scroll-slider-container .swiper-slide .tab-item-photo { position:relative; z-index:1; top:auto; left:auto; right:auto; bottom:auto; } .scroll-slider-nav { position:relative; text-align:center; margin-top:25px; } .scroll-slider-nav .scroll-slider-next { display:inline-block; background:url(/images/scroll-slider-next.svg) 0px 0px no-repeat; width:32px; height:5px; outline:none; margin-left:10px; cursor:pointer; position:relative; top:-2px; } .scroll-slider-nav .scroll-slider-next:hover { background:url(/images/scroll-slider-next-active.svg) 0px 0px no-repeat; } .scroll-slider-nav .scroll-slider-pagination { display:inline-block; font-family: 'Montserrat-Medium'; color:#ADADAD; font-size:12px; line-height:12px; text-transform:uppercase; padding-top:5px;} .scroll-slider-nav .scroll-slider-pagination .swiper-pagination-current { color:#000; } .scroll-slider-nav .scroll-slider-prev { display:inline-block; background:url(/images/scroll-slider-prev.svg) 0px 0px no-repeat; width:32px; height:5px; outline:none; margin-right:10px; cursor:pointer; position:relative; top:-2px; } .scroll-slider-nav .scroll-slider-prev:hover { background:url(/images/scroll-slider-prev-active.svg) 0px 0px no-repeat; } .scroll-slider-nav .swiper-pagination-fraction { width:auto; } .scroll-slider-container .swiper-button-disabled { opacity:0.5; cursor:default; } .index-advantages-block { background:#F2F2F2; padding: 40px 0; overflow:hidden; z-index: 1; position: relative;} .index-advantages-block .page-inner { overflow:visible; } .index-advantages-slider { margin-left: auto; margin-right: auto; position: relative; overflow: visible; list-style: none; padding: 0; z-index: 1;} .index-advantages-slider .swiper-slide { width:540px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap:wrap; height: auto; position:relative; } .index-advantages-slider .swiper-slide:nth-child(1) { margin-left:-40px; } .index-advantages-slider .swiper-slide:hover { background:#fff; } .index-advantages-title-block { padding-bottom:20px; } .index-advantages-heading { font-size:35px; line-height:35px; font-family: 'Montserrat-Bold'; } .index-advantages-subtitle { font-size: 30px; line-height: 35px; color: #B2967E; font-family: 'Montserrat-Medium'; margin-top: 20px; } .index-advantages-item { padding:40px; } .index-advantages-icon { height:70px; } .index-advantages-icon img { display:inline-block; } .index-advantages-title { font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; color:#000; text-transform:uppercase; margin-top:40px; } .index-advantages-text { font-family: 'Montserrat-Light'; color:#5F5F5F; font-size:16px; line-height:19px; margin-top:25px; padding-bottom:20px;} .index-advantages-more { position:absolute; z-index:2; bottom:25px; left:40px; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:14px; color:#2680EB; text-transform:uppercase; transition: 0.3s linear;} .index-advantages-more span { background: url(/images/arrow-sprite.svg) 100% 7px no-repeat; padding-right: 100px; } .index-advantages-slider .swiper-slide:hover .index-advantages-more { color:#C7AB85; } .index-advantages-slider .swiper-slide:hover .index-advantages-more span { background-position:100% -9px; } .index-advantages-link { position:absolute; z-index:3; left:0; right:0; top:0; bottom:0px; } .index-advantages-link a { display:block; width:100%; height:100%; } .advantages-slider-nav { margin-top:20px; display:none; } .advantages-slider-pagination { text-align:center; } .advantages-slider-pagination span { margin-left:5px; width:9px; height:2px; background:#C7AB85; border-radius: 0%;} .advantages-slider-pagination span.swiper-pagination-bullet-active { width:20px; height:2px; background:#000000; } .advantages-slider-pagination span:first-child { margin-left:0px; } .swiper-wrapper { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); } .swiper-slide { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); } .index-insert-block { height:500px; line-height:500px; text-align:center; font-family: 'Montserrat-Light'; font-size:34px; color:#fff; text-transform:uppercase; position:relative; } /* .index-bg { background:url(/images/index-bg.jpg) 50% 0% no-repeat; background-size:cover; background-attachment: fixed; } */ .bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .bg { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100vh; background-size: cover; background-position: center center; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); will-change: transform;} /* .fix-ios { background:none!important; } .fix-ios:after { background:none; position: fixed; top: 0; left: 0; right:0; z-index:-1000; height:100vh; content: ''; background-image: url(/images/index-bg.webp); background-size: cover; background-repeat: no-repeat; background-position:bottom center; background-attachment: scroll; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0);} */ .hash-tags-block { background:#fff; position:relative; height:60px; text-transform:uppercase; position:relative; z-index:1; padding-top: 25px; padding-bottom: 25px; } .index-tag-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 40px 0; z-index: 1; } .hash-tag-link { font-family: 'Montserrat-Bold'; font-size:18px; line-height:18px; } .hash-tag-link a { color:#000; text-decoration:none; } .hash-tag-link a:hover { color:#C7AB85; text-decoration:none; } .index-tag-slider .swiper-slide { width:auto; } .str_wrap {overflow:hidden; //zoom:1;width:100%; position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space:nowrap; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); } .str_wrap.str_active { background:#fff;} .str_move { white-space:nowrap; position:absolute; top:0; left:0; /* /* cursor:move; */ } .str_move_clone { display:inline-block; //display:inline; //zoom:1; vertical-align:top; position:absolute; left:100%;top:0; } .str_vertical .str_move_clone { left:0; top:100%;} .str_down .str_move_clone { left:0; bottom:100%; } .str_vertical .str_move, .str_down .str_move { white-space:normal; width:100%;} .str_static .str_move, .no_drag .str_move, .noStop .str_move{ cursor:inherit;} .str_wrap img { max-width:none !important;} .hash-tags-block .str a { display:inline-block; padding: 0px 0; white-space:nowrap; font-family: 'Montserrat-Bold'; font-size:18px; line-height:60px; color:#000; text-decoration:none; } .hash-tags-block .str a:hover { color:#C7AB85; text-decoration:none; } .index-text-block { background:#fff; padding: 0px 0px 0px 0; } .index-text-cols { display:flex; flex-wrap:wrap; margin: 0 0 0 -40px; } .index-text-col { position:relative; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin: 0 0 0 40px; padding-top:60px; } .text-col-title { font-family: 'Montserrat-Bold'; font-size:35px; line-height:47px; color:#000; margin-bottom:25px; text-transform:uppercase; } .text-col-block { color:#5F5F5F; font-size:14px; line-height:22px; } .text-col-block p { margin:20px 0 0 0; } .text-col-block p:first-child { margin:0px 0 0 0; } .text-col-subtitle { font-family: 'Montserrat-Medium'; font-size:20px; line-height:24px; color:#000; margin-top:20px; } .text-col-subtitle a { display:inline-block; color: #2680EB; text-decoration:none; transition: 0.3s all ease; padding-right: 45px; background: url(/images/mobile-feed-arrow.svg) 100% 50% no-repeat;} .text-col-subtitle a:hover { color: #C7AB85; background: url(/images/mobile-feed-arrow-brown.svg) 100% 50% no-repeat; } .text-col-link { font-family: 'Montserrat-SemiBold'; text-transform:uppercase; color:#2680EB; font-size:14px; line-height:14px; background: url(/images/arrow-sprite.svg) 100% 4px no-repeat; margin-top:20px; display:inline-block; padding-right:100px;} .text-col-link a { color:#2680EB; text-decoration:none; } .text-col-link:hover { background-position:100% -12px; } .text-col-link:hover a { color:#C7AB85; } .text-col-bg { position:absolute; z-index:0; top:0; right:25px; left:70px; bottom:80px; background:#F2F2F2; } .index-col-inner { padding-right:110px; position:relative; z-index:2; } .index-footer { background:url(/images/footer-bg.jpg) bottom center no-repeat; background-size:cover; } .footer-slider-block { padding: 100px 0 65px 0; overflow:hidden; } .footer-slider-left { width:320px; float:left; } .footer-slider-right { margin-left:340px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer-slider-title { font-family: 'Montserrat-Medium'; font-size:18px; line-height:22px; color:#fff; } .footer-slider-text { font-size:18px; line-height:20px; color:#989898; margin-top:20px; } .footer-slider-sign { text-align:right; } .footer-slider-sign img { display:inline-block; width: 200px; } .footer-slider-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0 0 0 20px; z-index: 1;} .footer-slider-container .swiper-slide { height:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .footer-slider-container .swiper-slide.swiper-slide-active { width:500px!important; } .footer-slider-container .swiper-slide.swiper-slide-next { width:340px!important; } .footer-slider-next { width:58px; cursor:pointer; background:url(/images/index-slider-next.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0%; bottom:0; right:340px; outline:none; } .footer-slider-prev { width:58px; cursor:pointer; background:url(/images/index-slider-prev.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0%; bottom:0; left:0px; outline:none; } .footer-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 50% no-repeat; } .footer-slider-prev:hover { background:url(/images/index-slider-prev-active.svg) 0px 50% no-repeat; } .footer-slider-container .swiper-button-disabled { opacity:0.5; cursor:default; } .footer-slider-block .page-inner { padding: 0 0 0 20px; } .footer-slider-item { position:relative; } .footer-slider-img img { display:block; width:100%; } .footer-slider-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .footer-slider-link a { display:block; width:100%; height:100%; } .footer-video-link a { display:block; width:100%; height:100%; background-image: url(/images/play-icon.svg); background-position:50% 50%; background-size:100px 100px; background-repeat:no-repeat; opacity:0.5; } .footer-video-link a:hover { opacity:1; } .footer-bottom-text { position:relative; z-index:2; font-family: 'Montserrat-Thin'; font-size:42px; line-height:42px; color:#fff; letter-spacing:21px; text-align:center; top:-25px; } /* Index */ /* Всплывающее окно */ .window-popup { display: none; } .window-title { font-family: 'Montserrat-Regular'; color:#282828; font-size:22px; line-height:27px; margin-bottom:20px;} .window-item { margin-top:20px; } .window-item:first-child { margin-top:0px; } .window-item-field input { margin:0; padding:15px 20px; width:100%; border:1px solid #ADADAD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Montserrat-Regular'; font-size:16px; color:#282828; } .windowItem .window-item-field input::-webkit-input-placeholder { color: #989898; } .windowItem .window-item-field input:-ms-input-placeholder { color: #989898; } .windowItem .window-item-field input::-ms-input-placeholder { color: #989898; } .windowItem .window-item-field input::placeholder { color: #989898; } .window-item-message { font-size:11px; line-height:11px; color:red; margin-top:5px; display:none; } .window-item.error .window-item-message { display: block; } .window-item.error .window-item-field input { border: 1px solid red; } .window-button { max-width:228px; width:100%; margin: 30px auto 0 auto;} .window-button a { display:block; width:100%; height:65px; line-height:65px; background:#2680EB; font-family: 'Montserrat-SemiBold'; font-size:14px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .window-button a:hover { background: #559bef; color: #fff; } .window-text { font-size:16px; color:#282828; } /* Всплывающее окно */ /* Страница "Стать партнёром" */ .partners-top-block { position: sticky; top: 156px; z-index: -1; padding:25px 0; } body.active .partners-top-block { top:95px; } .partners-plug-link { position:fixed; z-index:2; top:156px; left:0; } .partners-plug-link a { display:block; width:100%; height:100%; } .index-plug-link { position:fixed; z-index:2; top:156px; left:0; } .index-plug-link a { display:block; width:100%; height:100%; } .partners-bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .partners-bg { background: url(/images/partners-bg.jpg) bottom center no-repeat; background-size:cover; height:100%; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); will-change: transform; } .partners-top-block .bread-crumbs { font-family: 'Montserrat-Regular'; font-size:10px; line-height:10px; color:#989898; } .partners-top-block .bread-crumbs a { color:#989898; text-decoration:none; } .partners-top-block .bread-crumbs a:hover { color:#428bca; text-decoration:none; } .partners-top-block .bread-crumbs span { display:inline-block; width:28px; height:5px; background: url(/images/bread-crumbs-arrow.svg) 0% 0% no-repeat; margin: 0 10px;} .partners-top-inner { padding:40px 0; } .partners-cloud-block { float:left; } .partners-feed-block { float:right; width:490px; } .partners-feed-inner { border: 1px solid rgba(255,255,255,0.56); padding:50px; } .partners-feed-text { font-family: 'Montserrat-Medium'; font-size:18px; line-height:22px; color:#fff; } .partners-feed-link { width:228px; margin-top:50px; } .partners-feed-link a { display:block; width:100%; height:65px; line-height:65px; background:#2680EB; font-family: 'Montserrat-SemiBold'; font-size:14px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .partners-feed-link a:hover { background: #559bef; color: #fff; } .partners-feed-link.active a { background: #559bef; color: #fff; } .index-link.active { color:#428bca!important; } .partners-cloud-inner { width:600px; position:relative; } .partners-word-first { position:absolute; z-index:2; top:0; left:0; font-family: 'Montserrat-Bold'; font-size:30px; line-height:40px; color:#fff; text-transform:uppercase; } .partners-word-second { position:absolute; z-index:2; top:60px; right:0; font-family: 'Montserrat-Medium'; font-size:22px; line-height:22px; color:#fff; text-transform:uppercase; opacity:0.3; } .partners-word-third { position:absolute; z-index:2; top:110px; left:65px; font-family: 'Montserrat-Medium'; font-size:24px; line-height:24px; color:#fff; text-transform:uppercase; } .partners-word-fourth { position:absolute; z-index:2; top:160px; left:0; font-family: 'Montserrat-Medium'; font-size:17px; line-height:17px; color:#fff; text-transform:uppercase; opacity:0.22; } .partners-word-fifth { position:absolute; z-index:2; top:205px; left:47px; font-family: 'Montserrat-Medium'; font-size:22px; line-height:22px; color:#fff; text-transform:uppercase; } .about-company-block { padding:40px 0 40px 0; background:#fff; z-index: 2; position: relative; } .about-company-items { margin: 0 0 0 -50px; display:flex; flex-wrap:wrap; } .about-company-item { position:relative; float:left; width: -webkit-calc(50% - 50px); width: -o-calc(50% - 50px); width: calc(50% - 50px); margin: 0 0 0 50px; } .about-company-item:nth-child(2) { background: url(/images/about-text-bg.svg) -35% -135% no-repeat; } .about-company-text-item { position:relative; margin-top:40px; min-height:100px; } .about-company-text-item:first-child { margin-top:0px; } .about-company-count { font-family: 'Montserrat-Bold'; z-index:1; position:absolute; top:0; left:0; font-size:100px; line-height:100px; color:#F2F2F2; } .about-company-description { position:relative; z-index:2; font-family: 'Montserrat-Regular'; color:#5F5F5F; font-size:14px; line-height:22px; padding-left:100px; padding-top:20px; } .about-company-inner { padding: 0 50px; } .about-company-heading { font-size:35px; line-height:35px; font-family: 'Montserrat-Medium'; padding-bottom: 20px; } .about-company-heading span { font-family: 'Montserrat-Bold'; text-transform:uppercase; display: inline-block; padding-bottom: 20px; } .about-company-text { font-family: 'Montserrat-Regular'; color:#5F5F5F; font-size:14px; line-height:22px; margin-top:40px; } .about-company-subheading { font-family: 'Montserrat-Medium'; font-size: 20px; line-height: 24px; color: #000; margin-top: 30px; } .about-company-link { position:relative; margin-top:30px; display:inline-block; } .about-company-link .f-company {font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:14px; color:#2680EB; text-transform:uppercase; background: url(/images/arrow-blue.svg) 100% 50% no-repeat; padding-right:75px; margin-right:10px; transition: 0.3s ease-in;} .about-company-link .s-company {font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:14px; color:#989898; } .about-company-link:hover .f-company { background: url(/images/more-arrow.svg) 100% 50% no-repeat; } .about-company-link:hover .f-company { color: #C7AB85; } .about-company-link span { display:inline-block; } .about-company-link a { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } .hash-partners .str a { color:#C7AB85; } .hash-partners .str a:hover { color:#000; } .partners-product-block { padding:40px 0; background:#fff; z-index: 1; position: relative; } .partners-product-title { font-size:35px; line-height:35px; font-family: 'Montserrat-Bold'; text-transform:uppercase; } .partners-product-text { font-family: 'Montserrat-Regular'; color:#5F5F5F; font-size:14px; line-height:22px; margin-top:30px; } .partners-goods-items { display:flex; flex-wrap:wrap; margin: 0 0 0 -40px; } .partners-goods-item { position:relative; float:left; padding-bottom:25px; width: -webkit-calc(20% - 40px); width: -o-calc(20% - 40px); width: calc(20% - 40px); margin: 40px 0 0 40px; /* background:red; */ } .partner-product-img-block { /* flex:0 0 100%; flex-wrap:wrap; height:100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; */ } /* .partner-product-img-block img { display:none; width:100%; } */ /* .partner-product-img-block img:first-child { display:block; } */ /* .partners-goods-item:hover .partner-product-img-block img { display:block; } .partners-goods-item:hover .partner-product-img-block img:first-child { display:none; } */ .img-1 { position:relative; z-index:1; visibility:visible; transition: 0.5s opacity, 1s visibility; } .img-2 { position:absolute; top:0; left:0; opacity: 0; visibility:hidden; transition: 0.5s opacity, 0.5s visibility; } .partners-goods-item:hover .img-1 { position:absolute; top:0; left:0; opacity: 0; visibility:hidden; } .partners-goods-item:hover .img-2 { position:relative; opacity: 1; visibility:visible; } .partner-product-name { font-family: 'Montserrat-Regular'; font-size:14px; line-height:18px; margin-top:10px; } .partner-price-block { font-size:14px; line-height:14px; color:#2680EB; position:absolute; left:0; bottom:0; height:14px; overflow:hidden; opacity:1; visibility:visible; transition: 0.5s opacity, 1s visibility; } .partner-more { /* display:none; */opacity:0; visibility:hidden; transition: 0.5s opacity, 0.5s visibility; position:absolute; left:0; bottom:0; right:0; font-family: 'Montserrat-Medium'; font-size:14px; line-height:14px; color:#B2967E; height:14px; overflow:hidden; text-transform:uppercase; } .partner-more span { background: url(/images/more-arrow.svg) 100% 50% no-repeat; display:block; } .partners-goods-item:hover .partner-price-block { opacity: 0; visibility:hidden; transition: 0.5s opacity, 0.5s visibility; } .partners-goods-item:hover .partner-more { visibility:visible; opacity:1;} .partner-goods-link { position:absolute; z-index:3; top:0; left:0; right:0; bottom:0; } .partner-goods-link a { display:block; width:100%; height:100%; } .goods-item-title { font-family: 'Montserrat-Bold'; font-size:16px; line-height:20px; text-transform:uppercase; } .goods-item-img { padding:0 20px; position:relative; margin-top:30px; } .goods-item-img-plug { position:absolute; z-index:2; top:20px; left:0; right:0; bottom:40px; border:6px solid #2680EB;} .goods-more { position:absolute; left:0; bottom:0; right:0; font-family: 'Montserrat-Medium'; text-transform:uppercase; font-size:14px; line-height:14px; color:#2680EB; height:14px; overflow:hidden; transition: 0.3s ease-in; } .goods-more span { background: url(/images/arrow-blue.svg) 100% 50% no-repeat; display:block; } .partners-goods-item:hover .goods-more { color:#B2967E; } .partners-goods-item:hover .goods-more span { background: url(/images/more-arrow.svg) 100% 50% no-repeat; } .index-advantages-count-block { position:relative; } .index-advantages-count { font-family: 'Montserrat-Bold'; color:#fff; font-size:100px; line-height:100px; } .index-advantages-slider .swiper-slide:hover .index-advantages-count { color:#F2F2F2; } .index-advantages-count-title { position:absolute; top:60px; left:0; z-index:2; font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:16px; color:#000; text-transform:uppercase;} .partners-collection-block { padding: 40px 0; background:#fff; z-index: 1; position: relative; } .partners-collection-cols { margin: 0 0 0 -40px; } .partners-collection-col { position:relative; float:left; width: -webkit-calc(40% - 40px); width: -o-calc(40% - 40px); width: calc(40% - 40px); margin: 0px 0 0 40px; } .partners-collection-col:first-child { width: -webkit-calc(60% - 40px); width: -o-calc(60% - 40px); width: calc(60% - 40px); margin: 0px 0 0 40px; } .collection-list-desktop { padding-top:50px; } .collection-list-items { margin: 0 0 0 -30px; } .collection-list-item { position:relative; float:left; width: -webkit-calc(25% - 30px); width: -o-calc(25% - 30px); width: calc(25% - 30px); margin: 0px 0 0 30px; } .collection-list-img img { display:block; width:100%; } .collection-list-name { font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:18px; color:#000; text-transform:uppercase; margin-top:20px; transition: 0.3s ease-in;} .collection-list-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .collection-list-link a { display:block; width:100%; height:100%; } .collection-list-item:hover .collection-list-name { color:#2680EB; } .collection-list-text-block { margin-top:79px; } .collection-list-title { font-family: 'Montserrat-Medium'; text-transform:uppercase; font-size:16px; line-height:20px; } .collection-list-text { font-family: 'Montserrat-Light'; font-size:16px; line-height:19px; color:#5F5F5F; margin-top:20px; } .collection-list-link-block { margin-top:77px; } .collection-link-items { margin: 0 0 0 -40px; } .collection-link-item { position:relative; float:left; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin: 0px 0 0 40px; } .collection-link-item a { display:inline-block; font-family: 'Montserrat-SemiBold'; text-transform:uppercase; text-decoration:none; color:#2680EB; font-size:14px; line-height:14px; } .collection-link-item a span { background: url(/images/arrow-blue.svg) 100% 50% no-repeat; padding-right:70px; } .collection-link-item:hover a { color:#B2967E; } .collection-link-item:hover a span { background: url(/images/more-arrow.svg) 100% 50% no-repeat; } .collection-preview-img-block { position:relative; padding-right:30px; } .collection-preview-img img { display:block; width:100%; } .collection-preview-name { position:absolute; z-index:2; bottom:-30px; right:0; width:204px; height:180px; background:#F2F2F2; font-family: 'Montserrat-SemiBold'; text-transform:uppercase; font-size:22px; text-align:center; transition: 0.3s ease-in; } .collection-preview-name span { display:block; margin-top:125px; } .collection-preview-name:hover { color:#2680EB; } .collection-preview-title-block { margin-top:40px; } .collection-preview-title { font-family: 'Montserrat-Bold'; font-size:16px; line-height:22px; color:#000; text-transform:uppercase; } .collection-preview-link { margin-top:20px; } .collection-preview-link a { display:inline-block; font-family: 'Montserrat-SemiBold'; text-transform:uppercase; text-decoration:none; color:#2680EB; font-size:14px; line-height:14px; } .collection-preview-link a span { background: url(/images/arrow-blue.svg) 100% 50% no-repeat; padding-right:70px; } .collection-preview-link:hover a { color:#B2967E; } .collection-preview-link:hover a span { background: url(/images/more-arrow.svg) 100% 50% no-repeat; } .collection-list-mobile { display:none; margin-top:30px; } .collection-list-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .collection-list-slider .swiper-slide { width:200px; position:relative;} .collection-list-slider .swiper-slide:hover .collection-list-name { color:#2680EB; } .collection-list-slider .swiper-slide .collection-list-name { font-size:14px; line-height:14px; margin-top:15px;} .partners-map-block { padding:60px 0 40px 0; background:#262626; z-index: 1; position: relative; } .partners-map-title { font-size: 35px; line-height: 35px; font-family: 'Montserrat-Bold'; text-transform: uppercase; color:#fff; } .partners-map-text { margin-top:30px; font-family: 'Montserrat-Regular'; color: #5F5F5F; font-size: 14px; line-height: 22px; } .partners-map-img img { display:block; width:100%; } .partners-city-block { margin-top:30px; position:relative; padding-right:250px; padding-left:20px;} .partners-city-info { width:250px; position:absolute; top:0; right:0; } .partners-city-list ol { margin:0; padding:0; color:#989898; font-family: 'Montserrat-Medium'; font-size:12px; line-height:12px; text-transform:uppercase; -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .partners-city-list ol li { display: list-item; margin: 0px 0 10px 0px; width: 100%; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid;} .partners-city-list ol li span { color:#fff; padding-left:10px; } .partner-city-inner { border: 1px solid #2680EB; padding: 30px; } .partner-city-text { font-family: 'Montserrat-Medium'; font-size:12px; line-height:20px; color:#fff; text-transform:uppercase; } .partner-city-link { margin-top:30px; } .partner-city-link a { display:inline-block; font-family: 'Montserrat-SemiBold'; text-transform:uppercase; text-decoration:none; color:#2680EB; font-size:14px; line-height:14px; } .partner-city-link a span { background: url(/images/arrow-blue.svg) 0% 100% no-repeat; padding-bottom:20px; display:block; } .partner-city-link:hover a { color:#B2967E; } .partner-city-link:hover a span { background: url(/images/arrow-brown-long.svg) 0% 100% no-repeat; } .bottom-pad { padding-bottom:30px; } /* Страница "Стать партнёром" */ /* Страница "О бренде" */ .brand-top-block { position:relative; top:0; left:0; height:100vh; background-size:cover; z-index:1; } .brand-top-block.hide { height:156px; } .brand-hide { display:none; } .brand-bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .brand-bg { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: top center; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); will-change: transform;} .brand-center-block { position: fixed; text-align:center; padding-top:156px; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .brand-center-title { font-family: 'Montserrat-Thin'; font-size:55px; line-height:55px; color:#fff; letter-spacing:100px; padding-left:100px; text-transform:uppercase;} .brand-center-title h1 { font-family: 'Montserrat-Thin'; font-size:55px; line-height:55px; color:#fff; letter-spacing:100px; text-transform:uppercase; font-weight:300;} .brand-center-subtitle img { display:inline-block; } .reason-block { padding: 40px 0; background:#fff; } .reason-block .bread-crumbs { font-family: 'Montserrat-Regular'; font-size:10px; line-height:10px; color:#989898; } .reason-block .bread-crumbs a { color:#989898; text-decoration:none; } .reason-block .bread-crumbs a:hover { color:#428bca; text-decoration:none; } .reason-block .bread-crumbs span { display:inline-block; width:28px; height:5px; background: url(/images/bread-crumbs-arrow.svg) 0% 0% no-repeat; margin: 0 10px;} .reason-block .about-company-items-block { margin-top:30px; } .brand-image-slider-block { padding: 60px 0; background: url(/images/brand-slider-bg.jpg) top center no-repeat; background-size:cover; overflow:hidden; } .brand-image-slider-title { font-size:35px; line-height:45px; font-family: 'Montserrat-Bold'; text-transform:uppercase; color:#fff; } .brand-image-slider-subtitle { font-size:30px; line-height:35px; color:#B2967E; font-family: 'Montserrat-Medium'; margin-top:20px; } .brand-image-slider-inner { padding-left:30px; padding-top:80px; position:relative; } .brand-image-slider { margin-left: auto; margin-right: auto; position: relative; overflow: visible; list-style: none; padding: 0; z-index: 1; } .brand-image-slider .swiper-slide { width:350px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .brand-slider-item { position:relative; } .brand-slider-img { margin-top:90px; } .brand-slider-img img { display:block; width:270px; } .brand-slider-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .brand-slider-link a { display:block; width:100%; height:100%; } .brand-image-slider .swiper-slide.swiper-slide-active .brand-slider-img { margin-top:0; } .brand-image-slider .swiper-slide.swiper-slide-active .brand-slider-img img { width:100%; } .brand-image-slider .swiper-slide.swiper-slide-active .brand-slider-item { margin-top:0; } .brand-image-slider .swiper-button-disabled { opacity:0.5; cursor:default; } .brand-slider-next { width:58px; cursor:pointer; background:url(/images/index-slider-next.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:40px; bottom:0; left:353px; outline:none; } .brand-slider-prev { width:58px; cursor:pointer; background:url(/images/index-slider-prev.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:40px; bottom:0; left:0px; outline:none; } .brand-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 50% no-repeat; } .brand-slider-prev:hover { background:url(/images/index-slider-prev-active.svg) 0px 50% no-repeat; } .production-block { padding: 40px 0 0 0; } .production-block-title { font-size:35px; line-height:40px; font-family: 'Montserrat-Bold'; text-transform:uppercase; color:#000; } .production-block-subtitle { font-size:30px; line-height:35px; color:#B2967E; font-family: 'Montserrat-Medium'; margin-top:20px; } .production-slider-block { margin-top:40px; padding: 0 30px; position:relative;} .production-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .production-slider-item { position:relative; padding-bottom:105px; } .production-slider-img { position:relative; z-index:1; padding: 0 30px; } .production-slider-img img { display:block; width:100%; } .production-slider-info { position:absolute; z-index:2; bottom:0px; width:554px; right:0; background:#F2F2F2; } .production-slider-inner { padding: 60px 60px 50px 60px; } .production-slider-heading { font-family: 'Montserrat-SemiBold'; text-transform:uppercase; font-size:16px; line-height:19px; color:#000; letter-spacing: 3px; } .production-slider-subheading { font-family: 'Montserrat-Light'; font-size:16px; line-height:19px; color:#5F5F5F; margin-top:10px; } .production-slider-text { font-family: 'Montserrat-Light'; font-size:16px; line-height:19px; color:#5F5F5F; margin-top:20px; } .production-slider-next { width:58px; cursor:pointer; background:url(/images/index-slider-next.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0px; bottom:165px; right:20px; outline:none; } .production-slider-prev { width:58px; cursor:pointer; background:url(/images/index-slider-prev.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0px; bottom:165px; left:20px; outline:none; } .production-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 50% no-repeat; } .production-slider-prev:hover { background:url(/images/index-slider-prev-active.svg) 0px 50% no-repeat; } .production-slider-pagination { margin-top:0px; padding-left:30px; } .production-slider-pagination .swiper-pagination-bullet { width:2px; height:30px; background:#C7C7C7; border-radius: 0%; margin-left:20px; outline:none;} .production-slider-pagination .swiper-pagination-bullet:first-child { margin-left:0; } .production-slider-pagination .swiper-pagination-bullet-active { height:50px; background:#000000; border-radius: 0%; outline:none; } .reviews-info-block { padding: 30px 0 0 0; } h1.reviews-info-title { font-size:35px; line-height:40px; font-family: 'Montserrat-Bold'; text-transform:uppercase; color:#000; } .reviews-info-cols { padding-top:60px; margin: 0 0 0 -50px; } .reviews-info-col { position:relative; float:left; width: -webkit-calc(60% - 50px); width: -o-calc(60% - 50px); width: calc(60% - 50px); margin: 0px 0 0 50px; } .reviews-info-col:first-child { width: -webkit-calc(40% - 50px); width: -o-calc(40% - 50px); width: calc(40% - 50px); } .reviews-info-subtitle { font-size: 30px; line-height: 35px; color: #B2967E; font-family: 'Montserrat-Medium'; } .reviews-info-text { font-size:14px; line-height:18px; color:#5F5F5F; } .reviews-info-text p { margin: 20px 0 0 0; } .reviews-info-text p:first-child { margin: 0px 0 0 0; } .reviews-slider-block { padding-top:80px; padding-bottom:20px; overflow:hidden; } .reviews-slider-block .page-inner { overflow: visible;} .reviews-slider { margin-left: auto; margin-right: auto; position: relative; overflow: visible; list-style: none; padding: 0; z-index: 1;} .reviews-slider .swiper-slide { width:412px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap:wrap; height: auto; position:relative; z-index:1; padding-bottom:20px; border-left: 1px solid #F2F2F2; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2;} .review-slider-item { position:relative; background:#fff; flex:0 0 100%; } .review-slider-inner { padding: 40px; position:relative; z-index:1;} .reviews-slider .swiper-slide:last-child { border-right: 1px solid #F2F2F2; } .review-slider-plug { position:absolute; z-index:2; top:-20px; left:-20px; right:-20px; bottom:-20px; background:#F2F2F2; display:none; } .review-slider-link { position:absolute; z-index:4; top:-20px; left:-20px; right:-20px; bottom:-20px; } .review-slider-link a { display:block; width:100%; height:100%; } .reviews-slider .swiper-slide:hover { z-index:3; } .reviews-slider .swiper-slide:hover .review-slider-plug { display:block; } .reviews-slider .swiper-slide:hover .review-slider-inner { z-index:3; } .reviews-slider-nav { margin-top:20px; display:none; } .reviews-slider-pagination { text-align:center; } .reviews-slider-pagination span { margin-left:5px; width:9px; height:2px; background:#C7AB85; border-radius: 0%;} .reviews-slider-pagination span.swiper-pagination-bullet-active { width:20px; height:2px; background:#000000; } .reviews-slider-pagination span:first-child { margin-left:0px; } .review-personal-name { font-size:18px; line-height:20px; } .review-personal-name span { color:#989898; padding-left:5px; } .review-personal-post { font-family: 'Montserrat-Light'; font-size:14px; line-height:16px; color:#5F5F5F; margin-top:15px; } .review-personal-text { font-family: 'Montserrat-Light'; font-size:18px; line-height:22px; color:#5F5F5F; margin-top:15px; } .review-personal-arrow { width:58px; height:5px; background:url(/images/arrow-blue.svg) 0% 0% no-repeat; margin-top:20px; } .brand-ts-block { padding: 20px 0 60px 0; } .brand-ts-title { font-size:35px; line-height:40px; font-family: 'Montserrat-Bold'; text-transform:uppercase; color:#000; } .brand-ts-cols { padding-top:40px;} .brand-ts-slider-col { position:relative; float:left; width: -webkit-calc(100% - 500px); width: -o-calc(100% - 500px); width: calc(100% - 500px); } .brand-ts-text-col { width:480px; background:#fff; float:left; margin-left:20px; color:#000000; } .brand-ts-heading { font-size:16px; line-height:20px; } .brand-ts-text-col p { margin:20px 0 0 0; font-size: 14px; line-height: 18px; color: #5F5F5F; } .b-slider-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0 0 0 20px; z-index: 1;} .b-slider-container .swiper-slide { height:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .b-slider-container .swiper-slide.swiper-slide-active { width:500px!important; } .b-slider-container .swiper-slide.swiper-slide-next { width:340px!important; } .b-slider-next { width:58px; cursor:pointer; background:url(/images/index-slider-next.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0%; bottom:95px; right:-10px; outline:none; } .b-slider-prev { width:58px; cursor:pointer; background:url(/images/index-slider-prev.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0%; bottom:95px; left:-10px; outline:none; } .b-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 50% no-repeat; } .b-slider-prev:hover { background:url(/images/index-slider-prev-active.svg) 0px 50% no-repeat; } .b-slider-next.swiper-button-disabled { opacity:0.5; cursor:default; } .b-slider-prev.swiper-button-disabled { opacity:0.5; cursor:default; } .b-slider-pagination { margin-top:40px; padding-left:0px; } .b-slider-pagination .swiper-pagination-bullet { width:2px; height:30px; background:#C7C7C7; border-radius: 0%; margin-left:20px; outline:none;} .b-slider-pagination .swiper-pagination-bullet:first-child { margin-left:0; } .b-slider-pagination .swiper-pagination-bullet-active { height:50px; background:#000000; border-radius: 0%; outline:none; } .b-slider-item { position:relative; flex:0 0 100%;} .b-slider-img img { display:block; width:100%; } .b-slider-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .b-slider-link a { display:block; width:100%; height:100%; } .top-block-plug { height:0px; } /* Страница "О бренде" */ /* Коллекции */ .collection-bg {background: linear-gradient(to right, #fff 70%, #F2F2F2 30%); padding: 40px 0 0 0; margin-bottom:20px;} .collection-cols { padding: 50px 0 0 0; display: flex; flex-wrap: wrap; } .collection-col { width:30%; float:left; background:#F2F2F2; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .collection-col:first-child { width:70%; float:left; background:#fff; margin-top:0px; overflow:hidden; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .collection-tab-slider-block { border-bottom:1px solid #E0E0E0; overflow:hidden; } .collection-tab-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .collection-tab-slider .swiper-slide { width:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: auto; position:relative; } .collection-title-link { margin-right:60px; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .collection-title-link a { display:block; /* white-space:nowrap; */ font-family: 'Montserrat-SemiBold'; font-size:12px; line-height:12px; color:#ADADAD; text-transform:uppercase; text-decoration:none; padding-bottom:15px; border-bottom:4px solid #fff; } .collection-title-link a:hover { color:#B2967E; } .collection-title-link h1 { display:block; /* white-space:nowrap; */ font-family: 'Montserrat-SemiBold'; font-size:12px; line-height:12px; color:#ADADAD; text-transform:uppercase; text-decoration:none; padding-bottom:15px; border-bottom:4px solid #fff; margin:0;} .collection-current-link a { color:#2680EB; border-bottom:4px solid #2680EB; cursor:default;} .collection-current-link a:hover { color:#2680EB; } .collection-current-link h1 { color:#2680EB; border-bottom:4px solid #2680EB; cursor:default;} .collection-current-link h1:hover { color:#2680EB; } .collection-col-text-block { padding-top:40px; padding-right:150px; } .collection-col-title { font-size:40px; line-height:50px; color:#000; } .collection-popup-text { font-size:14px; line-height:18px; color:#5F5F5F; opacity: 0; visibility:hidden; height:0; overflow:hidden; } .collection-popup-text p { margin: 20px 0 0 0; } .collection-col-toggle { font-size:14px; line-height:24px; color:#989898; font-family: 'Montserrat-Medium'; margin-top:45px; cursor:pointer; } .collection-col-toggle span { display:none; padding-right:30px; background:url(/images/more-sprite.svg) 100% 0px no-repeat;} .collection-col-toggle span:first-child { display:inline-block; } .collection-col-toggle:hover { color:#B2967E; } .collection-col-slider-block { margin-top:-100px; padding-top:100px; background:#F2F2F2; } .collection-col-slider {margin-top:31px; position:relative; } .collection-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; /* transition: 0.5s opacity, 0.5s visibility; */ } .collection-slider .swiper-slide { height:100%; width:100%!important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .collection-slider .swiper-slide.swiper-slide-active{ transform: scale(1)!important; } .collection-slider-next { width:58px; cursor:pointer; background:url(/images/index-slider-next.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0%; bottom:70px; right:-20px; outline:none; opacity: 0; visibility:hidden; transition: 0.1s opacity, 0.1s visibility; /* display:none; */ } .collection-slider-prev { width:58px; cursor:pointer; background:url(/images/index-slider-prev.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0%; bottom:70px; left:-20px; outline:none; opacity: 0; visibility:hidden; transition: 0.1s opacity, 0.1s visibility; /* display:none; */} .collection-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 50% no-repeat; } .collection-slider-prev:hover { background:url(/images/index-slider-prev-active.svg) 0px 50% no-repeat; } .collection-slider-next.swiper-button-disabled { opacity:0.5; cursor:default; } .collection-slider-prev.swiper-button-disabled { opacity:0.5; cursor:default; } .collection-slider-pagination { margin-top:0px; padding-left:0px; text-align:right; height:0px; overflow:hidden; opacity: 0; visibility:hidden; transition: 0.5s opacity, 0.5s visibility; } .collection-slider-pagination .swiper-pagination-bullet { width:2px; height:30px; background:#C7C7C7; border-radius: 0%; margin-left:20px; outline:none;} .collection-slider-pagination .swiper-pagination-bullet:first-child { margin-left:0; } .collection-slider-pagination .swiper-pagination-bullet-active { height:50px; background:#000000; border-radius: 0%; outline:none; } .collection-slider-item { position:relative; width: 100%; } .collection-slider-img img { display:block; width:100%; } .collection-slider-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .collection-slider-link a { display:block; width:100%; height:100%; } .collection-cols.active .collection-popup-text { opacity: 1; visibility:visible; height:auto; overflow:visible; transition: 1s opacity, 1s visibility; } .collection-cols.active .collection-col-toggle span { display:inline-block; background-position: 100% -24px;} .collection-cols.active span:first-child { display:none; } .collection-cols.active .collection-col { width:45%; /* -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; */ } .collection-cols.active .collection-col:first-child { width:55%; /* -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; */ } .collection-cols.active .collection-title-link { margin-right:40px; } .collection-cols.active .collection-col-title { font-size: 35px; line-height: 40px;} .collection-cols.active .collection-col-text-block { padding-right:100px; } .collection-cols.active .collection-slider-next { opacity: 1; visibility:visible; /* display:block; */} .collection-cols.active .collection-slider-prev { opacity: 1; visibility:visible; /* display:block; */} .collection-cols.active .collection-slider-pagination { opacity: 1; visibility:visible; /* display:block; */ height:50px; margin-top:20px; } .collection-cols.active .collection-slider-pagination span:first-child { display: inline-block;} .collection-cols.active .collection-col-slider-block { background: linear-gradient(to right, #fff 70%, #F2F2F2 30%); } .collection-cols.active .collection-col {background: linear-gradient(to right, #fff 70%, #F2F2F2 30%); } .collection-cols.active .collection-col:first-child {background: #fff; } .collection-catalog-block { } .collection-catalog-top { display:flex; flex-wrap:nowrap; justify-content:space-between; position:sticky; top: 91px; z-index: 5; background: #fff; padding: 20px 0; } .collection-filter-toggle { position:relative; width:240px; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .collection-filter-title { float:left; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:24px; color:#000; text-transform:uppercase; } .filter-toggle-mob {position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; cursor:pointer; display:none; } .roll { float:right; height:24px; line-height:24px; overflow:hidden; font-size:14px; color:#ADADAD; cursor:pointer; } .roll span { display:none; padding-right:30px; background:url(/images/filter-sprite.svg) 100% 0px no-repeat;} .roll span:first-child { display:inline-block; } .collection-sort-block { } .collection-sort-title { float:left; font-size:14px; line-height:24px; color:#ADADAD; } .collection-sort-links { float:left; } .collection-sort-links a { display:inline-block; margin-left:17px; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:24px; color:#ADADAD; text-decoration:none;} .collection-sort-links a:hover { color:#000; text-decoration:none;} .collection-sort-links a.current { color:#B2967E; border-bottom:2px solid #B2967E; } .collection-sort-links div { display:inline-block; margin-left:17px; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:24px; color:#ADADAD; text-decoration:none; cursor:pointer;} .collection-sort-links div:hover { color:#000; text-decoration:none;} .collection-sort-links div.current { color:#B2967E; border-bottom:2px solid #B2967E; } .collection-show-block { } .collection-show-block .collection-sort-block { left:0; } .collection-catalog-inner { margin-top:40px; } .collection-fc-block { display:flex; flex-wrap:nowrap; justify-content:space-between; padding: 0 20px;} .collection-filter-block { background:#F2F2F2; width:0px; height:0; flex:none; overflow:hidden; position: sticky; top: 157px; /* -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; */ } .collection-content-block { height:100%; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .collection-catalog-block.active .collection-filter-toggle { width:450px; } .collection-catalog-block.active .roll span { display:inline-block; background-position:100% -22px; } .collection-catalog-block.active .roll span:first-child { display:none; } .collection-catalog-block.active .collection-filter-block { width:450px; height:100%; margin: 0px 50px 0px 0px; overflow:visible; } .collection-catalog-block.active .collection-sort-block { position:relative; left:-65px; } .collection-catalog-block.active .collection-show-block .collection-sort-block { left:0px; } .collection-catalog-block.active .collection-fc-block { padding:0 20px 0 0; } .collection-filter-inner { padding:20px 20px 20px 20px; position:relative; } .sliderCont { width: 100%; margin-top: 20px; } .formCost .minCost { float: left; position:relative; } .formCost .maxCost { float: right; position:relative; } .formCost input { width: 140px; height: 55px; line-height: 55px; text-align:center; font-family: 'Montserrat-Regular'; font-size: 16px; color:#000; padding: 0px 10px 0px 10px; background: #fff; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cost-title { position:absolute; z-index:2; top:0; left:0; background:#fff; height:55px; line-height:55px; font-family: 'Montserrat-Regular'; font-size: 16px; color:#000; width:35px; text-align:right; } .cost-currency { position:absolute; z-index:2; top:0; right:0; background:#fff; height:55px; line-height:55px; font-family: 'Montserrat-Regular'; font-size: 16px; color:#000; width:35px; text-align:left; } .ui-slider { position: relative;} .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 2px; height: 17px; background:#000; cursor: pointer; outline: none;} .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; overflow: hidden;} .ui-slider-horizontal { height: 3px;} .ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -1px;} .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;} .ui-widget-content { background:#fff; height: 3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .ui-widget-header { background: #2680EB; height: 3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .collection-filter-options { margin-top:35px; } .collection-filter-options .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #ADADAD; width: 3px; } .collection-filter-options .mCSB_dragger_bar { background:#000000!important; width: 3px!important; opacity:1!important;} .collection-filter-options .mCSB_outside + .mCSB_scrollTools { right: -13px;} .filter-options-items { max-height:400px; /* padding-bottom:90px; */ } .filter-options-item { margin-top:30px; } .filter-options-item:first-child { margin-top:0px; } .filter-option-toggle {font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:24px; color:#000; text-transform:uppercase; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; cursor:pointer; } .filter-option-toggle span { display:block; padding-right:30px; background:url(/images/filter-flag-sprite.svg) 100% 0px no-repeat; } .filter-option-content { opacity: 0; visibility:hidden; transition: 0.5s opacity, 0.5s visibility; height:0; overflow:hidden; } .filter-check-items { display:flex; flex-wrap:wrap; margin: 0 0 0 -20px; } .filter-check-item { position:relative; float:left; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 20px 0 0px 20px; } .filter-check-item .checkbox { position:relative; padding-left: 40px; font-size: 14px; color:#000; line-height: 16px; min-height:30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .filter-check-item .checkbox input[type=checkbox] { display:none; } .filter-check-item .checkbox label { cursor: pointer; } .filter-check-item .checkbox label:after { content:''; display:inline-block; border:1px solid #989898; height:30px; width:30px; background: #F2F2F2; position:absolute; top:0px; left:0; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .filter-check-item .checkbox input[type=checkbox]:checked + label:after { border: 1px solid #fff; background:#fff url(/images/filter-check-flag.svg) 50% 50% no-repeat;} .collection-filter-buttons { position:sticky; z-index:2; bottom:0; left:0; right:0; padding: 50px 0px 20px 0px; background: #F2F2F2; } .collection-apply { float:left; font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:20px; color:#000; text-decoration:none; text-transform:uppercase; } .collection-apply:hover { color:#2680EB; text-decoration:none; } .collection-reset { float:right; font-size:14px; line-height:20px; color:#ADADAD; text-decoration:none; } .collection-reset span { background:url(/images/filter-reset-icon.svg) 100% 50% no-repeat; padding-right:30px; } .collection-reset:hover { color:#ADADAD; text-decoration:underline; } .filter-options-item.active .filter-option-toggle { font-size:10px; color:#ADADAD; } .filter-options-item.active .filter-option-toggle span {background-position:100% -24px; } .filter-options-item.active .filter-option-content { opacity: 1; visibility:visible; transition: 0.5s opacity, 0.5s visibility; height:auto; overflow:visible; } .mobile-filter { position: fixed; top:0px; left:0; bottom:0; right:0; z-index: 8; display: none; background:url(/images/menu-bg.png) 0px 0px repeat; } .mobile-filter-wrap { min-height: 100%; height: auto !important; height: 100%; position: relative; padding-bottom: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile-filter-inner { background:#fff; width: 320px; height: 100%; overflow: auto; } .filter-close { height:24px; line-height:24px; overflow:hidden; font-size:14px; color:#000; cursor:pointer; padding: 20px; } .filter-close span { display:block; padding-right:30px; background:url(/images/filter-sprite.svg) 100% -22px no-repeat;} .mobile-filter-content .minCost { border:1px solid #E0E0E0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mobile-filter-content .maxCost { border:1px solid #E0E0E0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mobile-filter-content .formCost input { width:120px; font-size:14px; padding: 0px 10px 0px 15px; } .mobile-filter-content .cost-title { font-size:14px; width:30px;} .mobile-filter-content .cost-currency { font-size:14px; width:25px; } .mobile-filter-content .ui-widget-content { background:#E0E0E0; } .mobile-filter .mCSB_inside > .mCSB_container { margin-right: 0px;} .mobile-filter .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #ADADAD; width: 3px; } .mobile-filter .mCSB_dragger_bar { background:#000000!important; width: 3px!important; opacity:1!important;} .mobile-filter .mCSB_outside + .mCSB_scrollTools { right: -13px;} .mobile-filter .checkbox { position:relative; padding-left: 20px; font-size: 12px; color:#000; line-height: 14px; min-height:14px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .mobile-filter .checkbox input[type=checkbox] { display:none; } .mobile-filter .checkbox label { cursor: pointer; } .mobile-filter .checkbox label:after { content:''; display:inline-block; border:1px solid #989898; height:14px; width:14px; background: #FFF; position:absolute; top:0px; left:0; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mobile-filter .checkbox input[type=checkbox]:checked + label:after { border: 1px solid #989898; background:#fff url(/images/filter-check-flag-mob.svg) 50% 50% no-repeat;} .mobile-filter .filter-check-items { display: flex; flex-wrap: wrap; margin: 0 0 0 -10px;} .mobile-filter .filter-check-item { position:relative; float:left; width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px); margin: 15px 0 0px 10px; } .mobile-filter .filter-options-item { margin-top: 20px;} .mobile-filter .collection-filter-buttons { margin-top:0; position:fixed; left:0px; right:0px; bottom:60px; padding: 30px 20px; background:#fff; border-top:1px solid #E0E0E0;} .mobile-filter .collection-apply { font-size:14px; line-height:14px; } .mobile-filter .collection-reset { font-size: 14px; line-height: 14px;} .collection-catalog-items { display: flex; flex-wrap: wrap; margin: 0 0 0 -40px; /* transform: translate3d(0px, 0, 0); transition: transform 1000ms linear; */} .collection-catalog-item { position:relative; float:left; width: -webkit-calc(20% - 40px); width: -o-calc(20% - 40px); width: calc(20% - 40px); margin: 0px 0 60px 40px; /* padding-bottom:35px; */ background:#fff; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; will-change: width; /* will-change: transform; */animation-fill-mode: backwards; -animation-direction: normal; -webkit-animation-fill-mode: backwards;} .collection-catalog-item:hover { height:100%; } .collection-catalog-block.active .collection-catalog-item { width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); margin: 0 0 60px 30px; } .collection-catalog-block.active .collection-catalog-items { margin: 0 0 0 -30px; /* transform: translate3d(0px, 0, 0); transition: transform 1000ms linear; */ } .collection-product-inner { position:relative; } .collection-catalog-img-block { position:relative; background:#fff; } .collection-catalog-img { background:#fff; } .collection-catalog-img img { display:block; width:100%; webkit-transition: 0.5s, top 0s; -o-transition: 0.5s, top 0s; transition: 0.5s, top 0s; margin:0 auto;} .collection-catalog-article { font-size:12px; line-height:12px; color:#ADADAD; position:absolute; z-index:2; top:0; left:0; } .collection-status { position:absolute; z-index:2; top:20px; left:0; width:45px; height:40px; } .collection-status.status-hit { background:url(/images/status-hit-icon.svg) 50% 50% no-repeat; } .collection-status.status-new { background: url(/images/list-new-icon.svg) 50% 50% no-repeat; } .collection-name { position:absolute; z-index:2; bottom:0; left:0; background:#2680EB; padding:0px 10px; height:20px; font-family: 'Montserrat-Bold'; font-size:10px; line-height:21px; text-transform:uppercase; color:#fff; letter-spacing: 2px;} .collection-product-name { font-size:14px; line-height:18px; color:#000; margin-top:15px; height:54px; overflow:hidden;} .collection-product-name a { color:#000; text-decoration:none; } .collection-product-name a:hover { color:#2680EB; text-decoration:none; } .collection-product-price { font-family: 'Montserrat-Medium'; font-size:14px; color:#2680EB; line-height:14px; /* position:absolute; z-index:2; bottom:0; left:0; */ margin-top:25px; position:relative;} .collection-qf-block { position:absolute; top:-5px; left:0; right:0; opacity: 0; height:0; visibility:hidden; transition: 0.2s opacity, 0.5s visibility; } .collection-quick-link { font-size:12px; line-height:24px; color:#ADADAD; float:left; } .collection-quick-link a { display:block; height:24px; background:url(/images/quick-view-icon.svg) 0% 0% no-repeat; padding-left:35px; color:#ADADAD; text-decoration:none;} .collection-quick-link:hover { color:#000; } .collection-quick-link:hover a { color:#000; text-decoration:none; background:url(/images/quick-view-icon-active.svg) 0% 0% no-repeat; } .collection-fav-block { width:24px; height:24px; background:url(/images/fav-sprite.svg) 0px 0px no-repeat; float:right; cursor:pointer; } .collection-fav-block.active { background-position:0 -24px; } .collection-catalog-article-hover { font-size:12px; line-height:12px; color:#ADADAD; margin-top:10px; opacity: 0; height:0; visibility:hidden; transition: 0.5s opacity, 0.5s visibility;} .collection-colors-block { opacity: 0; height:0; visibility:hidden; overflow:hidden; transition: 0.5s opacity, 0.5s visibility; } .collection-colors-item { margin-top:10px; } .collection-colors-title { float:left; font-size:11px; line-height:14px; color:#ADADAD; width:60px;} .collection-colors-value { float:left; margin-left:10px; } .collection-colors-value a { display:inline-block; position:relative; width:22px; height:22px; margin-left:2px; margin-top:4px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; } .collection-colors-value a:first-child { margin-left:0; } .color-check { position:absolute; z-index:2; width:10px; height:10px; background:#000; border: 1px solid #fff; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; top:50%; left:50%; margin:-6px 0 0 -6px; display:none; } .related-product-item .color-check { margin:-5px 0 0 -5px; } .collection-colors-value a.active .color-check { display:block; } .collection-plug { position:absolute; z-index:2; top:-20px; left:-20px; right:-20px; bottom:-20px; background:#fff; box-shadow: -1px 5px 18px rgba(150, 164, 175, 0.46); opacity: 0; visibility:hidden; transition: 0.0s opacity, 0.5s visibility;} .collection-popup-block { position:absolute; z-index:3; left:-20px; right:-20px; margin-top:-35px; background:#fff; padding: 0 20px 20px 20px; box-shadow: 0px 15px 18px rgba(150, 164, 175, 0.46); opacity: 0; height:0; visibility:hidden; transition: 0.0s opacity, 0.5s visibility; } .collection-bottom-block { opacity: 0; height:0; visibility:hidden; overflow:hidden; transition: 0.5s opacity, 0.5s visibility; } .collection-bottom-block .collection-product-price-popup { float:left; font-family: 'Montserrat-Medium'; font-size:14px; color:#2680EB; line-height:14px; } .collection-bottom-block .collection-product-more { float:right; color:#B2967E; font-family: 'Montserrat-Medium'; font-size:14px; line-height:14px; text-transform:uppercase; } .collection-bottom-block .collection-product-more a { color:#B2967E; text-decoration:none; } .collection-bottom-block .collection-product-more a:hover { color:#2680EB; text-decoration:none; } .collection-catalog-item:hover { height:100%; } .collection-catalog-item:hover .collection-product-inner { z-index:3; } .collection-catalog-item:hover .collection-product-price { /* z-index:1; */ /* opacity: 0; height:0; visibility:hidden; overflow:hidden; transition: 0.5s opacity, 0.5s visibility; */ } .collection-catalog-item:hover .collection-plug { opacity: 1; visibility:visible; transition: 0.5s opacity, 0.5s visibility; } .collection-catalog-item:hover .collection-catalog-article { opacity: 0; visibility:hidden; transition: 0.5s opacity, 0.5s visibility; } .collection-catalog-item:hover .collection-catalog-article-hover { opacity: 1; height:auto; visibility:visible; transition: 0.5s opacity, 0.5s visibility; } .collection-catalog-item:hover .collection-qf-block { opacity: 1; height:auto; background:#fff; visibility:visible; transition: 0.5s opacity, 0.5s visibility; } .collection-catalog-item:hover .collection-colors-block { opacity: 1; height:auto; visibility:visible; transition: 0.5s opacity, 0.5s visibility; } .collection-catalog-item:hover .collection-bottom-block { opacity: 1; height:auto; visibility:visible; transition: 0.5s opacity, 0.5s visibility; margin-top:15px; } .collection-catalog-item:hover .collection-popup-block { opacity: 1; height:auto; visibility:visible; transition: 0.0s opacity, 0.5s visibility; } .collection-catalog-item:hover .collection-catalog-img img { width:70%; webkit-transition: 0.5s, top 0s; -o-transition: 0.5s, top 0s; transition: 0.5s, top 0s; margin:0 auto; } .collection-del-block { width: 24px; height: 24px; background: url(/images/del-fav-sprite.svg) 0px 0px no-repeat; float: right; cursor: pointer; } .collection-pagination { text-align:right; margin-bottom:60px; } .collection-pagination a { display:inline-block; } .pagination-prev-link { font-size:14px; line-height:14px; color:#ADADAD; text-decoration:none; margin-right:27px; } .pagination-prev-link:hover { color:#2680EB; text-decoration:none; } .pagination-next-link { font-size:14px; line-height:14px; color:#ADADAD; text-decoration:none; margin-left:27px; } .pagination-next-link:hover { color:#2680EB; text-decoration:none; } .pagination-num-link { font-family: 'Montserrat-SemiBold'; font-size:14px; color:#000; text-decoration:none; width:30px; height:30px; text-align:center; line-height:30px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; border:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .pagination-num-link:hover { background:#F2F2F2; color:#2680EB; text-decoration:none; border: 1px solid #F2F2F2; } .pagination-current-link { color:#B2967E; border: 1px solid #B2967E; } .pagination-current-link:hover { background:none; color:#B2967E; border: 1px solid #B2967E; } .collection-pagination a:visited { color: #ADADAD; text-decoration:none; } .pagination-num-link:visited { color: #ADADAD; text-decoration:none; } /* Коллекции */ .frisbuy-sr-mobile-fixed { z-index: 100!important;} .fancybox-navigation .fancybox-button--arrow_left { left:100px!important; } .fancybox-navigation .fancybox-button--arrow_right { right: 100px!important;} /* Всплывающая акция на главной */ .stock-popup-block { position:fixed; z-index:99999999999; top:0; left:0; right:0; bottom:0; background: url(/images/popup_overlay.png) 0px 0px repeat; display:flex; align-items: center; padding: 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stock-popup-inner { background: #fff; max-width: 1024px; margin: 0 auto; height: 100%; max-height:855px; position: relative; flex: 0 0 100%; overflow:auto;} .stock-popup-top { padding: 60px 0px 20px 60px; position:relative; } .stock-popup-title { font-family: 'Montserrat-Regular'; font-size:22px; line-height:22px; color:#000;} .stock-popup-close { width:20px; height:20px; cursor:pointer; background:url(/images/popup-close-icon.svg) 0px 0px no-repeat; position:absolute; z-index:2; top:20px; right:20px; } .stock-popup-slide img { display:block; width:100%; } .stock-description { position:relative; padding: 50px 60px; } .stock-description-inner { } .stock-description-img { width:182px; float:left; position:relative; } .stock-description-img img { position:absolute; left:0; top:-130px; } .stock-description-text { margin-left:242px; } .stock-description-title { font-family: 'Montserrat-Bold'; color:#CE2200; font-size:22px; line-height:27px; text-transform:uppercase; } .stock-description-list { margin-top:30px; } .stock-description-list ul { list-style:none; margin:0; padding:0; } .stock-description-list ul li { background:url(/images/stock-list-icon.svg) 0px 9px no-repeat;font-family: 'Montserrat-Regular'; font-size:20px; line-height:24px; color:#000; padding-left:17px; margin-top:5px; } .stock-description-list ul li:first-child { margin-top:0; } .stock-description-link { margin-top:50px; } .stock-description-link a { display:block; width:228px; height:65px; line-height:65px; background:#2680EB; font-family: 'Montserrat-SemiBold'; font-size:14px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .stock-description-link a:hover { background: #559bef; color: #fff; } /* 404 */ .emptyPage__block { max-width:580px; margin: 0 auto; padding: 80px 20px 80px 20px; } .emptyPage__img { max-width:340px; margin:0 auto; } .emptyPage__img img { display: block; width:100%; } .emptyPage__title { font-size: 24px; line-height: 26px; text-align:center; color:#282828; font-family: 'Montserrat-Regular'; margin-top:20px; } .emptyPage__text {font-size: 14px; line-height: 20px; text-align:center; color:#9ea0a1; font-family: 'Montserrat-Regular'; margin-top:20px; } .emptyPage__buttons { margin-top:40px; } .emptyPage__buttonItems { margin: 0 0 0 -20px; } .emptyPage__buttonItem { float: left; position: relative; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 0px 0px 20px; } .emptyPage__buttonItem a { display: block; height:53px; line-height:53px; letter-spacing:3px; border: 1px solid #cbced2; text-align:center; font-family: 'Montserrat-Regular'; font-size: 12px; color:#2a292f; text-decoration: none; text-transform:uppercase; transition: all .3s ease-in-out; } .emptyPage__buttonItem a:hover {background-color: #25242a; border-color: #25242a; color: #fff; text-decoration: none;} /* Контакты */ .contacts-feed-block { padding: 100px 0; } .contacts-feed-items { margin: 0 0 0 -40px; } .contacts-feed-item { position:relative; float:left; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin: 0px 0 0px 40px; } .contacts-feed-subitems { margin: 0 0 0 -40px; } .contacts-feed-subitem { position:relative; float:left; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin: 0px 0 0px 40px; } .contacts-feed-title { font-size:22px; line-height:27px; color:#C1C1C1; } .contacts-feed-inner { margin-top:25px; } .contacts-feed-adress { font-size:34px; line-height:42px; color:#000; } .contacts-feed-link { font-family: 'Montserrat-SemiBold'; font-size:34px; line-height:42px; color:#000; } .contacts-feed-link a { color:#000; text-decoration:none; } .contacts-feed-link a:hover { color:#000; text-decoration:none; } .contacts-attention-block { font-size:16px; line-height:19px; color:#5F5F5F; padding: 100px 0; } /* Контакты */ @media screen and (max-width: 599px) { .emptyPage__block { padding: 40px 20px 40px 20px; } .emptyPage__buttonItems { margin: 0 0 0 0px; } .emptyPage__buttonItem { float: none; position: relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0px 0px 0px; } .emptyPage__buttonItem:first-child { margin-bottom: 20px;} } /* 404 */ @media screen and (max-height: 886px) { .stock-popup-top { padding: 20px 0px 20px 60px; position:relative; } .stock-popup-inner { height:auto; } .stock-description { position:relative; padding: 30px 40px; } .stock-description-list { margin-top:10px; } .stock-description-link { margin-top:30px; } .stock-popup-inner { max-height:720px; } .stock-description-title { font-size:20px; line-height:25px; } .stock-description-list ul li { font-size:18px; line-height:20px; } .stock-popup-slide { height:250px; } .stock-popup-slide img { object-fit:cover; height:100%;} } /* Всплывающая акция на главной */ /* Сопутствующие товары */ .related-products-block { margin-bottom:40px; overflow:hidden; position:relative; } .related-products-slider-block { position:relative; } .related-products-cols { display:flex; flex-wrap:wrap; margin:0 0 0 -40px; } .related-products-col { position:relative; float:left; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin: 0px 0 0px 40px; background:#fff; } .related-products-title { font-family: 'Montserrat-SemiBold'; font-size:12px; text-transform:uppercase; font-size:24px; line-height:24px; color:#000; } .related-products-subtitle { color: #c8c8c8; margin-bottom:20px; padding-top:60px;} .related-products-slider { margin-top:10px; } .related-products-container { margin-left: auto; margin-right: auto; position: relative; overflow:hidden; list-style: none; padding: 30px 20px 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 -20px; z-index: 6; } .related-products-container .swiper-slide { height:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .related-product-item { width:100%; position:relative; background:#fff; box-shadow: -1px 5px 18px rgba(150, 164, 175, 0.46); padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .related-products-arrows { /* position:absolute; top:20px; left:0; width:100%; */} .related-slider-next { width:58px; height:24px; cursor:pointer; background:url(/images/index-slider-next.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:150px; right:0px; outline:none; } .related-slider-prev { width:58px; height:24px; cursor:pointer; background:url(/images/index-slider-prev.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:150px; left:0px; outline:none; } .related-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 50% no-repeat; } .related-slider-prev:hover { background:url(/images/index-slider-prev-active.svg) 0px 50% no-repeat; } .related-slider-next.swiper-button-disabled { opacity:0.5; cursor:default; } .related-slider-prev.swiper-button-disabled { opacity:0.5; cursor:default; } .related-products-nav { margin-top:20px; display:none; } .related-slider-pagination { text-align:center; } .related-slider-pagination span { margin-left:5px; width:9px; height:2px; background:#C7AB85; border-radius: 0%; opacity:1;} .related-slider-pagination span.swiper-pagination-bullet-active { width:20px; height:2px; background:#000000; } .related-slider-pagination span:first-child { margin-left:0px; } .related-product-item .collection-qf-block { position: relative; top: 0px; left: auto; right: auto; opacity: 1; height: auto; visibility: visible; transition: 1s opacity, 1s visibility;} .related-product-item .collection-catalog-img img { width: 70%; margin: 0 auto;} .related-product-item .collection-catalog-article-hover { margin-top: 15px; opacity: 1; height: auto; visibility: visible;} .related-product-item .collection-colors-block { opacity: 1; height: auto; visibility: visible; padding-bottom:25px;} .related-product-item .collection-bottom-block { margin-top:0px; opacity: 1; height: auto; visibility: visible; position:absolute; left: 20px; right: 20px; bottom: 20px; } .related-product-item .collection-colors-item {/* display:flex; */ margin-top: 10px;height:auto; } .related-product-item .collection-colors-value { flex: none;} .related-product-item .collection-colors-value a { margin-left: 0px; margin-right:2px;} @media screen and (max-width: 1279px) { .related-slider-next { right:5px; } .related-slider-prev { left:5px; } } @media screen and (max-width: 1239px) { .related-products-cols { display:flex; flex-wrap:wrap; margin:0 0 0 -40px; } .related-products-col { width: -webkit-calc(40% - 40px); width: -o-calc(40% - 40px); width: calc(40% - 40px); margin: 0px 0 0px 40px; } .related-products-col:first-child { width: -webkit-calc(60% - 40px); width: -o-calc(60% - 40px); width: calc(60% - 40px); } } @media screen and (max-width: 1023px) { .related-products-cols { display:flex; flex-wrap:wrap; margin:0 0 0 0px; } .related-products-col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 0px 0px; order:1; } .related-products-col:first-child { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 30px 0 0px 0px; order:2;} .related-products-subtitle { padding-top:0; } .related-products-container { margin: 0px -20px 0 -40px; padding: 30px 20px 0px 0px; } .related-products-container .swiper-slide { width: -webkit-calc(33.33% - 40px)!important; width: -o-calc(33.33% - 40px)!important; width: calc(33.33% - 40px)!important; margin: 0px 0 0px 40px; } .related-products-arrows { display:none; } .related-products-nav { display:block; } .related-products-slider { margin-top: 0px;} } @media screen and (max-width: 879px) { .related-products-container .swiper-slide { width: -webkit-calc(50% - 40px)!important; width: -o-calc(50% - 40px)!important; width: calc(50% - 40px)!important; margin: 0px 0 0px 40px; } .related-products-title { font-size: 20px; line-height: 22px;} } @media screen and (max-width: 600px) { .related-products-container { margin: 0px -20px 0 -20px; padding: 30px 20px 0px 20px;} .related-products-container .swiper-slide { visibility:hidden; width: -webkit-calc(100% - 0px)!important; width: -o-calc(100% - 0px)!important; width: calc(100% - 0px)!important; margin: 0px 0 0px 0px; } .related-products-container .swiper-slide.swiper-slide-active{ visibility:visible; } } /* Сопутствующие товары */ /* Франшиза */ .franchise-main-block { padding: 0 20px; } .franchise-ring { width:42px; margin: 0 auto; } .franchise-ring img { display:block; } @media screen and (min-width: 1024px) and (max-height: 768px) { .franchise-ring { display:none; } } .franchise-items-block { max-width:1180px; margin:5% auto 0 auto; } .franchise-items { margin:0 0 0 -40px; } .franchise-item { position:relative; float:left; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin: 0px 0 0px 40px; } .franchise-item-img { max-width:568px; margin: 0 auto; } .franchise-item-img img { display:block; width:100%; backface-visibility: hidden; image-rendering: optimizeSpeed; /* */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */ image-rendering: pixelated; /* Chrome as of 2019 */ image-rendering: optimize-contrast; /* CSS3 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ */} h1.franchise-title-text { margin-top:5%; font-family: 'Montserrat-Medium'; font-size:28px; line-height:40px; text-transform:uppercase; text-align:center; color:#000; letter-spacing:12px;} .franchise-info-block { padding: 30px 0 60px 0; } .franchise-info-cols { margin:0 0 0 -60px; display:flex; flex-wrap:wrap; } .franchise-info-col { position:relative; float:left; width: -webkit-calc(30% - 60px); width: -o-calc(30% - 60px); width: calc(30% - 60px); margin: 0px 0 0px 60px; } .franchise-info-col:first-child { width: -webkit-calc(70% - 60px); width: -o-calc(70% - 60px); width: calc(70% - 60px); } .franchise-info-slider-block { position:absolute; left:0; right:0; bottom:0; } .franchise-info-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0 0 0 0px; z-index: 1;} .franchise-info-container .swiper-slide { height:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .franchise-slider-item { padding-bottom:60px; border-bottom: 4px solid #C7AB85; width:100%; } .franchise-slider-icon { height:63px; } .franchise-slider-title { font-family: 'Montserrat-Medium'; font-size:18px; line-height:18px; color:#C7AB85; text-transform:uppercase; margin-top:20px; } .franchise-slider-text { font-family: 'Montserrat-Medium'; font-size:22px; line-height:30px; color:#000; margin-top:30px;} .franchise-slider-text span { font-family: 'Montserrat-Bold'; font-size:34px; line-height:34px; padding-left:5px; } .franchise-slider-nav { margin-top:20px; display:none; } .franchise-slider-pagination { text-align:center; } .franchise-slider-pagination span { margin-left:5px; width:9px; height:2px; background:#C7AB85; border-radius: 0%; opacity:1;} .franchise-slider-pagination span.swiper-pagination-bullet-active { width:20px; height:2px; background:#000000; } .franchise-slider-pagination span:first-child { margin-left:0px; } .franchise-info-form-title { font-family: 'Montserrat-Bold'; color:#000; font-size:35px; line-height:35px; text-transform:uppercase; } .franchise-info-form-subtitle { font-family: 'Montserrat-Medium'; color:#000; font-size:24px; line-height:32px; margin-top:10px; } .franchise-info-form .feed-form-items-block { margin-top: 50px; width: 100%;} .franchise-info-form .feed-form-bottom-block { margin-top: 20px;} .franchise-info-form .feed-form-consent-block { float: none;} .feed-form-consent-link { font-size: 12px; line-height:14px; color:#989898; } .feed-form-consent-link a { color:#989898; text-decoration:none; } .feed-form-consent-link a:hover { color:#989898; text-decoration:underline; } .franchise-info-form .feed-form-send-block { float: none; width: 228px; margin-top:15px;} .franchise-slogan-block { background:url(/images/franchise-slogan-bg.jpg) top center no-repeat; background-size:cover; padding:15% 0 7% 0; overflow:hidden; } .franchise-slogan-left-col { width:45%; float:left; } .franchise-slogan-right-col { background:#B2967E; width:100vw; margin-left:45%;} .franchise-slogan-title { font-family: 'Montserrat-Bold'; font-size:35px; line-height:40px; color:#fff; padding-right:30px; padding-top: 10%;} .franchise-slogan-right-inner { padding: 40px 0 40px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .franchise-slogan-right-heading { font-family: 'Montserrat-Regular'; font-size:24px; line-height:29px; color:#fff; text-transform:uppercase; } .franchise-slogan-right-text { font-family: 'Montserrat-Regular'; font-size:18px; line-height:22px; color:#fff; margin-top:20px; } .franchise-advantages-block { background:#F2F2F2; padding-bottom:40px;} .franchise-advantages-block .hash-tags-block { background:#F2F2F2; } .franchise-supremacy-title { font-family: 'Montserrat-Bold'; color: #000; font-size: 35px; line-height: 40px; text-transform: uppercase; } .franchise-supremacy-text { font-family: 'Montserrat-Medium'; font-size: 18px; line-height: 22px; color: #ADADAD; margin-top: 20px; max-width:50%;} .franchise-supremacy-items-block { margin-top:30px; } .franchise-supremacy-items { display:flex; flex-wrap:wrap; margin: 0 0 0 -40px; } .franchise-supremacy-item { position:relative; float:left; width: -webkit-calc(25% - 40px); width: -o-calc(25% - 40px); width: calc(25% - 40px); margin: 40px 0 0px 40px; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .franchise-supremacy-item-icon { width:90px; height:90px; } .franchise-supremacy-item-icon img { display:inline-block; } .franchise-supremacy-item-title { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:19px; color:#000; margin-top:20px; margin-bottom:10px; text-transform:uppercase; height:38px; overflow:hidden; } .franchise-supremacy-item-text { font-size:14px; line-height:19px; color:#5F5F5F; font-family: 'Montserrat-Light'; } .franchise-supremacy-item-plug { position:absolute; z-index:1; background:#fff; top:-20px; left:-20px; right:-20px; bottom:-20px; opacity: 0; visibility:hidden; } .franchise-supremacy-item:hover { /* background:#fff; */} .franchise-supremacy-item:hover .franchise-supremacy-item-plug { visibility:visible; transition: 0.5s opacity, 0.5s visibility; opacity:1; } .franchise-supremacy-item:hover .franchise-supremacy-item-icon { position:relative; z-index:2; } .franchise-supremacy-item:hover .franchise-supremacy-item-title { position:relative; z-index:2; } .franchise-supremacy-item:hover .franchise-supremacy-item-text { position:relative; z-index:2; } .franchise-supremacy-toggle { font-size:14px; line-height:24px; color:#989898; font-family: 'Montserrat-Medium'; margin-top:45px; cursor:pointer; text-align:center; display:none;} .franchise-supremacy-toggle span { display:none; padding-right:30px; background:url(/images/more-sprite.svg) 100% 0px no-repeat;} .franchise-supremacy-toggle span:first-child { display:inline-block; } .franchise-supremacy-toggle:hover { color:#B2967E; } .franchise-supremacy-items-block.active .franchise-supremacy-toggle span { display:inline-block; background-position: 100% -24px;} .franchise-supremacy-items-block.active span:first-child { display:none; } .franchise-type-block { padding: 60px 0; } .franchise-type-title { font-family: 'Montserrat-Bold'; color: #000; font-size: 35px; line-height: 40px; text-transform: uppercase; } .franchise-type-text { font-family: 'Montserrat-Medium'; font-size: 24px; line-height: 32px; color: #ADADAD; margin-top: 20px; } .franchise-type-cols-block { } .franchise-type-cols { display:flex; flex-wrap:wrap; margin: 0 0 0 -40px; } .franchise-type-col { position:relative; float:left; width: -webkit-calc(33.33% - 40px); width: -o-calc(33.33% - 40px); width: calc(33.33% - 40px); margin: 40px 0 0px 40px; border: 6px solid #C7AB85; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .franchise-type-col:first-child { width: -webkit-calc(66.66% - 40px); width: -o-calc(66.66% - 40px); width: calc(66.66% - 40px); border:none; } .franchise-type-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0 0 0 0px; z-index: 1;} .franchise-type-container .swiper-slide { height:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .franchise-type-item { width:100%; border-top:2px solid #C7AB85; border-bottom:2px solid #C7AB85; padding-top:30px;} .franchise-type-heading { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:14px; color:#000; text-transform:uppercase;} .franchise-type-name { font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:20px; color:#B2967E; text-transform:uppercase; margin-top:5px; } .franchise-type-img { text-align:center; margin: 30px 0; } .franchise-type-img img { } .franchise-type-link { width:228px; margin:0 auto 30px auto; } .franchise-type-link a { display:block; width:100%; height:65px; line-height:65px; background:#2680EB; font-family: 'Montserrat-SemiBold'; font-size:12px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .franchise-type-link a:hover { background: #559bef; color: #fff; } .franchise-type-description { padding: 20px 0; border-top:2px solid #C7AB85; } .franchise-description-price { display:flex; flex-wrap:nowrap; justify-content:space-between; } .franchise-price-value { font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:20px; color:#000; text-transform:uppercase; } .franchise-price-text {font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:16px; color:#000; margin-top:5px; } .franchise-price-items { margin-top:20px; } .franchise-price-item { margin-top:5px; display:flex; flex-wrap:nowrap; justify-content:space-between; color:#5F5F5F; font-family: 'Montserrat-Light'; font-size:14px; line-height:14px;} .franchise-price-item:first-child { margin-top:0px; } .franchise-price-name { } .franchise-price-sum { white-space:nowrap; } .franchise-type-form { padding: 25px; } .franchise-form-title { font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:24px; color:#000; text-transform:uppercase; } .franchise-form-text { font-family: 'Montserrat-Light'; color:#5F5F5F; } .franchise-form-text p { margin: 20px 0 0 0; } .franchise-form-check-block { margin-top:20px; } .franchise-form-check-items { padding: 20px 0; border-top:2px solid #C7AB85; border-bottom:2px solid #C7AB85; } .franchise-form-check-item { margin-top:10px; } .franchise-form-check-item:first-child { margin-top:0px; } .franchise-form-check-item .checkbox { position:relative; padding-left: 60px; display:flex; align-items:center; min-height:40px; font-size: 12px; color:#000000; line-height: 15px; font-family: 'Montserrat-SemiBold'; text-transform:uppercase; } .franchise-form-check-item .checkbox input[type=checkbox] { display:none; } .franchise-form-check-item .checkbox label { cursor: pointer; } .franchise-form-check-item .checkbox label:after { content:''; display:inline-block; border:1px solid #ADADAD; height:38px; width:38px; background: #fff; position:absolute; top:0px; left:0; cursor:pointer;} .franchise-form-check-item .checkbox:hover label:after { border: 1px solid #2680EB; } .franchise-form-check-item .checkbox input[type=checkbox]:checked + label:after { background:url(/images/check-line.svg) 50% 50% no-repeat;} .franchise-form-check-item .checkbox input[type=radio] { display:none; } .franchise-form-check-item .checkbox input[type=radio]:checked + label:after { background:url(/images/check-line.svg) 50% 50% no-repeat;} .franchise-order-link { /* width:274px; */ width:228px; margin:20px auto 0px auto; } .franchise-order-link a { display:block; width:100%; height:65px; line-height:65px; background:#2680EB; font-family: 'Montserrat-SemiBold'; font-size:12px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .franchise-order-link a:hover { background: #559bef; color: #fff; } .franchise-feed-block { padding: 60px 0; background:#262626; } .franchise-feed-cols { display:flex; flex-wrap:wrap; margin: 0 0 0 -30px; } .franchise-feed-col { position:relative; float:left; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin: 0px 0 0px 30px; } .franchise-feed-col:first-child { width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); } .franchise-feed-title { font-family: 'Montserrat-Bold'; color: #B2967E; font-size: 35px; line-height: 40px; text-transform: uppercase; } .franchise-feed-subtitle { font-family: 'Montserrat-Medium'; font-size: 24px; line-height: 32px; color: #ADADAD; margin-top: 20px; } .franchise-feed-form { margin-top:35px; } .franchise-feed-form-heading { font-size:18px; line-height:20px; color:#F2F2F2; } .franchise-feed-form-cols { display:flex; flex-wrap:wrap; margin: 0 0 0 -30px; } .franchise-feed-form-col { position:relative; float:left; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin: 30px 0 0px 30px; } .franchise-feed-form-items { } .franchise-feed-form-item { margin-top:30px; position:relative; } .franchise-feed-form-item:first-child { margin-top:0px; } .franchise-feed-form-item input { width:100%; background:none; border:1px solid #989898; height:55px; line-height:55px; padding: 0 20px; font-family: 'Montserrat-Regular'; font-size:14px; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; } .franchise-feed-form-item input::-webkit-input-placeholder { color: #989898; } .franchise-feed-form-item input:-ms-input-placeholder { color: #989898; } .franchise-feed-form-item input::-ms-input-placeholder { color: #989898; } .franchise-feed-form-item input::placeholder { color: #989898; } .franchise-feed-form-item:hover input { border: 1px solid #B2967E; } .franchise-feed-form-item input:focus { border: 1px solid #B2967E; } .franchise-feed-form-item.error input { border:1px solid red; } .franchise-feed-form-item.error .feed-form-message { display:block; position:absolute; bottom:-15px; } .franchise-feed-form-bottom { margin-top:30px; } .franchise-feed-form-bottom .checkbox { position:relative; padding-left: 60px; font-size: 14px; color:#989898; line-height: 20px; float:left; } .franchise-feed-form-bottom .checkbox input[type=checkbox] { display:none; } .franchise-feed-form-bottom .checkbox label { cursor: pointer; } .franchise-feed-form-bottom .checkbox label:after { content:''; display:inline-block; border:1px solid #ADADAD; height:38px; width:38px; position:absolute; top:0px; left:0; cursor:pointer;} .franchise-feed-form-bottom .checkbox:hover label:after { border: 1px solid #2680EB; } .franchise-feed-form-bottom .checkbox input[type=checkbox]:checked + label:after { background:url(/images/check-line-white.svg) 50% 50% no-repeat;} .franchise-feed-form-bottom .checkbox a { color:#989898; text-decoration: none; } .franchise-feed-form-bottom .checkbox a:hover { color:#989898; text-decoration: underline; } .franchise-feed-form-link { float:right; width:228px; } .franchise-feed-form-link a { display:block; width:100%; height:65px; line-height:65px; background:#2680EB; font-family: 'Montserrat-SemiBold'; font-size:12px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .franchise-feed-form-link a:hover { background: #559bef; color: #fff; } .franchise-feed-heading { color:#ADADAD; font-family: 'Montserrat-Medium'; font-size:22px; line-height:26px; } .franchise-feed-text { font-family: 'Montserrat-Light'; color:#F2F2F2; } .franchise-feed-text p { margin: 25px 0 0 0; } .franchise-feed-hidden { display:none; } /* Франшиза */ @media screen and (max-width: 1279px) { .header-logo-text { margin-left: 230px; padding-left: 20px;} .collection-catalog-items { display: flex; flex-wrap: wrap; margin: 0 0 0 -25px; } .collection-catalog-item { position:relative; float:left; width: -webkit-calc(20% - 25px); width: -o-calc(20% - 25px); width: calc(20% - 25px); margin: 0px 0 60px 25px;} .collection-catalog-block.active .collection-catalog-item { width: -webkit-calc(33.33% - 25px); width: -o-calc(33.33% - 25px); width: calc(33.33% - 25px); margin: 0 0 60px 25px; } .collection-catalog-block.active .collection-catalog-items { margin: 0 0 0 -25px; } .collection-catalog-block.active .collection-colors-value a { margin-left:0px; } .contacts-feed-subitems { margin: 0 0 0 0px; } .contacts-feed-subitem { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 25px 0 0px 0px; } .contacts-feed-subitem:first-child { margin:0; } .contacts-feed-inner { margin-top: 15px;} .contacts-feed-adress { font-size: 28px; line-height: 38px;} .contacts-feed-link { font-size:28px; line-height:38px; } /* Франшиза */ .franchise-info-cols { margin:0 0 0 0px; display:flex; flex-wrap:wrap; } .franchise-info-col { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 60px 0 0px 0px; } .franchise-info-col:first-child { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:0; } .franchise-info-slider-block { position:relative; left:auto; right:auto; bottom:auto; } .franchise-info-form-block { max-width: 480px; margin: 0 auto;} .franchise-info-form-title { text-align:center; } .franchise-info-form-subtitle { text-align:center; } .franchise-info-form .feed-form-items-block { margin-top: 30px;} .franchise-info-block { padding: 40px 0;} .franchise-slogan-title { font-size: 30px; line-height: 40px;} .franchise-supremacy-item { position:relative; float:left; width: -webkit-calc(33.33% - 40px); width: -o-calc(33.33% - 40px); width: calc(33.33% - 40px); margin: 40px 0 0px 40px; } .franchise-type-block { padding: 40px 0; } .franchise-type-cols { display:flex; flex-wrap:wrap; margin: 0 0 0 0px; } .franchise-type-col { position:relative; float:left; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 40px auto 0px auto; max-width:620px; border: 6px solid #C7AB85; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .franchise-type-col:first-child { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); border:none; margin-top:30px; max-width:100%;} .franchise-feed-block { padding: 40px 0; } .franchise-feed-cols { display:flex; flex-wrap:wrap; margin: 0 0 0 0px; } .franchise-feed-col { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); order:1; margin: 40px 0 0px 0px; } .franchise-feed-col:first-child { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:0; order:2; margin-top:30px; } .franchise-feed-hidden { display:block; } .franchise-feed-col .franchise-feed-title { display:none; } .franchise-feed-col .franchise-feed-subtitle { display:none; } .franchise-feed-form { margin-top: 0px;} /* Франшиза */ } @media screen and (max-width: 1239px) { .header-menu-block { left:-60px; } .header-sub-menu { left:60px;} .content-inner { padding: 153px 0px 0 0px; } /* .header-menu-block { position:relative; z-index:2; top:auto; left:0; right:0; text-align:left; padding: 0 20px; } */ .header-menu-block ul li:first-child { margin-left: 0px;} .header-logo-text { display:none; } .header-menu-block ul li { margin-left:20px; } .header-phone-block { margin-left:15px; } .header-auth-block { margin-left:15px; } .header-cart-block { margin-left:15px;} .header-search-block { margin-left:15px; } .header-logo-img { width:200px; } .sub-menu-level ul li { margin-right:20px; margin-left:0; margin-top:10px; } .search-popup-block { margin-bottom:0px; } .search-popup-inner { float: none; position: relative;} .search-popup-input { width: auto;} .header-menu-block > ul >li >a { padding:0 0 34px 0; } .header-sub-menu { padding-top:21px; } .header-sub-menu { top:34px; } .sub-menu-level ul li a { padding: 0; border-bottom: none;} .tab-items { /* height:536px; overflow:auto; */} .index-slider-cols { height:620px; overflow:auto; } /* .index-bg { background:url(/images/index-bg.jpg) 50% -25% no-repeat; background-size:cover; background-attachment: fixed; } */ .index-col-inner { padding-right:50px; } .text-col-subtitle {font-size:18px; line-height:20px;} .partners-top-block { top:153px; } .footer-slider-next { right:105px; } .partners-word-first { top: 0; left: 0; font-size: 28px; line-height: 28px;} .partners-word-second { top: 77px; right: 200px; font-size: 20px; line-height: 20px;} .partners-word-third { top: 124px; left: 40px; font-size: 20px; line-height: 20px;} .partners-word-fourth { top: 171px; left: 0; font-size: 17px; line-height: 17px;} .partners-word-fifth { top: 219px; left: 17px; font-size: 18px; line-height: 18px;} .about-company-inner { padding: 0 30px;} .partners-goods-items { display:flex; flex-wrap:wrap; margin: 0 0 0 -20px; } .partners-goods-item { position:relative; float:left; padding-bottom:25px; width: -webkit-calc(20% - 20px); width: -o-calc(20% - 20px); width: calc(20% - 20px); margin: 40px 0 0 20px; } .partner-product-name { font-family: 'Montserrat-Regular'; font-size: 13px; line-height: 18px; margin-top: 10px;} .partner-more { font-size: 13px; line-height: 13px;} .goods-more span { background: none; } .partners-goods-item:hover .goods-more span { background: none; } .goods-item-title { font-size:14px; line-height:18px; } .goods-more { font-size: 13px; line-height: 13px; } .collection-list-desktop { padding-top: 35px;} .collection-list-link-block { margin-top: 30px;} .collection-list-text-block { margin-top: 40px;} .partners-city-list ol { font-size:11px; line-height:11px; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .brand-center-title { font-size:55px; line-height:55px; letter-spacing:68px; padding-left:68px; } .brand-center-title h1 { font-size:55px; line-height:55px; letter-spacing:68px; } /* .partners-top-block { position: sticky; top: 197px;} */ body.active .partners-top-block { top: 62px;} .brand-image-slider .swiper-slide { width:336px;} .brand-slider-img img { width:260px; } .brand-slider-next { left:329px; } .brand-slider-prev { left:10px; } .production-slider-item { position:relative; padding-bottom:70px; } .production-slider-img { position:relative; z-index:1; } .production-slider-img img { display:block; width:100%; } .production-slider-info { position:absolute; z-index:2; bottom:0px; width:480px; right:0; background:#F2F2F2; } .production-slider-inner { padding: 30px 30px 30px 30px; } .production-slider-heading { font-size:14px; line-height:19px; } .production-slider-subheading { font-size:14px; line-height:19px; } .production-slider-text { font-size:14px; } .brand-ts-slider-col { position:relative; float:left; width: -webkit-calc(100% - 420px); width: -o-calc(100% - 420px); width: calc(100% - 420px); } .brand-ts-text-col { width:400px; background:#fff; float:left; margin-left:20px; color:#000000; } .b-slider-container { padding:0; } .b-slider-container .swiper-slide.swiper-slide-active { width:100%!important; } .b-slider-container .swiper-slide.swiper-slide-next { width:100%!important; } .b-slider-next { width:58px; cursor:pointer; background:url(/images/index-slider-next.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0%; bottom:95px; right:-10px; outline:none; } .b-slider-prev { width:58px; cursor:pointer; background:url(/images/index-slider-prev.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:0%; bottom:95px; left:-10px; outline:none; } .brand-slider-img { margin-top:65px; } .collection-title-link { margin-right:40px; } .collection-cols.active .collection-title-link { margin-right: 30px;} .collection-col-title { font-size: 36px; line-height: 40px; color: #000;} .collection-cols.active .collection-col-title { font-size: 32px; line-height: 36px;} .collection-col-text-block { padding-top: 40px; padding-right: 70px;} .collection-cols.active .collection-col-text-block { padding-right: 40px;} .collection-sort-title { float:none; } .collection-sort-links { float:none; } .collection-sort-links a { margin-left:0px; margin-right:17px; } .collection-catalog-block.active .collection-sort-block { position:relative; left:-45px; } .collection-catalog-inner { margin-top:30px; } .collection-catalog-items { display: flex; flex-wrap: wrap; margin: 0 0 0 -30px; } .collection-catalog-item { width: -webkit-calc(25% - 40px); width: -o-calc(25% - 30px); width: calc(25% - 30px); margin:0 0 60px 30px; } .collection-catalog-block.active .collection-catalog-item { width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin:0 0 60px 30px;} .collection-catalog-block.active .collection-catalog-items { margin: 0 0 0 -30px; } .collection-catalog-block.active .collection-colors-value a { margin-left:0px; } .collection-filter-block { top: 181px;} } @media screen and (max-width: 1023px) { .footer-logo { display:none; } .footer-top-col { justify-content: normal; } .footer-menu { width:100%; } .footer-menu ul { display:flex; flex-wrap:wrap; justify-content: space-between; } .footer-menu ul li { display:block; width:25%; margin-left:0; line-height:30px; } .footer-top-block { padding: 25px 0; } .footer-feed-block { order:1; width:100%; padding-bottom:35px; padding-top:0px; } .footer-copyrights-block { order:2; font-size:10px; line-height:30px; } .footer-copyrights-block br { display:none; } .footer-social-block { order:3; margin-top:0;} .index-slider-cols { display:block; height:auto; } .index-slider-col:nth-child(1) { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0 0 0 0px;} .index-slider-col:nth-child(2) { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 35px 0 0 0px;} .tab-items { display:none; } .tabs-nav { text-align:left; } .scroll-slider-block { display:block; } .index-insert-block { height:400px; line-height:400px; font-size:22px; } /* .index-bg { background:url(/images/index-bg.jpg) 50% 175px no-repeat; background-size:cover; background-attachment: fixed; } */ .index-text-cols { display:flex; flex-wrap:wrap; margin: 0 0 0 -20px; } .index-text-col { position:relative; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0 0 0 20px; padding-top:60px; } .text-col-bg { right:0; bottom: 160px; } .text-col-title { font-size:32px; line-height:40px; } .footer-slider-left { width:100%; float:none; } .footer-slider-right { float:none; width:100%; padding-left:0px; padding-right:0px; margin-left:0; margin-top:15px;} .footer-slider-container .swiper-slide.swiper-slide-active { width:100%!important; } .footer-slider-container .swiper-slide.swiper-slide-next { width:100%!important; } .footer-slider-container .swiper-slide.swiper-slide-next{ margin-top:0px; } .footer-slider-container .swiper-slide { display:block; } .footer-slider-block .page-inner { padding: 0 20px 0 20px; } .footer-slider-container { padding: 0 0 0 0px; z-index: 1;} .footer-slider-next { right:0px; } .footer-slider-container .swiper-slide:last-child { display:none; } .footer-slider-block { padding: 55px 0 25px 0; overflow: hidden;} .footer-bottom-text { font-size: 36px; line-height: 40px; letter-spacing: 19px; text-align: center; top: -25px;} .partners-top-block { top:62px; } .partners-cloud-block { display:none; } .partners-feed-block { float:none; width:100%; } .partners-top-inner { padding: 30px 0 15px 0;} .about-company-items { margin: 0 0 0 0px; display:flex; flex-wrap:wrap; } .about-company-item { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0 0 0 0px; } .about-company-item:nth-child(2) { background: url(/images/about-text-bg.svg) 0px 18px no-repeat; margin: 20px -20px 0 -20px; } .about-company-text-item { margin-top:10px; } .about-company-block { padding: 20px 0 20px 0;} .about-company-inner { padding: 0 0px 20px 100px;} .partners-goods-item { position:relative; float:left; padding-bottom:25px; width: -webkit-calc(25% - 20px); width: -o-calc(25% - 20px); width: calc(25% - 20px); margin: 40px 0 0 20px; } .partners-goods-item:nth-child(8) { display:none; } .partners-goods-item:nth-child(9) { display:none; } /* .partners-goods-item:hover .partner-product-img-block img { display:none; } .partners-goods-item:hover .partner-product-img-block img:first-child { display:block; } */ .partners-goods-item:hover .img-1 { position:relative; opacity: 1; visibility:visible; } .partners-goods-item:hover .img-2 { display:none; } .goods-item-img { margin-top: 20px;} .partners-collection-cols { margin: 0 0 0 0px; } .partners-collection-col { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 0 0px; } .partners-collection-col:first-child { float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 30px 0px; } .collection-list-desktop { display:none; } .collection-preview-block {display:none; } .collection-list-text-block { margin-top:0; } .collection-preview-title-block { margin-top:0; background:#F2F2F2; padding:40px; display:flex; flex-wrap:wrap; justify-content:space-between;} .collection-preview-link { margin-top:0; } .collection-preview-link a { font-size: 13px; line-height: 13px;} .collection-preview-link a span { background: url(/images/arrow-blue.svg) 0% 100% no-repeat; padding-right:0px; padding-bottom:20px; } .collection-preview-link:hover a span { background: url(/images/more-arrow.svg) 0% 100% no-repeat; } .collection-link-item a { font-size: 13px; line-height: 13px;} .collection-list-mobile { display:block; } .partners-city-block { margin-top:30px; padding-right:0px; padding-left:20px;} .partners-city-info { width:100%; position:relative; top:auto; right:auto; margin-left:-20px; margin-top:30px; } .partner-city-inner { margin-right:-20px; } .brand-center-title { letter-spacing:46px; padding-left:46px; } .brand-center-title h1 { letter-spacing:46px; } .reason-block { padding: 20px 0; background:#fff; } .reason-block .about-company-items-block { margin-top:20px; } .brand-image-slider .swiper-slide { width:300px;} .brand-slider-img img { width:240px; } .brand-slider-next { left:293px; } .brand-slider-prev { left:10px; } .production-slider-item { padding-bottom:0; } .production-slider-img { padding:0; } .production-slider-info { position:relative; z-index:2; bottom:0px;/* width:100%; */ width:auto; left:0px; right:0px; top:-50px; margin: 0 20px -50px 20px; } .production-slider-next { bottom:165px; right:0px; outline:none; } .production-slider-prev { bottom:165px; left:0px; outline:none; } .production-slider-pagination { display:none; } .content-inner { padding: 62px 0px 0 0px; } .header-top-block { overflow:hidden; height:0; width:0; } .header-fav-block { display:none; } .header-search-block { display:none; } .header-phone-block { display:none; } .header-menu-block { display:none; } .header { padding:20px 0; } .header-col-inner { padding: 0px 0;} .header-logo-block { padding: 0px 0; } .header-logo-text { display:none; } .header-logo-img { width: 162px; float: none;} .header-bottom-col:first-child { float:none; width:162px; position:absolute; z-index:2; top:0; left:50%; margin-left:-81px;} .search-popup-block.active { display:none; } .menu-toggle { display:block; } .showMenu { overflow:hidden; } .showMenu .mobile-block { display: block; } .header-top-block.active { display: none;} .reviews-info-cols { margin: 0 0 0 0px; } .reviews-info-col { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 0 0px; } .reviews-info-col:first-child { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0 0 20px 0; } .brand-ts-slider-col { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin-bottom:30px; } .brand-ts-text-col { width:100%; float:none; margin-left:0px; } .b-slider-next { bottom:0px; right:-10px; } .b-slider-prev { bottom:0px; left:-10px; } .b-slider-pagination { display:none; } .top-block-plug { height:100%!important; max-height:62px!important; height:62px!important; overflow:hidden!important; } .feed-form-inner { width: 50%; } .feed-form-close { right:40px; } .feed-form-wrap-inner { padding: 40px; } .feed-form-items-block { margin-top:30px; } .feed-form-bottom-block { margin-top:30px; } .feed-form-consent-block { float: none;} .feed-form-send-block { margin-top:20px; float: none; width: 100%;} .feed-form-title { padding-top:30px; } .feed-form-title { background: url(/images/cellphone-line.svg) 0px 30px no-repeat;} .feed-form-innerq { width: 50%; } .feed-form-innerq .feed-form-title { background: url(/images/chat-1-line.svg) 0px 30px no-repeat;} .collection-bg { padding: 20px 0 0 0; margin-bottom:0px;} .collection-col { width:100%; float:none; background:#fff; } .collection-col-slider-block { margin-top: 0px; padding-top: 0px; background: #fff;} .collection-col:first-child { width:100%; float:none; background:#fff; margin-top:0px; overflow:hidden;} .collection-cols.active .collection-col { width:100%; } .collection-cols.active .collection-col:first-child { width:100%; } .collection-col-slider { margin-top:30px; } .collection-slider-next { right:-10px; opacity: 1; visibility:visible; bottom:0;} .collection-slider-prev { left:-10px; opacity: 1; visibility:visible; bottom:0;} .collection-slider-pagination { opacity: 1; visibility:visible; height:50px; margin-top:20px; display:none; } .collection-cols.active .collection-title-link { margin-right: 40px;} .collection-col-text-block { padding-top: 40px; padding-right: 0px;} .collection-cols.active .collection-col-text-block { padding-right: 0px;} .collection-cols.active .collection-col-slider-block { background: #fff; } .collection-cols.active .collection-col {background: #fff; } .collection-cols.active .collection-col:first-child {background: #fff; } .roll { display:none; } .collection-sort-title { float:left; } .collection-sort-links { float:left; } .collection-sort-links a { margin-left:17px; margin-right:0px; } .collection-sort-links div { margin-left:17px; margin-right:0px; } .collection-filter-toggle {width: 70px;} .filter-toggle-mob { display:block; } .collection-catalog-block.active .collection-filter-toggle { width: 70px;} .collection-filter-block { display:none!important; } .showFilter { overflow:hidden; } .showFilter .mobile-filter { display:block; } .collection-catalog-item { width: -webkit-calc(33.33% - 40px); width: -o-calc(33.33% - 40px); width: calc(33.33% - 40px); margin: 0 0 60px 40px;} .collection-catalog-block.active .collection-catalog-items { margin: 0 0 0px -40px;} .collection-catalog-block.active .collection-catalog-item { width: -webkit-calc(33.33% - 40px); width: -o-calc(33.33% - 40px); width: calc(33.33% - 40px); margin: 0 0 60px 40px;} .collection-pagination { text-align: center; margin-bottom: 40px; margin-top:0px;} .collection-catalog-block.active .collection-sort-block { position: relative; left: 0px;} .collection-sort-block { position: relative; left: 0px;} .collection-catalog-top { position:relative; padding:0; top:auto; } .collection-catalog-block.active .collection-fc-block { padding:0 20px; } .contacts-feed-items { margin: 0 0 0 0px; } .contacts-feed-item { float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 25px 0 0px 0px; } .contacts-feed-item:first-child { margin:0; } .contacts-feed-block { padding: 60px 0 0px 0;} .contacts-attention-block { padding: 0px 0 60px 0; } /* Всплывающая акция на главной */ .stock-popup-top { padding: 20px 0px 20px 20px; position:relative; } .stock-popup-close { width: 62px; height: 62px; background: url(/images/popup-close-icon.svg) 50% 50% no-repeat; top: 0px; right: 0px;} .stock-description { padding: 30px 20px;} .stock-popup-inner { height: auto; max-height: 100%;} /* Всплывающая акция на главной */ .header-cart-block { display:block; } .header-auth-block {display:none;} /* Франшиза */ .franchise-info-container .swiper-slide { height:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .franchise-slider-item { text-align:center; } .franchise-slider-text { font-size: 19px; line-height: 26px; margin-top: 30px;} .franchise-slider-text span { font-size: 30px; line-height: 30px;} .franchise-slider-item { padding-bottom: 40px;} .franchise-slogan-block { margin-bottom:40px; background-size:contain; padding:10% 0 0% 0; } .franchise-slogan-left-col { width:100%; float:none; } .franchise-slogan-right-col { background:#B2967E; width:100%; margin-left:0%; margin-top:60px;} .franchise-slogan-right-inner { padding:60px; } .franchise-slogan-title { text-align:center; padding-right:0; } .franchise-slogan-text-block { width:100%!important; } .franchise-supremacy-text { max-width:100%;} .franchise-supremacy-item-title { font-size: 12px; line-height: 19px; height: 35px;} /* Франшиза */ } @media screen and (max-width: 959px) { .feed-form-sub-items { margin:0 0 0 0px; } .feed-form-sub-item { position:relative; float: none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 20px 0 0 0px; } .feed-form-sub-item:first-child { margin:0; } } @media screen and (max-width: 799px) { .collection-catalog-item { width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); margin: 0 0 60px 30px;} .collection-catalog-items { margin: 0 0 0 -30px;} .collection-catalog-block.active .collection-catalog-item { width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); margin: 0 0 60px 30px;} .collection-catalog-block.active .collection-catalog-items { margin: 0 0 0 -30px;} } @media screen and (max-width: 767px) { .footer-bottom-block { padding:14px 0 35px 0; } .footer-menu ul li { font-size:12px; line-height:30px; } .footer-feed-block { padding-bottom:0px; } .footer-feed-item { width:100%; margin-left:0; border-top: 1px solid rgba(224,224,224,0.15); padding-top:20px; margin-top:20px; } .footer-feed-item:first-child { border-top:none; margin-top:0; } .footer-social-block { order:2; text-align:center; width:100%; border-top: 1px solid rgba(224,224,224,0.15); padding-top:20px; margin-top:20px; height:auto;} .footer-copyrights-block { order:3; width:100%; text-align:center; font-size:8px; line-height:8px; margin-top:20px; } .footer-feed-item:nth-child(1) { order:1; } .footer-feed-item:nth-child(2) { order:3; text-align:center; } .footer-feed-item:nth-child(3) { order:2; } .index-slider-title { font-size:30px; } .index-slider-important { width: 350px; } .index-slider-text { font-size:15px; line-height:21px; height:62px; margin-top:-30px; } .index-slider-link { margin-top:30px; } .index-slider-next { top:30%; bottom:auto; right:10px; } .index-slider-prev { top:30%; bottom:auto; left:10px; } .tabs-nav { text-align:center; } .index-advantages-block { padding:18px 0 39px 0; } .index-advantages-slider .swiper-slide { width:330px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: auto; position:relative; } .index-advantages-slider .swiper-slide:nth-child(1) { margin-left:-20px; } .index-advantages-slider .swiper-slide:hover { background:#fff; } .index-advantages-item { padding:20px; } .index-advantages-more {left:20px; font-size:12px; line-height:14px;} .index-advantages-text { padding-bottom: 35px; font-size:14px; line-height:18px; margin-top:25px;} .index-advantages-title { font-size:14px; line-height:18px; margin-top:25px; } .advantages-slider-nav { display:block; } .index-insert-block { height:350px; line-height:36px; font-size:22px; } /* .index-bg { background:url(/images/index-bg.jpg) 50% 60px no-repeat; background-size:cover; background-attachment: fixed; } */ .index-insert-block { position:relative; } .index-insert-block .page-inner { height:350px; } .index-insert-text { margin: 0; position: absolute; padding:0 20px; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'Montserrat-Light'; font-size: 34px!important;} .hash-tags-block { height:40px; } .hash-tags-block .str a { font-size:13px; line-height:40px; } .index-text-block { padding: 0 0 0px 0; } .index-text-col:nth-child(2) .text-col-block { display:none; } .index-text-cols { display:flex; flex-wrap:wrap; margin: 0 0 0 0px; } .index-text-col { position:relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0 0 0 0px; padding-top:40px; } .index-text-col:nth-child(2) { padding-top:0; } .text-col-bg { right:-20px; bottom:40px;} .text-col-title { font-size: 28px; line-height: 35px; margin-bottom:20px;} .text-col-link { font-size:12px; line-height:12px; background: url(/images/arrow-sprite.svg) 100% 3px no-repeat; } .text-col-link:hover { background-position:100% -13px; } .text-col-block p { margin: 15px 0 0 0;} .index-col-inner { padding-right:0px; } .footer-slider-block { padding: 25px 0 25px 0; overflow: hidden;} .footer-slider-title { font-size: 16px; line-height: 20px;} .footer-slider-text { font-size: 14px; line-height: 22px;} .footer-slider-sign img { display: inline-block; width: 172px;} .footer-video-link a { background-size: 60px 60px;} .footer-bottom-text { font-size: 20px; line-height: 20px; letter-spacing: 14px; top: 0px; padding-top:20px;} .footer-policy { text-align:center; } .partners-feed-inner { border: 1px solid rgba(255,255,255,0.56); padding:30px; } .partners-feed-text { font-size:14px; line-height:18px; } .partners-feed-link { width:228px; margin: 30px auto 0 auto; } .partners-feed-link a { height:40px; line-height:40px; } .partners-top-inner { padding: 20px 0 0 0;} .about-company-count { font-size: 60px; line-height: 60px; } .about-company-description { padding-left: 60px; padding-top: 10px;} .about-company-inner { padding: 0 0px 20px 20px;} .about-company-heading { font-size: 28px; line-height: 28px;} .about-company-item:nth-child(2) { background: url(/images/about-text-bg.svg) -105px 18px no-repeat;} .about-company-text { margin-top:20px; } .about-company-subheading { font-size: 15px; line-height: 20px; margin-top: 20px;} .about-company-link { margin-top:20px; } .about-company-block { padding: 20px 0 10px 0;} .partners-goods-item { position:relative; float:left; padding-bottom:25px; width: -webkit-calc(33.33% - 20px); width: -o-calc(33.33% - 20px); width: calc(33.33% - 20px); margin: 20px 0 0 20px; } .partners-goods-item:nth-child(8) { display:block; } .partners-product-block { padding:20px 0; } .partners-product-title { font-size:28px; line-height:28px; } .partners-product-text { margin-top:20px; } .partner-product-name { font-family: 'Montserrat-Regular'; font-size: 11px; line-height: 14px; margin-top: 10px;} .partner-more span { background: none; } .goods-item-title { font-size: 12px; line-height: 14px;} .goods-item-img-plug { border: 3px solid #2680EB;} .goods-item-img { margin-top: 10px;} .index-advantages-count { font-size: 60px; line-height: 60px;} .index-advantages-count-title { top:30px; font-size:14px; line-height:18px; } .collection-preview-title { flex: 0 0 100%; } .collection-preview-title br { display:none; } .collection-preview-link { margin-top:20px; } .collection-list-title { font-size: 14px; line-height: 18px;} .collection-list-text { font-size: 14px; line-height: 18px; margin-top: 20px;} .partners-city-list ol { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .partners-map-block { padding:40px 0 20px 0; background:#262626; } .partners-map-title { font-size: 28px; line-height: 28px; } .partners-map-text { margin-top:20px; } .brand-center-title { font-size:38px; line-height:38px; letter-spacing:24px; padding-left:24px; } .brand-center-title h1 { font-size:38px; line-height:38px; letter-spacing:24px; } .brand-center-subtitle { padding: 0 20px; margin-top:20px;} .partners-collection-block { padding: 40px 0 20px 0;} .index-advantages-title-block { padding-bottom:20px; } .index-advantages-heading { font-size:28px; line-height:28px; font-family: 'Montserrat-Bold'; padding-top:20px; } .index-advantages-subtitle { font-size: 20px; line-height: 20px; } .partners-top-block { top: 62px;} .bottom-pad { padding-bottom:20px; } .brand-image-slider-block { padding: 20px 0; } .brand-image-slider-title { font-size:28px; line-height:30px; } .brand-image-slider-subtitle { font-size:20px; line-height:25px; } .production-block { padding: 20px 0 0 0;} .production-block-title { font-size:28px; line-height:30px; } .production-block-subtitle { font-size:20px; line-height:25px; } .production-slider-next { background:url(/images/index-slider-next.svg) 0px 35% no-repeat; } .production-slider-prev { background:url(/images/index-slider-prev.svg) 0px 35% no-repeat; } .production-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 35% no-repeat; } .production-slider-prev:hover { background:url(/images/index-slider-prev-active.svg) 0px 35% no-repeat; } .reviews-info-block { padding: 0px 0 0 0; } h1.reviews-info-title { font-size:28px; line-height:30px; } .reviews-info-subtitle { font-size: 20px; line-height: 25px; } .reviews-info-cols { padding-top:20px;} .reviews-slider .swiper-slide { width:330px;} .review-personal-name { font-size:16px; line-height:18px; } .review-personal-post { font-size:12px; line-height:14px; margin-top:15px; } .review-personal-text { font-size:14px; line-height:18px; margin-top:15px; } .review-slider-inner { padding:30px; } .brand-ts-block { padding: 0 0 20px 0; } .brand-ts-title { font-size:28px; line-height:30px; } .reviews-slider-block { padding-top:40px; } .feed-form-inner { width: 320px; } .feed-form-close { right:auto; left:20px; top:20px; } .feed-form-wrap-inner { padding: 20px; } .feed-form-items-block { margin-top:30px; } .feed-form-bottom-block { margin-top:30px; } .feed-form-consent-block { float: none;} .feed-form-send-block { margin-top:20px; float: none; width: 100%;} .feed-form-innerq { width: 320px; } .collection-col-text-block { padding-top: 30px;} .collection-col-title { font-size: 28px; line-height: 32px; color: #000;} .collection-col-toggle { margin-top:30px; } .collection-title-link { margin-right: 30px;} .collection-cols.active .collection-title-link { margin-right: 30px;} .collection-show-block { display:none; } .collection-catalog-items { margin: 0 0 0px -40px;} .collection-catalog-block.active .collection-catalog-items { margin: 0 0 0px -40px;} .collection-catalog-item { width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin: 0 0 60px 40px;} .collection-catalog-block.active .collection-catalog-item { width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin: 0 0 60px 40px; } .pagination-prev-link { margin-right:10px; } .pagination-next-link { margin-left:10px; } .pagination-num-link { line-height:25px; width: 25px; height: 25px;} .contacts-feed-block { padding: 30px 0 0px 0;} .contacts-attention-block { padding: 0px 0 30px 0; } .contacts-feed-subitem { margin: 15px 0 0 0; } /* Всплывающая акция на главной */ .stock-popup-slide { height:auto!important; } .stock-description-img { display:none; } .stock-description-text { margin-left:0; } .stock-description-title { font-size: 16px; line-height: 20px;} .stock-description-list ul li { font-size: 14px; line-height: 16px; background: url(/images/stock-list-icon.svg) 0px 4px no-repeat;} .stock-description-link a { display: block; width: 228px; height: 40px; line-height: 40px;} /* Всплывающая акция на главной */ /* Франшиза */ .franchise-items-block { margin: 15% auto 0 auto;} h1.franchise-title-text { margin-top: 10%; font-size: 12px; line-height: 18px; letter-spacing: 2px; } .franchise-items { margin: 0 0 0 0;} .franchise-item { position: relative; float: none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 0px 0px; display:none;} .franchise-item:nth-child(2) { display:block; } .brand-center-block { padding-top:60px; } .franchise-slider-item { max-width: 480px;} .franchise-slider-nav { display:block; } .franchise-slogan-right-col { margin-top:30px; } .franchise-slogan-title { font-size: 22px; line-height: 26px;} .franchise-slogan-right-inner { padding: 30px;} .franchise-slogan-right-heading { font-size: 18px; line-height: 22px;} .franchise-slogan-right-text { font-size: 16px; line-height: 19px; margin-top: 20px;} .franchise-supremacy-title { font-size: 30px; line-height: 32px;} .franchise-supremacy-text { font-size:16px; line-height:19px;} .franchise-supremacy-items { margin: 0 0 0 -20px;} .franchise-supremacy-item { position:relative; float:left; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 40px 0 0px 20px; display:none; } .franchise-supremacy-item-title { font-size: 11px; line-height: 19px; height: 35px;} .franchise-supremacy-item:nth-child(1) { display:block; } .franchise-supremacy-item:nth-child(2) { display:block; } .franchise-supremacy-item:nth-child(3) { display:block; } .franchise-supremacy-item:nth-child(4) { display:block; } .franchise-supremacy-items-block.active .franchise-supremacy-item { display:block; } .franchise-supremacy-toggle { display:block; } .franchise-type-title { font-size: 30px; line-height: 32px; } .franchise-feed-title { font-size: 30px; line-height: 32px; } .franchise-feed-col { margin: 30px 0 0px 0px; } .franchise-feed-form-cols { display:flex; flex-wrap:wrap; margin: 0 0 0 0px; } .franchise-feed-form-col { position:relative; float:left; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 30px 0 0px 0px; } .franchise-feed-form-bottom .checkbox { float:none; } .franchise-feed-form-link { float: none; width: 100%; max-width:480px; margin: 30px auto 0 auto;} .franchise-feed-heading { font-size: 18px; line-height: 22px;} /* Франшиза */ } @media screen and (max-width: 600px) { .partners-city-list ol { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media screen and (max-width: 529px) { .collection-colors-title { float:none; width:100%; } .collection-colors-value { float:none; margin-left:0; } .collection-colors-item { margin-top: 10px;} .collection-catalog-items { margin: 0 0 0px -20px;} .collection-catalog-block.active .collection-catalog-items { margin: 0 0 0px -20px;} .collection-catalog-item { width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0 0 40px 20px;} .collection-catalog-block.active .collection-catalog-item { width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0 0 40px 20px;} .collection-quick-link { display:none;} } @media screen and (max-width: 479px) { .footer-menu ul li { width:50%; line-height:30px; } .index-slider-title { font-size:20px; line-height:22px; top:-14px; } .index-slider-important { width: 260px; top:-20px;} .index-slider-text { font-size:12px; line-height:15px; height:60px; margin-top:-20px; } .index-slider-link { margin-top: 20px; font-size:10px; line-height:10px;} .index-advantages-slider .swiper-slide { width:100%; } .index-advantages-slider .swiper-slide:nth-child(1) { margin-left:0px; } .index-advantages-item { padding: 20px;} .index-advantages-icon { height: 60px; text-align:center;} .index-advantages-title { text-align:center; } .index-advantages-text { text-align:center; padding-bottom:0px; font-size:10px; line-height:14px; margin-top:15px; } .index-advantages-more { text-align:center; position:relative; right: auto; bottom:auto; left:auto; top:auto; width:100%;} .index-advantages-more span { background: none; padding-right: 0px;} .index-advantages-slider .swiper-slide:hover { background:none } .window-title { font-size:18px; line-height:20px; } .window-item-field input { padding:15px 15px; font-size:12px; } .partners-goods-item { position:relative; float:left; padding-bottom:25px; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 20px 0 0 20px; } .partners-goods-item:nth-child(8) { display:none } .index-advantages-count-block { text-align:center; } .index-advantages-count-title { right:0; text-align:center; } .index-advantages-slider .swiper-slide:hover .index-advantages-count { color:#FFF; } .collection-link-items { margin: 0 0 0 0px;} .collection-link-item { float: none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 20px 0 0 0px;} .collection-link-item:first-child { margin: 0px 0 0 0px;} .collection-preview-title-block { padding: 20px 20px 40px 20px; } .collection-preview-title { font-size:14px; line-height:18px; } .collection-list-title br { display:none; } .partners-city-list ol { font-size:9px; line-height:9px; } .partners-city-list ol li { margin: 0px 0 7px 0px;} .brand-center-title { font-size: 32px; line-height: 32px; letter-spacing: 15px; padding-left: 15px;} .brand-center-title h1 { font-size: 32px; line-height: 32px; letter-spacing: 15px; } .index-advantages-heading { font-size:26px; line-height:26px; } .brand-image-slider .swiper-slide { width:100%;} .brand-slider-img { margin-top: 0px;} .brand-slider-img img { width:100%; } .brand-image-slider-inner { padding-left: 20px; padding-right:20px;} .brand-image-slider { overflow:hidden; } .brand-slider-next { left:auto; right:0; } .brand-slider-prev { left:0px; } .production-slider-block { margin-top:30px; } .production-slider-info { position:relative; z-index:2; bottom:0px; width:auto; left:0px; right:0px; top:0px; margin: 0 0px; } .production-slider-block { padding:0; } .production-slider-next { bottom:165px; right:-15px; outline:none; } .production-slider-prev { bottom:165px; left:-15px; outline:none; } .production-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 25% no-repeat; } .production-slider-prev:hover { background:url(/images/index-slider-prev-active.svg) 0px 25% no-repeat; } .production-slider-heading { font-size: 13px; line-height: 16px;} .production-slider-next { background:url(/images/index-slider-next.svg) 0px 25% no-repeat; } .production-slider-prev { background:url(/images/index-slider-prev.svg) 0px 25% no-repeat; } .reviews-slider { overflow:hidden; } .reviews-slider .swiper-slide { width:99.8%; padding-bottom:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .reviews-slider .swiper-slide:hover .review-slider-plug { display:none; } .reviews-slider-nav { display:block; } .reviews-slider-block { padding-bottom:0px; } .fz-title { font-size: 24px; line-height: 28px; } .collection-catalog-top { display: block;} .collection-sort-block {margin-top:10px;} .collection-sort-links a { margin-right:10px; margin-left:0px; } .collection-sort-links div { margin-right:10px; margin-left:0px; } .collection-sort-title { margin-right:10px; } .collection-catalog-items { margin: 0 0 0px 0px;} .collection-catalog-block.active .collection-catalog-items { margin: 0 0 0px 0px;} .collection-catalog-item { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0 0 40px 0px;} .collection-catalog-block.active .collection-catalog-item { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0 0 40px 0px;} .collection-pagination .pagination-prev-link { display:none; } .collection-pagination .pagination-next-link { display:none; } .contacts-feed-title { font-size: 20px; line-height: 25px;} .contacts-feed-inner { margin-top: 10px;} .contacts-feed-adress { font-size: 20px; line-height: 30px;} .contacts-feed-link { font-size: 20px; line-height: 30px;} /* Франшиза */ .franchise-info-col { margin: 40px 0 0px 0px; } .franchise-info-form-title { font-size: 28px; line-height: 30px;} .franchise-info-form .feed-form-send-block { width:100%; } .franchise-slogan-title { font-size: 20px; line-height: 22px;} .franchise-slogan-block { padding: 5% 0 0% 0; } .franchise-supremacy-title { font-size: 28px; line-height: 30px;} .franchise-supremacy-items { margin: 0 0 0 0px;} .franchise-supremacy-item { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 40px 0 0px 0px; } .franchise-supremacy-item-title { font-size: 14px; line-height: 19px; height: auto; text-align:center;} .franchise-supremacy-item-text { text-align:center; } .franchise-supremacy-item-icon { margin:0 auto; height:auto; text-align:center; } .franchise-supremacy-item:nth-child(3) { display:none; } .franchise-supremacy-item:nth-child(4) { display:none; } .franchise-type-title { font-size: 28px; line-height: 32px; } .franchise-type-text { font-size: 20px; line-height: 26px; margin-top: 20px;} .franchise-type-col { margin: 20px auto 0px auto; } .franchise-feed-title { font-size: 28px; line-height: 32px; } .franchise-feed-subtitle { font-size: 20px; line-height: 26px; } .franchise-order-link { width:100%; } /* Франшиза */ } /* Исправления старых стилей сентябрь 2020 */ .container {padding:0;} .ring-slider-big img { min-height:auto; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding:0; } .related-products { display:none;} .index-advantages-subtitle a {position:relative; } .index-advantages-subtitle .about-company-link { margin-top:0; margin-left:20px;} @media screen and (max-width: 1023px) { .ring-slider-minis { display:none;} .ring-slider-big { text-align:center;} .ring-slider-big img {display:inline-block;} .ring-customization { margin-bottom: 70px;} .description-menu {border-top:none;} .index-advantages-subtitle .about-company-link { display:block; margin-top:20px; margin-left:0px;} } @media screen and (max-width: 767px) { .collection-item-head--detail-top { display:none;} .ring-customization { margin-bottom: 110px;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding:0 15px; } } /* Исправления старых стилей сентябрь 2020 */ .addTip { min-width:210px; position:absolute; background:#fff; font-family: 'Montserrat-Regular'; font-size: 14px; color:#000; line-height:16px; -webkit-box-shadow: 10px -3px 30px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 10px -3px 30px 5px rgba(0, 0, 0, 0.15); box-shadow: 10px -3px 30px 5px rgba(0, 0, 0, 0.15); top: 45px; left: -193px; z-index: 999; } .addTip span { font-family: 'sf_ui_displaybold'; } .addTip .flag { width: 0; height: 0; border-bottom: 15px solid #fff; border-left: 15px solid transparent; position:absolute; top:-15px; right:0; } .addTip__inner {padding: 30px; } .offer_hide { display: none !important; } .addTipFav { min-width:210px; position:absolute; background:#fff; font-family: 'Montserrat-Regular'; font-size: 14px; color:#000; line-height:16px; -webkit-box-shadow: 10px -3px 30px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 10px -3px 30px 5px rgba(0, 0, 0, 0.15); box-shadow: 10px -3px 30px 5px rgba(0, 0, 0, 0.15); top: 45px; left: -193px; z-index: 999; } .addTipFav span { font-family: 'sf_ui_displaybold'; } .addTipFav .flag { width: 0; height: 0; border-bottom: 15px solid #fff; border-left: 15px solid transparent; position:absolute; top:-15px; right:0; } .addTip__innerFav {padding: 30px; } /* Награды */ .dark { background:#373737; } .dark .header { background:#373737; } .dark .blank-bread-crumbs { background:#373737; } .dark .header-top-block { background:#373737; border-bottom:1px solid #5A5A5A; } .dark .header-bottom-block { background:#373737; } .dark .header-top-menu ul li a { border-bottom: 4px solid #373737; color:#989898;} .dark .header-top-menu ul li a:hover { color: #2680EB; text-decoration: none; border-bottom: 4px solid #2680EB;} .dark .header-menu-block ul li > a { color:#989898; border-bottom:4px solid #373737; } .dark .header-menu-block ul li:hover > a { color:#2680EB; border-bottom:4px solid #2680EB; } .dark .header-sub-menu-inner ul li > a { color:#000; border-bottom:4px solid #F2F2F2; } .dark .sub-menu-level-inner ul li > a { color:#000; border-bottom:none; } .dark .sub-menu-level-inner ul li:hover > a { color: #B2967E; border-bottom:none; } .dark .header-phone a { color: #BF9A65; text-decoration: none;} .dark .header-fav-icon { background: url(/images/header-fav-icon-dark.svg) 0px 0px no-repeat;} .dark .header-search-toggle { background: url(/images/header-search-icon-dark.svg) 0px 0px no-repeat; } .dark .header-auth-icon { background: url(/images/header-auth-icon-dark.svg) 0px 0px no-repeat;} .dark .mobile-block .header-fav-icon { background: url(/images/header-fav-icon.svg) 0px 0px no-repeat;} .dark .header-cart-icon { background: url(/images/sticky-cart-icon-black-dark.svg) 50% 50% no-repeat; height:23px; background-size:100%;} .dark .mobile-block .header-fav-block:hover .header-fav-icon { background-position:0 -24px; } .dark .mobile-block .header-auth-icon { background: url(/images/header-auth-icon.svg) 0px 0px no-repeat;} .dark .mobile-block .header-auth-block:hover .header-auth-icon { background-position:0 -22px; } .dark .menu-toggle { background: url(/images/menu-icon-dark.svg) 50% 50% no-repeat; } #awards-bottom-form .error-confirm label:after{border: 1px solid red !important;} #awards-bottom-form .error-confirm label{color:red} #awards-bottom-form .error-confirm label a{color:red} .brand-center-img { padding: 0 30px; } .dark h1.franchise-title-text { color:#5A5A5A; margin-top: 7%; padding:0 30px;} .awards-text-block { position:relative; padding: 30px 0 60px 0; background:#373737; } .awards-text-items { margin: 0 0 0 -50px; display:flex; flex-wrap:wrap; } .awards-text-item { position:relative; float:left; width: -webkit-calc(50% - 50px); width: -o-calc(50% - 50px); width: calc(50% - 50px); margin: 0px 0 0px 50px; } .awards-text-title { font-family: 'Montserrat-Bold'; color: #BF9A65; font-size: 35px; line-height: 40px; text-transform: uppercase; } .awards-text-description { font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 22px; color: #ADADAD; margin-top: 20px; } .awards-text-subtitle { font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 22px; color: #ADADAD; margin-top: 20px; text-transform:uppercase; } .circle-items { position:absolute; display: flex; left:-90%;} .circle-item { float:left; width:334px; height:334px; margin-left:40px; } .circle-item:first-child { margin-left:0; } .dark .hash-tags-block { background:#373737; } .dark .hash-partners .str a:hover {color: #ADADAD;} .awards-category-block { background:#2B2B2B; padding:60px 0; } .awards-cols { display:flex; flex-wrap:nowrap; } .awards-col-img { width:380px; flex:none; } .awards-col-content { margin-left:30px; width:100%; align-self:center; } .prize-img img { display:block; } .awards-col-title { font-family: 'Montserrat-SemiBold'; color:#fff; text-transform:uppercase; font-size:30px; line-height:32px; } .awards-col-subtitle { font-family: 'Montserrat-Light'; font-size:20px; line-height:20px; color:#BF9A65; text-transform:uppercase; margin-top:20px; } .prize-items-block { margin-top:50px; } .prize-items { margin: -40px 0 0 -30px; display:flex; flex-wrap:wrap;} .prize-item { position:relative; float:left; width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); margin: 40px 0 0px 30px; padding-bottom:40px; } .prize-item-icon { width:80px; float:left; position:relative; z-index:2; } .prize-item-info { margin-left:90px; position:relative; z-index:2;} .prize-item-name {font-family: 'Montserrat-SemiBold'; color:#BF9A65; text-transform:uppercase; font-size:18px; line-height:18px; padding-top:30px; } .prize-item-text {font-family: 'Montserrat-Light'; color:#ADADAD; font-size:13px; line-height:16px; position:absolute; z-index:2; bottom:0; left:90px; height:32px; } .awards-footer { background:url(/images/awards-footer-bg.jpg) top center no-repeat; background-size:cover; } .awards-bottom-text { font-size: 38px; line-height: 42px; letter-spacing: 14px; display:none;} /* Изменения в наградах от 19.02.2021 */ .prize-item-plug { position:absolute; z-index:1; top:-20px; left:-20px; right:-20px; bottom:-20px; background:#191919; opacity:0; transition: all 0.5s ease 0s; } .prize-item:hover .prize-item-plug { opacity:1; } .prize-item-link { position:absolute; z-index:3; top:0; left:0; right:0; bottom:0; } .prize-item-link a { display:block; width:100%; height:100%; } .awards-popup-block { margin-top:20px; } .awards-popup-cols { display:flex; flex-wrap:nowrap; align-items:center; } .awards-popup-img { width:348px; margin-right:30px; flex:none; } .awards-popup-img img { display:block; margin:0 auto; } .awards-popup-top { display:flex; flex-wrap:nowrap; align-items:center; } .awards-popup-icon { width:60px; margin-right:30px; } .awards-popup-name { font-family: 'Montserrat-SemiBold'; color:#BF9A65; text-transform:uppercase; font-size:16px; line-height:16px; } .awards-popup-title { margin-top:30px; font-family: 'Montserrat-Light'; font-size:20px; line-height:24px; color:#ADADAD; } .awards-popup-text { margin-top:25px; font-family: 'Montserrat-Light'; font-size:14px; line-height:16px; color:#ADADAD; } .awards-trio-cols { display:flex; flex-wrap:nowrap; align-items:center; margin: 0 0 0 -30px; } .awards-trio-col { position:relative; float:left; width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); margin: 30px 0 0px 30px; text-align:center; } /* Изменения в наградах от 19.02.2021 */ .awards-shop-block { background:#373737; padding:60px 0; } .awards-recommend-subtitle { color:#fff; font-family: 'Montserrat-Medium'; font-size:20px; line-height:20px; text-transform:uppercase; } .awards-recommend-title { font-family: 'Montserrat-SemiBold'; color:#BF9A65; text-transform:uppercase; font-size:30px; line-height:32px; margin-top:10px; } .awards-recommend-items { display:flex; flex-wrap:wrap; margin: 0 0 0 -40px;} .awards-recommend-item { position:relative; float:left; width: -webkit-calc(33.33% - 40px); width: -o-calc(33.33% - 40px); width: calc(33.33% - 40px); margin: 40px 0 0px 40px; } .awards-recommend-text { font-family: 'Montserrat-Light'; font-size:15px; line-height:19px; color:#F2F2F2; } .awards-person-img { width:110px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; float:left; } .awards-person-img img { display:block; width:100%; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; } .awards-person-info { margin-left:130px; } .awards-person-name { font-family: 'Montserrat-SemiBold'; color:#BF9A65; text-transform:uppercase; font-size:16px; line-height:19px; padding-top:10px;} .awards-person-post {font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color:#989898; margin-top:10px; } .hide-person-desktop { display:none; } .awards-img-block { background:#373737; padding:60px 0 60px 0; } .awards-img-block img { display:block; width:100%; } .awards-shop-list-block { background:#373737; padding:60px 0; } .awards-list-items { margin: 0px 0 0 0px; display:flex; flex-wrap:wrap; } .awards-list-item { border: 1px solid #373737; position:relative; float:left; width: -webkit-calc(33.33% - 0px); width: -o-calc(33.33% - 0px); width: calc(33.33% - 0px); margin: 40px 0 0px 0px; padding-bottom:70px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s ease 0s;} .awards-list-logo { display:inline-block; } .awards-list-logo img { vertical-align:top; } .awards-list-name { color:#F2F2F2; font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; margin-top:20px; text-transform:uppercase; height:37px; overflow:hidden; padding: 0 20px; } .awards-list-city { color:#ADADAD; font-family: 'Montserrat-Light'; font-size:14px; line-height:14px; margin-top:15px; } .awards-list-counter { display:flex; flex-wrap:nowrap; align-items:center; width:100%; justify-content: center; margin-top:20px;} .awards-list-prize { /* flex:none; */ width:40px; height:auto; /* background: url(/images/prize-icon-small.svg) 0% 0% no-repeat; */ margin-left:0px; } .awards-list-prize-name { color:#BF9A65; font-size:14px; line-height:16px; font-family: 'Montserrat-SemiBold'; text-transform:uppercase; margin-left:10px; } .awards-list-more { position:absolute; left:0; right:0; bottom:20px; font-family: 'Montserrat-Regular'; font-size: 11px; line-height: 11px; color: #2680EB; opacity:0; transition: all 0.5s ease 0s;} .awards-list-item:hover { border: 1px solid #C7AB85; } .awards-list-item:hover .awards-list-more { opacity:1;} .awards-list-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; z-index:2; } .awards-list-link a { display:block; width:100%; height:100%; } .awards-shop-more { margin-top:40px; text-align:center; } .awards-shop-more a { display: inline-block; padding: 0 55px; height: 50px; line-height: 50px; background: #2680EB; font-family: 'Montserrat-SemiBold'; font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none; text-align: center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s;} .awards-shop-more a:hover { background: #559bef; color: #fff; text-decoration:none;} .shop-popup-block { background:#373737; margin: -44px; padding: 40px; } .shop-popup-title { text-align:center; color:#F2F2F2; font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; text-transform:uppercase; padding: 0 0 20px 0px; border-bottom: 1px solid #5A5A5A; } .shop-info-block { padding: 20px 0px; position:relative; border-bottom: 1px solid #5A5A5A; } .shop-info-adress { display: flex; align-items: center; position:absolute; top:20px; left:0; bottom:20px; z-index:2; white-space:nowrap; font-family: 'Montserrat-Medium'; font-size:16px; line-height:16px; text-transform:uppercase; align-self:center; } .shop-info-adress a { color:#BF9A65; text-decoration:none; } .shop-info-adress a:hover { color:#2680EB; text-decoration:none; } .shop-info-logo { text-align:center; width:100%; } .shop-info-logo img { display:inline-block; vertical-align:top; } .shop-slider-block { margin-top:30px; } .shop-slider-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0 0 0 0px; z-index: 1;} .shop-slider-container .swiper-slide { height:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .shop-slider-nav { margin-top:20px; } .shop-slider-pagination { text-align:center; } .shop-slider-pagination span { margin-left:5px; width:9px; height:2px; background:#C7AB85; border-radius: 0%; opacity:1;} .shop-slider-pagination span.swiper-pagination-bullet-active { width:20px; height:2px; background:#ADADAD; } .shop-slider-pagination span:first-child { margin-left:0px; } .awards-slider-item { width:100%; text-align:center; } .awards-slider-year { color:#747474; font-family: 'Montserrat-Light'; font-size:12px; line-height:12px; } .awards-slider-icon { width:70px; margin: 20px auto; } .awards-slider-title { color:#BF9A65; font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; text-transform:uppercase; height:38px; overflow:hidden; } .awards-slider-subtitle { color:#ADADAD; font-family: 'Montserrat-Light'; font-size:12px; line-height:14px; margin-top:20px; } .shop-adress-block { border-top: 1px solid #5A5A5A; margin-top:30px; padding-top:30px; } .shop-adress-title { color:#5A5A5A; font-family: 'Montserrat-Medium'; font-size:16px; line-height:16px; text-align:center; text-transform:uppercase; letter-spacing:2px; } .shop-adress-items { display:flex; flex-wrap:wrap; margin: 10px 0 0 -30px; } .shop-adress-item { position:relative; float:left; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin: 10px 0 0px 30px; font-size:18px; line-height:20px; color:#ADADAD;} .awards-divider-block { padding:80px 0; position: relative; position: relative; } .awards-bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .awards-bg { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; transform: translateZ(0); will-change: transform;} .awards-divider-items { margin: 0 0 0 -30px; } .awards-divider-item { position:relative; float:left; width: -webkit-calc(20% - 30px); width: -o-calc(20% - 30px); width: calc(20% - 30px); margin: 0px 0 0px 30px; } .awards-opinion-block { padding: 60px 0; background:#2B2B2B; } .opinion-title-block { display:flex; flex-wrap:nowrap; } .opinion-title-img { width:200px; flex:none; } .opinion-title { margin-left:50px; align-self:center; font-family: 'Montserrat-SemiBold'; color:#BF9A65; text-transform:uppercase; font-size:35px; line-height:40px; } .opinion-text-block { margin-top:30px; margin-left:250px; font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 22px; color: #ADADAD; } .opinion-text-block p { margin: 20px 0 0 0; } .opinion-text-block p:first-child { margin: 0px 0 0 0; } .opinion-form-block { margin-top:50px; } .option-form-items { display:flex; flex-wrap:wrap; margin: -30px 0 0 -30px; } .option-form-item { position:relative; float:left; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin: 30px 0 0px 30px; } .option-form-item:nth-child(3) { width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); } .option-form-item:nth-child(4) { width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); } .option-form-item:nth-child(5) { width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); } .option-form-field input { width:100%; background:none; border:1px solid #707070; height:55px; line-height:55px; padding: 0 20px; font-family: 'Montserrat-Regular'; font-size:14px; color: #ADADAD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; transition: all 0.5s ease 0s; } .option-form-field input::-webkit-input-placeholder { color: #989898; } .option-form-field input:-ms-input-placeholder { color: #989898; } .option-form-field input::-ms-input-placeholder { color: #989898; } .option-form-field input::placeholder { color: #989898; } .option-form-field:hover input { border: 1px solid #C7AB85; } .option-form-field input:focus { border: 1px solid #C7AB85; } .option-form-item.error .option-form-field input { border:1px solid red; } .option-form-message { font-size:10px; line-height:10px; color:red; text-transform:uppercase; margin-top:10px; display:none; } .option-form-item.error .option-form-message { display:block; } .option-form-cols { display:flex; flex-wrap:wrap; margin: 0px 0 0 -30px; } .option-form-col { position:relative; float:left; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin: 30px 0 0px 30px; } .option-form-col-items { display:flex; flex-wrap:wrap; margin: 0px 0 0 -30px; } .option-form-col-item { position:relative; float:left; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin: 0px 0 0px 30px; } .option-form-col-subitem { margin-top:10px; } .option-form-col-subitem:first-child { margin-top:0px; } .option-form-col-subitem .checkbox { position:relative; padding-left: 60px; font-size: 14px; color:#989898; line-height: 16px; display:flex; flex-wrap:nowrap; height:40px; } .option-form-col-subitem .checkbox input[type=checkbox] { display:none; } .option-form-col-subitem .checkbox label { cursor: pointer; align-self:center;} .option-form-col-subitem .checkbox label:after { content:''; display:inline-block; border:1px solid #ADADAD; height:38px; width:38px; position:absolute; top:0px; left:0; cursor:pointer; } .option-form-col-subitem .checkbox:hover label:after { border: 1px solid #fff; } .option-form-col-subitem .checkbox input[type=checkbox]:checked + label:after { background:url(/images/check-line-white.svg) 50% 50% no-repeat;} .option-form-textarea textarea:focus { border: 1px solid #C7AB85; } .option-form-textarea textarea { -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important; width:100%; background:none; border:1px solid #707070; height:320px; line-height:20px; padding: 20px; font-family: 'Montserrat-Regular'; font-size:14px; color: #ADADAD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .option-form-textarea textarea::-webkit-input-placeholder { color: #989898; } .option-form-textarea textarea:-ms-input-placeholder { color: #989898; } .option-form-textarea textarea::-ms-input-placeholder { color: #989898; } .option-form-textarea textarea::placeholder { color: #989898; } .option-form-textarea:hover textarea { border: 1px solid #C7AB85; } .option-form-consent .checkbox { position:relative; padding-left: 60px; font-size: 14px; color:#989898; line-height: 16px; display:flex; flex-wrap:nowrap; height:40px; margin-top:25px; float:left;} .option-form-consent .checkbox input[type=checkbox] { display:none; } .option-form-consent .checkbox label { cursor: pointer; align-self:center;} .option-form-consent .checkbox label:after { content:''; display:inline-block; border:1px solid #ADADAD; height:38px; width:38px; position:absolute; top:0px; left:0; cursor:pointer; } .option-form-consent .checkbox:hover label:after { border: 1px solid #fff; } .option-form-consent .checkbox input[type=checkbox]:checked + label:after { background:url(/images/check-line-white.svg) 50% 50% no-repeat;} .option-form-consent .checkbox a { color:#989898; text-decoration: none; } .option-form-consent .checkbox a:hover { color:#989898; text-decoration: underline; } .option-form-link { float:right; width:200px; margin-top:25px; } .option-form-link a { display: block; width: 100%; height: 40px; line-height: 40px; background: #2680EB; font-family: 'Montserrat-SemiBold'; font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none; text-align: center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s;} .option-form-link a:hover { background: #559bef; color: #fff;} @media screen and (max-width: 1279px) { .awards-text-block { padding: 10px 0 0px 0; } .circle-items { position:relative; display: flex; left:0%;} .circle-item:nth-child(1) { display:none; } .circle-item:nth-child(2) { display:none; } .circle-item { width:100%; text-align:center; margin-left:0; } .awards-category-block { background:#2B2B2B; padding:40px 0; } .prize-items-block { margin-top:50px; } .prize-items { margin: -30px 0 0 -30px; display:flex; flex-wrap:wrap;} .prize-item { position:relative; float:left; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin: 30px 0 0px 30px; padding-bottom:40px; } .awards-shop-block { padding:40px 0; } .awards-img-block { padding:40px 0 0 0; } .awards-shop-list-block { padding:40px 0; } .awards-opinion-block { padding: 40px 0; } /* Изменения в наградах от 19.02.2021 */ .prize-item-plug {display:none; } /* Изменения в наградах от 19.02.2021 */ } @media screen and (max-width: 1023px) { .awards-text-items { margin: 0 0 0 0px; display:block; } .awards-text-item { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 0px 0px; } .awards-text-item:first-child { display:none; } .awards-cols { display:block; } .awards-col-img { width:180px; margin:0 auto; } .awards-col-content { margin-left:0px; width:100%; margin-top:20px; } .prize-items { margin: -30px 0 0 -20px; display:flex; flex-wrap:wrap;} .prize-item { position:relative; float:left; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 30px 0 0px 20px; padding-bottom:40px; } .hide-person { display:none!important; } .hide-person-desktop { display:block; margin-bottom:20px; } .awards-recommend-items { display:flex; flex-wrap:wrap; margin: 0 0 0 0px;} .awards-recommend-item { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 30px 0 0px 0px; } .awards-list-item { width: -webkit-calc(50% - 0px); width: -o-calc(50% - 0px); width: calc(50% - 0px); margin: 40px 0 0px 0px; padding-bottom: 60px;} .awards-list-item:nth-child(7) { display:none; } .awards-list-item:nth-child(8) { display:none; } .awards-list-item:nth-child(9) { display:none; } .awards-list-more { opacity:1; } .awards-divider-items { margin: 0 0 0 -30px; } .awards-divider-item { position:relative; float:left; width: -webkit-calc(25% - 30px); width: -o-calc(25% - 30px); width: calc(25% - 30px); margin: 0px 0 0px 30px; } .awards-divider-item:nth-child(5) { display:none; } .opinion-form-block { margin-top:40px; } .option-form-cols { display:flex; flex-wrap:wrap; margin: 0px 0 0 0px; } .option-form-col { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 30px 0 0px 0px; } .option-form-textarea textarea { height:150px; } /* Изменения в наградах от 19.02.2021 */ .prize-item-plug {display:none; } /* Изменения в наградах от 19.02.2021 */ .awards-bottom-text { font-size: 32px!important; line-height: 35px!important; letter-spacing: 14px!important; } } @media screen and (max-width: 767px) { .dark h1.franchise-title-text { margin-top: 230px;} .awards-text-title { font-size: 30px; line-height: 32px; } .awards-text-description { font-size: 16px; line-height: 19px; } .awards-text-subtitle { font-size: 16px; line-height: 19px; } .awards-col-subtitle { font-size:16px; line-height:19px; text-align:center; } .prize-items-block { margin-top: 30px;} .prize-item { padding-bottom:0; } .prize-item-icon { width:80px; float:none; margin:0 auto;} .prize-item-info { margin-left:0px; text-align:center;} .prize-item-name { padding-top:0px; margin-top:10px; height:36px; } .prize-item-text { position:relative; bottom:auto; left:0px; height:auto; text-align:center; margin-top:15px; } .awards-col-title { text-align:center; } .awards-list-item:nth-child(5) { display:none; } .awards-list-item:nth-child(6) { display:none; } .awards-list-prize:nth-child(4) { display:none; } .awards-list-prize:nth-child(5) { display:none; } .awards-list-prize:nth-child(6) { display:none; } .shop-info-adress { display: block; align-items: center; position:relative; top:auto; left:auto; bottom:auto; width:100%; text-align:center; margin-top:10px;} .shop-info-block { padding: 10px 0px 20px 0;} .shop-adress-items { display:flex; flex-wrap:wrap; margin: 10px 0 0 0px; } .shop-adress-item { float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 10px 0 0px 0px; font-size:14px; line-height:18px; } .awards-divider-block { padding: 40px 0; position: relative; position: relative;} .awards-divider-items { margin: 0 0 0 -30px; } .awards-divider-item { position:relative; float:left; width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); margin: 0px 0 0px 30px; } .awards-divider-item:nth-child(4) { display:none; } .awards-shop-more a { display: inline-block; padding: 0 35px; height: 40px; line-height: 40px;} .opinion-title { font-size:30px; line-height:32px; } .opinion-text-block { font-size: 16px; line-height: 19px; margin-left:0; } .opinion-title-img { width:120px; } .opinion-form-block { margin-top:30px; } .option-form-items { display:flex; flex-wrap:wrap; margin: -20px 0 0 0px; } .option-form-item { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 20px 0 0px 0px; } .option-form-item:nth-child(3) { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); } .option-form-item:nth-child(4) { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); } .option-form-item:nth-child(5) { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); } .option-form-link { width:170px; } /* Изменения в наградах от 19.02.2021 */ .awards-popup-img { display:none; } .awards-popup-info { text-align:center; } .awards-popup-top { display:inline-block; } .awards-popup-icon { margin-right:0; display:inline-block; } .awards-popup-name { margin-top:10px; } .awards-popup-title { margin-top:20px; } .awards-trio-cols { margin:0; flex-wrap:wrap; } .awards-trio-col { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 0px 0px; } .awards-trio-col:nth-child(2) { display:none; } /* Изменения в наградах от 19.02.2021 */ .awards-bottom-text { font-size: 20px!important; line-height: 20px!important; letter-spacing: 8px!important; } } @media screen and (max-width: 479px) { .awards-text-title { font-size: 28px; line-height: 30px; } .awards-list-item { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 20px 0 0px 0px;} .awards-list-item:first-child { margin:0; } .window-shop { padding: 40px 20px!important; } .shop-popup-block { margin: -40px -20px; padding: 40px 20px; } .awards-shop-more a { display: block; padding: 0 0px; text-align:center; height: 40px; line-height: 40px;} .opinion-title { font-size:28px; line-height:30px; width:100%; margin-left:0; text-align: center; margin-top: 10px;} .opinion-title-block { display: flex; flex-wrap: wrap;} .opinion-title-img { margin:0 auto; } .option-form-consent .checkbox { float:none; } .option-form-link { width:100%; float:none; margin-top:25px; } .option-form-col-items { display:block; flex-wrap:wrap; margin: 0px 0 0 0px; height:200px; } .option-form-col-item { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 10px 0 0px 0px; } .option-form-col-item:first-child { margin:0; } .option-form-col-items .mCSB_draggerRail { background:#F2F2F2!important; width: 3px!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important;} .option-form-col-items .mCSB_dragger_bar { background:#BF9A65!important; width: 3px!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important; } .option-form-col-items .mCSB_scrollTools { opacity:1; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important; } } /* Награды */ /* Где купить */ .blank-bread-crumbs { padding:30px 0; } .blank-bread-crumbs .bread-crumbs { font-family: 'Montserrat-Regular'; font-size:10px; line-height:10px; color:#989898; } .blank-bread-crumbs .bread-crumbs a { color:#989898; text-decoration:none; } .blank-bread-crumbs .bread-crumbs a:hover { color:#428bca; text-decoration:none; } .blank-bread-crumbs .bread-crumbs span { display:inline-block; width:28px; height:5px; background: url(/images/bread-crumbs-arrow.svg) 0% 0% no-repeat; margin: 0 10px;} .buy-block { background:#F2F2F2; } .buy-block-title { font-family: 'Montserrat-SemiBold'; text-transform:uppercase; font-size:24px; line-height:24px; color:#000; } .buy-block-title .page-inner{ font-family: 'Montserrat-SemiBold'; text-transform:uppercase; font-size:24px; letter-spacing: normal;} .buy-block .tabs-list { border-bottom: none; padding-top: 0px; margin-top:30px;} .buy-block .tabs-nav { text-align:left; } .buy-block .tab-content { background:#fff; } .buy-block .tabs-nav li a { border-bottom:4px solid #F2F2F2; } .buy-block .tabs-nav li.active a {border-bottom: 4px solid #2680EB; } .buy-block .tabs-nav li br { display:none; } .buy-block .tab-pane { display:block; height:0; padding:0; visibility:hidden; opacity:0; overflow:hidden; } .buy-block .tab-pane.active { height:auto; padding:40px 0 0 0; visibility:visible; opacity:1;} .shop-list-block { } .shop-list-items { display:flex; flex-wrap:wrap; margin:1px 0 0 1px; } .shop-list-item { position:relative; width: -webkit-calc(33.33% - 0px); width: -o-calc(33.33% - 0px); width: calc(33.33% - 0px); margin: -1px 0 0px -1px; border:1px solid #F2F2F2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: 0.5s background ease;/* transition: 0.5s ease-in; */ } .shop-list-inner { padding:30px; } .shop-list-name { font-size:20px; line-height:26px; color:#000; } .shop-list-adress { background:url(/images/shop-list-line.svg) 0% 50% no-repeat; padding-left:40px; font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:23px; color:#000; margin-top:20px; transition: 0.5s color ease;} .shop-list-item:hover { background:#F2F2F2; } .shop-list-item:hover .shop-list-adress { color: #C7AB85; } .shop-list-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .shop-list-link a { display:block; width:100%; height:100%; } .shop-cols-block { } .shop-cols { display:flex; flex-wrap:nowrap; } .shop-sidebar-col { width:300px; flex:none; } .shop-content-col { margin-left:30px; width:100%; } .shop-current-city { font-family: 'Montserrat-Bold'; font-size: 28px; line-height: 40px; color: #B2967E; } .shop-current-city span { display:inline-block; } .shop-current-link { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:14px; color:#2680EB; text-transform:uppercase; transition: 0.3s linear; margin-top:20px;} .shop-current-link a { color:#2680EB; text-decoration:none; } .shop-current-link span { background: url(/images/arrow-sprite.svg) 100% 7px no-repeat; padding-right: 100px; } .shop-current-link a:hover { color:#C7AB85; } .shop-current-link a:hover span { background-position:100% -9px; } .shop-content-items { margin-top:1px; } .shop-content-item { border:1px solid #F2F2F2; padding: 30px; margin-top:-1px; box-sizing: border-box; transition: 0.5s background ease; } .shop-content-name {font-size:20px; line-height:26px; color:#000; } .shop-content-adress { background:url(/images/shop-list-line.svg) 0% 50% no-repeat; padding-left:40px; font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:23px; color:#000; margin-top:20px; } .shop-content-toggle { display:inline-block; font-size:14px; line-height:18px; color:#ADADAD; padding-left:40px; margin-top:10px; cursor:pointer; transition: 0.5s color ease;} .shop-content-pw { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px;} .shop-content-phone { background:url(/images/shop-list-line.svg) 0% 50% no-repeat; padding-left:40px; font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:23px; color:#000; margin-bottom:10px; } .shop-content-phone a { color:#000; text-decoration:none; } .shop-content-web { font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:23px; color:#000; margin-left:40px; } .shop-content-web a { color:#000; transition: 0.5s color ease; text-decoration:none; } .shop-content-web a:hover { color: #C7AB85; } .shop-content-toggle:hover { color: #C7AB85; } .shop-content-item:hover { background:#F2F2F2; } .shop-content-media { display:flex; flex-wrap:wrap; margin:10px 0 0 -10px; font-family: 'Montserrat-Medium'; font-size:14px; text-transform:uppercase;} .shop-content-media a { display:inline-block; margin:10px 0 0 10px; color:#989898; transition: 0.5s color ease; text-decoration:none; } .shop-content-media a:hover { color: #C7AB85; } .shop-location-block .map { width:100%; height:800px; } .window-popup { display: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .city-window-top { display:flex; flex-wrap:nowrap; justify-content:space-between; padding:30px 0; border-bottom:1px solid #E0E0E0; align-items:center; } .city-window-title { font-size:36px; line-height:42px; color:#000; margin-right:50px; flex:none;} .city-window-field { width:100%; } .city-window-field input { width:100%; border:1px solid #ADADAD; height:60px; line-height:60px; padding: 0 30px; color:#000; font-size:16px; font-family: 'Montserrat-Regular'; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; transition: 0.5s all ease; } .city-window-field input::-webkit-input-placeholder { color: #989898; } .city-window-field input:-ms-input-placeholder { color: #989898; } .city-window-field input::-ms-input-placeholder { color: #989898; } .city-window-field input::placeholder { color: #989898; } .city-window-field:hover input { border: 1px solid #2680EB; } .city-window-field input:focus { border: 1px solid #2680EB; } .city-window-field input:-webkit-autofill { -webkit-text-fill-color: #000 !important; -webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;} .city-window-content { padding:40px 0 0 0; } .city-window-cols { margin:0px 0 0px 0px; -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } .city-window-item { width:100%; margin: 0px 0 30px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; } .city-window-heading { font-family: 'Montserrat-Bold'; font-size:20px; line-height:24px; color:#000; margin-bottom:20px;} .city-window-list { } .city-window-list ul { list-style:none; margin:0; padding:0; } .city-window-list ul li { font-size:20px; line-height:30px; margin-top:5px;} .city-window-list ul li:first-child { margin-top:0px;} .city-window-list ul li a { color:#000000; text-decoration:none; } .city-window-list ul li a:hover { color: #C7AB85; } .city-window-list ul li.current { background:url(/images/filter-check-flag.svg) 0% 50% no-repeat; padding-left:30px; } .city-window-list ul li.current a { color:#2680EB; cursor:default; } .city-window-list ul li.current a:hover { color:#2680EB; } @media screen and (max-width: 1239px) { .city-window-cols { margin:0px 0 0px 0px; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } } @media screen and (max-width: 1023px) { .buy-block-title { font-size:20px; line-height:22px; } .shop-location-block .map { width:100%; height:800px; } .city-window-title { font-size:22px; line-height:30px; color:#000; margin-right:30px; } .city-window-cols { margin:0px 0 0px 0px; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } } @media screen and (max-width: 767px) { .shop-list-items { display:flex; flex-wrap:wrap; margin:1px 0 0 0px; } .shop-list-item { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: -1px 0 0px 0px;} .buy-block .tab-pane.active { padding:30px 0 0 0; } .shop-cols { display:flex; flex-wrap:wrap; } .shop-sidebar-col { width:100%; flex:none; } .shop-content-col { margin-left:0px; width:100%; margin-top:30px;} .shop-content-item { padding: 20px 20px; } .shop-content-name {font-size:18px; line-height:22px; color:#000; } .shop-content-adress { font-size:16px; line-height:19px; } .shop-content-phone { font-size:16px; line-height:19px; } .shop-content-web { font-size:16px; line-height:19px; } .shop-location-block .map { width:100%; height:400px; } .city-window-top { display:flex; flex-wrap:wrap; padding:0px 0 20px 0;} .city-window-title { width:100%; } .city-window-field { margin-top:10px; } .city-window-field input { height:40px; line-height:40px; font-size:14px; padding:0 20px; } .window-popup.fancybox-content { padding:30px; } .city-window-cols { margin:0px 0 0px 0px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .city-window-list ul li { font-size:16px; line-height:20px; margin-top:5px;} .city-window-heading { font-size: 18px; line-height: 20px; margin-bottom: 15px;} } @media screen and (max-width: 479px) { .city-window-list ul li { font-size:14px; line-height:16px; margin-top:5px;} .city-window-list ul li.current { background:url(/images/filter-check-flag-mob.svg) 0% 50% no-repeat; padding-left:20px; } } @media screen and (max-width: 395px) { .buy-block .tabs-nav li br { display:block; } .buy-block .tabs-nav li { line-height:17px; } .shop-content-media { margin:10px 0 0 40px; } .shop-content-media a {display:block; width:100%; margin:5px 0 0 0; } } /* Где купить */ /* Курсы */ .courses-block .production-block { margin-top:20px; } .courses-block .index-advantages-block { margin-top:0px; } .courses-block .reviews-info-subtitle span { font-size:14px; } .courses-block .reviews-info-text { font-size:16px; line-height:22px;} .courses-block .reviews-info-cols { padding: 30px 0 0 0;} .courses-block .index-advantages-count-title { position: relative; top: 0px;} .courses-block .index-advantages-text { font-size:14px; font-weight:bold; } .courses-download-block { padding:40px 0; } .courses-download-item { background:#fff; padding:40px; transition: all 0.5s ease 0s; position:relative; } .courses-download-item:hover { background: #F6F6F6; } .courses-download-inner { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; } .courses-download-name { font-size: 20px; line-height:24px; font-weight: 500; color: #000; margin-right:30px; } .courses-download-button { font-size: 14px; line-height:32px; font-weight: 700; flex:none; text-transform: uppercase; color: #000; transition: color 0.5s ease 0s; padding-right:50px; height:32px; overflow:hidden; background:url(/images/download-sprite.svg) 100% 0px no-repeat; } .courses-download-item:hover .courses-download-button { color: #2680EB; background-position:100% -32px; } .courses-download-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .courses-download-link a { display:block; width:100%; height:100%; } .courses-block .reviews-info-col { position:relative; float:left; width: -webkit-calc(40% - 50px); width: -o-calc(40% - 50px); width: calc(40% - 50px); margin: 0px 0 0 50px; } .courses-block .reviews-info-col:first-child { width: -webkit-calc(60% - 50px); width: -o-calc(60% - 50px); width: calc(60% - 50px); } .courses-block .reviews-info-subtitle { font-size: 25px; line-height: 30px;} .courses-block .franchise-slogan-block { margin-top:60px; } .courses-block .franchise-slogan-block { background: url(/images/courses-bg.jpg) top center no-repeat; background-size: cover; padding: 15% 0 7% 0; overflow: hidden;} .franchise-feed-heading .small-text { font-size:18px; line-height:22px; } .franchise-feed-text a { display:inline-block; color: #2680EB; text-decoration: none; font-weight:bold;} .franchise-feed-text a:hover { color: #B2967E; text-decoration: none; } @media screen and (max-width: 1023px) { .courses-block .reviews-info-col { position:relative; float:none; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 0 0px; } .courses-block .reviews-info-col:first-child { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 20px 0px; } .courses-block .franchise-slogan-block { margin-bottom:40px; background-size:contain; padding:10% 0 0% 0; } } @media screen and (max-width: 767px) { .courses-block .index-advantages-block { margin-top:40px; } .courses-download-name { font-size: 16px; line-height:20px; } .courses-download-item { padding:20px; } .courses-download-block { padding:30px 0; } .courses-block .reviews-info-subtitle span { font-size:20px; } .courses-block .reviews-info-subtitle { font-size: 20px; line-height: 25px;} .courses-block .franchise-slogan-block { margin-top:40px; } .franchise-feed-heading .small-text { font-size:16px; line-height:22px; } } @media screen and (max-width: 479px) { .index-advantages-item { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .courses-download-block { padding:20px 0; } .courses-download-name { font-size: 14px; line-height:18px; } .courses-download-inner { display:flex; flex-wrap:wrap;} .courses-download-name { width:100%; margin-right:0; } .courses-download-button { margin-top:20px; } .courses-block .reviews-info-text { font-size:14px; line-height:20px;} .courses-block .franchise-slogan-block { padding: 5% 0 0% 0; } } /* Курсы */ /* Корзина */ .cart-block { margin-bottom:50px; } .cart-cols { display:flex; flex-wrap:nowrap; } .cart-content-col { width: -webkit-calc(100% - 380px); width: -o-calc(100% - 380px); width: calc(100% - 380px); margin: 0px 0 0 0px; } .cart-sidebar-col { width:350px; margin-left:30px; flex:none; } .cart-info-block { padding:30px; background: #FFFFFF; box-shadow: 0px 5px 25px rgba(150, 164, 175, 0.35); position:sticky; top:130px; } .cart-info-item { margin-top:30px; } .cart-info-item:first-child { margin-top:0px; } .cart-total-block { display:flex; width:100%; flex-wrap:nowrap; justify-content:space-between; font-family: 'Montserrat-Bold'; font-size: 20px; line-height: 24px;color: #000000; } .cart-data-items { margin-top:10px; } .cart-data-item { margin-top:5px; display:flex; width:100%; flex-wrap:nowrap; justify-content:space-between; font-size: 14px; line-height: 17px; color: #000000; background: url(/images/dot-sprite.svg) 50% 50% repeat-x; } .cart-data-item:first-child { margin-top:0px; } .cart-data-item div { background:#fff; padding-left:5px; } .cart-data-item div:first-child { padding-left:0px; padding-right:5px; } .cart-button-block { margin-top:30px; } .cart-promo-title { font-family: 'Montserrat-Bold'; font-size: 12px; line-height: 15px; color: #000000; } .cart-promo-field { margin-top:8px; position:relative;} .cart-promo-field input { width:100%; border:1px solid #ADADAD; height:55px; line-height:55px; padding: 0 20px; font-family: 'Montserrat-Regular'; font-size:14px; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; } .cart-promo-field input::-webkit-input-placeholder { color: #989898; } .cart-promo-field input:-ms-input-placeholder { color: #989898; } .cart-promo-field input::-ms-input-placeholder { color: #989898; } .cart-promo-field input::placeholder { color: #989898; } .cart-promo-field:hover input { border: 1px solid #2680EB; } .cart-promo-field input:focus { border: 1px solid #2680EB; } .cart-promo-button { position:absolute; z-index:2; top:1px; bottom:1px; right:1px; width:55px; background:#fff url(/images/cart-arrow.svg) 50% 50% no-repeat; cursor:pointer; } .cart-promo-success { margin-top:5px; font-size:11px; line-height:11px; color:#2680EB; } .cart-promo-error { margin-top:5px; font-size:11px; line-height:11px; color:red; } .cart-button-block a { display:block; width:100%; height:55px; line-height:55px; background:#2680EB; font-family: 'Montserrat-SemiBold'; font-size:12px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .cart-button-block a:hover { background: #559bef; color: #fff; } .cart-item { border-top:1px solid #EBEBEB; padding:10px 0; position: relative; } .cart-item-inner { display:flex; flex-wrap:nowrap; } .cart-item-product { width:125px; margin-right:20px; flex:none; position:relative; } .cart-item-content { display:flex; flex-wrap:nowrap; width:100%; justify-content:space-between; align-items:center;} .cart-item-img img { display:block; width:100%; } .cart-item .collection-status { position: absolute; z-index: 2; top: 0px; left: 0; width: 40px; height: 40px;} .cart-item .collection-status.status-hit { background-image:url(/images/status-hit-icon.svg); background-size:40px 40px; background-repeat:no-repeat; } .cart-item .collection-status.status-new { background-image:url(/images/status-new-icon.svg); background-size:40px 40px; background-repeat:no-repeat; } .cart-item-name { width:200px; flex:none; font-family: 'Montserrat-Medium'; font-size: 14px; line-height: 17px; color: #000000; } .cart-item-name a { color: #000000; text-decoration:none; } .cart-item-name a:hover { color: #2680EB; text-decoration: none; } .cart-item-discount { width:60px; margin-left:30px; flex:none; text-align:center; font-size: 14px; line-height: 17px; text-align: center; color: #000000; } .cart-item-cost { width:130px; margin-left:20px; flex:none; text-align:center; font-size: 14px; line-height: 17px; text-align: center; color: #000000; } .cart-item-cost span { display:block; } .cart-item-cost span.old-cost { text-decoration: line-through; color: #989898; } .cart-item-del { width:17px; height:17px; margin-left:20px; font-size: 12px; line-height: 15px; color: #7B7B7B; text-indent:-9999px; background: url(/images/del-icon.svg) 0% 0% no-repeat; cursor:pointer; flex:none; } .cart-item-del a { color: #7B7B7B; text-decoration:underline; } .cart-item-del a:hover { color: #000; text-decoration:none; } .cart-title-value { font-size: 12px; line-height: 15px; text-align: center; color: #7B7B7B; padding-bottom:10px; } .cart-title-block .cart-item-del { background:none; } .cart-title-block .cart-item-name .cart-title-value {text-align:left; } .cart-item-discount ins { display:none; font-size: 9px; line-height: 11px; color: #7B7B7B; margin-bottom:5px; text-decoration:none;} .cart-item-cost ins { display:none; font-size: 9px; line-height: 11px; color: #7B7B7B; margin-bottom:5px; text-decoration:none; } .cart-order-block { margin-top:50px; } .cart-order-item { margin-top:50px; } .cart-order-item:first-child { margin-top:0; } .cart-order-title-block { display:flex; flex-wrap:nowrap; align-items:center; } .cart-order-title { font-family: 'Montserrat-Bold'; font-size: 20px; line-height: 24px; color: #000000; } .cart-order-text { margin-top:10px; font-size: 12px; line-height: 15px; color: #777777; } .cart-order-content { margin-top:20px; } .cart-order-data { display:flex; flex-wrap:wrap; margin:-20px 0 0 -20px; } .order-data-item { position:relative; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 20px 0 0 20px; } .triple-order-data .order-data-item { position:relative; width: -webkit-calc(33.3334% - 20px); width: -o-calc(33.3334% - 20px); width: calc(33.3334% - 20px);} .order-data-item input { width:100%; border:1px solid #ADADAD; height:55px; line-height:55px; padding: 0 20px; font-family: 'Montserrat-Regular'; font-size:14px; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; } .order-data-item input::-webkit-input-placeholder { color: #989898; } .order-data-item input:-ms-input-placeholder { color: #989898; } .order-data-item input::-ms-input-placeholder { color: #989898; } .order-data-item input::placeholder { color: #989898; } .order-data-item:hover input { border: 1px solid #2680EB; } .order-data-item input:focus { border: 1px solid #2680EB; } .order-data-message { font-size:11px; line-height:11px; color:red; margin-top:5px; display:none; } .order-data-item.error input { border:1px solid red; } .order-data-item.error .order-data-message { display:block; } .order-data-item select { -webkit-appearance: none; width:100%; border:1px solid #ADADAD; height:55px; line-height:55px; padding: 0 20px; cursor:pointer; font-family: 'Montserrat-Regular'; font-size:14px; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; outline:none; background:#fff url(/images/select-flag.svg) 96% 50% no-repeat; } .order-data-item:hover select { border: 1px solid #2680EB; } .order-data-item select:focus { border: 1px solid #2680EB; } .cart-order-toggle { font-size: 14px; line-height: 17px; color: #2680EB; margin-left:20px; } .cart-order-toggle span { display:inline-block; border-bottom:1px dashed #2680EB; cursor:pointer;} .cart-order-toggle span:first-child { display:none; } .cart-order-item.no-active .cart-order-toggle span { display:none; } .cart-order-toggle span:hover { border-bottom:1px dashed #FFF;} .cart-order-item.no-active .cart-order-toggle span:first-child { display:inline-block; } .order-data-text textarea:focus { border: 1px solid #2680EB; } .order-data-text textarea { width:100%; border:1px solid #ADADAD; height:150px; line-height:20px; padding: 20px; font-family: 'Montserrat-Regular'; font-size:14px; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none; border-radius:0; } .order-data-text textarea::-webkit-input-placeholder { color: #989898; } .order-data-text textarea:-ms-input-placeholder { color: #989898; } .order-data-text textarea::-ms-input-placeholder { color: #989898; } .order-data-text textarea::placeholder { color: #989898; } .order-data-text:hover textarea { border: 1px solid #2680EB; } .cart-order-item.no-active .cart-order-content { display:none; } .coupon_list {padding:20px 0 0 0;} .coupon_list div {color:#000; font-size: 13px;} .coupon_list div span {font-family: 'Montserrat-Bold'; color:#000; font-size: 16px;} .coupon_list div a {color:#a7a7a7;} @media screen and (max-width: 1239px) { .cart-item-product { width:100px; margin-right:10px; } .cart-item .collection-status { width: 30px; height: 30px;} .cart-item .collection-status.status-hit { background-size:30px 30px; background-repeat:no-repeat; } .cart-item .collection-status.status-new { background-size:30px 30px; background-repeat:no-repeat; } } @media screen and (max-width: 1023px) { .cart-block { margin-bottom:40px; } .cart-cols { flex-wrap:wrap; } .cart-content-col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 0 0px; } .cart-sidebar-col { width:100%; margin-left:0px; margin-top:40px; } .cart-info-block { position:relative; top:auto; } .cart-bottom-block { display:flex; flex-wrap:wrap; margin:0 0 0 -20px; } .cart-promo-block { width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 0 0 20px; } .cart-button-block { width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 23px 0 0 20px; } .cart-order-block { margin-top:40px; } .cart-order-item { margin-top:40px; } } @media screen and (max-width: 767px) { .cart-block { margin-bottom:0px; overflow:hidden; } .cart-sidebar-col { margin-top:30px; } .cart-cols { margin:0 -20px; } .cart-info-item { margin-top:20px; } .cart-bottom-block { display:flex; flex-wrap:wrap; margin:0 0 0 0px; } .cart-promo-block { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px 0 0 0px; } .cart-button-block { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 20px 0 0 0px; } .cart-item-product { width:75px; } .cart-item { padding:10px 20px; } .cart-title-block { display:none; } .cart-item-content { flex-wrap: wrap;} .cart-item-name { width:100%; margin-bottom:10px; } .cart-item-discount { margin-left:0; text-align:left; } .cart-item-discount ins { display:block; } .cart-item-cost ins { display:block; } .cart-item-content { align-items: flex-start;} .cart-item-cost { text-align:left; width:90px;} .cart-order-block { margin-top:30px; padding: 0 20px; } .cart-order-item { margin-top:30px; } .cart-order-title { font-size: 17px; line-height: 21px; } .cart-order-content { margin-top:15px; } .cart-order-data { display:flex; flex-wrap:wrap; margin:-10px 0 0 0px; } .order-data-item { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 10px 0 0 0px; } .triple-order-data .order-data-item { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px);} } /* Корзина */ /* Awards 2022 */ .awards-list-counter { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; justify-content: center; margin-top: 20px; margin-left:0px;} .awards-list-prize { flex: none; width: 30px; height: 30px; background-image:url(/images/prize-icon-small.svg); background-size:30px 30px; background-repeat:no-repeat; margin-left: 10px;} .awards-category-items { display:flex; flex-wrap:wrap; justify-content:center; margin:-30px 0 0 -15px; } .awards-category-item { width: -webkit-calc(20% - 15px); width: -o-calc(20% - 15px); width: calc(20% - 15px); margin: 30px 0 0 15px; padding-left:15px; box-sizing:border-box;} .shop-popup-block .awards-list-logo { display: inline-block; text-align: center; width: 100%; margin:20px 0; } .awards-category-icon { width: 40px; height: 40px; background-image:url(/images/prize-icon-small.svg); background-size:30px 30px; background-repeat:no-repeat; } .awards-category-name { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:18px; color:#BF9A65; margin-top:10px; text-transform:uppercase; min-height:36px;} .awards-category-divider { width:30px; height:1px; background:#8D714D; margin:15px 0; } .awards-category-text { font-size:14px; line-height:16px; color:#717171; } @media screen and (max-width: 1023px) { .awards-category-item { width: -webkit-calc(33.3334% - 15px); width: -o-calc(33.3334% - 15px); width: calc(33.3334% - 15px); margin: 30px 0 0 15px; } .awards-category-item { padding-left:0; } .awards-category-icon { margin:0 auto; } .awards-category-name { text-align:center; } .awards-category-divider { margin:15px auto; } .awards-category-text { text-align:center; } } @media screen and (max-width: 767px) { .shop-popup-block { margin: -30px; padding: 40px;} .awards-list-prize:nth-child(4) { display:block; } .awards-list-prize:nth-child(5) { display:block; } .awards-list-prize:nth-child(6) { display:block; } } @media screen and (max-width: 599px) { .awards-category-item { width: -webkit-calc(50% - 15px); width: -o-calc(50% - 15px); width: calc(50% - 15px); margin: 30px 0 0 15px; } } @media screen and (max-width: 479px) { .shop-popup-block { margin:-40px; } .awards-category-item { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 20px 0 0 0px; } .awards-category-items { display:flex; flex-wrap:wrap; justify-content:center; margin:-30px 0 0 0px; } .awards-category-name { min-height:auto; } .awards-category-name br { display:none; } .awards-category-text br { display:none; } } /* Awards 2022 */ /* Index 2022 */ .index-top__block { } .index-top__cols { display:flex; flex-wrap:nowrap; } .index-slider__col { width: -webkit-calc(100% - 518px); width: -o-calc(100% - 518px); width: calc(100% - 518px); } .index-tabs__col { width:488px; margin-left:30px; flex:none; } .index-slider__block { position:relative; position:sticky; top:95px; } .index-slider__container { margin-left: auto; margin-right: auto; position:relative; top:0; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .index-slider__textcontainer { margin-left: auto; margin-right: auto; margin-top:20px; position:relative; top:0; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .index-slider__item { position:relative; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .index-slider__img {position: relative; height: 0; overflow: hidden; padding-top: 62.5%; will-change: transform; } .index-slider__img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position:top center; transition: 0.9s all ease; will-change: transform, scale; backface-visibility: hidden;} .index-slider__item .product-info__discount { position:absolute; bottom:20px; left:20px; will-change: transform; } .index-slider__link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .index-slider__link a { display:block; width:100%; height:100%; } .index-pagination {position:absolute; right:20px!important; z-index:3; width:auto!important; margin-top:0px; bottom:20px!important; text-align:right; margin-top:0px; } .index-pagination span { margin-right:10px; width:10px; height:10px; background:#FFFFFF; opacity:1; border-radius: 270px; outline:none;} .index-pagination span.swiper-pagination-bullet-active { background: #2170CF; opacity: 1;} .index-pagination span:last-child { margin-right:0px; } .index-slider__title { font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:22px; color:#000; } .index-slider__title a { color:#000; text-decoration:none; transition: 0.3s color ease; } .index-slider__title a:hover { color:#2680EB; text-decoration:none; } .index-slider__text { font-size:14px; line-height:18px; color:#5B6064; margin-top:15px; } .index-slider__btn { margin-top:20px; } .index-slider__btn a { display: inline-block; height:50px; padding:0 20px; background: #2680EB; color: #fff; text-decoration: none; font-family: 'Montserrat-SemiBold'; font-size: 14px; text-align: center; line-height: 50px; transition: 0.3s all ease; } .index-slider__btn a:hover { background: #1060C4; color: #fff;} .index-slider__nav { position:absolute; z-index:2; right:0; bottom:12px; height:24px; width:48px; } .index-btn-next { position:absolute; top:0; right:0; width:24px; height:24px; cursor:pointer; background: url(/images/sl-next-sprite.svg) 0px 0px no-repeat; background-size:48px 24px; } .index-btn-next:hover { background-position:-24px 0px; } .index-btn-prev { position:absolute; top:0; right:34px; width:24px; height:24px; cursor:pointer; background: url(/images/sl-prev-sprite.svg) -24px 0px no-repeat; background-size:48px 24px; } .index-btn-prev:hover { background-position:0px 0px; } .menu-tab-block { border-bottom:1px solid #E0E0E0; margin-top:30px;} .menu-tab-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .menu-tab-slider .swiper-slide { width:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: auto; position:relative; } .menu-tab { position:relative; transition: all 0.3s ease; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:14px; color: #ADADAD; padding-bottom:10px; height:30px; margin-right:57px; border-bottom:3px solid #fff; cursor:pointer; will-change: transform; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu-tab:hover { color:#2680EB; border-bottom:3px solid #2680EB; } .menu-tab.active { border-bottom:3px solid #2680EB; cursor:default; color:#2680EB; } .menu-tab-slider .swiper-slide:last-child .menu-tab { margin-right:0; } .content-tab-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;} .content-tab-slider .swiper-slide { height:0px; overflow:hidden; width:100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative; } .content-tab-slider .swiper-slide-active { height:auto; } .content-tab-inner { margin-top:30px; width:100%; position:relative;} .content-tab__items { display:flex; flex-wrap:wrap; margin:-30px 0 0 -30px; } .content-tab__item { position:relative; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin:30px 0 0 30px;} .content-tab__img { position: relative; height: 0; overflow: hidden; padding-top: 118%; will-change: transform; } .content-tab__img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position:top center; transition: 0.9s all ease; will-change: transform, scale; backface-visibility: hidden;} .content-tab__name { margin-top:15px; font-size:14px; line-height:18px; color:#000000; will-change: transform; transition: 0.3s color ease; height:54px; overflow:hidden;} .content-tab__item .tab-item-more { position:relative; z-index:2; left:auto; right:auto; bottom:auto; margin-top:15px; font-family: 'Montserrat-Medium'; text-transform:uppercase; color:#2680EB; font-size:10px; line-height:10px; transition: 0.5s ease-in; } .content-tab__item .tab-item-more span { display:block; background: url(/images/arrow-sprite.svg) 100% 2px no-repeat; } .content-tab__item:hover .tab-item-more { color:#C7AB85; } .content-tab__item:hover .tab-item-more span { background-position:100% -14px; } .index-category__item .tab-item-more { position:relative; z-index:2; left:auto; right:auto; bottom:auto; margin-top:15px; font-family: 'Montserrat-Medium'; text-transform:uppercase; color:#2680EB; font-size:10px; line-height:10px; transition: 0.5s ease-in; } .index-category__item .tab-item-more span { display:inline-block; background: url(/images/arrow-sprite.svg) 100% 2px no-repeat; padding-right:100px;} .index-category__item:hover .tab-item-more { color:#C7AB85; } .index-category__item:hover .tab-item-more span { background-position:100% -14px; } /* .content-tab__item:hover .content-tab__name { color:#2680EB; } */ .content-tab__more { margin-top:15px; font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color:#000000; transition: 0.3s color ease; will-change: transform; } .content-tab__more span { background: url(/images/arrows-more.svg) 100% 7px no-repeat; padding-right:40px; } .content-tab__item:hover .content-tab__more { color:#2680EB; } .content-tab__item:hover .content-tab__more span { background-position:100% -18px; } .content-tab__link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .content-tab__link a { display:block; width:100%; height:100%; } .content-tab__items { height:600px; overflow:auto; scroll-behavior:smooth; } .content-tab__items::-webkit-scrollbar { width: 0; background: transparent;} .content-tab__items { -ms-overflow-style: none; scrollbar-width: none;} .content-tab__items::-webkit-scrollbar { display: none;} .index-category__block { margin:50px 0; } .index-category__items { display:flex; flex-wrap:wrap; margin:-40px 0 0 -20px; } .index-category__item { position:relative; width: -webkit-calc(33.3334% - 20px); width: -o-calc(33.3334% - 20px); width: calc(33.3334% - 20px); margin: 40px 0 0 20px; } .index-category__img { position: relative; height: 0; overflow: hidden; padding-top: 76.33%; will-change: transform; } .index-category__img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position:top center; will-change: transform; backface-visibility: hidden;} .index-category__name {border-left:4px solid #2680EB; padding-left:10px; margin-top:20px; font-family: 'Montserrat-Medium'; font-size:18px; line-height:22px; color:#000000; text-transform:uppercase;} .index-category__text { margin-top:10px; font-size:14px; line-height:18px; color:#5B6064; } .index-category__more { margin-top:20px; font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color:#000000; transition: 0.3s color ease; will-change: transform; } .index-category__more span { background: url(/images/arrows-more.svg) 100% 7px no-repeat; padding-right:40px; } .index-category__item:hover .index-category__more { color:#2680EB; } .index-category__item:hover .index-category__more span { background-position:100% -18px; } .index-category__link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .index-category__link a { display:block; width:100%; height:100%; } .index-additional__block { margin:25px 0 50px 0; } .index-additional__block .product-additional__block { margin:0; } .square-slider__block { overflow:hidden; background: rgb(245, 245, 245); background: -moz-linear-gradient(90deg, rgb(245, 245, 245) 50%, rgb(255, 255, 255) 50%); background: -webkit-linear-gradient(90deg, rgb(245, 245, 245) 50%, rgb(255, 255, 255) 50%); background: -o-linear-gradient(90deg, rgb(245, 245, 245) 50%, rgb(255, 255, 255) 50%); background: -ms-linear-gradient(90deg, rgb(245, 245, 245) 50%, rgb(255, 255, 255) 50%); background: linear-gradient(180deg, rgb(245, 245, 245) 50%, rgb(255, 255, 255) 50%); } .square-slider__nav { display:flex; flex-wrap:nowrap; justify-content:flex-end; padding:20px 0; } /* .square-btn-next { width:50px; height:50px; cursor:pointer; background:url(/images/index-next-sprite.svg) 0px 0px no-repeat; background-size:100px 50px; } */ /* .square-btn-next:hover { background-position:-50px 0px; } */ /* .square-btn-prev { margin-right:50px; width:50px; height:50px; cursor:pointer; background:url(/images/index-prev-sprite.svg) -50px 0px no-repeat; background-size:100px 50px; } */ /* .square-btn-prev:hover { background-position:0px 0px; } */ .square-btn-next { width:24px; height:24px; cursor:pointer; background: url(/images/sl-next-sprite.svg) 0px 0px no-repeat; background-size:48px 24px; } .square-btn-next:hover { background-position:-24px 0px; } .square-btn-prev { width:24px; height:24px; margin-right:10px; cursor:pointer; background: url(/images/sl-prev-sprite.svg) -24px 0px no-repeat; background-size:48px 24px; } .square-btn-prev:hover { background-position:0px 0px; } .square-slider { position:relative; } .sq-slider .swiper-slide { width:297px; height:auto; opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; backface-visibility: hidden; will-change: transform; } .sq-slider__img { position: relative; height: 0; overflow: hidden; padding-top: 100%; will-change: transform; } .sq-slider__img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position:top center; will-change: transform; backface-visibility: hidden;} .index-subscribe__block { margin-top:40px; } .index-subscribe__inner { display:flex; flex-wrap:nowrap; align-items:center; } .index-subscribe__text { flex-grow:1; border-left:4px solid #2680EB; padding-left:15px; font-size:18px; line-height:22px; color:#000; } .index-subscribe__link { width:200px; height:60px; flex:none; margin-left:50px; } .index-subscribe__link a { display: block; width: 100%; height: 100%; background: #2680EB; color: #fff; text-decoration: none; font-family: 'Montserrat-SemiBold'; font-size: 18px; text-align: center; line-height: 60px; transition: 0.3s all ease;} .index-subscribe__link a:hover { background: #1060C4; color: #fff;} .header-sub-menu-inner { background:#fff; padding:30px 0; border-top: 1px solid #E0E0E0; -webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1); } .catalog-drop-block { display:flex; flex-wrap:nowrap; } .catalog-side-block { width:auto; padding-right:110px; } .catalog-content-block { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); border-left:1px solid #E0E0E0; padding-left:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .catalog-side-item { position:relative; cursor:pointer; margin-top:15px; } .catalog-side-item:first-child { margin-top:0; } .catalog-side-name { font-family: 'Montserrat-Medium'; font-size:16px; line-height:19px; color:#000; text-transform:none; white-space:nowrap; } .catalog-side-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .catalog-side-link a { display:block; width:100%; height:100%; padding: 0 0 0px 0!important; border:none!important; transition: 0.3s all ease!important; } .catalog-side-item.active .catalog-side-name { color:#2680EB; } .tabcontent { display:none; color:#000; } .tabcontent__items { display:flex; flex-wrap:nowrap; } .tabcontent__item { position:relative; width: -webkit-calc(33.3334% - 20px); width: -o-calc(33.3334% - 20px); width: calc(33.3334% - 20px); margin: 0px 0 0 20px; } .tabcontent__title { font-family: 'Montserrat-Medium'; font-size:16px; line-height:19px; color:#A8B2B9; text-transform:none; margin-bottom:15px; } .tabcontent__list { } .tabcontent__list ul { list-style:none; margin:0!important; padding:0!important; font-family: 'Montserrat-Medium'!important; font-size:16px!important; line-height:19px!important; color:#000!important; } .tabcontent__list ul li { margin-top:15px!important; font-family: 'Montserrat-Medium'!important; margin-left:0!important; text-transform:none!important; display:block!important;} .tabcontent__list ul li:first-child { margin-top:0px!important; } .tabcontent__list ul li a { color:#000; padding: 0 0 0px 0!important; border:none!important; transition: 0.3s all ease!important; } .tabcontent__list ul li a:hover { color:#2680EB; } .text-col-bg { background:#F7F4F0; } .text-col-title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #000; margin-bottom: 25px; text-transform: uppercase;} .text-col-block { color:#000000; } .index-text-col:nth-child(2) .text-col-block { /* font-size:12px; line-height:15px; */ } .text-col-subtitle { font-family: 'Montserrat-Medium'; color:#C7AB85; /* font-size:12px; line-height:15px; */ text-transform:uppercase; } .index-text-col { padding-top:40px; } .hidden-text { display:none; } .index-text-cols.active .hidden-text {display:block;} .index-text-col:nth-child(1) .hidden-text { margin-top:20px; } .text-col-link span { display:none; } .text-col-link span:first-child { display:inline-block; } .index-text-cols.active .text-col-link span:first-child { display:none; } .index-text-cols.active .text-col-link span { display:inline-block; } @media screen and (max-width: 1239px) { .index-top__cols { display:flex; flex-wrap:nowrap; margin:0 0 0 -30px; } .index-slider__col { width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin-left:30px;} .index-tabs__col { width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin-left:30px; } .menu-tab { margin-right:30px; } .sq-slider { overflow:visible; } } @media screen and (max-width: 1023px) { .index-top__cols { flex-wrap:wrap; margin:0 -20px; } .index-slider__col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin-left:0; } .index-tabs__col { width:100%; margin-left:0px; flex:none; margin-top:40px; padding-left:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .index-slider__item:hover .index-slider__img img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);} .index-slider__textcontainer .index-slider__item { padding:0 20px; } .index-slider__nav { right:20px; } .content-tab-inner { margin-top:20px; } .menu-tab { margin-right:30px; } .menu-tab-slider .swiper-slide:last-child .menu-tab { margin-right:20px; } .content-tab__items { height:auto; overflow:auto; } .content-tab__items { display:flex; flex-wrap:nowrap; margin:0px 0px 0 -20px; padding-right:20px; } .content-tab__item { position:relative; width:229px; flex:none; margin:0px 0 0 20px;} .content-tab__item:last-child { margin:0px 0px 0 20px!important; } .index-category__block { margin:40px 0; } .index-category__items { display:flex; flex-wrap:wrap; margin:-30px 0 0 -20px; } .index-category__item { position:relative; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 30px 0 0 20px; } .index-additional__block { margin:15px 0 40px 0; } .index-additional__block .page-inner { padding:0; } .header-right__social { justify-content: center; width: 100%;} .footer-menu__cols { display:flex; flex-wrap:wrap; margin:-20px 0 0 -20px; } .footer-menu__col { position:relative; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin:20px 0 0 20px; } .footer-bottom__cols { display:flex; flex-wrap:wrap; margin:-20px 0 0 -20px; } .footer-bottom__col { position:relative; width: -webkit-calc(33.3334% - 20px); width: -o-calc(33.3334% - 20px); width: calc(33.3334% - 20px); margin:20px 0 0 20px; } .footer-bottom__col:nth-child(1) { order:4; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); } .header-right__social { justify-content:center; width:100%; } } @media screen and (max-width: 767px) { .index-tabs__col { margin-top:30px; } .menu-tab-block { margin-top:10px; } .index-category__items { display:flex; flex-wrap:wrap; margin:-30px 0 0 0px; } .index-category__item { position:relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 30px 0 0 0px; } .square-slider__nav { display:none; } .square-slider { padding-top:30px; } .index-subscribe__block { margin-top:30px; } .index-subscribe__inner { display:flex; flex-wrap:wrap; align-items:center; } .index-subscribe__text { font-size:14px; line-height:18px; } .index-subscribe__link { width:100%; height:60px; flex:none; margin-left:0px; margin-top:30px; } .index-text-col:nth-child(2) .text-col-block { display:none; margin-top:20px;} .index-text-cols.active .index-text-col:nth-child(2) .text-col-block { display:block; } .footer-menu__cols { display:flex; flex-wrap:wrap; margin:-15px 0 0 0px; } .footer-menu__col { position:relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:15px 0 0 0px; } .footer-menu__list { display:none; margin-top:10px; } .footer-menu__title { line-height:24px; color:#fff; } .footer-menu__title a { color:#fff; text-decoration:none; display:inline-block; background:url(/images/arrow-footer-white.svg) 100% 50% no-repeat; padding-right:25px; } .footer-menu__title a:hover { color:#fff; text-decoration:none; } .footer-title__toggle { display:block; } .footer-menu__col.active .footer-menu__list { display:block; } .footer-menu__col.active .footer-menu__title { opacity:0.5; } .footer-menu__col.active .footer-menu__title a { background:url(/images/arrow-footer-down.svg) 100% 50% no-repeat; } .footer-bottom__cols { display:flex; flex-wrap:wrap; margin:0px 0 0 0px; } .footer-bottom__col { position:relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:20px 0 0 0px; } .index-category__text { height:auto; } } @media screen and (max-width: 479px) { .index-slider__nav { display:none; } .index-slider__btn a { display:block; } } /* Index 2022 */ /* Product 2022 */ .swiper-wrapper { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); backface-visibility: hidden; /* -moz-transition: none !important; -moz-transition-duration: 0s!important; */ } .swiper-slide { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); backface-visibility: hidden; /* -moz-transition: none !important; -moz-transition-duration: 0s!important; */} .product-block { margin-bottom:50px; } .fancybox-active { height: 100%;} .product-cols { display:flex; flex-wrap:wrap; margin:0 0 0 -40px; position:relative; } .product-slider-col { width: -webkit-calc(55% - 40px); width: -o-calc(55% - 40px); width: calc(55% - 40px); margin: 0px 0 0px 40px; height:100%; position:sticky; top:125px; } .product-description-col { width: -webkit-calc(45% - 40px); width: -o-calc(45% - 40px); width: calc(45% - 40px); margin: 0px 0 0px 40px; } .product-slider-inner { display:flex; flex-wrap:nowrap; margin:0 0 0 0px; } .product-slider-line { width:120px; flex:none; margin:0 20px 0 0px; position:relative; height:100%} .product-slider-content { width: -webkit-calc(100% - 140px); width: -o-calc(100% - 140px); width: calc(100% - 140px); margin:0 0 0 0px; position:relative; } .gallery-top { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:0 0 0 0px; } .gallery-top-pagination { position:relative; z-index:2; width:100%; margin-top:20px; text-align:center; bottom:0!important; display:none;} .gallery-top-pagination span { margin-right:10px; width:12px; height:12px; background: #C0CBD3; opacity:1; border-radius: 270px; outline:none;} .gallery-top-pagination span.swiper-pagination-bullet-active { background: #2170CF; } .gallery-top-pagination span:last-child { margin-right:0px; } .product-slider-img { /*height: 0; overflow: hidden; backface-visibility: hidden; padding-top: 125%; will-change: transform; position:relative; */} .product-slider-img img { background: #fff; display: block; width:100%; height:100%; /* position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; will-change: transform; backface-visibility: hidden; will-change: transform;*/} .gallery-thumbs { box-sizing: border-box; position:relative; padding: 34px 0px 34px 0px; height:auto; max-height:538px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-thumbs .swiper-slide { cursor:pointer; opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:120px; height:144px; } .gallery-thumbs .swiper-slide-thumb-active { opacity:0.7; cursor:default; } .gallery-img { position: relative; height: 0; overflow: hidden; padding-top: 120%; } .gallery-img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;} .gallery-thumbs-prev { position:absolute; z-index:4; top:0; left:0; right:0; height:24px; background:#fff url(/images/v-arrow-up.svg) 50% 50% no-repeat; cursor:pointer; } .gallery-thumbs-next { position:absolute; z-index:4; bottom:0px; left:0; right:0; height:24px; background:#fff url(/images/v-arrow-down.svg) 50% 50% no-repeat; cursor:pointer; } .product-slider-line .swiper-button-disabled { opacity:0; cursor:default; } .product-slider-img .video { padding-bottom:100%; top:70px; /*width:100%; position:absolute; top:0;*/} .product-slider-info { position:absolute; z-index:2; top:20px; left:20px; right:20px; } .product-info__cols { display:flex; flex-wrap:nowrap; justify-content:space-between; } .product-info__discount { background:#2170CF; height:30px; line-height:30px; padding:0 12px; color:#fff; font-family: 'Montserrat-SemiBold'; font-size:11px; text-transform:uppercase; } .product-info__rcol { flex:none; display:flex; flex-wrap:nowrap; } .product-info__status { width:62px; height:30px; margin-right:10px; flex:none; } .product-info__status img { display:block; width:100%; height:100%; } .product-info__fav { width:30px; height:30px; cursor:pointer; background: url(/images/fav-sprite22.svg) 0px 0px no-repeat; border-radius:90px; will-change: transform; background-size:90px 30px; } .product-info__fav:hover { background-position:-30px 0px; } .product-info__fav.active { background-position:-60px 0px; } .product-info__fav.active:hover { background-position:-60px 0px; } .product-ca__block { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; line-height:20px; font-size:14px; color:#000; font-family: 'Montserrat-Medium'; margin-top:10px;} .product-ca__comment { background: url(/images/comment-sprite.svg) 0px 0px no-repeat; padding-left:30px; height:20px; } .product-ca__comment:hover { background-position:0 -20px; cursor:pointer; } .product-ca__comment a { color:#000; text-decoration:none; transition: 0.3s color ease; } .product-ca__comment a:hover { color:#2680EB; text-decoration:none; } .product-ca__comment:hover a { color:#2680EB; } .product-ca__article { color:#ADADAD;} .product__title { font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:24px; color:#000; margin-top:30px; } h1.product__title { margin-bottom:0; padding-bottom:0; letter-spacing:0px; text-transform:none; } h1.product__title span { font-size:14px; color: #ADADAD; font-family: 'Montserrat-Medium';} .product-price__block { margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; } .product-price__current { font-family: 'Montserrat-Bold'; font-size:26px; line-height:32px; flex:none; margin-right:30px; flex:none; width:135px; } .product-price__col { display:flex; flex-wrap:nowrap; align-items:center;} /* .product-price__col.hide { visibility:hidden; width:0; height:0; overflow:hidden;} */ .product-price__old { font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:32px; text-decoration:line-through; color:#ADADAD; margin-right:15px; width:104px; } .product-price__discount { background:#2170CF; height:38px; line-height:38px; padding:0 15px; color:#fff; font-family: 'Montserrat-SemiBold'; font-size:14px; text-transform:uppercase; } .product-size__block { margin-top:30px; padding:20px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; } .product-size__top { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; font-size:14px; line-height:18px; color:#000; font-family: 'Montserrat-Medium'; } .product-size__title { flex:none; color:#ADADAD; } .product-size__link a { color:#000; text-decoration:none; transition: 0.3s color ease; } .product-size__link a:hover { color:#2680EB; text-decoration:none; } .product-size__slider { position:relative; margin-top:20px; padding:0 34px; } .size-slider .swiper-slide { width:80px; height:40px; background:#EEEEEE; cursor:pointer; opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .size-slider-prev { position:absolute; z-index:4; top:0; left:0; width:24px; height:100%; background: url(/images/size-prev.svg) 0% 50% no-repeat; cursor:pointer; } .size-slider-next { position:absolute; z-index:4; top:0; right:0; width:24px; height:100%; background: url(/images/size-next.svg) 0% 50% no-repeat; cursor:pointer; } .product-size__slider .swiper-button-disabled { opacity:0.5; } .size-slider-item { width:100%; height:100%; background:#EEEEEE; color:#ADADAD; font-family: 'Montserrat-SemiBold'; font-size:18px; text-align:center; line-height:40px; transition: 0.3s all ease; cursor:pointer; } .size-slider-item:hover { background:#1060C4; color:#fff; } .size-slider .swiper-slide.active-size .size-slider-item { background:#000; color:#fff; } .product-buy__link { width:200px; height:60px; margin-top:30px; } .product-buy__link a { display:block; width:100%; height:100%;background:#2680EB; color:#fff; text-decoration:none; font-family: 'Montserrat-SemiBold'; font-size:18px; text-align:center; line-height:60px; transition: 0.3s all ease; } .product-buy__link a:hover { background:#1060C4; color:#fff; } .product-popup__block { margin: 10px -14px -14px -14px;} .product-popup__top { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; } .product-popup__title { font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:24px; color:#000; } .product-popup__amount { font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color:#2680EB; } .product-popup__links { display:flex; flex-wrap:nowrap; margin:20px 0 0 -30px; } .product-popup__links a { display:block; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin: 0px 0 0px 30px; height:60px; background:#2680EB; border:1px solid #2680EB; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff; text-decoration:none; font-family: 'Montserrat-SemiBold'; font-size:18px; text-align:center; line-height:60px; transition: 0.3s all ease; } .product-popup__links a:hover { background:#1060C4; border:1px solid #1060C4; color:#fff; } .product-popup__links a:first-child { background:#fff; color:#000; border:1px solid #000; } .product-popup__links a:first-child:hover { background:#000; color:#fff; border:1px solid #000; } .product-popup__current { margin-top:10px; } .product-current__inner { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; } .product-current__lcol { display:flex; align-items:center; } .product-current__img { flex:none; width:160px; margin-right:15px; } .product-current__img img { display:block; } .product-current__name { font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color:#000; max-width:240px;} .product-current__rcol { text-align:right; } .product-popup__block .product-price__current { font-size:16px; line-height:19px; margin-right:0; } .product-popup__block .product-price__old { font-family: 'Montserrat-Medium'; font-size:12px; line-height:15px; margin-right:0; } .product-options__block { margin-top:30px; } .product-options__title { font-family: 'Montserrat-Medium'; font-size:16px; line-height:19px; color:#ADADAD; } .product-options__items { margin-top:20px; } .product-options__item { position:relative; margin-top:10px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; background: url(/images/dot-line.svg) 0% 50% repeat-x; } .product-options__item:first-child { margin-top:0px; } .product-options__name { background:#fff; padding-right:5px; font-size:14px; line-height:18px; color:#ADADAD; } .product-options__value { background:#fff; padding-left:5px; padding-top:2px; padding-bottom:2px; font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color:#000; position:relative; } .product-options__value span { padding-right:18px; background: url(/images/value-sprite.svg) 100% 0px no-repeat; transition: 0.3s color ease; cursor:pointer; } .product-options__value:hover span { color:#2680EB; background-position:100% -18px; } .product-options__item.active .product-options__value { z-index:3; } .product-options__submenu { position:absolute; top:0; right:0; z-index:2; padding-top:22px; display:none; background:#fff; -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);} .product-options__submenu ul { list-style:none; margin:0; padding:0; min-width:190px;} .product-options__submenu ul li { font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; text-align:right; padding:5px 18px; color:#000000; transition: 0.3s all ease; } .product-options__submenu ul li:hover { background:#F5F5F5; } .product-options__submenu ul li a { color:#000000; text-decoration:none; } .product-options__item.active .product-options__submenu { display:block; } .product-options__item.active .product-options__value span { color:#2680EB; background-position:100% -18px; } .product-tabs__block { margin-top:40px; } .product-tabs__nav { display:flex; flex-wrap:nowrap; width:100%; border-bottom:1px solid #E0E0E0; } .product-tab-item { margin-left:30px; font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; color:#000; text-transform:uppercase; } .product-tab-item:first-child { margin-left:0px; } .product-tab-item a { display:block; padding-bottom:10px; color:#000; text-decoration:none; border-bottom:3px solid #fff; } .product-tab-item a:hover { color:#2680EB; text-decoration:none; } .product-tab-item.active a { border-bottom:3px solid #2680EB; } .product-tab-pane { display: none; margin-top:30px; padding-bottom:20px; border-bottom:1px solid #E0E0E0; } .product-tab-pane.active { display: block; } .product-tabs__city { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:18px; color:#ADADAD; margin-bottom:20px; } .product-tabs__city span { padding-left:5px; padding-right:18px; background: url(/images/value-sprite.svg) 100% 0px no-repeat; transition: 0.3s color ease; cursor:pointer; color:#000; } .product-tabs__city:hover span { color:#2680EB; background-position:100% -18px; } .product-tabs__advantages { margin:-15px 0 0 0px; display:flex; flex-wrap:wrap; } .product-tabs__advantages div { height:24px; line-height:24px; padding-left:30px; background: url(/images/checkbox-circle-line.svg) 0% 0% no-repeat; font-family: 'Montserrat-Medium'; color:#2680EB; margin-top:15px; margin-right:25px; } .product-tabsinfo__items { margin-top:30px; } .product-tabsinfo__item { margin-top:20px; display:flex; flex-wrap:nowrap;} .product-tabsinfo__item:first-child { margin-top:0px; } .product-tabsinfo__icon { width:20px; height:20px; flex:none; margin-right:15px; } .product-tabsinfo__icon img { width:20px; height:20px; display:block; } .product-tabsinfo__title { font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; } .product-tabsinfo__subtitle { color:#ADADAD; font-size:14px; line-height:18px; margin-top:5px; } .product-tabs-link { font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; margin-top:30px; } .product-tabs-link a { color:#000; transition: 0.3s color ease; text-decoration:none; } .product-tabs-link a:hover { color:#2680EB; transition: 0.3s color ease; text-decoration:none; } .product-tabs-link span { padding-right:40px; background: url(/images/arrow-link-sprite.svg) 100% 7px no-repeat; } .product-tabs-link a:hover span { background-position:100% -16px; } .product-text__block { margin-top:30px; } .product-text__title { font-family: 'Montserrat-Medium'; font-size:16px; line-height:19px; color:#ADADAD; } .product-text__content { font-size:14px; line-height:18px; color:#5B6064; margin-top:20px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .product-text__toggle { margin-top:20px; font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color:#000; transition: 0.3s color ease; cursor:pointer; } .product-text__toggle:hover { color:#2680EB; } .product-text__toggle span { display:none; } .product-text__toggle span:first-child { display:inline-block; } .product-text__block.active span { display:inline-block; } .product-text__block.active span:first-child { display:none; } .product-text__block.active .product-text__content { -webkit-line-clamp: inherit; } .product-additional__block { margin-top:40px; overflow:hidden;} .product-additional__title { font-family: 'Montserrat-SemiBold'; font-size:24px; line-height:29px; color:#000; text-transform:uppercase;} .product-additional__slider { margin-top:30px; overflow:hidden; } .additional-slider { overflow:hidden; } .additional-slider .swiper-wrapper { background:#fff; } .additional-slider .swiper-slide { width:244px; height:auto; background:#fff; opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; backface-visibility: hidden; will-change: transform; } .product-additional__item { width:100%; background:#fff; padding:0 15px 15px 15px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-additional__img img { display:block; width:100%; height:257px; object-fit:cover; } .product-additional__name { margin-top:10px; font-size:14px; line-height:18px; color:#000; height:54px; overflow:hidden; } .product-additional__name a { color:#000; text-decoration:none; } .product-additional__name a:hover { color:#2680EB; text-decoration:none; } .product-additional__article { margin-top:10px; color:#ADADAD; font-family: 'Montserrat-Medium'; font-size:12px; line-height:15px; height:15px; overflow:hidden; } .product-additional__price { margin-top:20px; color:#2680EB; font-family: 'Montserrat-Bold'; font-size:14px; line-height:18px; } .product-additional__status { position: absolute; z-index: 2; top: 22px; left: 15px; width: 40px; height: 40px; will-change: transform; } .product-additional__fav { position: absolute; z-index: 2; top: 15px; right: 15px; width: 24px; height: 24px; will-change: transform; background: url(/images/catalog-fav22.svg) 0px 0px no-repeat; cursor:pointer; } .product-additional__fav:hover { background-position: 0 -24px; } .product-additional__fav.active { background-position: 0 -48px; } .product-set__block { margin-top:40px; overflow:hidden; } .product-set__cols { display:flex; flex-wrap:nowrap; } .product-set__lcol { width:568px; flex:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-set__rcol { margin-left:0px; flex-grow:1; background:#F5F5F5; padding:57px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:100%;} .product-set__item { margin-top:20px; } .product-set__item:first-child { margin-top:0px; } .product-set__heading { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:18px; color:#000; text-transform:uppercase; } .product-set__text { font-size:14px; line-height:18px; color:#5B6064; margin-top:5px; } .product-baner__block { margin-top:50px; } .product-baner__img img { display:block; width:100%; } .product-baner__cols { display:flex; flex-wrap:wrap; margin:0 0 0 -40px; } .product-baner__col { position:relative; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin: 0px 0 0px 40px; } .product-reviews__block { margin-top:50px; } .product-reviews__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #000; text-transform: uppercase; } .product-reviews__intro { margin-top:30px; font-size:18px; line-height:22px; border-left:4px solid #2680EB; padding-left:20px; } .product-user__block { margin-top:30px; } .product-user__title { font-family: 'Montserrat-Medium'; font-size:20px; line-height:24px; } .product-user__slider { position:relative; margin-top:30px; } .user-slider .swiper-slide { width:90px; height:90px; background:#fff; cursor:pointer; opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .user-slider-item { width:100%; height:100%; border-radius:270px; } .user-slider-item img { display:block; width:100%; height:100%; border-radius:270px; object-fit:cover; } .product-rank__block { margin-top:40px; } .product-rank__cols { display:flex; flex-wrap:nowrap; } .product-rank__lcol { width: -webkit-calc(50% - 420px); width: -o-calc(100% - 420px); width: calc(100% - 420px); } .product-rank__rcol { width:380px; flex:none; margin-left:40px;} .product-rank__content { } .product-total__block { display:flex; flex-wrap:nowrap; align-items:center; } .product-total__score { font-family: 'Montserrat-SemiBold'; font-size:45px; line-height:55px; color:#000; margin-right:20px;} .product-total__text { font-size:14px; line-height:18px; color:#ADADAD; } .product-rank__items { margin-top:20px; } .product-rank__item { margin-top:10px; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; } .product-rank__item:first-child { margin-top:0px; } .product-rank__value { width:10px; flex:none; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:18px; } .product-rank__count { width:40px; flex:none; font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:18px; text-align:right; } .product-rank__bar { flex-grow:1; margin:0 20px; height:10px; background:#F5F5F5; border-radius:5px;} .bar-progress { height:10px; background:#2680EB; border-radius:5px; } .product-rank__link { margin-top:20px; font-family: 'Montserrat-Medium'; font-size:18px; line-height:24px; color:#000; transition: 0.3s color ease; display:inline-block; background: url(/images/add-circle-line.svg) 0% 0% no-repeat; padding-left:34px; cursor:pointer;} .product-rank__link:hover { color:#2680EB; } .feed-form-blockr { position: fixed; top:0px; left:0; bottom:0; right:0; z-index: 8000; display: none; background:url(/images/menu-bg.png) 0px 0px repeat; } .showFormReviews .feed-form-blockr { display:block; } .showFormReviews { overflow:hidden; } .feed-form-wrapr { min-height: 100%; height: auto !important; height: 100%; position: relative; padding-bottom:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:flex; flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .feed-form-innerr { background:#fff; width: 850px; height: 100%; overflow: auto; float:right; } .feed-form-innerr .feed-form-title { background:url(/images/chat-1-line.svg) 0px 0px no-repeat; padding-left:40px; font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:22px; text-transform:uppercase; } .feed-form-heading { color: #989898; font-size:14px; line-height:16px; } /* .rating-area { */ /* overflow: hidden; margin-top:10px; margin-left:-7px; */ /* width: 215px; */ /* } */ /* .rating-area:not(:checked) > input { */ /* display: none; */ /* } */ /* .rating-area:not(:checked) > label { */ /* float: right; */ /* width: 42px; */ /* padding: 0; */ /* cursor: pointer; */ /* font-size: 32px; */ /* line-height: 32px; */ /* color: lightgrey; */ /* } */ /* .rating-area:not(:checked) > label:before { */ /* content: '★'; */ /* } */ /* .rating-area > input:checked ~ label { */ /* color: #FFBA00; */ /* } */ /* .rating-area:not(:checked) > label:hover, */ /* .rating-area:not(:checked) > label:hover ~ label { */ /* color: #FFBA00; */ /* } */ /* .rating-area > input:checked + label:hover, */ /* .rating-area > input:checked + label:hover ~ label, */ /* .rating-area > input:checked ~ label:hover, */ /* .rating-area > input:checked ~ label:hover ~ label, */ /* .rating-area > label:hover ~ input:checked ~ label { */ /* color: #FFBA00; */ /* } */ /* .rate-area > label:active { */ /* position: relative; */ /* } */ .product-reviews__slider { position:relative; } .rw-slider .swiper-slide { width:390px; height:auto; padding:20px; background:#F5F5F5; opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .rw-slider__item { width:100%; } .rw-slider__top { display:flex; flex-wrap:nowrap; justify-content:space-between; } .rw-slider__user { } .rw-slider__date { width:70px; font-size:14px; line-height:18px; flex:none; color:#5B6064; margin-left:20px; } .rw-slider__name { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:18px; color:#000; } .rw-slider__rating { margin-top:5px; } .rating-result span {padding: 0; font-size: 24px;margin: 0 0px;line-height: 1; color: lightgrey; } .rating-result > span:before {content: '★';} .rating-result > span.active { color: #FFBA00;} .rw-slider__text { font-size:14px; line-height:18px; color:#5B6064; margin-top:20px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .rw-slider__photo { display:flex; flex-wrap:wrap; } .rw-slider__photo a { display:block; width:48px; height:48px; border-radius:270px; margin:10px 10px 0 0; } .rw-slider__photo a img { display:block; width:100%; height:100%; border-radius:270px; object-fit:cover; } .window-file-zone { margin-top:20px; box-sizing:border-box; border: 1px dashed #ADADAD; padding: 30px 25px; cursor:pointer; border-radius:4px; transition: 0.3s all ease;} .window-file-zone:hover { border: 1px dashed #2680EB; } .window-file-zone.load { background-color: #f1f1f1; } .window-file-icon { width:40px; height:29px; background:url(/images/file-icon.svg) 0% 0% no-repeat; float:left; } .window-file-description { margin-left: 50px; } .window-file-title { font-size: 13px; line-height: 16px; color: #000; } .window-file-subtitle { font-size: 11px; line-height: 14px; color: #ADADAD; } .window-file-items { margin-top:20px; } .window-file-item { margin-top:13px; padding-bottom:10px; border-bottom:1px solid #ADADAD; font-size: 13px; line-height: 16px; color: #282828; position:relative;} .window-file-item:first-child { margin-top:0; } .window-file-item span { display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:30px; } .window-file-del { position:absolute; z-index:2; top:0; right:0; width:21px; height:21px; background:url(/images/file-del-icon.svg) 0% 0% no-repeat; cursor:pointer;} .product-additional__slider { position:relative; } .additional-slider-next { width:58px; height:24px; cursor:pointer; background:url(/images/index-slider-next.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:150px; right:0px; outline:none; } .additional-slider-prev { width:58px; height:24px; cursor:pointer; background:url(/images/index-slider-prev.svg) 0px 50% no-repeat; position:absolute; z-index:3; top:150px; left:0px; outline:none; } .additional-slider-next:hover { background:url(/images/index-slider-next-active.svg) 0px 50% no-repeat; } .additional-slider-prev :hover { background:url(/images/index-slider-prev-active.svg) 0px 50% no-repeat; } .additional-slider-next.swiper-button-disabled { opacity:0; cursor:default; } .additional-slider-prev.swiper-button-disabled { opacity:0; cursor:default; } .additional-slider-pagination { text-align:center; display:none; } .additional-slider-pagination span { margin-left:5px; width:9px; height:2px; background:#C7AB85; border-radius: 0%;} .additional-slider-pagination span.swiper-pagination-bullet-active { width:20px; height:2px; background:#000000; } .additional-slider-pagination span:first-child { margin-left:0px; } @media screen and (max-width: 1259px) { .product-additional__block { margin:40px -20px 0 -20px; padding:0 0 0 20px; } .additional-slider .swiper-slide:last-child { margin-right:20px; } .product-user__block { margin:30px -20px 0 -20px; padding:0 0 0 20px; } .user-slider .swiper-slide:last-child { margin-right:20px; } .additional-slider-next { right:20px; outline:none; } } @media screen and (max-width: 1023px) { .product-block { margin-bottom:40px; } .product-cols { margin:0 0 0 -20px; } .product-slider-col { width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 0 0px 20px; position:sticky; top:82px; } .product-description-col { width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 0 0px 20px; } .product-slider-inner { margin:0 0 0 0px; } .product-slider-line { display:none; } .product-slider-content { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:0 0 0 0px; } .gallery-top { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); } .gallery-top-pagination { display:block; } .product__title { font-size:18px; line-height:22px; margin-top:20px; } .product-price__current { font-size:24px; line-height:29px; width:125px; margin-right:20px; } .product-price__discount { padding:0 10px; } .product-price__old { font-size:18px; line-height:29px; width:94px; } .product-price__block { justify-content:space-between;} .product-size__block { margin-top:20px; } .product-additional__block { margin:30px -20px 0 -20px; padding:0 0 0 20px; } .product-additional__title { font-size:18px; line-height:22px; } .product-additional__slider { margin-top:20px; } .product-set__block { margin-top:30px; } .product-set__lcol { width:300px; } .product-set__rcol { padding:15px 20px; } .product-baner__block { margin-top:30px; } .product-baner__cols { margin:0 0 0 -20px; } .product-baner__col { width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 0 0px 20px; } .product-reviews__block { margin-top:30px; } .product-reviews__title { font-size: 18px; line-height: 22px; } .product-reviews__intro { margin-top:20px; } .product-user__block { margin-top:20px; } .product-user__title { font-size:16px; line-height:19px; } .product-user__slider { position:relative; margin-top:20px; } .product-rank__block { margin-top:30px; } .feed-form-innerr { width: 50%; } .feed-form-innerr .feed-form-title { background: url(/images/chat-1-line.svg) 0px 30px no-repeat;} .product-rank__cols { flex-wrap:wrap; overflow:hidden; margin:0 -20px; padding:0 0 0 20px; } .product-rank__lcol { width:100%; } .product-rank__rcol { width:100%; margin-left:0px; margin-top:20px; } .product-rank__content { display:none; } .product-rank__link {display:block; width:155px; margin:0 auto; } .feed-form-innerr { width: 320px; } .rw-slider { overflow:visible; } .rw-slider .swiper-slide { width:315px; padding:15px;} .rw-slider .swiper-slide:last-child { margin-right:20px;} .additional-slider-next { display:none; } .additional-slider-prev { display:none; } .additional-slider-pagination { display:block; } .product-slider-img .video { top:0;} } @media screen and (max-width: 767px) { .product-cols { margin:0 0 0 0px; } .product-slider-col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 0px; position:relative; top:auto; } .product-description-col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 30px 0 0px 0px; } .product-size__slider { position:relative; margin-top:20px; padding:0 0px; } .size-slider-prev {display:none; } .size-slider-next { display:none; } .product-size__slider { overflow:hidden; margin:20px -20px 0 -20px; padding:0 0 0 20px; } .size-slider { overflow:visible; } .size-slider .swiper-slide:last-child { margin-right:15px; } .product-popup__block { margin: 10px -10px -10px -10px;} .product-set__block { overflow:visible; margin:30px -20px 0 -20px; } .product-set__cols { display:flex; flex-wrap:wrap; } .product-set__lcol { width:100%; flex:none; order:2; padding:0 20px 0 20px; } .product-set__rcol { margin-left:0px; width:100%; background:#F5F5F5; order:1; margin:0 0px 30px 0px; padding:15px 20px; } .product-baner__cols { margin:0 0 0 0px; } .product-baner__col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 20px 0 0px 0px; } .product-baner__col:first-child { margin:0; } .product-block { margin-bottom:30px; } } @media screen and (max-width: 599px) { .product-popup__top { display:flex; flex-wrap:wrap; } .product-popup__title { width:100%; font-size:16px; line-height:19px; } .product-popup__amount { width:100%; margin-top:5px; } .product-current__inner { flex-wrap:wrap; } .product-current__lcol { width:100%; } .product-current__rcol { width:100%; margin-top:10px; text-align:left; } .product-popup__links { flex-wrap:wrap; margin:10px 0 0 0px; } .product-popup__links a { display:block; font-size:16px; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin: 10px 0 0px 0px; height:40px; line-height:40px;} } @media screen and (max-width: 479px) { .product-buy__link { width:100%; height:40px; margin:20px auto 0 auto; } .product-buy__link a { line-height:40px; font-size:16px; } .product-current__img { width:120px; } .product-options__block { margin-top:20px; } .product-tabs__nav { display:flex; flex-wrap:nowrap; justify-content:space-between; } .product-tab-item { margin-left:0px; font-size:15px; } .product-delivery__city { text-align:center; border-bottom:1px solid #E0E0E0; padding-bottom:20px; } } .for-cart__block { overflow:visible; } @media screen and (max-width: 1023px) { .for-cart__block { margin:30px 0 0 0; padding:0; } } @media screen and (max-width: 767px) { .for-cart__block { margin:30px 0 0 0; padding:0 20px; } } /* Product 2022 */ .dark .header-right__menu ul li a { color: #989898; text-decoration: none;} .dark .header-right__menu ul li a:hover { color: #2680EB; text-decoration: none;} .dark .header-left__menu ul li { border-bottom: 3px solid #373737; } .dark .header-left__menu ul li a { border: 1px solid #373737; color:#989898;} .dark .header-left__menu ul li.current a { border: 1px solid #989898; color: #FC6200;} .dark .header-left__menu ul li:hover { border-bottom: 3px solid #2680EB; color: #2680EB;} .dark .header-left__menu ul li.current:hover { border-bottom: 3px solid #373737; color: #FC6200;} .dark .header-cart-icon { background: url(/images/sticky-cart-icon-black-dark.svg) 50% 50% no-repeat; background-size:100%;} .dark .mobile-block .header-cart-icon { background: url(/images/sticky-cart-icon-black.svg) 50% 50% no-repeat; background-size:100%;} .collection-col:first-child { position:relative; padding-top:6px; } .collection-tab-slider .swiper-slide:last-child { margin-right:110px; } .collection-slider__nav { position:absolute; z-index:2; top:0px; right:0; height:37px; width:48px; padding: 0 30px; display:flex; flex-wrap:nowrap; background:#fff; } .collection-btn-next { position:absolute; top:0; right:30px; width:24px; height:24px; cursor:pointer; background: url(/images/sl-next-sprite.svg) -24px 0px no-repeat; background-size:48px 24px; } .collection-btn-next:hover { background-position:-24px 0px; } .collection-btn-prev { position:absolute; top:0; right:64px; width:24px; height:24px; cursor:pointer; background: url(/images/sl-prev-sprite.svg) -24px 0px no-repeat; background-size:48px 24px; } .collection-btn-prev:hover { background-position:0px 0px; } .collection-btn-next.swiper-button-disabled { background-position:0px 0px; } @media screen and (max-width: 1023px) { .collection-tab-slider .swiper-slide:last-child { margin-right:80px; } .collection-slider__nav { padding:0 0 0 20px; } .collection-btn-next { position:absolute; top:0; right:0px; } .collection-btn-prev { right:34px; } } .search-plug { position:fixed; top:0; left:0; right:0; bottom:0; background: url(/images/menu-bg.png) 0px 0px repeat; z-index:6; display:none;} .search-plug.active { display:block;} .search-drop__content { width: 350px; display:none; position:absolute; z-index:5; top:40px; left:0; right:35px; background: #FFFFFF; box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.06); } .search-drop__content ul { list-style:none; margin:0; padding:20px 0; } .search-drop__content ul li { margin-top:10px; } .search-drop__content ul li b { color:#2680EB; } .search-drop__content ul li:first-child { margin-top:0px; } .search-drop__content ul li a { color:#282828; text-decoration:none; } .search-drop__content ul li a:hover { color: #2680EB; } @media screen and (max-width: 1023px) { .header-search-block { display:block; } .search-popup-block.active { display:block; position:absolute; top:64px; width:100%;} } .utl-icon-tw { display:none!important; } .utl-icon-fb { display:none!important; } .product-tabs__advantages div:nth-child(2) { display:none; } /* Popup size */ .window-inner .product-tab-pane { padding-bottom: 0px; border-bottom: none; } .window-size-text { font-size:14px; line-height:18px; color:#5B6064; min-height:54px;} .window-size-img { margin-top:20px; } .window-size-img img { display:block; } @media screen and (max-width: 479px) { .window-size-img { margin-top: 20px; margin-left: -30px; margin-right: -30px; margin-bottom: -30px;} .window-inner .product-tabs__nav { justify-content:flex-start; } .window-inner .product-tab-item { margin-left:30px; } .window-inner .product-tab-item:first-child { margin-left:0px; } } @media screen and (max-width: 450px) { .window-size-text { min-height:90px;} } /* Popup size */ /*menu*/ .header-sub-menu-inner { background:#F5F5F5; padding:30px 0; border-top: none; /* -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; */ } .catalog-drop__left { width:370px; flex:none; border-right:1px solid #DEDEDE; } .cat-left__items { display:flex; flex-wrap:nowrap; margin:0 0 0 -30px; } .cat-left__item { width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin:0 0 0 30px; } .catalog-drop__right { padding-left:50px; width:100%; box-sizing:border-box; align-self: center; } .catalog-drop__text { font-family: 'Montserrat-Regular'; font-size:16px; line-height:19px; color:#8B8888; text-transform:none; } .catalog-drop__heading { font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color: #000; text-transform:uppercase; margin-top:10px; } .cat-left__link { font-family: 'Montserrat-SemiBold'; font-size:14px; line-height:18px; color: #000; margin-top:10px; } .cat-left__link:first-child { margin-top:0; } .cat-left__link a { color:#000; text-decoration:none; transition: 0.3s all ease; padding:0!important; border-bottom:0!important; text-transform:none; } .cat-left__link a:hover { color:#2680EB; text-decoration:none; } .cat-left__list { margin-top:10px; } .cat-left__list ul { list-style:none; margin:0; padding:0; } .cat-left__list ul li { margin-top:10px; font-family: 'Montserrat-Regular'; font-size:14px; line-height:18px; color:#000000; text-transform:none; display:block; margin-left:0;} .cat-left__list ul li:first-child { margin-top:0px; } .cat-left__list ul li a { padding:0!important; border-bottom:0!important; text-transform:none; color:#000000; text-decoration:none; transition: 0.3s all ease; } .cat-left__list ul li a:hover { color:#2680EB; } .cat-collection__items { display:flex; flex-wrap:wrap; margin:0 0 0 -30px; flex-grow: 1; box-sizing:border-box; } .cat-collection__item { position:relative; width: -webkit-calc(20% - 30px); width: -o-calc(20% - 30px); width: calc(20% - 30px); margin:0 0 0 30px; } .cat-collection__item:nth-child(1) { width: -webkit-calc(30% - 30px); width: -o-calc(30% - 30px); width: calc(30% - 30px); } .cat-collection__item:nth-child(4) { width: -webkit-calc(30% - 30px); width: -o-calc(30% - 30px); width: calc(30% - 30px); } .cat-collection__title { font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color:#2680EB; text-transform:none; } .cat-collection__content { margin-top:20px; } .cat-content__items { display:flex; flex-wrap:nowrap; margin:0 0 0 -30px; } .cat-content__item {position:relative; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin:0 0 0 30px; } .cat-content__list ul { list-style:none; margin:0; padding:0; } .cat-content__list ul li { margin-top:10px; font-family: 'Montserrat-Regular'; font-size:14px; line-height:18px; color:#000000; text-transform:none; display:block; margin-left:0;} .cat-content__list ul li:first-child { margin-top:0px; } .cat-content__list ul li a { padding:0!important; border-bottom:0!important; text-transform:none; color:#000000; text-decoration:none; transition: 0.3s all ease; } .cat-content__list ul li a:hover { color:#2680EB; } @media screen and (max-width: 1279px) { /* .header-menu-block { left: 0px;} */ } @media screen and (max-width: 1239px) { /* .header-sub-menu { left: 0px;} */ } /*.menu*/ /* Stocks */ .product-ca__status { flex:none; margin-top:10px; margin-right:20px; } .product-ca__stock { width:90px; height:30px; box-sizing:border-box; color:#68A800; color:#68A800; font-family: 'Montserrat-Medium'; text-align:center; font-size:12px; border:1px solid #68A800; line-height:28px; } .product-ca__order { width:90px; height:30px; box-sizing:border-box; color:#EB2502; color:#EB2502; font-family: 'Montserrat-Medium'; text-align:center; font-size:12px; border:1px solid #EB2502; line-height:28px; } .stock-block { margin-bottom:50px; } .stock-top__cols { display:flex; flex-wrap:wrap; margin:0 0 0 -40px; } .stock-top__col { width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin:0 0 0 40px; } .stock-top__col:nth-child(2) { background: #F0F8FF; padding:40px; box-sizing:border-box; } .stock-top__item { margin-top:40px; } .stock-top__item:first-child { margin-top:0px; } .stock-top__title { font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:22px; color: #000; text-transform: uppercase; } .stock-top__text { margin-top:20px; font-family: 'Montserrat-Regular'; font-size:16px; line-height:20px; color: #5B6064; } .stock-top__exclamation { font-family: 'Montserrat-SemiBold'; font-size:60px; line-height:73px; color: #2680EB; text-transform: uppercase; } .stock-top__heading { margin-top:20px; font-family: 'Montserrat-Medium'; font-size:18px; line-height:22px; color:#000; text-transform: uppercase; } .stock-top__subheading { margin-top:20px; font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:22px; color: #000; } .current-stock__block { margin-top:80px; } h1.current-stock__title { font-family: 'Montserrat-SemiBold'; font-size:24px; line-height:29px; color: #000000; text-transform: uppercase;} .current-stock__items { display:flex; flex-wrap:wrap; margin:0 0 0 -40px; } .current-stock__item { position:relative; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin:40px 0 0 40px; padding-bottom:90px; } .current-stock__img { position: relative; height: 0; overflow: hidden; backface-visibility: hidden; padding-top: 66.66666666666667%; } .current-stock__img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position:top center; backface-visibility: hidden; background:#fff; } .current-stock__name { font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; color: #000000; text-transform: uppercase; margin-top:30px; transition: 0.3s all ease; min-height:38px;} .current-stock__item:hover .current-stock__name { color:#2680EB; } .current-stock__text { margin-top:20px; font-family: 'Montserrat-Regular'; font-size:14px; line-height:18px; color: #5B6064; } .current-stock__button { margin-top:0px; background:#2680EB; height:60px; color:#fff; line-height:60px; padding: 0 30px; font-family: 'Montserrat-SemiBold'; font-size:18px; display:inline-block; transition: 0.3s all ease; position:absolute; bottom:0; left:0;} .current-stock__item:hover .current-stock__button { cursor:pointer; background:#0B60C4; } .current-stock__link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .current-stock__link a { display:block; width:100%; height:100%; } .stock-subscribe__block { margin-top:80px; background: #F5F5F5; padding: 70px 40px 0 40px; } .stock-subscribe__cols { display:flex; flex-wrap:nowrap; } .stock-subscribe__col:nth-child(1) { width:440px; flex:none; margin-right:50px; } .stock-subscribe__col:nth-child(2) { width:100%; padding-left:50px; padding-bottom:70px; border-left:3px solid #2680EB; box-sizing:border-box; } .stock-subscribe__title { font-family: 'Montserrat-SemiBold'; font-size:24px; line-height:29px; color: #000000; text-transform: uppercase; } .stock-subscribe__text { margin-top:20px; font-family: 'Montserrat-Regular'; font-size:16px; line-height:20px; color: #5B6064; } .stock-subscribe__field input { width:100%; border:1px solid #fff; background:#fff; height:60px; line-height:60px; padding: 0 20px; font-family: 'Montserrat-Regular'; font-size:16px; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; transition: 0.3s all ease; } .stock-subscribe__field input::-webkit-input-placeholder { color: #ADADAD; } .stock-subscribe__field input:-ms-input-placeholder { color: #ADADAD; } .stock-subscribe__field input::-ms-input-placeholder { color: #ADADAD; } .stock-subscribe__field input::placeholder { color: #ADADAD; } .stock-subscribe__field:hover input { border: 1px solid #2680EB; } .stock-subscribe__field input:focus { border: 1px solid #2680EB; } .stock-subscribe__field.error input { border: 1px solid red; } .stock-subscribe__link { margin-top:20px; } .stock-subscribe__link a { display:inline-block; background:#2680EB; height:60px; color:#fff; text-decoration:none; line-height:60px; padding: 0 30px; font-family: 'Montserrat-SemiBold'; font-size:18px; display:inline-block; transition: 0.3s all ease;} .stock-subscribe__link a:hover { background:#0B60C4; } .stock-past__block { margin-top:80px; } .stock-past__title { font-family: 'Montserrat-SemiBold'; font-size:24px; line-height:29px; color: #000000; text-transform: uppercase; } .stock-past__item { margin-top:40px; position:relative; } .stock-past__cols { display:flex; flex-wrap:wrap; align-items:center; margin:0 0 0 -40px;} .stock-past__col { width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin:0px 0 0 40px; } .stock-past__img { position: relative; height: 0; overflow: hidden; backface-visibility: hidden; padding-top: 37.70491803278689%; } .stock-past__img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position:top center; backface-visibility: hidden; background:#fff; } .stock-past__inner { padding-left:60px; } .stock-past__name { font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:24px; color: #000000; text-transform: uppercase; transition: 0.3s all ease; } .stock-past__item:hover .stock-past__name { color:#2680EB; } .stock-past__text { margin-top:20px; font-family: 'Montserrat-Medium'; font-size:12px; line-height:15px; color: #ADADAD; } .stock-past__link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .stock-past__link a { display:block; width:100%; height:100%; } .stock-main__img img { display:block; width:100%; } .stock-content__block { margin-top:80px; } .stock-content__cols { display:flex; flex-wrap:wrap; margin:0 0 0 -40px; } .stock-content__col { width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin:0px 0 0 40px; } .stock-content__inner { padding-right:70px; } .stock-content__date { font-family: 'Montserrat-Medium'; font-size:12px; line-height:15px; color: #ADADAD; } .stock-content__title { margin-top:20px; font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:22px; color: #000; text-transform: uppercase; } .stock-content__text { margin-top:30px; font-family: 'Montserrat-Regular'; font-size:16px; line-height:20px; color: #5B6064; } .related-products-container_new { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px 30px 20px; margin: 0 -20px; } .stock-content__col .related-products-nav { margin-top:0; } .stock-content__col .related-products-slider_new { margin-top: 0px;} @media screen and (max-width: 1023px) { .stock-block { margin-bottom:40px; } .current-stock__block { margin-top:60px; } .current-stock__items { margin:0 0 0 -30px; } .current-stock__item { position:relative; width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin:30px 0 0 30px; } .stock-subscribe__block { margin-top:60px; padding:30px; } .stock-subscribe__cols { display:flex; flex-wrap:wrap; } .stock-subscribe__col:nth-child(1) { width:100%; flex:none; margin-right:0px; order:2; margin-top:30px; } .stock-subscribe__col:nth-child(2) { width:100%; padding-left:0px; padding-bottom:0px; border-left:none; box-sizing:border-box; order:1; } .stock-past__block { margin-top:60px; } .stock-past__cols { display:flex; flex-wrap:wrap; align-items:center; margin:0 0 0 0px;} .stock-past__col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:30px 0 0 0px; } .stock-past__col:first-child { margin:0; } .stock-past__inner { padding-left: 0px;} .stock-content__block { margin-top:60px; } .stock-content__cols { display:flex; flex-wrap:wrap; margin:0 0 0 0px; } .stock-content__col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:30px 0 0 0px; } .stock-content__col:first-child { margin:0; } .stock-content__inner { padding-right:0px; } } @media screen and (max-width: 767px) { .stock-block { margin-bottom:30px; } .stock-top__cols { display:flex; flex-wrap:wrap; margin:0 0 0 0px; } .stock-top__col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:0 0 0 0px; } .stock-top__col:nth-child(2) { margin-top:40px; padding:40px 30px 30px 30px; } .current-stock__block { margin-top:40px; } h1.current-stock__title { font-size:18px; line-height:22px; } .current-stock__items { margin:0 0 0 0px; } .current-stock__item { position:relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:30px 0 0 0px; padding-bottom:0; } .current-stock__name { margin-top:25px; min-height:auto; } .current-stock__text { margin-top:15px;} .current-stock__button { margin-top:20px; display:block; text-align:center; position:relative;} .stock-subscribe__block { margin-top:40px; } .stock-subscribe__title { font-size:20px; line-height:24px;} .stock-past__block { margin-top:40px; } .stock-past__title { font-size:18px; line-height:22px; } .stock-past__item { margin-top:30px; } .stock-past__col { margin:25px 0 0 0px; } .stock-past__name { font-size:16px; line-height:19px; } .stock-content__block { margin-top:40px; } } @media screen and (max-width: 479px) { .stock-subscribe__link a { display:block; text-align:center; } } /* Stocks */ /* franch 2022 */ .franchising-tab__block { padding-bottom:40px; } .franchising-tab__items { } .franchising-tab__item { margin-top:80px; } .franchising-tab__item:first-child { margin-top:0px; } .franchising-item__cols { display:flex; flex-wrap:nowrap; margin:0 0 0 -40px; } .franchising-item__left { position:relative; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin:0 0 0 40px; } .franchising-item__right { position:relative; width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px); margin:0 0 0 40px; } .franchising-item__img img { display:block; width:100%; } .franchising-item__title { font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:22px; color: #000000; text-transform: uppercase; } .franchising-item__subtitle { font-family: 'Montserrat-Medium'; font-size:12px; line-height:15px; color: #ADADAD; margin-top:10px; margin-bottom:30px; } @media screen and (max-width: 1023px) { .franchising-tab__item { margin-top:40px; } .franchising-item__cols { flex-wrap:wrap; margin:0 0 0 0px; } .franchising-item__left { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:0 0 0 0px; } .franchising-item__right { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:20px 0 0 0px; } .franchising-item__subtitle { margin-bottom:20px; } } @media screen and (max-width: 767px) { .franchising-tab__block { padding-bottom:30px; } } @media screen and (max-width: 599px) { .tabs-nav { display: flex; flex-wrap: nowrap; } .tabs-nav li a { height: 100%; box-sizing: border-box; flex:none; } .tabs-nav li { margin-left:50px; } .buy-block .tabs-nav li br { display: block;} } @media screen and (max-width: 479px) { .tabs-nav { display: flex; flex-wrap: nowrap; justify-content:space-between; } .tabs-nav li { margin-left:0px; } } /* franch 2022 */ .product-ca__status { margin-top: 20px; margin-right: 0px;} .cart-item-amount { width:126px; flex:none; } .counterTb { width: 126px; flex:none; } .counterTb__remove { float:left; width:28px; height:28px; background:url(https://grafkolcov.ru/images/remove_count_icon.jpg) 0px 0px no-repeat; } .counterTb__field { float:left; margin: 0 5px; width:60px; } .counterTb__field input { width:100%; height:28px; line-height:28px; color:#272727; font-family: 'sf_ui_displaysemibold'; font-size:14px; border: 1px solid #cbced2; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:0px; -webkit-appearance: none; } .counterTb__add { float:left; width:28px; height:28px; background:url(https://grafkolcov.ru/images/add_count_icon.jpg) 0px 0px no-repeat; } .product-ca__order { border:1px solid #EB2502; } @media screen and (max-width: 1239px) { .cart-item-content { flex-wrap:wrap; } .cart-item-amount { /* visibility:hidden; */ display:none;} .cart-title-block .cart-item-del { display:none; } .counterTb { width:35%; margin-top:20px; } .cart-item-del { margin-top:18px; } } @media screen and (max-width: 1023px) { .cart-item-amount { display:block;} .cart-title-block .cart-item-del { display:block; } .counterTb { width:126px; margin-top:0px; } .cart-item-del { margin-top:0px; } .cart-item-discount { margin-left:20px; } } @media screen and (max-width: 767px) { .cart-item-discount { margin-left:0; margin-top:10px; } .cart-item-cost { margin-top:10px; } .counterTb { margin-top:10px; } .cart-item-del { margin-top:15px; } } @media screen and (max-width: 479px) { .cart-item-del { position:absolute; z-index:2; top:20px; right:20px; margin:0; } .cart-item-name { padding-right: 30px; box-sizing: border-box;} } @media screen and (max-width: 409px) { .counterTb { width:96px; } .counterTb__field { width:30px; } .cart-item-cost { margin-left:0; } } /* Check UIN index */ .index-check__block { background:#fff; padding:50px 0; } .index-check__cols { display:flex; flex-wrap:nowrap; } .index-check__content { width:100%; } .index-check__sidebar { width:445px; flex:none; margin-left:30px; } .index-check__img img { display:block; width:100%; } .index-check__title { font-family: 'Montserrat-SemiBold'; font-size:24px; line-height:29px; color: #000000; text-transform: uppercase; } .index-check__heading { margin-top:30px; min-height:36px; font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; color: #000000; text-transform: uppercase; background:url(/images/check-icon.svg) 0% 0% no-repeat; padding-left:60px; } .index-check__subheading {margin-top:15px; font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color: #5B6064; } .index-check__subtitle { margin-top:25px; font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color: #000; text-transform: uppercase; } .index-check__items { margin-top:30px; } .index-check__item { margin-top:20px; font-family: 'Montserrat-Regular'; font-size:14px; line-height:18px; } .index-check__item:first-child { margin-top:0px; } .check-item__title { color: #000; font-family: 'Montserrat-SemiBold'; } .check-item__text { color: #5B6064; } .index-check__form { margin-top:30px; } .check-form__title { font-family: 'Montserrat-Medium'; font-size:18px; line-height:22px; color: #000000; text-transform: uppercase; } .check-form__inner { margin-top:20px; display:flex; flex-wrap:nowrap; } .check-form__field { width:100%; position:relative; } .check-form__field input { width:100%; border:1px solid #ADADAD; height:60px; line-height:60px; padding: 0 20px; font-family: 'Montserrat-Regular'; font-size:16px; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; transition: 0.3s all ease; } .check-form__field input::-webkit-input-placeholder { color: #989898; } .check-form__field input:-ms-input-placeholder { color: #989898; } .check-form__field input::-ms-input-placeholder { color: #989898; } .check-form__field input::placeholder { color: #989898; } .check-form__field:hover input { border: 1px solid #2680EB; } .check-form__field input:focus { border: 1px solid #2680EB; } .check-form__field.error input { border:1px solid red; } .check-form__field span {display:none; position:absolute; left:0; bottom:-20px; font-size:12px; line-height:12px; color:red; } .check-form__field.error span { display:block; } .check-form__link { width:166px; height:60px; flex:none; margin-left:30px; } .check-form__link a { display: block; width: 100%; height: 100%; background: #2680EB; color: #fff; text-decoration: none; font-family: 'Montserrat-SemiBold'; font-size: 18px; text-align: center; line-height: 60px; transition: 0.3s all ease;} .check-form__link a:hover { background: #1060C4; color: #fff;} @media screen and (max-width: 1023px) { .index-check__block { padding:40px 0; } .index-check__cols { flex-wrap:wrap; } .index-check__content { width:100%; } .index-check__sidebar { width:100%; flex:none; margin-left:0px; margin-top:25px; } } @media screen and (max-width: 479px) { .index-check__block { padding:40px 0; } .check-form__inner { flex-wrap:wrap; } .check-form__field { width:100%; position:relative; } .check-form__link { width:100%; height:60px; flex:none; margin-left:0px; margin-top:15px; } } /* Check UIN index */ /* Check UIN content */ .check-block { margin-bottom:50px; } .check-top__cols { display:flex; flex-wrap:nowrap; } .check-top__left { width:440px; flex:none; margin-right:40px; } .check-top__img img {display:block; width:100%; } .check-top__right { width:100%; } .check-top__title { font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:24px; color: #000000; background:url(/images/diamond-icon.svg) 0% 0% no-repeat; padding-left:55px; } .check-top__subtitle { margin-top:15px; font-family: 'Montserrat-Medium'; font-size:16px; line-height:19px; color: #ADADAD; padding-left:55px; } .check-top__text { margin-top:40px; font-family: 'Montserrat-Regular'; font-size:18px; line-height:22px; } .check-top__content { margin-top:40px; border:2px solid #2680EB; } .check-content__inner { padding:30px; } .check-content__cols { display:flex; flex-wrap:wrap; margin:0 0 0 -30px; } .check-content__col { position:relative; width: -webkit-calc(45% - 30px); width: -o-calc(45% - 30px); width: calc(45% - 30px); margin:0px 0 0 30px; } .check-content__col:first-child { position:relative; width: -webkit-calc(55% - 30px); width: -o-calc(55% - 30px); width: calc(55% - 30px); } .check-info__item { margin-top:30px; min-height:52px; } .check-info__item:first-child { margin-top:0px; } .check-info__heading { font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; color: #000000; text-transform: uppercase; margin-bottom:5px; } .check-info__text { font-family: 'Montserrat-Regular'; font-size:14px; line-height:18px; } .check-info__text span { color: #2680EB; } .check-list__item { margin-top:20px; min-height:52px; border-left:3px solid #2680EB; padding-left:30px;} .check-list__item:first-child { margin-top:0px; } .check-list__value { font-family: 'Montserrat-SemiBold'; font-size:24px; line-height:29px; color: #000000; } .check-list__value.value_num { letter-spacing:2px; } .check-list__name { margin-top:5px; font-family: 'Montserrat-Regular'; font-size:14px; line-height:18px; color: #ADADAD; } .check-top__left .check-top__heading { display:none; margin-bottom:20px; } .check-bottom__block { margin-top:60px; } .check-bottom__cols { display:flex; flex-wrap:wrap; margin:0 0 0 -60px; } .check-bottom__col { position:relative; width: -webkit-calc(50% - 60px); width: -o-calc(50% - 60px); width: calc(50% - 60px); margin:0px 0 0 60px; } .check-bottom__col:first-child { background: #F5F5F5; } .check-bottom__inner { padding:50px 30px; } .check-bottom__title { font-family: 'Montserrat-SemiBold'; font-size:22px; line-height:26px; color: #000000; } .check-text__block { margin-top:40px; } .check-text__item { margin-top:30px; } .check-text__item:first-child { margin-top:0px; } .check-text__inner { display:flex; flex-wrap:nowrap; } .check-text__num { width:20px; text-align:center; flex:none; font-family: 'Montserrat-SemiBold'; font-size:20px; line-height:24px; color: #000000; margin-right:20px; } .check-text__content { font-family: 'Montserrat-Regular'; font-size:15px; line-height:19px; color: #5B6064; } .check-text__content span { font-family: 'Montserrat-SemiBold'; color: #000000; } .check-bottom__heading { font-family: 'Montserrat-SemiBold'; font-size:18px; line-height:22px; color: #000000; text-transform: uppercase; } .check-bottom__subheading { margin-top:20px; font-family: 'Montserrat-Regular'; font-size:14px; line-height:18px; color: #5B6064; } .check-bottom__subheading span { font-family: 'Montserrat-SemiBold'; color: #000000; } .check-slider__block { margin-top:20px; } .check-promo__block { margin-top:10px; border:2px solid #2680EB; } .check-promo__inner { padding:25px 20px; display:flex; flex-wrap:nowrap; } .check-promo__text { font-family: 'Montserrat-SemiBold'; font-size:16px; line-height:19px; color: #000000; } .check-promo__text span { display:inline-block; color:#2680EB; } .check-promo__coupon { margin-left:30px; padding-left:30px; border-left:3px solid #2680EB; width:185px; flex:none; } .check-slider__block .related-products-nav { margin-top:0; } .check-slogan__block { margin-top:28px; font-family: 'Montserrat-Regular'; font-size:28px; line-height:34px; color: #000; background:url(/images/diamond-small.svg) 0% 0% no-repeat; padding-left:40px;} .check-slogan__block span { color: #C7AB85; } @media screen and (max-width: 1239px) { .check-top__left { margin-right:30px; width: 375px; } .check-list__value { font-size:19px; } .check-list__value.value_num { letter-spacing: 2px;} .check-content__inner { padding: 20px;} .check-content__cols { display:flex; flex-wrap:wrap; margin:0 0 0 -20px; } .check-content__col { position:relative; width: -webkit-calc(45% - 20px); width: -o-calc(45% - 20px); width: calc(45% - 20px); margin:0px 0 0 20px; } .check-content__col:first-child { position:relative; width: -webkit-calc(55% - 20px); width: -o-calc(55% - 20px); width: calc(55% - 20px); } .check-list__item { padding-left:20px; } .check-slogan__block { display:none; } } @media screen and (max-width: 1023px) { .check-block { margin-bottom:40px; } .check-top__cols { flex-wrap:wrap; } .check-top__left { width:100%; flex:none; margin-right:0px; } .check-top__right { width:100%; margin-top:25px; } .check-top__right .check-top__heading { display:none; } .check-top__left .check-top__heading { display:block; } .check-top__text { margin-top:0; } .check-top__content { margin-top:30px; } .check-bottom__block { margin-top:40px; } .check-bottom__cols { display:flex; flex-wrap:wrap; margin:0 0 0 0px; } .check-bottom__col { position:relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:30px 0 0 0px; } .check-bottom__col:first-child { background: #F5F5F5; width:auto; margin:0 -20px;} .check-promo__block { margin-top:30px; } .check-promo__coupon { margin-left:20px; padding-left:20px; } } @media screen and (max-width: 767px) { .check-block { margin-bottom:30px; } .check-content__inner { padding:20px; } .check-content__cols { display:flex; flex-wrap:wrap; margin:0 0 0 0px; } .check-content__col { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:20px 0 0 0px; } .check-content__col:first-child { width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:0; } .check-info__item { margin-top:20px; min-height:100%; } .check-list__item { margin-top:20px; min-height:100%; border-left:none; padding-left:0px;} .check-bottom__block { margin-top:30px; } } @media screen and (max-width: 479px) { .check-promo__inner { padding: 20px; display:flex; flex-wrap:wrap; } .check-promo__text { width:100%; } .check-promo__coupon { margin-left:0px; margin-top:20px; padding-left:30px; width:100%; flex:none; box-sizing:border-box; } } /* Check UIN content */ .catalog-text { margin-top:-30px; padding: 0 0 0 30px; } @media screen and (max-width: 1023px) { .catalog-text { margin-top:0px; padding: 0 0 0 0px; } } /* Franchise 2023 */ .fr23-top {} .fr23-top__cols { display: flex; flex-wrap: nowrap; } .fr23-top__content { width: 100%; min-width: 0px; } .fr23-top__slider { position: relative; } .fr23-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0 0 0 0px; z-index: 1; } .fr23-container .swiper-slide { height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .fr23-slider__item { width: 100% } .fr23-slider__num { font-family: 'Montserrat-SemiBold'; color: #C7AB85; font-size: 60px; line-height: 60px; text-align: center; } .fr23-slider__divider { height: 2px; background: #C7AB85; margin: 20px 0; } .fr23-slider__title { text-align: center; font-size: 20px; line-height: 24px; font-family: 'Montserrat-Medium'; } .fr23-slider__title span { text-transform: uppercase; } .fr23-slider-nav { margin-top: 20px; } .fr23-slider-pagination { text-align: center; } .fr23-slider-pagination span { margin-left: 5px; width: 9px; height: 2px; background: #C7AB85; border-radius: 0%; opacity: 1; } .fr23-slider-pagination span.swiper-pagination-bullet-active { width: 20px; height: 2px; background: #000000; } .fr23-slider-pagination span:first-child { margin-left: 0px; } .fr23-top__sidebar { width: 380px; flex: none; margin-left: 40px; } h1.fr23-top__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #000; } .fr23-top__subtitle { font-family: 'Montserrat-SemiBold'; font-size: 18px; line-height: 22px; color: #000; margin-top: 40px; } .fr23-top__text { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 19px; margin-top: 20px; color: #5B6064; } .fr23-top__text p { margin: 15px 0 0 0px; } .fr23-top__text p:first-child { margin: 0; } .fr23-top__text a { color: #2680EB; text-decoration: none; font-family: 'Montserrat-SemiBold'; } .fr23-top__slider { margin-top: 50px; } .fr23-top__form {} .fr23-form__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #000; text-transform: uppercase; } .fr23-form__subtitle { font-family: 'Montserrat-SemiBold'; font-size: 16px; line-height: 19px; color: #C7AB85; margin-top: 15px; } .fr23-top__form .feed-form-items-block { margin-top: 20px; } .fr23-top__form .feed-form-bottom-block { margin-top: 20px; } .feed-form-bottom-block .feed-form-send-block { float: none; width: 100%; margin-top: 20px; } .feed-form-bottom-block .feed-form-send-block button { text-transform: none; font-family: 'Montserrat-SemiBold'; font-size: 18px; height: 60px; line-height: 60px; } .feed-form-bottom-block .feed-form-send-block a { text-transform: none; font-family: 'Montserrat-SemiBold'; font-size: 18px; height: 60px; line-height: 60px; } .fr23-map { margin-top: 80px; padding: 40px 0; background: #F2F2F2; } .fr23-map img { display: block; width: 100%; max-width: 958px; margin: 0 auto; } .f23-type { margin-top: 80px; overflow: hidden; } .f23-type__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #000; text-transform: uppercase; margin-bottom: 40px; } .f23-type__slider { position: relative; } .f23-type__item { position: relative; } .type23__subtitle { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 18px; color: #B5B5B5; text-transform: uppercase; } .type23__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #000; text-transform: uppercase; margin-top: 5px; } .type23__img { margin-top: 30px; } .type23__img img { display: block; width: 100%; } .type23__content { margin-top: 30px; } .type23-info__item { margin-top: 20px; } .type23-info__item:first-child { margin-top: 0; } .type23-item__inner { display: flex; flex-wrap: nowrap; justify-content: space-between; } .type23-item__name { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 19px; color: #000; } .type23-item__value { font-family: 'Montserrat-SemiBold'; font-size: 16px; line-height: 19px; color: #000; flex: none; margin-left: 20px; } .type23__link { width: 250px; margin: 40px auto 0 auto; } .type23__link a { display: block; width: 100%; height: 60px; line-height: 60px; background: #2680EB; font-family: 'Montserrat-SemiBold'; font-size: 18px; text-transform: none; color: #fff; text-decoration: none; text-align: center; webkit-transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .type23__link a:hover { background: #559bef; color: #fff; } .f23-type__mob { display: none; } .f23-stat { margin-top: 80px; padding: 80px 0; background: url(/images/stat-bg.png) top center no-repeat; background-attachment: fixed; overflow-x: hidden; } .f23-stat__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #fff; text-transform: uppercase; } .f23-stat__subtitle { font-size: 16px; line-height: 19px; font-family: 'Montserrat-Medium'; margin-top: 10px; color: #fff; } .f23-stat__content { margin-top: 40px; } .f23-stat__items { display: flex; flex-wrap: wrap; margin: -40px 0 0 -40px; } .f23-stat__item { position: relative; width: calc(33.3334% - 40px); margin: 40px 0 0 40px; background: rgba(255, 255, 255, 0.9); padding: 40px 30px 30px 30px; box-sizing: border-box; } .f23-stat__heading { font-family: 'Montserrat-SemiBold'; font-size: 20px; line-height: 24px; min-height: 48px; color: #C7AB85; } .f23-stat__text { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 19px; color: #000; margin-top: 15px; } .f23-stat__slider { display: none; } .f23-stat__slider .swiper-slide { width: 280px; background: rgba(255, 255, 255, 0.9); height: auto; } .f23-about { margin-top: 80px; } .f23-about__cols { display: flex; flex-wrap: nowrap; } .f23-about__content { width: 100%; } .f23-about__sidebar { width: 380px; flex: none; margin-left: 40px; } .f23-about__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; text-transform: uppercase; } .f23-about__text { margin-top: 20px; color: #5B6064; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 19px; } .f23-about__advantages { display: flex; flex-wrap: wrap; } .f23-about__advantages div { color: #C7AB85; font-size: 16px; line-height: 19px; font-family: 'Montserrat-SemiBold'; padding-left: 44px; background: url(/images/fr-23-flag.svg) 0px 0px no-repeat; margin-top: 30px; } .f23-about__advantages div:first-child { margin-right: 30px; } .f23-about__subtitle { margin-top: 30px; font-size: 16px; line-height: 19px; font-family: 'Montserrat-Medium'; text-transform: uppercase; } .f23-about__list ul { list-style: none; margin: 0; padding: 0; } .f23-about__list ul li { display: flex; flex-wrap: nowrap; color: #5B6064; font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 18px; margin-top: 20px; } .f23-about__list ul li ins { display: block; text-decoration: none; flex: none; font-size: 20px; line-height: 24px; font-family: 'Montserrat-SemiBold'; width: 20px; margin-right: 20px; } .f23-about__list ul li span { color: #5B6064; font-family: 'Montserrat-SemiBold'; } .f23-about__inner { padding: 30px; border: 1px solid #C7AB85; } .f23-sidebar__title { font-size: 18px; line-height: 22px; font-family: 'Montserrat-SemiBold'; text-transform: uppercase; } .f23-sidebar__text { color: #5B6064; font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 18px; margin-top: 20px; } .f23-about__sidebar .franchise-form-check-block { margin-top: 25px; } .f23-about__sidebar .franchise-form-check-items { padding: 0; border-top: none; border-bottom: none; } .f23-about__sidebar .franchise-order-link { width: 100%; } .f23-about__sidebar .franchise-order-link a { height: 60px; line-height: 60px; text-transform: none; font-size: 18px; } .f23-img { margin-top: 80px; background: #212121 url(/images/fr23-plug.png) top center no-repeat; height: 260px; } .fr23-sb { background: #F2F2F2; padding: 80px 0; } .fr23-sb .franchise-supremacy-title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; } .fr23-sb .franchise-supremacy-text { color: #5B6064; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 19px; max-width: 760px; } .fr23-case { padding: 80px 0; } .f23-case__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; text-transform: uppercase; } .fr23-case__content { margin-top: 40px; } .fr23-case__items { display: flex; flex-wrap: wrap; margin: -60px 0 0 -30px; } .fr23-case__item { position: relative; width: calc(50% - 30px); margin: 60px 0 0 30px; } .fr-case__img img { display: block; width: 100%; } .fr-case__heading { font-family: 'Montserrat-SemiBold'; font-size: 18px; line-height: 22px; text-transform: uppercase; min-height: 44px; margin-top: 40px; } .fr-case__city { color: #ADADAD; font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 18px; margin-top: 10px; } .fr-case__text { margin-top: 40px; color: #5B6064; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 19px; } .fr-case__text p { margin: 20px 0 0 0; } .fr-case__text p:first-child { margin: 0; } .franchise-case-toggle { font-size: 14px; line-height: 24px; color: #989898; font-family: 'Montserrat-Medium'; margin-top: 30px; cursor: pointer; text-align: center; display: none; } .franchise-case-toggle span { display: none; padding-right: 30px; background: url(/images/more-sprite.svg) 100% 0px no-repeat; } .franchise-case-toggle span:first-child { display: inline-block; } .franchise-case-toggle:hover { color: #B2967E; } .fr23-case__content.active .franchise-case-toggle span { display: inline-block; background-position: 100% -24px; } .fr23-case__content.active span:first-child { display: none; } .fr23-feed { padding: 80px 0; } .fr23-feed .franchise-feed-heading { color: #ADADAD; font-family: 'Montserrat-SemiBold'; font-size: 22px; line-height: 27px; } .fr23-feed .franchise-feed-text { font-size: 18px; line-height: 22px; color: #fff; font-family: 'Montserrat-Regular'; } .fr23-feed .franchise-feed-title { font-family: 'Montserrat-SemiBold'; } @media screen and (max-width: 1359px) { .f23-stat__items { margin: -30px 0 0 -30px; } .f23-stat__item { width: calc(33.3334% - 30px); margin: 30px 0 0 30px; padding: 30px 20px 20px 20px; } .f23-stat__text { margin-top: 10px; } } @media screen and (max-width: 1023px) { .fr23-top__cols { flex-wrap: wrap; } .fr23-top__sidebar { max-width: 480px; margin: 50px auto 0 auto; width: 100%; } h1.fr23-top__title { font-size: 20px; line-height: 24px; } .fr23-top__subtitle { margin-top: 25px; } .fr23-top__text { margin-top: 15px; } .fr23-top__slider { margin-top: 40px; } .fr23-form__title { text-align: center; } .fr23-form__subtitle { text-align: center; } .fr23-map { margin-top: 50px; } .f23-type { margin-top: 50px; } .f23-type__title { margin-bottom: 30px; } .f23-type__slider .swiper-slide { width: 300px; } .f23-stat { margin-top: 50px; padding: 50px 0; background-attachment: scroll; background-position: fixed; background-size: cover; } .f23-stat__items { display: none; } .f23-stat__slider { display: block; } .f23-stat__item { width: calc(100% - 0px); margin: 0px; padding: 30px 20px 20px 20px; background: none; } .f23-about { margin-top: 50px; } .f23-about__cols { flex-wrap: wrap; } .f23-about__content { width: 100%; } .f23-about__sidebar { width: 100%; margin: 40px auto 0 auto; max-width: 480px; } .f23-img { margin-top: 50px; } .fr23-sb { background: #F2F2F2; padding: 50px 0; } .fr23-case { padding: 50px 0; } .franchise-case-toggle { display: block; } .fr23-case__items { display: flex; flex-wrap: wrap; margin: -40px 0 0 0px; } .fr23-case__item { position: relative; width: calc(100% - 0px); margin: 40px 0 0 0px; display: none; } .fr23-case__item:first-child { display: block; } .fr23-case__content.active .fr23-case__item { display: block; } .fr-case__heading { margin-top: 20px; } .fr-case__text { margin-top: 20px; } .fr-case__text p { margin: 15px 0 0 0; } .fr23-feed { padding: 50px 0; } } @media screen and (max-width: 767px) { .fr23-map { display: none; } .f23-type { margin-top: 40px; } .f23-stat { margin-top: 40px; padding: 40px 0; } .f23-stat__title { font-size: 20px; line-height: 24px; } .f23-stat__content { margin-top: 30px; } .f23-about { margin-top: 40px; } .f23-about__title { font-size: 20px; line-height: 24px; } .f23-img { margin-top: 40px; } .fr23-sb { background: #F2F2F2; padding: 40px 0; } .fr23-sb .franchise-supremacy-title { font-size: 20px; line-height: 24px; } .fr23-case { padding: 40px 0; } .f23-case__title { font-size: 20px; line-height: 24px; } .fr23-case__content { margin-top: 30px; } .fr23-feed { padding: 40px 0; } } @media screen and (max-width: 479px) { .f23-type__slider { display: none; } .f23-type__mob { display: block; } .f23-type__item { margin-top: 40px; } .f23-type__item:first-child { margin-top: 0; } .type23__link { width: 100%; margin: 30px auto 0 auto; } } /* Franchise 2023 */ /* Доработки март 2023 */ .catalog-divider { margin-bottom: 60px; } .catalog-divider .product-additional__title { margin-bottom: 30px; } .catalog-divider__text { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 20px; color: #5B6064; } .catalog-content__hash { margin-bottom: 20px; } .hash-slider__nav { display: flex; flex-wrap: nowrap; justify-content: flex-end; padding: 0px 0; } .hash-btn-next { width: 24px; height: 24px; cursor: pointer; background: url(/images/sl-next-sprite.svg) 0px 0px no-repeat; background-size: 48px 24px; margin-bottom: 20px; } .hash-btn-next:hover { background-position: -24px 0px; } .hash-btn-prev { width: 24px; height: 24px; margin-right: 10px; cursor: pointer; background: url(/images/sl-prev-sprite.svg) -24px 0px no-repeat; background-size: 48px 24px; margin-bottom: 20px; } .hash-btn-prev:hover { background-position: 0px 0px; } .hash-btn-prev.swiper-button-disabled { opacity: 0.5; pointer-events: none; } .hash-btn-next.swiper-button-disabled { opacity: 0.5; pointer-events: none; } .hash-slider { position: relative; } .hash-slider .swiper-slide { width: auto; height: auto; opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; backface-visibility: hidden; will-change: transform; } .hash-item { position: relative; box-sizing: border-box; height: 30px; line-height: 28px; text-align: center; border: 1px solid #D5D5D5; color: #000; font-family: 'Montserrat-Regular'; font-size: 14px; transition: 0.3s all ease; cursor: pointer; padding: 0 15px; } .hash-item a {color: #000; text-decoration:none;} .hash-item:hover { color: #fff; background: #2680EB; border: 1px solid #2680EB; } .hash-item:hover a{color: #fff;} .hash-item.active {border: 1px solid #2680EB;} @media screen and (max-width: 1023px) { .catalog-divider { margin-bottom: 40px; } .catalog-divider__title { font-size: 20px; line-height: 24px; } .catalog-content__hash { margin-right: -20px; } .hash-slider__nav { margin-right: 20px; } } /* Доработки март 2023 */ /* Доработки по корзине март 2023 */ .delivery-map__block { position: relative; margin-top: 30px; } .delivery-select__block { position: absolute; top: 30px; left: 30px; z-index: 2; } .delivery-select__item { margin-top: 20px; position: relative; } .delivery-select__item:first-child { margin-top: 0px; } .delivery-select__toggle { width: 480px; height: 52px; background: #FFFFFF; border: 1px solid #ADADAD; box-sizing: border-box; line-height: 50px; padding: 0 10px 0 24px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; cursor: pointer; } .delivery-select__toggle span { font-family: 'Montserrat-Regular'; font-size: 14px; color: #282828; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .delivery-select__toggle ins { display: block; width: 24px; height: 24px; background: #fff url(/images/select-flag.svg) 50% 50% no-repeat; flex: none; text-decoration: none; margin-left: 10px; transition: 0.3s all ease; } .delivery-select__popup { position: absolute; z-index: 2; left: 0; right: 0; top: 51px; background: #FFFFFF; border: 1px solid #ADADAD; display: none; } .delivery-popup__list { max-height: 280px; } .delivery-popup__list .mCSB_inside>.mCSB_container { margin-right: 0px; } .delivery-select__item.active .delivery-select__popup { display: block; } .delivery-select__item.active .delivery-select__toggle ins { transform: rotate(180deg); } .delivery-popup__list ul { list-style: none; margin: 0; padding: 0; } .delivery-popup__list ul li { padding: 10px 24px; cursor: pointer; font-family: 'Montserrat-SemiBold'; font-size: 14px; transition: 0.3s all ease; color: #282828; } .delivery-popup__list ul li span { font-family: 'Montserrat-Regular'; display: block; font-size: 14px; line-height: 16px; color: #777777; } .delivery-popup__list ul li:hover { background: #F5F5F5; } .delivery-map__block .map { width: 100%; height: 660px; } .delivery-popup__list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #ADADAD !important; } @media screen and (max-width: 1023px) { .delivery-map__block .map { width: 100%; height: 450px; } .delivery-select__block { position: absolute; top: 20px; left: 20px; z-index: 2; } } @media screen and (max-width: 767px) { .delivery-select__block { position: absolute; top: 20px; left: 20px; right: 20px; } .delivery-select__toggle { width: 100%; height: 52px; background: #FFFFFF; border: 1px solid #ADADAD; box-sizing: border-box; line-height: 50px; padding: 0 10px 0 24px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; cursor: pointer; } .delivery-map__block .map .ymaps-2-1-79-zoom { display: none; } } @media screen and (max-width: 479px) { .delivery-select__block { top: 10px; left: 10px; right: 10px; } } /* Доработки по корзине март 2023 */ /* Текстовый блок в каталоге март 2023 */ .catalog-text__block { margin-bottom: 60px; } .catalog-text__item { margin-top: 50px; position: relative; } .catalog-text__item:first-child { margin-top: 0; } .catalog-text__cols { display: flex; flex-wrap: wrap; margin: 0 0 0 -40px; } .catalog-text__col { width: calc(50% - 40px); margin: 0 0 0 40px; box-sizing: border-box; } .catalog-text__col:nth-child(2) { background: #F5F5F5; padding: 40px 40px; } .catalog-text__title { font-family: 'Montserrat-SemiBold'; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #000000; } .catalog-text__title h1 { font-family: 'Montserrat-SemiBold'; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #000000; } .catalog-text__img { margin-top: 20px; } .catalog-text__img img { display: block; width: 100%; } .text-col__item { padding-top: 20px; margin-top: 20px; border-top: 1px solid #989898; } .text-col__item:first-child { padding-top: 0px; margin-top: 0px; border-top: none; } .text-col__title { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #000000; } .text-col__title h1 { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #000000; margin:0; } .text-col__title h2 { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #000000; margin:0; } .text-col__text { margin-top: 10px; font-size: 14px; line-height: 17px; color: #5B6064; display: flex; flex-wrap: nowrap; } .text-col__text span { padding-right: 20px; } .text-col__text span p { display: block; text-align: justify; text-align-last: left; width: 100%; margin:0; } .text-col__toggle ins { width: 24px; height: 24px; background: url(/images/text-arrow.svg) 50% 50% no-repeat; flex: none; cursor: pointer; transition: 0.3s all ease; position: absolute; right: 25px; } .text-col__toggle span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; overflow: hidden; text-align: left; * { display: inline; } } .text-col__item.active .text-col__toggle span { -webkit-line-clamp: inherit; } .text-col__item.active .text-col__toggle ins { transform: rotate(180deg); } .single-text__item { position: relative; overflow:hidden; } .single-text__figure { position: absolute; top: 0; width: 216px; background: #F5F5F5; height: 100%; max-height: 360px; z-index:-1; } .single-text__text { padding: 40px 0 0 40px; overflow:hidden; } .single-text__text h2 { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #000000; } .single-text__text div { /*margin-top: 25px;*/ display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow: hidden; text-align: left; * { display: inline; } } .single-text__item .text-col-link { margin-left: 40px; } .single-text__item.active .text-col-link span:first-child { display: none; } .single-text__item.active .text-col-link span { display: inline-block; } .single-text__item.active .single-text__text div { -webkit-line-clamp: inherit; } .double-text__cols { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 120px; -webkit-column-gap: 120px; column-gap: 120px; padding-top: 35px; max-height: 250px; overflow: hidden; } .double-text__cols h2 { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #000000; } .double-text__cols p span { font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #C7AC86; } .double-text__figure { position: absolute; top: 0; left: 115px; width: 495px; height: 100%; background: #F7F4F0; z-index: -1; } .catalog-text__item .for__double { float: right; } .catalog-text__item.active .text-col-link span:first-child { display: none; } .catalog-text__item.active .text-col-link span { display: inline-block; } .catalog-text__item.active .double-text__figure { height:70%; } .catalog-text__item.active .double-text__cols { max-height: 100%; } @media screen and (max-width: 1023px) { .text-col__toggle ins { right:15px;} .text-col__toggle span {padding-right:30px;} .catalog-text__block { margin-bottom: 50px; } .catalog-text__item { margin-top: 50px; } .catalog-text__cols { margin: 0 0 0 0px; } .catalog-text__col { width: calc(100% - 0px); margin: 30px 0 0 0px; } .catalog-text__col:first-child { margin: 0; } .catalog-text__col:nth-child(2) { padding: 30px 20px; } .single-text__text h2 { font-size: 20px; line-height: 24px; } .single-text__figure { position: absolute; top: 0; width: 216px; background: #F5F5F5; height: 100%; max-height: 360px; } .single-text__text { padding: 30px 0 0 20px; } .single-text__item .text-col-link { margin-left: 20px; } .double-text__cols h2 { font-size: 20px; line-height: 24px; } .double-text__cols p span { font-size: 18px; line-height: 24px; } .double-text__cols { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0px; -webkit-column-gap: 0px; column-gap: 0px; padding-top: 30px; } .double-text__figure { position: absolute; top: 0; left: auto; right: 0; width: 495px; width: 50%; height: 50%; background: #F7F4F0; z-index: -1; } .catalog-text__item .for__double { float: none; } } @media screen and (max-width: 767px) { .catalog-text__block { margin-bottom: 40px; } .catalog-text__item { margin-top: 40px; } .catalog-text__col:nth-child(2) { padding: 30px 20px; } } @media screen and (max-width: 479px) {} /* Текстовый блок в каталоге март 2023 */ /* Дополнительный блок в проверке UIN апрель 2023 */ .check-attention { margin-top: 60px; } .check-attention__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #000000; } .check-attention__text { margin-top: 30px; font-size: 18px; line-height: 22px; color: #000000; } .check-attention__subtitle { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 18px; color: #000000; margin-top: 20px; } .check-attention-cols__block { margin-top: 40px; background: #F5F5F5; padding: 30px; } .check-attention__cols { display: flex; flex-wrap: wrap; margin: 0 0 0 -20px; } .check-attention__col { width: calc((100% / 2) - 20px); margin: 0 0 0 20px; } .check-attention__heading { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 18px; color: #000000; } .check-attention__list { margin-top: 20px; font-size: 15px; line-height: 19px; color: #000000; } .check-sub__cols { display: flex; flex-wrap: nowrap; align-items: center; } .check-sub__img { width: 160px; flex: none; margin-right: 40px; } .check-sub__img img { display: block; } .check-sub__title { font-size: 28px; line-height: 34px; color: #000000; text-transform: uppercase; } .check-sub__subtitle { margin-top: 10px; font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #C7AB85; } @media screen and (max-width: 1139px) { .check-sub__img { margin-right: 20px; } .check-sub__title { font-size: 24px; line-height: 34px; } } @media screen and (max-width: 1023px) { .check-attention { margin-top: 30px; } .check-attention__title { font-size: 20px; line-height: 24px; } .check-attention-cols__block { margin-top: 30px; padding: 30px 20px; } .check-attention__cols { display: flex; flex-wrap: wrap; margin: 0 0 0 0px; } .check-attention__col { width: calc((100% / 1) - 0px); margin: 30px 0 0 0px; } .check-attention__col:first-child { margin: 0; } .check-sub__cols { flex-wrap: wrap; align-items: center; justify-content: center; } .check-sub__img { width: 160px; flex: none; margin-right: 0px; } .check-sub__content { width: 100%; margin-top: 20px; text-align: center; } .check-sub__title { font-size: 28px; line-height: 34px; } } /* Дополнительный блок в проверке UIN апрель 2023 */ /* Гравировка май 2023 */ @font-face { font-family: 'Asturia script'; src: url('/css/../fonts/engrave/asturia_script.eot'); src: url('/css/../fonts/engrave/asturia_script.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/asturia_script.woff2') format('woff2'), url('/css/../fonts/engrave/asturia_script.woff') format('woff'), url('/css/../fonts/engrave/asturia_script.ttf') format('truetype'), url('/css/../fonts/engrave/asturia_script.svg#asturia_script') format('svg'); } @font-face { font-family: 'Grosvenor Script'; src: url('/css/../fonts/engrave/grosvenor_script.eot'); src: url('/css/../fonts/engrave/grosvenor_script.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/grosvenor_script.woff2') format('woff2'), url('/css/../fonts/engrave/grosvenor_script.woff') format('woff'), url('/css/../fonts/engrave/grosvenor_script.ttf') format('truetype'), url('/css/../fonts/engrave/grosvenor_script.svg#grosvenor_script') format('svg'); } @font-face { font-family: 'snell_roundhandbold'; src: url('/css/../fonts/engrave/13573-webfont.eot'); src: url('/css/../fonts/engrave/13573-webfont.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/13573-webfont.woff2') format('woff2'), url('/css/../fonts/engrave/13573-webfont.woff') format('woff'), url('/css/../fonts/engrave/13573-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Callygraph 01'; src: url('/css/../fonts/engrave/callygraph_01.eot'); src: url('/css/../fonts/engrave/callygraph_01.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/callygraph_01.woff2') format('woff2'), url('/css/../fonts/engrave/callygraph_01.woff') format('woff'), url('/css/../fonts/engrave/callygraph_01.ttf') format('truetype'), url('/css/../fonts/engrave/callygraph_01.svg#callygraph_01') format('svg'); } @font-face { font-family: 'good_vibes_proregular'; src: url('/css/../fonts/engrave/goodvibespro-webfont.eot'); src: url('/css/../fonts/engrave/goodvibespro-webfont.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/goodvibespro-webfont.woff2') format('woff2'), url('/css/../fonts/engrave/goodvibespro-webfont.woff') format('woff'), url('/css/../fonts/engrave/goodvibespro-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lilita One Russian'; src: url('/css/../fonts/engrave/lilita_one_russian.eot'); src: url('/css/../fonts/engrave/lilita_one_russian.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/lilita_one_russian.woff2') format('woff2'), url('/css/../fonts/engrave/lilita_one_russian.woff') format('woff'), url('/css/../fonts/engrave/lilita_one_russian.ttf') format('truetype'), url('/css/../fonts/engrave/lilita_one_russian.svg#lilita_one_russian') format('svg'); } @font-face { font-family: 'AnastasiaScriptC'; src: url('/css/../fonts/engrave/anastasiascriptc.eot'); src: url('/css/../fonts/engrave/anastasiascriptc.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/anastasiascriptc.woff2') format('woff2'), url('/css/../fonts/engrave/anastasiascriptc.woff') format('woff'), url('/css/../fonts/engrave/anastasiascriptc.ttf') format('truetype'), url('/css/../fonts/engrave/anastasiascriptc.svg#anastasiascriptc') format('svg'); } @font-face { font-family: 'NK828a'; src: url('/css/../fonts/engrave/nk828a.eot'); src: url('/css/../fonts/engrave/nk828a.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/nk828a.woff2') format('woff2'), url('/css/../fonts/engrave/nk828a.woff') format('woff'), url('/css/../fonts/engrave/nk828a.ttf') format('truetype'), url('/css/../fonts/engrave/nk828a.svg#nk828a') format('svg'); } @font-face { font-family: 'lianaregular'; src: url('/css/../fonts/engrave/liana-webfont.eot'); src: url('/css/../fonts/engrave/liana-webfont.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/liana-webfont.woff2') format('woff2'), url('/css/../fonts/engrave/liana-webfont.woff') format('woff'), url('/css/../fonts/engrave/liana-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Freehand 575 BT'; src: url('/css/../fonts/engrave/freehand_575_bt.eot'); src: url('/css/../fonts/engrave/freehand_575_bt.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/engrave/freehand_575_bt.woff2') format('woff2'), url('/css/../fonts/engrave/freehand_575_bt.woff') format('woff'), url('/css/../fonts/engrave/freehand_575_bt.ttf') format('truetype'), url('/css/../fonts/engrave/freehand_575_bt.svg#freehand_575_bt') format('svg'); } .engrave { position: relative; } .engrave__top { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-left: 145px; border-top: 1px solid #E0E0E0; margin-top: 10px; padding-top: 10px; } .engrave__toggle { width: 190px; font-family: 'Montserrat-Medium'; font-size: 14px; line-height: 24px; display: flex; flex-wrap: nowrap; cursor: pointer; } .engrave__toggle ins { display: block; width: 24px; height: 24px; flex: none; margin-left: 0px; background: url(/images/arrow-down.svg) 50% 50% no-repeat; transition: 0.3s all ease; } .engrave__price { width: 130px; flex: none; text-align: center; font-size: 14px; line-height: 17px; text-align: center; color: #000000; display: none; } .engrave__close { width: 17px; height: 17px; margin-left: 20px; font-size: 12px; line-height: 15px; color: #7B7B7B; text-indent: -9999px; background: url(/images/del-icon.svg) 0% 0% no-repeat; cursor: pointer; flex: none; display: none; } .engrave__content { margin-top: 40px; margin-left: 145px; display: none; padding-bottom: 30px; } .engrave__item { margin-top: 30px; } .engrave__item:first-child { margin-top: 0; } .engrave__heading { font-size: 16px; line-height: 19px; margin-bottom: 10px; } .engrave__cols { display: flex; flex-wrap: wrap; margin: 0 0 0 -30px; } .engrave__col { position: relative; width: calc((100%/2) - 30px); margin: 0 0 0 30px; } .engrave-select__item { position: relative; } .engrave-select__toggle { width: 100%; height: 52px; background: #FFFFFF; border: 1px solid #ADADAD; box-sizing: border-box; line-height: 50px; padding: 0 10px 0 24px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; cursor: pointer; } .engrave-select__toggle span { color: #282828; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .engrave-select__toggle span img { line-height: 0px; display: block; } .engrave-select__toggle ins { display: block; width: 24px; height: 24px; background: #fff url(/images/arrow-down.svg) 50% 50% no-repeat; flex: none; text-decoration: none; margin-left: 10px; transition: 0.3s all ease; } .engrave-select__popup { position: absolute; z-index: 5; left: 0; right: 0; top: 51px; background: #FFFFFF; border: 1px solid #ADADAD; display: none; } .engrave-select__item.active .engrave-select__toggle ins { transform: rotate(180deg); } .engrave-select__item.active .engrave-select__popup { display: block; } .engrave-popup__list { max-height: 280px; overflow: auto; } .engrave-popup__list .mCSB_inside>.mCSB_container { margin-right: 0px; } .engrave-popup__list ul { list-style: none; margin: 0; padding: 0; position: relative; } .engrave-popup__list ul li { padding: 10px 24px; cursor: pointer; transition: 0.3s all ease; color: #282828; } .engrave-popup__list ul li:hover { background: #F5F5F5; } .engrave-popup__list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #ADADAD !important; } .engrave-popup__list ul li img { height: 40px; display: block; } .engrave__field input { -webkit-appearance: none; width: 100%; border: 1px solid #ADADAD; height: 55px; line-height: 55px; padding: 0 20px; font-family: 'Montserrat-Regular'; font-size: 14px; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; outline: none; } .engrave__field:hover select { border: 1px solid #2680EB; } .engrave__field input:focus { border: 1px solid #2680EB; } .engrave.active .engrave__toggle ins { transform: rotate(180deg); } /* .engrave.active .engrave__price { display: block; } .engrave.active .engrave__close { display: block; } */ .engrave.selected .engrave__price { display: block; } .engrave.selected .engrave__close { display: block; } .engrave.selected .engrave__toggle ins { display: none; } .engrave.selected .engrave__toggle { pointer-events:none; } .engrave.active .engrave__content { display: block; } .engrave.selected .engrave__content { display:block; } .engrave__final { margin-top: 30px; border: 2px solid #2680EB; padding: 20px 30px; } .engrave-final__inner { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .engrave-final__title { font-family: 'Montserrat-SemiBold'; font-size: 16px; line-height: 16px; } .engrave-final__block { display: flex; flex-wrap: nowrap; padding: 15px; width: 330px; justify-content: center; align-items: center; background: #EDEDED; margin-left: 20px; } .engrave-final__block ins { width: 38px; height: 33px; flex: none; margin-left: 15px; } .engrave-final__block ins img { display: block; height: 40px; } @media screen and (max-width: 1239px) { .engrave__top { margin-left: 110px; } .engrave__content { margin-top: 30px; margin-left: 110px; } } @media screen and (max-width: 1139px) {} @media screen and (max-width: 1023px) {} @media screen and (max-width: 767px) { .engrave__top { margin-left: 85px; } .engrave__content { margin-left: 85px; } } @media screen and (max-width: 599px) { .engrave__top { margin-left: 0px; } .engrave__content { margin-left: 0px; } .engrave__item { margin-top: 20px; } .engrave__cols { display: flex; flex-wrap: wrap; margin: 0 0 0 0px; } .engrave__col { position: relative; width: calc((100%/1) - 0px); margin: 20px 0 0 0px; } .engrave__col:first-child { margin-top: 0px; } .engrave-final__inner { flex-wrap: wrap; } .engrave-final__title { width: 100%; } .engrave__final { padding: 15px; } .engrave-final__block { margin-left: 0; margin-top: 15px; width: 100%; } .engrave__heading { font-size: 14px; } .engrave__close { margin-left: -15px; } } /* Гравировка май 2023 */ /* Хэш теги июль 2023 */ .hash-bottom__block {margin-bottom:40px;} .hash-bottom__items { display:flex; flex-wrap:wrap; margin:-10px 0 0 -10px; } .hash-bottom__items .hash-item { margin:10px 0 0 10px; } .hash-bottom__mobile { display:none; } .hash-bottom__mobile .catalog-content__hash { margin-bottom:0; margin-right:0; } @media screen and (max-width: 1023px) { .hash-bottom__desktop { display:none; } .hash-bottom__mobile { display:block; } } /* Хэш теги июль 2023 */ /* Edit 04.09.23 */ .product-instalment {margin-top:30px;} .instalment-block { position:relative; display:flex; flex-wrap:nowrap; width: 263px; height: 56px; border:1px solid #000000; box-sizing:border-box; border-radius:8px; padding:7px 10px; align-items: center;} .instalment-icon { width:47px; height:42px; flex:none; margin-right:16px; } .instalment-text { width:100%; } .instalment-title { color: #000; font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 14px; transition: 0.2s all ease; } .instalment-subtitle { color: #2680EB; font-family: 'Montserrat-Regular'; font-size: 11px; line-height: 11px; margin-top:8px; } /*.instalment-block:hover .instalment-title { color:#2680EB; }*/ .instalment-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; } .instalment-link a { display:block; width:100%; height:100%; } .instalment-list { color: #757575; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 24px; } .instalment-list li { margin-top:10px; } .instalment-list li:first-child { margin-top:0px; } .instalment-more { margin-top:20px; } .instalment-more a { color:#2680EB; } .instalment-button { width: 144px; height: 52px; margin-top: 30px;} .instalment-button a { display: block; width: 100%; height: 100%; background: #2680EB; color: #fff; text-decoration: none; font-family: 'Montserrat-SemiBold'; font-size: 18px; text-align: center; line-height: 52px; transition: 0.3s all ease;} .instalment-button a:hover { background: #1060C4; color: #fff;} .stock-past__toggle { width: 180px; height: 52px; margin: 40px auto 0 auto;} .stock-past__toggle a { display: block; width: 100%; height: 100%; background: #2680EB; color: #fff; text-decoration: none; font-family: 'Montserrat-SemiBold'; font-size: 18px; text-align: center; line-height: 52px; transition: 0.3s all ease;} .stock-past__toggle a:hover { background: #1060C4; color: #fff;} .stock-past__item.hide {display:none;} /* .vk { position: relative; padding-bottom: 177.7777777777778%; height: 0; overflow: hidden; width:400px; } .vk iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } */ @media screen and (max-width: 1023px) { .product-instalment {margin-top:20px;} } /* Edit 04.09.23 */ /* Line 26/09/2023 */ .top__line { background:#2680EB; } .line__block { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; } .line__content { width:100%; } .line__content .hash-tags-block { background:#2680EB; height:40px; padding-top:0; padding-bottom:0; } .line__content .hash-tags-block .str a { font-family: 'Montserrat-Medium'; font-size:14px; line-height:40px; color:#fff; } .line__content .hash-tags-block .str a:hover {opacity:0.7;} .line__close { width:24px; height:40px; flex:none; margin-left:20px; background: #2680EB url(/images/close-fill.svg) 0% 50% no-repeat; cursor:pointer; } .top__line--hidden { height:0; overflow:hidden; } .product-attention__block { padding:20px; background:#F5F5F5; margin-top:30px; } .product-attention__inner { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; } .product-attention__text { font-family: 'Montserrat-Medium'; font-size:14px; line-height:18px; color:#000; } .product-attention__discount { flex:none; width:50px; height:50px; background:#EB2502; text-align:center; font-family: 'Montserrat-SemiBold'; font-size: 16px; line-height:50px; color:#fff; border-radius:270px; margin-left:25px; } .collection-stock { position:absolute; z-index:2; top:18px; right:10px; width:106px; height:24px; background: url(/images/stock-icon-1.svg) 0% 0% no-repeat; font-size:10px; line-height:24px; color:#FC6202; text-align:center;} .collection-stock__orange { background: url(/images/stock-icon-2.svg) 0% 0% no-repeat; color:#fff; } .collection-stock__sale { background: url(/images/sale-icon.svg) 0% 0% no-repeat; color:#fff; width:67px;} .run .reason-block .bread-crumbs {padding-top:20px;} @media screen and (max-width: 1023px) { .top__line--hidden { height:auto; overflow:hidden; } .product-attention__block { padding:15px; } } .run .content-inner { padding: 196px 0px 0 0px; } @media screen and (max-width: 1239px) { .run .content-inner { padding: 193px 0px 0 0px; } } @media screen and (max-width: 1023px) { .run .content-inner { padding: 62px 0px 0 0px; } } /* Line 26/09/2023 */ .return-block__title { font-size: 18px; font-weight: 500; font-family: 'Montserrat-Medium'; margin-top: 20px; } .c-mt { margin-top: -20px;} /* Index VK 2024 */ .vk__block { position: relative; padding: 80px 0 0 0; } .vk__top { position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .vk__text { display: flex; flex-wrap: nowrap; align-items: center; } .vk__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; color: #000; text-transform: uppercase; flex: none; } .vk__hash { margin-left: 20px; font-size: 24px; line-height: 29px; color: #ADADAD; text-transform: uppercase; display: flex; flex-wrap: nowrap; } .vk__hash span { display: block; margin-left: 10px; } .vk__hash span:first-child { margin-left: 0; } .vk__nav { flex: none; display: flex; flex-wrap: nowrap; justify-content: space-between; width: 58px; } .vk__next { width: 24px; height: 24px; cursor: pointer; background: url(/images/sl-next-sprite.svg) 0px 0px no-repeat; background-size: 48px 24px; } .vk__next:hover { background-position: -24px 0px; } .vk__prev { width: 24px; height: 24px; margin-right: 10px; cursor: pointer; background: url(/images/sl-prev-sprite.svg) -24px 0px no-repeat; background-size: 48px 24px; } .vk__prev:hover { background-position: 0px 0px; } .vk__next.swiper-button-disabled { opacity: 0.5; pointer-events: none; } .vk__prev.swiper-button-disabled { opacity: 0.5; pointer-events: none; } .vk__img { position: absolute; z-index: 4; top: -30px; right: 100px; width: 230px; height: 150px; } .vk__content { margin-top: 25px; } .vk__slider { position: relative; overflow: hidden; padding: 0 40px 0 40px; } .vk__slider .swiper-slide { width: 226px; position: relative; } .vk__item { position: relative; width: 100%; } .vk-item__img { position: relative; width: 100%; border: 4px solid #fff; transition: 0.2s ease-in; box-sizing: border-box; } .vk-item__img img { display:block; width:100%; height:400px; object-fit:cover; object-position:top center;} .vk__item:hover .vk-item__img { border: 4px solid #2680EB; } .vk-item__img img { display: block; } .vk-item__name { margin-top: 16px; color: #ADADAD; font-size: 14px; line-height: 18px; transition: 0.2s ease-in; } .vk-item__name a { color: #ADADAD; text-decoration:none; } .vk-item__name a:hover {color: #2680EB;} .vk-item__play { position: absolute; z-index: 2; top: 50%; left: 50%; margin: -22.5px 0 0 -22.5px; width: 45px; height: 45px; background: url(/images/vk-play.svg) 0px 0px no-repeat; transition: 0.2s ease-in; } .vk__item:hover .vk-item__play { opacity: 0.3; } .vk-item__count {position:absolute; z-index:2; bottom:10px; left:0; right:0; text-align:center; transition: 0.2s ease-in;} .vk-item__count span {display:inline-block; font-size:12px; line-height:20px; color:#fff; background: url(/images/vk-count-icon.svg) 0px 0px no-repeat; padding-left:30px;} .vk__item:hover .vk-item__count { opacity: 0.3;} .vk-item__link { position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; } .vk-item__link a { display: block; width: 100%; height: 100%; } @media screen and (max-width: 1023px) { .vk__block { padding: 40px 0 0 0; } .vk__title { font-size: 18px; line-height: 22px; } .vk__hash { margin-left: 10px; font-size: 18px; line-height: 22px; } .vk__img { display: none; } .vk-item__img { width: 100%; border: none; } .vk__item:hover .vk-item__img { border: none; } .vk__item:hover .vk-item__name { color: #ADADAD; } .vk__item:hover .vk-item__play { opacity: 1; } .vk__item:hover .vk-item__count { opacity: 1;} .vk__slider { padding: 0 20px; } } @media screen and (max-width: 767px) { .vk__hash { display: none; } } /* Index VK 2024 */ /* Cart 2024 */ .cart-fraction { margin-top: 30px; margin-bottom: -20px; border-radius: 8px; display: flex; flex-wrap: nowrap; align-items: center; background: rgba(0, 0, 0, 0.04); padding: 12px; cursor: pointer; box-sizing: border-box; } .cart-fraction__img { width: 68px; height: 20px; flex: none; margin-right: 10px; img { display: block; width: 100%; height: 100%; } } .cart-fraction__text { color: #000; font-size: 13px; line-height: 24px; width: 100%; background: url(/images/fraction-icon.svg) 100% 50% no-repeat; } .cart-fraction__text span { white-space: nowrap; } @media screen and (max-width: 1023px) { .cart-fraction { order: 2; width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 20px 0 0 20px; } .cart-promo-block { order: 1; width: 100%; } .cart-button-block { order: 3; margin: 20px 0 0 20px; } } @media screen and (max-width: 767px) { .cart-fraction { order: 2; width: 100%; margin: 20px 0 0 0px; } .cart-button-block { order: 3; margin: 10px 0 0 0px; } } /* Cart 2024 */ /* Instalment 2024 */ .product-instalment { display: flex; flex-wrap: nowrap; } .instalment-block { flex: none; } .instalment-info { position: relative; width: 100%; margin-left: 10px; border-radius: 10px; display: flex; flex-wrap: nowrap; align-items: center; background: rgba(0, 0, 0, 0.04); padding: 11px; cursor: pointer; box-sizing: border-box; } .instalment-info__link {position:absolute; z-index:2; top:0; left:0; right:0; bottom:0;} .instalment-info__link a {display:block; width:100%; height:100%;} .instalment-info__img { width: 90px; height: 27px; flex: none; margin-right: 16px; } .instalment-info__img img { display: block; width: 100%; height: 100%; } .instalment-info__content { width: 100%; } .instalment-info__count { color: #000; font-size: 14px; line-height: 14px; font-family: 'Montserrat-SemiBold'; } .instalment-info__price { margin-top: 8px; color: #000; font-size: 11px; line-height: 11px; } .instalment__popup { position: absolute; z-index: 10; right: 0; bottom: 56px; width: 316px; display: none; padding-bottom:10px; } .instalment__popup-inner { border-radius: 10px; background: #FFF; box-shadow: 0px 0px 16px -10px rgba(0, 0, 0, 0.8); padding: 20px; box-sizing: border-box; } .popup-instalment__date { margin-top:16px; border-radius: 10px; background: rgba(0, 0, 0, 0.04); padding:10px; } .popup-instalment__items { display:flex; flex-wrap:nowrap; margin:0 0 0 -4px; } .popup-instalment__item { width:100%; margin-left:4px; } .item-instalment__date { color: #959595; font-size: 10px; font-weight: 500; line-height: 14px; font-family: 'Montserrat-Medium'; } .item-instalment__price { color: #959595; font-size: 12px; font-style: normal; font-family: 'Montserrat-Medium'; line-height: 14px; margin-top:5px; } .item-instalment__line { border-radius: 3px; background: rgba(0, 0, 0, 0.10); height:5px; margin-top:10px; } .popup-instalment__item.active .item-instalment__date {color: #000;} .popup-instalment__item.active .item-instalment__price {color: #000;} .popup-instalment__item.active .item-instalment__line {background:#2680EB;} .popup-instalment__top { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .popup-instalment__text { margin-top: 10px; color: #808080; font-size: 12px; line-height: 14px; } .popup-instalment__count { color: #000; font-size: 14px; line-height: 18px; font-family: 'Montserrat-Medium'; } .popup-instalment__img { flex: none;} .popup-instalment__img img {display: block;} .instalment-info:hover .instalment__popup { display: block; } @media screen and (max-width: 1239px) { .product-instalment { flex-wrap: wrap; } .instalment-info { max-width: 263px; margin-left: 0; margin-top: 10px; } } @media screen and (max-width: 1023px) { .instalment-info:hover .instalment__popup { display: block; } } @media screen and (max-width: 767px) { .product-instalment { flex-wrap: nowrap; } .instalment-info { max-width: 100%; margin-left: 10px; margin-top: 0px; } } @media screen and (max-width: 580px) { .product-instalment { flex-wrap: wrap; } .instalment-block { width: 100%; } .instalment-info { max-width: 100%; margin-left: 0; margin-top: 10px; } } /* Instalment 2024 */ /* PDF 2024 */ .instalment-more { display:flex; flex-wrap:nowrap; align-items:center; } .instalment-more a {display:block;} .im-link {flex:none; background: url(/images/pdf-icon.svg) 0% 0% no-repeat; font-size:16px; line-height:36px; padding-left:40px; position:relative; margin-left:40px; color:#090909; box-sizing:border-box;} .im-link:hover { color:#2680EB; } .im-link a { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; display:block;} @media screen and (max-width: 479px) { .instalment-more { flex-wrap:wrap; } .im-link { width:100%; margin-top:20px; margin-left:0px; } } /* PDF 2024 */ /* Plan 2024 */ .plan { position: relative; } .plan__block { position: relative; padding-bottom: 60px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/plan-bg.jpg) top center no-repeat; background-size: cover; } .plan__top { position: relative; } .top-plan__title { color: #FFF; font-size: 30px; line-height: 40px; font-family: 'Montserrat-SemiBold'; } .top-plan__subtitle { margin-top: 40px; color: #FFF; font-family: 'Montserrat-Bold'; font-size: 30px; line-height: 40px; text-transform: uppercase; max-width: 540px; } .top-plan__text { margin-top: 20px; color: #C7AB85; font-family: 'Montserrat-Medium'; font-size: 22px; line-height: 22px; max-width: 410px; } .top-plan__link { margin-top: 60px; width: 220px; } .top-plan__link a { display: block; width: 100%; height: 65px; line-height: 65px; background: #2680EB; font-family: 'Montserrat-SemiBold'; font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none; text-align: center; transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .top-plan__link a:hover { background: #559bef; color: #fff; } .plan__content { padding: 50px 0 60px 0; } .step-plan__title { color: #000; font-family: 'Montserrat-Medium'; font-size: 35px; line-height: 38px; text-align: center; } .step-plan__subtitle { margin-top: 20px; color: #5F5F5F; font-size: 16px; line-height: 19px; text-align: center; } .step-plan__content { margin-top: 40px; } .step-plan__items { display: flex; flex-wrap: nowrap; justify-content: space-around; } .step-plan__item { position: relative; flex: none; min-height: 100px; min-width: 140px; display: flex; align-items: center; } .step-plan__count { color: #F2F2F2; font-family: 'Montserrat-Bold'; font-size: 100px; line-height: 100px; position: absolute; top: 0; left: 0; } .step-plan__name { flex: none; font-family: 'Montserrat-SemiBold'; color: #000; font-size: 14px; line-height: 19px; text-transform: uppercase; padding-left: 80px; width: 192px; position: relative; z-index: 2; } .step-plan__name span { display: inline-block; } .category-plan { margin-top: 80px; } .category-plan__title { color: #000; font-family: 'Montserrat-Medium'; font-size: 35px; line-height: 35px; } .category-plan .about-company-link { margin-top: 20px; } .category-plan .f-company { color: #BB9B68; background: url(/images/more-arrow.svg) 100% 50% no-repeat; transition: 0.2s ease-in; } .category-plan .about-company-link:hover .f-company { background: url(/images/arrow-blue.svg) 100% 50% no-repeat; color: #2680EB; } .category-plan__content { margin-top: 30px; } .category-plan__items { display: flex; flex-wrap: wrap; margin: 0 0 0 -20px; } .category-plan__item { position: relative; width: calc((100%/3) - 20px); margin: 0 0 0 20px; padding-top: 20px; } .category-plan__status { position: absolute; z-index: 2; top: 0; left: 30px; width: 40px; height: 40px; } .category-plan__status img { display: block; width: 100%; height: 100%; } .category-plan__img { position: absolute; z-index: 2; top: 0; right: 20px; width: 140px; height: 172px; } .category-plan__img img { display: block; width: 100%; } .category-plan__inner { background: #F2F2F2; padding: 44px 190px 30px 30px; position: relative; z-index: 1; } .category-plan__name { border-left: 4px solid #2680EB; padding-left: 10px; color: #000; font-family: 'Montserrat-Medium'; font-size: 18px; line-height: 19px; text-transform: uppercase; min-height: 38px; display: flex; align-items: center; } .category-plan__inner .f-company { background: url(/images/arrow-blue.svg) 100% 50% no-repeat; color: #2680EB; transition: 0.2s ease-in; font-family: 'Montserrat-Medium'; font-size: 12px; } .category-plan__inner .about-company-link:hover .f-company { background: url(/images/more-arrow.svg) 100% 50% no-repeat; color: #BB9B68; } .category-plan__item:hover .category-plan__inner .about-company-link .f-company { background: url(/images/more-arrow.svg) 100% 50% no-repeat; color: #BB9B68; } .category-plan__link { position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .category-plan__link a { display: block; width: 100%; height: 100%; } .insert-plan { margin-top: 80px; } .insert-plan__cols { display: flex; flex-wrap: wrap; margin: 0 0 0 -50px; } .insert-plan__col--left { width: calc(51.969% - 50px); margin: 0 0 0 50px; } .insert-plan__col--left img { display: block; width: 100%; } .insert-plan__col--right { width: calc(48.031% - 50px); margin: 0 0 0 50px; } .insert-plan__title { color: #000; font-size: 35px; line-height: 35px; font-family: 'Montserrat-Medium'; } .insert-plan__list { margin-top: 30px; } .insert-plan__list ul { list-style: none; margin: 0; padding: 0; } .insert-plan__list ul li { margin-top: 14px; color: #5F5F5F; font-size: 16px; font-weight: 400; line-height: 19px; background: url(/images/plan-dot.svg) 0px 5px no-repeat; padding-left: 30px; } .insert-plan__list ul li:first-child { margin-top: 0px; } .insert-plan__link { margin-top: 40px; width: 204px; } .insert-plan__link a { display: block; width: 100%; height: 52px; line-height: 52px; background: #2680EB; font-family: 'Montserrat-SemiBold'; font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none; text-align: center; transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .insert-plan__link a:hover { background: #559bef; color: #fff; } .info-plan { margin-top: 80px; padding: 30px 40px; color: #5F5F5F; font-size: 14px; line-height: 19px; border: 1px solid #2680EB; } @media screen and (max-width: 1279px) { .step-plan__name { padding-left: 50px; } .category-plan__inner { padding: 44px 170px 30px 20px; } .category-plan__img { right: 0; } } @media screen and (max-width: 1023px) { .plan__block { padding-bottom: 40px; } .top-plan__subtitle { margin-top: 30px; font-size: 20px; line-height: 26px; } .top-plan__text { margin-top: 16px; font-size: 16px; line-height: 16px; max-width: 410px; } .top-plan__link { margin-top: 40px; width: 190px; } .top-plan__link a { height: 52px; line-height: 52px; } .plan__content { padding: 30px 0 50px 0; } .step-plan__title { font-size: 28px; line-height: 30px; text-align: left; } .step-plan__subtitle { text-align: left; } .step-plan__content { margin-top: 30px; } .step-plan__items { flex-wrap: wrap; justify-content: flex-start; } .step-plan__item { min-height: 60px; width: 100%; margin-top: 15px; } .step-plan__item:first-child { margin-top: 0; } .step-plan__count { font-size: 60px; line-height: 60px; } .step-plan__name { padding-left: 45px; width: auto; flex: auto; } .category-plan { margin-top: 40px; } .category-plan__title { font-size: 28px; line-height: 28px; } .category-plan__content { margin-top: 20px; } .category-plan__items { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 480px; } .category-plan__item { position: relative; width: calc((100%/1) - 0px); margin: 20px 0 0 0px; padding-top: 20px; } .category-plan__item:first-child { margin-top: 0; } .category-plan .about-company-link:hover .f-company { color: #BB9B68; background: url(/images/more-arrow.svg) 100% 50% no-repeat; } .category-plan__inner .about-company-link:hover .f-company { background: url(/images/arrow-blue.svg) 100% 50% no-repeat; color: #2680EB; } .category-plan__item:hover .category-plan__inner .about-company-link .f-company { background: url(/images/arrow-blue.svg) 100% 50% no-repeat; color: #2680EB; } .insert-plan { margin-top: 40px; } .insert-plan__title { font-size: 28px; line-height: 30px; } .insert-plan__cols { margin: 0 0 0 0px; } .insert-plan__col--left { width: 100%; margin: 0 0 0 0px; } .insert-plan__col--right { width: 100%; margin: 20px 0 0 0px; } .insert-plan__list { margin-top: 20px; } .insert-plan__link { margin-top: 30px; width: 204px; } .insert-plan__link a { height: 44px; line-height: 44px; } .insert-plan__link a:hover { background: #2680EB; } .info-plan { margin-top: 40px; padding: 20px; } } @media screen and (max-width: 767px) { .plan__content { padding: 30px 0 40px 0; } } /* Plan 2024 */ /* Geo 2024 */ .header-left__col { display: flex; flex-wrap: nowrap; align-items: center; flex: none; } .geo-header { display: flex; flex-wrap: nowrap; align-items: center; position: relative; margin-right: 48px; } .geo-header__icon { width: 20px; height: 20px; flex: none; margin-right: 8px; background: url(/images/geo-label.svg) 0px 0px no-repeat; } .geo-header__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; font-size: 14px; line-height: 16px; color: #5b6064; max-width: 120px; width: auto; } .geo-header__flag { width: 8px; height: 4px; flex: none; margin-left: 4px; background: url(/images/geo-flag.svg) 0px 0px no-repeat; } .geo-header__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .geo-header__link a { display: block; width: 100%; height: 100%; } .mobile-geo .geo-header { padding: 20px 15px 0 15px; } .mobile-geo .geo-header__name { display: block; width: auto; max-width: 100%; } @media screen and (max-width: 1239px) { .geo-header__name { display: none; } } /* Geo 2024 */ .collection-cols.active .swiper-slide:nth-child(2).swiper-slide-prev { margin-right:40px;} .collection-cols.active .swiper-slide:nth-child(3).swiper-slide-prev { margin-right:60px;} .collection-cols.active .swiper-slide:nth-child(4).swiper-slide-prev { margin-right:80px;} .collection-cols.active .swiper-slide:nth-child(5).swiper-slide-prev { margin-right:100px;} /* Fraction 2024 */ .fraction__block { position: relative; padding-bottom: 60px; background: url(/images/fraction-bg.jpg) top center no-repeat; background-size: cover; } .fraction__top { position: relative; } .fraction__title { font-family: 'Montserrat-SemiBold'; font-weight: 600; font-size: 30px; line-height: 40px; color: #fff; } .fraction__cols { display: flex; flex-wrap: nowrap; margin: 20px 0 0 -100px; align-items: center; } .fraction__col { width: calc(50% - 100px); margin: 0 0 0 100px; } .fraction__heading { font-family: 'Montserrat-SemiBold'; font-size: 30px; line-height: 40px; text-transform: uppercase; color: #fff; } .fraction__subheading { margin-top: 20px; font-family: 'Montserrat-Medium'; font-size: 22px; line-height: 26px; color: #c7ab85; } .fraction__link { margin-top: 50px; width: 240px; } .fraction__link a { display: block; width: 100%; height: 56px; line-height: 56px; background: #2680EB; font-family: 'Montserrat-SemiBold'; font-size: 14px; color: #fff; text-decoration: none; text-align: center; transition: 0.3s, top 0s; -o-transition: 0.3s, top 0s; transition: 0.3s, top 0s; } .fraction__link a:hover { background: #559bef; color: #fff; } .fraction__img img { display: block; } .fraction__content { padding: 50px 0 60px 0; } .about-fraction__title { font-family: 'Montserrat-Medium'; font-weight: 500; font-size: 35px; line-height: 37px; color: #000; text-align: center; } .about-fraction__text { margin-top: 30px; font-size: 18px; line-height: 28px; text-align: center; color: #5f5f5f; } .about-fraction__items { display: flex; flex-wrap: wrap; margin: 0 0 0 -40px; } .about-fraction__item { position: relative; width: calc((100%/3) - 40px); margin: 80px 0 0 40px; padding: 60px 20px 20px 20px; border: 2px solid #e5f9f9; border-radius: 20px; box-sizing: border-box; } .about-fraction__icon { position: absolute; z-index: 2; top: -40px; left: 50%; margin-left: -40px; width: 80px; } .about-fraction__name { font-family: 'Montserrat-SemiBold'; font-size: 18px; line-height: 24px; text-transform: uppercase; text-align: center; color: #000; } .about-fraction__info { margin-top: 12px; font-size: 18px; line-height: 28px; text-align: center; color: #5f5f5f; } .about-fraction__icon img { display: block; } .work-fraction { margin-top: 80px; } .work-fraction__title { font-family: 'Montserrat-Medium'; font-weight: 500; font-size: 35px; line-height: 37px; color: #000; text-align: center; } .work-fraction__content { margin-top: 20px; padding-top: 70px; background: url(/images/work-fraction-bg.svg) top center no-repeat; } .work-fraction__inner { padding: 0 50px; } .work-fraction__items { display: flex; flex-wrap: wrap; margin: 0 0 0 -27px; } .work-fraction__item { position: relative; width: calc((100%/3) - 27px); margin: 0 0 0 27px; border: 1px solid #e6f0fd; border-radius: 20px; padding: 20px; background: #fff; box-sizing: border-box; } .work-fraction__img img { display: block; } .work-fraction__name { margin-top: 30px; font-family: 'Montserrat-SemiBold'; font-size: 18px; line-height: 24px; color: #000; } .work-fraction__info { margin-top: 16px; font-size: 18px; line-height: 28px; color: #5f5f5f; } .user-fraction { margin-top: 60px; } .user-fraction__title { font-family: 'Montserrat-Medium'; font-weight: 500; font-size: 35px; line-height: 37px; color: #000; text-align: center; } .user-fraction__content { margin-top: 40px; } .user-fraction__block { border: 1px solid #d9eaff; border-radius: 20px; max-width: 720px; width: 100%; margin: 0 auto; background: #f4f5ff; padding: 50px 60px; box-sizing: border-box; } .user-fraction__top { display: flex; flex-wrap: nowrap; align-items: center; } .user-fraction__icon { width: 80px; flex: none; margin-right: 24px; } .user-fraction__icon img { display: block; } .user-fraction__info { font-family: 'Montserrat-SemiBold'; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #000; } .user-fraction__info span { display: inline-block; color: #2680eb; } .user-fraction__text { margin-top: 20px; font-size: 18px; line-height: 28px; color: #5f5f5f; } .faq-fraction { margin-top: 60px; } .faq-fraction__title { font-family: 'Montserrat-Medium'; font-weight: 500; font-size: 35px; line-height: 37px; color: #000; text-align: center; } .faq-fraction__inner { width: 100%; max-width: 720px; margin: 40px auto 0 auto; } .faq-fraction__item { margin-top: 30px; } .faq-fraction__item:first-child { margin-top: 0px; } .faq-fraction__toggle { display: flex; flex-wrap: nowrap; justify-content: space-between; cursor: pointer; align-items: center; } .faq-fraction__heading { font-family: 'Montserrat-SemiBold'; font-size: 18px; line-height: 24px; color: #000; } .faq-fraction__icon { width: 10px; height: 7px; background: url(/images/faq-fraction-icon.svg) 0px 0px no-repeat; flex: none; margin-left: 20px; transition: 0.2s all ease; } .faq-fraction__item.active .faq-fraction__icon { transform: rotate(180deg); } .faq-fraction__content { margin-top: 16px; } .faq-fraction__text { font-size: 18px; line-height: 28px; color: #5f5f5f; } .faq-fraction__text a { color: #2680EB; } .faq-fraction__link { margin: 40px auto 0 auto; width: 310px; height: 56px; } .faq-fraction__link a { display: block; width: 100%; height: 100%; box-sizing: border-box; line-height: 54px; text-align: center; font-size: 18px; text-align: center; color: #2680eb; text-decoration: none; border: 1px solid #2680EB; transition: 0.2s all ease; } .faq-fraction__link a:hover { color: #fff; background: #2680eb; } .app-fraction { margin-top: 60px; } .app-fraction__img { border-radius:24px; } .app-fraction__img img { display: block; width: 100%; border-radius:24px; } .app-fraction__title { margin-top: 40px; font-family: 'Montserrat-Medium'; font-weight: 500; font-size: 35px; line-height: 37px; color: #000; text-align: center; } .app-fraction__text { margin-top: 20px; font-size: 17px; line-height: 24px; text-align: center; color: #5f5f5f; } .app-fraction__links { display: flex; flex-wrap: nowrap; justify-content: space-around; margin: 30px auto 0 auto; max-width: 384px; } .app-fraction__links a { display: block; flex: none; width: 120px; height: 38px; } .fraction-appstore { background: url(/images/fraction-appstore.svg) 0px 0px no-repeat; } .fraction-gstore { background: url(/images/fraction-gstore.svg) 0px 0px no-repeat; } .fraction-hstore { background: url(/images/fraction-hstore.svg) 0px 0px no-repeat; } @media screen and (max-width: 1023px) { .fraction__block { padding-bottom: 40px; } .fraction__cols { display: flex; flex-wrap: wrap; margin: 20px 0 0 0px; } .fraction__col { width: 100%; margin: 0px; } .fraction__col:nth-child(2) { order: 1; display: flex; justify-content: center; } .fraction__col:nth-child(1) { order: 2; margin-top: 30px; } .fraction__heading { font-size: 22px; line-height: 32px; text-align: center; } .fraction__subheading { margin-top: 16px; font-size: 16px; line-height: 24px; text-align: center; } .fraction__link { margin: 30px auto 0 auto; } .fraction__link a:hover { background: #2680EB; color: #fff; } .fraction__content { padding: 30px 0 50px 0; } .about-fraction__title { font-size: 22px; line-height: 28px; } .about-fraction__text { margin-top: 16px; font-size: 16px; line-height: 24px; } .about-fraction__items { margin: 0 0 0 0px; } .about-fraction__item { width: 100%; margin: 70px 0 0 0px; padding: 60px 20px 20px 20px; } .about-fraction__name { font-size: 16px; line-height: 24px; } .about-fraction__info { margin-top: 12px; font-size: 16px; line-height: 24px; } .work-fraction { margin-top: 60px; margin-left: -20px; margin-right: -20px; padding: 0; } .work-fraction__inner { padding: 0 20px; } .work-fraction__title { font-size: 22px; line-height: 28px; } .work-fraction__items { display: flex; flex-wrap: wrap; margin: 0px; } .work-fraction__item { position: relative; width: 100%; margin: 30px 0 0 0; } .work-fraction__item:nth-child(1) { margin: 0; } .work-fraction__img { max-width: 302px; width: 100%; margin: 0 auto; } .work-fraction__name { text-align: center; margin-top: 20px; font-size: 16px; line-height: 24px; } .work-fraction__info { margin-top: 12px; font-size: 16px; line-height: 24px; text-align: center; } .work-fraction__content { padding-top: 10px; } .user-fraction { margin-top: 40px; } .user-fraction__title { font-size: 22px; line-height: 28px; } .user-fraction__content { margin-top: 20px; } .faq-fraction { margin-top: 40px; } .faq-fraction__title { font-size: 22px; line-height: 28px; } .faq-fraction__inner { margin: 20px auto 0 auto; } .faq-fraction__link a:hover { color: #2680eb; background: #fff; } .app-fraction { margin-top: 50px; } .app-fraction__title { margin-top: 30px; font-size: 22px; line-height: 28px; } .app-fraction__text { margin-top: 20px; } } @media screen and (max-width: 767px) { .fraction__content { padding: 30px 0 40px 0; } .user-fraction__block { max-width: 100%; width: 100%; padding: 30px; } .user-fraction__top { flex-wrap: wrap; } .user-fraction__icon { margin: 0 auto; } .user-fraction__info { width: 100%; margin-top: 20px; font-size: 16px; line-height: 24px; text-align: center; } .user-fraction__text { margin-top: 16px; font-size: 16px; line-height: 24px; text-align: center; } .faq-fraction__inner { max-width: 100%; } .app-fraction__img img { display: block; width: 100%; height: 200px; object-fit: cover; border-radius: 24px; object-position: top center; } } @media screen and (max-width: 479px) { .faq-fraction__link { width: 100%; } .app-fraction__links { margin: 30px auto 0 auto; max-width: 168px; } .app-fraction__links a { width: 48px; height: 48px; } .fraction-appstore { background: url(/images/fraction-appstore-mob.svg) 0px 0px no-repeat; } .fraction-gstore { background: url(/images/fraction-gstore-mob.svg) 0px 0px no-repeat; } .fraction-hstore { background: url(/images/fraction-hstore-mob.svg) 0px 0px no-repeat; } } /* Fraction 2024 */ .footer-menu__col .footer-menu__social { display: flex; flex-wrap: nowrap; margin-left: -10px; } .footer-menu__social a { display: block; width: 30px; height: 30px; margin-left: 10px; } .footer-menu__social a img { display: block; width: 100%; height: 100%; } /* July 2024 */ .cart-fraction { background: #fff; border: 1px solid #e0e0e0; } .cart-fraction__split { display: flex; flex-wrap: nowrap; height: 20px; flex: none; margin-right: 8px; } .cart-fraction__split span { display: block; height: 20px; line-height: 20px; background: #edeff2; font-family: 'Montserrat-Medium'; font-size: 15px; border-radius: 0 2px 2px 0; padding: 0px 3px 0px 2px; } .catalog-split { position: absolute; bottom: 15px; left: 10px; width: 100%; opacity: 1; /* visibility: hidden; */ transition: 0.3s all ease; display: flex; flex-wrap: nowrap; } .split__left { display: flex; flex-wrap: nowrap; height: 20px; flex: none; margin-right: 5px; } .split__left span { display: block; height: 20px; line-height: 20px; background: #edeff2; font-family: 'Montserrat-Medium'; font-size: 15px; border-radius: 0 2px 2px 0; padding: 0px 3px 0px 2px; } .split__text { font-size: 13px; line-height: 20px; } .part-product { margin-top: 30px; } .part-product__items { display: flex; flex-wrap: nowrap; margin: 0 0 0 -10px; } .part-product__item { display: flex; flex-wrap: wrap; width: 100%; border: 1px solid #e0e0e0; border-radius: 8px; background: #fff; position: relative; height: 60px; margin-left: 10px; cursor: pointer; justify-content: center; align-items: center; } .part-product__content { padding: 0 10px; } .part-product__text { font-weight: 400; font-size: 11px; line-height: 11px; } .part-product__img img { display: block; } .part-product__item--split .part-product__img { width: 98px; margin: 0 auto; } .part-product__item--split .part-product__text { margin-top: 7px; } .part-product__item--tbank .part-product__content { display: flex; flex-wrap: nowrap; align-items: center; } .part-product__item--tbank .part-product__img { width: 32px; height: 32px; flex: none; margin-right: 14px; } .part-product__item--tbank .part-product__text { margin-top: 7px; } .part-product__title { font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 20px; color: #000; } .part-product__item--doly .part-product__img { width: 90px; margin: 0 auto; } .part-product__item--doly .part-product__text { margin-top: 7px; } .part-product__item--split:hover .instalment__popup { display: block; right: auto; left: 0; } .part-product__item--doly:hover .instalment__popup { display: block; } .part-product__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .part-product__link a { display: block; width: 100%; height: 100%; } .split__img { width: 114px; } .split__img img { display: block; width: 100%; } .split__tabs { margin-top: 12px; } .split-tabs__nav { width: 100%; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; border-radius: 12px; padding: 2px; height: 32px; background: rgba(180, 184, 204, 0.12); align-items: center; } .split-tabs__nav li { width: 100%; display: block; height: 28px; text-align: center; font-size: 14px; line-height: 28px; color: #262633; font-family: 'Montserrat-Medium'; cursor: pointer; } .split-tabs__nav li a { text-decoration: none; color: #262633; } .split-tabs__nav li.active { background: #fff; border-radius: 12px; pointer-events: none; } .split-tab__pane { display: none; margin-top: 12px; } .split-tab__pane.active { display: block; } .split-tab__price { font-family: 'Montserrat-Medium'; font-size: 18px; line-height: 20px; letter-spacing: -0.06em; color: #262633; margin-bottom: 12px; } .split-tab__items { display: flex; flex-wrap: nowrap; margin: 0 0 0 -4px; position: relative; } .split-tab__item { position: relative; width: 100%; margin: 0 0 0 4px; } .split-tab__line { border-radius: 100px; width: 100%; height: 6px; background: #e1e3e8; } .split-tab__item.active .split-tab__line { background: linear-gradient(270deg, #55d48e 0%, #adebc9 100%); } .split-tab__date { font-weight: 400; font-size: 12px; line-height: 14px; color: #262633; margin-top: 12px; } .split-tab__value { font-family: 'Montserrat-Medium'; font-size: 13px; line-height: 14px; color: #262633; margin-top: 2px; } .split-tab__message { font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 14px; color: #ADADAD; position: absolute; left: 25%; top: 22px; } .catalog-content__item:hover .catalog-split { opacity: 1; height: auto; visibility: visible; } .split-tab__pane:last-child .split-tab__item:first-child { width: 25%; flex: none; } /* .split-tab__pane:last-child .split-tab__item:last-child { text-align: center; } */ @media screen and (max-width: 1023px) { .cart-button-block { width: calc(100% - 20px); margin: 20px 0 0 20px; } .catalog-split { position: relative; bottom: auto; left: 0px; width: 100%; opacity: 1; visibility: visible; margin-top: 10px; } .part-product { margin-top: 20px; } .part-product__items { display: flex; flex-wrap: wrap; margin: -10px 0 0 0px; } .part-product__item { margin-left: 0px; margin-top: 10px; } .part-product__item--split .instalment__popup { width: auto; left: -1px; right: -1px; } .part-product__item--split:hover .instalment__popup { width: auto; left: -1px; right: -1px; } .part-product__item--doly .instalment__popup { width: auto; left: -1px; right: -1px; } } @media screen and (max-width: 767px) { .cart-button-block { width: calc(100% - 0px); margin: 10px 0 0 0px; } } /* July 2024 */ #yandexpay-container {margin:20px 0 0 0;} [class*='-button'] + [class*='-button'] { margin: 0 0 0 0px; } /* October 2024 */ .header-fav-count { position: absolute; z-index: 1; right: -2px; bottom: -2px; width: 14px; height: 14px; background: #2680EB; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; color: #fff; text-align: center; line-height: 14px; font-family: 'Montserrat-SemiBold'; font-size: 8px; } .block-hash { display: flex; flex-wrap: nowrap; } .block-hash__content { width: 100%; height: 30px; overflow: hidden; transition: 0.2s all ease; } .block-hash__items { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; } .block-hash__items .hash-item { margin: 10px 0 0 10px; flex-grow: 1; } .block-hash__items .hash-item ins { display: block; width: 16px; height: 18px; border-left: 1px solid rgba(255, 255, 255, 0.3); background: url(/images/hash-close-icon.svg) 8px 50% no-repeat; flex: none; margin-left: 10px; cursor: pointer; display: none; } .block-hash__items .hash-item.active { display: flex; flex-wrap: nowrap; align-items: center; flex-grow: 0; justify-content: center; cursor: default; } .block-hash__items .hash-item.active ins { display: block; } .block-hash__items .hash-item.active { color: #fff; background: #2680eb; } .block-hash__items .hash-item.active a { color: #fff; pointer-events: none; } .block-hash__toggle { width: 64px; flex: none; margin-left: 10px; } .block-hash__toggle .hash-item { margin: 0; overflow:hidden; font-size:40px; } .block-hash__toggle .hash-item a {display:block; position:relative; top:-12px;} .block-hash.active .block-hash__content { width: 100%; height: auto; overflow: hidden; } .block-hash.active .block-hash__toggle { display: none; } .block-hash.active .block-hash__items .hash-item { flex-grow: inherit; } @media screen and (max-width: 1023px) { .block-hash { margin-right: 20px; } .hash-item:hover { color: #000; background: #fff; border: 1px solid #D5D5D5; } .hash-item:hover a { color: #000; } .hash-item.active:hover { color: #fff; background: #2680EB; border: 1px solid #2680EB; } } /* .shop-location-block .ymaps-2-1-79-controls__control { top: 50% !important; position: absolute !important; } */ /* October 2024 */ /* VK clips edit Nov. 2024 */ .vk-item__name { margin-top: 10px; height: 40px; background: #F2F2F2; font-size: 14px; line-height: 40px; text-align: center; font-family: 'Montserrat-SemiBold'; color: #2680EB; } .vk-item__name a { color: #2680EB; } .vk-item__name a:hover { color: #2680EB; } /* VK clips edit Nov. 2024 */ /* Sticky menu Nov. 2024 */ .sticky-menu { position: fixed; z-index: 1000; width: 100%; box-shadow: 0 -5px 10px 0 rgba(38, 128, 235, 0.1); background: #fff; bottom: 0; display: flex; justify-content: space-around; align-items: center; display: none; } .sticky__item { position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding: 10px 0; } .sticky__icon { width: 24px; flex: none; } .sticky__icon img { display: block; width: 100%; } .sticky__name { font-family: 'Montserrat-SemiBold'; font-size: 10px; line-height: 18px; color: #adadad; width: 100%; text-align: center; } .sticky__link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .sticky__link a { display: block; width: 100%; height: 100%; } .sticky__item .header-cart-count { top: 6px; right: 10px; } @media screen and (max-width: 1023px) { .sticky-menu { display: flex; } .footer-bottom-block { padding: 35px 0 97px 0; } } @media screen and (max-width: 767px) { .footer-bottom-block { padding: 14px 0 97px 0; } } /* Sticky menu Nov. 2024 */ /* Contacts Nov. 2024 */ .contacts__cols { display: flex; flex-wrap: wrap; margin: 0 0 0 -50px; align-items: center; } .contacts__col { position: relative; width: calc(50% - 50px); margin: 0 0 0 50px; } .contacts__col .contacts-feed-items { margin: 0; } .contacts__col .contacts-feed-item { position: relative; float: none; width: 100%; margin: 40px 0 0px 0px; } .contacts__col .contacts-feed-item:first-child { margin: 0px; } .contacts__title { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 29px; margin-bottom: 25px; color: #000000; } .contacts__text { color: #5B6064; font-size: 16px; line-height: 24px; } .contacts__text span { font-family: 'Montserrat-SemiBold'; color: #000000; display: inline-block; white-space: nowrap; } .contacts__plug { position: absolute; width: 85%; height: 400px; background: #F7F4F0; top: 0; right: 0; } .contacts__info { position: relative; z-index: 2; padding: 60px 0; } @media screen and (max-width: 1023px) { .contacts__cols { display: flex; flex-wrap: wrap; margin: 0 0 0 0px; align-items: center; } .contacts__col { position: relative; width: 100%; margin: 30px 0 0 0px; } .contacts__col:first-child { margin: 0; } .contacts__info { padding: 30px 0; } } /* Contacts Nov. 2024 */ /* Menu Nov.2024 */ .wrapper .header {z-index:999!important;} .header-bottom-cols { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .header-bottom-col:first-child { float: none; } .header-bottom-col { display: flex; flex-wrap: nowrap; align-items: center; float: none; } .menu-catalog__toggle { width: 160px; height: 40px; background: #000; flex: none; margin-left: 30px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; cursor: pointer; } .menu-catalog__toggle ins { display: block; flex: none; width: 24px; height: 24px; background: url(/images/menu-catalog-sprite.svg) 0px 0px no-repeat; margin-right: 7px; } .menu-catalog__toggle span { font-family: 'Montserrat-SemiBold'; font-size: 14px; color: #FFFFFF; text-transform: uppercase; } .header-menu-block { position: relative; z-index: 2; top: 18px; left: 0; right: 0; text-align: center; flex: none; margin-right: 30px; } .header-menu-block ul li:first-child { margin-left: 0px; } .header-menu-block ul>li { margin-left: 20px; } .header-s { max-width: 284px; margin-left: 20px; position: relative; width: 100%; } .header-s input { width: 100%; height: 40px; border-radius: 0px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; color: #000; padding: 0 16px 0 45px; font-family: 'Montserrat-Regular'; box-sizing: border-box; } .header-s button { display: block; width: 24px; height: 24px; background: #fff url(/images/s-icon.svg) 0px 0px no-repeat; cursor: pointer; position: absolute; z-index: 2; top: 8px; left: 10px; border: none; outline: none; } .cat-content__list ul li { margin-left: 0px; } .header-sub-menu { left: auto; right: -281px; width: 1220px; } .drop-menu { position: fixed; top: 156px; left: 0; width: 100%; height: 100%; z-index: 998; background: #fff; display: none; } body.active .drop-menu { top: 95px; } body.run .drop-menu { top: 196px; } body.run.active .drop-menu { top: 95px; } body.active .drop-menu__sidebar { height: calc(100% - 95px); } body.active .drop-menu__content { height: calc(100% - 95px); } body.show-drop { overflow: hidden; } body.show-drop .drop-menu { display: block; } body.show-drop .menu-catalog__toggle ins { background-position: 0 -24px; } .drop-menu__cols { display: flex; flex-wrap: nowrap; } .drop-menu .page-inner { height: 100vh; } .drop-menu__cols { height: 100vh; } .drop-menu__sidebar { width: 236px; flex: none; border-right: 1px solid #E0E0E0; height: calc(100% - 156px); box-sizing: border-box; overflow: auto; padding: 20px 20px 20px 0; } .drop-menu__content { width: 100%; height: calc(100% - 156px); overflow: auto; padding: 30px 20px; box-sizing: border-box; } .drop-menu__sidebar::-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0px; } .drop-menu__sidebar::-webkit-scrollbar-track-piece { background-color: transparent; } .drop-menu__content::-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0px; } .drop-menu__content::-webkit-scrollbar-track-piece { background-color: transparent; } .drop-menu__pane { display: none; } .drop-menu__pane.active { display: block; } .drop-menu__nav ul { list-style: none; margin: 0; padding: 0; } .drop-menu__nav ul li { margin: 0; } .drop-menu__nav ul li a { display: flex; flex-wrap: nowrap; align-items: center; color: #000; font-size: 12px; text-transform: uppercase; text-decoration: none; font-family: 'Montserrat-SemiBold'; transition: 0.2s all ease; padding: 8px 10px; } .drop-menu__nav ul li a ins { width: 24px; height: 24px; flex: none; margin-right: 10px; } .drop-menu__nav ul li a span { display: block; width: 100%; padding-right: 20px; } .drop-menu__nav ul li a:hover { color: #2680EB; } .drop-menu__nav ul li.active a { background: #F1F7FF; pointer-events: none; } .drop-menu__nav ul li.active a span { background: url(/images/drop-flag-icon.svg) 100% 50% no-repeat; } .drop-menu__row { display: flex; flex-wrap: nowrap; } .drop-menu__img { width: 300px; flex: none; margin-left: 20px; } .drop-menu__list { width: 100%; } .drop-menu__columns { display: flex; flex-wrap: nowrap; margin: 0 0 0 -20px; } .drop-menu__column { width: calc((100%/3) - 20px); margin: 0 0 0 20px; } .column__item { margin-top: 30px; } .column__item:first-child { margin-top: 0; } .column__title { font-family: 'Montserrat-SemiBold'; font-size: 17px; line-height: 22px; color: #000; margin-bottom: 10px; } .column__list { list-style: none; margin: 0; padding: 0; } .column__list-item { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #000; margin-top: 10px; position: relative; } .column__list-item:first-child { margin-top: 0; } .column__list-link { color: #000; text-decoration: none; transition: 0.2s all ease; } .column__list-link:hover { color: #2680eb; } .column__list-link span { background: url(/images/column-drop-icon.svg) 100% 50% no-repeat; padding-right: 20px; } .column__list-link:hover span { background: url(/images/column-drop-icon-active.svg) 100% 50% no-repeat; } .column__sublist { list-style: none; margin: 16px 0 16px 10px; display: none; } .column__sublist-item { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #000; margin-top: 10px; } .column__sublist-item:first-child { margin-top: 0; } .column__sublist-link { color: #000; text-decoration: none; transition: 0.2s all ease; } .column__sublist-link:hover { color: #2680eb; } .column__list-item.active .column__list-link { color: #2680eb; } .column__list-item.active .column__list-link span { background: url(/images/column-drop-icon-active.svg) 100% 50% no-repeat; } .column__list-item.active .column__sublist { display: block; } .column__switcher { margin-top: 10px; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #c7ab85; cursor: pointer; } .column__switcher span { background: url(/images/column-switcher-icon.svg) 100% 50% no-repeat; padding-right: 20px; } .column__list-hidden .column__list-item { display: none; } .column__list-hidden .column__list-item:nth-child(1) { display: block; } .column__list-hidden .column__list-item:nth-child(2) { display: block; } .column__list-hidden .column__list-item:nth-child(3) { display: block; } .column__list-hidden .column__list-item:nth-child(4) { display: block; } .column__list-hidden .column__list-item:nth-child(5) { display: block; } .column__list-hidden.active .column__list-item { display: block; } .column__category { display: none; } .column__category-items { display: flex; flex-wrap: wrap; margin: -20px 0 0 -20px; } .column__category-item { position: relative; width: calc((100%/3) - 20px); margin: 20px 0 0 20px; } .column__category-img { display: block; } .column__category-img img { display: block; width: 100%; } .column__category-name { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #000; margin-top: 10px; transition: 0.2s all ease; text-align: center; } .column__category-item:hover .column__category-name { color: #2680eb; } .column__category-link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .column__category-link a { display: block; width: 100%; height: 100%; } .drop-menu__img img { display: block; width: 100%; } .drop-menu__all { color: #2680EB; font-size: 14px; line-height: 14px; font-family: 'Montserrat-Regular'; margin-bottom: 20px; } .drop-menu__all a { color: #2680EB; text-decoration: none; } .drop-menu__all span { background: url(/images/arrow-sprite.svg) 100% 6px no-repeat; padding-right: 100px; color: #2680EB; } .drop-menu__all a:hover span { background-position: 100% -10px; color: #C7AB85; } .mobile__toggle-cat { padding: 10px 0px; font-size: 12px; line-height: 12px; font-family: 'Montserrat-SemiBold'; text-transform: uppercase; color: #000; cursor: pointer; } .header-search-block { display: none; } .header-cart-block { margin-left: 15px; } .header-left__menu ul li { margin-left: 10px; } .header-right__menu ul li { margin-left: 25px; } @media screen and (max-width: 1239px) { .header-logo-img { width: 166px; } .menu-catalog__toggle { margin-left: 15px; width: 135px; } .header-s { margin-left: 15px; max-width: 188px; } .header-menu-block { margin-right: 12px; } .header-menu-block ul>li { margin-left: 10px; } .header-menu-block ul>li:first-child { margin-left: 12px; } .header-auth-block { margin-left: 12px; } .header-cart-block { margin-left: 10px; } .header-phone-block { margin-left: 10px; } .header-s button { left: 5px; } .header-s input { padding: 0 16px 0 35px; } .header-sub-menu { right: -243px; width: 1007px; } .drop-menu__img { display: none; } .drop-menu__columns { display: flex; flex-wrap: wrap; margin: 0 0 0 0px; } .drop-menu__column { width: 100%; margin: 30px 0 0 0px; } .drop-menu__column:first-child { margin: 0px; } .drop-menu__column .column__list-first { display: none; } .column__category { display: block; } .column__list { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; } .column__list-item { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #000; margin: 10px 0 0 10px; position: relative; } .column__list-item:first-child { margin: 10px 0 0 10px; } .column__list-link { color: #000; text-decoration: none; transition: 0.2s all ease; display: block; padding: 10px 20px; background: #f5f5f5; } .column__list-link:hover { color: #2680eb; } .column__switcher { display: none; } .column__list-hidden .column__list-item { display: block; } } @media screen and (max-width: 1024px) { .drop-menu { top: 65px; display: none; } body.active .drop-menu { top: 65px; } body.run .drop-menu { top: 66px; } body.run.active .drop-menu { top: 65px; } .menu-catalog__toggle { display: none; } .header-s { display: none; } .header-search-block { display: block; } .header-bottom-cols { justify-content: flex-end; align-items: flex-end; } .header-cart-block { display: block; } .header-auth-block { display: none; } .header-logo-img { width: 162px; } .header-cart-block { margin-left: 15px; } .drop-menu .page-inner { padding: 0px; } .drop-menu__sidebar { width: 90px; padding: 0px; border-right: none; background: #f5f5f5; } .drop-menu__nav ul li a { flex-wrap: wrap; font-size: 9px; line-height: 14px; justify-content: center; border-bottom: 3px solid #f5f5f5; padding: 10px; box-sizing: border-box; } .drop-menu__nav ul li a span { background: none; width: 100%; text-align: center; padding-right: 0; margin-top: 4px; } .drop-menu__nav ul li.active a span { background: none; } .drop-menu__nav ul li a ins { margin-right: 0px; } .drop-menu__nav ul li.active a { background: #FFF; border-bottom: 3px solid #2680eb; } .drop-menu__nav ul li a:hover { color: #000; } .drop-menu__sidebar { height: calc(100% - 210px); } .drop-menu__content { height: calc(100% - 210px); } body.active .drop-menu__sidebar { height: calc(100% - 128px); } body.active .drop-menu__content { height: calc(100% - 128px); } .column__list-link:hover { color: #000; } .drop-menu__all a:hover span { background-position: 100% 6px; color: #2680EB; } } @media screen and (max-width: 767px) { .column__category-items { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; } .column__category-item { width: calc((100%/2) - 10px); margin: 20px 0 0 10px; } .column__category-name { font-size: 14px; line-height: 16px; } .column__list-item { font-size: 14px; line-height: 20px; } .column__list-link { padding: 10px; } .drop-menu__content { padding: 30px 10px; } } /* Menu Nov.2024 */ .lazy { opacity: 0; /* Скрываем изначально */ transition: opacity 1s ease-in-out; } .lazy.loaded { opacity: 1; /* Плавное появление */ } /*Cookies POPUP*/ .cookies { position: fixed; z-index: 1000; left: 0; right: 0; bottom: 0; -webkit-box-shadow: 0 -5px 15px 0 rgba(6, 88, 175, 0.15); box-shadow: 0 -5px 15px 0 rgba(6, 88, 175, 0.15); background: #fff; padding: 1.5rem 0; } .cookies__inner { max-width: 1220px; margin: 0 auto; display: flex; justify-content: space-between; padding-right: 20px; padding-left: 20px; } .cookies__text { text-align: left; padding: 0; width: 100%; margin-right:20px; } .cookies__text a { text-decoration: none; border-bottom: 1px solid #0658af; color: #0658af; } .cookies__text a:hover { border-bottom: 1px solid #fff; } .cookies__link { width: 7.875rem; height: 2.75rem; margin: 0rem auto 0 auto; } .cookies__link a { display: block; width: 100%; height: 100%; border: 1px solid #2680EB; border-radius: 0.375rem; line-height: 2.625rem; background:#2680EB; letter-spacing: 0.02em; color: #fff; text-decoration: none; text-align: center; } .cookies__link a:hover { background:#2680EB; color: #fff; } .cookies__close { position: absolute; z-index: 2; top: 20px; right: 20px; width: 2.5rem; height: 2.5rem; cursor: pointer; background: url(/images/cookies-close.svg) 0px 0px no-repeat; } @media screen and (max-width: 1023px) { .cookies__text { text-align: left; } .cookies__text a { border-bottom: 1px solid #0096ab; } .cookies__text a:hover { border-bottom: 1px solid #0096ab; } .cookies__link a:hover { background: #2680EB; color: #fff; } .cookies__close { width: 1.25rem; height: 1.25rem; cursor: pointer; background-size: 1.25rem; } } @media screen and (max-width: 767px) { .cookies__inner { flex-wrap:wrap; padding: 0 20px 0 20px; } .cookies__link { margin: 20px auto 0 auto; } .cookies__text { margin-right:0px; text-align: justify; } } /*.Cookies POPUP*/ .checkbox a {text-decoration:underline!important;} .bread-crumbs ins {text-decoration:none;} .header-menu-block ul>li { position: relative; } .friday__plug { position: absolute; z-index: 2; top: -40px; left: 0; right: 0; bottom: 0; background: #fff url(/images/friday-logo.svg) 50% 50% no-repeat; } .friday__plug a { display: block; width: 100%; height: 100%; padding: 0 !important; border: none !important; } .dl-menuwrapper li:last-child a {color:#f20000!important;} .status-friday--2 { width: 78px!important; height: 66px!important; background: url(/images/status-friday-2.svg) 0 0 no-repeat; font-family: 'Montserrat-Medium'; font-size: 24px; text-align: center; line-height: 66px; color: #fff; } @media screen and (max-width: 767px) { .status-friday--2 { width: 60px !important; height: 48px !important; background: url(/images/status-friday-2.svg) 0 0 no-repeat; font-family: 'Montserrat-Medium'; font-size: 16px; text-align: center; line-height: 52px; color: #fff; background-size: 60px; top:0!important; left:0!important; } } /*корзина для оптовика 2026*/ .header .cart_and_user { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 200px; height: 100%; float:left; margin-left:20px; margin-bottom: -4px; } .header .cart_and_user .divider { background: #CBCED2; margin: 0 20px; width: 1px; height: 48px; } .header-cart__outer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; height: 100%; white-space:nowrap; } .for-user { text-align:center;} .user-name { font-size:14px; color:#000;} .header-cart__outer:hover::before { top: -100%; } .header-cart__outer:hover .header-cart { color: #2680EB; } .header-cart__outer:hover .header-cart .icon { color: #2680EB; } .header-cart__outer:hover .header-cart__dropdown { top: 100%; opacity: 1; visibility: visible; } .header-cart { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 600; text-decoration: none; text-transform: uppercase; color: #939496; } .header-cart:hover { color: #2680EB; } .header-cart:hover .icon { color: #2680EB; } .header-cart .icon { margin-right: 10px; background: url(/images/sticky-cart-icon-black.svg) 0 50% no-repeat; padding: 0 0 0px 0px; display:block; width:24px; height:24px; } .header-cart__dropdown { position: absolute; top: 90%; right: 0; opacity: 0; visibility: hidden; width: 300px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index:4; } .header-cart__dropdown::before { content: ''; display: inline-block; position: absolute; top: -5px; right: 50px; border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent; border-bottom-color: #000; } .header-cart__dropdown .inner { position: relative; overflow: hidden; width: 100%; } .header-cart__dropdown .list { background: #000; overflow: auto; padding-top: 0px; margin:0; width: 100%; height: auto; max-height: 215px; } .header-cart__dropdown .list .element { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: transparent; padding: 14px 30px; width: 300px; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; box-sizing:border-box; color: #939496; margin:0; } .header-cart__dropdown .list .element:hover { background: #2680EB; } .header-cart__dropdown .list .element .col-left { width: 60%; } .header-cart__dropdown .list .element .col-right { width: 40%; } .header-cart__dropdown .list .element .label { margin: 0 0 3px; font-size: 12px; color: #e8e9ea; } .header-cart__dropdown .list .element .value { margin: 0; font-size: 14px; font-weight: 600; color: #fff; } .header-cart__dropdown .today { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; background: #000; padding: 18px 30px; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-cart__dropdown .today:hover { background: #2680EB; } .header-cart__dropdown .today:hover::before { background: transparent; } .header-cart__dropdown .today::before { content: ''; display: inline-block; position: absolute; top: 0; left: 30px; background: #343434; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); height: 1px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #939496; } .header-cart__dropdown .today .col-left { width: 60%; } .header-cart__dropdown .today .col-right { width: 40%; } .header-cart__dropdown .today .label { margin: 0 0 3px; font-size: 12px; color: #e8e9ea; } .header-cart__dropdown .today .value { margin: 0; font-size: 14px; font-weight: 600; color: #fff; } .header-user { text-decoration: none; color: #000; } .header-user:hover { color: #2680EB; } .header-user .icon { font-size: 28px; } /*.корзина для оптовика 2026*/ ---------------------------------------------------- */ /* partners map begin ---------------------------------------------------- */ .partners-map__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #CBCED2; padding: 30px 0; } .partners-map__top .h1 { margin: 0; } .partners-map__top .change-city__btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; font-size: 18px; color: #939496; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .partners-map__top .change-city__btn:hover { color: #2680EB; } .partners-map__top .change-city__btn .icon { margin-right: 10px; font-size: 26px; color: #2680EB; } .partners-map__list { position: relative; margin: 0; padding: 0; width: 100%; } .partners-map__list-outer { position: absolute; top: 50%; right: 50%; z-index: 10; background: #fff; overflow-y: auto; margin: 0 -565px 0 0; padding: 0; width: 300px; max-height: 90%; font-size: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .partners-map__list-outer.mCS_destroyed { overflow-y: auto !important; } .partners-map__list .element { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #fff; width: 100%; position: relative; margin: 0; padding: 20px 30px; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .partners-map__list .element::before { content: ''; position: absolute; top: 0; left: 30px; background: #CBCED2; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); height: 1px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .partners-map__list .element:first-child::before { display: none; } .partners-map__list .element:hover { background: #e8e9ea; } .partners-map__list .element:hover::before, .partners-map__list .element:hover + .element::before { opacity: 0; } .partners-map__list .element__name { margin-bottom: 10px; font-size: 14px; font-weight: 500; } .partners-map__list .element__address { font-size: 18px; font-weight: 500; color: #000; } .partners-map__list .element__phone { margin-bottom: 10px; font-size: 14px; font-weight: 600; } .partners-map__list .element__btn { font-size: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .partners-map__list .element__btn:hover { color: #2680EB; } .partners-map__outer { position: relative; margin-bottom: 50px; height: 500px; } .partners-map__outer .toggle__btn { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 60px; right: 10px; z-index: 15; border-radius: 3px; background: #2680EB; width: 40px; height: 40px; font-size: 15px; color: #fff; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .partners-map__outer .toggle__btn:hover { background: #559bef; } .partners-map__outer .toggle__btn:active { background: #1367cb; } .partners-map__outer.opened .toggle__btn { border-radius: 3px 0 0 3px; top: 10px; right: 300px; } .partners-map__years { font-size: 22px; color: #000; margin-bottom:15px; } .partners-map__facts-table { background: #fff; margin-bottom: 50px; padding: 40px; } .partners-map__facts-table .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -30px; } .partners-map__facts-table .inner .col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 30px; } .partners-map__facts-table .inner .col .element { border-bottom: 1px solid #CBCED2; margin-bottom: 20px; padding-bottom: 20px; } .partners-map__facts-table .inner .col .element:last-child { border: none; margin: 0; padding: 0; } .partners-map__facts-table .inner .col .element p { margin: 0; font-size: 19px; font-weight: 600; color: #000; } .partners-map__facts-table .inner .col-left { width: -webkit-calc(20% - 60px); width: calc(20% - 60px); } .partners-map__facts-table .inner .col-mid { width: -webkit-calc(45% - 60px); width: calc(45% - 60px); } .partners-map__facts-table .inner .col-right { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; border-left: 1px solid #CBCED2; margin-top: -15px; margin-bottom: -15px; padding-left: 40px; width: -webkit-calc(35% - 60px); width: calc(35% - 60px); } .partners-map__facts-table .inner .col-right .icon { margin-bottom: 20px; font-size: 52px; color: #2680EB; } .partners-map__facts-table .inner .col-right .element p { font-weight: 700; text-transform: uppercase; } .partners-map__facts .element { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; } .partners-map__facts .element:last-child { margin: 0; } .partners-map__facts .element .col-img { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; width: 100px; } .partners-map__facts .element .col-img .icon { width: 65px; text-align: center; color: #2680EB; } .partners-map__facts .element .col-img .icon-family { font-size: 48px; } .partners-map__facts .element .col-img .icon-desk { font-size: 46px; } .partners-map__facts .element .col-txt { padding-left: 30px; width: -webkit-calc(100% - 100px); width: calc(100% - 100px); } .partners-map__facts .element .col-txt p { font-size: 20px; color: #000; } .partners-map__facts .element .col-txt p:last-child { margin: 0; } @media only screen and (max-width: 1199px) { .partners-map__list-outer { margin-right: -465px; } .partners-map__facts-table .inner { margin: 0 -20px; } .partners-map__facts-table .inner .col { margin: 0 20px; } .partners-map__facts-table .inner .col-left { width: -webkit-calc(20% - 40px); width: calc(20% - 40px); } .partners-map__facts-table .inner .col-mid { width: -webkit-calc(45% - 40px); width: calc(45% - 40px); } .partners-map__facts-table .inner .col-right { padding-left: 30px; width: -webkit-calc(35% - 40px); width: calc(35% - 40px); } .partners-map__facts-table .inner .col .element p { font-size: 16px; } } @media only screen and (max-width: 991px) { .partners-map__list-outer { margin-right: -355px; } .partners-map__facts-table { padding: 30px; } .partners-map__facts-table .inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .partners-map__facts-table .inner .col { margin: 0 20px; } .partners-map__facts-table .inner .col-left { width: -webkit-calc(30% - 40px); width: calc(30% - 40px); } .partners-map__facts-table .inner .col-mid { width: -webkit-calc(70% - 40px); width: calc(70% - 40px); } .partners-map__facts-table .inner .col-right { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; border-top: 1px solid #CBCED2; border-left: none; margin: 30px 20px 0; padding-top: 20px; padding-left: 0; width: 100%; } .partners-map__facts-table .inner .col-right .element { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .partners-map__facts-table .inner .col-right .element .icon { -webkit-align-self: top; -ms-flex-item-align: top; align-self: top; margin-right: 20px; margin-bottom: 0; } .partners-map__facts-table .inner .col .element p { font-size: 16px; } } @media only screen and (max-width: 767px) { .partners-map__top { display: block; } .partners-map__top .h1 { margin-bottom: 20px; } .partners-map__outer .toggle__btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .partners-map__outer.opened .partners-map__list-outer { right: 0; } .partners-map__list-outer { top: 0; right: -300px; margin-right: 0; height: 100%; max-height: none; -webkit-transform: none; -ms-transform: none; transform: none; } .partners-map__facts-table .inner { margin: 0; } .partners-map__facts-table .inner .col { margin: 0; } .partners-map__facts-table .inner .col-left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; } .partners-map__facts-table .inner .col-left .element { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #CBCED2; border-bottom: none; margin: 0; padding: 0 20px; width: 50%; text-align: center; } .partners-map__facts-table .inner .col-left .element:first-child { padding-left: 0; } .partners-map__facts-table .inner .col-left .element:last-child { padding-right: 0; } .partners-map__facts-table .inner .col-left .element p { text-align: left; } .partners-map__facts-table .inner .col-mid { border-top: 1px solid #CBCED2; margin: 20px 0; padding-top: 20px; width: 100%; } .partners-map__facts-table .inner .col .element p { font-size: 16px; } .partners-map__facts .element { margin-bottom: 30px; } .partners-map__facts .element .col-img { width: 80px; } .partners-map__facts .element .col-txt { padding-left: 15px; width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } .partners-map__facts .element .col-txt p { font-size: 16px; } } @media only screen and (max-width: 479px) { .partners-map__outer.opened .toggle__btn { right: 255px; } .partners-map__list-outer { width: 255px; right: -255px; } .partners-map__facts-table { padding: 20px; } .partners-map__facts-table .inner .col .element p { font-size: 13px; } .partners-map__facts .element .col-img { width: 60px; } .partners-map__facts .element .col-img .icon { width: 60px; } .partners-map__facts .element .col-img .icon-family { font-size: 38px; } .partners-map__facts .element .col-img .icon-desk { font-size: 36px; } .partners-map__facts .element .col-txt { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); } .partners-map__facts .element .col-txt p { font-size: 14px; } } @media only screen and (max-height: 767px) { .partners-map__outer { height: 350px; } } @media only screen and (max-height: 567px) { .partners-map__outer { height: 300px; } } @media only screen and (max-height: 449px) { .partners-map__outer { height: 250px; } .partners-map__outer .toggle__btn { top: 10px; right: 60px; } } /* partners map end ---------------------------------------------------- */ /* section-manager begin ---------------------------------------------------- */ .section-manager { padding: 15px 0; } .section-manager + .section:not(.white_bg) { padding-top: 20px; } .section-manager .container { position: relative; } .section-manager .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; height: 55px; } .section-manager .col-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-manager .phone { margin: 0; font-size: 14px; text-align: right; } .section-manager .phone a { display: inline-block; margin-left: 10px; white-space: nowrap; font-weight: 700; text-decoration: none; color: #000; } .section-manager .phone a:hover { color: #2680EB; } .section-manager .manager_popup_btn { margin: 0 30px; padding: 0 20px; min-width: 180px; } .section-manager .manager_popup_btn .icon { margin-right: 10px; font-size: 16px; } .section-manager .manager_popup_btn .text { white-space: nowrap; } .section-manager .search-line__btn { font-size: 17px; color: #000; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .section-manager .search-line__btn:hover { color: #2680EB; } .section-manager .logout_btn { margin-left: 30px; letter-spacing: 2px; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #000; } .section-manager .logout_btn:hover { color: #2680EB; } @media only screen and (max-width: 1199px) { .section-manager .col-left { width: 35%; } .section-manager .col-right { width: 65%; } } @media only screen and (max-width: 991px) { .section-manager + .section:not(.white_bg) { padding-top: 0; } .section-manager .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; } .section-manager .col-left { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; } .section-manager .col-right { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 20px; width: 100%; height: 55px; } } @media only screen and (max-width: 567px) { .section-manager .phone { font-size: 10px; } .section-manager .phone a { font-size: 12px; } .section-manager .manager_popup_btn { margin: 0 20px; padding: 0 20px; min-width: 170px; } .section-manager .logout_btn { margin-left: 20px; } } @media only screen and (max-width: 479px) { .section-manager .col-right { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-manager .phone { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 10px; width: 100%; } .for-messanger { margin-left:-30px; } .section-manager .manager_popup_btn { margin: 0 auto 0 20px; height: 40px; width: 115px; min-width: 115px; font-size: 11px; text-align: left; } .section-manager .manager_popup_btn .text { white-space: normal; } } .blue { color: #2680EB; } .section-partners-map { background: #F7F9FB; } /* section-manager end ---------------------------------------------------- */ /* End */ /* Start:/css/new_menu.css?177452720413072*/ /* Menu Nov.2024 */ .wrapper .header {z-index:999!important;} .header-bottom-cols { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .header-bottom-col:first-child { float: none; } .header-bottom-col { display: flex; flex-wrap: nowrap; align-items: center; float: none; } .menu-catalog__toggle { width: 160px; height: 40px; background: #000; flex: none; margin-left: 30px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; cursor: pointer; } .menu-catalog__toggle ins { display: block; flex: none; width: 24px; height: 24px; background: url(/images/menu-catalog-sprite.svg) 0px 0px no-repeat; margin-right: 7px; } .menu-catalog__toggle span { font-family: 'Montserrat-SemiBold'; font-size: 14px; color: #FFFFFF; text-transform: uppercase; } .header-menu-block { position: relative; z-index: 2; top: 18px; left: 0; right: 0; text-align: center; flex: none; margin-right: 30px; } .header-menu-block ul li:first-child { margin-left: 0px; } .header-menu-block ul>li { margin-left: 20px; } .header-s { max-width: 284px; margin-left: 20px; position: relative; width: 100%; } .header-s input { width: 100%; height: 40px; border-radius: 0px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; color: #000; padding: 0 16px 0 45px; font-family: 'Montserrat-Regular'; box-sizing: border-box; } .header-s button { display: block; width: 24px; height: 24px; background: url(/images/s-icon.svg) 0px 0px no-repeat; cursor: pointer; position: absolute; z-index: 2; top: 8px; left: 10px; border: none; outline: none; } .cat-content__list ul li { margin-left: 0px; } .header-sub-menu { left: auto; right: -281px; width: 1220px; } .drop-menu { position: fixed; top: 156px; left: 0; width: 100%; height: 100%; z-index: 998; background: #fff; display: none; } body.active .drop-menu { top: 95px; } body.run .drop-menu { top: 196px; } body.run.active .drop-menu { top: 95px; } body.active .drop-menu__sidebar { height: calc(100% - 95px); } body.active .drop-menu__content { height: calc(100% - 95px); } body.run .drop-menu__sidebar { height: calc(100% - 196px); } body.run .drop-menu__content { height: calc(100% - 196px); } body.show-drop { overflow: hidden; } body.show-drop .drop-menu { display: block; } body.show-drop .menu-catalog__toggle ins { background-position: 0 -24px; } .drop-menu__cols { display: flex; flex-wrap: nowrap; } .drop-menu .page-inner { height: 100vh; } .drop-menu__cols { height: 100vh; } .drop-menu__sidebar { width: 236px; flex: none; border-right: 1px solid #E0E0E0; height: calc(100% - 156px); box-sizing: border-box; overflow: auto; padding: 20px 20px 20px 0; } .drop-menu__content { width: 100%; height: calc(100% - 156px); overflow: auto; padding: 30px 20px; box-sizing: border-box; } .drop-menu__sidebar::-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0px; } .drop-menu__sidebar::-webkit-scrollbar-track-piece { background-color: transparent; } .drop-menu__content::-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0px; } .drop-menu__content::-webkit-scrollbar-track-piece { background-color: transparent; } .drop-menu__pane { display: none; } .drop-menu__pane.active { display: block; } .drop-menu__nav ul { list-style: none; margin: 0; padding: 0; } .drop-menu__nav ul li { margin: 0; } .drop-menu__nav ul li a { display: flex; flex-wrap: nowrap; align-items: center; color: #000; font-size: 12px; text-transform: uppercase; text-decoration: none; font-family: 'Montserrat-SemiBold'; transition: 0.2s all ease; padding: 8px 10px; } .drop-menu__nav ul li a ins { width: 24px; height: 24px; flex: none; margin-right: 10px; } .drop-menu__nav ul li a span { display: block; width: 100%; padding-right: 20px; } .drop-menu__nav ul li a:hover { color: #2680EB; } .drop-menu__nav ul li.active a { background: #F1F7FF; pointer-events: none; } .drop-menu__nav ul li.active a span { background: url(/images/drop-flag-icon.svg) 100% 50% no-repeat; } .drop-menu__row { display: flex; flex-wrap: nowrap; } .drop-menu__img { width: 300px; flex: none; margin-left: 20px; } .drop-menu__list { width: 100%; } .drop-menu__columns { display: flex; flex-wrap: nowrap; margin: 0 0 0 -20px; } .drop-menu__column { width: calc((100%/3) - 20px); margin: 0 0 0 20px; } .column__item { margin-top: 30px; } .column__item:first-child { margin-top: 0; } .column__title { font-family: 'Montserrat-SemiBold'; font-size: 17px; line-height: 22px; color: #000; margin-bottom: 10px; } .column__list { list-style: none; margin: 0; padding: 0; } .column__list-item { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #000; margin-top: 10px; position: relative; } .column__list-item:first-child { margin-top: 0; } .column__list-link { color: #000; text-decoration: none; transition: 0.2s all ease; } .column__list-link:hover { color: #2680eb; } .column__list-link span { background: url(/images/column-drop-icon.svg) 100% 50% no-repeat; padding-right: 20px; } .column__list-link:hover span { background: url(/images/column-drop-icon-active.svg) 100% 50% no-repeat; } .column__sublist { list-style: none; margin: 16px 0 16px 10px; display: none; } .column__sublist-item { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #000; margin-top: 10px; } .column__sublist-item:first-child { margin-top: 0; } .column__sublist-link { color: #000; text-decoration: none; transition: 0.2s all ease; } .column__sublist-link:hover { color: #2680eb; } .column__list-item.active .column__list-link { color: #2680eb; } .column__list-item.active .column__list-link span { background: url(/images/column-drop-icon-active.svg) 100% 50% no-repeat; } .column__list-item.active .column__sublist { display: block; } .column__switcher { margin-top: 10px; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #c7ab85; cursor: pointer; } .column__switcher span { background: url(/images/column-switcher-icon.svg) 100% 50% no-repeat; padding-right: 20px; } .column__list-hidden .column__list-item { display: none; } .column__list-hidden .column__list-item:nth-child(1) { display: block; } .column__list-hidden .column__list-item:nth-child(2) { display: block; } .column__list-hidden .column__list-item:nth-child(3) { display: block; } .column__list-hidden .column__list-item:nth-child(4) { display: block; } .column__list-hidden .column__list-item:nth-child(5) { display: block; } .column__list-hidden .column__list-item:nth-child(6) { display: block; } .column__list-hidden .column__list-item:nth-child(7) { display: block; } .column__list-hidden.active .column__list-item { display: block; } .column__category { display: none; } .column__category-items { display: flex; flex-wrap: wrap; margin: -20px 0 0 -20px; } .column__category-item { position: relative; width: calc((100%/3) - 20px); margin: 20px 0 0 20px; } .column__category-img { display: block; } .column__category-img img { display: block; width: 100%; } .column__category-name { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #000; margin-top: 10px; transition: 0.2s all ease; text-align: center; } .column__category-item:hover .column__category-name { color: #2680eb; } .column__category-link { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .column__category-link a { display: block; width: 100%; height: 100%; } .drop-menu__img img { display: block; width: 100%; } .drop-menu__all { color: #2680EB; font-size: 14px; line-height: 14px; font-family: 'Montserrat-Regular'; margin-bottom: 20px; } .drop-menu__all a { color: #2680EB; text-decoration: none; } .drop-menu__all span { background: url(/images/arrow-sprite.svg) 100% 6px no-repeat; padding-right: 100px; color: #2680EB; } .drop-menu__all a:hover span { background-position: 100% -10px; color: #C7AB85; } .mobile__toggle-cat { padding: 10px 0px; font-size: 12px; line-height: 12px; font-family: 'Montserrat-SemiBold'; text-transform: uppercase; color: #000; cursor: pointer; } .header-search-block { display: none; } .header-cart-block { margin-left: 15px; } .header-left__menu ul li { margin-left: 10px; } .header-right__menu ul li { margin-left: 25px; } @media screen and (max-width: 1239px) { .header-logo-img { width: 166px; } .menu-catalog__toggle { margin-left: 15px; width: 135px; } .header-s { margin-left: 15px; max-width: 188px; } .header-menu-block { margin-right: 12px; } .header-menu-block ul>li { margin-left: 10px; } .header-menu-block ul>li:first-child { margin-left: 12px; } .header-auth-block { margin-left: 12px; } .header-cart-block { margin-left: 10px; } .header-phone-block { margin-left: 10px; } .header-s button { left: 5px; } .header-s input { padding: 0 16px 0 35px; } .header-sub-menu { right: -243px; width: 1007px; } .drop-menu__img { display: none; } .drop-menu__columns { display: flex; flex-wrap: wrap; margin: 0 0 0 0px; } .drop-menu__column { width: 100%; margin: 30px 0 0 0px; } .drop-menu__column:first-child { margin: 0px; } .drop-menu__column .column__list-first { display: none; } .column__category { display: block; } .column__list { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; } .column__list-item { font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 22px; color: #000; margin: 10px 0 0 10px; position: relative; } .column__list-item:first-child { margin: 10px 0 0 10px; } .column__list-link { color: #000; text-decoration: none; transition: 0.2s all ease; display: block; padding: 10px 20px; background: #f5f5f5; } .column__list-link:hover { color: #2680eb; } .column__switcher { display: none; } .column__list-hidden .column__list-item { display: block; } } @media screen and (max-width: 1024px) { .drop-menu { top: 65px; display: none; } body.active .drop-menu { top: 65px; } body.run .drop-menu { top: 66px; } body.run.active .drop-menu { top: 65px; } .menu-catalog__toggle { display: none; } .header-s { display: none; } .header-search-block { display: block; } .header-bottom-cols { justify-content: flex-end; align-items: flex-end; } .header-cart-block { display: block; } .header-auth-block { display: none; } .header-logo-img { width: 162px; } .header-cart-block { margin-left: 15px; } .drop-menu .page-inner { padding: 0px; } .drop-menu__sidebar { width: 90px; padding: 0px; border-right: none; background: #f5f5f5; } .drop-menu__nav ul li a { flex-wrap: wrap; font-size: 9px; line-height: 14px; justify-content: center; border-bottom: 3px solid #f5f5f5; padding: 10px; box-sizing: border-box; } .drop-menu__nav ul li a span { background: none; width: 100%; text-align: center; padding-right: 0; margin-top: 4px; } .drop-menu__nav ul li.active a span { background: none; } .drop-menu__nav ul li a ins { margin-right: 0px; } .drop-menu__nav ul li.active a { background: #FFF; border-bottom: 3px solid #2680eb; } .drop-menu__nav ul li a:hover { color: #000; } .drop-menu__sidebar { height: calc(100% - 210px); } .drop-menu__content { height: calc(100% - 210px); } body.active .drop-menu__sidebar { height: calc(100% - 128px); } body.active .drop-menu__content { height: calc(100% - 128px); } body.run .drop-menu__sidebar { height: calc(100% - 128px); } body.run .drop-menu__content { height: calc(100% - 128px); } .column__list-link:hover { color: #000; } .drop-menu__all a:hover span { background-position: 100% 6px; color: #2680EB; } } @media screen and (max-width: 767px) { .column__category-items { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; } .column__category-item { width: calc((100%/2) - 10px); margin: 20px 0 0 10px; } .column__category-name { font-size: 14px; line-height: 16px; } .column__list-item { font-size: 14px; line-height: 20px; } .column__list-link { padding: 10px; } .drop-menu__content { padding: 30px 10px; } } /* Menu Nov.2024 */ /* End */ /* /css/jquery.fancybox.css?159039650212795 */ /* /css/animate.min.css?159039650216952 */ /* /css/jquery.dlmenu.css?159039650216480 */ /* /css/swiper.css?159065657213688 */ /* /css/jquery.mCustomScrollbar.css?159765370253515 */ /* /css/style.css?1776945792442640 */ /* /css/new_menu.css?177452720413072 */