/* Start:/css/lib.css?176181945192030*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-99999px;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;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;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;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;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;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{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)}} /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /** * selectize.default.css (v0.12.3) - Default Theme * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; box-shadow: none; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { box-shadow: none; } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #0073bb; border-radius: 0 2px 2px 0; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #00578d; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #aaaaaa; } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 28px; top: 6px; font-size: 23px; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; box-shadow: none; border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 5px 8px 2px; } .selectize-input.full { background-color: #ffffff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { box-shadow: none; } .selectize-input.dropdown-active { border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #1da7ee; color: #ffffff; border: 1px solid #0073bb; } .selectize-control.multi .selectize-input > div.active { background: #92c836; color: #ffffff; border: 1px solid #00578d; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #ffffff; background: #d2d2d2; border: 1px solid #aaaaaa; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 1px !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 0px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #ffffff; margin: -1px 0 0 0; border-top: 0 none; box-sizing: border-box; box-shadow: none; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #ffffff; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; background: rgba(103, 224, 171, 0.5); color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } .selectize-control.multi .selectize-input.has-items { padding-left: 5px; padding-right: 5px; } .selectize-control.multi .selectize-input.disabled [data-value] { color: #999; text-shadow: none; background: none; box-shadow: none; } .selectize-control.multi .selectize-input.disabled [data-value], .selectize-control.multi .selectize-input.disabled [data-value] .remove { border-color: #e6e6e6; } .selectize-control.multi .selectize-input.disabled [data-value] .remove { background: none; } .selectize-control.multi .selectize-input [data-value] { text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3); border-radius: 3px; background-color: #1b9dec; background-image: linear-gradient(to bottom, #1da7ee, #178ee9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0); box-shadow: none; } .selectize-control.multi .selectize-input [data-value].active { background-color: #0085d4; background-image: linear-gradient(to bottom, #008fd8, #0075cf); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0); } .selectize-control.single .selectize-input { box-shadow: none; background-color: #f9f9f9; background-image: linear-gradient(to bottom, #fefefe, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0); } .selectize-control.single .selectize-input, .selectize-dropdown.single { border-color: #b8b8b8; } .selectize-dropdown .optgroup-header { padding-top: 7px; font-weight: bold; font-size: 0.85em; } .selectize-dropdown .optgroup { border-top: 1px solid #f0f0f0; } .selectize-dropdown .optgroup:first-child { border-top: 0 none; } /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric { border: 1px solid #ededed; border-radius: 0; background-color: #fdfdfd; position: relative; overflow: hidden; } .selectric-focus .selectric { border-color: #bababa; } .selectric-hover .selectric { border-color: #d4d4d4; } .selectric-label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 1em; font-size: 12px; line-height: 38px; color: #2f2f2f; height: 38px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .selectric-button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: transparent; color: #b0b0b0; text-align: center; border: none; padding: 0; } .selectric-button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .selectric-hover .selectric-button { color: #979797; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #d4d4d4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; z-index: -1; top: 100%; left: 0; background: #fdfdfd; border: 1px solid #d4d4d4; box-shadow: 0 0 10px -6px; font-size: 12px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; } .selectric-items li { display: block; padding: 10px; color: #2f2f2f; cursor: pointer; } .selectric-items li.selected { background: #f0f0f0; color: #222222; } .selectric-items li.highlighted { background: #e4e4e4; color: #222222; } .selectric-items li:hover { background: #d7d7d7; color: #222222; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #2f2f2f !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: none; color: #161616; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /** * Swiper 7.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 29, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/css/main.css?176181945180294*/ * { outline: none; margin: 0; padding: 0; box-sizing: border-box; } img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; height: auto; max-width: 100%; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } ul { list-style: none; margin: 0; padding: 0; } ul li { vertical-align: top; } a { text-decoration: none; } a:hover, a:focus { text-decoration: none; outline: none; } input { -webkit-appearance: none; -moz-appearance: none; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; overflow-x: hidden; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } ul { list-style: none; margin: 0; padding: 0; } ul li { vertical-align: top; } a:hover, a:focus { text-decoration: none; outline: none; } input { -webkit-appearance: none; -moz-appearance: none; } @font-face{ font-family: "Nunito Sans"; src: url("/css/../fonts/nunito_sans/NunitoSans-VariableFont.ttf") format("woff2-variations"); font-weight: 200 1000; font-stretch: 75% 125%; font-style: normal; font-display: swap; } @font-face{ font-family: "Nunito Sans"; src: url("/css/../fonts/nunito_sans/NunitoSans-Italic-VariableFont.ttf") format("woff2-variations"); font-weight: 200 1000; font-stretch: 75% 125%; font-style: italic; font-display: swap; } .pin-spacer-header { pointer-events: none; } #header { position: relative; z-index: 200; } .header { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; z-index: 100; padding: 30px 0 0; pointer-events: none; } .header .rows { display: flex; justify-content: center; } .header .logo { margin: 0; } @media (max-width: 770px) { .header .logo { max-width: 82px; } } html, body { font-size: 100%; line-height: 1; font-family: "Nunito Sans"; } .scroller { height: 100vh; } .container { max-width: calc(100% - 40px); width: 100%; margin-left: auto; margin-right: auto; } #q { position: absolute; top: 0; } #wrap { background: #fff; position: relative; z-index: 200; } #wrap.nfx { margin-bottom: 0; } #ff { position: absolute; bottom: 0; } #wrapper { min-height: 100%; height: auto !important; margin: 0; padding: 0; } .hides { display: none; } .header_gallery { position: relative; height: calc(100vh + 200px); overflow: hidden; } .header_gallery .hg_left { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .header_gallery .hg_left .hg_lnk01 { display: block; position: absolute; width: 271px; height: 385px; top: 0; bottom: auto; left: 20%; right: 0; } @media (max-width: 1450px) { .header_gallery .hg_left .hg_lnk01 { width: 200px; height: 284px; } } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk01 { width: 180px; height: 256px; } } @media (max-width: 1000px) { .header_gallery .hg_left .hg_lnk01 { left: 0; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk01 { width: 80px; height: 114px; top: 45px; transform: translate3d(0px, 0px, 0px) !important; } } .header_gallery .hg_left .hg_lnk01 .txt { right: -193px; top: auto; bottom: 45px; } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk01 .txt { right: -138px; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk01 .txt { right: 0px; bottom: -20px; } } .header_gallery .hg_left .hg_lnk02 { display: block; position: absolute; width: 384px; height: 574px; top: auto; bottom: 100px; left: calc(4% + 25px); } @media (max-width: 1450px) { .header_gallery .hg_left .hg_lnk02 { width: 300px; height: 452px; } } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk02 { width: 250px; height: 376px; } } @media (max-width: 1000px) { .header_gallery .hg_left .hg_lnk02 { bottom: 260px; left: 4%; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk02 { bottom: 260px; left: 0px; width: 143px; height: 215px; bottom: auto; top: 250px; transform: translate3d(0px, 0px, 0px) !important; } } @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk02 { width: 123px; height: 185px; top: 235px; } } @media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk02 { width: 123px; height: 185px; top: 235px; } } @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk02 { width: 104px; height: 157px; top: 235px; } } @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk02 { width: 90px; height: 135px; top: 210px; } } .header_gallery .hg_left .hg_lnk02 .txt { right: -160px; bottom: auto; top: 45px; } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk02 .txt { right: -114px; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk02 .txt { right: 0px; top: -20px; bottom: auto; } } .header_gallery .hg_left .hg_lnk03 { display: block; position: absolute; width: 305px; height: 426px; top: 0; bottom: auto; left: 60%; right: auto; } @media (max-width: 1450px) { .header_gallery .hg_left .hg_lnk03 { width: 220px; height: 309px; } } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk03 { width: 190px; height: 267px; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk03 { width: 70px; height: 98px; left: auto; right: 20px; top: 80px; transform: translate3d(0px, 0px, 0px) !important; } } @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk03 { top: 50px; } } @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk03 { top: 50px; } } .header_gallery .hg_left .hg_lnk03 .txt { right: 0px; top: auto; bottom: -50px; } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk03 .txt { bottom: -34px; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk03 .txt { bottom: -20px; } } .header_gallery .hg_left .hg_lnk04 { display: block; position: absolute; width: 416px; height: 578px; top: auto; bottom: -100px; left: calc(65% + 29px); } @media (max-width: 1450px) { .header_gallery .hg_left .hg_lnk04 { width: 300px; height: 418px; } } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk04 { width: 260px; height: 362px; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk04 { width: 100px; height: 139px; bottom: auto; top: 360px; left: auto; right: 8px; transform: translate3d(0px, 0px, 0px) !important; } } @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk04 { top: 280px; } } @media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk04 { top: 300px; } } @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk04 { top: 265px; } } @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk04 { width: 80px; height: 111px; top: 225px; } } .header_gallery .hg_left .hg_lnk04 .txt { right: -164px; bottom: auto; top: 45px; } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk04 .txt { right: -116px; } } @media (max-width: 1000px) { .header_gallery .hg_left .hg_lnk04 .txt { right: 0px; left: -116px; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk04 .txt { right: 0px; left: auto; top: -20px; bottom: auto; } } .header_gallery .hg_left .hg_lnk05 { display: block; position: absolute; width: 241px; height: 375px; top: 230px; bottom: auto; right: 0; } @media (max-width: 1450px) { .header_gallery .hg_left .hg_lnk05 { width: 180px; height: 278px; } } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk05 { width: 160px; height: 247px; } } @media (max-width: 1000px) { .header_gallery .hg_left .hg_lnk05 { top: 300px; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk05 { width: 90px; height: 139px; right: 115px; top: 160px; transform: translate3d(0px, 0px, 0px) !important; } } @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk05 { top: 110px; } } @media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk05 { top: 120px; } } @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk05 { top: 90px; } } @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { .header_gallery .hg_left .hg_lnk05 { top: 90px; } } .header_gallery .hg_left .hg_lnk05 .txt { left: -182px; top: auto; bottom: 45px; } @media (max-width: 1280px) { .header_gallery .hg_left .hg_lnk05 .txt { left: -130px; } } @media (max-width: 770px) { .header_gallery .hg_left .hg_lnk05 .txt { left: auto; right: 0px; bottom: -20px; } } .header_gallery .hg_left .hg_image.hg_image_l01 { width: 100%; height: 100%; } .header_gallery .hg_left .hg_image.hg_image_m02 { width: 340px; height: 512px; width: 100%; height: 100%; } .header_gallery .hg_left .hg_image.hg_image_l03 { width: 270px; height: 379px; width: 100%; height: 100%; } .header_gallery .hg_left .hg_image.hg_image_m04 { width: 369px; height: 514px; width: 100%; height: 100%; } .header_gallery .hg_left .hg_image.hg_image_m05 { width: 214px; height: 330px; width: 100%; height: 100%; } .header_gallery .hg_image { position: absolute; overflow: hidden; transform: scale(0); } .header_gallery .hg_image:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; background: rgba(255, 255, 255, 0); z-index: 20; pointer-events: none; transition: 0.35s; } .header_gallery .hg_lnk.h .hg_image:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75); z-index: 20; pointer-events: none; transition: 0.35s; } .header_gallery .hg_lnk:hover .txt .h2 .anim_chars { opacity: 1; visibility: visible; transform: translate3d(0, 0px, 0); transition: 0.5s; transition-delay: 0.03s; } .header_gallery .hg_lnk:hover .txt .h2 .anim_chars span { opacity: 1; transition: 0.5s; transform: translateZ(0) scaleY(1) rotateX(0) rotate(0); } .header_gallery .hg_lnk .txt { position: absolute; top: 0; right: 0; z-index: 20; } .header_gallery .hg_lnk .txt .h2 .anim_chars { display: flex; width: 100%; transform: translate3d(0, 25px, 0); transition: 0.5s; } @media (max-width: 770px) { .header_gallery .hg_lnk .txt .h2 .anim_chars { transform: translate3d(0, 0px, 0); } } .header_gallery .hg_lnk .txt .h2 .anim_chars span { color: #000b2d; font: 100 30px/30px "Nunito Sans"; text-transform: uppercase; display: inline-block; transform: translate3d(0px, 25px, 0px) scaleY(1) rotateX(0deg) rotate(0deg); transform-origin: 0 100%; transform-style: preserve-3d; transition: 0.5s; opacity: 0; } @media (max-width: 1280px) { .header_gallery .hg_lnk .txt .h2 .anim_chars span { font: 100 22px/22px "Nunito Sans"; } } @media (max-width: 770px) { .header_gallery .hg_lnk .txt .h2 .anim_chars span { font: 100 12px/12px "Nunito Sans"; opacity: 1; transform: translate3d(0px, 0px, 0px) scaleY(1) rotateX(0deg) rotate(0deg); } } .brg_btn { position: absolute; top: 40px; right: 40px; width: 26px; height: 70px; z-index: 100; cursor: pointer; } .brg_btn .lns { width: 100%; height: 9px; position: relative; } .brg_btn .lns .l { display: block; width: 100%; height: 1px; background: #fff; position: absolute; } .brg_btn .lns .l.l01 { top: 0px; } .brg_btn .lns .l.l02 { top: 8px; } .brg_btn .t { letter-spacing: 0.045em; color: #fff; mix-blend-mode: difference; font: 300 13px/16px "Nunito Sans"; transform: rotate(90deg); margin: 29px 0 0; } .mn_logo_ovr { position: absolute; top: 40px; left: 0; right: 0; bottom: auto; margin: auto; height: 100vh; z-index: 100; width: 186px; height: 81px; pointer-events: none; opacity: 1; } .mn_logo_ovr .mn_logo { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; transform: translateY(0vh); width: 186px; height: 81px; transition: 1s; } .mn_logo_ovr .mn_logo.active { transform: translateY(0px); bottom: auto; width: 186px; height: 81px; transition: 1s; } .mn_logo_ovr .mn_logo.active .logo_img { width: 186px; transition: 1s; } .mn_logo_ovr .mn_logo.active.mn_logo_b { opacity: 0; } .mn_logo_ovr .mn_logo.active.mn_logo_w { opacity: 1; } .mn_logo_ovr .mn_logo.mn_logo_b { position: absolute; z-index: 20; } .mn_logo_ovr .mn_logo.mn_logo_w { position: absolute; z-index: 50; opacity: 1; } .mn_logo_ovr .mn_logo .logo_img { width: 186px; height: 81px; position: relative; opacity: 1; transition: 1s; } .mn_fl_imgs { position: relative; overflow: hidden; z-index: 40; } .mn_fl_imgs .mn_logo { position: absolute; top: 32px; left: 0; right: 0; margin: 0 auto; transform: translateY(0vh); width: 186px; height: 81px; } .mn_fl_imgs .mn_logo.active { transform: translateY(0px); bottom: auto; width: 186px; height: 81px; } .mn_fl_imgs .mn_logo.active .logo_img { width: 186px; } .mn_fl_imgs .mn_logo.active.mn_logo_b { opacity: 0; } .mn_fl_imgs .mn_logo.active.mn_logo_w { opacity: 1; } .mn_fl_imgs .mn_logo.mn_logo_b { position: absolute; z-index: 20; } .mn_fl_imgs .mn_logo.mn_logo_w { position: absolute; z-index: 50; opacity: 1; } .mn_fl_imgs .mn_logo .logo_img { width: 186px; height: 81px; position: relative; opacity: 1; } .mn_fl_imgs .mn_fl_img { position: relative; height: 100vh; } .mn_fl_imgs .mn_fl_img .bg { position: relative; height: 100%; width: 100%; } .mn_fl_imgs .mn_fl_img .bg .bg_in { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .pd_slr_ovr { position: relative; height: 100vh; overflow: hidden; } .pd_slr_ovr .pd_arw { position: absolute; bottom: 25px; left: 0; right: 0; margin: 0 auto; background: url(/css/../img/s01.svg) no-repeat 0 0; width: 15px; height: 18px; z-index: 50; } .pd_slr { height: 100vh; } .pd_slr .caption { height: 100%; position: relative; } .pd_slr .caption .bg { position: relative; height: 100%; width: 100%; } .pd_slr .caption .bg .bg_in { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } #trt2 { position: relative; top: -50vh; } .pin-spacer-mn_fl_txt, .pin-spacer-mn_fl_txt2 { pointer-events: none; } .s-company .pin-spacer-mn_fl_txt, .s-company .pin-spacer-mn_fl_txt2 { mix-blend-mode: difference; } .s-company .mn_fl_txt .desc .h2 { color: #fff; } .s-company .mn_fl_txt .desc .txt .t { color: #fff; } .mn_fl_txt { position: absolute; top: 0vh; left: 0; right: 0; bottom: auto; margin: auto; height: 100vh; z-index: 80; width: 100%; pointer-events: none; opacity: 1; z-index: 80; overflow: hidden; } .mn_fl_txt.active { opacity: 1; pointer-events: auto; } .mn_fl_txt .desc { position: absolute; left: 0; right: 0; padding: 0 20px; bottom: 96px; z-index: 40; text-align: center; } @media (max-width: 770px) { .mn_fl_txt .desc { bottom: 125px; } } .mn_fl_txt .desc .h2 { color: #000b2d; font: 200 171px/171px "Nunito Sans"; text-transform: uppercase; letter-spacing: -0.03em; } @media (max-width: 1600px) { .mn_fl_txt .desc .h2 { font: 200 155px/155px "Nunito Sans"; } } @media (max-width: 1450px) { .mn_fl_txt .desc .h2 { font: 200 134px/134px "Nunito Sans"; } } @media (max-width: 1280px) { .mn_fl_txt .desc .h2 { font: 200 115px/115px "Nunito Sans"; } } @media (max-width: 1000px) { .mn_fl_txt .desc .h2 { font: 200 95px/95px "Nunito Sans"; } } @media (max-width: 850px) { .mn_fl_txt .desc .h2 { font: 200 78px/78px "Nunito Sans"; } } @media (max-width: 770px) { .mn_fl_txt .desc .h2 { font: 200 54px/54px "Nunito Sans"; } } @media (max-width: 400px) { .mn_fl_txt .desc .h2 { font: 200 48px/48px "Nunito Sans"; } } .mn_fl_txt .desc .h2 .lt { font-style: italic; margin: 0 15px 0 0; } @media (max-width: 1280px) { .mn_fl_txt .desc .h2 .lt { margin: 0 10px 0 0; } } @media (max-width: 770px) { .mn_fl_txt .desc .h2 .lt { margin: 0 3px 0 0; } } .mn_fl_txt .desc .h2 .t { display: inline-block; } .mn_fl_txt .desc .txt_ovr { position: relative; width: 335px; height: 222px; margin: 71px auto 0; } @media (max-width: 850px) { .mn_fl_txt .desc .txt_ovr { margin-top: 55px; } } @media (max-width: 770px) { .mn_fl_txt .desc .txt_ovr { margin-top: 35px; height: 50px; } } .mn_fl_txt .desc .txt.txt02 { position: absolute; top: 0; left: 0; right: 0; margin: auto; opacity: 0; } .mn_fl_txt .desc .txt.txt02 .t.t01 { left: 0; } .mn_fl_txt .desc .txt.txt02 .t.t03 { left: 0; } .mn_fl_txt .desc .txt .t { color: #000b2d; letter-spacing: -0.015em; font: 300 20px/28px "Nunito Sans"; text-transform: uppercase; position: relative; } @media (max-width: 1600px) { .mn_fl_txt .desc .txt .t { font: 300 21px/26px "Nunito Sans"; } } @media (max-width: 1450px) { .mn_fl_txt .desc .txt .t { font: 300 19px/24px "Nunito Sans"; } } @media (max-width: 1366px) { .mn_fl_txt .desc .txt .t { font: 300 18px/22px "Nunito Sans"; } } @media (max-width: 1280px) { .mn_fl_txt .desc .txt .t { font: 300 17px/22px "Nunito Sans"; } } @media (max-width: 1000px) { .mn_fl_txt .desc .txt .t { font: 300 15px/20px "Nunito Sans"; } } @media (max-width: 850px) { .mn_fl_txt .desc .txt .t { font: 300 13px/18px "Nunito Sans"; } } @media (max-width: 770px) { .mn_fl_txt .desc .txt .t { font: 300 12px/16px "Nunito Sans"; } } .mn_fl_txt .desc .txt .t.t01 { left: 40px; } @media (max-width: 1600px) { .mn_fl_txt .desc .txt .t.t01 { left: 41px; } } @media (max-width: 1450px) { .mn_fl_txt .desc .txt .t.t01 { left: 37px; } } @media (max-width: 1366px) { .mn_fl_txt .desc .txt .t.t01 { left: 36px; } } @media (max-width: 1280px) { .mn_fl_txt .desc .txt .t.t01 { left: 33px; } } @media (max-width: 1000px) { .mn_fl_txt .desc .txt .t.t01 { left: 30px; } } @media (max-width: 850px) { .mn_fl_txt .desc .txt .t.t01 { left: 25px; } } @media (max-width: 770px) { .mn_fl_txt .desc .txt .t.t01 { left: 24px; } } .mn_fl_txt .desc .txt .t.t03 { left: -93px; } @media (max-width: 1600px) { .mn_fl_txt .desc .txt .t.t03 { left: -97px; } } @media (max-width: 1450px) { .mn_fl_txt .desc .txt .t.t03 { left: -88px; } } @media (max-width: 1366px) { .mn_fl_txt .desc .txt .t.t03 { left: -83px; } } @media (max-width: 1280px) { .mn_fl_txt .desc .txt .t.t03 { left: -79px; } } @media (max-width: 1000px) { .mn_fl_txt .desc .txt .t.t03 { left: -70px; } } @media (max-width: 850px) { .mn_fl_txt .desc .txt .t.t03 { left: -60px; } } @media (max-width: 770px) { .mn_fl_txt .desc .txt .t.t03 { left: -56px; } } @media (max-width: 1366px) { #tr_btxt { position: relative; top: 45px; } } @media (max-width: 850px) { #tr_btxt { top: 25px; } } @media (max-width: 770px) { #tr_btxt { top: -50px; } } .scroll-icn { animation: scroll-down 2s ease 0s infinite; position: absolute; bottom: -45px; left: 0; right: 0; } @keyframes scroll-down { 0% { transform: translateY(0px); } 50% { transform: translateY(15px); } 100% { transform: translateY(0px); } } @keyframes line-run { 0% { transform: translateX(0px); } 100% { transform: translateX(-5849.75px); } } .big_logo { padding: 237px 0 254px; } @media (max-width: 1450px) { .big_logo { padding: 150px 0 186px; } } @media (max-width: 1450px) { .big_logo { padding: 134px 0 166px; } } @media (max-width: 1000px) { .big_logo { padding: 111px 0 140px; } } @media (max-width: 1000px) { .big_logo { padding: 87px 0 115px; } } @media (max-width: 770px) { .big_logo { padding: 68px 0 92px; } } .big_logo .desc .h2 { text-align: center; } .big_logo .desc .h2 .h2t { color: #000000; font: 200 171px/171px "Nunito Sans"; text-transform: uppercase; letter-spacing: -0.03em; } @media (max-width: 1600px) { .big_logo .desc .h2 .h2t { font: 200 155px/155px "Nunito Sans"; } } @media (max-width: 1450px) { .big_logo .desc .h2 .h2t { font: 200 134px/134px "Nunito Sans"; } } @media (max-width: 1280px) { .big_logo .desc .h2 .h2t { font: 200 115px/115px "Nunito Sans"; } } @media (max-width: 1000px) { .big_logo .desc .h2 .h2t { font: 200 95px/95px "Nunito Sans"; } } @media (max-width: 850px) { .big_logo .desc .h2 .h2t { font: 200 78px/78px "Nunito Sans"; } } @media (max-width: 770px) { .big_logo .desc .h2 .h2t { font: 200 54px/54px "Nunito Sans"; } } @media (max-width: 400px) { .big_logo .desc .h2 .h2t { font: 200 48px/48px "Nunito Sans"; } } .big_logo .desc .h2 .h2t .lt { font-style: italic; margin: 0 15px 0 0; } @media (max-width: 1280px) { .big_logo .desc .h2 .h2t .lt { margin: 0 10px 0 0; } } @media (max-width: 770px) { .big_logo .desc .h2 .h2t .lt { margin: 0 3px 0 0; } } .big_logo .desc .txt { margin-top: 5px; text-align: center; } .big_logo .desc .txt .t { color: #000; letter-spacing: -0.015em; font: 300 22px/28px "Nunito Sans"; text-transform: uppercase; position: relative; } @media (max-width: 1600px) { .big_logo .desc .txt .t { font: 300 21px/26px "Nunito Sans"; } } @media (max-width: 1450px) { .big_logo .desc .txt .t { font: 300 19px/24px "Nunito Sans"; } } @media (max-width: 1280px) { .big_logo .desc .txt .t { font: 300 17px/22px "Nunito Sans"; } } @media (max-width: 1000px) { .big_logo .desc .txt .t { font: 300 15px/20px "Nunito Sans"; } } @media (max-width: 850px) { .big_logo .desc .txt .t { font: 300 13px/18px "Nunito Sans"; } } @media (max-width: 770px) { .big_logo .desc .txt .t { font: 300 12px/16px "Nunito Sans"; } } .from_to_vds { position: relative; height: auto; text-align: center; } .from_to_vds .dis_video { max-width: 80%; width: 100%; margin: auto; z-index: 10; position: relative; } .from_to_vds .fb_lnk { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; z-index: 20; } .from_to_vds .fb_lnk::before { content: ""; background-image: url("/css/../img/play.svg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; width: 116px; height: 144px; position: absolute; right: 0; bottom: 0; left: 0; top: 0; margin: auto; } @media (max-width: 1000px) { .from_to_vds .fb_lnk::before { width: 50px; height: 62px; } } .from_to { position: relative; height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; margin-top: calc(50vh + 142px); } .from_to .bg { position: relative; height: 50%; } @media (max-width: 770px) { .from_to .bg { height: 40vh; } } .from_to .bg .bg_in { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .from_to .bg img { opacity: 0; pointer-events: none; } .from_to .bg .crc_ft { border-radius: 100%; position: relative; top: 0px; left: 0; right: 0; margin: auto; z-index: 10; display: flex; align-items: center; justify-content: center; font: 300 12px/12px "Nunito Sans"; text-transform: uppercase; letter-spacing: 0.02em; padding-top: 32px; } @media (max-width: 770px) { .from_to .bg .crc_ft { width: 36px; height: 36px; font: 300 10px/10px "Nunito Sans"; top: -18px; } } .from_to .bg .crc_ft.crc_ft01 { color: #fff; } .from_to .bg .crc_ft.crc_ft02 { color: #fff; } .from_to .bg .txt { position: absolute; top: 67px; left: 0; right: 0; margin: auto; text-align: center; z-index: 20; } @media (max-width: 850px) { .from_to .bg .txt { top: 27px; } } @media (max-width: 770px) { .from_to .bg .txt { top: 25px; } } .from_to .bg .txt p { color: #fff; font: 300 20px/25px "Nunito Sans"; text-transform: uppercase; } @media (max-width: 1600px) { .from_to .bg .txt p { font: 300 20px/25px "Nunito Sans"; } } @media (max-width: 1450px) { .from_to .bg .txt p { font: 300 19px/24px "Nunito Sans"; } } @media (max-width: 1280px) { .from_to .bg .txt p { font: 300 17px/22px "Nunito Sans"; } } @media (max-width: 1000px) { .from_to .bg .txt p { font: 300 15px/20px "Nunito Sans"; } } @media (max-width: 850px) { .from_to .bg .txt p { font: 300 13px/18px "Nunito Sans"; } } @media (max-width: 770px) { .from_to .bg .txt p { font: 300 12px/16px "Nunito Sans"; } } .from_to .bg .txt p .br { display: block; } #tg_ft_bg { position: relative; top: -120px; } @media (max-width: 770px) { #tg_ft_bg { top: -140px; } } .sg_numbers { margin: 0 0 0; margin-top: calc(0vh + 320px); background: #fff; position: relative; z-index: 100; } @media (max-width: 1600px) { .sg_numbers { margin-top: calc(0vh + 280px); } } @media (max-width: 770px) { .sg_numbers { margin-top: calc(0vh + 120px); } } .sg_numbers .ttl { text-align: center; margin: 52px 0 0; } @media (max-width: 770px) { .sg_numbers .ttl { margin-top: 35px; } } .sg_numbers .ttl .h5 { color: #000; text-transform: uppercase; font: 300 15px/15px "Nunito Sans"; } @media (max-width: 1280px) { .sg_numbers .ttl .h5 { font: 300 14px/14px "Nunito Sans"; } } .sg_numbers .ttl .h5 .b { font-weight: 500; } .sg_numbers .rows_all { margin: 275px 0 0; } @media (max-width: 1600px) { .sg_numbers .rows_all { margin: 225px 0 0; } } @media (max-width: 1450px) { .sg_numbers .rows_all { margin: 150px 0 0; } } @media (max-width: 1280px) { .sg_numbers .rows_all { margin: 133px 0 0; } } @media (max-width: 1000px) { .sg_numbers .rows_all { margin-top: 111px; } } @media (max-width: 850px) { .sg_numbers .rows_all { margin-top: 88px; } } @media (max-width: 770px) { .sg_numbers .rows_all { margin-top: 66px; } } .sg_numbers .rows_all .rows { margin: 0 0 98px; text-align: center; } @media (max-width: 1450px) { .sg_numbers .rows_all .rows { margin-bottom: 75px; } } @media (max-width: 1000px) { .sg_numbers .rows_all .rows { margin-bottom: 60px; } } @media (max-width: 770px) { .sg_numbers .rows_all .rows { margin-bottom: 60px; } } .sg_numbers .rows_all .rows:last-child { margin-bottom: 0; } .sg_numbers .rows_all .rows.active .bn { color: #000; transition: 0.35s; } .sg_numbers .rows_all .rows.active .bn .g { transform: translateX(0px) scale(1); transition: 0.35s; } .sg_numbers .rows_all .rows.active .ts { color: #000; transition: 0.35s; } .sg_numbers .rows_all .rows .bn { color: rgba(0, 0, 0, 0.3); font: 100 171px/171px "Nunito Sans"; text-transform: uppercase; letter-spacing: 0.01em; transition: 0.35s; } @media (max-width: 1600px) { .sg_numbers .rows_all .rows .bn { font: 100 155px/155px "Nunito Sans"; } } @media (max-width: 1450px) { .sg_numbers .rows_all .rows .bn { font: 200 134px/134px "Nunito Sans"; } } @media (max-width: 1280px) { .sg_numbers .rows_all .rows .bn { font: 200 115px/115px "Nunito Sans"; } } @media (max-width: 1000px) { .sg_numbers .rows_all .rows .bn { font: 200 95px/95px "Nunito Sans"; } } @media (max-width: 850px) { .sg_numbers .rows_all .rows .bn { font: 200 78px/78px "Nunito Sans"; } } @media (max-width: 770px) { .sg_numbers .rows_all .rows .bn { font: 200 54px/54px "Nunito Sans"; } } @media (max-width: 400px) { .sg_numbers .rows_all .rows .bn { font: 200 48px/48px "Nunito Sans"; } } .sg_numbers .rows_all .rows .bn .g { display: inline-block; transform: translateX(40px) scale(0.5); transition: 0.35s; } @media (max-width: 770px) { .sg_numbers .rows_all .rows .bn .g { transform: translateX(20px) scale(0.5); } } .sg_numbers .rows_all .rows .ts { color: rgba(0, 0, 0, 0.3); font: 300 15px/15px "Nunito Sans"; text-transform: uppercase; margin: 50px 0 0; transition: 0.35s; } @media (max-width: 1600px) { .sg_numbers .rows_all .rows .ts { margin-top: 40px; } } @media (max-width: 1450px) { .sg_numbers .rows_all .rows .ts { margin-top: 30px; font: 300 14px/14px "Nunito Sans"; } } @media (max-width: 1280px) { .sg_numbers .rows_all .rows .ts { margin-top: 20px; } } @media (max-width: 1000px) { .sg_numbers .rows_all .rows .ts { margin-top: 15px; } } @media (max-width: 850px) { .sg_numbers .rows_all .rows .ts { font: 300 13px/13px "Nunito Sans"; } } @media (max-width: 770px) { .sg_numbers .rows_all .rows .ts { font: 300 12px/12px "Nunito Sans"; margin-top: 10px; } } .sg_logo { padding-top: 265px; position: relative; background: #fff; position: relative; z-index: 100; } @media (max-width: 1450px) { .sg_logo { padding-top: 167px; } } @media (max-width: 1280px) { .sg_logo { padding-top: 148px; } } @media (max-width: 1000px) { .sg_logo { padding-top: 123px; } } @media (max-width: 850px) { .sg_logo { padding-top: 98px; } } @media (max-width: 770px) { .sg_logo { padding-top: 72px; } } .sg_logo .rows_all { margin: 0; padding: 40px 0 0; } @media (max-width: 1280px) { .sg_logo .rows_all { padding-top: 15px; } } @media (max-width: 1280px) { .sg_logo .rows_all { padding-top: 35px; } } @media (max-width: 1000px) { .sg_logo .rows_all { background: #3bc0bb url(/css/../img/white_pattern.svg) no-repeat 50% 50%/cover; transform-origin: 50% 100%; padding: 35px 40px; } } @media (max-width: 1000px) { .sg_logo .rows_all .container { max-width: 100%; } } .sg_logo .rows_all .ttl { display: none; } @media (max-width: 770px) { .sg_logo .rows_all .ttl { display: block; padding-top: 25px; margin: 0 0 45px; } } .sg_logo .rows_all .ttl p { color: #fff; text-align: left; letter-spacing: 0.01em; font: 500 15px/15px "Nunito Sans"; text-transform: uppercase; display: flex; align-items: center; white-space: nowrap; } @media (max-width: 1280px) { .sg_logo .rows_all .ttl p { font: 500 12px/12px "Nunito Sans"; } } .sg_logo .rows_all .ttl p .l { width: 62px; height: 1px; background: #fff; margin: 0 25px; } .sg_logo .rows_all .rows_all_ovr { position: relative; overflow: hidden; height: 100vh; } @media (max-width: 770px) { .sg_logo .rows_all .rows_all_ovr { height: auto; } } .sg_logo .rows_all .rows_ovr { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; height: 100%; } @media (max-width: 770px) { .sg_logo .rows_all .rows_ovr { height: auto; } } .sg_logo .rows_all .rows_ovr.rows_ovr_c { position: relative; top: 0; left: 0; width: 100%; z-index: 5; } @media (max-width: 770px) { .sg_logo .rows_all .rows_ovr.rows_ovr_c { display: none; } } .sg_logo .rows_all .rows_ovr.rows_ovr_c .rows { padding: 0px 0px; } .sg_logo .rows_all .rows_ovr.rows_ovr_w { position: relative; top: 0; left: 0; width: 100%; z-index: 10; overflow: hidden; margin-top: -100vh; } @media (max-width: 1000px) { .sg_logo .rows_all .rows_ovr.rows_ovr_w { display: none !important; } } .sg_logo .rows_all .rows_ovr.rows_ovr_w.o { opacity: 0; pointer-events: none; } .sg_logo .rows_all .rows_ovr.rows_ovr_w .rows { padding: 0px 0px; border-bottom: 0px solid #000; } .sg_logo .rows_all .rows_ovr.rows_ovr_w .rows .cols { height: 100%; background: #fff; transform-origin: 50% 0%; overflow: hidden; border-bottom: 1px solid #000; position: relative; } .sg_logo .rows_all .rows_ovr.rows_ovr_w .rows .cols .desc { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; bottom: auto; min-height: 242px; display: flex; align-items: center; justify-content: center; } @media (max-width: 1450px) { .sg_logo .rows_all .rows_ovr.rows_ovr_w .rows .cols .desc { min-height: 199px; } } @media (max-width: 1366px) { .sg_logo .rows_all .rows_ovr.rows_ovr_w .rows .cols .desc { min-height: 187px; } } .sg_logo .rows_all .rows_ovr.rows_ovr_w p { color: #000; } .sg_logo .rows_all .rows_ovr.rows_ovr_w p .l { background: #000; } .sg_logo .rows_all .rows_ovr.rows_ovr_w p a { color: #000; } .sg_logo .rows_all .rows_ovr.rows_ovr_w p a .arw:after { background: #000; } .sg_logo .rows_all .rows_ovr.rows_ovr_w p a .arw:before { background: #000; } .sg_logo .rows_all .rows_ovr.rows_ovr_mb { display: none; } @media (max-width: 770px) { .sg_logo .rows_all .rows_ovr.rows_ovr_mb { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: auto; } } .sg_logo .rows_all .rows_ovr.rows_ovr_mb .cols { width: 50%; margin: 0 0 50px; text-align: center; } .sg_logo .rows_all .rows { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; width: 100%; height: 25%; } .sg_logo .rows_all .rows .bgp_w { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; bottom: auto; width: 100%; height: 100%; z-index: 10; background: 0; transform-origin: 50% 0%; pointer-events: none; } .sg_logo .rows_all .rows .bgp { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; top: auto; background: #3bc0bb url(/css/../img/white_pattern.svg) no-repeat 50% 50%/cover; transform-origin: 50% 100%; width: 100%; height: 100%; z-index: 10; } .sg_logo .rows_all .rows .cols { width: 20%; display: flex; align-items: center; justify-content: center; margin: 0 0 0px; position: relative; z-index: 20; height: 100%; } @media (max-width: 770px) { .sg_logo .rows_all .rows .cols { width: 50%; } } .sg_logo .rows_all .rows .cols.cols11 img { mix-blend-mode: multiply; } @media (max-width: 850px) { .sg_logo .rows_all .rows .cols img { max-width: 100px; } } @media (max-width: 770px) { .sg_logo .rows_all .rows .cols img { max-width: 100%; } } .sg_logo .rows_all .rows .cols .t { text-align: center; color: #000; font: 300 15px/15px "Nunito Sans"; height: 15px; letter-spacing: 0.02em; text-transform: uppercase; } @media (max-width: 1280px) { .sg_logo .rows_all .rows .cols .t { font: 300 12px/12px "Nunito Sans"; } } .sg_logo .rows_all .rows p { color: #fff; text-align: left; letter-spacing: 0.01em; font: 500 15px/15px "Nunito Sans"; text-transform: uppercase; display: flex; align-items: center; white-space: nowrap; } @media (max-width: 1450px) { .sg_logo .rows_all .rows p { position: relative; left: 4%; } } @media (max-width: 1280px) { .sg_logo .rows_all .rows p { left: 4%; font: 500 12px/12px "Nunito Sans"; } } .sg_logo .rows_all .rows p .l { width: 62px; height: 1px; background: #fff; margin: 0 25px; } @media (max-width: 1280px) { .sg_logo .rows_all .rows p .l { margin: 0 15px; width: 35px; } } .sg_logo .rows_all .rows p a { color: #fff; letter-spacing: 0.02em; position: relative; padding-right: 28px; } .sg_logo .rows_all .rows p a .arw { width: 8px; height: 8px; position: absolute; top: 4px; right: 0; } .sg_logo .rows_all .rows p a .arw:after { content: ""; position: absolute; top: 2px; right: 0; width: 100%; height: 1px; background: #fff; transform: rotate(22deg); } .sg_logo .rows_all .rows p a .arw:before { content: ""; position: absolute; bottom: 2px; right: 0; width: 100%; height: 1px; background: #fff; transform: rotate(-22deg); } .btm_txt_bg_ovr { background: #3bc0bb url(/css/../img/white_pattern.svg) no-repeat 50% 50%/cover; width: 100%; height: 100vh; padding: 0; display: flex; align-items: center; justify-content: center; } .pin-spacer-btm_txt_bg { pointer-events: none; } .btm_txt_bg { text-align: center; margin-top: calc(0vh - 134px); margin-top: 0; pointer-events: none; position: relative; z-index: 90; height: 100vh; display: flex; align-items: center; justify-content: center; } @media (max-width: 1000px) { .btm_txt_bg { height: auto; padding: 100px 0; } } .btm_txt_bg .t { color: #000; letter-spacing: 0.03em; text-transform: uppercase; font: 100 68px/67px "Nunito Sans"; } @media (max-width: 1280px) { .btm_txt_bg .t { font: 100 58px/57px "Nunito Sans"; } } @media (max-width: 1000px) { .btm_txt_bg .t { font: 100 50px/49px "Nunito Sans"; } } @media (max-width: 850px) { .btm_txt_bg .t { font: 100 42px/41px "Nunito Sans"; } } @media (max-width: 770px) { .btm_txt_bg .t { font: 100 38px/37px "Nunito Sans"; } } @media (max-width: 370px) { .btm_txt_bg .t { font: 100 34px/33px "Nunito Sans"; } } .btm_txt_bg .t .b { color: #000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .sg_gallery .rows02_mb { display: none; } @media (max-width: 770px) { .sg_gallery .rows02_mb { display: block; margin-top: 75px; } } .sg_gallery .rows { display: flex; justify-content: space-between; } .sg_gallery .rows.rows01 .cols01 .bg { width: 100%; } .sg_gallery .rows.rows01 .cols01 .bg img { margin-right: auto; } .sg_gallery .rows.rows01 .cols02 .bg { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .sg_gallery .rows.rows01 .cols02 .bg img { margin-top: 248px; } @media (max-width: 1000px) { .sg_gallery .rows.rows01 .cols02 .bg img { margin-top: 280px; } } @media (max-width: 1600px) { .sg_gallery .rows.rows01 .desc { top: 225px; } } @media (max-width: 1350px) { .sg_gallery .rows.rows01 .desc { top: 115px; } } @media (max-width: 1000px) { .sg_gallery .rows.rows01 .desc { top: 60px; } } .sg_gallery .rows.rows02 { height: 1062px; margin-top: 480px; } @media (max-width: 1600px) { .sg_gallery .rows.rows02 { margin-top: 380px; } } @media (max-width: 1450px) { .sg_gallery .rows.rows02 { margin-top: 200px; } } @media (max-width: 1280px) { .sg_gallery .rows.rows02 { margin-top: 150px; } } @media (max-width: 1000px) { .sg_gallery .rows.rows02 { margin-top: 125px; height: auto; } } @media (max-width: 850px) { .sg_gallery .rows.rows02 { margin-top: 100px; } } @media (max-width: 770px) { .sg_gallery .rows.rows02 { margin-top: 75px; } } .sg_gallery .rows.rows02 .cols01 { display: flex; justify-content: flex-start; align-items: flex-start; } .sg_gallery .rows.rows02 .cols02 .bg { width: 100%; display: flex; justify-content: flex-start; flex-direction: column; } .sg_gallery .rows.rows02 .cols02 .bg .img01 { margin-left: auto; margin-top: 300px; } @media (max-width: 850px) { .sg_gallery .rows.rows02 .cols02 .bg .img01 { margin-top: 215px; } } .sg_gallery .rows.rows02 .cols02 .bg .img02 { margin-top: 262px; } @media (max-width: 1600px) { .sg_gallery .rows.rows02 .cols02 .bg .img02 { margin-top: 220px; } } @media (max-width: 1450px) { .sg_gallery .rows.rows02 .cols02 .bg .img02 { margin-top: 200px; } } @media (max-width: 1280px) { .sg_gallery .rows.rows02 .cols02 .bg .img02 { margin-top: 150px; } } @media (max-width: 1000px) { .sg_gallery .rows.rows02 .cols02 .bg .img02 { margin-top: 80px; } } @media (max-width: 770px) { .sg_gallery .rows.rows02 .cols02 .bg .img02 { display: none; } } @media (max-width: 1350px) { .sg_gallery .rows.rows02 .cols02 .desc { top: 115px; } } @media (max-width: 1000px) { .sg_gallery .rows.rows02 .cols02 .desc { top: 60px; } } .sg_gallery .rows.rows03 { margin-top: 410px; } @media (max-width: 1600px) { .sg_gallery .rows.rows03 { margin-top: 310px; } } @media (max-width: 1450px) { .sg_gallery .rows.rows03 { margin-top: 137px; } } @media (max-width: 1280px) { .sg_gallery .rows.rows03 { margin-top: 38px; } } @media (max-width: 1000px) { .sg_gallery .rows.rows03 { margin-top: 125px; } } @media (max-width: 850px) { .sg_gallery .rows.rows03 { margin-top: 100px; } } @media (max-width: 770px) { .sg_gallery .rows.rows03 { margin-top: 75px; } } .sg_gallery .rows.rows03 .cols01 .bg { width: 100%; display: flex; justify-content: flex-start; flex-direction: column; } .sg_gallery .rows.rows03 .cols01 .bg .img01 { margin-right: auto; } .sg_gallery .rows.rows03 .cols01 .bg .img02 { margin-top: 383px; } @media (max-width: 770px) { .sg_gallery .rows.rows03 .cols01 .bg .img02 { margin-top: 280px; } } .sg_gallery .rows.rows03 .cols02 .bg { width: 100%; text-align: right; margin-top: 340px; } @media (max-width: 1600px) { .sg_gallery .rows.rows03 .cols02 .bg { margin-top: 300px; } } @media (max-width: 770px) { .sg_gallery .rows.rows03 .cols02 .bg { margin-top: 220px; } } .sg_gallery .rows.rows03 .cols02 .bg img { margin-left: auto; } .sg_gallery .rows.rows03 .desc { top: 160px; } @media (max-width: 1600px) { .sg_gallery .rows.rows03 .desc { top: 115px; } } @media (max-width: 1000px) { .sg_gallery .rows.rows03 .desc { top: 60px; } } .sg_gallery .rows .cols { width: 50%; position: relative; } .sg_gallery .rows .cols.cols01 { padding-right: 20px; } .sg_gallery .rows .bg { position: relative; overflow: hidden; width: 100%; height: auto; } .sg_gallery .rows .bg .bg_in { position: relative; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; width: 100%; height: 120%; transform: translateY(100px); } .sg_gallery .rows .desc { position: absolute; top: 325px; left: 0; z-index: 50; } .sg_gallery .rows .desc a { display: block; } .sg_gallery .rows .desc a .h3 { display: block; color: #000; text-transform: uppercase; font: 300 40px/40px "Nunito Sans"; } @media (max-width: 1280px) { .sg_gallery .rows .desc a .h3 { font: normal 32px/32px "Nunito Sans"; } } @media (max-width: 1000px) { .sg_gallery .rows .desc a .h3 { font: normal 28px/28px "Nunito Sans"; } } @media (max-width: 850px) { .sg_gallery .rows .desc a .h3 { font: normal 25px/25px "Nunito Sans"; } } @media (max-width: 770px) { .sg_gallery .rows .desc a .h3 { font: normal 22px/22px "Nunito Sans"; } } .sg_gallery .rows .desc a .t { color: #000; font: 300 15px/18px "Nunito Sans"; display: block; margin: 14px 0 0; } @media (max-width: 1000px) { .sg_gallery .rows .desc a .t { font: 300 14px/17px "Nunito Sans"; } } @media (max-width: 850px) { .sg_gallery .rows .desc a .t { font: 300 13px/16px "Nunito Sans"; } } @media (max-width: 770px) { .sg_gallery .rows .desc a .t { font: 300 12px/15px "Nunito Sans"; margin: 10px 0 0; } } .sg_gallery .rows .desc a .t .br { display: block; } .sg_gallery .rows .desc a .ts { display: flex; align-items: center; color: #000; font: 300 14px/14px "Nunito Sans"; margin-top: 55px; } @media (max-width: 1280px) { .sg_gallery .rows .desc a .ts { margin-top: 40px; } } @media (max-width: 1000px) { .sg_gallery .rows .desc a .ts { margin-top: 30px; } } @media (max-width: 850px) { .sg_gallery .rows .desc a .ts { margin-top: 25px; } } .sg_gallery .rows .desc a .arw { display: block; width: 8px; height: 8px; position: relative; margin: 3px 0 0 10px; } .sg_gallery .rows .desc a .arw:after { content: ""; position: absolute; top: 2px; right: 0; width: 100%; height: 1px; background: #000; transform: rotate(22deg); } .sg_gallery .rows .desc a .arw:before { content: ""; position: absolute; bottom: 2px; right: 0; width: 100%; height: 1px; background: #000; transform: rotate(-22deg); } .all_projects { margin: 174px 0 0; text-align: center; } @media (max-width: 1600px) { .all_projects { margin-top: 160px; } } .all_projects a { color: #000; letter-spacing: 0.02em; position: relative; padding-right: 28px; letter-spacing: 0.01em; font: 500 15px/15px "Nunito Sans"; text-transform: uppercase; display: inline-block; } .all_projects a .arw { width: 8px; height: 8px; position: absolute; top: 4px; right: 0; } .all_projects a .arw:after { content: ""; position: absolute; top: 2px; right: 0; width: 100%; height: 1px; background: #000; transform: rotate(22deg); } .all_projects a .arw:before { content: ""; position: absolute; bottom: 2px; right: 0; width: 100%; height: 1px; background: #000; transform: rotate(-22deg); } .we_are_open { margin: 269px 0 0; } @media (max-width: 1450px) { .we_are_open { margin-top: 187px; } } @media (max-width: 1280px) { .we_are_open { margin-top: 138px; } } @media (max-width: 1000px) { .we_are_open { margin-top: 116px; } } @media (max-width: 850px) { .we_are_open { margin-top: 93px; } } @media (max-width: 770px) { .we_are_open { margin-top: 69px; } } .we_are_open .wao_txt { text-align: center; margin: 0; } .we_are_open .wao_txt .t { color: #000; letter-spacing: 0.03em; text-transform: uppercase; font: 100 68px/67px "Nunito Sans"; } @media (max-width: 1600px) { .we_are_open .wao_txt .t { font: 100 62px/63px "Nunito Sans"; } } @media (max-width: 1280px) { .we_are_open .wao_txt .t { font: 100 52px/53px "Nunito Sans"; } } @media (max-width: 1000px) { .we_are_open .wao_txt .t { font: 100 42px/43px "Nunito Sans"; } } @media (max-width: 850px) { .we_are_open .wao_txt .t { font: 100 34px/35px "Nunito Sans"; } } @media (max-width: 770px) { .we_are_open .wao_txt .t { font: 100 30px/31px "Nunito Sans"; } } @media (max-width: 370px) { .we_are_open .wao_txt .t { font: 100 26px/27px "Nunito Sans"; } } .we_are_open .discuss { text-align: center; margin: 240px 0 0; } @media (max-width: 1600px) { .we_are_open .discuss { margin-top: 210px; } } @media (max-width: 1450px) { .we_are_open .discuss { margin-top: 190px; } } @media (max-width: 1280px) { .we_are_open .discuss { margin-top: 143px; } } @media (max-width: 1000px) { .we_are_open .discuss { margin-top: 118px; } } @media (max-width: 850px) { .we_are_open .discuss { margin-top: 94px; } } @media (max-width: 770px) { .we_are_open .discuss { margin-top: 69px; } } .we_are_open .discuss .dis_lnk { color: #000; position: relative; width: 698px; height: 135px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #000; border-radius: 70px; margin: 0 auto; padding: 0 48px; transition: 0.35s; } @media (max-width: 1600px) { .we_are_open .discuss .dis_lnk { width: 648px; height: 125px; } } @media (max-width: 1450px) { .we_are_open .discuss .dis_lnk { width: 550px; height: 100px; } } @media (max-width: 1280px) { .we_are_open .discuss .dis_lnk { width: 480px; height: 86px; } } @media (max-width: 1000px) { .we_are_open .discuss .dis_lnk { width: 400px; height: 78px; } } @media (max-width: 850px) { .we_are_open .discuss .dis_lnk { width: 350px; height: 66px; padding: 0 40px; } } @media (max-width: 770px) { .we_are_open .discuss .dis_lnk { width: 300px; height: 54px; padding: 0 25px; } } @media (max-width: 370px) { .we_are_open .discuss .dis_lnk { width: 260px; height: 50px; padding: 0 20px; } } .we_are_open .discuss .dis_lnk:hover { border: 1px solid #3BC0BB; background: #3BC0BB; transition: 0.35s; } .we_are_open .discuss .dis_lnk:hover .t { color: #fff; transition: 0.35s; } .we_are_open .discuss .dis_lnk:hover .arw:after, .we_are_open .discuss .dis_lnk:hover .arw:before { background: #fff; transition: 0.35s; } .we_are_open .discuss .dis_lnk .t { letter-spacing: 0.01em; font: 300 30px/30px "Nunito Sans"; text-transform: uppercase; color: #000; transition: 0.35s; } @media (max-width: 1450px) { .we_are_open .discuss .dis_lnk .t { font: 300 26px/26px "Nunito Sans"; } } @media (max-width: 1280px) { .we_are_open .discuss .dis_lnk .t { font: 300 24px/24px "Nunito Sans"; } } @media (max-width: 1000px) { .we_are_open .discuss .dis_lnk .t { font: 300 22px/22px "Nunito Sans"; } } @media (max-width: 850px) { .we_are_open .discuss .dis_lnk .t { font: 300 19px/19px "Nunito Sans"; } } .we_are_open .discuss .dis_lnk .arw { width: 8px; height: 8px; position: relative; } .we_are_open .discuss .dis_lnk .arw:after { content: ""; position: absolute; top: 2px; right: 0; width: 100%; height: 1px; background: #000; transform: rotate(22deg); transition: 0.35s; } .we_are_open .discuss .dis_lnk .arw:before { content: ""; position: absolute; bottom: 2px; right: 0; width: 100%; height: 1px; background: #000; transform: rotate(-22deg); transition: 0.35s; } .v_menu { position: absolute; top: 0; right: 0; height: 100vh; z-index: 500; width: 100%; opacity: 0; pointer-events: none; z-index: 500; } .v_menu.active { opacity: 1; pointer-events: auto; position: fixed; } .v_menu.active .v_menu_in { transition: 0.35s; background: #fff; opacity: 1; pointer-events: auto; } .v_menu .v_menu_in { transition: 0.35s; background: #fff; opacity: 0; pointer-events: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .v_menu .rows { height: 100%; display: flex; align-items: center; justify-content: center; } .v_menu .desc { padding: 0px 0 0 0px; height: 100%; position: relative; display: flex; align-items: center; } @media (max-width: 1450px) { .v_menu .desc { padding: 0px 0 0 200px; } } @media (max-width: 1100px) { .v_menu .desc { padding: 0px 0 0 150px; } } @media (max-width: 1000px) { .v_menu .desc { padding: 0px 0 0 120px; } } @media (max-width: 550px) { .v_menu .desc { padding: 0px 0 0 50px; } } .v_menu .desc .vm_list li { margin: 0 0 20px; } .v_menu .desc .vm_list li:last-child { margin-bottom: 0; } .v_menu .desc .vm_list li a { color: #ABCDB7; font: 300 72px/70px "Nunito Sans"; text-transform: uppercase; letter-spacing: 0.2em; transition: 0.35s; position: relative; } @media (max-width: 1650px) { .v_menu .desc .vm_list li a { font: 300 69px/70px "Nunito Sans"; } } @media (max-width: 1450px) { .v_menu .desc .vm_list li a { font: 300 66px/64px "Nunito Sans"; } } @media (max-width: 1366px) { .v_menu .desc .vm_list li a { font: 300 58px/57px "Nunito Sans"; } } @media (max-width: 1200px) { .v_menu .desc .vm_list li a { font: 300 48px/47px "Nunito Sans"; } } @media (max-width: 1100px) { .v_menu .desc .vm_list li a { font: 300 41px/41px "Nunito Sans"; } } @media (max-width: 1000px) { .v_menu .desc .vm_list li a { font: 300 29px/29px "Nunito Sans"; } } .v_menu .desc .vm_list li a.active { color: #708573; transition: 0.35s; } .burger-menu { background: #fff; z-index: 201; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.5s ease; } .burger-menu.active { opacity: 1; visibility: visible; } .burger-menu .bm-top { position: absolute; left: 0; top: 0; width: 100%; padding-top: 30px; text-align: center; } .burger-menu .bm-top .bmt-logo { display: inline-block; } .burger-menu .bm-top img { display: block; max-width: 100%; margin: 0 auto; } .burger-menu .bm-close { width: 38px; height: 38px; position: absolute; cursor: pointer; right: 15px; top: 40px; } .burger-menu .bm-close::before, .burger-menu .bm-close::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease; background: url(/css/../img/close.svg); } .burger-menu .bm-close::after { background: url(/css/../img/close_h.svg); opacity: 0; } .burger-menu .bm-close:hover::before { opacity: 0; } .burger-menu .bm-close:hover::after { opacity: 1; } .burger-menu .bm-menu { padding-top: 77px; } .burger-menu .bm-menu ul li { margin-bottom: 49px; } .burger-menu .bm-menu ul li:last-child { margin-bottom: 0px; } .burger-menu .bm-menu ul li a { display: block; color: #000000; font-size: 48px; line-height: 56px; letter-spacing: -1.44px; text-align: center; font-family: "Nunito Sans"; text-transform: uppercase; font-weight: 200; } .burger-menu .bm-menu ul li a .i { font-style: italic; position: relative; left: -5px; } .burger-menu .bm-menu ul li a:hover { color: #3bc0bb; } .hd-burger { position: absolute; right: 20px; height: 70px; width: 26px; display: block; cursor: pointer; top: 41px; z-index: 300; } @media only screen and (max-width: 770px) { .hd-burger { top: 26px; } } .hd-burger:hover::before { opacity: 0; } .hd-burger:hover::after { opacity: 1; } .hd-burger:hover .hdb-descr { color: #3bc0bb; } .hd-burger::before, .hd-burger::after { content: ""; position: absolute; left: 0; top: 0; transition: all 0.5s ease; width: 26px; height: 9px; background: url(/css/../img/burger.svg); } .hd-burger::after { opacity: 0; background: url(/css/../img/burger_h.svg); } .hd-burger .hdb-descr { display: inline-block; font-size: 13px; line-height: 16px; font-family: "Nunito Sans"; font-weight: 400; letter-spacing: 0.045em; color: #000; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: 11px; transition: all 0.5s ease; } @media only screen and (max-width: 770px) { .hd-burger .hdb-descr { display: none; } } @media only screen and (max-width: 1600px) { .burger-menu .bm-menu ul li a { font-size: 40px; line-height: 44px; } } @media only screen and (max-width: 1450px) { .burger-menu .bm-top .bmt-logo { max-width: 130px; } .header .hd-burger { top: 23px; } .header .logo { max-width: 130px; } } @media only screen and (max-width: 1200px) { .burger-menu .bm-menu ul li a { font-size: 36px; line-height: 40px; } .burger-menu .bm-menu ul li { margin-bottom: 20px; } } @media only screen and (max-width: 770px) { .burger-menu .bm-menu ul li a { font-size: 30px; line-height: 40px; } .burger-menu .bm-menu ul li { margin-bottom: 10px; } .burger-menu .bm-menu ul li a .i { left: -7px; } .burger-menu .bm-close { width: 30px; height: 30px; top: 15px; } .burger-menu .bm-close::before, .burger-menu .bm-close::after { background-size: contain; } .header .logo { max-width: 82px; } .header .hd-burger { top: 26px; } .header { padding-top: 15px; } .burger-menu .bm-top { padding-top: 15px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .header .logo { max-width: 108px; } .burger-menu .bm-top .bmt-logo { max-width: 108px; } } .selectize-input .item { color: #666; } .selectize-control.single { height: 54px; } .selectize-control.single .selectize-input { border: 1px solid #e8e8e8; border-radius: 45px; background: #fff; text-align: center; padding: 15px 10px; } .selectize-control.single .selectize-input.not-full { padding-top: 0px; padding-bottom: 0px; } .selectize-control.single .selectize-input.dropdown-active { border-radius: 25px 25px 0 0; } .selectize-control.single .selectize-input.dropdown-active:after { transform: rotate(180deg); margin: 0; } .selectize-control.single .selectize-input:after { content: ""; width: 13px; height: 8px; border: 0; top: 22px; right: 17px; margin: 0; border-width: 0; } @media (max-width: 550px) { .selectize-control.single .selectize-input:after { width: 19px; height: 10px; background-size: cover; } } .selectize-control.single .selectize-input .item { font: normal 17px/17px "Nunito Sans"; color: #545454; } @media (max-width: 650px) { .selectize-control.single .selectize-input .item { font: normal 16px/17px "Nunito Sans"; } } @media (max-width: 650px) { .selectize-control.single .selectize-input .item { font: normal 13px/17px "Nunito Sans"; } } .selectize-control.single .selectize-input .item+input { display: none !important; } .selectize-control.single .selectize-dropdown { border-color: #e8e8e8; border-radius: 0 0 0 0; text-align: center; } .selectize-control.single .selectize-dropdown .selectize-dropdown-content { max-height: 230px; } .selectize-control.single .selectize-dropdown .selectize-dropdown-content .option { font: normal 17px/22px "Nunito Sans"; color: #545454; } @media (max-width: 650px) { .selectize-control.single .selectize-dropdown .selectize-dropdown-content .option { font: normal 16px/21px "Nunito Sans"; } } @media (max-width: 650px) { .selectize-control.single .selectize-dropdown .selectize-dropdown-content .option { font: normal 13px/17px "Nunito Sans"; } } .selectize-control.single .selectize-dropdown .selectize-dropdown-content .option.active { background: #008eb3; color: #fff; } .selectize-control.single .selectize-dropdown .nicescroll-rails { width: 1px !important; background: #e8e8e8; } .selectize-control.single .selectize-dropdown .nicescroll-rails .nicescroll-cursors { left: 12px; } .fancybox-overlay { background-image: none; background: rgba(9, 25, 47, 0.56) repeat; } .fancybox-close { top: 18px; right: 18px; width: 18px; height: 18px; background-image: none; } .fancybox-close:after { content: ""; width: 18px; height: 2px; background: #fff; transform: rotate(45deg); } .fancybox-close:before { content: ""; width: 18px; height: 2px; background: #fff; transform: rotate(-45deg); } .fancybox-slide--html { padding: 0; } .win_popup { width: 100%; height: 100%; padding: 0; background: #fff; } .win_popup .win_popup_ovr { height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; } .win_popup .win_popup_in { width: 100%; } .win_popup .line_pp { height: auto; text-align: center; background: #fff; padding: 0; } .win_popup .line_pp .h3 { font: 200 82px/74px "Nunito Sans"; color: #000; margin: 0 0 12px; letter-spacing: -0.01em; text-transform: uppercase; } @media (max-width: 1600px) { .win_popup .line_pp .h3 { font: 200 78px/70px "Nunito Sans"; } } @media (max-width: 1450px) { .win_popup .line_pp .h3 { font: 200 74px/67px "Nunito Sans"; } } @media (max-width: 1366px) { .win_popup .line_pp .h3 { font: 200 66px/59px "Nunito Sans"; } } @media (max-width: 1200px) { .win_popup .line_pp .h3 { font: 200 55px/49px "Nunito Sans"; } } @media (max-width: 1100px) { .win_popup .line_pp .h3 { font: 200 50px/44px "Nunito Sans"; } } @media (max-width: 770px) { .win_popup .line_pp .h3 { font: 200 34px/34px "Nunito Sans"; } } .win_popup .line_pp p { font: normal 17px/21px "Nunito Sans"; color: #fff; max-width: 720px; margin: auto; } .win_popup .blc_pp_wt { padding: 77px 0 0; max-width: 1250px; margin: auto; text-align: left; } @media (max-width: 1366px) { .win_popup .blc_pp_wt { max-width: 1050px; } } @media (max-width: 1100px) { .win_popup .blc_pp_wt { max-width: 850px; padding: 50px 0 0; } } @media (max-width: 900px) { .win_popup .blc_pp_wt { max-width: 750px; } } @media (max-width: 770px) { .win_popup .blc_pp_wt { max-width: calc(100% - 40px); margin: 0 auto; } } .win_popup .blc_pp_wt p { font: normal 17px/21px "Nunito Sans"; color: #000; max-width: 720px; margin: auto; text-align: center; } @media (max-width: 770px) { .win_popup .blc_pp_wt p { font-size: 14px; line-height: 18px; } } .win_popup .blc_pp_wt .rows { position: relative; display: flex; justify-content: space-between; margin: 0 0 20px; } @media (max-width: 770px) { .win_popup .blc_pp_wt .rows { flex-wrap: wrap; } } .win_popup .blc_pp_wt .rows.rows100 .cols { width: 100%; } .win_popup .blc_pp_wt .rows .cols { width: calc(50% - 24px); position: relative; } @media (max-width: 760px) { .win_popup .blc_pp_wt .rows .cols { width: 100%; } } @media (max-width: 760px) { .win_popup .blc_pp_wt .rows .cols.cols01 { margin-bottom: 30px; } } .win_popup .blc_pp_wt .rows input { border: 0px solid #b8b8b8; border-bottom: 1px solid rgba(73, 73, 73, 0.6); width: 100%; color: #494949; font: normal 26px/26px "Nunito Sans"; letter-spacing: 0.02em; position: relative; padding: 10px 0px; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } @media (max-width: 1366px) { .win_popup .blc_pp_wt .rows input { font: normal 22px/22px "Nunito Sans"; } } @media (max-width: 1100px) { .win_popup .blc_pp_wt .rows input { font: normal 20px/20px "Nunito Sans"; } } @media (max-width: 770px) { .win_popup .blc_pp_wt .rows input { border-bottom: 1px solid rgba(73, 73, 73, 0.6); font: normal 16px/16px "Nunito Sans"; } } .win_popup .blc_pp_wt .rows input::-webkit-input-placeholder { color: rgba(73, 73, 73, 0.6); } .win_popup .blc_pp_wt .rows input::-moz-placeholder { color: rgba(73, 73, 73, 0.6); } .win_popup .blc_pp_wt .rows input:-moz-placeholder { color: rgba(73, 73, 73, 0.6); } .win_popup .blc_pp_wt .rows input:-ms-input-placeholder { color: rgba(73, 73, 73, 0.6); } .win_popup .blc_pp_wt .rows { position: relative; text-align: center; margin: 35px 0 0; } @media (max-width: 800px) { .win_popup .blc_pp_wt .rows { margin: 15px 0 0; } } .win_popup .blc_pp_wt .rows .get_go { font: 300 20px/20px "Nunito Sans"; border: 1px solid #000; padding: 17px 33px; cursor: pointer; color: #000; background: transparent; transition: 0.35s; text-transform: uppercase; border-radius: 50px; letter-spacing: 0.13em; margin-top: 19px; } @media (max-width: 1600px) { .win_popup .blc_pp_wt .rows .get_go { padding: 16px 33px; font: 300 19px/19px "Nunito Sans"; } } @media (max-width: 1450px) { .win_popup .blc_pp_wt .rows .get_go { padding: 16px 33px; font: 300 18px/18px "Nunito Sans"; } } @media (max-width: 1366px) { .win_popup .blc_pp_wt .rows .get_go { padding: 13px 33px; font: 300 16px/16px "Nunito Sans"; } } @media (max-width: 1200px) { .win_popup .blc_pp_wt .rows .get_go { padding: 12px 30px 10px; font: 300 13px/13px "Nunito Sans"; } } .win_popup .blc_pp_wt .rows .get_go:hover { color: #fff; border: 1px solid #3BC0BB; background: #3BC0BB; transition: 0.35s; } .win_popup .blc_pp_wt .rows button[disabled] { cursor: default; border: 1px solid #b8b8b8; background: transparent; color: #b1b1b1; } .win_popup .blc_pp_wt .rows button[disabled]:hover { cursor: default; border: 1px solid #b8b8b8; background: transparent; color: #b1b1b1; } .iagree { margin: 17px 0 0; position: relative; text-align: center; width: 100%; } @media (max-width: 750px) { .iagree { margin: 17px 0 0; } } .iagree input[type=checkbox].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .iagree input[type=checkbox].css-checkbox+label.css-label { padding-left: 25px; height: auto; display: inline-block; background-repeat: no-repeat; background-position: 0 0px; font: 300 20px/20px "Nunito Sans"; letter-spacing: 0.025em; vertical-align: middle; cursor: pointer; margin-bottom: 0; position: relative; text-align: left; color: #494949; } @media (max-width: 800px) { .iagree input[type=checkbox].css-checkbox+label.css-label { font: 300 18px/18px "Nunito Sans"; } } @media (max-width: 770px) { .iagree input[type=checkbox].css-checkbox+label.css-label { font: 300 14px/14px "Nunito Sans"; } } .iagree input[type=checkbox].css-checkbox:checked+label.css-label:before { background: black; } .iagree label.css-label { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: #949494; } .iagree label.css-label:before { content: ""; position: absolute; top: 7px; bottom: 0; left: 5px; width: 5px; height: 5px; background: rgba(0, 0, 0, 0); z-index: 1; border-radius: 100%; } @media (max-width: 770px) { .iagree label.css-label:before { top: 6px; } } .iagree label.css-label:after { content: ""; position: absolute; top: 2px; bottom: 0; left: 0; width: 13px; height: 13px; border: 1px solid #000; z-index: 1; border-radius: 100%; } @media (max-width: 770px) { .iagree label.css-label:after { top: 1px; } } .fancybox-inner { overflow: visible !important; min-height: 100px; } .parsley-errors-list { position: absolute; top: 0px; left: 0px; } .parsley-errors-list li { color: red; font: normal 10px/10px "Nunito Sans"; text-transform: uppercase; } .tg_lnk_wrap { margin-top: 240px; display: flex; justify-content: center; align-items: center; } @media (max-width: 1600px) { .tg_lnk_wrap { margin: 220px 0 0; } } @media (max-width: 1450px) { .tg_lnk_wrap { margin-top: 190px; } } @media (max-width: 1280px) { .tg_lnk_wrap { margin-top: 150px; } } @media (max-width: 1000px) { .tg_lnk_wrap { margin-top: 125px; } } .tg_lnk_wrap .tg_lnk { display: flex; align-items: center; color: #000; text-transform: uppercase; font: 300 40px/40px "Nunito Sans"; letter-spacing: 0.03em; transition: 0.35s; } @media (max-width: 1280px) { .tg_lnk_wrap .tg_lnk { font: normal 32px/32px "Nunito Sans"; } } @media (max-width: 1000px) { .tg_lnk_wrap .tg_lnk { font: normal 25px/25px "Nunito Sans"; } } @media (max-width: 770px) { .tg_lnk_wrap .tg_lnk { font: normal 22px/22px "Nunito Sans"; } } @media (min-width: 1001px) { .tg_lnk_wrap .tg_lnk:hover { transition: 0.35s; color: #3bc0bb; } } .tg_lnk_wrap .tg_lnk .t { margin-left: 20px; } .tg_lnk_wrap .tg_lnk img { width: 64px; } @media (max-width: 1280px) { .tg_lnk_wrap .tg_lnk img { width: 56px; } } @media (max-width: 1000px) { .tg_lnk_wrap .tg_lnk img { width: 48px; } } @media (max-width: 770px) { .tg_lnk_wrap .tg_lnk img { width: 32px; } } picture { display: block; } footer { position: relative; top: 0; bottom: auto; left: 0; right: 0; margin: 0; z-index: 1; height: auto; margin: 120px auto 0; height: 225px; width: 100%; background: url(/css/../img/footer_no_txt.svg) no-repeat 50% 50%/cover; z-index: 20; } @media (max-width: 1600px) { footer { margin: 220px 0 0; } } @media (max-width: 1450px) { footer { margin-top: 190px; } } @media (max-width: 1280px) { footer { margin-top: 150px; } } @media (max-width: 1000px) { footer { margin-top: 125px; height: 200px; } } @media (max-width: 850px) { footer { margin-top: 100px; height: 180px; } } @media (max-width: 770px) { footer { margin-top: 75px; height: 110px; } } footer .container, footer .rows_ft { height: 100%; } footer .copyrigt { text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } footer .copyrigt p { background: #fff; color: #000; font: 300 12px/12px "Nunito Sans"; text-transform: uppercase; border-radius: 35px; padding: 20px 15px; margin: 15px 0 0; } @media (max-width: 770px) { footer .copyrigt p { margin-top: 8px; font: 300 11px/11px "Nunito Sans"; } } .lang-change { position: absolute; top: 150px; right: 30px; display: flex; flex-direction: column; gap: 12px; z-index: 20; } .lang-change li, .lang-change a { font-weight: 400; font-size: 14px; letter-spacing: 0.05em; text-align: center; color: #000; opacity: 0.6; } .lang-change a:hover { opacity: 0.9; } .lang-change li.lang-change__active { opacity: 1; } @media(max-width: 760px) { .lang-change { background: rgba(237, 237, 237, 0.85); border-radius: 12px; padding: 6px 4px; top: 20px; right: 60px; gap: 0px; z-index: 201; } .lang-change._active { gap: 10px; } .lang-change li { height: 0px; opacity: 0; order: 1; pointer-events: none; } .lang-change._active li { pointer-events: auto; opacity: 1; height: auto; } .lang-change li.lang-change__active { pointer-events: auto; height: auto; order: 0; } .lang-change li.lang-change__active::after { content: '...'; display: block; color: #000; font-size: 14px; margin-top: -7px; } } .teaser-divider { height: calc(35vh + 142px); } .section { margin-bottom: clamp(60px, calc(60px + 240 * ((100vw - 360px) / 3480)), 300px); } .section-title { text-align: center; font-family: "Nunito Sans"; font-weight: 300; font-size: 60px; line-height: 110%; text-transform: uppercase; margin-bottom: clamp(20px, calc(20px + 80 * ((100vw - 360px) / 3480)), 160px); font-size: clamp(20px, calc(20px + 20 * ((100vw - 360px) / 3480)), 40px); } .section-title>* { display: inline-block; } .section-content { font-family: "Nunito Sans"; font-weight: 300; line-height: 100%; text-align: center; text-transform: uppercase; font-size: clamp(20px, calc(20px + 60 * ((100vw - 360px) / 3480)), 80px); } .advantages-list .advantages-item { display: flex; align-items: center; gap: clamp(6px, calc(6px + 54 * ((100vw - 360px) / 3480)), 60px); padding: clamp(10px, calc(10px + 90 * ((100vw - 360px) / 3480)), 100px); border-bottom: 1px solid #000; } .advantages-list .advantages-item:nth-child(2), .advantages-list .advantages-item:nth-child(4) { justify-content: center; } .advantages-list .advantages-item:nth-child(3) { justify-content: end; } .advantages-list .advantages-item-inner { display: flex; align-items: center; gap: clamp(6px, calc(6px + 54 * ((100vw - 360px) / 3480)), 60px); } @media (max-width: 680px) { .advantages-list .advantages-item-inner { flex-direction: column; align-items: start; } } .advantages-list .title { text-align: end; font-size: clamp(20px, calc(20px + 60 * ((100vw - 360px) / 3480)), 80px); } @media (max-width: 680px) { .advantages-list .title { text-align: start; } } .advantages-list .img-text-wrapper { display: flex; align-items: center; gap: clamp(6px, calc(6px + 54 * ((100vw - 360px) / 3480)), 60px); } .advantages-list .img { width: clamp(72px, calc(72px + 258 * ((100vw - 360px) / 3480)), 330px); } .advantages-list .text { font-size: clamp(14px, calc(14px + 10 * ((100vw - 360px) / 3480)), 24px); text-transform: none; font-weight: 300; line-height: 120%; text-align: start; } .container-80 { margin: 0 auto; padding: 0 16px; width: 100%; } @media (min-width: 680px) { .container-80 { max-width: 80%; } } .custom-slider .navigation { position: relative; display: flex; gap: 10px; align-items: center; justify-content: center; gap: clamp(10px, calc(10px + 50 * ((100vw - 360px) / 3480)), 60px); margin-top: clamp(20px, calc(20px + 160 * ((100vw - 360px) / 3480)), 180px); } .custom-slider .navigation>* { position: static; margin-top: 0; background-image: url("/css/../img/icons/slider-arrow-left.svg"); background-position: center; background-size: contain; width: clamp(60px, calc(60px + 100 * ((100vw - 360px) / 3480)), 160px); height: clamp(60px, calc(60px + 100 * ((100vw - 360px) / 3480)), 160px); } .custom-slider .navigation>*:after { content: ''; } .custom-slider .swiper-button-next { transform: rotate(180deg); } .custom-slider .img { margin-bottom: clamp(9px, calc(9px + 91 * ((100vw - 360px) / 3480)), 100px); aspect-ratio: 1505 / 1035; object-fit: cover; width: 100%; } .custom-slider .title { margin-bottom: clamp(24px, calc(24px + 56 * ((100vw - 360px) / 3480)), 80px); font-size: clamp(14px, calc(14px + 10 * ((100vw - 360px) / 3480)), 24px); text-transform: uppercase; max-width: 75%; font-weight: 300; display: block; color: #000; } .custom-slider .btn { text-transform: lowercase; font-size: clamp(14px, calc(14px + 12 * ((100vw - 360px) / 3480)), 26px); color: #000; } .fw-400 { font-weight: 400; } .fw-bold { font-weight: bold; } /* Центровка блока */ .social-links { display: flex; justify-content: center; gap: 40px; /* расстояние между иконками */ margin-bottom: 60px; } /* Ограничиваем ВСЁ, что находится внутри ссылки — , inline-, , … */ .social-links .social-link>* { width: 48px; height: 48px; display: block; object-fit: contain; /* если это PNG/JPG, не даст «распухнуть» */ transition: opacity .25s; } .social-link:hover>* { opacity: .7; } @media(max-width:600px) { .social-links { gap: 24px; } .social-links .social-link>* { width: 40px; height: 40px; } } /* Центровка блока */ .social-links { display: flex; justify-content: center; gap: 40px; /* расстояние между иконками */ margin-bottom: 60px; } .social-links { display: flex; justify-content: center; gap: 40px; /* ▼ новый отступ сверху */ margin: 80px auto 60px; /* 80 px сверху, 60 px снизу */ } @media (max-width:600px) { .social-links { gap: 24px; margin: 32px auto 48px; /* поменьше на телефонах */ } } .sc-offices-grid { display: grid; grid-template-columns: repeat(1, 1fr); text-align: center; } @media (min-width:600px) { .sc-offices-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width:960px) { .sc-offices-grid { grid-template-columns: repeat(3, 1fr); } } .sc-office-item { padding: 30px; text-transform: uppercase; font-weight: 300; display: flex; flex-direction: column; row-gap: 20px; border-bottom: 1px solid #EEEEEE; } @media (max-width:768px) { .sc-office-item { padding: 20px 10px; } } .sc-office-title { font-size: 24px; white-space: nowrap; } @media (min-width:768px) { .sc-office-title { font-size: 30px; } } @media (min-width:1640px) { .sc-office-title { font-size: 50px; } } .sc-office-contacts { display: flex; flex-direction: column; row-gap: 15px; } .sc-office-phone { font-size: 20px; } @media (min-width:768px) { .sc-office-phone { font-size: 24px; } } @media (min-width:1640px) { .sc-office-phone { font-size: 28px; } } .sc-office-contacts>a { color: #000; display: block; transition: all 0.2s; white-space: nowrap; } .sc-office-contacts>a:hover { color: #3BC0BB; } .sc-office-address { font-size: 14px; } @media (min-width:1640px) { .sc-office-address { font-size: 18px; } } /* End */ /* Start:/css/other.css?176181945145090*/ * { outline: none; margin: 0; padding: 0; box-sizing: border-box; } img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; height: auto; max-width: 100%; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } ul { list-style: none; margin: 0; padding: 0; } ul li { vertical-align: top; } a { text-decoration: none; } a:hover, a:focus { text-decoration: none; outline: none; } input { -webkit-appearance: none; -moz-appearance: none; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } ul { list-style: none; margin: 0; padding: 0; } ul li { vertical-align: top; } a:hover, a:focus { text-decoration: none; outline: none; } input { -webkit-appearance: none; -moz-appearance: none; } @font-face{ font-family: "Nunito Sans"; src: url("/css/../fonts/nunito_sans/NunitoSans-VariableFont.ttf") format("woff2-variations"); font-weight: 200 1000; font-stretch: 75% 125%; font-style: normal; font-display: swap; } @font-face{ font-family: "Nunito Sans"; src: url("/css/../fonts/nunito_sans/NunitoSans-Italic-VariableFont.ttf") format("woff2-variations"); font-weight: 200 1000; font-stretch: 75% 125%; font-style: italic; font-display: swap; } .pin-spacer-header { pointer-events: none; } #header { position: relative; z-index: 200; } .header { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; z-index: 100; padding: 30px 0 0; pointer-events: none; } .header .rows { display: flex; justify-content: center; } .header .logo { margin: 0; } @media (max-width: 770px) { .header .logo { max-width: 82px; } } html, body { font-size: 100%; line-height: 1; font-family: "Nunito Sans", sans-serif; } .scroller { height: 100vh; } .container { max-width: calc(100% - 40px); width: 100%; margin-left: auto; margin-right: auto; } .container.small { max-width: 1502px; width: calc(100% - 40px); } #q { position: absolute; top: 0; } #wrap { background: #fff; position: relative; z-index: 200; } #wrap.nfx { margin-bottom: 0; } #ff { position: absolute; bottom: 0; } #wrapper { min-height: 100%; height: auto !important; margin: 0; padding: 0; } .hides { display: none; } * { box-sizing: border-box; } .second-page-hdr { font-size: 171px; line-height: 198px; font-family: "Nunito Sans", sans-serif; font-weight: 200; letter-spacing: -0.03em; text-transform: uppercase; display: block; color: #000000; } .second-page-hdr .i { font-style: italic; margin-right: 0.1em; } .burger-menu { background: #fff; z-index: 201; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.5s ease; } .burger-menu.active { opacity: 1; visibility: visible; } .burger-menu .bm-top { position: absolute; left: 0; top: 0; width: 100%; padding-top: 30px; text-align: center; } .burger-menu .bm-top .bmt-logo { display: inline-block; } .burger-menu .bm-top img { display: block; max-width: 100%; margin: 0 auto; } .burger-menu .bm-close { width: 38px; height: 38px; position: absolute; cursor: pointer; right: 15px; top: 40px; } .burger-menu .bm-close::before, .burger-menu .bm-close::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease; background: url(/css/../img/close.svg); } .burger-menu .bm-close::after { background: url(/css/../img/close_h.svg); opacity: 0; } .burger-menu .bm-close:hover::before { opacity: 0; } .burger-menu .bm-close:hover::after { opacity: 1; } .burger-menu .bm-menu { padding-top: 77px; } .burger-menu .bm-menu ul li { margin-bottom: 49px; } .burger-menu .bm-menu ul li:last-child { margin-bottom: 0px; } .burger-menu .bm-menu ul li a { display: block; color: #000000; font-size: 48px; line-height: 56px; letter-spacing: -1.44px; text-align: center; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; font-weight: 200; } .burger-menu .bm-menu ul li a .i { font-style: italic; position: relative; left: -5px; } .burger-menu .bm-menu ul li a:hover { color: #3bc0bb; } @keyframes scroll-down { 0% { transform: translateY(0px); opacity: 0; } 50% { transform: translateY(10px); opacity: 1; } 100% { transform: translateY(20px); opacity: 0; } } @keyframes line-run { 0% { transform: translateX(0px); } 100% { transform: translateX(-5849.75px); } } .scroll-icn svg { animation: scroll-down 1.5s linear 0s infinite; } .hover-arrows { cursor: none; } .hover-arrows .swiper-container { position: relative; } .hover-arrows .swiper-button-next, .hover-arrows .swiper-button-prev { position: absolute; margin: 0; background: none; height: 100%; width: 50%; top: 0; cursor: none; } .hover-arrows .swiper-button-next::after, .hover-arrows .swiper-button-prev::after { display: none; } .hover-arr { background: #FFFFFF; border-radius: 50%; width: 76px; height: 76px; display: inline-block; cursor: pointer; pointer-events: none; touch-action: none; transition: opacity 0.3s ease, visibility 0.3s ease; position: fixed; top: 0; z-index: 20; } .hover-arr::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat url(/css/../img/arr-left.svg) 50%; } .hover-arr.disable { opacity: 0; visibility: hidden; } .hover-arr.next { transform: rotate(180deg); } .header { opacity: 1; pointer-events: all; } .header.white { background: linear-gradient(180deg, rgba(0, 0, 0, 0.67) 41.67%, rgba(0, 0, 0, 0) 100%); padding-bottom: 30px; } .header.white .hd-burger::before { background: url(/css/../img/burger_w.svg); } .header.white .hd-burger .hdb-descr { color: #fff; } .header .logo { display: block; } .header .logo img { display: block; max-width: 100%; } .header .hd-burger { position: absolute; right: 20px; height: 70px; width: 26px; display: block; cursor: pointer; top: 41px; } .header .hd-burger:hover::before { opacity: 0; } .header .hd-burger:hover::after { opacity: 1; } .header .hd-burger:hover .hdb-descr { color: #3bc0bb; } .header .hd-burger::before, .header .hd-burger::after { content: ""; position: absolute; left: 0; top: 0; transition: all 0.5s ease; width: 26px; height: 9px; background: url(/css/../img/burger.svg); } .header .hd-burger::after { opacity: 0; background: url(/css/../img/burger_h.svg); } .header .hd-burger .hdb-descr { display: inline-block; font-size: 13px; line-height: 16px; font-family: "Nunito Sans", sans-serif; font-weight: 400; letter-spacing: 0.045em; color: #000000; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: 11px; transition: all 0.5s ease; } .s-contacts { position: relative; overflow: hidden; padding-top: 274px; padding-bottom: 1058px; } .s-contacts .sc-top { text-align: center; position: relative; z-index: 1; } .s-contacts .sc-top .sct-hdr .i { font-style: italic; } .s-contacts .sc-map { position: absolute; left: 50%; top: -20px; width: 100%; transform: translate(-50%, 0); } .s-contacts .sc-map > img { display: block; max-width: 100%; margin: 0 auto; min-width: 2440px; } .s-contacts .sc-map .scm-dt { position: absolute; left: 13%; top: 75.3%; height: 55px; width: 45px; z-indeX: 2; } .s-contacts .sc-map .scm-dt.active .scm-dt-icn { width: 45px; } .s-contacts .sc-map .scm-dt.active .scm-dt-txt { opacity: 1; visibility: visible; transition: all 0.5s ease; } .s-contacts .sc-map .scm-dt .scm-dt-icn { position: absolute; cursor: pointer; left: 50%; bottom: 0; transform: translateX(-50%); width: 26px; transition: all 0.5s ease; } .s-contacts .sc-map .scm-dt .scm-dt-icn img { display: block; width: 100%; } .s-contacts .sc-map .scm-dt .scm-dt-txt { position: absolute; min-width: 287px; max-width: 287px; padding-left: 19px; padding-top: 33px; padding-bottom: 49px; padding-right: 15px; background: rgba(255, 255, 255, 0.8); bottom: 59px; left: -20px; transition: all 0.3s ease; visibility: hidden; opacity: 0; } .s-contacts .sc-map .scm-dt .scm-dt-txt .scm-dt-t-hdr { display: block; font-family: "Nunito Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 17.6px; color: #000; margin-bottom: 35px; } .s-contacts .sc-map .scm-dt .scm-dt-txt .scm-dt-t-descr { display: block; font-family: "Nunito Sans", sans-serif; font-weight: 300; font-size: 14px; line-height: 17.6px; color: #000; margin-bottom: 17px; } .s-contacts .sc-map .scm-dt .scm-dt-txt .scm-dt-t-descr:last-child { margin-bottom: 0px; } .s-contacts .sc-map .scm-dt .scm-dt-txt a.scm-dt-t-descr:hover { color: #3bc0bb; } .s-contacts .sc-map .scm-dt.dt-2 { top: 68.2%; left: 6.7%; } .s-contacts .sc-map .scm-dt.dt-3 { top: 73.1%; left: 30.3%; } .s-contacts .sc-map .scm-dt.dt-4 { left: 45.9%; top: 77%; } .s-contacts .sc-map .scm-dt.dt-5 { left: 13.1%; top: 90.3%; } .s-contacts .sc-map .scm-dt.dt-6 { left: 38.4%; top: 82.8%; } .sp-projects .spp-top { padding-top: 274px; text-align: center; margin-bottom: 150px; } .sp-projects .spp-top .spp-t-hdr { margin-bottom: 61px; } .sp-projects .spp-top .spp-t-descr { text-align: left; display: inline-block; color: #000; font-size: 22px; line-height: 28px; font-family: "Nunito Sans", sans-serif; font-weight: 300; text-align: left; } .sp-projects .spp-top .spp-t-descr span { position: relative; left: 40px; } .sp-projects .spp-search-wrap { margin-bottom: 200px; } .sp-projects .spp-search-wrap .container { max-width: 1047px; display: flex; width: calc(100% - 40px); } .sp-projects .spp-search-wrap .spp-search { width: calc(100% - 349px); margin-right: 17px; position: relative; } .sp-projects .spp-search-wrap .spp-search .spp-btn { position: absolute; width: 24px; height: 24px; background: url(/css/../img/zoom-icn.svg); cursor: pointer; display: block; right: 50px; top: 50%; margin-top: -12px; border: 0px solid #000; outline: none; } .sp-projects .spp-search-wrap .spp-search input { width: 100%; border: 1px solid #000000; outline: none; border-radius: 70px; display: block; color: #131313; font-size: 30px; line-height: 30px; font-family: "Nunito Sans", sans-serif; font-weight: 300; letter-spacing: 0.04em; text-transform: uppercase; padding-left: 74px; padding-right: 89px; padding-top: 47.5px; padding-bottom: 47.5px; } .sp-projects .spp-search-wrap .spp-select { width: 332px; } .sp-projects .spp-search-wrap .spp-select .selectric-wrapper { height: 100%; } .sp-projects .spp-search-wrap .spp-select .selectric-wrapper.selectric-open .selectric .selectric-button { transform: rotate(180deg); } .sp-projects .spp-search-wrap .spp-select .selectric-items { border: 1px solid rgba(0, 0, 0, 0.4); } .sp-projects .spp-search-wrap .spp-select .selectric-items li { font-size: 20px; line-height: 20px; font-family: "Nunito Sans", sans-serif; font-weight: 300; color: #000; } .sp-projects .spp-search-wrap .spp-select .selectric { border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 70px; height: 100%; } .sp-projects .spp-search-wrap .spp-select .selectric .selectric-button { top: 50%; margin-top: -19px; right: 20px; } .sp-projects .spp-search-wrap .spp-select .selectric .selectric-button:after { content: ">"; transform: rotate(90deg); left: 34px; top: -14px; position: absolute; font-size: 30px; line-height: 30px; letter-spacing: 0.04em; font-family: "Nunito Sans", sans-serif; font-weight: 300; color: #000; border: 0px solid #000; } .sp-projects .spp-search-wrap .spp-select .selectric .selectric-label { height: 100%; display: flex; margin: 0; align-items: center; width: 100%; font-size: 30px; line-height: 30px; letter-spacing: 0.04em; text-transform: uppercase; color: #000; font-family: "Nunito Sans", sans-serif; font-weight: 300; padding-left: 47px; } .sp-projects .sg_gallery { margin: 0; } .sp-projects .sg_gallery .sgg-btn-wrap { text-align: center; } .sp-projects .sg_gallery .sgg-btn-wrap .sgg-btn { display: block; color: #000000; font-size: 26px; line-height: 34px; font-family: "Nunito Sans", sans-serif; font-weight: 300; letter-spacing: -0.015em; text-transform: uppercase; transition: all 0.5s ease; } .sp-projects .sg_gallery .sgg-btn-wrap .sgg-btn:hover { color: #3bc0bb; } .sp-projects .sg_gallery .sgg-btn-wrap .sgg-btn span { margin-left: 13px; } .sp-projects .sg_gallery .rows_all { margin-bottom: 410px; } .sp-projects .sg_gallery .rows_all:nth-last-child(2) { margin-bottom: 204px; } .sp-projects .sg_gallery .rows_all .rows.rows02 { margin-top: 410px; } .sp-projects .sg_gallery .rows_all .rows .desc a:hover .h3 { color: #3bc0bb; } .sp-projects .sg_gallery .rows_all .rows .desc a .h3 { transition: all 0.5s ease; } .sg_gallery .rows .desc a .h3 { font-weight: 300; } .sg_gallery .rows .desc a .t { margin-top: 18px; } .s-company .mn_fl_txt { overflow: hidden; top: 0; } .s-company .mn_fl_txt .desc .txt { margin-bottom: 45px; } .s-company .mn_fl_txt .desc .txt .t.t03 { left: -84px; } .s-simple-text { text-align: center; padding-top: 250px; padding-bottom: 144px; } .s-simple-text .sst-hdr { margin-bottom: 97px; } .s-simple-text .sst-descr { display: block; text-align: left; color: #000000; font-size: 18px; line-height: 27px; font-family: "Nunito Sans", sans-serif; font-weight: 300; max-width: 620px; margin-left: auto; margin-right: 0px; margin-bottom: 87px; } .s-simple-text .scroll-icn { position: relative; text-align: center; height: 18px; } .s-simple-text .scroll-icn svg { display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; position: absolute; left: 0; width: 100%; } .s-simple-text .scroll-icn svg:nth-child(1) { animation-delay: 0.65s; top: -10px; } .s-simple-text .scroll-icn svg:last-child { margin-bottom: 0px; } .s-partners .sp-top { max-width: 1920px; margin: 0 auto; padding-left: 110px; padding-right: 15px; display: flex; margin-bottom: 108px; } .s-partners .sp-top .spt-hdr { width: calc(100% - 828px); } .s-partners .sp-top .spt-year { width: 828px; padding-left: 15px; padding-right: 15px; } .s-partners .sp-top .spt-year span { display: block; margin-top: 11px; } .s-partners .sp-top .spt-year, .s-partners .sp-top .spt-hdr { display: block; color: #000000; font-size: 62px; line-height: 62px; font-family: "Nunito Sans", sans-serif; font-weight: 400; text-transform: uppercase; } .s-partners .sp-items { max-width: 1920px; margin: 0 auto; } .s-partners .sp-items .sp-itm { display: flex; border-bottom: 1px solid #000; padding-top: 39px; padding-bottom: 39px; padding-left: 110px; padding-right: 19px; transition: background 0.5s ease; } .s-partners .sp-items .sp-itm:first-child { border-top: 1px solid #000; } .s-partners .sp-items .sp-itm:hover { background: #3BC0BB; } .s-partners .sp-items .sp-itm.spi-no-img { padding-left: 100px; min-height: 270px; } .s-partners .sp-items .sp-itm.spi-no-img .spi-img { display: none; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right { width: 100%; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-logo { width: calc(100% - 828px); padding-left: 0px; padding-right: 0px; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-logo img { margin-left: 0px; margin-right: auto; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-hdr { max-width: 430px; width: 100%; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-descr { width: 100%; max-width: 376px; font-size: 30px; line-height: 38px; } .s-partners .sp-items .sp-itm .spi-img { width: 346px; height: 191px; position: relative; overflow: hidden; } .s-partners .sp-items .sp-itm .spi-img span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; } .s-partners .sp-items .sp-itm .spi-right { width: calc(100% - 346px); display: flex; align-items: center; } .s-partners .sp-items .sp-itm .spi-right .spi-logo { padding-left: 15px; padding-right: 15px; width: calc(60% - 200px); } .s-partners .sp-items .sp-itm .spi-right .spi-logo img { display: block; max-width: 160px; margin: 0 auto; } .s-partners .sp-items .sp-itm .spi-right .spi-hdr { display: block; color: #000000; font-size: 30px; line-height: 38px; font-family: "Nunito Sans", sans-serif; font-weight: 300; width: calc(40% - 200px); padding-left: 15px; padding-right: 15px; } .s-partners .sp-items .sp-itm .spi-right .spi-descr { display: block; color: #000000; font-size: 18px; line-height: 27px; font-weight: 300; font-family: "Nunito Sans", sans-serif; max-width: 400px; width: 100%; } .s-second-detail { padding-top: 199px; padding-bottom: 179px; } .s-second-detail.ssd-only-logo { padding-bottom: 0px; } .s-second-detail.ssd-only-logo .ssd-top { margin-bottom: 0px; } .s-second-detail .ssd-top { text-align: center; margin-bottom: 128px; } .s-second-detail .ssd-top .ssd-hdr { display: block; color: #000000; font-size: 128px; line-height: 110px; font-family: "Nunito Sans", sans-serif; font-weight: 200; text-transform: uppercase; margin-bottom: 169px; } .s-second-detail .ssd-top .ssd-hdr.small-margin { margin-bottom: 80px; } .s-second-detail .ssd-top .ssd-descr { display: block; color: #000000; font-size: 16px; line-height: 31px; font-weight: 300; font-family: "Nunito Sans", sans-serif; margin-bottom: 118px; } .s-second-detail .ssd-top .ssd-logo img { display: block; margin: 0 auto; max-width: 300px; } .s-second-detail .ssd-items { max-width: 1920px; width: 100%; display: flex; justify-content: space-between; margin-bottom: 138px; margin-left: auto; margin-right: auto; } .s-second-detail .ssd-items .ssd-left { width: calc(50% - 68.5px); border-top: 1px solid #000; padding-left: 110px; padding-top: 38px; } .s-second-detail .ssd-items .ssd-left .ssd-l-descr { display: block; color: #000000; font-size: 30px; line-height: 38px; font-family: "Nunito Sans", sans-serif; font-weight: 300; max-width: 470px; margin-bottom: 37px; } .s-second-detail .ssd-items .ssd-left .ssd-l-descr:last-child { margin-bottom: 0px; } .s-second-detail .ssd-items .ssd-right { width: calc(50% - 68.5px); border-top: 1px solid #000; padding-right: 19px; padding-top: 47px; } .s-second-detail .ssd-items .ssd-right ul li { display: block; color: #000000; font-size: 18px; line-height: 27px; font-family: "Nunito Sans", sans-serif; font-weight: 300; } .s-second-detail .we_are_open { margin-top: 0px; } .s-second-detail .we_are_open .discuss { margin-top: 0px; } .s-run-line { position: relative; overflow: hidden; height: 257px; } .s-run-line .srl-line { position: absolute; left: 0; display: flex; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-top: 28.5px; padding-bottom: 28.5px; animation: line-run 20s linear 0s infinite; } .s-run-line .srl-line span { white-space: nowrap; font-size: 171px; line-height: 198px; letter-spacing: -0.03em; text-transform: uppercase; color: #000; font-family: "Nunito Sans", sans-serif; font-weight: 200; } .s-photos { padding-top: 257px; position: relative; overflow: hidden; } .s-photos.padding-btm { padding-bottom: 257px; } .s-photos .sp-slider .swiper-wrapper { align-items: center; } .s-photos .sp-slider .swiper-wrapper .swiper-slide { width: auto; } .s-photos .sp-slider .swiper-wrapper .swiper-slide .sp-img img { display: block; max-width: 100%; } .s-next-project { padding-top: 250px; } .s-next-project .snp-top .container { display: flex; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid #000; padding-top: 65px; padding-bottom: 80px; } .s-next-project .snp-top .snp-t-next { width: 100%; color: #000000; font-size: 15px; line-height: 18px; font-weight: 300; font-family: "Nunito Sans", sans-serif; display: block; margin-bottom: 77px; transition: all 0.5s ease; } .s-next-project .snp-top .snp-t-next:hover { color: #3bc0bb; } .s-next-project .snp-top .snp-t-hdr { display: block; color: #000000; font-size: 62px; line-height: 62px; font-family: "Nunito Sans", sans-serif; font-weight: 400; text-transform: uppercase; transition: all 0.5s ease; } .s-next-project .snp-top .snp-t-hdr:hover { color: #3bc0bb; } .s-next-project .snp-top .snp-t-hdr span { margin-left: 14px; } .s-next-project .snp-top .snp-t-all { display: inline-block; color: #000000; font-size: 15px; line-height: 15px; font-family: "Nunito Sans", sans-serif; font-weight: 500; position: relative; top: -15px; transition: all 0.5s ease; } .s-next-project .snp-top .snp-t-all span { margin-left: 13px; } .s-next-project .snp-top .snp-t-all:hover { color: #3bc0bb; } .s-next-project .snp-photo { max-width: 1920px; width: 100%; margin: 0 auto; display: block; } .s-next-project .snp-photo img { display: block; max-width: 100%; } /* Large Devices, Wide Screens */ @media only screen and (max-width: 1700px) { .s-contacts .sc-map > img { min-width: 1px; width: 100%; } .s-contacts { padding-bottom: 600px; } .s-contacts .sc-map .scm-dt.dt-2 { left: 4.9%; top: 67.4%; } .s-contacts .sc-map .scm-dt.dt-1 { left: 9.5%; top: 74.4%; } .s-contacts .sc-map .scm-dt.dt-3 { top: 71%; left: 23.5%; } .s-contacts .sc-map .scm-dt.dt-4 { left: 34.9%; top: 75.8%; } .s-contacts .sc-map .scm-dt.dt-5 { left: 10.1%; top: 89.3%; } .s-contacts .sc-map .scm-dt.dt-6 { left: 29.4%; top: 79.8%; } .s-contacts .sc-map { position: relative; top: 0; left: 0; width: 100%; transform: none; } .s-contacts .sc-top { position: absolute; left: 0; top: 0; width: 100%; padding-top: 274px; } .s-contacts { padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 1600px) { .s-partners .sp-items .sp-itm .spi-right .spi-descr { top: -11px; } .s-partners .sp-items .sp-itm .spi-right .spi-hdr { top: -7px; } .s-company .mn_fl_txt .desc .txt .t.t03 { left: -81px; } .s-next-project { padding-top: 200px; } .s-next-project .snp-top .snp-t-hdr { font-size: 52px; line-height: 100%; } .s-photos.padding-btm { padding-bottom: 200px; } .s-partners .sp-top { padding-left: 19px; } .s-partners .sp-top .spt-hdr, .s-partners .sp-top .spt-year { font-size: 42px; line-height: 42px; } .s-partners .sp-top .spt-year { padding-left: 10px; padding-right: 0px; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-descr { font-size: 24px; line-height: 34px; } .s-partners .sp-items .sp-itm.spi-no-img { padding-left: 19px; } .s-photos { padding-top: 200px; } @keyframes line-run { 0% { transform: translateX(0px); } 100% { transform: translateX(-4447.17px); } } .s-run-line .srl-line span { font-size: 130px; line-height: 116%; } .s-run-line { height: 210px; } .s-second-detail .ssd-items .ssd-left { padding-left: 19px; } .s-second-detail .ssd-top .ssd-hdr { font-size: 100px; line-height: 86%; margin-bottom: 100px; } .s-partners .sp-items .sp-itm { padding-left: 19px; } .s-partners .sp-items .sp-itm .spi-right .spi-descr { font-size: 16px; line-height: 24px; max-width: 300px; } .s-partners .sp-items .sp-itm .spi-right .spi-hdr { width: calc(40% - 150px); font-size: 24px; line-height: 34px; } .s-partners .sp-items .sp-itm .spi-right .spi-logo { width: calc(60% - 150px); } .s-simple-text { padding-top: 200px; padding-bottom: 120px; } .burger-menu .bm-menu ul li a { font-size: 40px; line-height: 44px; } .sp-projects .spp-top { padding-top: 120px; } .sp-projects .spp-top .spp-t-hdr { margin-bottom: 30px; } .s-contacts .sc-top { padding-top: 120px; } .second-page-hdr { font-size: 140px; line-height: 160px; } .sp-projects .sg_gallery .rows_all { margin-bottom: 310px; } } @media only screen and (max-width: 1450px) { .sp-projects .sg_gallery .sgg-btn-wrap .sgg-btn { font-size: 22px; line-height: 28px; } .sp-projects .spp-search-wrap .spp-search input { padding-top: 30px; padding-bottom: 30px; font-size: 24px; line-height: 24px; } .sp-projects .spp-search-wrap .spp-select .selectric .selectric-label { font-size: 24px; line-height: 24px; } .sp-projects .spp-top { margin-bottom: 80px; } .sp-projects .spp-search-wrap { margin-bottom: 140px; } .sp-projects .sg_gallery .rows_all .rows.rows02 { margin-top: 200px; } .s-company .mn_fl_txt .desc .txt .t.t03 { left: -73px; } .s-second-detail .ssd-top .ssd-descr { margin-bottom: 50px; } .s-next-project { padding-top: 150px; } .s-next-project .snp-top .snp-t-hdr { font-size: 42px; } .s-next-project .snp-top .snp-t-all { top: -5px; } .s-photos.padding-btm { padding-bottom: 150px; } .s-photos { padding-top: 150px; } .s-second-detail .ssd-items .ssd-left .ssd-l-descr { font-size: 24px; line-height: 30px; margin-bottom: 30px; } .s-second-detail .ssd-top .ssd-hdr { font-size: 80px; } .s-second-detail { padding-top: 150px; padding-bottom: 130px; } .s-simple-text .sst-hdr { margin-bottom: 60px; } .s-simple-text .sst-descr { font-size: 16px; line-height: 24px; max-width: 540px; margin-bottom: 60px; } .burger-menu .bm-top .bmt-logo { max-width: 130px; } .header .hd-burger { top: 23px; } .header .logo { max-width: 130px; } .second-page-hdr { font-size: 110px; line-height: 130px; } .sp-projects .sg_gallery .rows_all { margin-bottom: 137px; } .sp-projects .spp-top .spp-t-descr { font-size: 18px; line-height: 24px; } } @media only screen and (max-width: 1280px) { .s-partners .sp-items .sp-itm .spi-right .spi-descr { top: -10px; } .s-partners .sp-items .sp-itm .spi-right .spi-hdr { top: -6px; } .sp-projects .sg_gallery .rows_all .rows.rows02 { margin-top: 150px; } .s-company .mn_fl_txt .desc .txt .t.t03 { left: -65px; } .s-second-detail .ssd-top .ssd-hdr.small-margin { margin-bottom: 50px; } .s-partners .sp-top { flex-wrap: wrap; } .s-partners .sp-top .spt-hdr, .s-partners .sp-top .spt-year { font-size: 36px; line-height: 36px; } .s-partners .sp-top .spt-hdr { width: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 18px; font-size: 32px; line-height: 100%; } .s-partners .sp-top .spt-year { width: 100%; padding-right: 0px; padding-left: 0px; } .s-partners .sp-top { margin-bottom: 40px; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-descr { font-size: 21px; line-height: 28px; max-width: 100%; width: calc(50% - 100px); } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-hdr { max-width: 100%; width: calc(50% - 100px); } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-logo { max-width: 200px; width: 100%; } @keyframes line-run { 0% { transform: translateX(0px); } 100% { transform: translateX(-3420.91px); } } .s-run-line .srl-line span { font-size: 100px; line-height: 116%; } .s-run-line { height: 175px; } .s-second-detail .ssd-top .ssd-hdr { font-size: 60px; margin-bottom: 50px; } .s-second-detail .ssd-top { margin-bottom: 80px; } .s-second-detail { padding-top: 100px; padding-bottom: 100px; } .s-partners .sp-items .sp-itm .spi-right .spi-descr { font-size: 14px; line-height: 21px; max-width: 250px; } .s-partners .sp-items .sp-itm .spi-right .spi-hdr { width: calc(50% - 125px); } .s-partners .sp-items .sp-itm .spi-right .spi-logo { width: calc(50% - 125px); } .s-partners .sp-items .sp-itm .spi-right .spi-hdr { font-size: 21px; line-height: 28px; } .sp-projects .sg_gallery .rows_all { margin-bottom: 38px; } } /* Medium Devices, Desktops */ @media only screen and (max-width: 1200px) { .burger-menu .bm-menu ul li a { font-size: 36px; line-height: 40px; } .burger-menu .bm-menu ul li { margin-bottom: 20px; } .second-page-hdr { letter-spacing: normal; font-size: 80px; line-height: 100px; } .s-contacts .sc-map .scm-dt.dt-5 { top: 86.3%; } .s-contacts .sc-map .scm-dt.dt-2 { top: 64.4%; } .s-contacts .sc-map .scm-dt.dt-1 { top: 72.4%; } .s-contacts .sc-map .scm-dt.dt-3 { top: 68%; } .s-contacts .sc-map .scm-dt.dt-4 { top: 73.8%; } .s-contacts .sc-map .scm-dt.dt-6 { top: 77.8%; } } @media only screen and (max-width: 1024px) { /**/ } @media only screen and (max-width: 1000px) { .sp-projects .spp-top .spp-t-descr { position: relative; left: -18px; } .sp-projects .sg_gallery .rows_all .rows.rows02 { margin-top: 125px; } .s-company .mn_fl_txt .desc .txt .t.t03 { left: -58px; } .s-next-project .snp-top .snp-t-hdr { font-size: 32px; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-logo img { max-width: 100%; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-logo { position: relative; top: 0; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right { padding-left: 0px; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-hdr { padding-left: 15px; padding-right: 15px; } .s-partners .sp-items .sp-itm.spi-no-img { min-height: 144px; } .s-photos .sp-slider .swiper-wrapper .swiper-slide .sp-img { max-width: 500px; } .s-photos .sp-slider .swiper-wrapper .swiper-slide .sp-img img { max-height: 500px; } .s-second-detail .ssd-items { flex-wrap: wrap; } .s-second-detail .ssd-items .ssd-left { width: 100%; border-bottom: 1px solid #000; padding-left: 21px; padding-right: 21px; padding-top: 40px; padding-bottom: 40px; } .s-second-detail .ssd-items .ssd-left br { display: none; } .s-second-detail .ssd-items .ssd-left .ssd-l-descr { max-width: 100%; } .s-second-detail .ssd-items { margin-bottom: 20px; } .s-second-detail .ssd-items .ssd-right { border-top: 0px solid #000; width: 100%; padding-left: 21px; padding-right: 21px; padding-top: 40px; padding-bottom: 40px; } .s-partners .sp-items .sp-itm { flex-wrap: wrap; } .s-partners .sp-items .sp-itm .spi-img { margin-left: auto; margin-right: auto; margin-bottom: 40px; } .s-partners .sp-items .sp-itm .spi-right { width: 100%; position: relative; padding-left: 119px; } .s-partners .sp-items .sp-itm .spi-right .spi-logo { padding-left: 0px; padding-right: 0px; position: absolute; left: 0; top: 10px; width: auto; } .s-partners .sp-items .sp-itm .spi-right .spi-logo img { max-width: 80px; } .s-partners .sp-items .sp-itm .spi-right .spi-hdr { width: 50%; padding-left: 0px; padding-right: 0px; } .s-partners .sp-items .sp-itm .spi-right .spi-descr { width: 50%; max-width: 100%; } .s-simple-text { padding-top: 151px; padding-bottom: 71px; } .s-simple-text .sst-descr { font-size: 14px; line-height: 21px; max-width: 400px; } .second-page-hdr { font-size: 60px; line-height: 80px; } .s-contacts .sc-top { padding-top: 120px; } .sp-projects .spp-top { padding-top: 120px; } .sp-projects .spp-top .spp-t-hdr { margin-bottom: 15px; } .sp-projects .spp-top .spp-t-descr { font-size: 16px; line-height: 21px; } .sp-projects .sg_gallery .rows_all { margin-bottom: 125px; } } /* Small Devices, Tablets */ @media only screen and (max-width: 850px) { .sp-projects .sg_gallery .rows_all .rows.rows02 { margin-top: 100px; } .sp-projects .sg_gallery .rows_all { margin-bottom: 100px; } .s-company .mn_fl_txt .desc .txt .t.t03 { left: -50px; } } @media only screen and (max-width: 770px) { .sp-projects .sg_gallery .sgg-btn-wrap .sgg-btn { font-size: 12px; line-height: 16px; } .sp-projects .sg_gallery .sgg-btn-wrap .sgg-btn span { margin-left: 7px; } .sp-projects .sg_gallery .rows_all:nth-last-child(2) { margin-bottom: 114px; } .sp-projects .sg_gallery .sgg-btn-wrap { padding-bottom: 25px; } .sp-projects .spp-search-wrap .container { flex-wrap: wrap; } .sp-projects .spp-search-wrap .spp-search { width: 100%; margin-right: 0px; margin-bottom: 30px; } .sp-projects .spp-search-wrap .spp-select { width: 100%; } .sp-projects .spp-search-wrap .spp-select .selectric-wrapper { height: 65px; } .sp-projects .spp-search-wrap .spp-search input { font-size: 18px; line-height: 18px; padding-top: 21px; padding-bottom: 21px; padding-left: 36px; padding-right: 60px; } .sp-projects .spp-search-wrap .spp-search .spp-btn { right: 21px; } .sp-projects .spp-search-wrap .spp-select .selectric .selectric-label { font-size: 18px; line-height: 18px; padding-left: 36px; } .sp-projects .spp-search-wrap .spp-select .selectric .selectric-button { right: 13px; margin-top: -24px; } .sp-projects .spp-search-wrap { margin-bottom: 116px; } .s-partners .sp-items .sp-itm .spi-right .spi-descr { top: 0px; } .s-partners .sp-items .sp-itm .spi-right .spi-hdr { top: 0px; } .s-second-detail.ssd-only-logo { padding-bottom: 100px; } .sg_gallery .rows .desc a .t { margin-top: 10px; } .sp-projects .sg_gallery .rows_all .rows.rows02 { margin-top: 75px; } .s-company .mn_fl_txt .desc .txt .t.t03 { left: -46px; } .s-second-detail .ssd-top .ssd-descr { font-size: 14px; line-height: 19px; margin-bottom: 30px; } .s-second-detail .ssd-top .ssd-descr br { display: none; } .s-next-project { padding-top: 95px; } .s-next-project .snp-top .snp-t-hdr { font-size: 22px; line-height: 29px; margin-bottom: 10px; padding-right: 15px; } .s-next-project .snp-top .snp-t-all { top: 0; font-size: 12px; line-height: 15px; margin-bottom: 10px; } .s-next-project .snp-top .snp-t-next { font-size: 12px; line-height: 15px; margin-bottom: 48px; } .s-next-project .snp-top .container { border-top: 0px solid #000; padding-top: 0px; padding-bottom: 14px; align-items: center; } .hover-arr { display: none; } .hover-arrows .swiper-button-next, .hover-arrows .swiper-button-prev { display: none; } .hover-arrows { cursor: default; } .s-photos.padding-btm { padding-bottom: 94px; } .s-partners .sp-top .spt-hdr { font-size: 22px; line-height: 29px; } .s-partners .sp-top .spt-year { font-size: 45px; line-height: 62px; } .s-partners .sp-top .spt-year span { margin-top: -17px; } .s-partners .sp-top { margin-bottom: 24px; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-logo { position: absolute; left: 0; top: 0px; max-width: 80px; } .s-partners .sp-items .sp-itm.spi-no-img { padding-top: 15px; padding-bottom: 15px; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right { padding-left: 119px; display: block; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-hdr { padding-left: 0px; padding-right: 0px; width: 100%; font-size: 20px; line-height: 38px; margin-bottom: 17px; } .s-partners .sp-items .sp-itm.spi-no-img .spi-right .spi-descr { width: 100%; font-size: 12px; line-height: 15px; } .s-photos { padding-top: 40px; } .s-photos .sp-slider .swiper-wrapper .swiper-slide .sp-img { max-width: 290px; } @keyframes line-run { 0% { transform: translateX(0px); } 100% { transform: translateX(-1710.45px); } } .s-run-line .srl-line span { font-size: 50px; line-height: 59px; } .s-run-line { height: 76px; } .s-run-line .srl-line { padding-top: 7.5px; padding-bottom: 7.5px; } .s-second-detail .ssd-top .ssd-hdr { font-size: 45px; line-height: 52px; letter-spacing: -0.03em; } .s-second-detail .ssd-items .ssd-left .ssd-l-descr { font-size: 12px; line-height: 15px; } .s-second-detail .ssd-items .ssd-right ul li { font-size: 12px; line-height: 15px; } .s-second-detail .ssd-top .ssd-hdr { margin-bottom: 106px; } .s-second-detail .ssd-top { margin-bottom: 53px; } .s-second-detail .ssd-items .ssd-left .ssd-l-descr { margin-bottom: 15px; } .s-second-detail .ssd-items .ssd-left { padding-bottom: 54px; } .s-simple-text .sst-hdr { margin-bottom: 36px; } .s-simple-text .sst-descr { font-size: 12px; line-height: 15px; } .s-simple-text .sst-scroll-wrap { display: none; } .s-simple-text .sst-descr { max-width: 251px; } .burger-menu .bm-menu ul li a { font-size: 30px; line-height: 40px; } .burger-menu .bm-menu ul li { margin-bottom: 10px; } .burger-menu .bm-menu ul li a .i { left: -7px; } .burger-menu .bm-close { width: 30px; height: 30px; top: 15px; } .burger-menu .bm-close::before, .burger-menu .bm-close::after { background-size: contain; } .header .hd-burger { top: 26px; } .header { padding-top: 15px; } .burger-menu .bm-top { padding-top: 15px; } .sp-projects .sg_gallery .rows_all { margin-bottom: 75px; } .sp-projects .spp-top { padding-top: 90px; } .sp-projects .spp-top .spp-t-descr { font-size: 12px; line-height: 16px; } .s-contacts .sc-top { padding-top: 90px; } .s-contacts .sc-map .scm-dt.dt-1 { top: 69%; } .s-contacts .sc-map .scm-dt.dt-2 { top: 61.4%; } .s-contacts .sc-map .scm-dt.dt-3 { top: 65%; } .s-contacts .sc-map .scm-dt.dt-4 { top: 70.8%; } .s-contacts .sc-map .scm-dt.dt-5 { top: 83.3%; } .s-contacts .sc-map .scm-dt.dt-6 { top: 74.8%; } .second-page-hdr { font-size: 40px; line-height: 50px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 600px) { .s-partners .sp-items .sp-itm .spi-right .spi-hdr { width: 100%; font-size: 20px; line-height: 38px; margin-bottom: 17px; } .s-partners .sp-items .sp-itm .spi-right { flex-wrap: wrap; } .s-partners .sp-items .sp-itm .spi-img { margin-bottom: 20px; } .s-partners .sp-items .sp-itm .spi-right .spi-descr { width: 100%; font-size: 12px; line-height: 15px; max-width: 216px; } .s-partners .sp-items .sp-itm { padding-top: 21px; padding-bottom: 21px; } .second-page-hdr .split { display: block; } .s-simple-text { text-align: left; } .s-simple-text .second-page-hdr { font-size: 48px; line-height: 56px; } } @media only screen and (max-width: 480px) { .s-contacts { padding-top: 150px; padding-bottom: 20px; } .s-contacts .sc-map .scm-dt .scm-dt-icn { width: 16px; } .s-contacts .sc-map .scm-dt { height: 19px; } .s-contacts .sc-map .scm-dt.active .scm-dt-icn { width: 24px; } .s-contacts .sc-map .scm-dt.dt-2 { top: 67.4%; left: 1.9%; } .s-contacts .sc-map .scm-dt.dt-3 { top: 68%; } .s-contacts .sc-map .scm-dt.dt-1 { top: 73%; } .s-contacts .sc-map .scm-dt.dt-4 { top: 75.5%; } .s-contacts .sc-map .scm-dt.dt-5 { top: 86.3%; left: 9%; } .s-contacts .sc-map .scm-dt.dt-6 { top: 78.8%; left: 25.4%; } .s-contacts .sc-top { display: none; } .s-contacts .sc-map .scm-dt .scm-dt-txt .scm-dt-t-hdr { font-size: 12px; line-height: 15px; } .s-contacts .sc-map .scm-dt .scm-dt-txt .scm-dt-t-descr { font-size: 12px; line-height: 15px; } .s-contacts .sc-map .scm-dt .scm-dt-txt { padding-bottom: 30px; padding-top: 24px; } .s-contacts .sc-map .scm-dt .scm-dt-txt .scm-dt-t-hdr { margin-bottom: 29px; } .s-contacts .sc-map .scm-dt .scm-dt-txt .scm-dt-t-descr { margin-bottom: 15px; } .s-contacts .sc-map .scm-dt .scm-dt-txt { left: 0; } .header .logo { max-width: 108px; } .burger-menu .bm-top .bmt-logo { max-width: 108px; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 360px) { .s-second-detail .ssd-top .ssd-hdr { font-size: 35px; line-height: 45px; } } footer { position: relative; top: 0; bottom: auto; left: 0; right: 0; margin: 0; z-index: 1; height: auto; margin: 120px auto 0; height: 225px; width: 100%; background: url(/css/../img/footer_no_txt.svg) no-repeat 50% 50%/cover; z-index: 20; } @media (max-width: 1600px) { footer { margin: 220px 0 0; } } @media (max-width: 1450px) { footer { margin-top: 190px; } } @media (max-width: 1280px) { footer { margin-top: 150px; } } @media (max-width: 1000px) { footer { margin-top: 125px; height: 200px; } } @media (max-width: 850px) { footer { margin-top: 100px; height: 180px; } } @media (max-width: 770px) { footer { margin-top: 75px; height: 110px; } } footer .container, footer .rows_ft { height: 100%; } footer .copyrigt { text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } footer .copyrigt p { background: #fff; color: #000; font: 300 12px/12px "Nunito Sans"; text-transform: uppercase; border-radius: 35px; padding: 20px 15px; margin: 15px 0 0; } @media (max-width: 770px) { footer .copyrigt p { margin-top: 8px; font: 300 11px/11px "Nunito Sans"; } } /* End */ /* /css/lib.css?176181945192030 */ /* /css/main.css?176181945180294 */ /* /css/other.css?176181945145090 */