body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } [class*="col-"], .col { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } ._no-padding { padding-left: 0; padding-right: 0; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; position: relative; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-auto-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; width: auto; } @media (max-width: 767px) { .col-auto-grow { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .col-2 { -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; max-width: 16.66%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -ms-flex: 0 0 41.66%; flex: 0 0 41.66%; max-width: 41.66%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.33%; flex: 0 0 58.33%; max-width: 58.33%; } .col-8 { -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 66.66%; } .col-10 { -ms-flex: 0 0 83.33%; flex: 0 0 83.33%; max-width: 83.33%; } @media (min-width: 768px) { .col-sm-2 { -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; max-width: 16.66%; } } @media (min-width: 768px) { .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } @media (min-width: 768px) { .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1024px) { .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } @media (min-width: 1024px) { .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1024px) { .col-md-8 { -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 66.66%; } } @media (min-width: 1024px) { .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .col-lg-4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (min-width: 1200px) { .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .container { width: 100%; position: relative; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } @media (max-width: 767px) { .container { width: 100%; max-width: 100%; } } @media (min-width: 768px) { .container { width: 750px; max-width: 100%; } } @media (min-width: 1024px) { .container { width: 840px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } body, html, input[type="text"], input[type="email"], input[type="tel"], select, textarea { width: 100%; } *, .slick-list, h1, h2, h3, h4, h5, h6, p, ul { margin: 0; } *, .slick-list, button, ul { padding: 0; } [role="button"], input[type="submit"] { cursor: pointer; } .fp-controlArrow, .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; } .slick-dots li, li, ol, ul { list-style: none; } .fp-enabled body, .slick-slider, body, html.fp-enabled { -webkit-tap-highlight-color: transparent; } .ch_block label a, a, a:focus, a:hover { text-decoration: none; } .focus_field__label, .header, .header_main_frame, .image_side_img, .slick-slide.dragging img, input[disabled], textarea[disabled] { pointer-events: none; } html { -webkit-overflow-scrolling: touch; } *, :after, :before { box-sizing: border-box; } :-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder { color: #131313; opacity: 1; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; box-sizing: border-box; } button, img { border: none; outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } ._centered { text-align: center; } body { position: relative; min-width: 320px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility; font-smooth: always; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } body :focus { outline: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 400; } table { border-collapse: collapse; border-spacing: 0; } a { outline: 0; } button { background: 0 0; } p { font-size: inherit; line-height: inherit; } :-moz-submit-invalid, :-moz-ui-invalid, :invalid { box-shadow: none; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; margin: 0; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /*input[type="radio"],*/ input[type="checkbox"] { width: 1.4rem; height: 1.4rem; } input[type="text"].-sm { width: 90px; } textarea { resize: none; overflow: hidden; } input, select, textarea { -moz-appearance: none; appearance: none; -webkit-appearance: none; box-sizing: border-box; outline: 0; border-radius: 0; border: none; } input.error { color: red !important; } input.error::-webkit-input-placeholder { color: red !important; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } input.error::-moz-placeholder { color: red !important; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } input.error:-moz-placeholder { color: red !important; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } input.error:-ms-input-placeholder { color: red !important; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .clearfix { zoom: 1; } .hidden { display: none; } .slick-list, .slick-slider, .slick-track { position: relative; display: block; } @-ms-viewport { width: device-width; } i { font-style: italic; } .slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; } .selectric .label, .selectric-disabled { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .slick-list { overflow: hidden; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0, 0, 0); } .slick-track { top: 0; left: 0; margin-left: auto; margin-right: auto; } .slick-track:after, .slick-track:before { display: table; content: ""; } .slick-track:after { clear: both; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-initialized .slick-slide { display: block; outline: 0; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ .slick-next, .slick-prev { width: 55px; height: 55px; background-color: #fff; border: 1px solid #e0b453; z-index: 2; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; font-size: 0; } .slick-next:before, .slick-prev:before { content: ""; display: block; width: 13px; height: 13px; border-top: 2px solid #141414; position: absolute; top: 50%; left: 50%; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .slick-next:hover, .slick-prev:hover { background: #e0b453; } .slick-next:hover:before, .slick-prev:hover:before { border-color: #fff; } .slick-prev { left: 0; } .slick-prev:before { border-left: 2px solid #141414; -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); margin-left: 3px; } .slick-next { right: 0; } .slick-next:before { border-right: 2px solid #141414; -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); margin-left: -3px; } .slick-dots { width: 100%; position: absolute; left: 0; bottom: -35px; text-align: center; } .slick-dots li { display: inline-block; vertical-align: bottom; margin-right: 12px; } .slick-dots li button { display: block; font-size: 0; width: 24px; height: 3px; background-color: #dbdbdb; opacity: 1; } .slick-dots li:last-child { margin-right: 0; } .slick-dots li.slick-active button { background-color: #e0b453; } .slick-vertical .slick-track { height: auto !important; } .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-wrapper.scroll--rtl { direction: rtl; } .scroll-element { box-sizing: content-box; display: none; } .scroll-element div { box-sizing: content-box; } .scroll-element .scroll-arrow, .scroll-element .scroll-bar { cursor: default; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-textarea { border: 1px solid #ccc; border-top-color: #999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: 0; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track { border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_track { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar, .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #fff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eee; } .scrollbar-outer > .scroll-element .scroll-bar, .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track { border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: 0 0; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6c6e71; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border-radius: 7px; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0; height: 0; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 0; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #fff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%); border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%); border: 1px solid #dbdbdb; border-radius: 10px; } .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #fff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: 0 0; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #ccc; opacity: 0; border-radius: 12px; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; border-radius: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar { height: 100%; width: 100%; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer { min-width: 7px; width: 20px; } .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #fff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { 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 { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 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; } .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; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .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; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .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; 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; 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; 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; } .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; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .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 { 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; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { 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 { 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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .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_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(../themes/escape/assets/css/mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-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-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { 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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .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; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-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-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .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; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .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, .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 { width: 16px; height: 16px; margin: -1px 0; } .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, .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 { width: 4px; } .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, .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 { height: 16px; width: 16px; margin: 0 -1px; } .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, .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 { height: 4px; 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; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.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-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.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; } .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; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.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%); } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { border-radius: 16px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.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-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.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; } .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; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.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-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.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-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; 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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .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; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .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, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.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; } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .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, .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 { width: 12px; } .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, .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 { 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; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.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); } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .selectric .button, .selectric .label { display: block; } .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #ddd; border-radius: 0; position: relative; overflow: hidden; } .selectric .label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-disabled, .selectric-items .disabled { filter: alpha(opacity=50); } .selectric .button { position: absolute; right: 0; top: 0; width: 38px; color: #bbb; text-align: center; height: 100%; font-size: 0; } .selectric .button:before { content: ""; display: block; width: 7px; height: 7px; border-bottom: 1px solid #b7b6b6; border-right: 1px solid #b7b6b6; position: absolute; top: 50%; left: 5px; -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .selectric-open .selectric .button:before { -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); } .selectric-focus .selectric { border-color: #aaa; } .selectric-hover .selectric, .selectric-open .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-open { z-index: 6; } .selectric-open .selectric-items { display: block; } .selectric-disabled { opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-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: 0 !important; border: none !important; background: 0 0 !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #f8f8f8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } #fp-nav ul li .fp-tooltip, .fp-scrollable, .fp-scroller, .fp-slides, section { overflow: hidden; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items li, .selectric-items ul { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.highlighted, .selectric-items li.selected, .selectric-items li:hover { color: #0099da; } .selectric-items .disabled { opacity: 0.5; cursor: default !important; background: 0 0 !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: 700; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /*! * fullPage 2.9.7 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */ .fp-enabled body, html.fp-enabled { margin: 0; padding: 0; overflow: hidden; } .fp-section { position: relative; box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; position: relative; transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; transform: translate3d(0, 0, 0); } #fp-nav, .fp-slidesNav { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { position: relative; } .iScrollIndicator { border: 0 !important; } .fp-notransition { transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav { position: absolute; z-index: 4; -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 !important; right: 0; margin: 0 auto !important; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0 0 -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; display: block; opacity: 0; width: 0; cursor: pointer; } .fe_wrapper, .form_element { position: relative; } .form-popup { max-width: 750px; margin: 0 auto; background-color: #fff; padding: 30px; } @media (min-width: 576px) { .main_btn + .main_btn { margin-left: 15px; } } @media (max-width: 575px) { .section-faq .main_btn { display: block; width: 280px; margin: 15px auto; } } .logo-clients { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .logo-clients-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; /*height: 200px;*/ padding: 20px; display: -ms-flexbox; display: flex; /*flex-direction: column;*/ -ms-flex-pack: center; justify-content: center; text-align: center; } @media screen and (min-width: 480px) { .logo-clients-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 15px; } } @media screen and (min-width: 768px) { .logo-clients-item { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 15px; } } @media screen and (min-width: 1024px) { .logo-clients-item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 20px; } } .logo-clients-item img { max-width: 100%; display: inline-block; } a, h1, h2, h3, h4 { color: inherit; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { transition: opacity 0.2s ease-in; width: auto; opacity: 1; } .transition, input, textarea { -webkit-transition: all 0.3s ease-in-out; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section { height: auto !important; } @font-face { font-family: Arame; font-display: swap; src: url(../themes/escape/assets/css/Arame-Bold/Arame-Bold.woff) format("woff"), url(../themes/escape/assets/css/Arame-Bold/Arame-Bold.woff2) format("woff2"), url(../themes/escape/assets/css/Arame-Bold/Arame-Bold.otf) format("otf"), url(../themes/escape/assets/css/Arame-Bold/Arame-Bold.ttf) format("ttf"), url(../themes/escape/assets/css/Arame-Bold/Arame-Bold.eot) format("eot"); } @font-face { font-family: BlenderPro; font-display: swap; src: url(../themes/escape/assets/css/BlenderPro-Book/BlenderPro-Book.woff) format("woff"), url(../themes/escape/assets/css/BlenderPro-Book/BlenderPro-Book.woff2) format("woff2"), url(../themes/escape/assets/css/BlenderPro-Book/BlenderPro-Book.otf) format("otf"), url(../themes/escape/assets/css/BlenderPro-Book/BlenderPro-Book.ttf) format("ttf"), url(../themes/escape/assets/css/BlenderPro-Book/BlenderPro-Book.eot) format("eot"); } @font-face { font-family: BlenderPro b; font-display: swap; src: url(../themes/escape/assets/css/BlenderPro-Bold/BlenderPro-Bold.woff) format("woff"), url(../themes/escape/assets/css/BlenderPro-Bold/BlenderPro-Bold.woff2) format("woff2"), url(../themes/escape/assets/css/BlenderPro-Bold/BlenderPro-Bold.otf) format("otf"), url(../themes/escape/assets/css/BlenderPro-Bold/BlenderPro-Bold.ttf) format("ttf"), url(../themes/escape/assets/css/BlenderPro-Bold/BlenderPro-Bold.eot) format("eot"); } html { height: 100%; max-height: 100%; font-size: 10px; } body { font-family: BlenderPro; font-size: 1.6rem; color: #21282f; font-weight: 400; line-height: 1.45; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } .form_bottom_controls { display: -ms-flexbox; } footer { -ms-flex: 0 0 auto; flex: 0 0 auto; } .content { -ms-flex: 1 0 auto; flex: 1 0 auto; } .content.dark_content { background-color: #000; } ::-moz-selection { background: #000; color: #fff; } ::selection { background: #000; color: #fff; } input:required { box-shadow: none; } h1, h2, h3, h4 { font: inherit; text-transform: inherit; } b, strong { font-family: BlenderPro b; font-weight: 700; } a { font-size: inherit; } .compensate-for-scrollbar { padding-right: 17px; } @media screen and (max-width: 991px) { .compensate-for-scrollbar { padding-right: 0; } } .transition { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .fixed { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .slick-slide { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } input[type="text"], input[type="email"], textarea { font-family: inherit; width: 100%; height: 5rem; background-color: #fff; border-radius: 3px; border: 1px solid #c0c0c0; color: rgba(33, 40, 47, 0.53); font-size: 1.8rem; transition: all 0.3s ease-in-out; padding: 8px 15px; caret-color: #e0b453; } select { font-family: inherit; width: 100%; height: 5rem; background-color: #fff; border: 1px solid #c0c0c0; border-radius: 3px; color: rgba(33, 40, 47, 0.53); font-size: 1.8rem; transition: all 0.3s ease-in-out; padding: 8px 15px; background-image: url(../themes/escape/assets/images/angle-down-dark.svg); background-position: 99% 50%; background-size: 15px auto; background-repeat: no-repeat; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #85898d !important; } input::-moz-placeholder, textarea::-moz-placeholder { color: #85898d !important; } input:-moz-placeholder, textarea:-moz-placeholder { color: #85898d !important; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #85898d !important; } input:focus, textarea:focus { border: 1px solid #e0b453; color: #21282f; background: #fff; } input:focus + .fe_img svg path, textarea:focus + .fe_img svg path { fill: #e0b453 !important; } input.error, textarea.error { border-color: red; } input.error + .fe_img svg path, textarea.error + .fe_img svg path { fill: red !important; } input[disabled], textarea[disabled] { color: #999; background-color: #fafafa; border-color: #e5e5e5; } input[disabled] ~ .focus_field__label, textarea[disabled] ~ .focus_field__label { opacity: 0.75; color: #a1a1a1; } textarea { width: 100%; min-height: 7.5rem; padding: 1.5rem 2.5rem; } .form_element { margin-bottom: 1rem; width: 100%; } .fe_wrapper input, .fe_wrapper textarea { padding-left: 5.5rem; } .fe_wrapper.no_image_input input, .fe_wrapper.no_image_input textarea { padding-left: 1rem; } .fe_wrapper.textarea_wrapper .fe_img { top: 1rem; -ms-transform: none; transform: none; } .fe_img, .focus_field__label { -ms-transform: translateY(-50%); } .form_bottom_controls { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .form_elements { margin-left: -0.5rem; margin-right: -0.5rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form_elements .form_element { margin-left: 0.5rem; margin-right: 0.5rem; } .form_elements .form_element.tripple { width: calc(33.333% - 1rem); } .form_elements:not(:last-child) { padding-bottom: 1rem; } .mfv_checker.error, .mfv_checker.error label { color: red; } .fe_img { width: 5.5rem; position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .fe_img img, .fe_img svg { max-width: 1.3rem; max-height: 1rem; } .fe_img svg path { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; fill: #c8cdcf !important; } .rate_list ul li.filled svg path, .rate_list ul li.filled_half path.cls-2 { fill: #e0b453 !important; opacity: 1; } button { cursor: pointer; } .select_wrapper { width: 100%; } .select_wrapper.opened { z-index: 7; } .select_wrapper.opened .focus_field_corner { z-index: 6; } .select_wrapper .selectric-disabled ~ .focus_field__label { opacity: 0.75; color: #a1a1a1; } .select_wrapper .selectric-disabled .selectric { background-color: #fafafa; } .select_wrapper .selectric { height: auto; background-color: #f6f6f6; border: 1px solid #f6f6f6; border-radius: 2.5rem; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .select_wrapper .selectric .label { line-height: 5rem; color: rgba(33, 40, 47, 0.5); font-size: 1.8rem; margin-left: 2.5rem; } .select_wrapper .selectric .button:before { border-color: #e0b453; left: 50%; -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; margin-top: -1px; } .select_wrapper .selectric-open .selectric-items { opacity: 1; } .select_wrapper .selectric-open .selectric { border-color: #e0b453; } .select_wrapper .selectric-open .selectric .button:before { -ms-transform: translateX(-50%) translateY(-50%) rotate(-135deg); transform: translateX(-50%) translateY(-50%) rotate(-135deg); margin-top: 1px; } .select_wrapper .selectric-items { padding: 10px 0.9rem; background: #fff; border: none; color: rgba(0, 0, 0, 0.5); font-size: 1.4rem; font-weight: 400; border-radius: 2px; box-shadow: 0 7px 1.6rem rgba(0, 0, 0, 0.24); margin-top: 1px; opacity: 0; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .focus_field__label, .focus_field__label:before { -webkit-transition: all 0.3s ease-in-out; top: 50%; } .select_wrapper .selectric-items li { padding-right: 2rem; } .select_wrapper .selectric-items li.disabled { display: none !important; } .select_wrapper .selectric-items li:last-child { border-bottom: none; } .select_wrapper .selectric-items li:hover { color: #21282f; } .select_wrapper .selectric-items li.highlighted, .select_wrapper .selectric-items li.highlighted:hover, .select_wrapper .selectric-items li.selected, .select_wrapper .selectric-items li.selected:hover { color: #e0b453; } .select_wrapper .selectric-items .mCSB_inside > .mCSB_container { margin-right: 0; } .select_wrapper .selectric-items .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 0.7rem; background-color: #e0b453; border-radius: 0; } .select_wrapper .selectric-items .mCSB_scrollTools .mCSB_draggerRail { background: rgba(255, 255, 255, 0.17); } .select_wrapper.changed .focus_field__label:before { opacity: 1; } @media screen and (min-width: 992px) { .compensate-for-scrollbar .header, .order_open .header { right: 17px; } } .order_popup .fancybox-slide--html .fancybox-close-small { display: none; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #e0b453 !important; } .mCSB_scrollTools .mCSB_draggerRail { background: rgba(255, 255, 255, 0.17); } .focus_field { position: relative; width: 100%; } .focus_field__label { position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 1rem; font-size: 1.3rem; line-height: 1.4rem; font-weight: 400; color: #000; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; z-index: 1; } .focus_field__label:before { content: ""; display: block; width: 110%; height: 1px; background: #fff; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; opacity: 0; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .focus_field__line { position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 50%; background-color: #000; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .focus_field__element::-webkit-input-placeholder { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; color: rgba(255, 255, 255, 0); } .focus_field__element::-moz-placeholder { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; color: rgba(255, 255, 255, 0); } .focus_field__element:-moz-placeholder { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; color: rgba(255, 255, 255, 0); } .focus_field__element:-ms-input-placeholder { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; color: rgba(255, 255, 255, 0); } .focus_field__element.focused::-webkit-input-placeholder { color: #999 !important; } .focus_field__element.focused::-moz-placeholder { color: #999 !important; } .focus_field__element.focused:-moz-placeholder { color: #999 !important; } .focus_field__element.focused:-ms-input-placeholder { color: #999 !important; } .focus_field__element.focused ~ .focus_field__label { top: -0.7rem; font-size: 1rem; -ms-transform: none; transform: none; } .focus_field__element.focused ~ .focus_field__label:before { opacity: 1; } .focus_field__element.focused ~ .focus_field__line { height: 100%; opacity: 0; } .focus_field__element.error ~ .focus_field__line { background: red; } .focus_field__element.error::-webkit-input-placeholder { color: rgba(255, 255, 255, 0) !important; } .focus_field__element.error::-moz-placeholder { color: rgba(255, 255, 255, 0) !important; } .focus_field__element.error:-moz-placeholder { color: rgba(255, 255, 255, 0) !important; } .focus_field__element.error:-ms-input-placeholder { color: rgba(255, 255, 255, 0) !important; } .focus_field__element.error.focused::-webkit-input-placeholder { color: red !important; } .focus_field__element.error.focused::-moz-placeholder { color: red !important; } .focus_field__element.error.focused:-moz-placeholder { color: red !important; } .focus_field__element.error.focused:-ms-input-placeholder { color: red !important; } .focus_field__element.error ~ .focus_field__label { color: red; } .focus_field__element.error ~ .focus_field_corner:before { border-color: transparent red transparent transparent; } textarea[disabled] { background-color: #fafafa; } textarea[disabled] ~ .focus_field__label { opacity: 0.75; color: #a1a1a1; } textarea.focus_field__element ~ .focus_field__label { top: 1rem; -ms-transform: none; transform: none; } .focus_field_select { position: relative; width: 100%; } .focus_field_select .selectric-wrapper .selectric-items ul li:first-child { display: none !important; } .focus_field_select .focus_field__label { pointer-events: none; z-index: 6; } .select_wrapper.changed .focus_field__label { top: -7px; font-size: 1rem; -ms-transform: none; transform: none; } .modal_close { width: 2rem; height: 2rem; position: absolute; right: 1rem; top: 1rem; cursor: pointer; } .modal_close:after, .modal_close:before { content: ""; display: block; width: 2.5rem; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; } .clearfix:after, .simple_text p::after, .simple_text ul li:before { content: ""; } .modal_close:before { -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .modal_close:after { -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .modal_close img, .quantity_btn:before { -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .modal_close img { position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @media screen and (max-width: 430px) { .modal_close { right: 1rem; top: 1rem; width: 2rem; height: 2rem; background: rgba(153, 153, 153, 0.3); } } .hidden_trigger { float: right; display: none; width: 0.5rem; height: 3rem; border-top: 0.2rem solid #fff; border-bottom: 0.2rem solid #fff; margin-top: 2rem; margin-right: 1rem; position: relative; } .hidden_trigger:after, .hidden_trigger:before { content: ""; display: block; width: 100%; height: 0.2rem; background: #fff; position: absolute; left: 0; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .hidden_trigger:before { top: 50%; margin-top: -1px; } .hidden_trigger:after { bottom: 50%; margin-bottom: -0.2rem; } .hidden_trigger.open_menu { border-color: transparent; } .hidden_trigger.open_menu:after { -ms-transform: rotate(45deg); transform: rotate(45deg); height: 0.2rem; margin-bottom: -1px; } .hidden_trigger.open_menu:before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); height: 0.2rem; } .ch_block label .ch_block_icon, .scroll_down_mouse:before { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .o_fit, .o_fit_replaced { width: 100%; height: 100%; } .screen_content { width: 100%; max-width: 111rem; margin: 0 auto; position: relative; z-index: 1; } @media screen and (max-width: 1199px) { .screen_content { max-width: 97rem; } } @media screen and (max-width: 991px) { .screen_content { max-width: 75rem; } } .o_fit { object-fit: cover; } .clearfix:after { display: block; clear: both; } .rate_list ul { font-size: 0; } .rate_list ul li { display: inline-block; vertical-align: top; margin-right: 0.4rem; } .rate_list ul li:last-child { margin-right: 0; } .rate_list ul li img, .rate_list ul li svg { width: 1.1rem; height: 1.1rem; } .rate_list ul li svg .half_star, .rate_list ul li svg path.cls-2 { opacity: 0; } .ch_block input { display: none !important; } .ch_block input[type="radio"] ~ .ch_block_icon { border-radius: 50%; } .ch_block input:checked ~ .ch_block_icon { background: #e0b453; } .ch_block input:checked ~ .ch_block_icon img, .ch_block input:checked ~ .ch_block_icon svg { opacity: 1; } .ch_block input[type="radio"]:checked ~ .ch_block_icon { box-shadow: 0 0 0 3px #fff inset; background: #e0b453; } .ch_block label { display: block; cursor: pointer; position: relative; padding-left: 3rem; font-size: 1.8rem; color: rgba(33, 40, 47, 0.53); } .ch_block label a { color: #e0b453; } .simple_text h1, .simple_text h2, .simple_text h3, .simple_text h4, .simple_text h5, .simple_text h6 { color: #21282f; line-height: normal; text-transform: uppercase; } .breadcrumbs_list a:hover, .calendar_sign a, .nested_nav_link:hover span, .simple_text a { text-decoration: underline; } .ch_block label .ch_block_icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 1.6rem; height: 1.6rem; border: 0.1rem solid #e0b453; position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .ch_block label .ch_block_icon img { max-width: 1rem; max-height: 1rem; opacity: 0; } .ch_block label .ch_block_icon svg { width: 1rem; height: 1rem; opacity: 0; } .ch_block label .ch_block_icon svg * { fill: #fff; } .simple_text iframe, .simple_text img { max-width: 100%; height: auto; } .simple_text h1 { font-family: Arame; font-size: 5rem; } .simple_text h2 { font-family: Arame; font-size: 2.7rem; } .simple_text h3 { font-family: BlenderPro b; font-size: 2.8rem; } .simple_text h4 { font-family: Arame; font-size: 2.2rem; } .main_btn, .simple_text h5, .simple_text h6 { font-family: BlenderPro b; } .simple_text h5 { font-size: 2.4rem; } .simple_text h6 { font-size: 2.2rem; } .simple_text > :not(:last-child) { margin-bottom: 1.5rem; } .simple_text p::after { display: block; clear: both; } .simple_text .alignleft { margin-right: 1rem; margin-bottom: 5px; } .simple_text .alignright { float: right; margin-left: 1rem; margin-bottom: 0.5rem; } .simple_text a { color: #e0b453; font-weight: 400; } .simple_text a.disabled { color: #7e828c; } .simple_text b, .simple_text strong { font-weight: 700; color: #000; } .simple_text .alignleft { float: left; } .simple_text ul li { position: relative; padding-left: 1.2rem; margin-bottom: 0.5rem; } .simple_text ul li:last-child { margin-bottom: 0; } .simple_text ul li:before { display: block; width: 0.3rem; height: 0.3rem; background-color: #e0b453; position: absolute; left: 0; top: 0.9rem; } .simple_text ol { counter-reset: myCounter; } .simple_text ol li { position: relative; padding-left: 2.5rem; margin-bottom: 0.5rem; } .simple_text ol li:last-child { margin-bottom: 0; } .simple_text ol li:before { counter-increment: myCounter; content: counter(myCounter) "."; position: absolute; left: 0; top: 0; color: #e0b453; font-weight: 700; } .simple_text blockquote { background: rgba(126, 130, 140, 0.1); padding: 4rem 3rem; font-size: 1.6rem; font-style: italic; position: relative; z-index: 0; margin-top: 3rem; color: #21282f; } .simple_text blockquote > * { position: relative; z-index: 1; } .simple_text blockquote:after { content: ""; display: block; width: 4.2rem; height: 3rem; background: url(../themes/escape/assets/images/quote.png) center no-repeat; position: absolute; left: 4.4rem; top: -1.8rem; } .fixed_bg, .main_btn, .select_wrapper { position: relative; } .simple_text blockquote b, .simple_text blockquote strong { display: block; position: relative; text-align: right; margin-top: 2rem; } .simple_text blockquote b:before, .simple_text blockquote strong:before { content: ""; display: inline-block; width: 2rem; height: 1px; background-color: #21282f; margin-right: 1rem; vertical-align: middle; } .simple_text.larger { font-size: 1.8rem; } @media screen and (max-width: 1199px) { .simple_text.larger { font-size: inherit; } } .fixed_bg { background-attachment: fixed; -webkit-background-size: cover; background-position: 100% 0; background-size: cover; } .flex_between { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .flex_between.bottomed { -ms-flex-align: end; align-items: flex-end; } .flex_between.centered { -ms-flex-align: center; align-items: center; } .tab_content:not(.active), .tab_heading { display: none; } button.main_btn { display: block; } .main_btn_wrapper.centered { text-align: center; } .main_btn_wrapper.righted { text-align: right; } .main_btn { display: inline-block; padding: 1px; transition: all 0.2s; background-color: rgba(255, 255, 255, 0); border: 1px solid #e0b453; color: #fff; font-size: 2rem; text-transform: uppercase; letter-spacing: 1px; } .footer_col__title, .main_title, .rooms_block__title { font-family: Arame; text-transform: uppercase; } .main_btn:before { content: ""; display: block; width: calc(100% + 2px); height: calc(100% + 2px); background: #e0b453; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.48) 0, rgba(143, 78, 28, 0.48) 100%); position: absolute; left: -1px; top: -1px; transition: all 0.2s; opacity: 1; } .main_btn .main_btn_inner, .social_list { display: -ms-flexbox; } .scroll_down_mouse, .soc_link { -webkit-transition: all 0.3s ease-in-out; } .main_btn .main_btn_inner { display: -ms-flexbox; display: flex; text-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; height: 7.7rem; min-width: 25.5rem; position: relative; } .soc_link, .social_list { -webkit-box-align: center; } .main_btn:hover { box-shadow: 0 0.4rem 1.8rem rgba(172, 114, 40, 0.47); } .main_btn:active { color: #e0b453; } .main_btn:active:before { opacity: 0; } .main_btn.bordered { background: rgba(255, 255, 255, 0); border: 1px solid #e0b453; color: #e0b453; } .main_btn.bordered:before { background-color: #e1b53f; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.48) 0, rgba(143, 78, 28, 0.48) 100%); opacity: 0; } .main_btn.bordered:active { color: #fff; background: #e0b453; } .main_btn.bordered:active:before { opacity: 1; } .main_btn.small { font-size: 1.6rem; } .main_btn.small .main_btn_inner { min-width: 18.1rem; height: 5.1rem; } .main_title_wrapper { text-align: center; line-height: 1; padding-bottom: 2.5rem; position: relative; } .main_title_wrapper p { color: #4d4d4d; font-size: 1.9rem; } .main_title_wrapper:before { content: ""; display: block; width: 11.4rem; height: 0.3rem; background-color: #e0b453; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .main_title_wrapper:not(:last-child) { margin-bottom: 4rem; } .main_title_wrapper > :not(:last-child), .section_title_descr:not(:last-child) { margin-bottom: 3rem; } .main_title_wrapper.lefted { text-align: left; } .main_title_wrapper.lefted:before { left: 0; -ms-transform: none; transform: none; } .main_subtitle { color: rgba(33, 40, 47, 0.59); font-size: 2.2rem; text-transform: uppercase; } .main_title { color: #21282f; font-size: 5rem; } .fancybox-button--close { position: relative; } .fancybox-button--close:after, .fancybox-button--close:before { content: ""; display: block; width: 2rem; height: 0.1rem; background: rgba(255, 255, 255, 0.4); position: absolute; top: 50%; left: 50%; } .fancybox-button--close:before { -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .fancybox-button--close:after { -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .fancybox-button--close svg { opacity: 0; } .sticky { position: -webkit-sticky; position: sticky; top: 10rem; } @media screen and (max-width: 1599px) { .sticky { top: 8rem; } } @media screen and (max-width: 1209px) { .sticky { top: 6.5rem; } } @media screen and (max-width: 767px) { .sticky { position: relative; top: 0; } } .acc_hidden_panes, .c_acc_block_body:not(.active) { display: none; } .dark_bg, .dark_bg .simple_text b, .dark_bg .simple_text blockquote, .dark_bg .simple_text h1, .dark_bg .simple_text h2, .dark_bg .simple_text h3, .dark_bg .simple_text h4, .dark_bg .simple_text h5, .dark_bg .simple_text h5 strong, .dark_bg .simple_text h6, .dark_bg .simple_text strong { color: #fff; } .dark_bg input { color: #cbcccf; } .dark_bg input::-webkit-input-placeholder { color: #cbcccf; } .dark_bg input::-moz-placeholder { color: #cbcccf; } .dark_bg input:-moz-placeholder { color: #cbcccf; } .dark_bg input:-ms-input-placeholder { color: #cbcccf; } .dark_bg input.error { border-color: red; } .dark_bg input.error ~ .fe_img svg * { fill: red !important; } .dark_bg .main_btn.bordered, .dark_bg .main_subtitle, .dark_bg .main_title { color: #fff; } .dark_bg .main_btn.bordered:hover { color: #e0b453; } .dark_bg .main_btn.bordered:active { color: #fff; } .social_list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .logo, .soc_link { display: -ms-flexbox; } .social_list > :not(:last-child) { margin-right: 10px; } .soc_link { width: 3.8rem; height: 3.8rem; background-color: #e0b453; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .soc_link img { max-width: 2rem; max-height: 2rem; } .soc_link svg { height: 2rem; max-width: 2rem; } .soc_link svg * { fill: #fff; } .soc_link:hover { background: #21282f; } .logo { display: -ms-flexbox; display: flex; } .scroll_down_block { width: 2rem; height: 2rem; position: fixed; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; } .scroll_down_in { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%) translateY(-100%) rotate(-90deg); transform: translateX(-50%) translateY(-100%) rotate(-90deg); } .scroll_down_mouse { width: 3rem; height: 2rem; border-radius: 1rem; border: 1px solid #fff; position: relative; margin-right: 15px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-flex-negative: 0; flex-shrink: 0; } .quantity_btn, .scroll_down_mouse:before { display: block; position: absolute; top: 50%; } .scroll_down_mouse:before { content: ""; height: 0.2rem; width: 0.7rem; background: #fff; right: 0.2rem; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .scroll_down_text { display: inline-block; color: #fff; font-size: 1.6rem; padding-bottom: 0.3rem; border-bottom: 1px solid #e0b453; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .fullpage_wrapper section { min-height: 100vh; } .arrow_slider .slick-next { right: -16rem; } .arrow_slider .slick-prev { left: -16rem; } .arrow_slider .slick-next, .arrow_slider .slick-prev { border: none; background: rgba(255, 255, 255, 0); } .arrow_slider .slick-next svg *, .arrow_slider .slick-prev svg * { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; fill: #fff; } .arrow_slider .slick-next svg:hover *, .arrow_slider .slick-prev svg:hover *, .header.dark:not(.allways_white) .side_social_link svg * { fill: #e0b453; color: #e0b453; } .arrow_slider .slick-next:before, .arrow_slider .slick-prev:before { display: none; } .simple_section { padding: 20rem 1rem 6.5rem; } .simple_screen { padding: 7rem 1rem; } .section_table { height: 100vh; width: 100%; display: table; padding: 6rem 1rem; } .cection_cell { width: 100%; display: table-cell; vertical-align: middle; } .yellow { color: #e0b453 !important; } .titeled_select.on_dark_bg, .titeled_select.on_dark_bg .select_wrapper .selectric .label, .titeled_select.on_dark_bg .select_wrapper .selectric-items li { color: #fff; } .section_title_descr { text-align: center; font-size: 2.4rem; } .quantity_wrapper { width: 12.5rem; border: 0.1rem solid #e0b453; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .quantity_wrapper .quantity_input { width: 100%; height: 3.7rem; border: none; border-radius: 0; text-align: center; padding-left: 3.5rem; padding-right: 3.5rem; font-size: 1.8rem; } .quantity_wrapper.transparent_back .quantity_input { background: rgba(255, 255, 255, 0); color: #fff; } .quantity_btn { -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2.5rem; height: 2.5rem; background-color: rgba(225, 180, 63, 0.25); } .quantity_btn.plus:after, .quantity_btn:before { content: ""; display: block; background: #fff; position: absolute; top: 50%; } .quantity_btn:before { width: 0.5rem; height: 0.1rem; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .quantity_btn.plus { left: 0.5rem; } .quantity_btn.plus:after { height: 0.5rem; width: 0.1rem; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .header_main_frame, .side_frame_social > :not(:last-child):after { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .quantity_btn.minus { right: 0.5rem; } .titeled_select { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 1.6rem; width: 100%; } .titeled_select > :not(:last-child) { margin-right: 1.5rem; } .titeled_select .select_wrapper { max-width: 23.9rem; } .titeled_select .select_wrapper .selectric { border-radius: 0; } .titeled_select .select_wrapper .selectric .label { line-height: 3.9rem; margin-left: 1.5rem; } .titeled_select.on_dark_bg .select_wrapper .selectric { background-color: rgba(0, 0, 0, 0.48); border: none; } .titeled_select.on_dark_bg .select_wrapper .selectric-items { opacity: 1; background: rgba(0, 0, 0, 0.9); } .titeled_select.on_dark_bg .select_wrapper .selectric-items li.selected { color: #e0b453; } @media screen and (max-width: 1699px) { html { font-size: 9px; } .main_subtitle { font-size: 2rem; } .main_title { font-size: 3.5rem; } .main_title_wrapper > :not(:last-child) { margin-bottom: 1rem; } .main_title_wrapper { padding-bottom: 1rem; } .main_title_wrapper:not(:last-child) { margin-bottom: 3rem; } } @media screen and (max-width: 1199px) { .image_side_img { display: none; } .simple_section { padding-top: 15rem; } } @media screen and (max-width: 991px) { .fullpage_wrapper section { min-height: 1px; padding: 60px 10px; } .fullpage_wrapper section:first-child { padding-top: 14rem; } } @media screen and (max-width: 767px) { .simple_section { padding-top: 10rem; } } @media screen and (max-width: 600px) { .main_title { font-size: 2.5rem; } .fullpage_wrapper section:first-child { padding-top: 10rem; } } @media screen and (max-width: 420px) { .main_btn.small { font-size: 1.4rem; } .main_title_wrapper br { display: none; } .simple_text h6 { font-size: 1.8rem; } .simple_text h4, .simple_text h5 { font-size: 2rem; } .simple_text h3 { font-size: 2.6rem; } .simple_text h2 { font-size: 2.4rem; } .simple_text h1 { font-size: 3rem; } } .header { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; padding-top: 3rem; padding-bottom: 6.5rem; } .header.dark:not(.allways_white) .nested_nav_list { background-color: rgba(0, 0, 0, 0.7); } .header.dark:not(.allways_white) .side_social_link:hover svg * { fill: #fff; } .header.dark:not(.allways_white) .header_phone_list, .header.dark:not(.allways_white) .lang_select_wrapper, .header.dark:not(.allways_white) .nav_link, .header.dark:not(.allways_white) .top_cart_contacts { color: #21282f; } .header.dark:not(.allways_white) .nav_link:hover { color: #e0b453; } .header.dark:not(.allways_white) .lang_select_label:after, .header.dark:not(.allways_white) .nav_el.has_child .nav_link:after { border-color: transparent transparent transparent #21282f; } .header.dark:not(.allways_white) .scroll_down_mouse { border-color: #e0b453; } .header.dark:not(.allways_white) .scroll_down_mouse:before { background: #e0b453; } .header.dark:not(.allways_white) .scroll_down_text { color: rgba(77, 77, 77, 0.61); } .header.no_menu_header.moved { padding-bottom: 1rem; } .header_main__left, .header_main__right { padding-bottom: 2px; } .header_main_frame { width: calc(100% - 60px); max-width: 1600px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); height: calc(100% - 9.5rem); position: absolute; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .header_main_frame:after, .header_main_frame:before { display: block; height: 2px; position: absolute; content: ""; bottom: 0; } .header_main_frame.on_footer__js { opacity: 0; visibility: hidden; } .header_main_frame:before { width: calc(50% - 40px); left: 0; background: linear-gradient(to right, rgba(224, 180, 83, 0.5) 0, rgba(224, 180, 83, 0.5) 50%, rgba(224, 180, 83, 0) 100%); } .header_main_frame:after { width: calc(50% - 40px); right: 0; background: linear-gradient(to left, rgba(224, 180, 83, 0.5) 0, rgba(224, 180, 83, 0.5) 50%, rgba(224, 180, 83, 0) 100%); } .header_main_frame.first_screen__js .header_main__right:after, .header_main_frame.first_screen__js .header_main__right:before { height: 15%; } .header_main_frame.invert .side_social_link svg * { fill: #bfbfbf; color: #bfbfbf; } .header_main_frame.invert .side_social_link:hover svg *, .side_social_link:hover svg * { fill: #fff; color: #fff; } .header_main_frame.invert .nested_nav_list { background-color: rgba(0, 0, 0, 0.7); } .header_main_frame.invert .header_phone_list, .header_main_frame.invert .lang_select_wrapper, .header_main_frame.invert .nav_link { color: #21282f; } .header_main_frame.invert .lang_select_label:after, .header_main_frame.invert .nav_el.has_child .nav_link:after { border-color: transparent transparent transparent #21282f; } .header_main_frame.invert .scroll_down_mouse { border-color: #e0b453; } .header_main_frame.invert .scroll_down_mouse:before { background: #e0b453; } .header_main_frame.invert .scroll_down_text { color: rgba(77, 77, 77, 0.61); } .header_main__left { position: absolute; left: 0; top: 0; bottom: 0; width: 2px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .header_main__left:before { margin-top: 3.7rem; } .header_main__left:after, .header_main__left:before { content: ""; display: block; width: 2px; height: 100%; background: rgba(224, 180, 83, 0.5); } .side_frame_social { display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; pointer-events: auto; } .side_frame_social > * { padding-top: 10px; padding-bottom: 10px; } .side_frame_social > :not(:last-child) { margin-bottom: 25px; position: relative; } .side_frame_social > :not(:last-child):after { content: ""; display: block; width: 2px; height: 25px; background: rgba(224, 180, 83, 0.5); position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: 100%; } .side_social_link { width: 5.9rem; height: 5.9rem; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .side_social_link:before { content: ""; display: block; width: 0; height: 0; background-color: rgba(224, 180, 83, 0.76); background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.48) 0, rgba(143, 78, 28, 0.48) 100%); border-radius: 50%; position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .header_top_left:before, .header_top_right:after { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .side_social_link img, .side_social_link svg { position: relative; z-index: 1; } .side_social_link img { max-width: 2rem; max-height: 2rem; } .side_social_link svg { max-width: 2rem; height: 2rem; } .side_social_link svg * { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; fill: #fff; color: #fff; } .side_social_link:hover:before { width: 5.9rem; height: 5.9rem; } .header_main__right { position: absolute; right: 0; top: 0; bottom: 0; width: 2px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .header_main__right:after, .header_main__right:before { content: ""; display: block; width: 2px; height: 50%; background: rgba(224, 180, 83, 0.5); transition: 1s; position: absolute; left: 0; } .header_main__top, .header_main__top .main_logo { display: -ms-flexbox; } .header_phone_list, .lang_select_wrapper { -webkit-transition: all 0.3s ease-in-out; color: #fff; font-family: BlenderPro b; font-size: 1.8rem; } .header_main__top, .header_top_left { position: relative; -webkit-box-align: center; } .header_main__right:before { top: 3.7rem; height: calc(50% - 3.7rem); } .header_main__right:after { bottom: 0; } .header_main__top { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; pointer-events: auto; } .header_main__top .main_logo { display: -ms-flexbox; display: flex; } .header_main__top .main_logo img { max-width: 7.5rem; max-height: 7.5rem; } .header_main__top .main_logo svg { width: 7.5rem; max-height: 7.5rem; } .header_top_left { padding-left: 8rem; width: calc(50% - 7.5rem); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header_top_left:after, .header_top_left:before { content: ""; display: block; height: 2px; } .header_top_left:before { width: 8rem; background: rgba(224, 180, 83, 0.5); position: absolute; left: 2px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .header_top_left:after { width: 100%; background: linear-gradient(to right, rgba(224, 180, 83, 0.5) 0, rgba(224, 180, 83, 0.5) 50%, rgba(224, 180, 83, 0) 100%); } @media (max-width: 1310px) and (min-width: 993px){ .header_top_left:after { width: 60%; } } .header_top_right { width: calc(50% - 7.5rem); padding-right: 6.5rem; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; } .header_top_right:after, .header_top_right:before { display: block; height: 2px; content: ""; } .header_top_right:before { width: 100%; background: linear-gradient(to left, rgba(224, 180, 83, 0.5) 0, rgba(224, 180, 83, 0.5) 50%, rgba(224, 180, 83, 0) 100%); } .header_top_right > :not(:first-child) { margin-left: 2rem; } .header_top_right:after { width: 3.5rem; background: rgba(224, 180, 83, 0.5); position: absolute; right: 2px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .header_top_right .main_btn { -ms-flex-negative: 0; flex-shrink: 0; } .header_top_right .main_btn .main_btn_inner { min-width: 18.1rem; min-width: auto; } .header_links_trigger { display: none; } .header_phone_list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 1rem; -ms-flex-negative: 0; flex-shrink: 0; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } @media (max-width: 1310px) and (min-width:993px) { .header_phone_list { margin-right: 55%; padding: 10px; } .header_main_frame.invert .header_phone_list { } } .header_phone_list > :not(:last-child) { margin-right: 3.5rem; position: relative; } .header_phone_list > :not(:last-child):after { content: ""; display: block; width: 0.1rem; height: 1.9rem; background-color: #e7b955; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: -1.8rem; } .lang_select_wrapper { width: 17.5rem; -ms-flex-negative: 0; flex-shrink: 0; position: relative; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .lang_select_label, .lang_select_label_ico { display: -ms-flexbox; -webkit-box-align: center; } .lang_select_wrapper.opened .lang_select_dropdown { opacity: 1; top: 100%; visibility: visible; } .lang_select_wrapper.opened .lang_select_label:after { -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); border-color: transparent transparent transparent #e0b453; } .lang_select_label:after, .nested_nav_link:after { content: ""; border-color: transparent transparent transparent #fff; } .lang_select_dropdown { position: absolute; top: 110%; right: 4.5rem; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; } .lang_select_label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding-right: 4.4rem; cursor: pointer; position: relative; } .lang_select_label:after { width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; position: absolute; right: 2.5rem; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .header_nav, .nested_nav_list { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .lang_select_label_ico { width: 3rem; text-align: center; margin-left: 1rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .lang_select_label_ico img { max-width: 100%; } .header_nav { width: 100%; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: 100%; max-width: 111rem; padding-top: 3rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .nav_link { color: #fff; font-family: BlenderPro b; font-size: 1.8rem; text-transform: uppercase; display: inline-block; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .nav_link:hover { color: #e0b453; } .nav_el { position: relative; } .nested_nav_list, .nested_nav_list:before { position: absolute; left: 50%; -webkit-transition: all 0.3s ease-in-out; } .nested_nav_list { top: 120%; width: 22rem; -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); padding: 1.5rem 2.5rem 2rem; color: #fff; font-size: 1.6rem; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; } .nested_nav_list:before { content: ""; display: block; width: 0; height: 2px; background: #e0b453; top: -1px; -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .nav_el.has_child .nav_link:after, .nested_nav_link:after { width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .nested_nav_list > :not(:last-child) { margin-bottom: 1rem; } .nested_nav_link { display: block; padding-right: 1rem; position: relative; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .nested_nav_link:after { position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .nested_nav_link:hover { color: #e0b453; } .nested_nav_link:hover:after { border-color: transparent transparent transparent #e0b453; } .nav_el.has_child .nav_link { position: relative; padding-right: 15px; } .inner_page_header:before, .nav_el.has_child .nav_link:after { position: absolute; content: ""; } .nav_el.has_child .nav_link:after { border-color: transparent transparent transparent #fff; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .nav_el.has_child:hover .nested_nav_list { top: 100%; opacity: 1; visibility: visible; } .nav_el.has_child:hover .nested_nav_list:before { width: 11.5rem; } .inner_page_header { bottom: auto; height: auto; padding-top: 1rem; pointer-events: auto; } .inner_page_header .header_main__top { padding-top: 2rem; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .inner_page_header:before { display: block; width: 100%; background: rgba(0, 0, 0, 0.7); left: 0; top: 0; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; height: 17rem; opacity: 0; } .inner_page_header.non_transition { transition: none !important; } .inner_page_header .header_nav { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .inner_page_header .nested_nav_list { background-color: rgba(0, 0, 0, 0.7); } .inner_page_header.moved { padding-bottom: 4.5rem; } .inner_page_header.moved .header_main__top { padding-top: 0; } .inner_page_header.moved:before { min-height: 1rem; opacity: 1; height: 13rem; } .inner_page_header.moved .header_nav { padding-top: 1rem; } .inner_page_header .header_main__top { width: calc(100% - 60px); max-width: 1600px; margin: 0 auto; } .inner_page_header .side_frame_social { position: fixed; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10rem; } .inner_page_header .side_frame_social .side_social_link { width: 5.8rem; height: 5.8rem; border: 1px solid #e0b453; } .inner_page_header .side_frame_social .side_social_link svg * { fill: #e0b453; color: #e0b453; } .inner_page_header .side_frame_social .side_social_link:hover svg * { fill: #fff; color: #fff; } .inner_page_header.allways_white .nested_nav_list { background-color: rgba(0, 0, 0, 0.9); } @media screen and (max-width: 1699px) { .header_main_frame.first_screen__js .header_main__right:after, .header_main_frame.first_screen__js .header_main__right:before { height: calc(50% - 2rem); } .header, .header_nav { padding-top: 1rem; } .header_main_frame { height: calc(100% - 4rem); } .header { padding-bottom: 4.5rem; } .inner_page_header .side_frame_social { left: 2rem; } .inner_page_header .header_main__top { padding-top: 0; } .inner_page_header.moved:before, .inner_page_header:before { height: 100%; } } @media screen and (max-width: 1499px) { .header_top_right > :not(:first-child) { margin-left: 1rem; } .header_top_right .main_btn .main_btn_inner { min-width: 12rem; min-width: auto; height: 4rem; padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 1199px) { .header_main__right:after, .header_phone_list > :not(:last-child):after { display: none; } .header_nav { max-width: 100rem; } .header_top_right { padding-right: 5.5rem; } .header_phone_list { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; font-size: 1.6rem; } .header_phone_list > :not(:last-child) { margin-right: 0; } .header_main__left:before { margin-top: 3.7rem; } .header_main__right:before { top: 3.7rem; } .header_main__right:before, .header_main_frame.first_screen__js .header_main__right:before { height: calc(100% - 3.7rem); } .nav_el.has_child .nested_nav_list { background-color: rgba(0, 0, 0, 0.7); } .inner_page_header .side_frame_social { left: 1rem; } } @media screen and (max-width: 991px) { .header_main_frame, .header_nav { position: relative; top: 0; left: 0; } .header_main__left, .header_main__right, .header_main_frame:after, .header_main_frame:before, .header_top_left:after, .header_top_left:before, .header_top_right:after, .header_top_right:before, .scroll_down_block, .side_frame_social { display: none; } .header_main_frame { height: auto; -ms-transform: none; transform: none; margin: 0 auto; width: 100%; } .header_top_right { padding-right: 0; } .header_top_left { padding-left: 0; } .header { bottom: auto; padding: 1rem; background: rgba(33, 40, 47, 0.8); } .header_main__top .main_logo img { max-width: 6rem; max-height: 6rem; } .header_main__top .main_logo svg { width: 6rem; max-height: 6rem; } .header_main__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header_nav { -ms-transform: none; transform: none; } .lang_select_label { -ms-flex-pack: start; justify-content: flex-start; } .lang_select_label_ico { -ms-flex-negative: 0; flex-shrink: 0; } .lang_select_label_text { width: 100%; } .nav_el.has_child:first-child .nested_nav_list { left: 0; -ms-transform: none; transform: none; } .nav_el.has_child:last-child .nested_nav_list { left: auto; -ms-transform: none; transform: none; right: 0; } .inner_page_header.moved { padding-bottom: 1rem; } .header.dark .header_phone_list, .header.dark .lang_select_wrapper, .header.dark .nav_link, .header.dark:not(.allways_white) .top_cart_contacts, .header.dark:not(.allways_white) .header_phone_list, .header.dark:not(.allways_white) .lang_select_wrapper, .header.dark:not(.allways_white) .nav_link, .header_main_frame.invert .header_phone_list, .header_main_frame.invert .lang_select_wrapper, .header_main_frame.invert .nav_link { color: #fff; } .header.dark .lang_select_label:after, .header.dark .nav_el.has_child .nav_link:after, .header.dark:not(.allways_white) .lang_select_label:after, .header.dark:not(.allways_white) .nav_el.has_child .nav_link:after, .header_main_frame.invert .lang_select_label:after, .header_main_frame.invert .nav_el.has_child .nav_link:after { border-color: transparent transparent transparent #fff; } .inner_page_header .side_frame_social .side_social_link { width: 3.8rem; height: 3.8rem; } .inner_page_header .side_frame_social .side_social_link .side_social_link svg { max-width: 1.5rem; height: 1.5rem; } .inner_page_header .side_frame_social .side_social_link .side_social_link img { max-width: 1.5rem; max-height: 1.5rem; } .header_main_frame.on_footer__js { opacity: 1; visibility: visible; } .header_phone_list, .header_top_right .main_btn { font-size: 1rem; } .header_top_right .main_btn .main_btn_inner { min-width: 10rem; min-width: auto; } .footer_col__bottom { line-height: 1; } } @media screen and (min-width: 768px) { .header_nav { display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 767px) { .header, .header_nav { background: rgba(33, 40, 47, 0.9); } .header_nav, .lang_select_label_text, .nested_nav_list:before { display: none; } .header_top_left{ display:none; } .header_main__top, .header_main_frame { position: static; } .header_nav { position: absolute; left: 0; top: 100%; width: 100%; padding: 20px 10px; max-height: calc(100vh - 72px); overflow: auto; } .nav_el.has_child .nested_nav_list, .nav_el.has_child:hover .nested_nav_list { position: relative; left: 0; -ms-transform: none; transform: none; top: 0; opacity: 1; visibility: visible; } .nav_el.has_child .nested_nav_list { padding-bottom: 1.5rem; background: rgba(0, 0, 0, 0); } .nested_nav_list > :not(:last-child) { margin-bottom: 0; } .lang_select_label { padding-right: 2rem; } .lang_select_label:after { right: 0; } .lang_select_label_ico { margin-left: 0; } .header_top_left, .lang_select_wrapper { width: 5.5rem; } .lang_select_dropdown { right: 2.4rem; } .header_main__top .main_logo { -ms-flex-order: 0; order: 0; } .header_top_left { -ms-flex-order: 1; order: 1; margin-left: 2rem; margin-right: auto; } .header_top_right { width: auto; -ms-flex-order: 2; order: 2; } .header_links_trigger { display: block; width: 30px; height: 22px; position: relative; } .header_links_trigger span { position: absolute; left: 0; width: 100%; height: 2px; background: #fff; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .header_links_trigger span:nth-child(2) { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .header_links_trigger span:nth-child(2):before { content: ""; display: block; width: 0; height: 100%; background: #fff; position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .header_links_trigger span:first-child { top: 0; } .header_links_trigger span:last-child { bottom: 0; } .header_links_trigger.opened span:first-child { top: -10px; left: 10px; opacity: 0; } .header_links_trigger.opened span:last-child { bottom: -10px; left: -10px; opacity: 0; } .header_links_trigger.opened span:nth-child(2) { -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .header_links_trigger.opened span:nth-child(2):before { width: 100%; -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); } .inner_page_header .side_frame_social { display: none; } .inner_page_header .header_nav { transition: none; } .inner_page_header .header_main__top { width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header.dark:not(.allways_white) .nested_nav_list { background-color: rgba(0, 0, 0, 0); } .inner_page_header.moved .header_nav { padding-top: 20px; } } @media screen and (max-width: 600px) { .header_phone_list { display: none; } .header_main__top .main_logo img { max-width: 4rem; max-height: 4rem; } .header_main__top .main_logo svg { width: 4rem; max-height: 4rem; } .header_top_right .main_btn.small .main_btn_inner { height: 3.5rem; } .nested_nav_list { padding-left: 1rem; padding-right: 1rem; } } .footer_col, .footer_cols { display: -ms-flexbox; } @media screen and (max-width: 420px) { .header_top_right > :not(:first-child) { margin-left: 0; } .header_top_right > :not(:last-child) { margin-right: 1rem; } .header_top_left { margin-left: 1rem; } .header_top_left, .lang_select_wrapper { width: 4.5rem; } .lang_select_label { padding-right: 1rem; } .lang_select_dropdown { right: 1.4rem; } .header_top_right .main_btn { font-size: 1rem; } .header_top_right .main_btn .main_btn_inner { min-width: 8rem; min-width: auto; padding-left: 0.5rem; padding-right: 0.5rem; } .header { padding: 0 0.5rem; } } .footer { background: #000; padding: 6.5rem 1rem 4.5rem; } .footer_cols { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-left: -1.5rem; margin-right: -1.5rem; } .footer_col { max-width: 33.333%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; padding-left: 1.5rem; padding-right: 1.5rem; } .footer_col > * { width: 100%; } .footer_col > :not(:last-child) { margin-bottom: 3.5rem; } .footer_col.middle_col { text-align: center; } .footer_col .soc_link { background-color: rgba(255, 255, 255, 0.11); } .footer_col .soc_link svg * { color: #e0b453 !important; fill: url(../themes/escape/assets/css/#svg-gradient) #e0b453 !important; } .footer_col .soc_link:hover { background-color: rgba(255, 255, 255, 0.2); } .footer_col__bottom { color: rgba(255, 255, 255, 0.5); font-size: 1.6rem; } .footer_col__bottom a { color: rgba(224, 180, 83, 0.5); } .fcb_list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .fcb_list a { color: rgba(255, 255, 255, 0.5); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .fcb_list a:hover { color: rgba(224, 180, 83, 0.5); } .footer_col__title, .footer_links, .ico_link { color: #fff; font-size: 1.6rem; } .fcb_list > :not(:last-child) { margin-right: 20px; position: relative; } .fcb_list > :not(:last-child):after { content: ""; display: block; width: 0.1rem; height: 2.9rem; opacity: 0.5; background-color: #e0b453; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: -10px; } .footer_col_block { display: inline-block; text-align: left; } .ico_link, .ico_link_img { display: -ms-flexbox; } .footer_col__title:not(:last-child) { margin-bottom: 2rem; } .ico_link { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .ico_link a { display: block; } .ico_link_img { width: 3rem; -ms-flex-negative: 0; flex-shrink: 0; height: 23px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer_sides, .heading_sides { display: -ms-flexbox; } .ico_link_img svg { width: 1.4rem; max-height: 1.4rem; } .ico_link_img svg * { fill: #e0b453; fill: url(../themes/escape/assets/css/#svg-gradient) #e0b453; color: #e0b453; } .for_who_block:hover .for_who_block__img svg *, .heading_slide_ico svg * { fill: #fff; } .ico_link_img img { max-width: 1.4rem; max-height: 1.4rem; } .footer_contacts > :not(:last-child) { margin-bottom: 1.5rem; } .footer_sides { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .footer_side__left { -ms-flex-negative: 0; flex-shrink: 0; } .footer_side__left .logo img { max-width: 9.5rem; max-height: 9.5rem; } .footer_side__left .logo svg { width: 9.5rem; max-height: 9.5rem; } .footer_links > :not(:last-child) { margin-bottom: 1rem; } .footer_links a { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .footer_links a:hover { color: #e0b453; } @media screen and (max-width: 767px) { .social_list > :not(:last-child) { margin-right: 5px; } } @media screen and (max-width: 600px) { .footer_col__bottom, .last_col .footer_col__title, .middle_col .footer_col__title { text-align: center; } .footer_cols { -ms-flex-direction: column; flex-direction: column; } .footer_cols > :not(:last-child) { margin-bottom: 20px; } .footer_col { width: 100%; max-width: 320px; margin: 0 auto; } .fcb_list { -ms-flex-pack: center; justify-content: center; } } .heading_slide_ico img, .heading_slide_link_back img { max-width: 100%; max-height: 100%; } @media screen and (max-width: 420px) { .footer_sides { display: block; } .footer_sides > :not(:last-child) { margin-bottom: 15px; } .footer_sides .logo { -ms-flex-pack: center; justify-content: center; } .footer_col__title { text-align: center; } .footer_links { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer_links > * { width: 50%; } .footer { padding-top: 4.5rem; } } .section-head .main_title { font-size: 6.5rem; } .heading_sides { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .heading_side { width: 50%; } .section_head_descr { color: #fff; font-size: 2.4rem; } .section_head_heading:not(:last-child) { margin-bottom: 8rem; } .heading_slide { padding-top: 1.5rem; padding-bottom: 1.5rem; } .heading_side_right { width: 30.8rem; } .heading_slider { width: 30.8rem; margin-left: 28.9rem; } .heading_slider .slick-next { top: 100%; } .heading_slider .slick-next:before { -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg); transform: translateX(-50%) translateY(-50%) rotate(135deg); margin-left: 2px; } .heading_slider .slick-prev { left: auto; top: auto; bottom: 100%; } .heading_slider .slick-prev:before { -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .heading_slider .slick-next, .heading_slider .slick-prev { right: 2.1rem; -ms-transform: none; transform: none; border: none; background: rgba(255, 255, 255, 0); } .heading_slider .slick-next:before, .heading_slider .slick-prev:before { border-color: #bbbcbd; } .heading_slider .slick-next:hover:before, .heading_slider .slick-prev:hover:before { border-color: #e0b453; } .heading_slide_link { position: relative; z-index: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 6.8rem; padding-right: 6rem; padding-left: 2.5rem; color: #fff; font-size: 2.2rem; line-height: 1; } .heading_slide_link:hover .heading_slide_ico, .heading_slide_link:hover .heading_slide_link_back { opacity: 1; } .heading_slide_ico, .heading_slide_link_back { display: -ms-flexbox; opacity: 0; } .heading_slide_link:hover .heading_slide_dot:before { background: #fff; } .heading_slide_link_back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; z-index: -1; } .heading_slide_link_back svg { width: 100%; max-height: 100%; } .heading_slide_dot { width: 2.8rem; height: 2.8rem; border: 0.1rem solid rgba(255, 255, 255, 0.74); border-radius: 50%; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: 3rem; } .heading_slide_dot:before { content: ""; display: block; width: 0.8rem; height: 0.8rem; background-color: #e0b453; border-radius: 50%; position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .heading_slide_ico { width: 4.1rem; height: 4.1rem; -ms-flex-negative: 0; flex-shrink: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-right: 1rem; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .image_side_frame, .image_sides { display: -ms-flexbox; } .heading_slide_ico svg { width: 100%; max-height: 100%; } .inner_page_heading { min-height: 100vh; } .inner_page_heading.section-head { padding-top: 22rem; } @media screen and (max-width: 1699px) { .heading_slider { margin-left: 0; } .heading_slide_link { height: 6rem; } .heading_slide { padding-top: 1rem; padding-bottom: 1rem; } .section_head_heading:not(:last-child) { margin-bottom: 5rem; } .section-head .main_title { font-size: 5rem; } .heading_slide_dot { right: 1.5rem; width: 2.9rem; height: 2.9rem; } .heading_slider .slick-next, .heading_slider .slick-prev { right: 0.1rem; } .inner_page_heading.section-head { padding-top: 20rem; } } @media screen and (max-width: 991px) { .section-head .main_title { font-size: 4rem; } .heading_slide_link { font-size: 2rem; } .heading_slider { width: 28rem; } .heading_slide_ico { width: 3rem; height: 3rem; } .inner_page_heading.section-head { padding-top: 15rem; } .inner_page_heading { min-height: 1px; } .fullpage_wrapper section.section-head { padding-top: 17rem; } } @media screen and (max-width: 767px) { .inner_page_heading.section-head { padding-top: 11rem; } } @media screen and (max-width: 600px) { .heading_side_left, .section_head_heading .main_title_wrapper.lefted { text-align: center; } .fullpage_wrapper section.section-head { padding-top: 12rem; } .heading_sides { -ms-flex-direction: column; flex-direction: column; } .heading_sides > :not(:last-child) { margin-bottom: 20px; } .heading_side { width: 100%; } .section_head_heading .main_title_wrapper.lefted:before { left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .section_head_heading:not(:last-child) { margin-bottom: 4rem; } .heading_slider { margin: 0 auto; } .heading_slider .slick-prev { right: 100%; bottom: auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .heading_slider .slick-next { right: auto; left: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .heading_slider .slick-prev:before { -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .heading_slider .slick-next:before { -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); margin-left: 0; } .inner_page_heading.section-head { padding-top: 10rem; padding-bottom: 4rem; } } .rooms_block__frame .main_btn, .rooms_block__frame_curtain:after { -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } @media screen and (max-width: 420px) { .section-head .main_title { font-size: 3.5rem; } .section_head_descr { font-size: 2rem; line-height: 1.2; } .section_head_heading:not(:last-child) { margin-bottom: 3rem; } .heading_slider .slick-next, .heading_slider .slick-prev { width: 30px; } .fullpage_wrapper section.section-head { padding-bottom: 30px; } } .image_sides { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .image_sides .image_side__left { width: 55%; max-width: 55.5rem; } .image_sides .image_side__right { width: 45%; } .image_side_text { font-size: 1.9rem; } .image_side_frame_in { position: relative; width: 62.1rem; height: 41.9rem; background-color: #fff; -ms-flex-negative: 0; flex-shrink: 0; } .image_side_frame_in:after, .image_side_frame_in:before { display: block; background-color: #e7b955; background-image: -o-linear-gradient(top, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); position: absolute; z-index: -1; content: ""; } .image_side_frame_in:before { width: 9.6rem; height: 9.9rem; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); left: -1.5rem; bottom: -1.5rem; } .image_side_frame_in:after, .pic_slider:before, .side_el { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 186, 55, 0.07)), to(rgba(143, 78, 28, 0.07))); } .image_side_frame_in:after { width: 17.9rem; height: 18.4rem; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); right: -2rem; top: -2rem; } .pic_slider:before, .side_el { background-image: -o-linear-gradient(top, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); } .image_side__right, .image_side_frame { position: relative; } .image_side_frame { display: -ms-flexbox; display: flex; z-index: 0; } .image_side__right .image_side_img { position: absolute; right: -34rem; bottom: -23rem; } @media screen and (max-width: 1699px) { .image_side_text { font-size: 1.6rem; } .image_side_frame_in { width: 60rem; height: 37rem; } } @media screen and (max-width: 1199px) { .image_side_frame_in { width: 45rem; height: 33rem; } .image_sides .image_side__left { padding-right: 3rem; } } @media screen and (max-width: 991px) { .image_side_frame_in { width: 38rem; height: 30rem; } .image_side_frame_in:before { left: -1rem; bottom: -1rem; } .image_side_frame_in:after { top: -1rem; right: -1rem; } } @media screen and (max-width: 767px) { .image_sides { -ms-flex-direction: column; flex-direction: column; } .image_sides > :not(:last-child) { margin-bottom: 4rem; } .image_sides .image_side__left { width: 100%; padding: 0; max-width: 100%; } .image_sides .image_side__right { width: 100%; } .image_side_frame_in { margin: 0 auto; width: 100%; height: 25rem; } } .rooms_blocks { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-left: -15px; margin-right: -15px; text-align: center; } .rooms_block { width: calc(25% - 30px); } .rooms_block:hover .rooms_block__frame:before { opacity: 1; } .rooms_block:hover .rooms_block__frame .rooms_block__frame_curtain:after { opacity: 0; } .rooms_block:hover .rooms_block__frame .main_btn { opacity: 1; } .rooms_block__frame { width: 25.4rem; height: 25.4rem; background-color: #fff; margin: 0 auto 2.5rem; position: relative; } .rooms_block__frame:before { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.69); position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .rooms_block__frame .main_btn { position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; opacity: 0; } .rooms_block__frame_curtain { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .rooms_block__frame_curtain:after { content: ""; display: block; width: calc(100% - 5rem); height: calc(100% - 5rem); border: 1px solid #fff; position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .for_who_blocks, .hiv_block { display: -ms-flexbox; } .for_who_block__img:before, .hiv_block:after { -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .rooms_block__title { color: #fff; font-size: 2.2rem; line-height: 1; } .cta_title, .for_who_block__title { font-family: Arame; line-height: 1.2; text-transform: uppercase; } @media screen and (max-width: 1699px) { .rooms_block__frame { width: 20.3rem; height: 20.3rem; } } @media screen and (max-width: 991px) { .rooms_blocks { margin-left: -5px; margin-right: -5px; } .rooms_block { width: calc(25% - 10px); } .rooms_block__frame { width: 17rem; height: 17rem; } .rooms_block__frame .main_btn.small .main_btn_inner { min-width: 14rem; } .rooms_block__title { font-size: 2rem; } } @media screen and (max-width: 767px) { .rooms_blocks { -ms-flex-wrap: wrap; flex-wrap: wrap; } .rooms_block { width: calc(50% - 10px); margin-bottom: 20px; } .fullpage_wrapper section.section-rooms { padding-bottom: 40px; } } @media screen and (max-width: 420px) { .rooms_block__title { font-size: 1.8rem; } .rooms_block__frame { width: 15rem; height: 15rem; } .rooms_block__frame .main_btn.small .main_btn_inner { min-width: 13rem; } .rooms_block__frame_curtain:after { width: calc(100% - 10px); height: calc(100% - 10px); } } .hiw_wrapper { position: relative; z-index: 0; } .hiv_block { width: 100%; max-width: 92rem; height: 40.7rem; background-color: #e7b955; position: relative; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .hiv_block:after, .hiv_block:before { content: ""; display: block; position: absolute; } .hiv_block:before { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.32); left: 0; top: 0; } .hiv_block:after { width: calc(100% - 10rem); height: calc(100% - 10rem); border: 0.1rem solid rgba(255, 255, 255, 0.23); left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .hiv_block > * { position: relative; z-index: 1; } .side_el { background-color: #e7b955; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); position: absolute; z-index: -1; } .side_el.side_el__left { left: -1.5rem; bottom: -1.5rem; width: 14.5rem; height: 14.9rem; } .side_el.side_el__right { right: -1.5rem; top: -1.5rem; width: 17.9rem; height: 18.4rem; } .c_acc_arrow:after, .for_who_block__img:before { top: 50%; content: ""; } @media screen and (max-width: 1699px) { .hiv_block { width: 70rem; height: 30rem; } } @media screen and (max-width: 991px) { .hiv_block:after { width: calc(100% - 5rem); height: calc(100% - 5rem); } .hiv_block { width: 100%; max-width: 70rem; } } @media screen and (max-width: 420px) { .hiv_block { height: 25rem; } .hiv_block .main_btn .main_btn_inner { height: 5.7rem; min-width: 21.5rem; } .hiv_block:after { width: calc(100% - 2rem); height: calc(100% - 2rem); } } .for_who_blocks { display: -ms-flexbox; display: flex; text-align: center; -ms-flex-pack: justify; justify-content: space-between; } .for_who_blocks:not(:last-child) { margin-bottom: 4.4rem; } .for_who_block { width: 25%; color: #fff; font-size: 1.8rem; } .for_who_block:hover .for_who_block__img:before { width: calc(100% + 0.2rem); height: calc(100% + 0.2rem); } .for_who_block__title { color: #fff; font-size: 2.2rem; min-height: 5.2rem; } .for_who_block__title:not(:last-child) { margin-bottom: 2rem; } .for_who_block__title.smaller { font-size: 1.8rem; } .for_who_block__img { width: 13.8rem; height: 13.8rem; border: 0.1rem solid #e0b453; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; margin: 0 auto; position: relative; } .for_who_block__img:before { display: block; width: 0; height: 0; border-radius: 50%; background-color: #e0b453; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.48) 0, rgba(143, 78, 28, 0.48) 100%); position: absolute; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: 0.2s; } .section-cta .image_side_frame_in, .testimonials_img { display: -ms-flexbox; } .for_who_block__img:not(:last-child) { margin-bottom: 3rem; } .for_who_block__img img { max-width: 5.7rem; max-height: 5.7rem; position: relative; z-index: 1; } .for_who_block__img svg { max-width: 5.7rem; height: 5.7rem; position: relative; z-index: 1; } .for_who_block__img svg * { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; fill: #e0b453; fill: url(/#svg-gradient) #e0b453; } .c_acc_arrow, .c_acc_block { -webkit-transition: all 0.3s ease-in-out; } @media screen and (max-width: 1699px) { .for_who_block { font-size: 1.6rem; padding-left: 1rem; padding-right: 1rem; } .for_who_block__title { font-size: 2rem; min-height: 4.7rem; } .for_who_block__title:not(:last-child) { margin-bottom: 1.5rem; } .for_who_block__img:not(:last-child) { margin-bottom: 2rem; } .for_who_block__img { width: 10rem; height: 10rem; } } @media screen and (max-width: 1499px) { .for_who_blocks:not(:last-child) { margin-bottom: 3rem; } } @media screen and (max-width: 991px) { .for_who_block__title { font-size: 1.7rem; min-height: 3.6rem; } .for_who_block { line-height: 1.2; } .for_who_block__title.smaller { font-size: 1.6rem; } } @media screen and (max-width: 767px) { .for_who_blocks { -ms-flex-wrap: wrap; flex-wrap: wrap; } .for_who_block { width: 50%; margin-bottom: 20px; } .for_who_block:last-child:nth-child(odd) { width: 100%; } .fullpage_wrapper section.section-for-who { padding-bottom: 40px; } .fullpage_wrapper section:first-child { padding-top: 12rem; } } @media screen and (max-width: 420px) { .for_who_block { width: 100%; } .for_who_block__title { font-size: 1.6rem; min-height: 1px; } .cta_inner .main_btn .main_btn_inner { height: 5.7rem; min-width: 20.5rem; } } .section-cta .image_side_frame_in { box-shadow: 0 1.5rem 3.8rem rgba(88, 85, 79, 0.14); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: center; } .cta_inner { width: 100%; } .cta_title { color: #4d4d4d; font-size: 2.7rem; } .cta_title:not(:last-child) { margin-bottom: 2rem; } .cta_phone { color: #4d4d4d; font-size: 1.9rem; line-height: 1; } .cta_phone:not(:last-child) { margin-bottom: 4rem; } .cta_phone a { display: block; font-size: 3.1rem; font-family: BlenderPro b; } @media screen and (max-width: 1199px) { .cta_title:not(:last-child) { margin-bottom: 1rem; } .cta_phone:not(:last-child) { margin-bottom: 2rem; } .cta_title { font-size: 2rem; } } @media screen and (max-width: 767px) { .cta_phone a { font-size: 3rem; } .testimonial_more_btn.main_btn_wrapper.righted { text-align: center; } } .testimonials_slider { max-width: 79rem; margin: 0 auto; } .testimonials_img { width: 22rem; height: 25.6rem; background-color: #e1b53f; border: 0.1rem solid #fff; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; } .faq_sides, .testimonials_slide { display: -ms-flexbox; } .testimonials_img img { max-width: 100%; max-height: 100%; } .testimonials_slide { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; color: #fff; font-size: 1.8rem; } .testimonials_title { color: #fff; font-family: Arame; font-size: 2.2rem; text-transform: uppercase; } .testimonials_sign { color: #fff; font-size: 2.2rem; line-height: 1.2; } .c_acc_block, .testimonial_block .testimonials_sign, .testimonial_block .testimonials_slide, .testimonial_block .testimonials_title { color: #21282f; } .testimonials_content { max-width: 50.5rem; } .testimonials_content > :not(:last-child) { margin-bottom: 3rem; } .testimonial_block .testimonials_content { max-width: 100%; } .testimonial_blocks:not(:last-child) { margin-bottom: 5rem; } .testimonial_blocks > :not(:last-child) { margin-bottom: 6rem; } .testimonial_blocks .testimonial_block { line-height: 1.2; } .testimonial_blocks .testimonials_img { margin-right: 3rem; } .testimonial_blocks .testimonials_content > :not(:last-child) { margin-bottom: 2rem; } .testimonials_page_section .contact_form { padding-top: 6rem; } @media screen and (max-width: 1199px) { .testimonials_slider { max-width: 72.5rem; } .arrow_slider .slick-prev { left: -10rem; } .arrow_slider .slick-next { right: -10rem; } .testimonials_content > :not(:last-child) { margin-bottom: 2rem; } .testimonials_content { max-width: 48rem; } } @media screen and (max-width: 991px) { .testimonials_slider { max-width: 65rem; } .testimonials_img { margin-right: 1.5rem; width: 20rem; height: 23rem; } .arrow_slider .slick-prev { left: -8rem; } .arrow_slider .slick-next { right: -8rem; } .testimonials_page_section .testimonials_sign, .testimonials_page_section .testimonials_slide { font-size: 1.6rem; } .testimonials_img img { max-width: calc(100% - 10px); max-height: calc(100% - 10px); } .testimonials_content > :not(:last-child) { margin-bottom: 1.5rem; } .testimonials_text { line-height: 1.2; } } @media screen and (max-width: 600px) { .testimonials_page_section .testimonials_slide { -ms-flex-direction: column; flex-direction: column; } .testimonials_page_section .testimonials_slide > :not(:last-child) { margin-bottom: 15px; } } @media screen and (max-width: 420px) { .testimonials_slide { -ms-flex-direction: column; flex-direction: column; } .testimonials_slide > :not(:last-child) { margin-bottom: 15px; } } .section-faq .image_side_img { position: absolute; right: -44rem; bottom: -20rem; } .c_acc_arrow, .section-faq.simple_section .c_acc_blocks_wrapper { position: relative; } .section-faq.simple_section { padding: 19.5rem 1rem 15rem; } .section-faq.simple_section .image_side_img { right: -32rem; } .section-faq.simple_section .c_acc_blocks_wrapper:not(:last-child) { margin-bottom: 6rem; } .faq_sides { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .c_acc_link, .faq_blocks { display: -ms-flexbox; } .faq_sides.centered { -ms-flex-align: center; align-items: center; } .faq_sides > * { width: calc(50% - 1.5rem); } .c_acc_block { background: #f6f6f6; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; margin-bottom: 0.5rem; } .c_acc_block.active { background: #e0b453; color: #fff; } .c_acc_block.active .c_acc_arrow { background: #fff; } .c_acc_block.active .c_acc_arrow:after { border-color: transparent transparent transparent #e0b453; } .c_acc_blocks_wrapper:not(:last-child), .faq_router:not(:last-child) { margin-bottom: 3rem; } .c_acc_link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; height: 5rem; padding: 0.5rem 2rem; } .c_acc_arrow { width: 2.3rem; height: 2.3rem; border-radius: 50%; background: #e0b453; -ms-flex-negative: 0; flex-shrink: 0; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; margin-left: 1rem; } .acalendar_arrows .acalendar_arrow, .articles_link:after, .c_acc_arrow:after { -webkit-transition: all 0.3s ease-in-out; } .c_acc_arrow:after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #fff; position: absolute; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; margin-left: 0.1rem; } .cta_description_left_img, .rss_frame_button { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; } .c_acc_link_text { font-family: BlenderPro b; font-size: 1.7rem; } .c_acc_block_body { padding: 0 2rem 1.5rem; } .faq_form_heading { padding-left: 2rem; border-left: 0.2rem solid #e0b453; color: #21282f; font-size: 2.4rem; line-height: 1; } .faq_form_heading > :not(:last-child) { margin-bottom: 1rem; } .faq_form_title { color: #21282f; font-family: BlenderPro b; font-size: 2.4rem; text-transform: uppercase; } .form_rss_frame { border: 1px solid #e0b453; position: relative; height: 7.7rem; border-radius: 3.9rem; } .form_rss_frame input { height: 100%; border-radius: 3.9rem; background: rgba(255, 255, 255, 0); padding-left: 6.5rem; padding-right: 7rem; } .rss_frame_button { width: 5.9rem; height: 5.9rem; background-color: rgba(224, 180, 83, 0.76); background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.48) 0, rgba(143, 78, 28, 0.48) 100%); border-radius: 50%; position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0.8rem; } .rss_frame_button img { max-width: 1.9rem; max-height: 1.9rem; } .rss_frame_button svg { width: 1.9rem; max-height: 1.9rem; } .rss_frame_button svg * { fill: #fff; } .faq_blocks { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .faq_blocks > * { width: calc(50% - 1.5rem); margin-bottom: 0.5rem; } .faq_block_link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; height: 5rem; padding: 0.5rem 2rem; background-color: #f6f6f6; } .faq_block_content { width: 50rem; padding: 4rem; font-size: 1.6rem; display: none; background: #fff; text-align: left; } .cta_content, .nf_content, .team_blocks, .team_title { text-align: center; } @media screen and (max-width: 1699px) { .c_acc_blocks_wrapper:not(:last-child), .faq_router:not(:last-child) { margin-bottom: 2rem; } .faq_block_link { height: 4rem; } .faq_form_heading > :not(:last-child) { margin-bottom: 0.5rem; } .faq_form_heading, .faq_form_title { font-size: 2rem; } .form_rss_frame { height: 6rem; } .rss_frame_button { width: 4.9rem; height: 4.9rem; right: 0.4rem; } .form_rss_frame input { padding-left: 3rem; } } @media screen and (max-width: 1199px) { .section-faq.simple_section { padding: 15.5rem 1rem 7rem; } } @media screen and (max-width: 991px) { .faq_block_link { height: 5.5rem; } .faq_blocks > * { width: calc(50% - 1rem); } } @media screen and (max-width: 767px) { .faq_form_heading, .faq_form_title { font-size: 1.8rem; } .faq_block_link { padding-left: 1rem; padding-right: 1rem; } .section-faq.simple_section { padding-top: 12rem; } .c_acc_link_text { line-height: 1.2; } } @media screen and (max-width: 650px) { .faq_blocks > *, .faq_sides > * { width: 100%; } .faq_sides { -ms-flex-direction: column; flex-direction: column; } .faq_sides > :not(:last-child) { margin-bottom: 20px; } .faq_block_link { height: auto; } .section-faq.simple_section .faq_sides > :not(:last-child) { margin-bottom: 0; } .section-faq.simple_section { padding-top: 9rem; } .section-faq.simple_section .c_acc_blocks_wrapper:not(:last-child) { margin-bottom: 4rem; } } .section-cta-description .cta_title { color: #fff; font-family: Arame; font-size: 2.2rem; text-transform: uppercase; } .cta_content { color: #fff; font-size: 2.4rem; line-height: 1.2; } .cta_content > :not(:last-child) { margin-bottom: 4rem; } .cta_description_cols { display: -ms-flexbox; display: flex; } .cta_description_col_middle { width: 50%; } .cta_description_col_left, .cta_description_col_right { width: 25%; position: relative; } .cta_description_left_img { position: absolute; right: 5rem; -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 100%; } .cta_description_right_img { position: absolute; left: 5rem; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 100%; } @media screen and (max-width: 1499px) { .cta_description_left_img, .cta_description_right_img { max-width: 30rem; } } @media screen and (max-width: 1199px) { .cta_content > :not(:last-child) { margin-bottom: 3rem; } .cta_content, .section-cta-description .cta_title { font-size: 2rem; } .cta_description_left_img { right: 2rem; } .cta_description_right_img { left: 2rem; } .cta_description_left_img, .cta_description_right_img { max-width: 23rem; } } @media screen and (max-width: 991px) { .cta_description_cols { -ms-flex-wrap: wrap; flex-wrap: wrap; } .cta_description_col_middle { width: 100%; -ms-flex-order: 0; order: 0; margin-bottom: 2rem; } .cta_description_col_left { width: 50%; -ms-flex-order: 1; order: 1; padding: 2rem 1rem 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .cta_description_col_right { width: 50%; -ms-flex-order: 2; order: 2; padding: 2rem 1rem 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .cta_description_left_img { position: relative; left: 0; top: 0; -ms-transform: none; transform: none; } .cta_description_right_img { position: relative; right: auto; left: 0; top: 0; -ms-transform: none; transform: none; } } @media screen and (max-width: 600px) { .section-cta-description .cta_title { font-size: 1.8rem; } .cta_text br { display: none; } .cta_description_col_left { padding-bottom: 2rem; } .cta_description_col_left, .cta_description_col_right { width: 100%; } .cta_description_col_left img { display: none; } .cta_description_col_right img { max-width: 100%; } } .breadcrumbs_list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #e0b453; font-size: 1.5rem; line-height: 1; } .breadcrumbs_list > :last-child { font-size: 1.5rem; text-decoration: underline; } .breadcrumbs_list > :not(:last-child) { margin-right: 2rem; position: relative; } .breadcrumbs_list > :not(:last-child):after { content: ""; display: block; width: 1px; height: 1.2rem; background: #e0b453; position: absolute; top: 50%; -ms-transform: translateY(-50%) rotate(25deg); transform: translateY(-50%) rotate(25deg); right: -1.1rem; } .breadcrumbs_list > :first-child { color: rgba(33, 40, 47, 0.9); } .breadcrumbs_list > :first-child:after { background: rgba(33, 40, 47, 0.9); } .breadcrumbs_list:not(:last-child) { margin-bottom: 45px; } .dark_bg .breadcrumbs_list > :first-child { color: #fff; } .dark_bg .breadcrumbs_list > :first-child:after { background: #fff; } @media screen and (max-width: 600px) { .breadcrumbs_list:not(:last-child) { margin-bottom: 30px; } } .articles:not(:last-child), .articles > :not(:last-child) { margin-bottom: 7rem; } .articles.halfs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .articles.halfs .article__content { display: block; } .article__content, .article__date { display: -ms-flexbox; -webkit-box-align: center; } .articles.halfs .article__content > :not(:last-child) { margin-bottom: 6rem; } .articles.halfs .article__btn { margin-left: 0; } .articles.halfs .article__heading:not(:last-child) { margin-bottom: 2.5rem; } .articles.halfs .article__img { box-shadow: 0 0.4rem 3.5rem rgba(193, 193, 193, 0.18); height: 31.5rem; } .articles.halfs > * { width: calc(50% - 1.5rem); } .articles.halfs > :nth-last-child(2):nth-child(odd) { margin-bottom: 0; } .article { color: #4d4d4d; font-size: 1.9rem; } .article__img { height: 26.3rem; } .article__img:not(:last-child) { margin-bottom: 4rem; } .article__heading { line-height: 1; } .article__heading:not(:last-child) { margin-bottom: 3rem; } .article__date { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: rgba(33, 40, 47, 0.59); font-family: BlenderPro b; font-size: 1.8rem; } .article__date > :not(:last-child) { margin-right: 0.8em; } .article__date img { max-width: 1.4rem; max-height: 1.7rem; } .article__date svg { width: 1.4rem; max-height: 1.7rem; } .article__date svg * { fill: #e0b453; } .article__title { color: #21282f; font-family: BlenderPro b; font-size: 2.8rem; text-transform: uppercase; } .article__title:not(:last-child) { margin-bottom: 1rem; } .article__content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .article_share, .more_articles_link { display: -ms-flexbox; -webkit-box-align: center; } .article__txt { max-width: 63.5rem; } .more_articles_link { color: #e0b453; font-family: BlenderPro; font-size: 2rem; font-weight: 700; text-transform: uppercase; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .article_share, .nf_title { font-family: Arame; text-transform: uppercase; } .more_articles_link:after, .more_articles_link:before { content: ""; display: block; width: 19rem; height: 0.1rem; background-color: #e0b453; } .articles_link { display: inline-block; margin-left: 5rem; margin-right: 5rem; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .articles_link:after { content: ""; display: block; width: 100%; height: 2px; background: rgba(224, 180, 83, 0.2); position: absolute; left: 0; top: 100%; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .articles_link:hover:after, .contacts_heading { background: #e0b453; } .article__btn { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 2rem; } .full_article:not(:last-child) { margin-bottom: 6.5rem; } .full_article .article__txt { max-width: 100%; } .article_share { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #000; font-size: 1.6rem; } .article__bottom, .contacts_heading { display: -ms-flexbox; } .article_share > :not(:last-child) { margin-right: 6rem; } .article__main > .article__content:not(:last-child) { margin-bottom: 5.5rem; } .article__bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .article__bottom_buttons .main_btn.small .main_btn_inner { min-width: 16rem; } .article__bottom_buttons > :not(:last-child) { margin-right: 3rem; } @media screen and (max-width: 1499px) { .article__heading:not(:last-child), .article__img:not(:last-child) { margin-bottom: 2rem; } .article__heading { line-height: 1.2; } } @media screen and (max-width: 991px) { .article__txt { max-width: 48rem; } .articles.halfs > :nth-last-child(2):nth-child(odd), .articles:not(:last-child), .articles > :not(:last-child) { margin-bottom: 5rem; } .articles.halfs .article__heading:not(:last-child) { margin-bottom: 1.5rem; } .articles.halfs .article__content > :not(:last-child) { margin-bottom: 2rem; } .articles.halfs .article__img { height: 21rem; } } @media screen and (max-width: 767px) { .article { font-size: 1.6rem; } .article .main_btn .main_btn_inner { min-width: 21rem; } .articles.halfs { -ms-flex-pack: center; justify-content: center; } .article__bottom_buttons > :not(:last-child) { margin-right: 1rem; } .article_share > :not(:last-child) { margin-right: 3rem; } } @media screen and (max-width: 600px) { .article__content { display: block; } .article__content > :not(:last-child) { margin-bottom: 2rem; } .article__txt { max-width: 100%; } .article__btn { margin-left: 0; text-align: center; } .more_articles_link:after, .more_articles_link:before { width: 5rem; } .articles.halfs > * { width: 100%; max-width: 42rem; } .article__bottom { -ms-flex-direction: column; flex-direction: column; } .article__bottom > :not(:last-child) { margin-bottom: 20px; } } @media screen and (max-width: 420px) { .article__img { height: 18rem; } .article__title { font-size: 2rem; line-height: 1; } .article__title:not(:last-child) { margin-bottom: 1rem; } .article__bottom_buttons .main_btn.small .main_btn_inner { min-width: 14rem; } .article__main > .article__content:not(:last-child) { margin-bottom: 3rem; } .article__btn .main_btn .main_btn_inner { height: 5.7rem; min-width: 19rem; } } .nf_content { color: #fff; font-size: 2.4rem; } .nf_content:not(:last-child) { margin-bottom: 8rem; } .nf_title { font-size: 26rem; color: #fff; line-height: 19rem; padding-bottom: 4.5rem; position: relative; } .nf_title:not(:last-child) { margin-bottom: 5rem; } .nf_title:after { content: ""; display: block; width: 11.4rem; height: 0.3rem; background-color: #e0b453; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 1499px) { .nf_title { font-size: 18rem; line-height: 13rem; } .nf_title:not(:last-child) { margin-bottom: 3rem; } .nf_content:not(:last-child) { margin-bottom: 4rem; } } @media screen and (max-width: 767px) { .nf_title { font-size: 12rem; line-height: 9rem; } .nf_content { font-size: 2.2rem; } } .contacts_heading { display: -ms-flexbox; display: flex; padding: 3rem 2rem; color: #f6f6f6; font-size: 1.8rem; } .contacts_col, .contacts_col_ico { display: -ms-flexbox; } .contacts_heading strong { font-size: 1.9rem; font-family: BlenderPro; font-weight: 300; line-height: 1.7; } .contacts_col { width: 25%; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding-left: 0.5rem; padding-right: 0.5rem; } .contacts_col .one_line_center { display: inline-block; padding: 0.5rem 0; } .contacts_col_ico { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 3.7rem; height: 3.7rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.11); margin-right: 2rem; -ms-flex-negative: 0; flex-shrink: 0; } .contacts_col_ico img { max-width: 1.4rem; max-height: 1.4rem; } .contacts_col_ico svg { width: 1.4rem; max-height: 1.4rem; } .contacts_col_ico svg * { fill: #fff; } .contacts_map { height: 49rem; position: relative; } .contacts_map .map { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media screen and (max-width: 1199px) { .contacts_heading, .contacts_heading strong { font-size: 1.6rem; } .contacts_map { height: 35rem; } } @media screen and (max-width: 991px) { .contacts_col { width: 50%; padding-top: 10px; padding-bottom: 10px; } .contacts_heading { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (max-width: 620px) { .contacts_col { width: 100%; padding-top: 0; padding-bottom: 0; } .contacts_col:not(:last-child) { margin-bottom: 20px; } } .contact_form { padding-top: 2rem; } .contact_form_heading { color: #4d4d4d; font-size: 1.6rem; } .contact_form_heading:not(:last-child) { margin-bottom: 3rem; } .contact_form_title { line-height: 1; color: #4d4d4d; font-family: Arame; font-size: 2.7rem; text-transform: uppercase; } .challenge_block, .event_description_content, .event_features { line-height: 1.2; } .contact_form_title:not(:last-child) { margin-bottom: 1rem; } .contact_form_sides { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .contact_form_sides .contact_form_side_left { width: 65%; } .contact_form_sides .contact_form_side_right { width: 35%; padding-left: 3rem; display: -ms-flexbox; display: flex; } .form_element_wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 1rem; } .form_element_wrapper > * { margin-bottom: 3rem; } .form_element_wrapper .form_element { width: 100%; } .form_element_wrapper .form_element.half { width: calc(50% - 15px); } .contact_form_side_right_in { margin: 0 auto; } .contact_form_side_right_in img { max-width: 100%; } @media screen and (max-width: 1199px) { .form_element_wrapper .form_element.half { width: calc(50% - 5px); } .contact_form { padding-top: 4rem; } } @media screen and (max-width: 767px) { .contact_form_sides .contact_form_side_right { display: none; } .contact_form_sides .contact_form_side_left { width: 100%; } .contact_form_bottom { text-align: center; } .contact_form_bottom .main_btn { margin: 0 auto; } } .team_block__photo, .team_blocks { display: -ms-flexbox; } @media screen and (max-width: 420px) { .form_element_wrapper .form_element.half { width: 100%; } .form_element_wrapper > * { margin-bottom: 1.5rem; } } .team_blocks { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; color: #21282f; font-size: 1.6rem; } .team_block__title { color: #21282f; font-family: Arame; font-size: 1.8rem; line-height: 1.2; } .calendar_head_title, .calendar_sign stong, .cmh_el__time, .event_features strong { font-family: BlenderPro b; } .team_block__title:not(:last-child) { margin-bottom: 1.5rem; } .team_block__photo { display: -ms-flexbox; display: flex; height: 18.2rem; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .challenge_sides, .room_description_sides { display: -ms-flexbox; } .team_block__photo:not(:last-child) { margin-bottom: 2.5rem; } .team_block__photo img { max-width: 100%; max-height: 100%; } .team_title { color: #21282f; font-size: 2.4rem; } .team_title:not(:last-child) { margin-bottom: 6rem; } @media screen and (max-width: 991px) { .team_blocks { -ms-flex-wrap: wrap; flex-wrap: wrap; } .team_block { width: 33.333%; margin-bottom: 20px; } } @media screen and (max-width: 600px) { .team_block { width: 50%; } .team_title:not(:last-child) { margin-bottom: 3rem; } .team_title { font-size: 2rem; } } @media screen and (max-width: 420px) { .team_block__title:not(:last-child) { margin-bottom: 1rem; } .team_block__photo:not(:last-child) { margin-bottom: 1.5rem; } .team_block__title { font-size: 1.6rem; } } .room_description_sides { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .room_description_side_right { width: 48.4rem; height: 33.4rem; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .room_description_side_right:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../themes/escape/assets/images/description_frame.png) left top/contain no-repeat; } .room_description_side_left { font-size: 1.8rem; width: calc(100% - 48.4rem - 4.5rem); } .rd_description { height: 33.4rem; overflow: hidden; } .rd_description .mCSB_inside > .mCSB_container { margin-right: 20px; } @media screen and (max-width: 991px) { .room_description_sides { -ms-flex-direction: column; flex-direction: column; } .room_description_sides > :not(:last-child) { margin-bottom: 20px; } .room_description_side_left { width: 100%; } .room_description_side_right { margin: 0 auto; } } .challange_video, .challenge_sides { -webkit-box-align: center; position: relative; } @media screen and (max-width: 600px) { .room_description_side_right { width: 39.9rem; height: 27.6rem; } } @media screen and (max-width: 420px) { .room_description_side_right { width: 31.9rem; height: 22.1rem; } } .challenge_sides { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .challange_video, .challenge_block { display: -ms-flexbox; } .challenge_sides .challenge_side { width: 50%; } .challenge_blocks { max-width: 44.5rem; } .challenge_blocks > :not(:last-child) { margin-bottom: 4.5rem; } .challenge_block { color: #4d4d4d; font-size: 1.9rem; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .challenge_block_ico { width: 6.5rem; -ms-flex-negative: 0; flex-shrink: 0; } .challenge_block_text { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .challenge_block_ico img { max-width: 4.5rem; max-height: 4.7rem; } .challenge_block_ico svg { width: 4.5rem; height: 4.7rem; } .challenge_block_ico svg * { fill: #e0b453; fill: url(../themes/escape/assets/css/#svg-gradient) #e0b453; } .challange_video { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 33.2rem; } .event_sides, .play_circle { display: -ms-flexbox; } .challange_video .side_el.side_el__left { width: 9.6rem; height: 9.9rem; } .challange_video .side_el.side_el__right { width: 17.9rem; height: 18.4rem; } .play_circle { width: 10.8rem; height: 10.8rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .play_circle img { max-width: 3.1rem; max-height: 4.2rem; } .play_circle svg { width: 3.1rem; max-height: 4.2rem; } .play_circle svg * { fill: #fff; } @media screen and (max-width: 1499px) { .challange_video { height: 30rem; } } @media screen and (max-width: 1199px) { .challenge_blocks > :not(:last-child) { margin-bottom: 3rem; } } @media screen and (max-width: 991px) { .challange_video { height: 24rem; } .challenge_blocks { padding-right: 1.5rem; } .challenge_block { font-size: 1.6rem; } } @media screen and (max-width: 600px) { .challenge_sides { -ms-flex-direction: column; flex-direction: column; } .challenge_sides > :not(:last-child) { margin-bottom: 20px; } .challenge_sides .challenge_side { width: 100%; } .challange_video { max-width: 400px; margin: 0 auto; } .challenge_blocks { padding: 0; margin: 0 auto; } } .event-description-text { font-size: 1.8rem; } .event-description-text + .pic_slider { margin-top: 8rem; } .pic_slider { max-width: 62.1rem; position: relative; margin: 0 auto; } .pic_slider:after, .pic_slider:before { content: ""; display: block; background-color: #e7b955; position: absolute; z-index: -1; } .pic_slider img { max-width: 100%; } .pic_slider:before { width: 9.6rem; height: 9.9rem; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); left: -1.5rem; bottom: -1.5rem; } .event_slider:before, .pic_slider:after { background-image: -o-linear-gradient(top, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); } .pic_slider:after { width: 17.9rem; height: 18.4rem; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); right: -1.5rem; top: -1.5rem; } .pic_slider:not(:last-child) { margin-bottom: 1.5rem; } .pic_slider .slick-next, .pic_slider .slick-prev { background: rgba(255, 255, 255, 0); border: none; } .pic_slider .slick-next.slick-disabled, .pic_slider .slick-prev.slick-disabled { opacity: 0.2; } .pic_slider .slick-next:before, .pic_slider .slick-prev:before { display: none; } .pic_slider .slick-next svg *, .pic_slider .slick-prev svg * { fill: #e0b453; } .pic_slider .slick-next { right: -11rem; } .pic_slider .slick-prev { left: -11rem; } .pic_slide { position: relative; height: 41.9rem; } @media screen and (max-width: 1199px) { .event-description-text { font-size: 1.6rem; } .event-description-text + .pic_slider { margin-top: 5rem; } .pic_slider .slick-next { right: -8rem; } .pic_slider .slick-prev { left: -8rem; } } @media screen and (max-width: 991px) { .event-description-text { font-size: 1.4rem; } } .calendar_sign, .event_description_content, .event_features { color: #4d4d4d; font-size: 1.9rem; } @media screen and (max-width: 767px) { .pic_slider .slick-next { padding: 0.5rem; background: rgba(255, 255, 255, 0.3); right: 0; } .pic_slider .slick-prev { padding: 0.5rem; background: rgba(255, 255, 255, 0.3); left: 0; } } @media screen and (max-width: 600px) { .pic_slider { max-width: 400px; } .pic_slide { height: 30rem; } } @media screen and (max-width: 370px) { .pic_slide { height: 23rem; } } .event_sides { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .event_feature, .event_feature_ico { display: -ms-flexbox; } .event_sides:not(:last-child) { margin-bottom: 8rem; } .event_side { width: 50%; } .event_description_content > :not(:last-child) { margin-bottom: 4rem; } .event_features > :not(:last-child) { margin-bottom: 1rem; } .event_feature_ico { -ms-flex-negative: 0; flex-shrink: 0; width: 2.8rem; height: 2.8rem; background-color: #e0b453; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-right: 2rem; } .event_feature_ico img { max-width: 1.8rem; max-height: 1.8rem; } .event_feature_ico svg { width: 1.8rem; max-height: 1.8rem; } .event_feature_ico svg * { fill: #fff; } .event_feature { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .event_side_slider_wrapper, .event_slide { display: -ms-flexbox; } .event_side_content_wrapper { padding-right: 1.5rem; } .event_feature_text { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .event_side_slider_wrapper { display: -ms-flexbox; display: flex; padding-left: 3rem; } .event_slider { position: relative; z-index: 0; width: 62.1rem; height: 41.9rem; margin-bottom: 5.5rem; overflow: hidden; } .event_slider:after, .event_slider:before { display: block; background-color: #e7b955; position: absolute; z-index: -1; content: ""; } .event_slider.slick-initialized { overflow: visible; } .event_slider:before { width: 9.6rem; height: 9.9rem; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); left: -1.5rem; bottom: -1.5rem; } .event_slider:after { width: 17.9rem; height: 18.4rem; background-image: linear-gradient(180deg, rgba(229, 186, 55, 0.07) 0, rgba(143, 78, 28, 0.07) 100%); right: -1.5rem; top: -1.5rem; } .event_slider .slick-next, .event_slider .slick-prev { background: rgba(255, 255, 255, 0); border: none; -ms-transform: none; transform: none; top: auto; bottom: -6.5rem; } .event_slider .slick-next:before, .event_slider .slick-prev:before { display: none; } .event_slider .slick-next svg *, .event_slider .slick-prev svg * { fill: #e0b453; } .event_slider .slick-prev { left: 50%; -ms-transform: translateX(-100%); transform: translateX(-100%); margin-left: -95px; } .event_slider .slick-next { right: 50%; -ms-transform: translateX(100%); transform: translateX(100%); margin-right: -95px; } .event_slide { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .calendar_sign, .calendar_sign_ico { display: -ms-flexbox; } .event_slide img { max-width: 62.1rem; max-height: 41.9rem; } .calendar_container > :not(:last-child) { margin-bottom: 5rem; } .calendar_sign { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 1; } .calendar_sign a:hover { color: #e0b453; } .calendar_sign_ico { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .calendar__head, .calendar_select_wrapper { display: -ms-flexbox; } .calendar_sign_ico img { max-width: 2.9rem; max-height: 2.9rem; } .calendar_sign_ico svg { width: 2.9rem; max-height: 2.9rem; } .calendar_sign_ico svg * { fill: #e0b453; fill: url(../themes/escape/assets/css/#svg-gradient) #e0b453; } .acalendar_arrow svg *, .acalendar_arrows_ico svg *, .calendar_select_ico svg *, .cmh_el__left svg * { fill: #fff; } .calendar__head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #e0b453; padding: 2rem 5.5rem; } .calendar__head > * { width: 33.333%; } .calendar_head_title { color: #fff; font-size: 2.4rem; line-height: 1; text-transform: uppercase; } .calendar__head_right { text-align: right; } .calendar_select_wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .acalendar_arrows, .acalendar_arrows_ico { display: -ms-flexbox; } .calendar_select_ico { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 2rem; } .calendar_select_ico img { max-width: 1.9rem; max-height: 2.2rem; } .calendar_select_ico svg { width: 1.9rem; height: 2.2rem; } .calendar_select { width: 130px; } .calendar_select .selectric { background: rgba(255, 255, 255, 0); border: none; } .calendar_select .selectric .button { width: 25px; } .calendar_select .selectric .label { margin-left: 0; color: #fff; font-family: BlenderPro b; font-size: 2.4rem; margin-right: 25px; } .calendar_select .selectric .button:before { border-color: #fff; border-width: 2px; } .calendar_select .selectric-items li { padding-left: 0; padding-right: 0; font-size: 1.8rem; } .acalendar_arrows { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .acalendar_arrows .acalendar_arrow { opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .game_time, .game_time:before { -webkit-transition: all 0.3s ease-in-out; } .acalendar_arrows > :not(:last-child) { margin-right: 2rem; } .acalendar_arrows.showed .acalendar_arrow { pointer-events: auto; opacity: 0.8; visibility: visible; } .acalendar_arrows.showed .acalendar_arrow:hover { opacity: 1; } .acalendar_arrows.showed .acalendar_arrow.disabled { opacity: 0.2; pointer-events: none !important; } .acalendar_arrows_ico { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .acalendar_arrows_ico img { max-width: 2rem; max-height: 2rem; } .acalendar_arrows_ico svg { width: 2rem; max-height: 2rem; } .acalendar_arrow { width: 3rem; height: 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .cmh_el, .game_time { -webkit-box-align: center; } .acalendar_arrow img { max-width: 100%; max-height: 100%; } .acalendar_arrow svg { width: 100%; max-height: 100%; } .calendar__body { background-color: #f6f6f6; } .calendar__body > :not(:last-child) { border-bottom: 1px solid #e9e9ea; } .calendar__body_row { padding: 2rem 3.5rem 2rem 0; } .calendar_row_table { display: table; width: 100%; color: #21282f; table-layout: fixed; font-size: 1.9rem; } .calendar_row_table ul.tr { display: table-row; width: 100%; } .calendar_row_table li.td { display: table-cell; vertical-align: middle; text-align: center; padding-left: 0.5rem; padding-right: 0.5rem; } .calendar_row_table li.td.date { width: 19%; } .game_time { height: 5rem; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; position: relative; z-index: 0; } .game_time:before { content: ""; display: block; width: 0; height: 0; background-color: #21282f; border-radius: 50%; position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; z-index: -1; } .game_time.reserved { color: #e0b453; pointer-events: none; } .game_time:hover { color: #e0b453; } .game_time:hover:before { width: 6.4rem; height: 6.4rem; } .calendar_modal { width: 31.5rem; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 0; display: none; } .cmh_el, .cmh_el__left { display: -ms-flexbox; } .cmh_el { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .cmh_el__left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .cmh_el__left img { max-width: 2.2rem; max-height: 2.2rem; } .cmh_el__left svg { width: 2.2rem; height: 2.2rem; } .cmh_el__left > :not(:last-child) { margin-right: 2.5rem; } .cmh_el__time { color: #f6f6f6; font-size: 3.2rem; } .comments_slide__title, .key_block__title { font-family: Arame; text-transform: uppercase; } .calendar_modal__head { background: #e0b453; padding: 2rem 3rem; line-height: 1; color: #f6f6f6; font-size: 2.4rem; } .calendar_modal__head > :not(:last-child) { margin-bottom: 1.5rem; } .calendar_modal__body { padding: 3rem; } .calendar_modal__body_elements > :not(:last-child) { margin-bottom: 3.5rem; } .calendar_modal__buttons { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; } .calendar_modal__buttons .main_btn.small .main_btn_inner { min-width: 11.9rem; padding-left: 1rem; padding-right: 1rem; } .cmh_el__right img { max-width: 1.7rem; max-height: 1.7rem; } .cmh_el__right svg { width: 1.7rem; max-height: 1.7rem; } .cmh_el__right svg * { fill: rgba(246, 246, 246, 0.52); } .comments_slider { padding-bottom: 9.5rem; margin-left: -1.5rem; margin-right: -1.5rem; text-align: center; } .comments_slider .slick-next, .comments_slider .slick-prev { background: rgba(255, 255, 255, 0); border: none; -ms-transform: none; transform: none; } .comments_slider .slick-next.slick-disabled, .comments_slider .slick-prev.slick-disabled { opacity: 0.2; } .comments_slider .slick-next:before, .comments_slider .slick-prev:before { display: none; } .comments_slider .slick-next svg *, .comments_slider .slick-prev svg * { fill: #e0b453; } .comments_slider .slick-prev { top: auto; bottom: 0; left: 50%; -ms-transform: translateX(-150%); transform: translateX(-150%); } .comments_slider .slick-next { top: auto; bottom: 0; right: 50%; -ms-transform: translateX(150%); transform: translateX(150%); } .comments_slider:not(:last-child) { margin-bottom: 8rem; } .comments_slide { padding-left: 1.5rem; padding-right: 1.5rem; position: relative; } .comments_slide:after, .comments_slide:before { content: ""; display: block; width: 2.8rem; height: 2.6rem; position: absolute; } .comments_slide:before { top: 0; left: 1.5rem; background: url(../themes/escape/assets/images/comment_quote_left.png) center/contain; } .comments_slide:after { right: 1.5rem; bottom: 0; background: url(../themes/escape/assets/images/comment_quote_right.png) center/contain; } .comments_slide > :not(:last-child) { margin-bottom: 2.5rem; } .comments_slide__head { line-height: 1; } .comments_slide__head > :not(:last-child) { margin-bottom: 1rem; } .comments_slide__title { color: #21282f; font-size: 2.2rem; } .comments_slide__rate { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .comments_slide__rate > :not(:last-child) { margin-right: 0.2rem; } .comments_slide__rate img, .comments_slide__rate svg { width: 1.3rem; height: 1.3rem; } .comments_slide__rate svg * { fill: #000; } .comments_slide__rate .filled svg * { fill: #e0b453; fill: url(../themes/escape/assets/css/#svg-gradient) #e0b453; } .comments_slide__comment { color: #21282f; font-size: 1.8rem; } .comments_slide__body > :not(:last-child) { margin-bottom: 2.5rem; } .comments_slide__name { color: rgba(33, 40, 47, 0.55); font-size: 2.2rem; } @media screen and (max-width: 1199px) { .event_sides { -ms-flex-direction: column; flex-direction: column; } .event_sides > :not(:last-child) { margin-bottom: 40px; } .event_side { width: 100%; } .event_side_content_wrapper, .event_side_slider_wrapper { padding: 0; } .event_slider { margin: 0 auto 5.5rem; } .event_description_content .article__bottom_buttons { text-align: center; } .event_description_content > :not(:last-child) { margin-bottom: 3rem; } } @media screen and (max-width: 991px) { .calendar__head { padding: 2rem; } .calendar__body_row { padding: 2rem 1rem 2rem 0; } .comments_slide__title { font-size: 1.8rem; } .comments_slide > :not(:last-child), .comments_slide__body > :not(:last-child) { margin-bottom: 1.5rem; } .comments_slide__comment { font-size: 1.6rem; line-height: normal; } .comments_slide__name { font-size: 1.8rem; } } @media screen and (max-width: 767px) { .calendar__head_right { display: none; } .calendar__head_side { width: 50%; } .acalendar_arrows { -ms-flex-pack: end; justify-content: flex-end; } .calendar_wrapper { width: calc(100% - 30px); margin: 0 auto; } .calendar__body .slick-next, .calendar__body .slick-prev { border: none; background: rgba(255, 255, 255, 0); width: 30px; z-index: 2; } .calendar__body .slick-next:before, .calendar__body .slick-prev:before { border-color: #e0b453; } .calendar__body .slick-disabled { opacity: 0.2; } .calendar__body .slick-prev { left: -25px; } .calendar__body .slick-next { right: -25px; } .calendar_row_table { display: block; } .calendar_row_table ul.tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .calendar_row_table li.td.date { width: 100%; margin-bottom: 20px; } .calendar__body_row { padding-top: 1rem; padding-bottom: 1rem; padding-right: 0; } .calendar_row_table li.td { width: 25%; } .calendar__head { padding: 1rem 2rem; } } @media screen and (max-width: 600px) { .event_slider { width: 100%; height: auto; } .event_slide img { max-width: 100%; max-height: 100%; } .event_slider:after, .event_slider:before { display: none; } .comments_slider:not(:last-child), .event_sides:not(:last-child) { margin-bottom: 5rem; } .comments_slider { padding-bottom: 8.5rem; } .event_slider .slick-prev { margin-left: 0; -ms-transform: translateX(-150%); transform: translateX(-150%); } .event_slider .slick-next { margin-right: 0; left: auto; right: 50%; -ms-transform: translateX(150%); transform: translateX(150%); } } .key_block, .key_blocks { display: -ms-flexbox; } @media screen and (max-width: 420px) { .calendar_row_table li.td.date { margin-bottom: 10px; } .game_time:hover:before { width: 5.4rem; height: 5.4rem; } .calendar__head { padding: 1rem; } .acalendar_arrows > :not(:last-child) { margin-right: 1.5rem; } .calendar_sign { font-size: 1.8rem; } .event_feature_ico { width: 3rem; height: 3rem; margin-right: 1rem; } } .key_blocks { margin-left: -1.5rem; margin-right: -1.5rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .key_blocks:not(:last-child) { margin-bottom: 5.5rem; } .key_block { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: calc(25% - 3rem); margin: 0 1.5rem 3rem; text-align: center; background: rgba(255, 255, 255, 0.1); border: 0.1rem solid rgba(255, 255, 255, 0); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .key_block__img, .sert_frame { display: -ms-flexbox; -webkit-box-align: center; } .key_block:hover { border-color: #e0b453; box-shadow: 0 1.5rem 3.8rem rgba(223, 177, 62, 0.1); background: #000; } .key_block__img { height: 16.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0.5rem; } .key_block__img img, .key_block__img svg { max-width: 100%; max-height: 100%; } .key_block__head { line-height: 1; } .key_block__head > :not(:last-child) { margin-bottom: 0.5rem; } .key_block__head:not(:last-child) { margin-bottom: 2rem; } .key_block__title { color: #fff; font-size: 2.2rem; } .key_block__content { padding: 0 1.5rem 2rem; color: #fff; } .key_block__price, .sert_frame_title { color: #e0b453; font-family: BlenderPro b; } .key_block__price { font-size: 1.8rem; } .key_block__price strong { font-size: 2.8rem; } .key_block__text { min-height: 92px; } .sert_frame { background: rgba(255, 255, 255, 0.15); border: 0.1rem solid #e0b453; padding: 6.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sert_frame:not(:last-child) { margin-bottom: 4.5rem; } .sert_frame_content > :not(:last-child) { margin-bottom: 3rem; } .sert_frame_img { width: 40%; } .sert_frame_img img { max-width: 100%; } .sert_frame_content { width: 60%; padding-left: 7rem; } .sert_frame_title { font-size: 2.2rem; line-height: 1; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .sert_frame_title strong { font-size: 3.2rem; } .sert_frame_controls { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .sert_frame_controls > :not(:first-child) { margin-left: 1.5rem; } .is_hidden { display: none; } .modal_win { width: 92rem; background-color: #fff; box-shadow: 0 1.5rem 3.8rem rgba(88, 85, 79, 0.14); text-align: left; padding: 0; } .modal_win .fancybox-button { padding: 5px; } .modal_win .fancybox-button svg * { fill: #fff !important; } .modal_win__head { background: #e0b453; position: relative; padding: 2.5rem 7rem; } .modal_win__title { color: #f6f6f6; font-family: BlenderPro b; font-size: 3.2rem; line-height: 1; } .modal_win__body { padding: 4.5rem 7rem; } svg path { fill: inherit; } @media screen and (max-width: 1199px) { .sert_frame_content { padding-left: 3rem; } .sert_frame { padding: 4rem; } } @media screen and (max-width: 991px) { .key_block { width: calc(33.333% - 3rem); } .sert_frame { -ms-flex-direction: column; flex-direction: column; } .sert_frame > :not(:last-child) { margin-bottom: 2rem; } .sert_frame_img { width: 100%; text-align: center; } .sert_frame_content { width: 100%; padding-left: 0; } .modal_win__head { padding-left: 3rem; } .modal_win__body { padding: 3rem; } } @media screen and (max-width: 767px) { .key_block { width: calc(50% - 3rem); } .key_block__text { min-height: 55px; } .modal_win__head { padding-left: 1rem; } .modal_win__body { padding: 3rem 1rem; } .form_elements .form_element.tripple { width: calc(50% - 1rem); } .modal_win__title { font-size: 2.6rem; } } @media screen and (max-width: 600px) { .key_blocks { margin-left: -1rem; margin-right: -1rem; } .key_block { width: calc(50% - 2rem); margin-left: 1rem; margin-right: 1rem; } .key_block__title { font-size: 1.8rem; } .key_block__price strong { font-size: 2.2rem; } .sert_frame { padding: 2rem; } } @media screen and (max-width: 420px) { .form_bottom_controls, .sert_frame_controls { } .form_bottom_controls > :not(:last-child), .sert_frame_controls > :not(:last-child) { margin-bottom: 1.5rem; } .key_block { width: calc(100% - 2rem); } .sert_frame_title { padding-bottom: 1rem; } .sert_frame_controls { -ms-flex-direction: column; flex-direction: column; } .form_elements .form_element.tripple { width: calc(100% - 1rem); } .form_bottom_controls { -ms-flex-direction: column; flex-direction: column; } .modal_win__head { padding-top: 1.5rem; padding-bottom: 1.5rem; } } /*.vouchercher_header_row1 { font-weight: 500; font-size: 16px; line-height: 19px; color: #000000; }*/ .screen-dark-bg { position: relative; } .screen-dark-bg-layer:after { position: absolute; display: inline-block; content: ''; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } .form_input_file { display: none; } .form_element--file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-family: inherit; width: 100%; height: 5rem; background-color: #f6f6f6; border-radius: 2.5rem; border: 1px solid #f6f6f6; color: rgba(33, 40, 47, 0.53); font-size: 1.8rem; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; padding-left: 2.5rem; padding-right: 2.5rem; box-shadow: none; } .form_element--file.span { font-family: inherit; color: rgba(33, 40, 47, 0.53); font-size: 1.8rem; } .form_element--file.error { border-color: red; } .testimonials_slide { -ms-flex-pack: start; justify-content: flex-start; } .header_nav ul li { position: relative; } .header_nav .menu-item-has-children a { position: relative; padding-right: 15px; } .header_nav .menu-item-has-children a:after { width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; content: ''; border-color: transparent transparent transparent #fff; position: absolute; transform: translateY(-50%); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } .header_nav > a { color: #fff; font-family: BlenderPro b; font-size: 1.8rem; text-transform: uppercase; display: inline-block; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } .header_nav a:hover { color: #e0b453; } .menu-item { position: relative; } .header_nav .sub-menu { position: absolute; top: 120%; width: 22rem; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); padding: 1.5rem 2.5rem 2rem; color: #fff; font-size: 1.6rem; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; opacity: 0; visibility: hidden; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; } .header_nav .sub-menu:before { display: block; -webkit-transition: all .3s ease-in-out; width: 11.5rem; content: ''; height: 2px; background: #e0b453; position: absolute; top: -1px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } .header_nav .sub-menu a { display: inline-block; width: 100%; color: #fff; font-size: 1.6rem; /*text-transform: capitalize;*/ } .header_nav .sub-menu a:hover { color: #e0b453; } .header_nav .menu-item-has-children:hover .sub-menu { top: 100%; opacity: 1; visibility: visible; } .quantity_btn.plus { left: auto; right: 0.5rem; } .quantity_btn.minus { right: auto; left: 0.5rem; } @media screen and (max-width: 767px) { .header_main__top .main_logo { position: relative; z-index: 2; } } .form_element .selectric-wrapper { width: 100%; } #modal1 .modal_win__body { padding: 7rem; } .submit_btn.rss_frame_button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 767px) and (max-width: 992px) { .header_main__top .header_top_left { display: none; } } .secondname { display: none !important; } .cart_page { background: url(../themes/escape/assets/images/eye_grey.svg) no-repeat 53% 125px/362px auto; } .product-delete { cursor: pointer; } @media (max-width: 767px) { .product-delete { position: absolute; right: 10px; bottom: 22px; height: 20px; } } .product-delete svg { width: 20px; height: 25px; } .table-head-row { background-color: #0b0a0b; color: #fff; display: none; } @media (min-width: 768px) { .table-head-row { display: -ms-flexbox; display: flex; } } .table-head-row > div { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .table-head-row > div:not(:first-child) { text-align: center; } } .table-comment-row { border-bottom: 1px solid rgba(72, 80, 80, 0.5); } @media (min-width: 768px) { .table-comment-row { display: -ms-flexbox; display: flex; } } .table-comment-row > div { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .table-comment-row > div:not(:first-child) { text-align: center; } } .table-result-row { background-color: #e0b453; } @media (min-width: 768px) { .table-result-row { display: -ms-flexbox; display: flex; } } .table-result-row > div { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .table-result-row > div:not(:first-child) { text-align: center; } } .table-result-row .price-col { color: #fff; } .product-item-row { border-bottom: 1px solid rgba(72, 80, 80, 0.5); -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1024px) { .product-item-row { -ms-flex-align: center; align-items: center; } } .product-item-row.-bordered { border: 1px solid #e0b453; margin: 0; } .product-item-row.-bordered:not(:last-of-type) { border-bottom-color: transparent; } .product-item-row > div { padding-top: 15px; } @media (max-width: 575px) { .product-item-row > div { padding-top: 10px; } } @media (min-width: 768px) { .product-item-row > div { padding-bottom: 15px; } } @media (max-width: 575px) { .product-item-row .col-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .product-item-row > div:not(:first-child) { text-align: center; max-width: 70%; } } .product-item-row [plus], .product-item-row [minus] { border: 0; color: #C7943A; } .product-item-row small { font-size: 13px; } @media (max-width: 575px) { .amount-col { line-height: 41px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } .product-col { padding-left: 75px; min-height: 75px; } @media (min-width: 768px) { .product-col { padding-left: 115px; min-height: 130px; } } @media (max-width: 575px) { .product-col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .product-col .img-link { position: absolute; left: 15px; top: 15px; } @media (max-width: 767px) { .product-col .img-link { width: 60px; } } .product-col .img-link img { max-width: 100%; display: block; } .product-link { color: #C7943A; text-decoration: underline; } .price-col { font-size: 16px; color: #0b0a0b; font-weight: 700; font-family: Arame; } @media (min-width: 576px) and (max-width: 767px) { .price-col { padding-bottom: 15px; } } @media (max-width: 575px) { .price-col { line-height: 41px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } .coupon-row { margin-top: 15px; margin-bottom: 15px; } .coupon-row > div { line-height: 41px; } .coupon-row > div:first-child { font-weight: 700; font-size: 18px; font-family: BlenderPro b; } .coupon-row .coupon-input { width: auto; height: auto; } .spinner-quantity { font-size: 20px; white-space: nowrap; } .spinner-quantity > * { display: inline-block; height: 20px; line-height: 20px; font-size: 15px; border: 1px solid #ccc; width: 20px; text-align: center; vertical-align: middle; margin-right: -4px; } .spinner-quantity span { cursor: pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .spinner-quantity input { padding: 16px; width: 61px; text-align: center; display: inline-block; } .spinner-quantity input:focus { outline-color: #C7943A; } .empty-cart { color: red; cursor: pointer; } .cart-section { padding-top: 30px; } .cart-section.-pad-b { padding-bottom: 30px; } @media (min-width: 768px) { .cart-section.-pad-b { padding-bottom: 80px; } } @media (min-width: 576px) and (max-width: 767px) { .cart-section .main_btn { position: absolute; right: 15px; bottom: 30px; } } @media (min-width: 1024px) { .cart-section .main_btn { margin-left: auto; -ms-transform: translateX(50%); transform: translateX(50%); position: relative; z-index: 1000; } } .product-col > * { display: inline-block; vertical-align: middle; } .product-col > *:not(:first-child) { padding-left: 15px; } .cart-purchases-section { margin-bottom: 30px; } .cart-coupon-section { background-color: #0b0a0b; padding-top: 30px; padding-bottom: 30px; color: #fff; } span.visible { color: red; display: block; } .radio-payment { display: none; } .total-row { -ms-flex-align: end; align-items: flex-end; } .cart-total-final { color: #e0b453; font-size: 2.2rem; font-weight: 700; font-family: Arame; line-height: 26px; text-transform: uppercase; display: block; } .cart-total-final span { color: #0b0a0b; } .cart-total-final ~ small i { color: #C7943A; } .checkout-agreements { margin-top: 30px; list-style-type: none; } .radio-payment + label { position: relative; margin-bottom: 15px; display: block; } .radio-circle { border: 2px solid #0b0a0b; border-radius: 50%; cursor: pointer; height: 20px; position: absolute; transition: border-color 300ms; width: 20px; } .radio-label { cursor: pointer; padding-left: 40px; -webkit-user-select: none; -ms-user-select: none; user-select: none; -moz-user-select: none; } .highlight { background: #C7943A; border-radius: 50%; height: 12px; left: 4px; pointer-events: none; position: absolute; top: -13px; transition: transform 400ms cubic-bezier(0.175, 0.885, 0.32, 1.2); -ms-transform: translateY(-50px); transform: translateY(-50px); width: 12px; } .radio-payment:nth-child(1):checked ~ .highlight { -ms-transform: translateY(17px); transform: translateY(17px); } .radio-payment:nth-child(3):checked ~ .highlight { -ms-transform: translateY(52px); transform: translateY(52px); } .radio-payment:nth-child(5):checked ~ .highlight { -ms-transform: translateY(87px); transform: translateY(87px); } .radio-payment:nth-child(1):checked + label .radio-circle { border-color: #C7943A; } .radio-payment:nth-child(3):checked + label .radio-circle { border-color: #C7943A; } .radio-payment:nth-child(5):checked + label .radio-circle { border-color: #C7943A; } .radio-group .inner { overflow: hidden; position: relative; } @media (max-width: 767px) { .total-block { padding-bottom: 30px; } } @media (min-width: 768px) { .total-block { padding: 15px; } } @media (max-width: 767px) { .reverse-cols-row > .col:first-child { -ms-flex-order: 2; order: 2; } } @media (max-width: 767px) { .reverse-cols-row > .col:last-child { padding-bottom: 30px; } } @media (max-width: 767px) { .reverse-cols-row .col { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .msg-popup { max-width: 500px; margin: 0 auto; padding: 30px; background-color: #fff; } .msg-popup a { color: #C7943A; text-decoration: underline; } .cart-section .product_subtitle { padding-left: 0; } .checkout-offer-product { margin-bottom: 40px; } .offer-header { background-color: #e0b453; color: #fff; font-size: 16px; font-family: Arame; text-transform: uppercase; padding: 1rem 15px; min-height: 50px; position: relative; } @media (min-width: 768px) { .offer-header { font-size: 2.2rem; } } .offer-header input[type="checkbox"] { display: none; } .offer-header label { padding-right: 50px; display: block; } @media (min-width: 768px) { .offer-header label { padding-left: 50px; } } .offer-header label::before { content: ''; width: 30px; height: 30px; border: 2px solid #fff; position: absolute; right: 10px; top: 10px; } @media (min-width: 768px) { .offer-header label::before { left: 10px; } } .offer-header input:checked + label:before { background: url(../themes/escape/assets/images/ch_wt.svg) 60% 50% no-repeat; background-size: 83% auto; } .deco-images { min-height: 180px; position: relative; padding-top: 15px; padding-bottom: 15px; } .deco-images .offer-img1, .deco-images .offer-img2 { content: ''; position: absolute; right: 30px; background-size: contain; background-position: right top; background-repeat: no-repeat; height: 70px; width: 70px; } .deco-images .offer-img1 { top: 15px; } .deco-images .offer-img2 { bottom: 15px; } .deco-images strong { display: inline-block; margin-bottom: 1rem; text-decoration: underline; } .deco-images > * { padding: 0 25% 0 15px; } @media (min-width: 768px) { .deco-images > * { padding: 0 100px 0 15px; } } @media (min-width: 1200px) { .deco-images > * { padding: 0 250px 0 15px; } } .offer-body { border: 1px solid #c0c0c0; margin-top: 5px; } .offer-body .col-auto { max-height: 235px; overflow: hidden; } @media (max-width: 767px) { .offer-body .col-auto { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 768px) { .offer-body .col-auto { -ms-flex-order: 2; order: 2; } } .offer-body img { max-width: 100%; display: block; position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 768px) { .offer-body img { max-width: 180px; } } .page-id-product .event_slider { width: 100%; padding-left: 0; } .page-id-product .event_slide img { max-width: inherit; width: 100%; max-height: inherit; height: auto; } .page-id-product .event_slider:before, .page-id-product .event_slider:after { content: none; } .page-id-product .event_slider .slick-next, .page-id-product .event_slider .slick-prev { bottom: -10.5rem; } .page-id-product .dark_bg .comments_slide__title, .page-id-product .dark_bg .comments_slide__comment, .page-id-product .dark_bg .comments_slide__name { color: #fff; } .page-id-product .product_feature { display: inline-block; margin-right: 30px; margin-top: 30px; width: 50px; vertical-align: top; } .page-id-product .product_feature:last-child { margin-right: 0; } .page-id-product .product_feature_ico svg { width: 35px; height: 35px; margin-bottom: 10px; display: inline-block; } @media screen and (min-width: 1200px) { .event_side_slider_wrapper_left { padding-right: 3rem; } .event_side_slider_wrapper_left { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product_top_block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: flex-start; margin: 10px -10px 6rem; } } .event_side_slider_wrapper_left img { max-width: 100%; height: auto; border: 1px solid #e0b453; } .event_side_slider_wrapper_left .slide_item { padding: 10px; } .related_products .key_block { border-color: #e0b453; } .related_products .key_block:hover .key_block__title, .related_products .key_block .key_block__text { color: #fff; } .related_products .key_block .key_block__title, .related_products .key_block .key_block__text { color: #000; } .video_responsive { position: relative; height: 0; padding-bottom: 56%; } .video_responsive iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .sert_frame .event_sides { width: 100%; -ms-flex-align: start; align-items: flex-start; } .product_slick_slider, .product_slick_nav { width: 100%; } @media screen and (max-width: 1199px) { .product_top_block { max-width: 630px; margin: 0 auto; } .event_side_description, .product_subtitle, .sert_frame_title { padding-left: 10px; padding-right: 10px; } .sert_frame_buttons { margin-bottom: 3rem; } } .product_subtitle { font-size: 2.2rem; font-family: Arame; text-transform: uppercase; margin-bottom: 2rem; } @media screen and (max-width: 767px) { .breadcrumbs_section.hide_mobile { padding-top: 61px; } } @media screen and (max-width: 420px) { .breadcrumbs_section.hide_mobile { padding-top: 43px; } } @media screen and (max-width: 767px) { .breadcrumbs_section.hide_mobile > * { display: none; } } .bg_title { min-height: 500px; max-height: 640px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; } .bg_title .main_title { color: #fff; text-align: center; padding-right: 30px; padding-left: 30px; position: relative; } @media screen and (max-width: 767px) { .bg_title .main_title { font-size: 35px; } } .bg_title .main_title::before { content: ""; display: block; width: 80px; height: 2px; background-color: #e0b453; position: absolute; bottom: -30px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .title_underline { text-align: center; position: relative; padding-bottom: .5rem; margin-bottom: 1rem; } .main_longtitle { text-align: center; font-family: BlenderPro b, sans serif; margin-bottom: 4rem; } @media screen and (min-width: 768px) { .main_longtitle { font-size: 18px; } } .title_underline:before { content: ""; display: block; width: 11.4rem; height: 0.3rem; background-color: #e0b453; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-event-order { padding: 4rem 15px 6.5rem; overflow: hidden; } .breadcrumbs_section { padding: 20rem 1rem 2rem; } .video-responsive img { border-radius: 4px; } .video-responsive { position: relative; } .video-responsive::after { content: ''; width: 130px; height: 100%; top: -30px; background-size: contain; background-repeat: no-repeat; background-position: 50% 0; position: absolute; left: 0; -ms-transform: translateX(-60%); transform: translateX(-60%); z-index: -1; } @media screen and (max-width: 1499px) { .das-verlorene-grabmal .video-responsive::after { background-image: url(/storage/app/media/products/icons/bird.svg); } .die-verfluchten-schatze .video-responsive::after { background-image: url(../themes/escape/assets/images/kompas.svg); -ms-transform: translate(-30%, -10%); transform: translate(-30%, -10%); } .das-geld-der-mafia .video-responsive::after { background-image: url(../themes/escape/assets/images/kastet.svg); -ms-transform: translateX(-77%) translateY(-20%) rotate(45deg); transform: translateX(-77%) translateY(-20%) rotateZ(45deg); } .rettungsmission-der-menschheit .video-responsive::after { background-image: url(../themes/escape/assets/images/rocket.svg); -ms-transform: translate(-10%, -20%); transform: translate(-10%, -20%); } } @media screen and (min-width: 1500px) { .video-responsive::after { content: ''; width: 355px; height: 90%; top: 5%; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; right: 0; left: auto; -ms-transform: translateX(105%); transform: translateX(105%); } .das-verlorene-grabmal .video-responsive::after { background-image: url(../themes/escape/assets/images/side_img1.png); } .die-verfluchten-schatze .video-responsive::after { background-image: url(../themes/escape/assets/images/bubu_treasure.png); } .das-geld-der-mafia .video-responsive::after { background-image: url(../themes/escape/assets/images/bubu_mafia.png); } .rettungsmission-der-menschheit .video-responsive::after { background-image: url(../themes/escape/assets/images/bubu_kosmos.png); } } .video-responsive a { display: block; height: 0; background-size: cover; } .video-responsive iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; } .video-play { position: relative; display: block; } .video-play::after { content: ''; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../themes/escape/assets/images/play-circle.svg) no-repeat 0 0/contain; } .video-play img { max-width: 100%; } .video_slider { margin: 0 -15px 8rem; position: relative; } @media screen and (min-width: 1200px) { .video_slider { margin-bottom: 20rem; } } @media screen and (min-width: 1500px) { .video_slider::after { content: ''; width: 355px; height: 100%; top: 0; background-size: auto 50%; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; right: 0; -ms-transform: translateX(105%); transform: translateX(105%); } .das-verlorene-grabmal .video_slider::after { background-image: url(/storage/app/media/products/icons/eye.svg); } .die-verfluchten-schatze .video_slider::after { background-image: url(../themes/escape/assets/images/rocks.svg); } .das-geld-der-mafia .video_slider::after { background-image: url(../themes/escape/assets/images/sigar.svg); background-size: auto 18%; -ms-transform: translateX(100%) rotate(45deg); transform: translateX(100%) rotateZ(45deg); } .rettungsmission-der-menschheit .video_slider::after { background-image: url(../themes/escape/assets/images/telescope.svg); background-size: auto 75%; } } .video_slider .video-play { max-width: 350px; margin: 0 auto; } .you_get { margin-bottom: 2rem; position: relative; } @media screen and (max-width: 767px) { .you_get .row { padding-right: 120px; } } @media screen and (min-width: 768px) { .you_get { margin-bottom: 8rem; } } @media screen and (max-width: 767px) { .you_get::after { content: ''; width: 100px; height: 100%; top: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; right: 0; } .das-verlorene-grabmal .you_get::after { background-image: url(/storage/app/media/products/icons/eye.svg); } .die-verfluchten-schatze .you_get::after { background-image: url(../themes/escape/assets/images/truba.svg); height: 60%; top: 25%; } .das-geld-der-mafia .you_get::after { background-image: url(../themes/escape/assets/images/banknote.svg); } .rettungsmission-der-menschheit .you_get::after { background-image: url(../themes/escape/assets/images/telescope.svg); } } @media screen and (max-width: 767px) { .you_get .col { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .you_get_wrapper { margin: 0 0 1rem; list-style: none; } @media screen and (min-width: 1200px) { .you_get_wrapper { border-radius: 4px; border: 1px solid #e0b453; padding: 2rem; } } @media screen and (min-width: 768px) { .you_get_wrapper { margin: 0 0 8rem; } } .you_get_wrapper li { margin-bottom: 1.5rem; position: relative; } @media screen and (min-width: 768px) { .you_get_wrapper li { font-family: BlenderPro b, sans serif; font-size: 18px; padding-left: 25px; } } @media screen and (min-width: 768px) { .you_get_wrapper li:before { content: ''; position: absolute; width: 15px; height: 3px; background-color: #e0b453; left: 0; top: 11px; } } .event_features_wrapper { margin-top: 2rem; margin-bottom: 2rem; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .event_age_players span { border-radius: 4px; border: 1px solid #c0c0c0; padding: 4px 8px; } .event_age_players span + span { margin-left: 8px; } .event_level svg { width: 16px; height: 16px; } .event_level .key_golden { color: #e0b453; } .event_level .key_grey { color: #cccccc; } .event_content_wrapper { border-radius: 4px; border: 1px solid #e0b453; padding: 15px 15px 6rem; color: #4d4d4d; font-size: 1.9rem; position: relative; } @media screen and (min-width: 768px) { .event_content_wrapper { padding: 5rem 7rem 12rem; } } @media screen and (min-width: 1500px) { .event_content_wrapper::after { content: ''; width: 370px; height: 100%; top: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -ms-transform: translateX(105%); transform: translateX(105%); position: absolute; right: 0; } } .das-verlorene-grabmal .event_content_wrapper::after { background-image: url(../themes/escape/assets/images/bug_bird_vertical.svg); } .die-verfluchten-schatze .event_content_wrapper::after { background-image: url(../themes/escape/assets/images/kompas.svg); background-size: auto 50%; } .das-geld-der-mafia .event_content_wrapper::after { background-image: url(../themes/escape/assets/images/kastet.svg); background-size: auto 50%; -ms-transform: translateX(100%) rotate(45deg); transform: translateX(100%) rotateZ(45deg); } .rettungsmission-der-menschheit .event_content_wrapper::after { background-image: url(../themes/escape/assets/images/asteroid.svg); background-size: auto 50%; } .event_content_wrapper p { margin-bottom: 2rem; } .event_content_wrapper h3 { color: #e0b453; font-family: BlenderPro b, sans serif; margin-bottom: .5rem; } .deco_icons { height: 40px; background-repeat: repeat-x; background-size: auto 100%; position: absolute; left: 15px; right: 15px; bottom: 15px; } @media screen and (min-width: 768px) { .deco_icons { left: 7rem; right: 7rem; height: 68px; bottom: 35px; } } @media screen and (min-width: 1200px) { .deco_icons { height: 79px; } } .das-verlorene-grabmal .deco_icons { background-image: url(../themes/escape/assets/images/bug_bird_horizontal.svg); } .rettungsmission-der-menschheit .deco_icons { background-image: url(../themes/escape/assets/images/star_planet.svg); } @media screen and (min-width: 1200px) { .rettungsmission-der-menschheit .deco_icons { height: 65px; } } .das-geld-der-mafia .deco_icons { background-image: url(../themes/escape/assets/images/money_pattern.svg); } @media screen and (min-width: 768px) { .das-geld-der-mafia .deco_icons { height: 54px; } } @media screen and (min-width: 1200px) { .das-geld-der-mafia .deco_icons { height: 64px; } } .die-verfluchten-schatze .deco_icons { background-image: url(../themes/escape/assets/images/kompas.svg); } .event_buttons { margin: 15px 0 4rem; text-align: center; } @media screen and (min-width: 768px) { .event_buttons { margin: 30px 0 8rem; } } .event_buttons .main_btn { vertical-align: middle; } @media screen and (max-width: 575px) { .event_buttons .main_btn { font-size: 1.6rem; } .event_buttons .main_btn .main_btn_inner { min-width: 15rem; height: 5.1rem; } } @media screen and (max-width: 575px) { .event_buttons .main_btn + .main_btn { margin-left: 6px; } } @media screen and (min-width: 576px) { .event_buttons .main_btn + .main_btn { margin-left: 24px; } } .calendar-title { font-size: 20px; font-weight: 700; line-height: 26px; text-transform: uppercase; color: #21282f; } .calendar-subtitle { color: #21282f; font-size: 16px; line-height: 24px; margin-bottom: 15px; position: relative; } .calendar-subtitle::after { content: ''; height: 40px; background-repeat: repeat-x; background-size: auto 100%; position: absolute; left: 0; right: 0; bottom: -55px; } @media screen and (min-width: 992px) { .calendar-subtitle::after { display: none; } } .das-verlorene-grabmal .calendar-subtitle::after { background-image: url(../themes/escape/assets/images/bug_bird_horizontal.svg); } .das-geld-der-mafia .calendar-subtitle::after { background-image: url(../themes/escape/assets/images/money_pattern.svg); } .rettungsmission-der-menschheit .calendar-subtitle::after { background-image: url(../themes/escape/assets/images/star_planet.svg); } .die-verfluchten-schatze .calendar-subtitle::after { background-image: url(../themes/escape/assets/images/kompas.svg); } .calendar-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .calendar-col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .calendar-col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .calendar-col label { color: #e0b453; font-size: 18px; font-family: BlenderPro b, sans serif; line-height: 26px; text-transform: uppercase; } .calendar-col input { border-radius: 2px; border: 1px solid #c0c0c0; height: 44px; background-color: #fff; } .room-calendar hr { border-color: #c0c0c0; border-top-color: transparent; margin-bottom: 15px; } @media (min-width: 768px) { .room-calendar hr { margin-top: 4rem; margin-bottom: 4rem; } } .select2-container .select2-selection--single { padding-top: 7px; padding-bottom: 7px; font-size: 18px; font-weight: 400; line-height: 26px; height: auto; } @media (max-width: 767px) { .select2-container .select2-results__option { font-size: 20px; } } .calendar-field option { color: #21282f; } .select2-container { width: 100% !important; } .calendar-total-price { padding-top: 5px; padding-bottom: 5px; font-size: 20px; font-weight: 700; line-height: 26px; } .select2-search__field { display: none; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; } .room-calendar { position: relative; } .das-verlorene-grabmal .room-calendar::before { background-position: 50% 0; background-image: url(/storage/app/media/products/bird-stick.svg); } @media screen and (min-width: 1500px) { .room-calendar::before { content: ''; width: 355px; height: 30%; top: 0; background-size: auto 90%; background-size: contain; background-repeat: no-repeat; position: absolute; right: 0; -ms-transform: translateX(105%); transform: translateX(105%); } } .das-verlorene-grabmal .room-calendar::after { background-image: url(/storage/app/media/products/icons/sticks.svg); background-position: 50% 100%; } .das-geld-der-mafia .room-calendar::after { background-image: url(../themes/escape/assets/images/banknote.svg); background-position: 50% 100%; } .rettungsmission-der-menschheit .room-calendar::after { background-image: url(../themes/escape/assets/images/rocket.svg); background-position: 50% 100%; } .die-verfluchten-schatze .room-calendar::after { background-image: url(../themes/escape/assets/images/truba.svg); background-position: 50% 100%; } @media screen and (min-width: 1500px) { .room-calendar::after { content: ''; width: 355px; height: 30%; top: 50%; background-size: auto 90%; background-size: contain; background-repeat: no-repeat; position: absolute; right: 0; -ms-transform: translateX(105%); transform: translateX(105%); } .rettungsmission-der-menschheit .room-calendar::after { top: 5%; height: 65%; } .die-verfluchten-schatze .room-calendar::after { top: 10%; height: 60%; } } .room-calendar .button-row { margin-top: 30px; } @media (max-width: 767px) { .room-calendar .button-row { text-align: center; } } @media (min-width: 768px) { .room-calendar .button-row { text-align: center; } } @media (min-width: 768px) { .comments_slider:not(:last-child) { margin-bottom: 0; } } .voucher-img { max-width: 100%; margin-bottom: 30px; } .form-item { margin-bottom: 15px; position: relative; } @media (max-width: 767px) { .form-item.col { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .input-currency-symbol { position: absolute; display: inline-block; left: 37px; font-weight: 700; top: 8px; line-height: 30px; font-size: 18px; color: #000; } .input-currency-symbol + input { padding-left: 38px; } @media screen and (min-width: 993px) and (max-width: 1130px) { .basket-block { position: absolute; left: -56%; } } .basket-informer { padding-top: 10px; } @media (min-width: 768px) { .basket-informer { margin-left: 65px; } } .basket-informer a { position: relative; display: block; } .basket-informer.-full span { opacity: 1; } .basket-informer svg { color: #f0f1f1; width: 45px; height: 45px; } .basket-informer span { opacity: 0; width: 14px; height: 14px; background-color: #fff; color: #000; position: absolute; right: 13px; top: 6px; border-radius: 50%; display: block; text-align: center; font-size: 9px; line-height: 12px; font-weight: 700; padding-top: 2px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; overflow: hidden; position: fixed; background-color: rgba(11, 10, 11, 0.85); opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-close-btn-in .mfp-close { color: rgba(199, 148, 58, 0.8); font-size: 32px; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; transition: all 0.2s ease-in-out; -ms-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -ms-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .file-nest { text-align: center; } .photo-upload-nest { height: 135px; margin: 0; } @media (min-width: 1024px) { .photo-upload-nest { width: 100%; } } .photo-upload-nest:hover, .photo-upload-nest:focus { box-shadow: 0 0 0 1px #C7943A; } .photo-upload-nest::after { content: 'Klicken Sie hier, um eine JPG / PNG-Datei mit bis zu 3 MB hochzuladen oder die Handykamera zu aktivieren'; } .photo-upload-nest input { display: none; } .photo-upload-nest { padding-bottom: calc(100% - 30px); box-shadow: 0 0 0 1px #c0c0c0; padding: 25px; position: relative; width: 100%; display: block; margin: 0 auto 15px; cursor: pointer; display: -ms-flexbox; display: flex; text-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; } /*! * * Litepicker v1.5.7 (https://github.com/wakirin/Litepicker) * Package: litepicker (https://www.npmjs.com/package/litepicker) * License: MIT (https://github.com/wakirin/Litepicker/blob/master/LICENCE.md) * Copyright 2019-2020 Rinat G. * * Hash: 6c5abdc252d9f485c1dc * Generated on: 1592979309772 * */ :root { --litepickerBgColor: #fff; --litepickerMonthHeaderTextColor: #333; --litepickerMonthButton: #9e9e9e; --litepickerMonthButtonHover: #2196f3; --litepickerMonthWidth: calc(var(--litepickerDayWidth) * 7); --litepickerMonthWeekdayColor: #9e9e9e; --litepickerDayColor: #333; --litepickerDayColorHover: #2196f3; --litepickerDayIsTodayColor: #f44336; --litepickerDayIsInRange: #bbdefb; --litepickerDayIsLockedColor: #9e9e9e; --litepickerDayIsBookedColor: #9e9e9e; --litepickerDayIsStartColor: #fff; --litepickerDayIsStartBg: #2196f3; --litepickerDayIsEndColor: #fff; --litepickerDayIsEndBg: #2196f3; --litepickerDayWidth: 38px; --litepickerButtonCancelColor: #fff; --litepickerButtonCancelBg: #9e9e9e; --litepickerButtonApplyColor: #fff; --litepickerButtonApplyBg: #2196f3; --litepickerButtonResetBtn: #909090; --litepickerButtonResetBtnHover: #2196f3; --litepickerHighlightedDayColor: #333; --litepickerHighlightedDayBg: #ffeb3b; } .show-week-numbers { --litepickerMonthWidth: calc(var(--litepickerDayWidth) * 8); } .litepicker { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 0.8em; display: none; } .litepicker .container__main { display: -ms-flexbox; display: flex; } .litepicker .container__months { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: var(--litepickerBgColor); border-radius: 5px; box-shadow: 0 0 5px #ddd; width: calc(var(--litepickerMonthWidth) + 10px); box-sizing: content-box; } .litepicker .container__months.columns-2 { width: calc((var(--litepickerMonthWidth) * 2) + 20px); } .litepicker .container__months.columns-3 { width: calc((var(--litepickerMonthWidth) * 3) + 30px); } .litepicker .container__months.columns-4 { width: calc((var(--litepickerMonthWidth) * 4) + 40px); } .litepicker .container__months.split-view .month-item-header .button-previous-month, .litepicker .container__months.split-view .month-item-header .button-next-month { visibility: visible; } .litepicker .container__months .month-item { padding: 5px; width: var(--litepickerMonthWidth); box-sizing: content-box; } .litepicker .container__months .month-item-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; font-weight: 500; padding: 10px 5px; text-align: center; -ms-flex-align: center; align-items: center; color: var(--litepickerMonthHeaderTextColor); } .litepicker .container__months .month-item-header div { -ms-flex: 1; flex: 1; } .litepicker .container__months .month-item-header div > .month-item-name { margin-right: 5px; } .litepicker .container__months .month-item-header div > .month-item-year { padding: 0; } .litepicker .container__months .month-item-header .reset-button { color: var(--litepickerButtonResetBtn); } .litepicker .container__months .month-item-header .reset-button > svg, .litepicker .container__months .month-item-header .reset-button > img { fill: var(--litepickerButtonResetBtn); pointer-events: none; } .litepicker .container__months .month-item-header .reset-button:hover { color: var(--litepickerButtonResetBtnHover); } .litepicker .container__months .month-item-header .reset-button:hover > svg { fill: var(--litepickerButtonResetBtnHover); } .litepicker .container__months .month-item-header .button-previous-month, .litepicker .container__months .month-item-header .button-next-month { visibility: hidden; text-decoration: none; color: var(--litepickerMonthButton); padding: 3px 5px; border-radius: 3px; transition: color 0.3s, border 0.3s; cursor: default; } .litepicker .container__months .month-item-header .button-previous-month > svg, .litepicker .container__months .month-item-header .button-previous-month > img, .litepicker .container__months .month-item-header .button-next-month > svg, .litepicker .container__months .month-item-header .button-next-month > img { fill: var(--litepickerMonthButton); pointer-events: none; } .litepicker .container__months .month-item-header .button-previous-month:hover, .litepicker .container__months .month-item-header .button-next-month:hover { color: var(--litepickerMonthButtonHover); } .litepicker .container__months .month-item-header .button-previous-month:hover > svg, .litepicker .container__months .month-item-header .button-next-month:hover > svg { fill: var(--litepickerMonthButtonHover); } .litepicker .container__months .month-item-weekdays-row { display: -ms-flexbox; display: flex; justify-self: center; -ms-flex-pack: start; justify-content: flex-start; color: var(--litepickerMonthWeekdayColor); } .litepicker .container__months .month-item-weekdays-row > div { padding: 5px 0; font-size: 85%; -ms-flex: 1; flex: 1; width: var(--litepickerDayWidth); text-align: center; } .litepicker .container__months .month-item:first-child .button-previous-month { visibility: visible; } .litepicker .container__months .month-item:last-child .button-next-month { visibility: visible; } .litepicker .container__months .month-item.no-previous-month .button-previous-month { visibility: hidden; } .litepicker .container__months .month-item.no-next-month .button-next-month { visibility: hidden; } .litepicker .container__days { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-self: center; -ms-flex-pack: start; justify-content: flex-start; text-align: center; box-sizing: content-box; } .litepicker .container__days > div, .litepicker .container__days > a { padding: 5px 0; width: var(--litepickerDayWidth); } .litepicker .container__days .day-item { color: var(--litepickerDayColor); text-align: center; text-decoration: none; border-radius: 3px; transition: color 0.3s, border 0.3s; cursor: default; } .litepicker .container__days .day-item:hover { color: var(--litepickerDayColorHover); box-shadow: inset 0 0 0 1px var(--litepickerDayColorHover); } .litepicker .container__days .day-item.is-today { color: var(--litepickerDayIsTodayColor); } .litepicker .container__days .day-item.is-locked { color: var(--litepickerDayIsLockedColor); } .litepicker .container__days .day-item.is-locked:hover { color: var(--litepickerDayIsLockedColor); box-shadow: none; cursor: default; } .litepicker .container__days .day-item.is-booked { color: var(--litepickerDayIsBookedColor); } .litepicker .container__days .day-item.is-booked:hover { color: var(--litepickerDayIsBookedColor); box-shadow: none; cursor: default; } .litepicker .container__days .day-item.is-in-range { background-color: var(--litepickerDayIsInRange); border-radius: 0; } .litepicker .container__days .day-item.is-start-date { color: var(--litepickerDayIsStartColor); background-color: var(--litepickerDayIsStartBg); border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .litepicker .container__days .day-item.is-start-date.is-flipped { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .litepicker .container__days .day-item.is-end-date { color: var(--litepickerDayIsEndColor); background-color: var(--litepickerDayIsEndBg); border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .litepicker .container__days .day-item.is-end-date.is-flipped { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .litepicker .container__days .day-item.is-start-date.is-end-date { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .litepicker .container__days .day-item.is-highlighted { color: var(--litepickerHighlightedDayColor); background-color: var(--litepickerHighlightedDayBg); } .litepicker .container__days .week-number { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #9e9e9e; font-size: 85%; } .litepicker .container__footer { text-align: right; padding: 10px 5px; margin: 0 5px; background-color: #fafafa; box-shadow: inset 0px 3px 3px 0px #ddd; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .litepicker .container__footer .preview-date-range { margin-right: 10px; font-size: 90%; } .litepicker .container__footer .button-cancel { background-color: var(--litepickerButtonCancelBg); color: var(--litepickerButtonCancelColor); border: 0; padding: 3px 7px 4px; border-radius: 3px; } .litepicker .container__footer .button-cancel > svg, .litepicker .container__footer .button-cancel > img { pointer-events: none; } .litepicker .container__footer .button-apply { background-color: var(--litepickerButtonApplyBg); color: var(--litepickerButtonApplyColor); border: 0; padding: 3px 7px 4px; border-radius: 3px; margin-left: 10px; margin-right: 10px; } .litepicker .container__footer .button-apply:disabled { opacity: 0.7; } .litepicker .container__footer .button-apply > svg, .litepicker .container__footer .button-apply > img { pointer-events: none; } .litepicker .container__tooltip { position: absolute; margin-top: -4px; padding: 4px 8px; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); white-space: nowrap; font-size: 11px; pointer-events: none; visibility: hidden; } .litepicker .container__tooltip:before { position: absolute; bottom: -5px; left: calc(50% - 5px); border-top: 5px solid rgba(0, 0, 0, 0.12); border-right: 5px solid transparent; border-left: 5px solid transparent; content: ""; } .litepicker .container__tooltip:after { position: absolute; bottom: -4px; left: calc(50% - 4px); border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .litepicker-open { overflow: hidden; } .litepicker-backdrop { display: none; background-color: #000; opacity: 0.3; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .thankyou-popup { background-color: #fff; border: 1px solid #C7943A; padding: 30px; max-width: 450px; margin: 0 auto; } .star-rating { font-size: 0; white-space: nowrap; width: 126px; height: 25px; display: inline-block; margin-left: 15px; overflow: hidden; position: relative; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4="); background-size: contain; } .star-rating i { opacity: 0; position: absolute; left: 0; top: 0; height: 100%; width: 20%; z-index: 1; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4="); background-size: contain; } .star-rating input { -moz-appearance: none; -webkit-appearance: none; opacity: 0; display: inline-block; width: 20%; height: 100%; margin: 0; padding: 0; z-index: 2; position: relative; } .star-rating input:hover + i, .star-rating input:checked + i { opacity: 1; } .star-rating i ~ i { width: 40%; } .star-rating i ~ i ~ i { width: 60%; } .star-rating i ~ i ~ i ~ i { width: 80%; } .star-rating i ~ i ~ i ~ i ~ i { width: 100%; } ::after, ::before { height: 100%; padding: 0; margin: 0; box-sizing: border-box; text-align: center; vertical-align: middle; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #c0c0c0; border-radius: 2px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; cursor: text; padding-bottom: 5px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }