/* Start:/local/templates/main/css/slick.css?17187894151776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/main/css/jquery.fancybox.min.css?171878941512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/css/tooltipster.bundle.min.css?17187894156495*/ .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} /* End */ /* Start:/local/templates/main/css/main.css?1718789415153655*/ @charset "utf-8"; /*CSS3*/ :root { --header-height: 90px; --main-font-size: 18px; --font-size-20: 20px; --font-size-16: 16px; --font-size-14: 14px; --font-size-12: 12px; --main-line-height: 1.45; --m1: 20px; --m0: calc(var(--m1) / 1.34); --m2: calc(var(--m1) * 1.42); --m3: calc(var(--m1) * 1.5); --m4: calc(var(--m1) * 1.7); --m5: calc(var(--m1) * 4.8); --m6: calc(var(--m1) * 2.05); --m7: calc(var(--m1) * 2.45); --m8: calc(var(--m1) * 3.55); --m9: calc(var(--m1) * 2.8); --m-def: 70px; --input-height: 60px; --input-font-size: var(--font-size-16); --content-offset-top: 18px; --content-offset-bottom: var(--m-def); --container-offset: 20px; } /* Template developer: Elesin Alexander Skype: virusanja */ @font-face { font-family: 'HelveticaNeueCyr'; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Roman.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Roman.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Roman.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Medium.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Medium.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Medium.ttf") format("truetype"); font-weight: 550; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Light.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Light.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Bold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Bold.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-HelveticaNeueCyr-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: icomoon; font-display: swap; src: local("☺"); src: url("/local/templates/main/css/../fonts/icomoon.woff") format("woff"), url("/local/templates/main/css/../fonts/icomoon.ttf") format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-phone:before { content: "\e91a"; } .icon-arr-min-r:before { content: "\e900"; } .icon-arr-min-l:before { content: "\e901"; } .icon-arr-min-t:before { content: "\e902"; } .icon-arr-min-b:before { content: "\e903"; } .icon-arr-r:before { content: "\e904"; } .icon-arr-l:before { content: "\e905"; } .icon-arr-t:before { content: "\e906"; } .icon-arr-b:before { content: "\e907"; } .icon-ch-ico:before { content: "\e908"; } .icon-group-grid:before { content: "\e909"; } .icon-group-inline:before { content: "\e90a"; } .icon-pdf:before { content: "\e90b"; } .icon-play:before { content: "\e90c"; } .icon-pr-ico1:before { content: "\e90d"; } .icon-pr-ico2:before { content: "\e90e"; } .icon-pr-ico3:before { content: "\e90f"; } .icon-pr-ico4:before { content: "\e910"; } .icon-pr-ico5:before { content: "\e911"; } .icon-pr-ico6:before { content: "\e912"; } .icon-pr-ico7:before { content: "\e913"; } .icon-pr-ico8:before { content: "\e914"; } .icon-pr-ico9:before { content: "\e915"; } .icon-pr-ico10:before { content: "\e916"; } .icon-pr-ico11:before { content: "\e917"; } .icon-pr-ico12:before { content: "\e918"; } .icon-search:before { content: "\e919"; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ font-size: 10px; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } input[type="checkbox"], input[type="radio"] { -webkit-appearance: textfield; -moz-appearance: textfield; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; border-radius: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type='password'] { font-family: Verdana; letter-spacing: 0.125em; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } a { text-decoration: underline; color: inherit; } a:hover { text-decoration: none; } img { max-width: 100%; width: auto; height: auto; border: 0; } .row:after, .clearfix:after { content: ' '; display: table; clear: both; } .container { width: 1700px; margin: 0 auto; padding: 0 var(--container-offset); max-width: 100%; } .container-outer { width: 1450px; margin: 0 auto; max-width: 100%; } .container-inner { width: 1240px; margin: 0 auto; max-width: 100%; } .container-inner-2 { width: 1030px; margin: 0 auto; max-width: 100%; } .btn { /* iOS reset style*/ -webkit-appearance: none; border-radius: 0; border: 0; height: var(--input-height); background-color: #9F2E55; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--font-size-14); text-decoration: none; padding: 14px 15px; border-radius: 5px; color: white; font-weight: 550; min-width: 200px; text-align: center; line-height: 1.1; -webkit-transition: background-color 300ms, color 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, color 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, color 300ms, box-shadow 300ms; transition: background-color 300ms, color 300ms, box-shadow 300ms, -webkit-box-shadow 300ms; } .btn:hover { background-color: black; } .btn-grey { background-color: #EAEAEA; color: black; font-size: var(--font-size-12); height: auto; min-width: 0; text-transform: uppercase; line-height: 1; border-radius: 0; } .btn-grey:hover { background-color: #E0E0E0; } .btn-black { background-color: black; } .btn-black:hover { background-color: #9F2E55; } .btn.btn-white { -webkit-box-shadow: inset 0 0 0 1px white; box-shadow: inset 0 0 0 1px white; background-color: white; color: black; } .btn.btn-white:hover { -webkit-box-shadow: inset 0 0 0 2px white; box-shadow: inset 0 0 0 2px white; background-color: transparent; color: white; } .btn-border { -webkit-box-shadow: inset 0 0 0 2px #E1E1E1; box-shadow: inset 0 0 0 2px #E1E1E1; background-color: transparent; color: black; } .btn-border:hover { -webkit-box-shadow: inset 0 0 0 2px #e6a614; box-shadow: inset 0 0 0 2px #e6a614; color: white; background-color: #e6a614; } .upper { text-transform: uppercase; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .slider-load { opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .slider-load.slick-initialized { opacity: 1; } .slider-load:not(.slick-slider) { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .slider-load:not(.slick-slider) > * { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } ul:not(.custom) { margin: 0 0 var(--m2) 0; padding: 0; } ul:not(.custom) > li { margin: 0; padding: 0; list-style: none; padding-left: 1.4em; margin-bottom: var(--m0); position: relative; } ul:not(.custom) > li:last-child { margin-bottom: 0; } ul:not(.custom) > li:before { content: ' '; position: absolute; left: 0; top: calc(0.25em * var(--main-line-height)); width: 0.6em; height: 0.6em; background-color: #9F2E55; } ul.flt:not(.custom) > li { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; margin-right: 0; } ul.flt:not(.custom) > li:before { content: ' '; position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 0.6em; height: 0.6em; background-color: #9F2E55; } ul.flt:not(.custom) > li > div { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-left: calc(1.4em - 0.6em); } a.blue { color: #9F2E55; } a.dashed { text-decoration: none; border-bottom: 1px dashed currentColor; } a.dashed:hover { border-bottom-color: transparent; } a.no-underline { text-decoration: none; } a.no-underline:hover { text-decoration: underline; } ul.custom { display: block; margin: 0; padding: 0; } ul.custom > li { display: block; list-style: none; } input[type="radio"], input[type="checkbox"] { width: auto; height: auto; margin: auto; padding: auto; } html body input[type="checkbox"], html body input[type="radio"] { width: auto; height: auto; padding: 0; } body { background: white; font-family: 'HelveticaNeueCyr', sans-serif; line-height: var(--main-line-height); min-width: 320px; font-weight: 300; font-size: var(--main-font-size); color: black; } .site-wrapper { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: var(--header-height); overflow: hidden; width: 100%; } .content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: var(--content-offset-top); padding-bottom: var(--content-offset-bottom); } .content > .container:last-child > *:last-child, .content > *:last-child { margin-bottom: 0; } b { font-weight: 400; } strong { font-weight: 550; } .bold { font-weight: 700; } p { margin: 0 0 var(--m1) 0; padding: 0; } ::-moz-selection { background-color: #9F2E55; color: white; } ::webkit-selection { background-color: #9F2E55; color: white; } ::-moz-selection { background-color: #9F2E55; color: white; } ::selection { background-color: #9F2E55; color: white; } html body .m-def { margin-bottom: var(--m-def); } html body .m0 { margin-bottom: var(--m0); } html body .m1 { margin-bottom: var(--m1); } html body .m2 { margin-bottom: var(--m2); } html body .m3 { margin-bottom: var(--m3); } html body .m4 { margin-bottom: var(--m4); } html body .m5 { margin-bottom: var(--m5); } html body .m6 { margin-bottom: var(--m6); } html body .m7 { margin-bottom: var(--m7); } html body .m8 { margin-bottom: var(--m8); } html body .m9 { margin-bottom: var(--m9); } html body .m10 { margin-bottom: var(--m10); } .caption, .caption2, .caption3, .caption4, .caption5, .caption6, h1, h2, h3, h4, h5, h6 { font-weight: 550; margin: 0 0 var(--m2) 0; padding: 0; line-height: 1.08; } h1, .caption { font-size: 6rem; } h2, .caption2 { font-size: 5.4rem; } h3, .caption3 { font-size: 3.4rem; line-height: 1.2; font-weight: 700; margin-bottom: var(--m4); } h4, .caption4 { font-size: 2.2rem; margin-bottom: var(--m1); } h5, .caption5 { font-size: 3rem; margin-bottom: var(--m0); } time { margin: 0 0 var(--m4) 0; display: block; } strong > a { text-decoration: none; } html body.compensate-for-scrollbar { overflow-y: auto; margin-right: 0; } .fancybox-bg { background-color: black; } .fancybox-is-open .fancybox-bg { opacity: 0.85; } .fancybox-navigation { display: none; } .button-prev, .button-next { position: absolute; top: 50%; color: white; text-decoration: none; font-size: 20px; line-height: 1; width: 30px; height: 30px; margin-top: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .button-prev { right: 100%; margin-right: 13px; } .button-next { left: 100%; margin-left: 13px; } .fancybox-content .fancybox-close-small { padding: 0; margin: 0; opacity: 1; top: -11px; right: auto; left: 100%; color: white; margin: 0 0 0 8px; } @media (max-height: 576px) { .fancybox-slide--image .fancybox-close-small { background: transparent; } } .fancybox-show-caption .fancybox-caption { /* opacity: 0!important;*/ } .fancybox-ins-caption { position: absolute; top: 100%; left: 0; width: 100%; color: #FFFFFF; font-size: var(--main-font-size); } /* .fancybox-caption { background: transparent; } */ .fd-modal-wrp .fancybox-slide--html, .fancybox-slide--image { padding: 5px 60px; } .bigger { font-size: 1.223em; } @media screen and (max-width: 479px) { .fd-modal-wrp .fancybox-slide--html, .fancybox-slide--image { padding: 5px; } .fancybox-content .fancybox-close-small { top: 0; right: 0; left: auto; background-color: rgba(0, 0, 0, 0.1); } .button-prev { left: 0; right: auto; } .button-next { left: auto; right: 0; } .button-prev, .button-next { background-color: rgba(0, 0, 0, 0.1); width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; } } /*screens*/ @media screen and (min-width: 992px) { .screen-pages { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: white; } .screen-item { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: -1; visibility: hidden; background-color: white; overflow: hidden; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .screen-item.current { -webkit-transform: none; transform: none; } /* .op-animation .screen-item.previous-before, .op-animation .screen-item.previous-after { */ .screen-item.visible-after-scroll, .op-animation .screen-item.previous-before, .op-animation .screen-item.previous-after { z-index: 3; visibility: visible; -webkit-transform: none; transform: none; } .screen-item.current { z-index: 4; visibility: visible; } .screen-item.height-auto { height: auto; top: auto; bottom: 0; max-height: 100%; } } .sc-scroll { width: 100%; height: 100%; overflow: hidden; overflow-y: auto; } .sc-scroll:not([data-scrollbar="true"]) .sc-scroll-container { width: 100%; } .sc-scroll:not([data-scrollbar="true"]) .sc-inner-content { height: auto; } /*//screens*/ .header { position: fixed; z-index: 120; background-color: white; left: 0; top: 0; width: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0); box-shadow: 0 0 10px rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; } .header.fixed { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .cr { display: inline-block; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; position: relative; } .cr input { position: absolute; width: 20px; height: 20px; top: 0; left: 0; z-index: -1; visibility: hidden; } .cr-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; } .cr-icon { width: 30px; height: 30px; border: 1px solid #EAEAEA; position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 13px; background-color: white; } .cr-icon:before { content: ' '; position: absolute; top: 9px; right: 9px; bottom: 9px; left: 9px; background-color: #9F2E55; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .cr input[type="radio"] + .cr-wrp .cr-icon, .cr input[type="radio"] + .cr-wrp .cr-icon:before { border-radius: 50%; } .cr-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; } .cr input:checked + .cr-wrp .cr-icon:before { opacity: 1; } .cr-text.small { font-size: 0.88em; padding-top: 0.3em; } .img-box { margin: var(--m3) 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .img-b { --img-b-offset: 20px; -ms-flex-negative: 0; flex-shrink: 0; width: 610px; max-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; margin-right: var(--img-b-offset); -ms-flex-item-align: center; align-self: center; } .img-b.shadow { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .img-b.self-width { width: auto; } .img-b.offset-type-2 { --img-b-offset: 40px; } .img-b.offset-type-4 { --img-b-offset: 45px; } .img-b > img { display: block; width: 100%; } .img-caption { background-color: #F2F2F2; font-weight: 550; padding: 16px 15px; } .img-b-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; } .tab-box-inner, .bb-clbck { background-color: #F2F2F2; margin: var(--m-def) 0; padding: var(--m7) var(--m-def); } .bb-clbck h2 { max-width: 1320px; } .bb-clbck h2.caption2 { font-size: 4rem; font-weight: 700; line-height: 1.25; margin-bottom: var(--m7); } .bb-clbck p { max-width: 860px; line-height: 1.55; } .bb-clbck-btn-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; } .bb-clbck-btn-wrp > * { margin-bottom: var(--m1); margin-left: 30px; } .link { -ms-flex-item-align: center; align-self: center; font-weight: 550; text-decoration: none; font-size: var(--font-size-16); text-decoration: none; text-transform: uppercase; display: inline-block; padding-right: 2.9em; } .link > span {} .link:after { content: ' '; display: inline-block; vertical-align: 16%; width: 1.9em; margin-right: -2.9em; height: 2px; border-radius: 10px; background-color: #9F2E55; -ms-flex-item-align: end; align-self: flex-end; margin-left: 1em; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .link:hover:after { -webkit-transform: translateX(5px); transform: translateX(5px); } .bb-clbck > *:last-child { margin-bottom: -20px; } .footer { background-color: #252525; color: #9F9F9F; padding-top: 100px; padding-bottom: 50px; } .f-main { display: -webkit-box; display: -ms-flexbox; display: flex; } .fm-col-1 { width: 12.7%; padding-right: 10px; } .fm-col-2 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 10px; } .fm-col-3 { width: 30.65%; padding-right: 10px; } .fm-col-4 { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; padding-bottom: 10px; } .f-logo { color: white; text-decoration: none; display: inline-block; width: 66px; margin-bottom: 28px; } .f-logo svg { display: block; width: 100%; } ul.f-social-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } ul.f-social-list > li { margin-bottom: 7px; } ul.f-social-list > li:last-child { margin-bottom: 0; } ul.f-social-list a { text-decoration: none; font-size: var(--font-size-14); font-weight: 400; line-height: 1.2; display: block; -webkit-transition: color 300ms; transition: color 300ms; } ul.f-social-list a:hover { color: white; } .fm-tels-box { margin-bottom: 10px; } .fmt-tel { text-decoration: none; color: white; font-weight: 550; font-size: 2.4rem; line-height: 1; display: inline-block; margin-bottom: 8px; } .fmt-title { font-weight: 400; font-size: var(--font-size-14); line-height: 1.3; display: block; } .fm-tels-top { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fm-tels-bottom { -ms-flex-negative: 0; flex-shrink: 0; } .fct-box { margin-bottom: 40px; } .fct-box:last-child { margin-bottom: 0; } .fct-title { font-size: calc(var(--font-size-14) - 1px); line-height: 1; display: block; margin-bottom: 11px; } .fct-content { text-decoration: none; font-weight: 400; color: white; } ul.f-nav-list { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 16.1%; column-gap: 16.1%; } ul.f-nav-list > li { margin-bottom: 20px; -webkit-column-break-inside: avoid; break-inside: avoid; } ul.f-nav-list a { text-decoration: none; color: white; font-weight: 400; display: inline-block; line-height: 1.2; -webkit-transition: color 300ms; transition: color 300ms; } ul.f-nav-list a:hover { color: #9F9F9F; } .f-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 33px; padding-bottom: 5px; font-size: var(--font-size-14); font-weight: 400; } .fbt-r, .fbt-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .fbt-r { text-align: right; } .fbt-c { -ms-flex-negative: 0; flex-shrink: 0; } .policy { text-decoration: none; } .policy:hover { text-decoration: underline; } .dev { text-decoration: none; } .dev > span { text-decoration: underline; } .dev:hover > span { text-decoration: none; } ul.breadcrumb { margin: 0 0 var(--m2) 0; padding: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1; } .breadcrumb > li { display: block; } .breadcrumb > li > span, .breadcrumb > li > a { display: block; color: #8E8E8E; font-size: var(--font-size-16); font-weight: 300; text-decoration: none; margin-bottom: 6px; } .breadcrumb > li > a { padding-right: 14px; position: relative; } .breadcrumb > li > a:hover { text-decoration: underline; } .breadcrumb > li > a:before { content: '/'; position: absolute; right: 4px; top: 0; width: 5px; height: 5px; border-radius: 50%; } .breadcrumb > li > span {} .h-flex { display: -webkit-box; display: -ms-flexbox; display: flex; --h-offset: 50px; --h-offset-2: 30px; height: var(--header-height); position: relative; background-color: white; } .h-col-l { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .h-col-c { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: var(--h-offset-2); } .h-col-r { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .logo { color: #9F2E55; -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 3; -webkit-transition: color 600ms; transition: color 600ms; } .logo > svg { display: block; max-width: 100%; } .h-col-l .logo { margin-right: var(--h-offset-2); -ms-flex-item-align: center; align-self: center; } ul.nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; } ul.nav-list > li { -ms-flex-negative: 0; flex-shrink: 0; margin-right: var(--h-offset); } .nav-more-head, ul.nav-list a { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 5px; padding-bottom: 6px; text-decoration: none; font-weight: 400; -webkit-transition: color 300ms; transition: color 300ms; } ul.nav-list a:hover { color: #9F2E55; } .nav-more-head, ul.nav-list { font-size: 0.943em; } .nav-more { position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .nav-more-head { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; position: relative; cursor: pointer; } .nav-more-head:after { content: '\e903'; font-family: icomoon; font-size: 0.4em; margin-left: 2.3em; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .h-select.active .nav-more-head:after, .nav-more:hover .nav-more-head:after { -webkit-transform: scale(1, -1); transform: scale(1, -1); } ul.drpdwn-list { position: absolute; top: 100%; left: 0; width: 295px; background-color: white; margin-top: 7px; padding-top: 19px; padding-bottom: 19px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; } body.load ul.drpdwn-list { -webkit-transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms, visibility 300ms; transition: transform 300ms, opacity 300ms, visibility 300ms, -webkit-transform 300ms; } .h-select.active ul.h-select-list, .nav-more:hover ul.nav-list-products { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } ul.drpdwn-list:after { content: ' '; position: absolute; bottom: 100%; height: 7px; background-color: transparent; left: 0; width: 100%; } ul.drpdwn-list > li {} ul.drpdwn-list a { text-decoration: none; display: block; padding: 7px 25px; font-size: 0.92em; font-weight: 550; line-height: 1.3; position: relative; z-index: 1; } ul.drpdwn-list a:before { content: ' '; position: absolute; left: 0; right: 0; top: -5px; bottom: -5px; background-color: #EAEAEA; opacity: 0; z-index: -1; -webkit-transition: opacity 300ms; transition: opacity 300ms; pointer-events: none; } ul.drpdwn-list a:hover:before { opacity: 1; } .nav-btn { -ms-flex-negative: 0; flex-shrink: 0; width: 45px; position: relative; margin-left: calc(var(--h-offset) - 10px); z-index: 3; -webkit-transition: color 600ms; transition: color 600ms; } .nav-btn:before, .nav-btn:after { content: ' '; position: absolute; left: 10px; right: 10px; top: calc(50% - 1px); height: 2px; border-radius: 50px; background-color: currentColor; -webkit-transition: margin-top 150ms 150ms, -webkit-transform 150ms; transition: margin-top 150ms 150ms, -webkit-transform 150ms; transition: margin-top 150ms 150ms, transform 150ms; transition: margin-top 150ms 150ms, transform 150ms, -webkit-transform 150ms; } .nav-btn:before { margin-top: -5px; } .nav-btn:after { margin-top: 5px; } body.nav-open .nav-btn:before, body.nav-open .nav-btn:after, .nav-btn.active:before, .nav-btn.active:after { margin-top: 0; -webkit-transition-delay: 0ms, 150ms; transition-delay: 0ms, 150ms; } body.nav-open .nav-btn:before, .nav-btn.active:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } body.nav-open .nav-btn:after, .nav-btn.active:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .h-col-r .nav-btn:last-child { margin-right: -10px; } .h-contact-us { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-weight: 550; color: #9F2E55; font-size: calc(var(--font-size-14) - 1px); -webkit-transition: color 300ms; transition: color 300ms; } .h-contact-us:hover { color: black; } .h-contact-us > span { border-bottom: 1px dashed currentColor; display: block; -webkit-transition: border-bottom-color 300ms; transition: border-bottom-color 300ms; } .h-contact-us:hover > span { border-bottom-color: transparent; } .h-tel { margin-left: var(--h-offset-2); margin-right: var(--h-offset-2); font-weight: 400; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--font-size-20); } .h-search-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .h-search-ico { text-decoration: none; font-size: var(--font-size-20); padding-top: 4px; color: #9F2E55; -webkit-transition: color 300ms; transition: color 300ms; } .h-search-ico:hover { color: black; } .h-select { -ms-flex-negative: 0; flex-shrink: 0; width: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .h-select .nav-more-head { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .h-select .nav-more-head > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .h-select .nav-more-head:after { -ms-flex-negative: 0; flex-shrink: 0; } ul.h-select-list { position: absolute; } .h-select { position: relative; } .h-select.active {} .h-search { position: absolute; bottom: 0; left: 0; right: 0; display: block; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, visibility 300ms, transform 300ms; transition: opacity 300ms, visibility 300ms, transform 300ms, -webkit-transform 300ms; } .h-search > input { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 50px 0 20px; border: none; height: calc(var(--input-height) + 5px); font-weight: 400; font-size: 0.95em; color: black; -webkit-appearance: none; } ::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #878787; } ::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #878787; } :-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #878787; } :-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #878787; } :focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } :focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } :focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } :focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .h-search > button { position: absolute; top: 0; right: 0; bottom: 0; border: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.1em; background-color: transparent; width: 48px; padding-left: 9px; padding-top: 2px; color: #9F2E55; -webkit-transition: color 300ms; transition: color 300ms; } .h-search > button:hover { color: black; } .h-search-wrp.active .h-search { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 1; visibility: visible; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 130; } #h-search-overlay.overlay { z-index: 118; } .nav { --nav-elem-offset: 100px; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #333333; z-index: 2; color: white; padding-top: calc(var(--header-height) + var(--content-offset-top)); } .nav-wrp { height: 100%; } .nav-wrp > .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nav-scroll { height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1%; } .nav-scroll .scroll-content { height: 100%; width: 100%; } .nav-inner { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nav-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-main:before { content: ' '; height: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: transparent; width: 100%; max-height: 33px; } .nav-main-vertical { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .nav-bottom { -ms-flex-negative: 0; flex-shrink: 0; } .nav-open .header .logo { color: white; } .nav-open .header .nav-btn { color: white; } .nav-caption { font-weight: 400; font-size: 5rem; color: rgba(255, 255, 255, 0.5); line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: calc(var(--nav-elem-offset) / 1.35); } .nav-caption:after { content: ' '; height: 1px; width: 3.7em; background-color: currentColor; -ms-flex-item-align: center; align-self: center; margin-top: 0.1em; margin-left: 0.8em; } .nv-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .nv-col-nav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 10px; } .nv-col-ot { -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; width: 25.3%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 330px; } .nv-ot-top { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .nv-ot-bottom { -ms-flex-negative: 0; flex-shrink: 0; } ul.nv-nav-list {} ul.nv-nav-list > li { margin-bottom: calc(var(--nav-elem-offset) / 2.19); } ul.nv-nav-list > li:last-child { margin-bottom: 0; } .nv-ot-caption, ul.nv-nav-list a { text-decoration: none; text-transform: uppercase; font-weight: 400; font-size: 3.6rem; line-height: 1.2; } ul.nv-nav-list a { -webkit-transition: color 300ms; transition: color 300ms; } ul.nv-nav-list a:hover { color: rgba(255, 255, 255, 0.5); } .nv-ot-caption { margin-bottom: calc(var(--nav-elem-offset) / 3.35); } .nv-ot-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: calc(var(--nav-elem-offset) / 2.5); } .nvb-content { text-decoration: none; font-size: calc(var(--font-size-16) + 1px); font-weight: 550; text-transform: uppercase; line-height: 1.3; margin-bottom: calc(var(--nav-elem-offset) / 10.4); } .nv-content-title { color: #999999; font-weight: 400; font-size: var(--font-size-14); line-height: 1.2; } a.nvb-content[href^="tel:"] { font-weight: 550; font-size: calc(var(--font-size-20) + 4px); line-height: 1; } .nv-search { display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--input-height); position: relative; } .nv-search input { border: none; padding: 0 60px 0 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.5); font-size: var(--font-size-20); font-weight: 400; color: white; } .nv-search button { position: absolute; top: 0; bottom: 0; right: 0; border: none; padding: 0; background-color: transparent; font-size: 1.1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; padding-left: 10px; -webkit-transition: color 300ms; transition: color 300ms; } .nv-search button:hover { color: rgba(255, 255, 255, 0.5); } .nv-search input::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: white; } .nv-search input::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: white; } .nv-search input:-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: white; } .nv-search input:-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: white; } .nv-search input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .nv-search input:focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .nv-search input:focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .nv-search input:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .nav-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } ul.nv-social-list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; max-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 30px; margin-left: -45px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } ul.nv-social-list > li { margin-left: 45px; margin-bottom: 10px; } ul.nv-social-list a { text-decoration: none; font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 400; font-size: calc(var(--font-size-16) + 1px); text-transform: uppercase; color: rgba(255, 255, 255, 0.5); display: block; -webkit-transition: color 300ms; transition: color 300ms; line-height: 1.4; } ul.nv-social-list a:hover { color: white; } ul.nv-category-list { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -40px; width: 68%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ul.nv-category-list > li { margin-left: 40px; margin-bottom: 10px; } ul.nv-category-list a { font-weight: 400; font-size: calc(var(--font-size-16) + 1px); text-transform: uppercase; text-decoration: none; display: block; -webkit-transition: color 300ms; transition: color 300ms; line-height: 1.2; } ul.nv-category-list a:hover { color: rgba(255, 255, 255, 0.5); } .nav-bottom > ul { margin-bottom: 20px; } .nav-bottom { padding-top: 60px; padding-bottom: 39px; } body .scrollbar-thumb { width: 2px; border-radius: 0; background: black; cursor: pointer; } body .scrollbar-track-y { width: 2px; background: #EBEBEB; z-index: 2; } [data-scrollbar="true"] { margin-right: -10px; padding-right: 10px; } [data-scrollbar].scroll-active:before, [data-scrollbar].scroll-active:after { content: ' '; position: absolute; left: 0; width: 100%; height: 10px; -webkit-transition: opacity 200ms; transition: opacity 200ms; z-index: 1; pointer-events: none; } [data-scrollbar]:before { top: 0; opacity: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } [data-scrollbar]:after { bottom: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } [data-scrollbar].end:after { opacity: 0; } [data-scrollbar].start:before { opacity: 1; } .nav [data-scrollbar]:before { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 1)), to(rgba(51, 51, 51, 0))); background-image: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%); } .nav [data-scrollbar]:after { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(51, 51, 51, 1)), to(rgba(51, 51, 51, 0))); background-image: linear-gradient(to top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%); } .nav [data-scrollbar="true"] { margin-right: -30px; padding-right: 30px; } body .nav .scrollbar-thumb { background: white; } body .nav .scrollbar-track-y { background: rgba(51, 51, 51, 1); } .lb-modal { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 131; pointer-events: none; /* max-height: calc(100% - var(--header-height));*/ } .cu-outer { background-color: white; padding: 0; width: 1155px; max-width: 90%; -webkit-box-shadow: -50vw 50vw 0 50vw white; box-shadow: -50vw 50vw 0 50vw white; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); overflow: hidden; -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; pointer-events: auto; } .cu-inner { -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1%; } .lb-modal.open .cu-outer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lb-modal.open .cu-inner { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .cu-container { padding-right: 130px; padding-top: 37px; padding-bottom: 37px; /* padding-bottom: var(--m-def);*/ max-height: calc(100vh - var(--header-height)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cu-container .f-form { padding-bottom: 32px; } .cu-container .cu-scroll { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1%; } .cu-logo { width: 73px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #C5C5C5; } .cu-logo > svg:first-child { -ms-flex-negative: 0; flex-shrink: 0; width: 23.3%; } .cu-logo > svg:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-left: 5.3%; /* width: 50%;*/ height: auto; } .cu-caption { font-weight: 550; font-size: 4.4rem; line-height: 1; display: block; margin-bottom: var(--m6); } .cu-caption-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: var(--m6); } .cu-caption-wrp .cu-caption { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; margin-bottom: -0.11em; margin-right: 10px; } .cu-caption-wrp .cu-logo { -ms-flex-negative: 0; flex-shrink: 0; /* margin-top: calc(-1 * (var(--m-def) / 2.3333));*/ } .lb-modal-close { position: absolute; top: 8px; right: 10px; text-decoration: none; line-height: 1; font-size: 40px; font-family: 'Times New Roman'; padding: 10px 15px; -webkit-transition: color 300ms; transition: color 300ms; } .lb-modal-close:hover { color: rgba(0, 0, 0, 0.5); } .cu-container > .cu-caption-wrp:first-child { margin-top: calc(-1 * (var(--m-def) / 16)); } .input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #BFBFBF; -webkit-transition: border-bottom-color 300ms; transition: border-bottom-color 300ms; position: relative; font-size: var(--input-font-size); /* background-color: red;*/ } .input.small-text { font-size: var(--input-font-size); } .input .pl-active { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; color: #8B8B8B; pointer-events: none; } .in-paceholder b, .pl-active b { color: #FF0000; font-weight: inherit; } .in-paceholder { position: absolute; color: #696969; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-transition: opacity 300ms; transition: opacity 300ms; z-index: 1; } .input.active .in-paceholder { opacity: 0; } .input input { height: var(--input-height); border: none; font-style: normal; line-height: 1; color: black; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; background-color: transparent; margin-bottom: -1px; } .ta { position: relative; } .ta textarea { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; resize: none; width: 100%; display: block; -webkit-transition: height 300ms; transition: height 300ms; background-color: transparent; } .ta .text-autosize-container { width: 100%; height: auto; position: absolute; right: 1000%; bottom: 100%; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; background-color: white; overflow: hidden; z-index: -1; pointer-events: none; opacity: 0; } .ta textarea, .ta .text-autosize-container { padding: 19px 0; max-height: 160px; min-height: var(--input-height); line-height: var(--main-line-height); border: none; letter-spacing: 0em; font-size: var(--input-font-size); } /*//textarea height*/ .pl-active { position: absolute; right: 0; top: 0; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; text-align: right; /* white-space: nowrap;*/ -webkit-transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, transform 300ms, visibility 300ms; transition: opacity 300ms, transform 300ms, visibility 300ms, -webkit-transform 300ms; pointer-events: none; max-width: 34%; overflow: hidden; text-overflow: ellipsis; padding-left: 5px; -webkit-transform: translateY(100%); transform: translateY(100%); height: var(--input-height); visibility: hidden; pointer-events: none; } .input.active .pl-active { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible; } .input:before { content: ' '; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #FF0000; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .input.parsley-error:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } /*//input*/ .f-form { --f-form-bottom-offset: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .f-form:last-child { margin-bottom: calc(-1 * var(--f-form-bottom-offset)); } .f-form > *:not(.full) { width: 41.9%; } .f-form > .full { width: 100%; } .f-form > * { margin-bottom: var(--f-form-bottom-offset); } .f-form > *:last-child { margin-bottom: 0; } .btn-wrp { padding-top: 17px; } .cu-scroll { max-height: 100%; } .cu-scroll[data-scrollbar="true"] { margin-right: -30px; padding-right: 30px; } body.err .content { display: -webkit-box; display: -ms-flexbox; display: flex; } body.err .content > .container {} .err-wrp { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .err-box { -ms-flex-item-align: center; align-self: center; text-align: center; padding-top: var(--m6); } .err-caption { font-weight: 550; font-size: 10rem; line-height: 1; margin-bottom: calc(var(--m1) / 1.4); } .err-box p { margin-bottom: var(--m2); } .top-banner { background-color: black; color: white; margin-top: calc(-1 * var(--content-offset-top)); padding-top: var(--content-offset-top); min-height: 762px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: var(--m-def); } .tb-outer { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; z-index: 2; } .top-banner > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; z-index: 0; } .top-banner:after { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-image: linear-gradient(97.31deg, rgba(0, 0, 0, 0.64) 2.09%, rgba(0, 0, 0, 0.33) 77.85%, rgba(0, 0, 0, 0) 100.23%); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } .top-banner > .container { position: relative; z-index: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; padding-bottom: 25px; } .top-banner > .container:last-child .tb-wrp { padding-bottom: 26px; } .tb-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .tb-bottom, .tb-top { -ms-flex-negative: 0; flex-shrink: 0; } .tb-top { padding-top: 3px; } .tb-bottom { padding-top: var(--m4); } .tb-center { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tb-center:before { content: ' '; max-height: 18.8%; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1%; } .tb-vertical { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .tb-width-limited { max-width: 1215px; } .top-banner .breadcrumb > li > span, .top-banner .breadcrumb > li > a { color: white; } .top-banner .dw-link, .top-banner .dw > i { color: currentColor; } .tb-caption { font-weight: 700; font-size: 7rem; margin-bottom: var(--m4); } .tb-width-limited .tb-content > p { max-width: 830px; line-height: 1.56; } .tb-content > *:last-child { margin-bottom: 0; } .mouse-ico { color: #CBCBCB; width: 27px; height: 40px; display: block; border: 2px solid currentColor; border-radius: 50px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; } .mouse-ico:before { content: ' '; position: absolute; top: 4px; left: 50%; width: 2px; height: 7px; background-color: currentColor; margin-left: -1px; border-radius: 50px; -webkit-animation: scroll 2s ease infinite; animation: scroll 2s ease infinite; } @-webkit-keyframes scroll { 100%, 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateY(5x); transform: translateY(5px); } } @keyframes scroll { 100%, 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateY(5px); transform: translateY(5px); } } ul.sm-list { color: #9F2E55; font-weight: 400; margin-bottom: var(--m1); } ul.sm-list > li { margin-bottom: var(--m1); } ul.sm-list > li:last-child { margin-bottom: 0; } ul:not(.custom) > li > ul:not(.custom), ul.sm-list > li > ul { margin-bottom: 0; } ul:not(.custom) > li > ul:not(.custom) > li, ul.sm-list > li > ul > li { padding-left: 1.5em; margin-bottom: 0; } ul:not(.custom) > li > ul:not(.custom) > li:before, ul.sm-list > li > ul > li:before { width: 6px; height: 6px; border-radius: 50%; top: calc(0.35em * var(--main-line-height)); left: 0.55em; } .t-col-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1150px; margin-bottom: var(--m1); margin-left: -15px; } .t-col { padding-left: 15px; } blockquote { margin: var(--m-def) 0; padding: var(--m1) calc(var(--m-def) / 1.4); border-left: 5px solid #9F2E55; } blockquote p { margin-bottom: var(--m0); } blockquote p:last-child { margin-bottom: 0; } .img-b.offset-type-3 { --img-b-offset: 85px; width: 735px; } .img-b-text > .caption2 { font-size: 5rem; margin-bottom: var(--m0); } .img-box.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .img-box.reverse .img-b { margin-left: var(--img-b-offset); margin-right: 0; } .img-box.reverse .img-b.offset-type-3 { margin-right: 0; margin-left: var(--img-b-offset); } .txt { margin-top: var(--m-def); margin-bottom: var(--m-def); } .grey { background-color: #F2F2F2; position: relative; } .outer-box { position: relative; padding-top: var(--m-def); padding-bottom: var(--m-def); margin-top: var(--m-def); margin-bottom: var(--m-def); } .outer-box:before, .outer-box:after { content: ' '; position: absolute; top: 0; bottom: 0; background-color: inherit; width: calc((100vw - 100%) / 2); z-index: -1; } .outer-box:before { right: 100%; } .outer-box:after { left: 100%; } .ot-img-half { --ot-item-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -20px; } .ot-img-half > * { width: calc(var(--ot-item-width) - 10px); margin-bottom: 20px; } .ot-img { position: relative; } .ot-img:before { content: ' '; display: block; width: 100%; padding: 28.7% 0; } .ot-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .txt-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; counter-reset: count; margin-bottom: calc(-1 * var(--m1)); } .txt-content > *:last-child { margin-bottom: 0; } .txt-box { width: calc(50% - 10px); margin-bottom: var(--m1); } .txt-head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: var(--m4); } .txt-head:before { content: counter(count, decimal-leading-zero); counter-increment: count 1; font-weight: 550; font-size: 8rem; color: #E2E2E2; line-height: 1; margin-right: 10px; } .txt-head-text { -ms-flex-item-align: center; align-self: center; font-weight: 550; font-size: 3rem; line-height: 1.15; max-width: 690px; } .ot-img-half.col-3 { --ot-item-width: 33.3333%; } .ex-wrp { text-decoration: none; } .ex-img { --ex-img-padding: 17px; background-color: white; display: block; position: relative; padding: 43.3% 0; } .ex-img > img { position: absolute; top: var(--ex-img-padding); left: var(--ex-img-padding); width: calc(100% - (var(--ex-img-padding) * 2)); height: calc(100% - (var(--ex-img-padding) * 2)); -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; font-family: 'object-fit: contain; object-position: center;'; } .ex-title { display: block; padding-top: 19px; padding-bottom: 19px; } .full-img { display: block; width: 100%; text-decoration: none; position: relative; margin-bottom: var(--m3); } .full-img > img { display: block; width: 100%; } .sign { position: absolute; bottom: 0; right: 0; color: white; font-weight: 550; padding: 17px 19px; background-color: #9F2E55; min-width: 38.8%; } .nw-info { margin-top: var(--m7); } .nwi-caption { display: block; margin-bottom: 6px; } .nwi-cts { margin-bottom: 5px; } .nwi-cts a { text-decoration: none; display: inline-block; } ul.crf-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } ul.crf-list > li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; width: 33.3333%; } .crf-box { display: -webkit-box; display: -ms-flexbox; display: flex; background: #EDEDED; border: 1px solid #DDDDDD; min-height: 255px; height: 100%; text-decoration: none; position: relative; overflow: hidden; } .crf-box > img { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: end; align-self: flex-end; margin-left: auto; max-width: 43%; position: absolute; bottom: 0; right: 0; max-height: 95%; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .crf-box:hover > img { -webkit-transform: scale(1.05); transform: scale(1.05) } .crf-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 45px 30px 25px 30px; width: 57%; position: relative; z-index: 2; } .crf-caption { font-weight: 550; font-size: 2.2rem; line-height: 1.2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .crf-inner .crf-link { -ms-flex-item-align: start; align-self: flex-start; line-height: 1; color: #9F2E55; } .crf-inner .link:after { margin-bottom: 0.07em; } .crf-box:hover .link:after { -webkit-transform: translateX(5px); transform: translateX(5px); } .b-bottom-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-bottom-wrp > * { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 0; min-height: 120px; font-weight: 550; font-size: 2.4rem; text-align: center; height: auto; } .b-bottom-wrp > .btn-grey:hover { background-color: #e6a614; color: white; } .content > .b-bottom-wrp:last-child { margin-bottom: calc(-1 * var(--content-offset-bottom)); } .count-wrp { counter-reset: count; margin-bottom: var(--m-def); } .count-box { border-bottom: 1px solid #E1E1E1; } .count-box:last-child { border-bottom: none; } .count-head { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 12px; padding-bottom: 12px; } .count-head:before { content: counter(count, decimal-leading-zero); counter-increment: count 1; font-weight: 550; font-size: 7rem; color: #E2E2E2; line-height: 1; margin-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .count-head-text { font-size: 3rem; font-weight: 550; -ms-flex-item-align: center; align-self: center; padding-top: 0.3em; } ul.cc-list { margin-bottom: var(--m2); } ul.cc-list > li { background-color: #F4F4F4; padding: 11px 20px; margin-bottom: 3px; } ul.cc-list > li:last-child { margin-bottom: 0; } .tb-btn-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tb-btn-wrp > * { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 54px; font-size: var(--font-size-16); text-align: center; } .tb-btn-wrp > *.active { background-color: #9F2E55; color: white; } .tb-btn-wrp > *:hover { background-color: black; color: white; } ul.years-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -7px; margin-bottom: calc(var(--m2) - 3px); } ul.years-list > li { margin-left: 7px; margin-bottom: 5px; } ul.years-list .btn { -webkit-box-shadow: inset 0 0 0 1px #DDDDDD; box-shadow: inset 0 0 0 1px #DDDDDD; min-width: 68px; display: block; font-size: var(--font-size-16); padding-top: 14px; padding-bottom: 13px; text-align: center; } ul.years-list .btn.active { background-color: #9F2E55; color: white; } ul.prd-list, ul.ctg-list, ul.fd-list, ul.glr-list, ul.nw-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; } ul.prd-list > li, ul.ctg-list > li, ul.fd-list > li, ul.glr-list > li, ul.nw-list > li { width: 33.3333%; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .prd-box, .exp-box, .ctg-box, .nw-box { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: black; color: white; overflow: hidden; height: 100%; } .prd-box:after, .exp-box:after, .ctg-box:after, .nw-box:after { content: ' '; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; padding: 43.5% 0; } .prd-box > img, .exp-box > img, .ctg-box > img, .nw-box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; z-index: 0; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; -webkit-transform: scale(1.0001); transform: scale(1.0001); } .prd-box:before, .nw-box:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.87))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.87) 100%); z-index: 1; } .prd-box-inner, .exp-box-inner, .ctg-box-inner, .nw-box-inner { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; display: block; -ms-flex-item-align: end; align-self: flex-end; position: relative; z-index: 2; padding: 17px 20px; font-size: var(--font-size-16); } .nw-box-inner time { margin: 0 0 9px 0; display: block; } .nw-caption { display: block; font-weight: 550; font-size: 2.4rem; margin-bottom: 10px; line-height: 1.15; } .nw-text { display: block; } .prd-box:hover > img, .exp-box:hover > img, .ctg-box:hover > img, .nw-box:hover > img { -webkit-transform: scale(1.05); transform: scale(1.05); } .pg-more .btn { min-width: 180px; } ul.glr-list { margin-bottom: var(--m-def); } .glr-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: black; overflow: hidden; color: white; height: 100%; text-decoration: none; } .glr-box:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.87))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.87) 100%); } .glr-box:after { content: ' '; display: block; -ms-flex-negative: 0; flex-shrink: 0; padding: 32.4% 0; width: 100%; } .glr-box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .glr-box:hover > img { -webkit-transform: scale(1.05); transform: scale(1.05); } .glr-inner { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; z-index: 2; -ms-flex-item-align: end; align-self: flex-end; padding: 20px 20px; } .glr-caption { font-weight: 550; font-size: 2.4rem; line-height: 1.1; } ul.glr-list.glr-col-4 > li { width: 25%; } .glr-col-4 .glr-box:after { padding: 43.75% 0; } .tps-wrp { border-bottom: 1px solid #D5D5D5; margin-top: -29px; margin-top: calc(-1 * (var(--m-def) / 2.4)); overflow: hidden; margin-bottom: calc(var(--m2) / 1.1); } .tape-slider { --tp-slider-item-offset: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: calc(-1 * var(--tp-slider-item-offset)); margin-right: calc(-1 * var(--tp-slider-item-offset)); } .tape-slider:not(.slick-slider) { overflow: hidden; } .tape-slider.slick-slider:after { content: ' '; position: absolute; right: var(--tp-slider-item-offset); top: -2px; bottom: -2px; width: 135px; background: linear-gradient(270.37deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; pointer-events: none; } .tape-slider:not(.slick-slider) > div { padding-left: var(--tp-slider-item-offset); padding-right: var(--tp-slider-item-offset); } .tape-slider .slick-slide { padding-left: var(--tp-slider-item-offset); padding-right: var(--tp-slider-item-offset); } .tape-slider.slick-slider { padding-right: 20px; } .tape-slider .slick-list {} .logo-slider .slick-arrow, .tape-slider .slick-arrow { position: absolute; right: var(--tp-slider-item-offset); top: 50%; -webkit-box-shadow: 0px 0px 5px #F5F5F7; box-shadow: 0px 0px 5px #F5F5F7; width: 50px; height: 50px; margin-top: -25px; background-color: #9F2E55; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; z-index: 2; color: white; font-size: 10px; padding-top: 1px; } .logo-slider .slick-arrow:hover, .tape-slider .slick-arrow:hover { background-color: black; } .tb-link { text-decoration: none; font-weight: 400; font-size: var(--font-size-16); color: #676767; display: block; padding-top: 27px; padding-bottom: 27px; -webkit-transition: color 300ms; transition: color 300ms; white-space: nowrap; } .tb-link:hover, .tb-link.active { color: #9F2E55; } .fd-caption { font-weight: 550; font-size: 3rem; line-height: 1.2; margin-bottom: var(--m0); } ul.fd-list { margin-bottom: var(--m-def); } .fd-box { background: #FCFCFC; border: 1px solid #DDDDDD; padding: 29px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fd-head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 18px; -ms-flex-negative: 0; flex-shrink: 0; } .fd-img { -ms-flex-negative: 0; flex-shrink: 0; width: 90px; height: 90px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-radius: 50%; overflow: hidden; margin-right: 18px; position: relative; } .fd-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .fd-name { -ms-flex-item-align: center; align-self: center; font-weight: 550; font-size: 2.4rem; margin-bottom: 0.2em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; line-height: 1.2; } .fd-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fd-body .link { -ms-flex-item-align: start; align-self: flex-start; -ms-flex-negative: 0; flex-shrink: 0; } .fd-text { position: relative; max-height: 160px; overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fd-stop { width: 0; vertical-align: -50%; position: relative; display: inline; } .hidden-text { position: relative; } .hidden-text:after { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 74%; pointer-events: none; background: linear-gradient(358.1deg, #FCFCFC 1.17%, rgba(252, 252, 252, 0) 97.97%); visibility: hidden; } .hidden-text.fill:after { visibility: visible; } .fd-text + .link { margin-top: var(--m6); } .fd-modal { width: 495px; background: transparent; color: white; overflow: visible; padding: 0; } .fd-modal > img { margin-bottom: var(--m1); } .tb-lst-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; margin-left: -25px; } .tb-lst-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: var(--font-size-20); border-left: 1px solid rgba(255, 255, 255, 0.5); max-width: 335px; margin-left: -1px; padding: 20px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; } .tb-darker:after { background: linear-gradient(97.31deg, rgba(0, 0, 0, 0.81) 2.09%, rgba(0, 0, 0, 0.7) 77.85%, rgba(0, 0, 0, 0.35) 100.23%); } .ci-wrp { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 18px; column-gap: 18px; } .ci-wrp > * { margin-bottom: var(--m7); -webkit-column-break-inside: avoid; break-inside: avoid; } .ed-count { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; counter-reset: count; } .ed-count-name { font-weight: 550; font-size: 1.79rem; } .ed-box { max-width: 23.8%; text-align: left; line-height: 1.1; } .ed-box:before { content: counter(count, decimal-leading-zero); counter-increment: count 1; font-weight: 550; font-size: 20rem; line-height: 0.8; display: block; margin-bottom: 5px; } .grey .ed-box:before { color: white; } .tbct-box-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -20px; margin-right: -20px; } .tbct-caption { font-weight: 400; display: block; font-size: var(--font-size-20); margin-bottom: 14px; } .tbct-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 20px; padding-right: 20px; margin-bottom: 17px; } .tbct-text { margin-bottom: 15px; } .tbct-text a { text-decoration: none; line-height: 1; } .tbct-text .small { font-size: 0.9em; margin-top: 0px; line-height: 1; } .dw { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; } .dw > i { -ms-flex-negative: 0; flex-shrink: 0; font-size: 2.9em; line-height: 1; margin-right: 0.29em; color: #C9C9C9; } .dw-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 1.2; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: center; align-self: center; } .dw-name { font-weight: 550; margin-top: 2px; font-size: 1em; } .dw-name + .dw-link { margin-top: 3px; } .dw-link { font-size: 0.91em; border-bottom: 1px dashed currentColor; color: #9F2E55; font-weight: 400; } .dw:hover .dw-link { border-bottom-color: transparent; } .directions-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -30px; } .directions-wrp > * { margin-left: 30px; margin-bottom: 20px; } .tb-outer .tps-wrp { margin: 0; border-bottom: none; } .tb-btns-wrp {} .tb-btns-wrp.tape-slider { --tp-slider-item-offset: 2px; padding-right: 62px; } .tb-btn { height: calc(var(--input-height) - 5px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: #EDEDED; color: black; text-decoration: none; padding: 15px 15px; line-height: 1; white-space: nowrap; -webkit-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; font-weight: 550; font-size: var(--font-size-16); } .tb-btn:hover, .tb-btn.active { background-color: #9F2E55; color: white; } .tb-btns-wrp.tape-slider.slick-slider:after { display: none; } ul.cts-list { margin-bottom: var(--m-def); border-top: 2px solid #EDEDED; } ul.cts-list > li { border-bottom: 2px solid #EDEDED; padding-top: 25px; padding-bottom: 18px; } ul.cts-list > li > *:last-child { margin-bottom: 0; } .cts-caption { font-weight: 550; font-size: 3.2rem; margin-bottom: var(--m1); } .cts-flex { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: var(--font-size-20); line-height: 1.3; margin-bottom: var(--m0); } .cts-flex a { text-decoration: none; display: inline-block; } .cts-l { -ms-flex-negative: 0; flex-shrink: 0; width: 55.6%; padding-right: 10px; } .cts-r { padding-left: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .cts-title { display: block; margin-bottom: 9px; font-size: calc(var(--font-size-20) + 2px); } .map { height: 550px; margin-top: var(--m-def); margin-bottom: var(--m-def); } .exp-box-inner, .ctg-box-inner { padding: 20px; background-color: #9F2E55; min-height: 112px; display: -webkit-box; display: -ms-flexbox; display: flex; } .exp-caption, .ctg-caption { -ms-flex-item-align: center; align-self: center; font-weight: 400; font-size: 2.8rem; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; line-height: 1.3; } .exp-box:after, .ctg-box:after { padding: 31.4% 0; } ul.exp-list { display: grid; grid-template-columns: repeat(4, 25%); margin-left: -10px; margin-right: -10px; } ul.exp-list > li:last-child { grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } ul.exp-list > li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .exp-box { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .exp-box > img {} .exp-box:after { content: ' '; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; padding: 30% 0; } .exp-box-inner { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .exp-box:after { padding: 42.5% 0; } .prj-slider { margin-left: -10px; margin-right: -10px; } .prj-slider .slick-list { overflow: visible; } .prj-slider .slick-slide > div > div, .prj-slider .slick-slide > div, .prj-slider .slick-slide { display: block !important; } .prj-slider .slick-slide { padding-left: 10px; padding-right: 10px; } .prj-box { position: relative; padding: 29.29% 0; display: block !important; text-decoration: none; } .prj-box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } ul.fd-list.one-line { margin-bottom: var(--m0); } ul.fd-list.one-line > li:nth-child(n+4) { display: none; } ul.pb-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; } ul.pb-list > li { width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .pb-box { display: -webkit-box; display: -ms-flexbox; display: flex; background: #FFFFFF; border: 1px solid #DDDDDD; padding: 19px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: var(--font-size-16); height: 100%; } .pb-img { -ms-flex-negative: 0; flex-shrink: 0; position: relative; width: 180px; background-color: #dbdbdb; margin-right: 20px; } .pb-img:before { content: ' '; padding: 50% 0; display: block; } .pb-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .pb-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .pb-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 10px; margin-bottom: 19px; } .pb-top time { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 15px; font-weight: 400; font-size: var(--font-size-14); margin-bottom: 0; margin-bottom: 5px; } .pb-tg-wrp { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; } .pb-tag { -ms-flex-negative: 0; flex-shrink: 0; height: 30px; background: #9F2E55; border-radius: 50px; color: white; font-weight: 550; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 11px; text-transform: uppercase; max-width: 100%; line-height: 1; margin-left: 5px; margin-bottom: 5px; } .pb-tag > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pb-caption { display: block; text-decoration: none; font-weight: 550; font-size: calc(var(--font-size-20) + 2px); line-height: 1.3; margin-bottom: 7px; } .pb-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: calc(2em * var(--main-line-height)); } .logo-slider { --lg-offset: 20px; margin-left: calc(-1 * (var(--lg-offset) / 2)); margin-right: calc(-1 * (var(--lg-offset) / 2)); margin-bottom: var(--m-def); } .lg-box { width: 100%; height: 110px; background: #FFFFFF; border: 1px solid #ECECEC; position: relative; margin-bottom: var(--lg-offset); } .lg-box > img { position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; font-family: 'object-fit: scale-down; object-position: center;'; } .logo-slider .slick-slide { padding-left: calc(var(--lg-offset) / 2); padding-right: calc(var(--lg-offset) / 2); } .logo-slider .slick-slide > div > div, .logo-slider .slick-slide > div { display: block !important; } .logo-slider .slick-arrow { position: absolute; top: 50%; } .logo-slider .slick-next { left: auto; right: calc(var(--lg-offset) / 2); } .logo-slider .slick-slide > div:last-child .lg-box { margin-bottom: 0; } ul.prd-list > li { width: 25%; } .prd-box:after { padding: 58.7% 0; } .prd-box:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.87))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.87) 100%); } .prd-caption { font-weight: 550; font-size: 2.4rem; line-height: 1.15; padding-bottom: 10px; display: block; } ul.ed-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -25px; margin-right: -25px; margin-bottom: -50px; } ul.ed-list > li { width: 345px; padding-left: 25px; padding-right: 25px; margin-bottom: 50px; } ul.ed-list > li.empty { margin-bottom: 0; } .ed-box2 > i { font-size: 3.3em; display: block; margin-bottom: var(--m2); color: #9F2E55; } .ed2-name { font-weight: 550; font-size: var(--font-size-20); } .tabs-content.animate { -webkit-transition: height 300ms; transition: height 300ms; overflow: hidden; } .tab-box { opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; padding: 1px 0; } ul.tabs-title { --tabs-item-offset: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * var(--tabs-item-offset)); position: relative; margin-bottom: var(--m2); } ul.tabs-title:after { content: ' '; position: absolute; bottom: 0; left: var(--tabs-item-offset); right: 0; height: 2px; background-color: #D5D5D5; } ul.tabs-title > li { margin-left: var(--tabs-item-offset); } ul.tabs-title a { text-decoration: none; font-weight: 400; font-size: var(--font-size-16); display: block; padding-top: 28px; padding-bottom: 28px; position: relative; -webkit-transition: color 300ms; transition: color 300ms; } ul.tabs-title a:before { content: ' '; position: absolute; bottom: 0; height: 2px; left: 0; width: 100%; background-color: #9F2E55; z-index: 1; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } ul.tabs-title > li.active a { color: #9F2E55; } ul.tabs-title > li.active a:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } ul.tabs-title a:hover { color: #9F2E55; } .t-scroll { overflow: hidden; overflow-x: auto; margin-bottom: var(--m1); } table.type1 { background-color: white; } table.type1 th { vertical-align: top; } th, td { border: 1px solid #D5D5D5; font-weight: 300; text-align: left; vertical-align: middle; padding: 6px 14px; } table.type1 th:nth-child(1) { width: 56px; text-align: center; } table.type1 th:nth-child(3) { width: 12.3%; } table.type1 th:nth-child(4) { width: 25.6%; } table.type1 th:nth-child(5) { width: 20.8%; } table.type1 td[rowspan]:nth-child(1) { text-align: center; } table.type1 td[colspan] { font-size: 0.92em; text-align: center; padding-top: 10px; padding-bottom: 10px; color: white; background-color: #9F2E55; } table.type1 .small { font-size: 0.89em; } .tab-box > *:last-child { margin-bottom: 0; } .product-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: var(--m-def); } .product-col-l { -ms-flex-negative: 0; flex-shrink: 0; width: 41.05%; border-right: 1px solid #E1E1E1; padding-right: 50px; } .product-col-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-left: 50px; } .product-img-box { display: block; text-decoration: none; position: relative; padding: 49.1% 0; } .product-img-box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .product-img-slider-wrp { position: relative; } .product-bottom-bar { position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-bottom-bar .pb-pagination { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; } .product-bottom-bar .pr-icons-wrp { -ms-flex-negative: 0; flex-shrink: 0; max-width: 70%; } .pb-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .pr-icons-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 18px; } .pr-icons-wrp > i { width: 40px; height: 40px; background: #F2F2F2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; margin: 0 0 5px 5px; color: #4D86E2; font-size: 1.4em; } .pr-icons-wrp > i.icon-pr-ico3 { font-size: 1.5em; } .pr-icons-wrp > i.icon-pr-ico5 { font-size: 1.15em; } .pr-icons-wrp > i.icon-pr-ico7 { font-size: 0.65em; padding-top: 0.5em; } .pr-icons-wrp > i.icon-pr-ico8 { font-size: 0.85em; } .pr-icons-wrp > i.icon-pr-ico10 { font-size: 1.2em; } .pr-icons-wrp > i.icon-pr-ico11 { font-size: 1.7em; padding-left: 0.1em; padding-top: 0.1em; } .pr-icons-wrp > i.icon-pr-ico12 { font-size: 0.6em; padding-top: 0.4em; } ul.slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; margin-left: -5px; } ul.slick-dots > li { margin: 0; padding: 0; } ul.slick-dots > li:before { display: none; } .sl-dot { border: none; padding: 0; margin: 0; width: 12px; height: 12px; border-radius: 50%; margin: 5px; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .sl-dot:hover, ul.slick-dots > li.slick-active .sl-dot { background-color: #9F2E55; } .product-standards { color: #929292; margin-bottom: var(--m1); line-height: 1.2; } ul.product-prop { margin-bottom: var(--m4); } ul.product-prop > li { margin-bottom: 5px; } ul.product-prop > li:last-child { margin-bottom: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 19px; } .tooltipster-sidetip .tooltipster-box { border: none; border-radius: 0; background: #FFFFFF; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); color: black; font-size: var(--font-size-16); font-size: 16px; font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 300; } .tooltipster-sidetip .tooltipster-content { color: black; line-height: 1.3; padding: 16px 14px; } .tooltipster-sidetip .tooltipster-arrow-border { border-top: 20px solid rgba(0, 0, 0, 0.13) !important; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; height: 0; left: 0; top: 1px; -webkit-filter: blur(2px); filter: blur(2px); } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top: 20px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; height: 0; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0px; } .tooltipster-sidetip .tooltipster-arrow { /* overflow: visible;*/ /* z-index: -1;*/ } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: -6px; height: 25px; margin-left: -15px; width: 30px; padding-left: 5px; } .bg-box { position: relative; color: white; background-color: black; margin-bottom: var(--m-def); } .bg-box:after { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(97.31deg, rgba(0, 0, 0, 0.79) 2.09%, rgba(0, 0, 0, 0.7) 77.85%, rgba(0, 0, 0, 0.42) 100.23%); } .bg-box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .bg-box-inner { position: relative; z-index: 2; padding-top: var(--m0); padding-bottom: var(--m4); } .bg-box-inner .btn { text-transform: uppercase; } .bb-clbck.bg-box h2 { max-width: none; margin-bottom: var(--m6); } .bb-clbck.bg-box p { max-width: none; } .tape-slider.sl-btns-wrp { --tp-slider-item-offset: 1px; } .sl-btns-wrp {} .sl-btn { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; white-space: nowrap; font-weight: 550; color: rgba(0, 0, 0, 0.5); background: rgba(242, 242, 242, 0.7); height: calc(var(--input-height) - 5px); padding: 5px 20px; -webkit-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } .sl-btn:hover, .sl-btn.active { background-color: #F2F2F2; color: #000000; } .sl-tab { margin-bottom: var(--m-def); } .sl-tab .tps-wrp { border-bottom: none; margin-bottom: 0; margin-top: 0; } .tabs-content { background-color: #F2F2F2; } .tab-box-inner { margin-top: 0; } .tab-box-inner > *:last-child { margin-bottom: 0; } .sl-btns-wrp .slick-arrow { background-color: white; color: black; } .sl-btns-wrp.slick-slider:after { background: -webkit-gradient(linear, right top, left top, color-stop(29.09%, #F2F2F2), color-stop(107.73%, rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #F2F2F2 29.09%, rgba(242, 242, 242, 0) 107.73%); } .sl-btns-wrp .slick-arrow:hover { color: white; } .img-b-text .caption4 { font-size: calc(var(--font-size-20) + 2px); font-weight: 700; line-height: 1.35; } .tw-cols { display: -webkit-box; display: -ms-flexbox; display: flex; } .aside { width: 295px; margin-right: 20px; } .ct-aside { background-color: #F2F2F2; padding: 43px 20px 20px 20px; } .ct-as-bottom { margin-left: -20px; margin-right: -20px; margin-bottom: -20px; padding: 20px; border-top: 1px solid #CACACA; font-size: var(--font-size-16); text-align: center; } .tw-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .ct-view { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 17px; } .ct-view > strong { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; margin-bottom: 0; } .ct-view .ct-icons { -ms-flex-negative: 0; flex-shrink: 0; } .ct-icons { display: -webkit-box; display: -ms-flexbox; display: flex; } .ct-ico { text-decoration: none; display: block; font-size: 25px; line-height: 1; margin-left: 14px; color: #D0D0D0; -webkit-transition: color 300ms; transition: color 300ms; } .ct-ico:hover, .ct-ico.active { color: #9F2E55; } .ct-as-title { font-weight: 550; font-size: calc(var(--font-size-20) + 2px); line-height: 1; -ms-flex-item-align: center; align-self: center; display: block; margin-bottom: calc(var(--m0) + 3px); } .ct-inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } .ct-inputs > * { margin-bottom: 10px; } ul.pr-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; } ul.pr-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 25%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .pr-box { --pr-box-offset: 19px; --pr-box-offset-bottom: 14px; background: #FFFFFF; border: 1px solid #EAEAEA; padding: var(--pr-box-offset) var(--pr-box-offset) var(--pr-box-offset-bottom) var(--pr-box-offset); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .prb-top { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 19px; width: 100%; margin-bottom: 10px; } .prb-caption { text-decoration: none; display: block; color: black; font-weight: 550; /* font-size: 30px;*/ line-height: 1; margin-bottom: 10px; -webkit-transition: color 300ms; transition: color 300ms; } .prb-caption:hover { color: #9F2E55; } .prb-text { font-size: var(--font-size-16); color: #929292; } .prb-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: calc(-1 * var(--pr-box-offset-bottom)); position: relative; } .prb-img { display: block; text-decoration: none; padding: 60% 0; margin-left: calc(-1 * var(--pr-box-offset)); margin-right: calc(-1 * var(--pr-box-offset)); position: relative; height: 100%; overflow: hidden; } .prb-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center bottom; object-position: center bottom; font-family: 'object-fit: contain; object-position: center bottom;'; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .pr-box:hover .prb-img > img { -webkit-transform: scale(1.05); transform: scale(1.05); } .prb-body .pr-icons-wrp { position: absolute; bottom: calc(var(--pr-box-offset) - 10px); left: -10px; right: 0; z-index: 3; margin-bottom: 0; } .pr-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .pr-slider .slick-slide { height: auto; } .pr-slider .slick-slide > div > div, .pr-slider .slick-slide > div { height: 100%; display: block !important; } .pr-slider { margin-left: -10px; margin-right: -40px; margin-bottom: var(--m-def); } .pr-slider .slick-slide { padding-left: 10px; padding-right: 10px; } .pr-slider .slick-list { overflow: visible; } ul.pr-list-inline { margin-bottom: 30px; } ul.pr-list-inline > li { margin-top: -1px; } .pr-box-inline { background: #FFFFFF; border: 1px solid #EAEAEA; padding: 25px 23px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pr-box-inline .prb-caption { font-size: 1.11em; width: 21.2%; -ms-flex-negative: 0; flex-shrink: 0; } .pr-box-inline .prb-text { font-size: 1em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; color: #000000; line-height: 1.32; padding-right: 10px; } .pr-box-inline .pr-icons-wrp { -ms-flex-negative: 0; flex-shrink: 0; width: 19.1%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 5px; } .pr-box-inline .pr-icons-wrp, .pr-box-inline .prb-caption, .pr-box-inline .prb-text { margin-right: 15px; } .pr-btn-wrp { -ms-flex-negative: 0; flex-shrink: 0; } .pr-btn-wrp .btn { min-width: 0; height: 50px; } .fi { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background-color: white; color: black; border: 1px dashed #B4B4B4; -webkit-transition: background-color 300ms, color 300ms, border-color 300ms; transition: background-color 300ms, color 300ms, border-color 300ms; } .fi:hover { background-color: #EAEAEA; border-color: transparent; } .fi input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; cursor: pointer !important; } .selected-file { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .screen-item:not(.height-auto) { padding-top: var(--header-height); } .screen-item > .sc-scroll { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .sc-scroll .scroll-content { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .sc-scroll .scrollbar-track-y { right: 30px; } .sc-scroll[data-scrollbar="true"] { padding-right: 0; margin-right: 0; } .sc-scroll-container { --sc-margin: 97px; --sc-padding: 60px; min-height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .sc-inner-bg { position: absolute; /* background-color: red;*/ top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .sc-inner-content { --sc-inner-bottom-offset: 70px; --sc-inner-bottom-offset2: 6.5vh; height: 100%; z-index: 2; position: relative; -ms-flex-item-align: center; align-self: center; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; margin-bottom: calc(var(--sc-inner-bottom-offset2) + var(--sc-inner-bottom-offset)); } .sc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .sc-inner-bg-col-l, .col-l { width: calc(50% + var(--sc-margin)); -ms-flex-negative: 0; flex-shrink: 0; padding-right: var(--sc-padding); } .sc-inner-bg-col-r, .col-r { width: calc(50% - var(--sc-margin)); -ms-flex-negative: 0; flex-shrink: 0; padding-left: var(--sc-padding); } .col-l, .col-r { padding-top: 20px } .ed-section .sc-inner-bg-col-r { background-color: #F2F2F2; } .ed-ins-container { max-width: 600px; } .ed-section .col-l { line-height: 1.55; } .ed-ins-container > p { margin-bottom: calc(var(--m7) + 1px); } .ed-ins-container > strong { display: block; margin-bottom: 10px; } ul.def-type-2 > li { margin-bottom: 8px; } ul.def-type-2 > li:before { width: 5px; height: 5px; border-radius: 50%; background-color: #C4C4C4; top: calc((0.5em * var(--main-line-height)) - 2px); } .ed-ins-container ul.def-type-2 { margin-bottom: 3.4em; } ul.sc-counters { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -8.4vh; overflow: hidden; } ul.sc-counters > li { width: 50%; margin-bottom: 8.4vh; } .sc-count { font-weight: 300; font-size: 6rem; color: #9F2E55; line-height: 1; margin-bottom: 11px; } .sc-sub-count { font-weight: 550; font-size: 13px; color: #9F2E55; } .sc-count-text { margin-top: var(--m2); } .ed-section .col-r { padding-top: 3.5vh; } .sc-counters-wrp { overflow: hidden; } .mouse-wrp { position: absolute; bottom: 6.5vh; left: 0; width: 100%; pointer-events: none; z-index: 5; } .sc-scroll-container.revese { --sc-margin: -97px; --sc-padding: 105px; } .range-section .sc-inner-bg-col-l { position: relative; } .range-section .sc-inner-bg-col-l > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .range-section .sc-inner-content { margin-bottom: calc(var(--sc-inner-bottom-offset2) + var(--sc-inner-bottom-offset) - 30px); } ul.list-column { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 5%; column-gap: 5%; margin-right: -20px; } ul.list-column > li { -webkit-column-break-inside: avoid; break-inside: avoid; margin-bottom: 11px; } ul.list-column a { text-decoration: none; -webkit-transition: color 300ms; transition: color 300ms; } ul.list-column a:hover { color: #9F2E55; } .range-section h2 { padding-right: 2px; } .range-section .mouse-wrp .mouse-ico { margin-left: calc((50% + var(--sc-margin)) + var(--sc-padding)); } .top-section .col-l, .top-section .sc-inner-bg-col-l { background-color: #9F2E55; color: white; } .top-section .mouse-ico { color: white; } .slc { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; margin-bottom: 10px; } .slc > span { -ms-flex-negative: 0; flex-shrink: 0; font-size: calc(var(--font-size-20) + 4px); font-weight: 400; } .slc > img { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 30px; } .top-section .sc-scroll-container { --sc-padding: 96px; } ul.sc-category { --sc-category-offset: 43px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(-1 * var(--sc-category-offset)); margin-right: calc(-1 * var(--sc-category-offset)); margin-bottom: 20px; } ul.sc-category > li { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding-left: var(--sc-category-offset); padding-right: var(--sc-category-offset); margin-bottom: 70px; } .sc-category-box { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-top: 1px solid #C48FA1; padding: 20px 25px; line-height: 1.3; font-weight: 400; font-size: 2.4rem; text-transform: uppercase; min-height: 136px; position: relative; height: 100%; } .sc-category-box:before { content: ' '; width: 6px; background-color: #C48FA1; position: absolute; top: 0; bottom: 0; left: 0; } .sc-category-box:after { content: ' '; width: 100%; background-color: rgba(255, 255, 255, 0.5); background-color: #C48FA1; position: absolute; top: 0; bottom: 0; left: 0; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .sc-category-box > span { position: relative; z-index: 1; } .sc-category-box:hover:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .top-section > span { position: relative; z-index: 2; } .top-section h2 { margin-bottom: 48px; } .top-section .dashed { font-size: 0.92em; } .fs-video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .fs-video-bg video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .play { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; font-size: var(--font-size-16); } .ico-play { -ms-flex-negative: 0; flex-shrink: 0; width: 60px; height: 60px; background-color: rgba(0, 56, 147, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .play:hover .ico-play { background-color: rgba(255, 255, 255, 0.8); } .ico-play:before { content: ' '; width: 0; height: 0; -ms-flex-negative: 0; flex-shrink: 0; border-left: 12px solid white; border-top: 9px solid transparent; border-bottom: 9px solid transparent; -webkit-transition: border-left-color 300ms; transition: border-left-color 300ms; } .play:hover .ico-play:before { border-left-color: #9F2E55; } .play span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; text-decoration: none; font-weight: 550; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); margin-left: 20px; } .top-section .play { color: white; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: -16px; } .top-section .col-r { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: calc(var(--sc-padding) / 1.65); } .exp-section .sc-inner-content { margin-bottom: calc(var(--sc-inner-bottom-offset2) + var(--sc-inner-bottom-offset) - 10px); } .nw-section .sc-inner-bg-col-r { background-color: #F2F2F2; } .nw-section .col-l .link:after { background-color: white; } .nw-section .col-r h2 { margin-bottom: 61px; } .nw-section .ms-col-l, .nw-section .sc-inner-bg-col-l, .nw-section .col-l { padding-right: calc(var(--sc-padding) + 46px); color: white; } .nw-section .sc-inner-bg-col-l { background-color: black; position: relative; } ul.cs-list > li { margin-bottom: 36px; } ul.cs-list time { font-weight: 400; font-size: var(--font-size-16); color: #9F9F9F; margin: 0 0 10px 0; line-height: 1; } ul.cs-list a { text-decoration: none; color: black; font-weight: 400; font-size: var(--font-size-20); -webkit-transition: color 300ms; transition: color 300ms; } ul.cs-list a:hover { color: #9F2E55; } .ms-sl-pg { pointer-events: auto; } .ms-col-l { width: calc(50% + var(--sc-margin)); padding-right: var(--sc-padding); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ms-sl-pg { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .ms-sl-pg .slick-arrow { width: 40px; height: 40px; border: 2px solid #CBCBCB; border-radius: 50%; padding: 0; margin: 0; background-color: transparent; margin-left: 22px; font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } .ms-sl-pg .slick-arrow:hover { background-color: white; color: black; } .sc-nw-slider time { font-weight: 400; color: rgba(255, 255, 255, 0.7); font-size: var(--font-size-16); margin-bottom: 19px; } .sc-nw-caption { text-decoration: none; font-weight: 550; font-size: 4.5rem; line-height: 1.15; margin-bottom: 35px; display: block; } .sc-nw-text { font-weight: 400; max-width: 730px; margin-bottom: 45px; } .nw-section .col-l { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2; } .nw-section .col-l h2 { -ms-flex-negative: 0; flex-shrink: 0; } .nw-section .sc-nw-slider-wrp { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .sc-nw-slider { height: 100%; } .sc-nw-slider .slick-list { height: 100%; } .sc-nw-slider .slick-track { height: 100%; } .sc-nw-slider .slick-slide > div { height: 100%; display: block !important; } .sc-nw-slider .slick-slide > div > div { height: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .sc-nw-item { -ms-flex-item-align: end; align-self: flex-end; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .nw-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; position: absolute; opacity: 0.5; } .nw-bg-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .cpt-count { font-size: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 550; } .cpt-count > b { font-size: 8rem; color: #E2E2E2; line-height: 1.1; margin-right: 0.2em; } .cpt-count > span { -ms-flex-item-align: center; align-self: center; } ul.logo-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } ul.logo-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 12.5%; padding: 0 10px; margin-bottom: 20px; } .js-open-more { margin-top: 15px; display: none; text-transform: uppercase; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .js-open-more:before { content: attr(data-open-text); } .hide-box.open .js-open-more:before { content: attr(data-close-text); } .hide-outer { --ho-max-height: 313px; max-height: var(--ho-max-height); overflow: hidden; position: relative; -webkit-transition: max-height 600ms; transition: max-height 600ms; } .hide-box.hide .hide-outer:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 203px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(2%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.9) 2%, rgba(255, 255, 255, 0) 100%); -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; z-index: 2; pointer-events: none; } .hide-box.hide > .js-open-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .hide-box.open .hide-outer:before { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition-delay: 300ms; transition-delay: 300ms; } .hide-inner > *:last-child { margin-bottom: 0; } .hide-box.hide > .open-more { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; margin-left: auto; margin-right: auto; width: 40px; text-align: center; color: #9F2E55; font-size: 22px; } .hide-box.open .js-open-more { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .cts-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .cts-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; } .cts-ot { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 15px; width: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .doc-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 157px; text-decoration: none; } .doc-link-img { -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 2px; } .doc-link-img > img { display: block; width: 100%; } .doc-link-txt { -ms-flex-negative: 0; flex-shrink: 0; line-height: 1.2; font-size: 0.9em; color: #8B8B8B; -webkit-transition: color 300ms; transition: color 300ms; } .doc-link:hover .doc-link-txt { color: #9F2E55; } .exp-slider { --slide-padding-right: 85px; --slide-offset: 10px; margin-left: calc(-1 * var(--slide-offset)); margin-right: calc(-1 * var(--slide-offset)); } .exp-slider .slick-list { overflow: visible; } .exp-slider .exp-box { -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .exp-slider .slick-slide > div { padding: var(--slide-offset); } .exp-slider .slick-arrow { margin: 0; padding: 0; border: none; text-decoration: none; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; width: 45px; height: 45px; border: 1px solid #DBDBDB; border-radius: 50%; position: absolute; top: 50%; margin-top: -22px; right: calc(((var(--slide-offset) / 2) - var(--slide-padding-right)) + 22px); z-index: 2; font-size: 12px; line-height: 1; } .exp-slider:not(.last-slide) .slick-prev { display: none !important; } .exp-slider.last-slide .slick-next { display: none !important; } .product-col-r .btn { margin-right: 10px; } .prop-table { margin-bottom: calc(var(--m1) * 8.3); } table.type2 { font-size: 1em; margin-bottom: 3px; } table.type2 td strong { font-size: 1.11em; } table.type2 td:nth-child(1) { width: 42.2%; } table.type2 td { padding: 17px 24px; vertical-align: baseline; } .ot-pr-links .link { margin-bottom: calc(var(--m1) / 2); color: #9F2E55; } .ot-pr > *:last-child { margin-bottom: 0; } .nv-ot-caption>a { text-decoration: none; } @media screen and (max-width: 1880px) { .exp-slider { width: calc(100% - var(--slide-padding-right)); } } /*height*/ @media screen and (max-height: 1040px) and (min-width: 992px) { .screen-item .exp-box:after { padding: 38.5% 0; } ul.sc-category > li { margin-bottom: 50px; } } @media screen and (max-height: 1000px) and (min-width: 992px) { .nav-caption { margin-bottom: calc(var(--nav-elem-offset) / 2.65); } ul.nv-nav-list > li { margin-bottom: calc(var(--nav-elem-offset) / 2.6); } .nav-main:before { display: none; } .mouse-wrp { bottom: 20px; } .sc-inner-content { --sc-inner-bottom-offset2: 20px; } ul.sc-category > li { margin-bottom: 40px; } .slc > img { width: 90px; } .screen-item .exp-box:after { padding: 35.5% 0; } } @media screen and (max-height: 900px) and (min-width: 992px) { .nav-bottom { padding-top: 40px; padding-bottom: 10px; } .nv-ot-caption, ul.nv-nav-list a { font-size: 2.8rem; } .nv-ot-box { margin-bottom: calc(var(--nav-elem-offset) / 4); } .nvb-content { margin-bottom: 5px; } .nav-caption { font-size: 4rem; } .f-form { --f-form-bottom-offset: 20px; } .cu-container .f-form { padding-bottom: 0; } .sc-category-box { padding: 10px 25px; font-size: 2rem; min-height: 100px; } .sc-inner-content { --sc-inner-bottom-offset2: 10px; } .screen-item .exp-box-inner { min-height: 70px; } .screen-item .exp-box:after { padding: 30% 0; } .nw-section .col-r h2 { margin-bottom: 30px; } } @media screen and (max-height: 800px) and (min-width: 992px) { ul.nv-nav-list > li { margin-bottom: calc(var(--nav-elem-offset) / 5); } .f-form { --f-form-bottom-offset: 15px; } .screen-item:not(.nw-section) .mouse-wrp { display: none; } .nw-section .mouse-ico { display: none; } .sc-inner-content { --sc-inner-bottom-offset: 0px; --sc-inner-bottom-offset2: 30px; } ul.cs-list > li { margin-bottom: 20px; } ul.cs-list time { margin-bottom: 5px; } .sc-nw-caption { margin-bottom: 25px; } .screen-item .exp-box:after { padding: 29% 0; } body .exp-section h2 { margin-bottom: 20px; } .ed-ins-container ul.def-type-2 { margin-bottom: 30px; } .ed-ins-container > p { margin-bottom: 30px; } body .ed-section h2 { margin-bottom: 30px; } ul.sc-counters { margin-bottom: -40px; } ul.sc-counters > li { margin-bottom: 40px; } .sc-count-text { margin-top: 10px; } ul.sc-category > li { margin-bottom: 30px; } .sc-category-box { min-height: 80px; } .slc > img { width: 70px; } } /*width*/ @media screen and (max-width: 1759px) { .pr-slider { margin-left: -10px; margin-right: -10px; } .sc-count { font-size: 5rem; } .sc-scroll .scrollbar-track-y { right: 10px; } } @media screen and (max-width: 1599px) { :root { --header-height: 70px; --main-font-size: 16px; --font-size-20: 18px; --font-size-16: 14px; --font-size-14: 13px; --font-size-12: 11px; --m-def: 60px; } html { font-size: 8px; } .h-flex { --h-offset: 30px; --h-offset-2: 20px; } .h-select { width: 150px; } .h-col-l .logo { width: 60px; } ul.drpdwn-list a { padding: 6px 15px; } ul.drpdwn-list { width: 210px; margin-top: 5px; padding-top: 10px; padding-bottom: 10px; } ul.drpdwn-list a:before { top: -2px; bottom: -2px; } .h-search > input { height: var(--input-height); } .img-b { width: 500px; } .footer { padding-top: 60px; padding-bottom: 20px; } ul.f-nav-list > li { margin-bottom: 14px; } .btn { min-width: 170px; } .nav-more-head:after { margin-top: 0.4em; margin-left: 1.4em; } ul.nv-social-list { margin-left: -20px; } ul.nv-social-list > li { margin-left: 20px; } ul.nv-category-list { margin-left: -20px; } ul.nv-category-list > li { margin-left: 20px; } .top-banner { min-height: 600px; } .top-banner > .container:last-child .tb-wrp { padding-bottom: 6px; } blockquote { padding: var(--m1) calc(var(--m-def) / 2); } .b-bottom-wrp > * { min-height: 70px; font-size: 2.2rem; } .crf-inner { padding: 25px 10px 20px 20px; } .crf-box { min-height: 190px; } .tb-btn-wrp > * { min-height: 45px; } .tb-link { padding-top: 20px; padding-bottom: 20px; } .tape-slider { --tp-slider-item-offset: 15px; } .tps-wrp { margin-top: calc(-1 * (var(--m-def) / 3)); } .exp-box-inner, .ctg-box-inner { min-height: 0; } .pb-box { padding: 10px; } .pb-img { margin-right: 10px; } ul.tabs-title { --tabs-item-offset: 50px; } .pr-box { --pr-box-offset: 10px; --pr-box-offset-bottom: 10px; } ul.pr-list { margin-left: -5px; margin-right: -5px; } ul.pr-list > li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .aside { margin-right: 10px; } .img-b.offset-type-4 { --img-b-offset: 20px; } .pr-slider { margin-left: -5px; margin-right: -5px; } .pr-slider .slick-slide { padding-left: 5px; padding-right: 5px; } .hide-outer { --ho-max-height: 250px; } } @media screen and (max-width: 1399px) { :root { --m1: 18px; } html { font-size: 7px; } .h-select { width: 140px; } .h-flex { --h-offset: 20px; --h-offset-2: 15px; } .h-col-l { margin-right: 15px; } .h-tel { font-size: calc(var(--font-size-16) + 1); } .img-b { width: 430px; } .img-caption { padding: 10px; line-height: 1.25; } .tab-box-inner, .bb-clbck { padding: var(--m7) var(--m6); } .fm-col-3 { width: 21.65%; } .fmt-title { font-size: var(--font-size-12); } .h-col-l .logo { width: 52px; margin-right: 10px; } .cu-container { padding-right: 70px; } .lb-modal-close { top: 0; right: 0; padding-top: 5px; padding-bottom: 5px; } .top-banner { min-height: 526px; } h4, .caption4 { font-size: 2.4rem; } .img-b.offset-type-3 { --img-b-offset: 45px; } .crf-box { min-height: 170px; } .fd-box { padding: 15px; } .fd-img { width: 60px; height: 60px; } .fd-head { margin-bottom: 10px; } .fd-text + .link { margin-top: var(--m1); } .map { height: 400px; } .exp-caption, .ctg-caption { font-size: 2.4rem; } .exp-box-inner, .ctg-box-inner { padding: 10px; } ul.pb-list > li { width: 100%; } .prd-caption { padding-bottom: 0; } .product-col-l { padding-right: 20px; } .product-col-r { padding-left: 20px; } .pr-icons-wrp > i { width: 30px; height: 30px; } .pr-icons-wrp { font-size: 13px; } .tooltipster-sidetip .tooltipster-content { padding: 5px; } .tooltipster-sidetip .tooltipster-box { font-size: 14px; } .sl-btn { padding-left: 10px; padding-right: 10px; } .ct-aside { background-color: #F2F2F2; padding: 20px 10px 10px 10px; } .cr-icon { width: 24px; height: 24px; } .cr-icon:before { top: 6px; right: 6px; bottom: 6px; left: 6px; } .aside { width: 260px; } .ct-as-bottom { margin-left: -10px; margin-right: -10px; margin-bottom: -10px; padding: 10px; } .ct-as-title { font-size: var(--font-size-20); } .pr-btn-wrp .btn { height: 36px; } .sc-scroll-container { --sc-margin: 90px; --sc-padding: 30px; } .sc-scroll-container.revese, .top-section .sc-scroll-container { --sc-padding: 30px; } .nw-section .ms-col-l, .nw-section .sc-inner-bg-col-l, .nw-section .col-l { padding-right: var(--sc-padding); } ul.logo-list > li { width: 14.2857%; } .cts-l { width: 65%; } } @media screen and (max-width: 1199px) { :root { --main-font-size: 15px; --font-size-20: 17px; --font-size-16: 13px; --font-size-14: 12px; --font-size-12: 11px; --m-def: 50px; --input-height: 45px; } html { font-size: 6px; } .h-col-c { display: none; } .h-col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .fm-col-1 { width: 10.7%; } .fm-col-4 { width: 140px; } .fmt-tel { margin-bottom: 3px; } .tab-box-inner, .bb-clbck { padding: var(--m3) var(--m1); } .f-form > *:not(.full) { width: calc(50% - 20px); } .ta textarea, .ta .text-autosize-container { padding: 15px 0; } .top-banner { min-height: 426px; } .tb-center:before { display: none; } .top-banner > .container:last-child .tb-wrp { padding-bottom: 0; } .mouse-ico { width: 22px; height: 34px; } h4, .caption4 { font-size: 2.6rem; } blockquote { padding: var(--m1) calc(var(--m-def) / 3); } .img-b.offset-type-3 { width: 400px; } .b-bottom-wrp > * { min-height: var(--input-height); } .crf-inner { padding: 20px 15px 15px 15px; } .crf-box { min-height: 145px; } .crf-caption { font-size: 2.5rem; } .prd-box-inner, .nw-box-inner { padding: 9px 10px; } .nw-caption { font-size: 2.6rem; } ul.prd-list, ul.ctg-list, ul.fd-list, ul.glr-list, ul.nw-list { margin-left: -5px; margin-right: -5px; } ul.prd-list > li, ul.ctg-list > li, ul.fd-list > li, ul.glr-list > li, ul.nw-list > li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .glr-inner { padding: 9px 10px; } .glr-caption { font-size: 2.6rem; } ul.glr-list.glr-col-4 > li { width: 33.3333%; } .fd-name { font-size: 16px; } .fd-img { margin-right: 12px; } .tb-link { font-size: 14px; } .tb-lst-box { max-width: 270px; } .ed-box { max-width: 28%; } .ed-count-name { font-size: 2.6rem; } .logo-slider .slick-arrow, .tape-slider .slick-arrow { width: 36px; height: 36px; margin-top: -18px; } .cts-l { width: 70%; } .tbct-box-wrp { margin-left: -10px; margin-right: -10px; } .tbct-box { padding-left: 10px; padding-right: 10px; } .exp-caption, .ctg-caption { font-size: 16px; } ul.exp-list { margin-left: -5px; margin-right: -5px; } ul.exp-list > li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .prj-slider { margin-left: -5px; margin-right: -5px; } .prj-slider .slick-slide { padding-left: 5px; padding-right: 5px; } .prd-caption { font-size: 2.6rem; } .logo-slider { --lg-offset: 10px; } ul.ed-list { margin-left: -10px; margin-right: -10px; margin-bottom: -30px; } ul.ed-list > li { width: 315px; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; } ul.tabs-title { --tabs-item-offset: 30px; } ul.tabs-title a { padding-top: 20px; padding-bottom: 20px; font-size: 14px; } ul.pr-list > li { width: 33.3333%; } .pr-box-inline { padding: 15px 10px; } .pr-box-inline .prb-caption { font-size: 1em; } ul.logo-list { margin-left: -5px; margin-right: -5px; } ul.logo-list > li { width: 16.6666%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .exp-slider { --slide-padding-right: 55px; --slide-offset: 5px; } .exp-slider .slick-arrow { right: calc(((var(--slide-offset) / 2) - var(--slide-padding-right)) + 5px); } table.type2 td { padding: 6px 14px; } .prop-table { margin-bottom: calc(var(--m1) * 5); } } /*width - height*/ /*1040*/ @media screen and (max-width: 1759px) and (max-height: 1040px) and (min-width: 992px) {} @media screen and (max-width: 1599px) and (max-height: 1040px) and (min-width: 992px) {} @media screen and (max-width: 1399px) and (max-height: 1040px) and (min-width: 992px) { .slc > img { width: 90px; } } @media screen and (max-width: 1199px) and (max-height: 1040px) and (min-width: 992px) {} /*1000*/ @media screen and (max-width: 1759px) and (max-height: 1000px) and (min-width: 992px) {} @media screen and (max-width: 1599px) and (max-height: 1000px) and (min-width: 992px) {} @media screen and (max-width: 1399px) and (max-height: 1000px) and (min-width: 992px) {} @media screen and (max-width: 1199px) and (max-height: 1000px) and (min-width: 992px) {} /*900*/ @media screen and (max-width: 1759px) and (max-height: 900px) and (min-width: 992px) {} @media screen and (max-width: 1599px) and (max-height: 900px) and (min-width: 992px) {} @media screen and (max-width: 1399px) and (max-height: 900px) and (min-width: 992px) {} @media screen and (max-width: 1199px) and (max-height: 900px) and (min-width: 992px) {} /*800*/ @media screen and (max-width: 1759px) and (max-height: 800px) and (min-width: 992px) { .screen-item .exp-box-inner { min-height: 60px; padding: 10px; } } @media screen and (max-width: 1599px) and (max-height: 800px) and (min-width: 992px) {} @media screen and (max-width: 1399px) and (max-height: 800px) and (min-width: 992px) {} @media screen and (max-width: 1199px) and (max-height: 800px) and (min-width: 992px) {} /*700*/ @media screen and (max-width: 1759px) and (max-height: 700px) and (min-width: 992px) { html { font-size: 8px; } .top-section h2 { margin-bottom: 20px; } .slc > img { width: 50px; } body .ed-section h2 { margin-bottom: 20px; } .screen-item .exp-box:after { padding: 25% 0; } .screen-item .exp-box-inner { min-height: 0; } .nw-section .col-r h2 { margin-bottom: 20px; } ul.cs-list a { line-height: 1; font-size: var(--font-size-18); } ul.cs-list > li { margin-bottom: 17px; } } @media screen and (max-width: 1599px) and (max-height: 700px) and (min-width: 992px) {} @media screen and (max-width: 1399px) and (max-height: 700px) and (min-width: 992px) {} @media screen and (max-width: 1199px) and (max-height: 700px) and (min-width: 992px) { .sc-count { font-size: 3.9rem; } .sc-category-box { min-height: 70px; } } @media screen and (min-width: 992px) { .nw-section .col-l > img, .sc-inner-bg .play { display: none; } } @media screen and (max-width: 991px) { :root { --m5: calc(var(--m1) * 3); --input-height: 40px; } html body .top-section .sc-inner-bg-col-r { display: none; } .screen-pages .screen-item.top-section { margin-bottom: 0; } .nv-ot-caption { margin-bottom: calc(var(--nav-elem-offset) / 10); } .nv-ot-box { margin-bottom: calc(var(--nav-elem-offset) / 7); } .img-b { width: 310px; } .img-box { display: block; } .img-b { float: left; margin-bottom: 15px; } .img-b-text { width: auto; } .nav-more-head:after { margin-left: 0.8em; } .fm-col-1 { width: 102px; } .fm-col-4 { width: 132px; } .fm-col-3 { width: 23.65%; } .fct-title { margin-bottom: 4px; } ul.f-nav-list a, .fct-content { font-size: var(--font-size-16); } .btn { min-width: 0; padding: 10px } .bb-clbck-btn-wrp > * { margin-left: 20px; } .bb-clbck-btn-wrp { margin-left: -20px; } .nav-bottom { padding-bottom: 1px; } .ta textarea, .ta .text-autosize-container { padding: 12px 0; } .img-b.offset-type-2 { --img-b-offset: 20px; } .top-banner { min-height: 300px; } .img-b.offset-type-3 { --img-b-offset: 20px; } .img-box.reverse .img-b.offset-type-3 { float: right; } .img-box:after { content: ' '; clear: both; display: block; height: 0; width: 100%; } .ot-img-half > * { width: calc(var(--ot-item-width) - 5px); margin-bottom: 10px; } .ot-img-half { margin-bottom: -10px; } .ot-img-half.col-3 { --ot-item-width: 50%; } .ex-title { padding-top: 10px; padding-bottom: 15px; } .sign { padding: 10px 14px; } ul.crf-list { margin-left: -5px; margin-right: -5px; margin-bottom: -10px; } ul.crf-list > li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .crf-inner { padding: 15px 10px 12px 10px; width: 80%; } .crf-box { min-height: 135px; } ul.prd-list > li { width: 33.3333%; } ul.ctg-list > li, ul.fd-list > li, ul.glr-list > li, ul.nw-list > li { width: 50%; } ul.years-list .btn { min-width: 0; font-size: var(--font-size-16); padding-top: 9px; padding-bottom: 8px; } .tb-btn-wrp > * { min-height: 40px; } ul.glr-list.glr-col-4 > li { width: 50%; } .tape-slider { --tp-slider-item-offset: 10px; } .logo-slider .slick-arrow, .tape-slider .slick-arrow { width: 34px; height: 34px; margin-top: -17px; } .img-box.reverse .img-b { float: right; } .tb-lst-wrp { margin-left: -15px; } .tb-lst-box { max-width: 240px; padding-left: 15px; padding-right: 15px; } .ci-wrp { -webkit-column-count: 1; column-count: 1; } .ci-wrp > * { margin-bottom: var(--m4); } .ci-wrp > *:last-child { margin-bottom: 0; } .ed-count-name { font-size: 16px; } .ed-box { max-width: 30%; } .cts-title { font-size: var(--font-size-20); } .tbct-box-wrp { -ms-flex-wrap: wrap; flex-wrap: wrap; } .tbct-box { width: 33.3333%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .cts-title { margin-bottom: 0; } .cts-caption { margin-bottom: var(--m0); } .map { height: 300px; } ul.exp-list { grid-template-columns: repeat(3, 33.333%); } ul.exp-list > li:last-child { grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 4; } ul.fd-list.one-line > li:nth-child(n+3) { display: none; } .lg-box { height: 90px; } ul.ed-list > li { width: 50%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } ul.ed-list > li.empty { display: none; } .ed-box2 > i { margin-bottom: var(--m0); } th, td { padding: 5px; } ul.tabs-title { --tabs-item-offset: 20px; } ul.tabs-title a { padding-top: 15px; padding-bottom: 15px; } .product-wrp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-col-l { width: 500px; max-width: 100%; border-right: 0; border-bottom: 1px solid #E1E1E1; padding-bottom: 20px; margin-bottom: 20px; padding-right: 0; } .product-col-r { padding-right: 0; width: auto; padding-left: 0; } ul.pr-list > li { width: 50%; } .ct-ico { font-size: 20px; } .aside { width: 220px; } .prb-top { margin-top: 10px; } .prb-text { font-size: var(--font-size-14); line-height: 1.3; } .screen-item:not(.height-auto) { padding-top: 0; } .content { padding-top: 0; } .top-section .sc-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .top-section .col-r, .top-section .col-l { width: auto; margin-left: calc(-1 * var(--container-offset)); margin-right: calc(-1 * var(--container-offset)); padding-left: var(--container-offset); padding-right: var(--container-offset); padding-bottom: 0; padding-top: 0; } .slc > img { width: 90px; } .slc > span { font-size: var(--font-size-20); } ul.sc-category { --sc-category-offset: 30px; margin-bottom: 0; } .sc-category-box { min-height: 90px; } ul.sc-category > li { margin-bottom: 40px; } .top-section .sc-inner-bg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .mouse-wrp { display: none; } .top-section .sc-scroll-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sc-inner-content { margin-bottom: 0; } .top-section .sc-flex .play { display: none; } .top-section .sc-inner-bg {} .top-section .sc-inner-bg .play { position: relative; z-index: 2; margin: 0; padding: 0; -ms-flex-item-align: center; align-self: center; } .top-section .sc-inner-bg-col-l { display: none; } .top-section .sc-inner-bg-col-r { padding-left: 0; height: 100px; position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: black; } .fs-video-bg { z-index: 1; opacity: 0.5; } .top-section .col-r { display: none; } .top-section .col-l { padding-bottom: 30px; padding-top: 10px; } .range-section .sc-inner-content { margin-bottom: 0; } ul.list-column { margin-right: 0; } .screen-item:not(.height-auto) { margin-bottom: var(--m-def); } ul.list-column { -webkit-column-gap: 20px; column-gap: 20px; } .ed-section .sc-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: var(--m-def); padding-bottom: var(--m-def); } .ed-section .col-l { padding: 0; width: auto; } .ed-section .col-r { padding: 0; width: auto; } .ed-ins-container ul.def-type-2, .ed-ins-container > p { margin-bottom: var(--m1); } .ed-section .col-l { padding-bottom: 40px; } ul.sc-counters { margin-left: -15px; margin-right: -15px; } ul.sc-counters > li { width: 33.3333%; margin-bottom: var(--m3); padding-left: 15px; padding-right: 15px; } .sc-count { margin-bottom: 5px; } .sc-count-text { margin-top: var(--m1); } .ed-section .sc-inner-bg-col-l { display: none; } .ed-section .sc-inner-bg-col-r { padding: 0; width: 100%; } .nw-section .col-r h2, body .ed-section h2 { margin-bottom: var(--m1); } .exp-section .sc-inner-content { margin-bottom: 0; } .nw-section .sc-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nw-section .sc-inner-bg { display: none; } .nw-section .col-l { background-color: black; padding: 0; width: auto; margin-left: calc(-1 * var(--container-offset)); margin-right: calc(-1 * var(--container-offset)); padding-left: var(--container-offset); padding-right: var(--container-offset); padding-top: var(--m-def); padding-bottom: var(--m-def); position: relative; } .nw-section .col-l h2 { position: relative; z-index: 2; } .nw-section .col-l > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; opacity: 0.5; } .nw-section .col-r { padding: 0; width: auto; padding-top: var(--m-def); padding-bottom: var(--m-def); background-color: #F2F2F2; margin-left: calc(-1 * var(--container-offset)); margin-right: calc(-1 * var(--container-offset)); padding-left: var(--container-offset); padding-right: var(--container-offset); } .screen-item.nw-section { margin-bottom: 0; } ul.cs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; } ul.cs-list > li { width: 50%; padding-left: 20px; padding-right: 20px; } .sc-scroll-container { width: 100%; } .sc-count { font-weight: 550; } body.index .content { padding-bottom: 0; } ul.sc-counters { margin-bottom: calc(-1 * var(--m3)); } .nw-section .sc-nw-slider-wrp { position: relative; } .ms-sl-pg { position: absolute; bottom: -10px; right: 0; } ul.logo-list > li { width: 20%; } .hide-outer { --ho-max-height: 190px; } .hide-box.hide .hide-outer:before { height: 50%; } .doc-link { width: 110px; } .cts-ot { width: 110px; } table.type2 td { padding: 5px; } table.type2 td strong { font-size: 1em; } } @media screen and (min-width: 768px) and (max-width: 991px) { .pr-box-inline { -ms-flex-wrap: wrap; flex-wrap: wrap; } .pr-box-inline .prb-caption { width: 100%; margin-right: 0; } .pr-box-inline .prb-text { width: 100%; margin-right: 0; padding-right: 0; margin-bottom: 10px; } .pr-box-inline .pr-icons-wrp { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 3px; margin-left: -5px; } } @media screen and (min-width: 768px) { .filtr-btn, .as-head { display: none; } } @media screen and (max-width: 767px) { .f-main { -ms-flex-wrap: wrap; flex-wrap: wrap; } .fm-col-1 { width: 100%; padding-right: 0; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .f-logo { margin-bottom: 0; margin-right: 20px; } ul.f-nav-list { -webkit-column-gap: 20px; column-gap: 20px; } .footer { padding-top: 40px; } .nv-col-ot { max-width: 40%; } .cu-outer { max-width: 100%; } .err-caption { font-size: 8rem; } .t-col-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .t-col { width: 100%; } .txt-box { width: 100%; margin-bottom: var(--m4); } .txt-head { margin-bottom: var(--m1); } ul.crf-list > li { width: 50%; } .count-head-text { font-size: 18px; } .tb-lst-wrp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; } .tb-lst-box { -ms-flex-item-align: stretch; align-self: stretch; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 10px 0; font-size: 1em; } .tb-lst-box:last-child { border-bottom: none; } .ed-count { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ed-box { max-width: 400px; text-align: center; margin-bottom: var(--m7); } .ed-box:last-child { margin-bottom: 0; } .tbct-box { width: 50%; } .cts-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cts-l { padding: 0; width: auto; margin-bottom: 15px; } .cts-r { width: auto; padding: 0; } ul.exp-list { grid-template-columns: repeat(2, 50%); } ul.exp-list > li:last-child { grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; } .pb-img { width: 160px; } ul.prd-list > li { width: 50%; } .ed2-name { font-weight: 550; font-size: 16px; line-height: 1.3; } table.type1 th:nth-child(1) { width: 40px; } .t-scroll table { min-width: 600px; } ul.pr-list > li { width: 33.3333%; } .aside { position: fixed; background-color: white; z-index: 131; top: 0; right: 100%; bottom: 0; overflow: hidden; overflow-y: auto; padding: 0 20px; width: 300px; margin-right: 0; -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } body.open-filtr .aside { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .ct-aside { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-bottom: 0; } .ct-as-bottom { margin-left: -20px; margin-right: -20px; margin-bottom: 0px; padding: 15px; } .as-head { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 7px; padding-bottom: 7px; } .as-close { text-decoration: none; line-height: 1; font-size: 40px; font-family: 'Times New Roman'; } .filtr-btn { width: 100%; margin-bottom: 20px; } .slc > img { width: 70px; margin-left: 20px; } .range-section .col-l { display: none; } .range-section .sc-inner-bg { display: none; } .range-section .col-r { padding: 0; width: 100%; } .range-section .col-r > *:last-child { margin-bottom: 0; } .ico-play { width: 50px; height: 50px; } ul.cs-list a { font-size: var(--font-size-18); } ul.cs-list > li { margin-bottom: 30px; } .ms-sl-pg { bottom: -5px; } .ms-sl-pg .slick-arrow { width: 35px; height: 35px; margin-left: 10px; } ul.logo-list > li { width: 25%; } } @media screen and (max-width: 630px) { .h-select { width: 125px; } .h-tel { display: none; } .h-search-wrp { margin-right: var(--h-offset-2); } html { font-size: 5px; } .img-caption { font-size: var(--font-size-16); } .fm-col-4 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 50%; } .fm-col-1 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: auto; } .fm-col-2 { width: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fm-col-3 { width: 103px; -ms-flex-negative: 0; flex-shrink: 0; } .fm-tels-box { margin-bottom: 2px; } .fm-col-4 { padding-bottom: 20px; } .f-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fbt-c, .fbt-r, .fbt-l { width: 100%; text-align: center; } .fm-col-1 { -ms-flex-item-align: center; align-self: center; margin-bottom: 30px; } .nav-caption { margin-bottom: calc(var(--nav-elem-offset) / 8); } ul.nv-nav-list > li { margin-bottom: calc(var(--nav-elem-offset) / 8); } .nvb-content { font-size: var(--font-size-14); } .nv-content-title { font-size: 10px; } .nv-search button { width: 30px; } .nv-search input { padding: 0 30px 0 0; font-size: var(--font-size-16); } ul.nv-category-list a, ul.nv-social-list a { font-size: var(--font-size-12); } .nav-bottom { padding-top: 30px; } .f-form > *:not(.full) { width: 100%; } .cu-logo { display: none; } .cu-caption-wrp { margin-bottom: var(--m1); } .cu-container { padding-right: 40px; } .cu-scroll[data-scrollbar="true"] { margin-right: -30px; padding-right: 15px; } .lb-modal-close { top: 0; right: 0; padding: 0 10px; } .cu-container { padding-bottom: 20px; } h4, .caption4 { font-size: 16px; } .ot-img-half.col-3, .ot-img-half { --ot-item-width: 100%; } .ot-img-half > * { width: var(--ot-item-width); } .sign { padding: 6px 10px; font-size: var(--font-size-14); } .crf-box > img { opacity: 0.5; } .crf-caption { font-size: 2.9rem; } .nw-caption { font-size: 16px; } ul.ctg-list > li, ul.fd-list > li, ul.glr-list > li, ul.nw-list > li { width: 100%; } .glr-caption { font-size: 16px; } .cts-caption { font-size: 18px; } ul.exp-list { grid-template-columns: repeat(1, 100%); display: block; } ul.fd-list.one-line > li:nth-child(n+3) { display: block; } ul.fd-list.one-line > li:nth-child(n+4) { display: none; } .pb-img { width: 110px; } .pb-tag { height: 20px; padding: 4px 8px; } .pb-top { margin-bottom: 0; padding-top: 0; } .pb-caption { font-size: var(--font-size-20); line-height: 1.2; } .prd-caption { font-size: 16px; } h5, .caption5 { font-size: 3.2rem; } ul.pr-list > li { width: 50%; } .pr-box-inline { -ms-flex-wrap: wrap; flex-wrap: wrap; } .pr-box-inline .prb-caption { width: 100%; margin-right: 0; } .pr-box-inline .prb-text { width: 100%; margin-right: 0; padding-right: 0; margin-bottom: 10px; } .pr-box-inline .pr-icons-wrp { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 3px; margin-left: -5px; } .pr-btn-wrp { -ms-flex-item-align: end; align-self: flex-end; } .slc > img { width: 60px; } .top-section h2 { margin-bottom: 20px; } .sc-category-box { padding: 10px 15px; min-height: 60px; } ul.sc-category > li { margin-bottom: 20px; } body .range-section h2 { padding-right: 0; margin-bottom: var(--m1); } .range-section .col-r p { margin-bottom: var(--m1); } ul.sc-counters > li { width: 50%; } .sc-count-text { margin-top: 5px; } ul.cs-list > li { width: 100%; } ul.logo-list > li { width: 33.3333%; } } @media screen and (min-width: 480px) { .h-contact-us > i { display: none; } } @media screen and (max-width: 479px) { :root { --header-height: 55px; --m1: 13px; --m8: calc(var(--m1) * 3); --m-def: 30px; --container-offset: 10px; } h1, .caption { font-size: 5rem; } .h-select { /* display: none;*/ } .h-search > button { width: 36px; } .h-search > input { padding: 0 40px 0 10px; } .h-col-l .logo { width: 46px; margin-right: 5px; } .h-contact-us > span { display: none; } .h-contact-us > i { font-size: 20px; } .h-select { width: 150px; } .h-col-l { margin-right: 0; } .nav-btn { margin-left: 5px; } .img-b { --img-b-offset: 0; width: 100%; max-width: none; } .fm-col-4 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding-bottom: 0; } .fm-col-2 { width: 100%; padding-right: 0; margin-bottom: 20px; } .fm-col-3 { padding-right: 0; width: 100%; margin-bottom: 20px; } .fct-box { margin-bottom: 10px; } .fct-title { margin-bottom: 0; } .fm-col-4 { width: auto; text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .f-bottom { padding-top: 22px; } .fbt-c, .fbt-r, .fbt-l { text-align: left; } .nv-col-nav { width: 100%; padding-right: 0; } .nv-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nv-col-nav { margin-bottom: 30px; } .nv-col-ot { width: 100%; max-width: none; } .nav-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .nav-bottom > ul { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0; max-width: none; padding-right: 0; } .nav-bottom > ul > li { margin-left: 0 } ul.f-nav-list { -webkit-column-count: 1; column-count: 1; } ul.f-nav-list > li { margin-bottom: 5px; } .img-b.offset-type-2 { --img-b-offset: 0; } .top-banner > .container { padding-bottom: 20px; } .mouse-ico { display: none; } .tb-bottom { padding-top: var(--m1); } .top-banner:after { background-image: linear-gradient(97.31deg, rgba(0, 0, 0, 0.8) 2.09%, rgba(0, 0, 0, 0.4) 77.85%, rgba(0, 0, 0, 0.3) 100.23%); } ul.sm-list > li > ul > li:before { left: 0.4em; } .img-b.self-width { max-width: none !important; } blockquote { padding: var(--m0) 10px; border-left-width: 2px; } .img-b.offset-type-3 { --img-b-offset: 0; width: 100%; } .img-box.reverse .img-b.offset-type-3, .img-b { float: none; } ul.crf-list > li { width: 100%; } .crf-inner { width: 70%; } .count-head:before { margin-right: 10px; } ul.cc-list > li { padding: 7px 10px; } .tb-btn-wrp > * { min-height: 0; } ul.glr-list.glr-col-4 > li { width: 100%; } .fd-box { padding: 10px; } .tbct-box { width: 100%; } .tbct-caption { margin-bottom: 5px; } .tbct-text { margin-bottom: 5px; } .cts-flex { font-size: var(--font-size-18); } .cts-title { font-size: calc(var(--font-size-18) + 1px); } .exp-caption, .ctg-caption { font-size: 14px; } .prj-slider { margin-right: 0; width: 95%; } .pb-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pb-img { margin-bottom: 10px; margin-right: 0; } .pb-main { width: 100%; } ul.prd-list > li { width: 100%; } .prd-box:after { padding: 50% 0; } ul.ed-list > li { width: 100%; } .ed-box2 > i { font-size: 2.6em; } ul.tabs-title { --tabs-item-offset: 11px; } ul.tabs-title a { padding-top: 12px; padding-bottom: 12px; } ul.pr-list > li { width: 100%; } .prb-img { padding: 40% 0; } .img-b.offset-type-4 { --img-b-offset: 0; } .pr-slider { margin-right: 20px; } .pr-btn-wrp .btn { height: 32px; padding-top: 5px; padding-bottom: 5px; } ul.sc-category { --sc-category-offset: 5px; } .sc-category-box { padding: 10px; } .ico-play { width: 40px; height: 40px; } .play span { margin-left: 10px; } ul.list-column { -webkit-column-count: 1; column-count: 1; } ul.sc-counters > li { width: 100%; } ul.logo-list > li { width: 50%; } .cts-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cts-main { width: 100%; margin-bottom: 10px; } .cts-ot { margin-left: 0; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .exp-slider .slick-arrow { width: 30px; height: 30px; font-size: 10px; } .exp-slider { --slide-padding-right: 38px; } .product-col-r .btn { margin-right: 5px; width: 100%; } } /* End */ /* Start:/local/templates/main/css/custom.css?1718789415599*/ .bx-core-adm-dialog button, .bx-core-adm-dialog input, .bx-core-adm-dialog optgroup, .bx-core-adm-dialog select, .bx-core-adm-dialog textarea { -webkit-appearance: auto !important; } .cs-invbl { display: none; } .cs-invbl_imp { display: none!important; } .cs-err { color: red; } ul.exp-list > li:nth-child(1) .exp-caption, ul.exp-list > li:nth-child(2) .exp-caption{ width: 88%; } .g-ajax-data { display: none; } @media screen and (max-width: 1199px) { .cs-dn-mob { display: none; } } /*.btn:hover { background-color: #e6a614; }*/ /* End */ /* /local/templates/main/css/slick.css?17187894151776 */ /* /local/templates/main/css/jquery.fancybox.min.css?171878941512795 */ /* /local/templates/main/css/tooltipster.bundle.min.css?17187894156495 */ /* /local/templates/main/css/main.css?1718789415153655 */ /* /local/templates/main/css/custom.css?1718789415599 */