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)}} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .main-footer .table th, .main-footer .table td { padding: 10px 5px; vertical-align: middle; border-bottom: none; } .fp-enabled body, html.fp-enabled { margin: 0; padding: 0; overflow: hidden; -webkit-tap-highlight-color: transparent; } .fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller { overflow: hidden; } .iScrollIndicator { border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav { position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 !important; right: 0; margin: 0 auto !important; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0 0 -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip { -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section { height: auto !important; } .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; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:after, .slick-track:before { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @media (min-width: 1200px) { .index-page .section { height: 100%; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: 400; line-height: 1; color: #999; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 20px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 42px; font-weight: 600; } h2, .h2 { font-size: 36px; font-weight: 600; } h3, .h3 { font-size: 24px; font-weight: 600; } h4, .h4 { font-size: 18px; font-weight: 600; } h5, .h5 { font-size: 14px; font-weight: 600; } h6, .h6 { font-size: 12px; font-weight: 600; } .text-center { text-align: center; } .title-group { margin: 0 0 20px; } .title-group a { text-decoration: none; } .title-group a:hover { text-decoration: underline; } .title-group .h2, .title-group h2 { margin: 0 0 10px; } .container-sm h1, .container-sm .h1 { font-size: 36px; line-height: 1.3; } .container-sm .text-center.align-center { max-width: 800px; margin: 0 auto 15px; } @media (max-width: 1699px) { .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 26px; } .h3, h3 { font-size: 22px; } .h4, h4 { font-size: 16px; } } @media (max-width: 991px) { .title-group .h2, .title-group h2 { font-size: 22px; margin: 0 0 10px; } .h1, h1 { font-size: 32px; } .h2, h2 { font-size: 22px; } .h3, h3 { font-size: 20px; } .double-column { column-count: unset !important; } .container-sm h1, .container-sm .h1 { font-size: 32px; } } @media (max-width: 767px) { .title-group .h2, .title-group h2 { font-size: 20px; margin: 0 0 10px; } .h1, h1 { font-size: 28px; } .h2, h2 { font-size: 20px; } .h3, h3 { font-size: 18px; } .text-container img { float: none !important; margin: 0 auto 10px !important; } .container-sm h1, .container-sm .h1 { font-size: 28px; } } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } html { height: 100%; width: 100%; overscroll-behavior: none; } body { margin: 0; padding: 0; font-family: 'Montserrat', Arial, sans-serif; font-weight: 500; font-size: 14px; line-height: 1.5; color: #212121; background-color: #fff; min-width: 320px; } body.locked { overflow: hidden !important; } a, button { cursor: pointer; } picture { display: flex; width: 100%; height: 100%; } p { margin: 0 0 15px; } img { max-width: 100%; } @media (min-width: 2000px) { body { font-size: 16px; } } .align-right { text-align: right; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; padding-right: 10px; padding-left: 10px; } } @media (min-width: 1200px) { .container { max-width: 1170px; } } @media (min-width: 1400px) { .container { max-width: 1320px; } } @media (min-width: 1700px) { .container { max-width: 1440px; } .container.container-sm { max-width: 1000px; } .container-sm { max-width: 1000px; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .index-page .container { max-width: 1520px; } } @media (min-width: 2000px) { .index-page .container { max-width: 1700px; } } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 10px; padding-left: 10px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } table { caption-side: bottom; border-collapse: collapse; width: 100%; margin: 20px 0; } table th, table td { padding: 25px 5px; vertical-align: middle; border-bottom: 1px dashed #051937; } table td:first-child { padding-left: 0; } table b, table strong { font-size: 20px; font-weight: 600; } table p { color: #29212f; margin: 0 0 5px; } table mark { background-color: #fff; display: inline-block; border-radius: 30px; padding: 3px 15px; font-size: 16px; white-space: nowrap; margin: 2px; } .table-responsive table th:first-child { min-width: 120px; } .container-sm table~p a[href*="tel"] { white-space: nowrap; text-decoration: none; } .container-sm table~p a:hover { text-decoration: underline; } @media (min-width: 1700px) { .container-sm table td:first-child b { white-space: nowrap; } } @media (max-width: 1699px) { table b, table strong { font-size: 16px; } } @media (max-width: 991px) { table b, table strong { font-size: 14px; } table, table mark { font-size: 13px; } .table-responsive { overflow-x: auto; } } @media (max-width: 767px) { table th, table td { padding: 15px 5px; } table b, table strong { font-size: 14px; } table mark { font-size: 13px; padding: 3px 8px; } table p { font-size: 13px; } } @media (max-width: 420px) { table b, table strong { font-size: 13px; } table mark { font-size: 12px; } table p { font-size: 12px; } } @media (max-width: 390px) { table mark { font-size: 11px; white-space: normal; } } .btn-primary { display: inline-flex; justify-content: center; align-items: center; height: 60px; color: #111; text-decoration: none; border: 0; background-color: #fff; padding: 0 35px; text-transform: uppercase; transition: all .25s ease-in-out; font-weight: 600; } .btn-primary.btn-lg { min-width: 320px; } .btn-primary .btn-content { overflow: hidden; position: relative; } .btn-primary .btn-text { position: relative; display: block; transition: 0.3s; } .btn-primary .btn-text:before { content: attr(data-hover); position: absolute; white-space: nowrap; left: 0; top: 100%; text-align: center; } .btn-primary:hover .btn-text { transform: translateY(-100%); } .btn-primary .btn-arrow { position: relative; right: -5px; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.25529 15.9559L15.755 8.5384C15.8319 8.47135 15.8936 8.38846 15.9358 8.29534C15.9781 8.20222 16 8.10105 16 7.99868C16 7.89632 15.9781 7.79515 15.9358 7.70203C15.8936 7.60891 15.8319 7.52601 15.755 7.45896L7.25529 0.0437147C7.22967 0.0213074 7.19819 0.00677834 7.16459 0.00185861C7.13099 -0.00306113 7.0967 0.00183564 7.06579 0.0159656C7.03488 0.0300955 7.00866 0.0528632 6.99025 0.0815565C6.97185 0.11025 6.96203 0.14366 6.96197 0.177806L6.96197 1.98804C6.96197 2.09084 7.00641 2.18918 7.08419 2.25846L12.6906 7.15056L0.177772 7.15056C0.0799981 7.15056 2.69017e-07 7.23101 2.70189e-07 7.32934L2.86179e-07 8.67026C2.87352e-07 8.76859 0.0799981 8.84905 0.177772 8.84905L12.6906 8.84905L7.08419 13.7411C7.00641 13.8082 6.96197 13.9065 6.96197 14.0116L6.96197 15.8218C6.96197 15.9738 7.13974 16.0565 7.25529 15.9559Z' fill='%23111111'/%3E%3C/svg%3E") no-repeat center; transition: 0.25s; } .btn-primary:hover .btn-arrow { transform: translateX(7px); } .btn-primary.border-shadow { position: relative; z-index: 2; } .btn-primary.border-shadow .btn-content, .btn-primary.border-shadow .btn-arrow { position: relative; z-index: 3; } .btn-primary.border-shadow:after { content: ''; position: absolute; transition: 0.25s; } .btn-primary .shadow-box { position: absolute; transition: 0.25s; top: 6px; left: -6px; bottom: -6px; right: 6px; z-index: 1; } .btn-primary.border-shadow:after { top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 2; } .btn-primary.border-shadow:hover .shadow-box { left: -2px; top: -2px; bottom: -2px; right: -2px; } .btn-outline { border: 1px solid #111; text-decoration: none; color: #111; text-transform: uppercase; padding: 10px 20px; display: inline-block; transform: perspective(1px) translateZ(0); position: relative; transition-property: color; transition-duration: 0.5s; overflow: hidden; } .btn-outline:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #111; top: 0; left: 0; pointer-events: none; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 250ms ease-in-out; } .btn-outline span { position: relative; z-index: 1; } .btn-outline:hover { color: #fff; } .btn-outline:hover:after { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } .btn-primary .left-icon { margin-left: -10px; margin-right: 10px; } .btn-primary:hover .left-icon { animation: shake-hover 1.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } @keyframes shake-hover { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .back-link { display: inline-flex; justify-content: center; align-items: center; color: #111; text-decoration: none; border: 0; background-color: transparent; padding: 0; text-transform: uppercase; transition: all .25s ease-in-out; font-weight: 600; } .back-link .btn-content { overflow: hidden; position: relative; } .back-link .btn-text { position: relative; display: block; transition: transform 0.3s; } .back-link .btn-text:before { content: attr(data-hover); position: absolute; white-space: nowrap; left: 0; top: 100%; text-align: center; } .back-link:hover .btn-text { transform: translateY(-100%); } .back-link .btn-arrow { position: relative; top: -1px; right: -5px; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.25529 15.9559L15.755 8.5384C15.8319 8.47135 15.8936 8.38846 15.9358 8.29534C15.9781 8.20222 16 8.10105 16 7.99868C16 7.89632 15.9781 7.79515 15.9358 7.70203C15.8936 7.60891 15.8319 7.52601 15.755 7.45896L7.25529 0.0437147C7.22967 0.0213074 7.19819 0.00677834 7.16459 0.00185861C7.13099 -0.00306113 7.0967 0.00183564 7.06579 0.0159656C7.03488 0.0300955 7.00866 0.0528632 6.99025 0.0815565C6.97185 0.11025 6.96203 0.14366 6.96197 0.177806L6.96197 1.98804C6.96197 2.09084 7.00641 2.18918 7.08419 2.25846L12.6906 7.15056L0.177772 7.15056C0.0799981 7.15056 2.69017e-07 7.23101 2.70189e-07 7.32934L2.86179e-07 8.67026C2.87352e-07 8.76859 0.0799981 8.84905 0.177772 8.84905L12.6906 8.84905L7.08419 13.7411C7.00641 13.8082 6.96197 13.9065 6.96197 14.0116L6.96197 15.8218C6.96197 15.9738 7.13974 16.0565 7.25529 15.9559Z' fill='%23111111'/%3E%3C/svg%3E") no-repeat center; background-size: contain; transition: 0.25s; margin-right: 8px; transform: rotate(180deg) translateX(3px); } .back-link:hover .btn-arrow { transform: rotate(180deg) translateX(12px); } @media (max-width: 767px) { .btn-primary.btn-lg { width: 100%; margin: 20px 0; height: 50px; } } .accordion { display: flex; height: 600px; width: 100%; max-width: 100%; transition: 0.25s; transition-delay: 1s; margin: 0 auto; position: relative; } .accordion-cell { display: flex; position: relative; height: 100%; width: 33.33%; transition-property: width; transition-duration: 450ms; margin-right: 20px; cursor: pointer; overflow: hidden; z-index: 1; } .hidden-content { height: 100%; overflow: hidden; transition: 0.25s; min-width: 100%; max-width: 920px; } .content-img picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .content-img img { display: block; width: 100%; height: 100%; object-fit: cover; } .accordion-cell:nth-child(even) { margin-top: 20px; } .accordion-cell-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; height: 100%; transition-property: opacity; transition-duration: 250ms; position: relative; z-index: 10; position: relative; max-width: 0; overflow: hidden; } .accordion-cell-content>* { position: relative; z-index: 3; } .accordion-cell.expanded { width: 70%; } .expanded .accordion-cell-content { transition-property: opacity; transition-duration: 250ms; color: #000; max-width: none; } .expanded .accordion-cell-content:after { opacity: 1; } .accordion-cell.collapsed { width: 16%; } .toggle-content { background-color: #fff; position: relative; z-index: 10; padding: 15px 15px 25px 15px; transition: 0.5s; transition-delay: 0s; transform: translateY(-120%); position: absolute; top: 0; left: 0; right: 0; display: flex; opacity: 0; font-size: 15px; } .toggle-content p { margin-bottom: 8px; } .accordion-cell:nth-child(even) .toggle-content { transform: translateY(120%); top: auto; bottom: 0; padding: 25px 15px 8px 20px; } .toggle-content .img-holder { flex: 0 0 90px; margin-right: 20px; } .toggle-content .img-holder img { display: block; max-width: 100%; } .cell-head { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #fff; z-index: 10; padding: 20px; transition: 0.25s; } .cell-head:hover { background-color: rgba(255, 255, 255, 0.8); } .cell-head img { display: block; max-width: calc(100% - 10px); max-height: 300px; } .cell-head .h2 { text-transform: uppercase; font-weight: 800; font-size: 42px; writing-mode: vertical-rl; transform: scale(-1, -1); color: #111; } .accordion-cell.expanded .cell-head { opacity: 0; transition: 250ms; } .accordion-cell.expanded .toggle-content { opacity: 1; transform: translateY(0); transition-delay: 0.3s; } .accordion-cell-content .btn-primary { position: absolute; right: 15px; bottom: 15px; z-index: 10; height: 54px; transition: 0.7s; opacity: 0; transform: translateX(-120px); z-index: 11; } .accordion-cell-content .overlay-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .accordion-cell:nth-child(even) .accordion-cell-content .btn-primary { bottom: auto; top: 15px; } .accordion-cell.expanded .accordion-cell-content .btn-primary { opacity: 1; transform: translateX(0); } .accordion .slick-dots { display: none !important; } .fun-section .accordion { max-width: 2000px; } .sport-section .accordion { max-width: 1700px; } .sport-section .accordion-cell.collapsed { width: 25%; } .sport-section .accordion-cell.expanded { width: 90%; } .food-section .accordion { max-width: 2000px; } .event-section .accordion { width: 1400px; } .event-section .accordion-cell.collapsed { width: 25%; } .event-section .accordion-cell.expanded { width: 90%; } .event-section .cell-head .h2 { color: #6D477D; font-size: 44px; } .event-section .hidden-content { max-width: 720px; } .event-section .accordion-cell:last-child .toggle-content { padding: 15px 10px 15px 15px; transform: translateY(-120%); top: 0; bottom: auto; } .event-section .accordion-cell:last-child.expanded .toggle-content { transform: translateY(0); } .services-section .accordion { max-width: 1900px; height: 550px; } .services-section .accordion-cell { margin-right: 12px; } .services-section .cell-head .h2 { color: #2C487A; } @media (max-width: 2200px) { .food-section .accordion, .fun-section .accordion { width: 1700px; } .sport-section .accordion { width: 1500px; } .services-section .accordion { width: 1800px; } } @media (max-width: 2000px) { .accordion { height: 520px; } .food-section .accordion, .fun-section .accordion { width: 1500px; } .services-section .accordion { width: 1600px; } .sport-section .accordion { width: 1400px; } .services-section .accordion-cell.collapsed, .sport-section .accordion-cell.collapsed { width: 20%; } .event-section .accordion { width: 1200px; } .event-section .hidden-content { max-width: 630px; } .services-section .cell-head .h2, .event-section .cell-head .h2 { font-size: 36px; } .accordion-cell { margin-right: 10px; } .cell-head { padding: 10px; } .fun-section .cell-head img { max-height: 150px; } .toggle-content { font-size: 14px; } } @media (max-width: 1800px) { .services-section .accordion { width: 1500px; } } @media (max-width: 1699px) { .accordion { height: 380px; } .food-section .accordion, .fun-section .accordion { width: 1250px; } .food-section { padding-right: 50px; } .food-section, .fun-section { padding-left: 50px; } .services-section .accordion { width: 1300px; height: 380px; } .sport-section .accordion { width: 1100px; } .services-section .accordion-cell:nth-child(1) .cell-head img, .services-section .accordion-cell:nth-child(4) .cell-head img { max-width: calc(100% - 30px); } .event-section .accordion { width: 1000px; } .services-section .cell-head .h2, .event-section .cell-head .h2 { font-size: 28px; } .event-section .single-slide .item { height: 380px; } .event-section .hidden-content { max-width: 520px; } .sport-section .cell-head { padding: 25px; } .cell-head { padding: 10px; } .fun-section .cell-head img { max-height: 120px; } .toggle-content { font-size: 12px; padding: 8px 8px 15px 8px; } .toggle-content p { margin-bottom: 10px; } .accordion-cell:nth-child(even) .toggle-content { padding: 15px 8px 8px 8px; } } @media (max-width: 1399px) { .services-section .accordion { width: 1200px; } } @media (max-width: 1300px) { .accordion { height: 380px; } .food-section .accordion, .fun-section .accordion { width: 1100px; } .services-section .accordion, .sport-section .accordion { width: 1000px; } } @media (max-width: 1199px) { .accordion { margin: 0; flex-direction: column; height: auto !important; width: 100% !important; margin: 0; height: auto; } .accordion-cell { width: calc(100% - 50px) !important; height: auto; transition-property: height; margin: 0 0 20px; display: flex; flex-direction: column; } .accordion-cell:nth-child(even) { margin: 0 0 20px 50px; } .accordion-cell.expanded { height: auto; } .cell-head { height: 180px; position: static; } .toggle-content { background-color: #fff; font-size: 14px; } .accordion-cell.expanded .cell-head { opacity: 1; } .accordion-cell-content h2, .accordion-cell-content .h2 { max-width: none; } .accordion-cell-content { max-height: 0; } .accordion-cell-content .hidden-content { height: auto; max-width: 100%; } .expanded .accordion-cell-content { max-height: 1000px; } .content-img picture { position: static; } .cell-head img { max-height: 100%; } .cell-head .h2 { writing-mode: horizontal-tb; transform: none; text-align: center; } .cell-head .h2 br { display: none; } .event-section .accordion-cell .cell-head img, .services-section .accordion-cell .cell-head img { max-width: 150px; max-height: 120px; } } @media (max-width: 992px) { .accordion-cell { width: calc(100% - 30px) !important; margin-bottom: 15px; } .accordion-cell:nth-child(even) { margin: 0 0 15px 30px; } } @media (max-width: 767px) { .accordion-cell { width: calc(100% - 15px) !important; margin-bottom: 15px; } .accordion-cell:nth-child(even) { margin: 0 0 15px 10px; } .accordion-cell .toggle-content { opacity: 1 !important; transform: translateY(0) !important; position: static !important; transition-delay: 0s !important; background-color: #fff; } .accordion-cell-content .btn-primary { bottom: auto; top: 15px; } .accordion .arrow-holder { bottom: auto; top: 10px; } } .accordion .arrow-holder { position: absolute; right: 12px; bottom: 10px; z-index: 10; display: flex; pointer-events: auto; } .arrow-holder .slick-arrow { background-color: #fff; width: 48px; height: 48px; display: flex !important; justify-content: center; align-items: center; border: 0; padding: 0; transition: 0.25s; bottom: 10px; z-index: 10; } .arrow-holder .slick-arrow:hover { background-color: #111; } .arrow-holder .slick-arrow svg { fill: #111; width: 20px; } .arrow-holder .slick-arrow:hover svg { fill: #fff; } .arrow-holder .slick-arrow.slick-next { margin-left: 8px; } .accordion .single-slide { height: 100%; width: 100%; } .single-slide .slick-track { display: flex; } .single-slide .item { position: relative; height: 600px; } .accordion .single-slide { min-width: 700px; } .single-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .slider-container { max-width: 1500px; margin: 0 auto; } .double-slides { margin: 35px -20px; } .double-slides .item { position: relative; height: 480px; margin: 0 20px; padding: 20px; } .double-slides .item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #58616B -11.25%, #2C344B 91.27%); } .double-slides .item picture { position: relative; z-index: 2; box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.25); } .double-slides img { display: block; width: 100%; height: 100%; object-fit: cover; } .double-slides .slick-arrow { position: absolute; top: calc(50% - 23px); background-color: #2C344B; border-radius: 50%; width: 48px; height: 48px; display: flex !important; justify-content: center; align-items: center; border: 0; padding: 0; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); transition: 0.25s; } .double-slides .slick-arrow:hover { background-color: #111; } .double-slides .slick-arrow.slick-next { right: -70px; } .double-slides .slick-arrow.slick-prev { opacity: 0; pointer-events: none; } .double-slides .slick-arrow svg { fill: #fff; width: 20px; height: 20px; } .tripple-slides { margin: 0 -15px; z-index: 2; } .tripple-slides .item { margin: 0 15px; } .tripple-slides .item-img { height: 320px; } .tripple-slides .white-badge { position: absolute; top: 10px; right: 10px; background-color: #fff; padding: 5px 10px; font-size: 14px; z-index: 1; } .tripple-slides .slick-arrow { position: absolute; top: 130px; width: 46px; height: 46px; background-color: #fff; border: 1px solid #DFA887; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 0; } .tripple-slides .slick-arrow:before { content: ''; position: absolute; background-color: #fff; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; } .tripple-slides .slick-arrow svg { fill: #111; width: 18px; height: 18px; position: relative; z-index: 3; } .tripple-slides .slick-arrow.slick-prev { left: -90px; } .tripple-slides .slick-arrow.slick-next { right: -90px; } .tripple-slides .item-img { overflow: hidden; position: relative; } .tripple-slides .item-img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tripple-slides .item-img img { height: 100%; width: 100%; object-fit: cover; transition: 0.5s; } .tripple-slides .item-img:hover img { transform: scale(1.08); } .tripple-slides .item .h4 { font-size: 20px; font-weight: 600; color: #111; } .tripple-slides .item .h4 a { color: inherit; text-decoration: none; } .tripple-slides .item .h4 a:hover { text-decoration: underline; } @media (max-width: 2000px) { .accordion .single-slide { min-width: 620px; } } @media (max-width: 1699px) { .arrow-holder { right: 15px; } .slider-container { width: 1000px; } .tripple-slides .item-img { height: 280px; } .tripple-slides .slick-arrow { top: -80px; } .tripple-slides .slick-arrow.slick-next { right: 15px; } .tripple-slides .slick-arrow.slick-prev { left: auto; right: 75px; } .accordion .single-slide { min-width: 510px; } } @media (max-width: 1399px) { .tripple-slides .item-img { height: 220px; } .tripple-slides .item .h4 { font-size: 18px; } .tripple-slides .item .item-body { font-size: 13px; } } @media (max-width: 1199px) { .double-slides .slick-arrow.slick-next { top: -65px; right: 10px; } .double-slides .slick-arrow.slick-prev { top: -65px; right: 65px; opacity: 1; pointer-events: auto; } .slider-container { width: 100%; } .event-section .single-slide .item { height: 520px; } } @media (max-width: 991px) { .slider-container { max-width: 600px; margin-top: 70px; } .double-slides .slick-arrow { width: 42px; height: 42px; } .double-slides .slick-arrow svg { width: 16px; height: 16px; } .double-slides .slick-arrow.slick-prev { right: 60px; } .tripple-slides .slick-arrow { width: 32px; height: 32px; top: -70px; } .tripple-slides .slick-arrow svg { width: 14px; height: 14px; } .tripple-slides .slick-arrow.slick-prev { right: 60px; } } @media (max-width: 767px) { .tripple-slides .item { margin: 0 5px; } .tripple-slides .item-img { height: 180px; } .tripple-slides .slick-arrow.slick-next { right: 0; } .tripple-slides .slick-arrow.slick-prev { right: 40px; } .tripple-slides .item .h4 { font-size: 16px; } .tripple-slides .item .item-body { font-size: 12px; } .event-section .single-slide .item { height: 420px; } } @media (max-width: 575px) { .tripple-slides { margin: 0; } .tripple-slides .item-img { height: 250px; } .event-section .single-slide .item { height: 320px; } } @media (max-width: 479px) { .slider-container { margin-top: 50px; } .event-section .single-slide .item { height: 260px; } } .breadcrumb { display: flex; align-items: center; padding: 0; margin: 12px 0 0; align-items: center; background-color: transparent; font-size: 12px; list-style: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .breadcrumb-item { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 300px; } .breadcrumb-item:last-child { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 300px; color: #717589; } .breadcrumb-item+.breadcrumb-item:before { content: '//'; font-size: 13px; line-height: 1; display: inline-block; vertical-align: top; margin: 3px 5px 0; color: #624B6D; } .breadcrumb a { color: #121212; text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } @media (max-width: 1199px) { .breadcrumb .breadcrumb-item { max-width: 200px; } } @media (max-width: 575px) { .breadcrumb { display: flex; } } .collapse-container { display: flex; flex-direction: column; margin: 30px 0; } .collapse-item { width: 100%; border-bottom: 1px solid #BABABA; } .collapse-header { padding: 20px 30px 20px 0; font-size: 22px; position: relative; cursor: pointer; } .collapse-header .h3 { font-size: 22px; font-weight: 600; line-height: 1.3; margin: 0; } .collapse-header:after { content: ''; position: absolute; top: calc(50% - 10px); transition: all 0.2s; right: 0; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='none' viewBox='0 0 23 23'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cpath fill='%23111' d='M12.1048 12.1049h8.4672a.7223.7223 0 0 0 0-1.4402h-8.4672l.0051-8.4723a.7252.7252 0 1 0-1.4503 0l.0051 8.4723-8.4723-.0051a.7237.7237 0 0 0-.5463.1901.7221.7221 0 0 0 .5463 1.2501l8.4723.0051v8.4672a.722.722 0 0 0 .7201.6665.722.722 0 0 0 .72-.6665v-8.4672Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h23v23H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='m11.3848-7 18.3848 18.3848-18.3848 18.3848L-7 11.3848z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center; background-size: contain; } .collapse-body { padding: 0; display: none; } .collapse-body ul, .collapse-body ol { padding-left: 20px; } .collapse-body ul li, .collapse-body ol li { margin-bottom: 5px; } .collapse-header.active:after { transform: rotate(45deg); } @media (max-width: 991px) { .collapse-header .h3 { font-size: 18px; } .filter-group { margin-top: 35px; margin-bottom: 15px; } } @media (max-width: 1199px) { .collapse-header .h3 { font-size: 18px; } } @media (max-width: 991px) { .collapse-header .h3 { font-size: 17px; } } .main-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; display: flex; align-items: center; justify-content: space-between; transition: 0.25s; padding: 38px 25px 32px; font-size: 16px; } body:not(.index-page) .main-header.hidden { transform: translateY(-150%); } body:not(.index-page) .main-header.fixed { padding: 30px 15px 32px; background-color: rgba(255, 255, 255, 0.9); } body:not(.index-page) .main-header.fixed .logo-holder { top: 30px; } body:not(.index-page) .main-header.fixed .logo-holder .logo-text { fill: #989898; } body:not(.index-page) .main-header.fixed #main-nav a { color: #111; } body:not(.index-page).fill-white .main-header.fixed .btn-outline { border: 1px solid #111; color: #111; } body:not(.index-page) .main-header.fixed .lang-switch a { color: #888; } body:not(.index-page) .main-header.fixed .lang-switch a.active { color: #111; } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { body:not(.index-page) .main-header.fixed { background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); } } #main-nav { display: flex; width: 1650px; margin: 0 auto; padding-left: 90px; } #main-nav .nav-item { position: relative; } .dropdown-holder { display: flex; justify-content: center; position: absolute; top: 0; right: 0; left: 0; padding-top: 30px; opacity: 0; pointer-events: none; transition: 0.2s; z-index: 1; } .nav-dropdown { flex: 0 0 220px; background-color: #fff; border-radius: 3px; box-shadow: 0 2px 6px #122b690a, 0 1px 2px #122b6914, 0 0 0 1px #122b6914; } .nav-dropdown a { display: block; text-decoration: none; color: #111!important; transition: 0.25s; padding: 7px 5px 7px 15px; font-size: 15px; } div[data-menuanchor="section02"] .nav-dropdown a:hover { background-color: rgb(186, 206, 48); } div[data-menuanchor="section03"] .nav-dropdown a:hover { background-color: #976CBB; color: #fff!important; } div[data-menuanchor="section05"] .nav-dropdown a:hover { background-color: #86D9FE; } div[data-menuanchor="section07"] .nav-dropdown { flex: 0 0 280px; } div[data-menuanchor="section07"] .nav-dropdown a:hover { background-color: #2584EB; color: #fff!important; } #main-nav .nav-item:hover .dropdown-holder { opacity: 1; pointer-events: auto; } #main-nav .nav-item:nth-child(2), #main-nav .nav-item:nth-child(3), #main-nav .nav-item:nth-child(4) { margin-right: 35px; } #main-nav .nav-item:nth-child(5){ margin-right: auto; } #main-nav .nav-item:nth-child(6), #main-nav .nav-item:nth-child(7), #main-nav .nav-item:nth-child(8), #main-nav .nav-item:nth-child(9) { margin-left: 35px; } #main-nav .nav-item > a { text-decoration: none; color: #111; text-transform: uppercase; position: relative; transition: all 0.3s linear; z-index: 2; } #main-nav .nav-item > a:before, #main-nav .nav-item > a:after { content: ""; position: absolute; background-color: #111; height: 2px; transition: 300ms ease-in-out; bottom: -2px; width: 0; pointer-events: none; } #main-nav .nav-item > a:before { right: 50%; } #main-nav .nav-item > a:after { left: 50%; } #main-nav .nav-item:hover > a:before { width: calc(50% + 1px); left: 0; } #main-nav .nav-item:hover > a:after { width: calc(50% + 1px); left: auto; right: 0; } #main-nav .nav-item > a.active:before, #main-nav .nav-item > a.active:after { display: none; } .fill-white #main-nav .nav-item > a:before, .fill-white #main-nav .nav-item > a:after { background-color: #fff; } .logo-holder { width: 260px; position: absolute; top: 39px; left: 0; right: 50px; margin: 0 auto; z-index: 1; transition: 0.25s; } .logo-holder svg, .logo-holder img { display: block; width: 100%; transition: all 0.3s linear; } .fill-white #main-nav .nav-item a { color: #fff; } .logo-holder .logo-text { fill: #fff; } .lang-switch { pointer-events: none !important; opacity: 0 !important; } .lang-switch a { position: relative; text-decoration: none; text-transform: uppercase; display: inline-flex; align-items: center; margin-right: 2px; color: #fff; opacity: 0.5; } .article-page .lang-switch a { opacity: 0.3; color: #405886; } .lang-switch a:hover { text-decoration: underline; opacity: 1; } .lang-switch a:not(:last-child):after { content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #111; margin-left: 7px; } .lang-switch a.active { pointer-events: none; cursor: auto; color: #111; opacity: 1; } .fill-white .lang-switch a { color: #111; } .fill-white .lang-switch a.active { color: #fff; } .main-header .btn-outline .btn-icon { width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='25' fill='none' viewBox='0 0 15 25'%3E%3Cpath fill='%23212121' d='M2.6806.9531A2.5321 2.5321 0 0 0 .1484 3.4853v18.7675a2.5323 2.5323 0 0 0 2.5322 2.5321h9.2348a2.5326 2.5326 0 0 0 1.7905-.7416 2.5326 2.5326 0 0 0 .7416-1.7905V3.4853A2.5323 2.5323 0 0 0 11.9154.953H2.6806ZM1.6379 3.4853c0-.5756.4671-1.0427 1.0427-1.0427h9.2348c.5761 0 1.0426.4671 1.0426 1.0427v18.7675c0 .2765-.1098.5417-.3054.7372a1.0422 1.0422 0 0 1-.7372.3054H2.6806a1.0424 1.0424 0 0 1-1.0427-1.0426V3.4853Zm4.0216 16.2353a.7447.7447 0 0 0 0 1.4895h3.277a.7446.7446 0 0 0 .5265-1.2713.7447.7447 0 0 0-.5266-.2182H5.6595Z'%3E%3C/path%3E%3Cpath fill='%23212121' d='M9.9326 2.4426H4.514c0 .521.4223.9433.9433.9433h3.532a.9433.9433 0 0 0 .9433-.9433Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center; background-size: 16px; display: none; } .fill-white .btn-outline { border-color: #fff; color: #fff; } .fill-white .btn-outline:hover { color: #111; } .fill-white .btn-outline:after { background-color: #fff; } .nav-toggle { background-color: transparent; border: 0; padding: 0; outline: 0; cursor: pointer; position: fixed; right: 20px; top: 20px; display: none; } .nav-toggle span { width: 30px; height: 2px; border-radius: 3px; background-color: #252525; display: block; margin: 7px 0; } .nav-close { position: absolute; width: 30px; height: 30px; top: 10px; left: 32px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M8.88393 8.00099L15.8169 1.06795C16.061 0.823857 16.061 0.428108 15.8169 0.184046C15.5729 -0.0600155 15.1771 -0.0600467 14.933 0.184046L7.99999 7.11709L1.06697 0.184046C0.822881 -0.0600467 0.427132 -0.0600467 0.18307 0.184046C-0.0609921 0.428139 -0.0610233 0.823888 0.18307 1.06795L7.11609 8.00096L0.18307 14.934C-0.0610233 15.1781 -0.0610233 15.5738 0.18307 15.8179C0.305101 15.9399 0.465069 16.0009 0.625038 16.0009C0.785006 16.0009 0.944943 15.9399 1.06701 15.8179L7.99999 8.8849L14.933 15.8179C15.055 15.9399 15.215 16.0009 15.375 16.0009C15.5349 16.0009 15.6949 15.9399 15.8169 15.8179C16.061 15.5738 16.061 15.1781 15.8169 14.934L8.88393 8.00099Z' fill='%23232323'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center; background-size: 60%; border: 0; outline: 0; transition: 0.25s; cursor: pointer; display: none; } .dropdown-toggle { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background-color: transparent; border: 1px solid #FF4C00; border-radius: 3px; display: none; } .dropdown-toggle:before, .dropdown-toggle:after { content: ''; background: #212121; position: absolute; } .dropdown-toggle:before { top: 14px; left: 7px; width: 15px; height: 1px; } .dropdown-toggle:after { top: 7px; left: 14px; width: 1px; height: 14px; } .dropdown-toggle.active:before { transform: rotate(45deg); } .dropdown-toggle.active:after { height: 15px; transform: rotate(45deg); } @media (max-width: 2100px) { #main-nav { width: 1450px; } .main-header { font-size: 15px; } .logo-holder { width: 200px; right: 45px; top: 42px; } } @media (max-width: 2000px) { #main-nav { width: 1380px; } .main-header { font-size: 14px; } #main-nav { padding-left: 70px; } .nav-dropdown a { font-size: 14px; } div[data-menuanchor="section07"] .nav-dropdown { flex: 0 0 260px; } .logo-holder { right: 65px; } } @media (max-width: 1800px) { .main-header { padding: 25px 20px 22px; } .main-header { font-size: 13px; } #main-nav { padding-left: 20px; width: 1180px; } #main-nav .nav-item:nth-child(6), #main-nav .nav-item:nth-child(7), #main-nav .nav-item:nth-child(8), #main-nav .nav-item:nth-child(9) { margin-left: 30px; } #main-nav .nav-item:nth-child(2), #main-nav .nav-item:nth-child(3), #main-nav .nav-item:nth-child(4) { margin-right: 30px; } body:not(.index-page) .main-header.fixed .logo-holder { top: 39px; } .logo-holder { width: 150px; top: 32px; right: 90px; } .main-header .btn-outline { padding: 10px; } } @media (max-width: 1600px) { .main-header { font-size: 12px; } .logo-holder { width: 130px; top: 34px; } #main-nav { width: 1080px; } #main-nav .nav-item:nth-child(2), #main-nav .nav-item:nth-child(3), #main-nav .nav-item:nth-child(4) { margin-right: 25px; } #main-nav .nav-item:nth-child(6), #main-nav .nav-item:nth-child(7), #main-nav .nav-item:nth-child(9), #main-nav .nav-item:nth-child(9) { margin-left: 25px; } } @media (max-width: 1399px) { .main-header { padding: 20px 15px 10px; font-size: 11px; } #main-nav { width: 950px; padding-left: 0; } .main-header .btn-outline { font-size: 11px; } #main-nav .nav-item:nth-child(6), #main-nav .nav-item:nth-child(7), #main-nav .nav-item:nth-child(8) { margin-left: 20px; } #main-nav .nav-item:nth-child(2), #main-nav .nav-item:nth-child(3) { margin-right: 20px; } .logo-holder { width: 140px; top: 28px; } .nav-dropdown a { font-size: 13px; } } @media (max-width: 1280px) { #main-nav { width: 910px; } .logo-holder { right: 80px; width: 120px; } #main-nav .nav-item:nth-child(2), #main-nav .nav-item:nth-child(3), #main-nav .nav-item:nth-child(4) { margin-right: 15px; } #main-nav .nav-item:nth-child(6), #main-nav .nav-item:nth-child(7), #main-nav .nav-item:nth-child(8), #main-nav .nav-item:nth-child(9) { margin-left: 15px; } .main-header .btn-outline { font-size: 10px; } body:not(.index-page) .main-header.fixed .logo-holder { top: 36px; } } @media (max-width: 1199px) { .logo-holder { width: 140px; } .index-page .main-header, .main-header { position: absolute; padding: 0; height: 80px; } .nav-close { display: block; } #main-nav { position: fixed; display: block; z-index: 100; width: 400px; right: 0; top: 0; background-color: #fff; height: 100vh; max-height: 100vh; overflow-y: auto; padding: 60px 15px 50px 35px; transition: 0.3s; transform: translateX(150%); width: 400px; } #main-nav.active { transform: translateX(0); } #main-nav .nav-item a { font-size: 20px; font-weight: 600; } #main-nav .nav-item .nav-dropdown a { font-size: 14px; font-weight: 400; } #main-nav .nav-item a:before, #main-nav .nav-item a:after { display: none; } #main-nav .nav-item { margin: 0 0 15px!important; } .dropdown-holder { position: static; display: none; padding-top: 0; opacity: 1; pointer-events: auto; transition: unset; } .nav-dropdown { box-shadow: none; } #main-nav .nav-dropdown a:hover { color: #111!important; background-color: transparent!important; } .fill-white #main-nav .nav-item a { color: #111; } .nav-toggle { display: block; } .main-header .btn-outline { padding: 0; width: 32px; height: 32px; border: 0; position: fixed; left: 10px; top: 20px; } .main-header .btn-outline:after { display: none; } .main-header .btn-outline .btn-icon { display: block; } .main-header .btn-outline .btn-text { display: none; } .logo-holder { top: 27px; right: 20px; } .lang-switch { opacity: 0; } #main-nav .lang-switch { opacity: 1; position: absolute; right: 20px; top: 15px; } #main-nav .lang-switch a { color: #111; opacity: 0.5; font-size: 16px; } #main-nav .lang-switch a:hover { text-decoration: underline; opacity: 1; } #main-nav .lang-switch a:not(:last-child):after { background-color: #111; } #main-nav .lang-switch a.active { color: #111; opacity: 1; font-weight: 600; } body:not(.index-page) .main-header.fixed { background-color: transparent; backdrop-filter: none; } body:not(.index-page) .main-header.fixed .logo-holder { top: 8px; } .dropdown-toggle { display: block; } } @media (max-width: 767px) { .lang-switch a { font-size: 12px; } #main-nav { width: 100%; } } @media(max-width: 375px) { #main-nav .nav-item a { font-size: 18px; } #main-nav { padding-left: 25px; } #main-nav .nav-item { margin: 0 0 20px!important; } .dropdown-toggle {top: -3px;} } .index-page .section { padding-bottom: 120px; padding-top: 120px; display: flex; align-items: center; overflow: hidden; } .lg-title { font-size: 13vh; position: absolute; left: -15px; bottom: 0; line-height: 0.7; font-weight: 800; text-transform: uppercase; color: #fff; margin: 0; text-shadow: 3px 5px 8px rgba(21, 21, 21, 0.2); z-index: 1; } .floor-section .lg-title, .fun-section .lg-title { font-size: 11vh; } .section:nth-child(odd) .lg-title { left: auto; right: -10px; } .section.contacts-section .lg-title { right: auto; left: 0; font-size: 10vh; } .text-section h1, .text-section .h1 { margin-bottom: 40px; } .text-section img { margin: 20px 0; } .start-section { padding-left: 180px; padding-right: 180px; } .start-section .social-networks a svg { fill: #fff; } .start-section .dots-holder { position: absolute; top: 0; bottom: 0; right: 35px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .start-section .slick-dots { list-style: none; margin: 0; padding: 0; } .start-section .slick-dots button { font-size: 0; background: none; border: 1px solid #111; width: 18px; height: 18px; } .start-section .slick-dots .slick-active button { background-color: #111; } .start-section .slick-dots>li:only-child { display: none; } .start-section .address-link { position: absolute; left: 30px; bottom: 40px; display: flex; align-items: center; color: #fff; text-decoration: none; } .start-section .address-link:hover { text-decoration: underline; } .start-section .address-link svg { fill: #111; margin-right: 7px; } .start-section .social-networks { position: absolute; right: 15px; bottom: 35px; } .main-slider { width: 100%; } .main-slider .item { padding-top: 60px; } .presentation-slide { display: flex; justify-content: center; align-items: flex-start; } .triple-img { display: flex; align-items: flex-start; height: calc(100vh - 320px); max-height: 720px; transition: transform 250ms ease-in-out; } .triple-img .image-one, .triple-img .image-two, .triple-img .image-three { position: relative; transition: 600ms ease; transform-origin: center; opacity: 0; } .triple-img .image-one { height: 70%; top: 13%; transform: translateX(50%) scale(1); } .triple-img .image-two { height: 100%; margin: 0 30px; transform: translateX(30%) scale(1); transition-delay: 0.1s; } .triple-img .image-three { height: calc(88%); top: 8%; transform: translateX(30%) scale(1); transition-delay: 0.5s; } .ready-load .triple-img { opacity: 1 !important; } .ready-load .triple-img .image-one, .ready-load .triple-img .image-two, .ready-load .triple-img .image-three { transform: translate(0, 0) scale(1); opacity: 1; } .triple-img .image-one img, .triple-img .image-two img, .triple-img .image-three img { display: block; width: 100%; } .presentation-slide .slide-text { margin-right: -320px; position: relative; z-index: 5; height: calc(100vh - 400px); max-height: 720px; } .presentation-slide .slide-text .h1 { font-size: 167px; font-weight: 800; text-transform: uppercase; color: #220F30; line-height: 1; margin-bottom: auto; letter-spacing: 2px; white-space: nowrap; overflow: hidden; margin: 0 0 50px; } .ready-load .presentation-slide .slide-text .h1 { opacity: 1 !important; transition-delay: 0.5s; transition-property: opacity; /* animation: typing 0.9s 0.3s steps(30, end);*/ } .ready-load .presentation-slide .slide-text .h1_new { opacity: 1 !important; transition-delay: 0.2s; transition-property: opacity; /*animation: typing 0.2s 0.1s steps(5, end); */ } .presentation-slide .slide-text .h1_new { font-size: 167px; font-weight: 800; text-transform: uppercase; color: #220F30; line-height: 1; margin-bottom: auto; letter-spacing: 2px; white-space: nowrap; overflow: hidden; margin: 0 0 50px; } @keyframes typing { from { width: 0; } to { width: 100%; } } .presentation-slide .slide-text .h1 .crown-icon { position: relative; font-style: normal; } .presentation-slide .fill-gray { color: #fff; } .presentation-slide .fill-orange { color: #E78C24; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .presentation-slide .fill-yellow { color: #FCBB2C; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .presentation-slide .fill-pink { color: #F09AC1; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .presentation-slide .fill-green { color: #BACE30; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .presentation-slide .slide-text .h1 .crown-icon:before { content: ''; position: absolute; width: 110px; height: 70px; top: -25px; left: -6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='73' viewBox='0 0 121 73' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.4984 3.07049C66.3668 7.40873 62.8597 15.4658 59.1398 14.9099C57.5268 14.644 57.3867 14.0088 57.9775 9.03775C59.4111 -2.78081 64.8169 -0.420774 65.4984 3.07049ZM39.7068 19.0199C41.6308 22.1038 37.6537 23.6031 34.1343 21.1377C30.5538 18.5969 26.4158 14.536 24.0541 11.682C21.551 8.9923 24.7626 6.64051 28.2877 8.52735C32.4567 10.7162 38.3883 16.8683 39.7068 19.0199ZM97.493 3.56086C100.352 4.04026 93.9545 16.9097 90.4159 17.7793C86.2844 18.7797 85.7402 17.9227 87.7696 13.4337C90.9553 6.33567 94.2153 2.99617 97.493 3.56086ZM61.152 28.0554C63.0646 29.2766 65.4046 31.0252 66.3488 31.8827C74.5687 39.7505 74.672 39.8165 77.0329 37.0307C82.513 30.67 92.5737 24.9417 92.3437 33.9633C92.1709 39.4195 90.3584 49.7229 90.0335 53.0809C89.2299 61.9182 88.1314 63.5817 83.2302 63.5085C71.0523 63.2643 54.5176 66.8238 43.2911 72.0987C40.5185 73.421 40.2744 73.1196 38.6791 67.2985C35.4606 55.5294 26.0401 45.4396 25.2179 41.7129C24.2928 37.5204 32.9033 38.9069 45.5192 44.9609L46.8072 45.565L48.1406 44.1605C50.8825 41.2906 52.8656 42.6295 51.8388 46.6309C51.0013 49.88 49.9881 51.125 46.3815 50.2776C44.322 49.7994 41.3649 48.6754 37.153 46.8957C35.4889 46.197 34.1442 45.7388 34.1722 45.8658C34.303 46.4587 39.3344 56.984 39.3438 57.0263L45.6594 55.0556C50.7368 53.7132 51.9277 56.2927 46.8117 58.2653C46.2798 58.4714 41.0087 60.3451 41.0087 60.3451C41.0087 60.3451 41.7436 62.6698 42.6355 63.8942C43.5697 65.1092 44.7033 65.2144 46.3087 64.2384C58.9122 56.7501 82.2658 57.3262 82.3081 57.3168C83.1408 57.2663 86.2206 36.2026 85.4969 35.7405C85.3935 35.6745 84.6258 36.4212 83.7776 37.4077C74.1419 48.2826 72.8999 48.2902 62.6379 37.8087L57.8192 32.8765L56.8796 35.2599C54.1503 42.2128 47.8022 40.8156 50.0396 35.6589C50.8137 33.9337 52.1487 31.3298 54.3139 27.2549C55.2809 25.3983 57.3785 25.646 61.152 28.0554ZM5.9164 39.5765C7.63717 40.1295 17.2806 45.9956 18.53 47.2298C21.2212 49.9668 17.2298 51.6025 12.8254 49.5544C7.68303 47.1806 0.186998 42.7948 0.0188084 42.0325C-0.359918 40.5173 3.57969 38.8486 5.9164 39.5765ZM115.289 36.7167C109.443 39.6055 105.97 40.7715 104.404 40.3176C101.846 39.594 102.709 38.4711 107.83 35.9199C108.311 35.6808 112.999 33.1807 116.43 32.4238C118.886 31.8819 124.648 32.0317 115.289 36.7167Z' fill='%23FFD600'/%3E%3C/svg%3E") no-repeat center; background-size: contain; transition-delay: 1.5s; transition-property: opacity; opacity: 0; display: none !important; } .ready-load .presentation-slide .slide-text .h1 .crown-icon:before { animation-name: tada; animation-duration: 1s; animation-delay: 1.5s; animation-fill-mode: both; opacity: 1; } @keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } .index-2 .presentation-slide .slide-text .h1 .crown-icon:before { content: ''; position: absolute; width: 110px; height: 70px; top: -25px; left: -6px; background: url(../img/crown2.svg) no-repeat center; background-size: contain; } .presentation-slide .slide-text p { color: #fff; text-shadow: 3px 5px 8px rgba(21, 21, 21, 0.2); font-size: 62px; font-style: normal; font-weight: 800; line-height: 1.3; letter-spacing: 2px; text-transform: uppercase; width: 100%; transform: translateY(40%); transition: 600ms ease-in-out; transition-delay: 0.5s; } .ready-load .presentation-slide .slide-text p { transform: translateY(0); opacity: 1 !important; } .icon-link { position: absolute; right: 40px; bottom: 40px; transition: 0.25s; } .icon-link img, .icon-link svg { display: block; max-width: 50px; } .icon-link:hover { opacity: 0.7; } @media (min-width: 1200px) { .triple-img { min-width: 780px; } } @media (max-width: 2000px) { .lg-title { font-size: 11vh; } .accordion-cell-content .btn-primary { height: 42px; padding: 0 25px; } .presentation-slide .slide-text p { font-size: 50px; margin-top: 70px; } .section.contacts-section .lg-title { font-size: 9vh; } .floor-section .lg-title, .fun-section .lg-title { font-size: 9vh; } } @media (max-width: 1699px) { .index-page .start-section { padding-top: 80px; padding-left: 50px; padding-right: 100px; } .presentation-slide .slide-text { padding-top: 10px; } .presentation-slide .slide-text .h1 { margin-bottom: 20px; font-size: 110px; margin-top: 0; } .presentation-slide .slide-text { display: block; margin-right: -120px; margin-left: 50px; } .presentation-slide .slide-text p { font-size: 36px; margin-top: 0; } .main-slider { margin-top: -30px; } .main-slider .item { padding-top: 60px; } .triple-img { height: calc(100vh - 180px); } .triple-img .image-two { margin: 0 15px; } .index-2 .presentation-slide .slide-text .h1 .crown-icon:before, .presentation-slide .slide-text .h1 .crown-icon:before { width: 90px; height: 51px; top: -21px; left: -12px; } .lg-title { left: -5px; } .floor-section .lg-title, .fun-section .lg-title { font-size: 70px; } .section.contacts-section .lg-title { font-size: 90px; } .accordion-cell-content .btn-primary { height: 32px; font-size: 11px; padding: 0 20px; } .accordion-cell-content .btn-primary .btn-arrow { width: 12px; height: 12px; background-size: 12px; top: -1px; } .index-page .section { padding-bottom: 80px; } .icon-link { bottom: 20px; right: 30px; } } @media (max-width: 1280px) { .presentation-slide .slide-text { margin-right: -250px; } } @media (max-width: 1199px) { .main-slider { margin-top: 20px; } .presentation-slide .slide-text .h1 { font-size: 80px; } .presentation-slide .slide-text { display: block; margin-right: 0; height: auto; } .presentation-slide .slide-text p { font-size: 32px; } .index-2 .presentation-slide .slide-text .h1 .crown-icon:before, .presentation-slide .slide-text .h1 .crown-icon:before { width: 80px; height: 42px; left: -17px; } .main-slider .item { padding-top: 40px; } .triple-img { height: 300px; min-width: 420px; } .triple-img .image-two { margin: 0 15px; } .index-page .section:not(.start-section) { height: auto !important; padding: 80px 120px 100px; display: block; } .index-page .start-section { height: auto !important; padding: 80px 50px 100px; display: block; } .index-page .section.fun-section, .index-page .section.relux-section { padding-bottom: 70px; } .lg-title { font-size: 80px; position: static; margin: 0 0 60px; line-height: 1.2; } .floor-section .lg-title, .fun-section .lg-title { font-size: 60px; } .cell-head .h2 { padding: 0 20px; } } @media (max-width: 992px) { .main-slider { margin-top: 50px; margin-bottom: 60px; } .presentation-slide .slide-text .h1 { font-size: 70px; } .presentation-slide .slide-text p { font-size: 28px; margin-left: -10px; } .index-2 .presentation-slide .slide-text .h1 .crown-icon:before, .presentation-slide .slide-text .h1 .crown-icon:before { width: 70px; } .index-page .section:not(.start-section) { padding: 50px 20px; } .index-page .start-section { padding: 50px 30px; } .relux-section .lg-title, .lg-title { font-size: 50px !important; text-align: center; margin-bottom: 40px; } } @media (max-width: 767px) { .index-page .start-section { height: calc(var(--vh, 1vh) * 100) !important; display: flex; align-items: center; } .main-slider .item { padding-top: 80px; } .presentation-slide { display: grid; grid-template-columns: 1fr; } .presentation-slide .slide-text { margin-right: 0; } .presentation-slide .slide-text, .triple-img { grid-row-start: 1; grid-column-start: 1; } .presentation-slide .slide-text .h1 { text-align: center; margin-top: -40px; } .triple-img { width: 520px; margin: 0 auto; } .presentation-slide .slide-text p { margin-left: 0; max-width: 400px; text-indent: 0; margin-top: 190px; } .presentation-slide .slide-text p br { display: none; } .presentation-slide .slide-text p span { display: none; } .relux-section .lg-title, .lg-title { font-size: 32px !important; margin-bottom: 30px; } .relux-section .lg-title { font-size: 30px; } .start-section .address-link { font-size: 0; } } @media (max-width: 575px) { .presentation-slide .slide-text .h1 { font-size: 60px; margin-top: -45px; } .presentation-slide .slide-text p { font-size: 24px; margin-top: 150px; } .triple-img { width: 420px; height: 220px; } } @media (max-width: 479px) { .presentation-slide .slide-text .h1 { font-size: 50px; } .index-2 .presentation-slide .slide-text .h1 .crown-icon:before, .presentation-slide .slide-text .h1 .crown-icon:before { width: 55px; left: -12px; } .presentation-slide .slide-text { margin: 0 auto; width: 300px; } .presentation-slide .slide-text p { font-size: 22px; text-indent: 0; margin: 130px 10px 15px 0; max-width: none; } .triple-img { width: 320px; height: 180px; margin-left: 50px; } .relux-section .lg-title { font-size: 24px; } .double-slides .item { height: 280px; } } @media (max-width: 390px) { .triple-img { width: 280px; height: 160px; margin-left: 90px; } } @media (max-width: 375px) { .fun-section .lg-title { font-size: 24px !important; } .presentation-slide .slide-text { margin: 0 auto; width: 280px; } .relux-section .lg-title { font-size: 21px !important; } .ready-load .presentation-slide .slide-text p { font-size: 20px; } } .relux-section .btn-primary { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); display: inline-flex; } .relux-section .lg-title { font-size: 11vh; } @media (max-width: 2000px) { .relux-section .lg-title { font-size: 9vh; } } @media (max-width: 1700px) { .double-slides { margin: 25px -10px; } .double-slides .item { height: 320px; padding: 12px; margin: 0 10px; } .relux-section .btn-primary { height: 42px; font-size: 13px; padding: 0 20px; } .relux-section .btn-primary .left-icon { width: 24px; } .relux-section .lg-title { font-size: 70px; } } @media (max-width: 1199px) { .relux-section .lg-title { font-size: 60px; } } @media (max-width: 375px) { .relux-section .btn-primary .left-icon { display: none; } } .start-hero { height: 100vh; display: flex; justify-content: center; flex-direction: column; margin-bottom: 80px; position: relative; overflow: hidden; padding-top: 120px; padding-bottom: 100px; } .start-hero .h1, .start-hero h1 { color: #fff; font-size: 120px; line-height: 0.7; text-transform: uppercase; font-weight: 800; text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.2); margin: 0; position: absolute; left: -3px; bottom: 0; white-space: nowrap; font-size: clamp(50px, 4vw, 120px); } .hero-footer { position: absolute; bottom: 0; left: 0; width: 100%; } .hero-footer .container { display: flex; align-items: center; justify-content: flex-end; height: 100px; } .hero-footer .container .btn-primary { height: 50px; #width: 270px; padding: 0 15px; position: absolute; bottom: 20px; right: 20px; } .start-hero .container .btn-primary { position: fixed; transition: 0.7s; } .start-hero .container .btn-primary .btn-content:after { content: ''; position: absolute; left: 0; right: 0; top: 10px; width: 24px; height: 24px; margin: 0 auto; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='25' fill='none' viewBox='0 0 15 25'%3E%3Cpath fill='%23212121' d='M2.6806.9531A2.5321 2.5321 0 0 0 .1484 3.4853v18.7675a2.5323 2.5323 0 0 0 2.5322 2.5321h9.2348a2.5326 2.5326 0 0 0 1.7905-.7416 2.5326 2.5326 0 0 0 .7416-1.7905V3.4853A2.5323 2.5323 0 0 0 11.9154.953H2.6806ZM1.6379 3.4853c0-.5756.4671-1.0427 1.0427-1.0427h9.2348c.5761 0 1.0426.4671 1.0426 1.0427v18.7675c0 .2765-.1098.5417-.3054.7372a1.0422 1.0422 0 0 1-.7372.3054H2.6806a1.0424 1.0424 0 0 1-1.0427-1.0426V3.4853Zm4.0216 16.2353a.7447.7447 0 0 0 0 1.4895h3.277a.7446.7446 0 0 0 .5265-1.2713.7447.7447 0 0 0-.5266-.2182H5.6595Z'%3E%3C/path%3E%3Cpath fill='%23212121' d='M9.9326 2.4426H4.514c0 .521.4223.9433.9433.9433h3.532a.9433.9433 0 0 0 .9433-.9433Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center; background-size: contain; z-index: 10; top: 0; opacity: 0; } .start-hero .container .btn-primary.activated .btn-content:after { opacity: 1; } .start-hero .container .btn-primary .btn-content { height: 24px; } .start-hero .container .btn-primary.activated { width: 55px; } .start-hero .container .btn-primary .btn-text { white-space: nowrap; } .start-hero .container .btn-primary.activated .btn-text { opacity: 0; } .start-hero .btn-primary.border-shadow:after { border: 1px solid #fff; } .start-hero .container .btn-primary { z-index: 100; } .start-hero .container .btn-primary.activated:after { border-color: #E6B2DB; } .hero-footer .container .btn-primary:hover:before { visibility: hidden; } @keyframes waves { 0% { transform: scale(0.2, 0.2); opacity: 0; } 50% { opacity: 0.9; } 100% { transform: scale(1.2, 1.4); opacity: 0; } } .half-hero { height: 400px; padding-top: 120px; display: flex; align-items: flex-end; overflow: hidden; position: relative; margin-bottom: 50px; } .half-hero .container { display: flex; justify-content: flex-end; align-items: center; } .half-hero .h1, .half-hero h1 { position: absolute; left: -3px; bottom: 0; color: #fff; font-size: 100px; line-height: 0.7; text-transform: uppercase; font-weight: 800; text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2); margin: 0; } .fill-right, .fill-left { position: relative; z-index: 1; padding: 80px 0; } .fill-left, .fill-right { position: absolute; top: 0; bottom: 0; width: calc((100vw - 1420px) / 2 + 1420px); z-index: -1; } .fill-left { left: 0; border-radius: 0 20px 20px 0; } .fill-right { right: 0; border-radius: 20px 0 0 20px; } .fill-full { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .fill-top .title-group, .fill-bottom .title-group { color: #fff; } .fill-top, .fill-bottom { position: absolute; left: 0; right: 0; height: 55%; z-index: -1; pointer-events: none; } .fill-top { top: 0; } .fill-bottom { bottom: 0; } .fill-bottom .title-group .h2, .fill-bottom .title-group h2 { color: #111; } .fill-top .title-group, .fill-bottom .title-group { margin-bottom: 40px; } .hero-slider { opacity: 0; width: 100vw; margin: 0 auto; } .hero-slider .slick-list { padding-top: 5px !important; padding-bottom: 12px !important; } .hero-slider.slick-track { display: flex; } .hero-slider.slick-initialized { opacity: 1; } .hero-slider .item { width: 900px; height: 650px; transition: all 300ms ease; opacity: 0.6; position: relative; z-index: 1; transform: scale(0.9); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.24); } .hero-slider .item.slick-center, .hero-slider .item.slick-center { z-index: 2; transform: scale(1); opacity: 1; } .hero-slider .item img { width: 100%; height: 100%; object-fit: cover; } .hero-slider .item video { display: block; width: 100%; height: 100%; object-fit: cover; } .hero-slider .item iframe { width: 100%; height: 100%; } .hero-slider .slick-arrow { position: absolute; top: calc(50% - 20px); border-radius: 50%; z-index: 11; width: 40px; height: 40px; transition: 0.25s; opacity: 0.5; border: 0; padding: 0; display: flex; align-items: center; justify-content: center; } .hero-slider .slick-arrow:hover { opacity: 1; } .hero-slider .slick-arrow svg { fill: #111; width: 16px; height: 16px; } .hero-slider .slick-arrow.slick-prev { left: 50px; } .hero-slider .slick-arrow.slick-next { right: 50px; } .hero-sm { height: 150px; } @media (min-width: 2000px) { .hero-footer .container { max-width: 100%; padding-right: 20px; } } @media (max-width: 2000px) { .hero-slider .item { width: 800px; height: 520px; } .half-hero .h1, .half-hero h1 { font-size: 80px; } .hero-sm { height: 130px; } } @media (max-width: 1699px) { .hero-slider .item { width: 520px; height: 320px; } .hero-footer .container { height: 80px; } .hero-footer .container .btn-primary { width: 220px; } .fill-left, .fill-right { position: absolute; top: 0; bottom: 0; width: 100%; z-index: -1; border-radius: 0; } .half-hero { height: 220px; } .half-hero .h1, .half-hero h1 { font-size: 60px; } .hero-sm { height: 110px; } .start-hero .container .btn-primary { position: relative; bottom: auto; right: auto; width: auto; height: 42px; } .start-hero .container .btn-primary.activated { width: auto; } .start-hero .container .btn-primary.activated .btn-content:after { opacity: 0; } .start-hero .container .btn-primary.activated .btn-text { opacity: 1; } } @media (max-width: 1399px) { .hero-sm { height: 90px; } } @media (max-width: 1199px) { .start-hero { height: auto; padding-bottom: 0; } .hero-slider { order: 2; } .start-hero .h1, .start-hero h1 { font-size: 50px; width: calc(100% - 20px); order: 1; text-align: center; margin: 0 10px 30px; line-height: 1.1; position: static; white-space: normal; } .half-hero { height: auto; } .half-hero .h1, .half-hero h1 { position: static; font-size: 50px; width: 100%; text-align: center; margin: 0 10px 30px; } .hero-footer { position: static; order: 3; padding: 40px 0; } .hero-footer .container { height: auto; justify-content: center; flex-wrap: wrap; } } @media (max-width: 991px) { .start-hero .h1, .start-hero h1 { font-size: 32px; } .start-hero { margin-bottom: 50px; } .half-hero { padding-top: 100px; } .half-hero .h1, .half-hero h1 { text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2); line-height: 1.3; font-size: 36px; } } @media (max-width: 575px) { .start-hero { padding-left: 15px; padding-right: 15px; } .hero-slider { width: 100%; } .hero-slider .item { transform: scale(1); } .hero-slider .slick-arrow.slick-next { right: 10px; } .hero-slider .slick-arrow.slick-prev { left: 10px; } .hero-slider .item { opacity: 1; height: 280px; } .hero-footer .container .btn-primary { width: 100%; } .half-hero .h1, .half-hero h1 { font-size: 32px; } } @media (max-width: 479px) { .hero-slider .item { opacity: 1; height: 250px; } } .page-gallery { padding-top: 50px; } .page-gallery .row { margin-bottom: 80px; } .page-gallery .row:last-child { margin-bottom: 50px; } .page-gallery img { display: block; max-height: 800px; max-width: 100%; object-fit: contain; } .page-gallery .col-lg-6 { display: flex; flex-direction: column; justify-content: center; } .page-gallery .col-lg-6:first-child { padding-right: 40px; } .page-gallery .col-lg-6:last-child { padding-left: 40px; } .page-gallery .col-lg-6:first-child .single-slide .slick-dots { right: auto; left: 0; } .page-gallery .single-slide .item { height: 475px; } .page-gallery .single-slide .slick-dots { list-style: none; position: absolute; right: 0; display: flex !important; align-items: center; padding: 0; margin: 0; top: 100%; } .page-gallery .single-slide .slick-dots li { margin-left: 5px; } .page-gallery .single-slide .slick-dots li.slick-active button { background-color: #111; } .page-gallery .single-slide .slick-dots button { font-size: 0; border: 1px solid #111; width: 14px; height: 14px; border-radius: 50%; padding: 0; background-color: transparent; } .single-slide .slick-arrow { position: absolute; width: 46px; height: 46px; right: -15px; background-color: #fff; border: 1px solid #DFA887; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 0; display: none !important; } .single-slide .slick-arrow:before { content: ''; position: absolute; background-color: #fff; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; } .single-slide .slick-arrow svg { fill: #111; width: 18px; height: 18px; position: relative; z-index: 3; } .single-slide .slick-arrow.slick-prev { top: calc(50% - 70px); } .single-slide .slick-arrow.slick-next { top: calc(50% - 10px); } .single-slide .slick-arrow:hover:before { background-color: #FFC371; } .card-gallery .row { margin-left: -20px; margin-right: -20px; } .card-gallery .col-lg-4 { margin-bottom: 50px; padding-left: 20px; padding-right: 20px; } .card-gallery .col-lg-4 img { display: block; max-height: 100%; } .card-gallery .card-item a { width: 100%; display: block; height: 500px; } .card-gallery .card-item .h4, .card-gallery .card-item h4 { font-size: 16px; text-align: center; margin: 10px 0 0; } .card-gallery .card-item picture { display: flex; align-items: center; justify-content: center; } .card-gallery .card-item { border: 1px solid #74EBD5; position: relative; background-color: #fff; padding: 15px; } .relux-fill .card-gallery .card-item { border: 1px solid #555; } .card-gallery .hover-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(4, 43, 36, 0.6); color: #fff; transition: .25s; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; pointer-events: none; opacity: 0; } .card-gallery .hover-content:before { content: ''; width: 32px; height: 32px; margin-bottom: 5px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cg clip-path='url(%23clip0_991_15)'%3E%3Cpath d='M26.2694 18.1248H20.832V12.6874C20.832 12.1871 20.426 11.7811 19.9257 11.7811C19.4255 11.7811 19.0195 12.1871 19.0195 12.6874V18.1248H13.582C13.0818 18.1248 12.6758 18.5308 12.6758 19.0311C12.6758 19.5313 13.0818 19.9373 13.582 19.9373H19.0195V25.3748C19.0195 25.875 19.4255 26.281 19.9257 26.281C20.426 26.281 20.832 25.875 20.832 25.3748V19.9373H26.2694C26.7697 19.9373 27.1756 19.5313 27.1756 19.0311C27.1756 18.5308 26.7697 18.1248 26.2694 18.1248Z' fill='white'/%3E%3Cpath d='M46.86 46.4657L33.3942 32.4616C36.8288 29.017 38.9567 24.2682 38.9567 19.0311C38.9567 8.5368 30.4199 0 19.9256 0C9.43133 0 0.894531 8.5368 0.894531 19.0311C0.894531 29.5254 9.43133 38.0622 19.9256 38.0622C24.532 38.0622 28.7597 36.4155 32.0547 33.6832L45.5532 47.7218C45.7308 47.9076 45.9683 48 46.2066 48C46.4332 48 46.6588 47.9157 46.8346 47.7472C47.1953 47.4001 47.2062 46.8264 46.86 46.4657ZM2.70701 19.0311C2.70701 9.53638 10.4309 1.81248 19.9256 1.81248C29.4203 1.81248 37.1442 9.53638 37.1442 19.0311C37.1442 28.5258 29.4203 36.2497 19.9256 36.2497C10.4309 36.2497 2.70701 28.5258 2.70701 19.0311Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_991_15'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center; background-size: contain; } .card-gallery .hover-content p { width: 100%; text-align: center; font-weight: 400; padding: 0 20px; text-shadow: 0 0 6px #111; } .card-item:hover .hover-content { opacity: 1; } .page-section a { text-decoration: none; } .page-section a:hover { text-decoration: underline; } .page-section a.btn-primary:hover { text-decoration: none; } .single-slide.wide-width { margin-bottom: 100px; } .single-slide.wide-width .slick-arrow { display: flex !important; } .single-slide.wide-width .slick-dots { display: none !important; } .single-slide.wide-width .item { height: auto !important; } .single-slide.wide-width .row { margin-bottom: 0; } .single-slide.wide-width .col-lg-6 { display: flex; flex-direction: column; justify-content: center; } .single-slide.wide-width img { max-height: 500px; object-fit: contain; } .single-slide.wide-width p { margin-bottom: 15px; } .single-slide.wide-width ul, .single-slide.wide-width ol { padding-left: 20px; margin: -5px 0 20px; } @media (max-width: 1699px) { .page-gallery .single-slide .item { height: 360px; } .card-gallery .card-item a { height: 400px; } .single-slide.wide-width .item img { max-height: 400px; } } @media (max-width: 1199px) { .page-gallery .single-slide .item { height: 300px; } .card-gallery .row { margin-left: -10px; margin-right: -10px; } .card-gallery .col-lg-4 { padding-right: 10px; padding-left: 10px; } .card-gallery .col-lg-4 { margin-bottom: 20px; } .card-gallery .card-item .h4, .card-gallery .card-item h4 { font-size: 14px; } .card-gallery .card-item a { height: 320px; } } @media (max-width: 991px) { .page-gallery .col-lg-6:last-child { padding-left: 10px; } .page-gallery .col-lg-6:first-child { padding-right: 10px; } .page-gallery .order-lg-2 { order: 2; } .page-gallery .order-lg-1 { order: 1; } .page-gallery .single-slide { margin-bottom: 20px; } .page-gallery img { margin-bottom: 20px; } .single-slide img { margin-bottom: 0; } .page-gallery .single-slide .item { height: 440px; } .page-gallery .col-lg-6:first-child .single-slide .slick-dots { left: auto; right: 0; } .single-slide.wide-width .row { flex-direction: column-reverse; } .single-slide .slick-arrow { width: 32px; height: 32px; top: -70px; } .single-slide .slick-arrow svg { width: 14px; height: 14px; } .single-slide .slick-arrow { right: 15px; } .single-slide .slick-arrow.slick-next { top: 15px; } .single-slide .slick-arrow.slick-prev { top: 55px; } .double-slides .slick-arrow.slick-prev { right: 60px; } .tripple-slides .slick-arrow { width: 32px; height: 32px; top: -70px; } .tripple-slides .slick-arrow svg { width: 14px; height: 14px; } .tripple-slides .slick-arrow.slick-prev { right: 60px; } } @media (max-width: 767px) { .page-gallery .single-slide .item { height: 340px; } .card-gallery .hover-content p { font-size: 13px; } } @media (max-width: 479px) { .page-gallery .single-slide .item { height: 280px; } } .planning-map { width: 100%; } .planning-map svg { max-height: 100%; width: 100%; } .planning-ma a { display: block; position: relative; } .map-area.food-area:hover { fill: rgba(185, 206, 47, 0.5); } .map-area.fun-area:hover { fill: rgba(220, 140, 0, 0.5); } .map-area.sport-area:hover { fill: rgba(220, 140, 0, 0.5); } .map-area.dance-area:hover { fill: rgba(240, 153, 193, 0.5); } .map-area { pointer-events: all; } .floor-section .plan-img { display: block; max-width: 100%; margin: 0 auto; max-height: 100%; } .contacts-section { display: flex; align-items: center; } .map-container { position: absolute; top: 130px; left: 0; width: 100%; height: calc(100% - 440px); z-index: 1; user-select: none; } .contacts-section iframe { width: 100% !important; height: 100% !important; pointer-events: none; user-select: none; } .float-schedule { position: absolute; right: 40px; top: 180px; z-index: 3; width: 360px; padding: 5px; color: #111; text-decoration: none; font-size: 22px; } .float-schedule:hover .schedule-content { background-color: #fff; } .float-schedule:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(180deg, #FFBFA6 0%, #FF99AF 100%); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25); } .schedule-content { background-color: #FFF3EC; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); position: relative; z-index: 2; padding: 15px; text-align: center; } .schedule-content .h4 { font-size: 21px; font-weight: 700; text-transform: uppercase; text-align: center; margin: 0 0 15px; } .schedule-content table { font-size: 14px; font-weight: 500; } .schedule-content table div { font-size: 13px; } .schedule-content table span { color: #ff600b; } .schedule-content table td { padding: 10px; border-bottom: 1px dashed #a5a7a9; } .schedule-content table td:first-child { padding-left: 0; } .social-networks { display: flex; align-items: center; } .social-networks a { text-decoration: none; margin-right: 20px; } .social-networks a svg { fill: #111; transition: 0.3s; } .social-networks a:hover svg { opacity: 0.7; } .contacts-link { text-transform: uppercase; color: #111; text-decoration: none; font-size: 18px; padding-bottom: 14px; transition: 0.25s; position: absolute; top: 45%; } .contacts-link span { writing-mode: vertical-lr; transform: scale(-1, -1); } .contacts-link:after { content: ''; position: absolute; bottom: 0; left: 0; width: 16px; height: 16px; left: 0; right: 1px; margin: 0 auto; transition: 0.25s; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='m.033 5.4415 5.5632 6.3747a.5353.5353 0 0 0 .1823.1357.5383.5383 0 0 0 .6273-.1357l5.5614-6.3747a.1327.1327 0 0 0 .0208-.1422.1338.1338 0 0 0-.1214-.0779H10.509a.2718.2718 0 0 0-.2028.0917L6.6371 9.518V.1333A.1341.1341 0 0 0 6.503 0H5.4973c-.0737 0-.134.06-.134.1333V9.518L1.694 5.313a.2666.2666 0 0 0-.2028-.0916H.1337c-.114 0-.176.1333-.1006.22Z'/%3E%3C/svg%3E") no-repeat center; background-size: contain; } .contacts-link:hover { opacity: 0.7; } .contacts-link:hover:after { transform: translateY(5px); } .start-section .contacts-link, .fun-section .contacts-link, .relux-section .contacts-link, .event-section .contacts-link, .news-section .contacts-link { left: 30px; } .start-section .contacts-link { color: #fff; } .sport-section .contacts-link, .food-section .contacts-link, .services-section .contacts-link { right: 30px; } .sport-section .contacts-link, .relux-section .contacts-link, .food-section .contacts-link, .event-section .contacts-link, .services-section .contacts-link { color: #fff; } .start-section .contacts-link:after, .sport-section .contacts-link:after, .relux-section .contacts-link:after, .food-section .contacts-link:after, .event-section .contacts-link:after, .services-section .contacts-link:after { filter: brightness(0) invert(1); } @media (max-width: 1800px) { .contacts-link { font-size: 14px; } .contacts-link:after { width: 14px; height: 14px; } .start-section .contacts-link, .fun-section .contacts-link, .relux-section .contacts-link, .event-section .contacts-link, .news-section .contacts-link { left: 15px; } .sport-section .contacts-link, .food-section .contacts-link, .services-section .contacts-link { right: 15px; } .map-container { top: 100px; height: calc(100% - 400px); } } @media (max-width: 1700px) { .map-container { top: 95px; height: calc(100% - 400px); } .float-schedule { top: 120px; right: 30px; } } @media (max-width: 1399px) { .contacts-link { font-size: 13px; } .contacts-link:after { width: 12px; height: 12px; } .start-section .contacts-link, .fun-section .contacts-link, .relux-section .contacts-link, .event-section .contacts-link, .news-section .contacts-link { left: 10px; } .sport-section .contacts-link, .food-section .contacts-link, .services-section .contacts-link { right: 10px; } .index-page .section.contacts-section { padding-bottom: 140px; } } @media (max-width: 1199px) { .contacts-link { display: none; } .map-container { position: static; height: auto; margin-bottom: 30px; } .map-container iframe { height: 400px !important; } .float-schedule { width: 100%; margin: 0 0 50px; } .float-schedule table { font-size: 14px; } .index-page .section.contacts-section { padding-bottom: 30px; } .float-schedule { position: relative; top: auto; right: auto; display: block; } .schedule-content { padding: 12px; } } .news-item .detail-link { text-align: right; } .news-item .detail-link a { display: inline-block; text-decoration: none; color: #262f5a; } .news-item .detail-link a:hover { text-decoration: underline; } .news-item .item-img { height: 360px; transition: 0.25s; margin-bottom: 12px; position: relative; overflow: hidden; padding-left: 12px; padding-bottom: 12px; } .news-item .item-img picture { position: relative; z-index: 2; } .news-item .item-img:after { content: ''; position: absolute; top: 20px; right: 20px; left: 0; bottom: 0; background: linear-gradient(180deg, #8FFDE9 0%, #6977B7 100%); z-index: 1; } .news-item .item-img a { width: 100%; height: 100%; outline: none; position: absolute; top: 0; left: 0; z-index: 3; } .news-item .item-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; } .news-item .item-img:hover img { transform: scale(1.07); } .news-item .item-title { font-size: 24px; font-weight: 600; margin-bottom: 5px; } .news-item .item-title a { text-decoration: none; color: inherit; } .news-item .item-title a:hover { text-decoration: underline; } .news-item .item-text { margin: 0 0 10px; height: 65px; overflow: hidden; color: #777; font-size: 14px; } .news-section .col-lg-6:first-child { padding-right: 80px; } .news-section .col-lg-6:first-child .item-img { height: 450px; } .news-section .col-lg-6:last-child { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 50px; } .news-section .col-lg-6:last-child .news-item { width: calc(50% - 30px); } .news-section .col-lg-6:last-child .news-item .item-img { padding-bottom: 8px; padding-left: 8px; height: 210px; margin-bottom: 8px; } .news-section .col-lg-6:last-child .news-item .item-img:after { bottom: -8px; left: -8px; } .news-section .col-lg-6:last-child .news-item .item-title { font-size: 18px; } .news-page .btn-primary.border-shadow, .news-section .btn-primary.border-shadow { width: 280px; margin: 30px auto 0; display: flex; } .news-filters { display: flex; align-items: flex-end; margin-right: 30px; margin-top: auto; } .news-filters a { position: relative; text-decoration: none; color: #fff; text-transform: uppercase; font-weight: 500; padding: 30px 20px; transition: 0.3s; } .news-filters a:hover { color: #111; } .news-filters a:after { content: ''; position: absolute; left: 0; right: 0; height: 3px; bottom: 0; background-color: #111; display: none; } .news-filters a.active { color: #111; pointer-events: none; cursor: auto; } .news-filters a.active:after { display: block; } .news-container { margin-top: 120px; padding-bottom: 100px; } .news-container .col-md-6 { padding-left: 50px; padding-right: 50px; margin-bottom: 80px; } .news-container .col-md-6:nth-child(2) { margin-top: 60px; } .news-container .col-md-6:nth-child(2n+3) { margin-top: -60px; } .article-page .main-header { position: relative; margin-bottom: 30px; } .article-page .back-link { font-size: 13px; color: #555; } .article-page .back-link .btn-arrow { width: 12px; height: 12px; } .aside-col { padding-top: 110px; padding-bottom: 50px; } .aside-col .h3, .aside-col h3 { margin: 0 0 25px; } .aside-col .news-item { margin-bottom: 40px; } .aside-col .news-item .item-img { height: 280px; padding-left: 8px; padding-bottom: 8px; } .aside-col .news-item .item-title { font-size: 16px; } .aside-col .news-item .detail-link a { font-size: 13px; } @media (max-width: 2000px) { .news-section .col-lg-6:last-child .news-item .item-img { height: 190px; } .news-section .col-lg-6:first-child .item-img { height: 400px; } } @media (max-width: 1700px) { .news-section .col-lg-6:first-child { padding-left: 70px; } .news-section .col-lg-6:last-child { padding-right: 50px; } .news-section .col-lg-6:first-child .item-img { height: 280px; } .news-item .item-title { font-size: 18px; } .news-section .col-lg-6:last-child .news-item .item-img { height: 150px; } .news-section .col-lg-6:last-child .news-item .item-title { font-size: 14px; } .news-section .btn-primary { height: 48px; font-size: 13px; width: 220px; padding: 0 10px; } .news-section .btn-primary .btn-arrow { width: 13px; height: 13px; background-size: 13px; } .news-section .col-lg-6:last-child { padding-top: 20px; } .news-section .news-item .detail-link a { font-size: 13px; } .news-page .half-hero .h1, .news-page .half-hero h1 { font-size: 70px; } .news-item .item-img { height: 320px; } .news-item .item-img { padding-left: 8px; padding-bottom: 8px; } .aside-col .news-item .item-img { height: 220px; } } @media (max-width: 1399px) { .news-item .item-img { height: 270px; } .news-section .col-lg-6:first-child .item-img { height: 250px; } .news-section .col-lg-6:last-child .news-item .item-img { height: 130px; } } @media (max-width: 1199px) { .news-section .col-lg-6:first-child { padding-left: 10px; padding-right: 40px; } .news-section .col-lg-6:first-child .item-img { height: 240px; } .news-section .col-lg-6:last-child { padding-right: 10px; } .news-section .col-lg-6:last-child .news-item .item-img { height: 120px; } .news-section .col-lg-6:last-child .news-item { width: calc(50% - 15px); } .news-page .half-hero .h1, .news-page .half-hero h1 { font-size: 56px; } .news-filters a { padding: 16px; } .news-item .item-img { height: 210px; } .news-item .item-title { font-size: 16px; } .news-item .detail-link { font-size: 13px; } .news-container .col-md-6 { margin-bottom: 50px; } .aside-col { padding: 30px 0 50px; display: flex; flex-wrap: wrap; justify-content: space-between; } .aside-col .news-item .item-img { height: 280px; } .aside-col>.h3, .aside-col>h3 { width: 100%; } .aside-col .news-item { width: calc(50% - 20px); } } @media (max-width: 991px) { .news-item .item-img { height: 170px; } .news-section .col-lg-6:first-child { padding-right: 10px; margin-bottom: 30px; } .news-section .col-lg-6:last-child { padding-right: 10px; } .news-section .col-lg-6:first-child .item-img { height: 400px; } .news-section .col-lg-6:last-child .news-item .item-img { height: 180px; } .news-section .btn-primary { margin-top: 40px; } .news-page .half-hero .h1, .news-page .half-hero h1 { font-size: 42px; position: static; text-align: center; margin: 0 0 10px; } .news-filters { justify-content: center; margin-right: 0; } .news-filters a { padding: 16px; } .news-item .item-title { font-size: 15px; } .news-item .item-img { height: 220px; } .news-container .col-md-6 { padding-left: 25px; padding-right: 25px; } .aside-col .news-item .item-img { height: 220px; } } @media (max-width: 767px) { .news-section .col-lg-6:last-child .news-item { width: 100%; } .news-section .col-lg-6:last-child .news-item .item-img, .news-section .col-lg-6:first-child .item-img { height: 280px; } .news-section .col-lg-6:last-child .news-item .item-title, .news-item .item-title { font-size: 16px; } .news-section .col-lg-6:last-child .news-item { margin-bottom: 30px; } .news-section .col-lg-6:last-child { padding-top: 0; } .news-page .half-hero .h1, .news-page .half-hero h1 { font-size: 32px; } .aside-col .news-item .item-img, .news-item .item-img { height: 280px; } .news-container .col-md-6:nth-child(2n+3), .news-container .col-md-6:nth-child(2), .news-container .col-md-6 { margin: 0 0 40px; } .news-page .btn-primary.border-shadow, .news-section .btn-primary.border-shadow { width: calc(100% - 30px); } .aside-col .news-item { width: 100%; } } @media (max-width: 575px) { .news-item .item-img { height: 250px; } .news-section .col-lg-6:last-child .news-item .item-img, .news-section .col-lg-6:first-child .item-img { height: 250px; } .news-page .half-hero .h1, .news-page .half-hero h1 { font-size: 28px; } .news-page .half-hero { margin-bottom: 0; } .news-page .news-container { margin-top: 50px; } .article-page .page-content .container { padding-right: 25px; padding-left: 25px; } } @media (max-width: 479px) { .aside-col .news-item .item-img, .news-item .item-img, .news-section .col-lg-6:last-child .news-item .item-img, .news-section .col-lg-6:first-child .item-img { height: 220px; } } @media (max-width: 420px) { .news-item .item-img, .news-section .col-lg-6:last-child .news-item .item-img, .news-section .col-lg-6:first-child .item-img { height: 180px; } } @media (max-width: 375px) { .aside-col .news-item .item-img, .news-item .item-img, .news-section .col-lg-6:last-child .news-item .item-img, .news-section .col-lg-6:first-child .item-img { height: 160px; } } .consultation-section { padding: 200px 15px 180px; display: flex; flex-direction: column; align-items: center; width: 100%; position: relative; } .consultation-section>*:not(.bg-text) { position: relative; z-index: 2; } .consultation-section .h2, .consultation-section h2 { text-transform: uppercase; color: #111; } .consultation-section p { font-size: 18px; color: #333; max-width: 730px; margin: 0 auto 60px; text-align: center; font-weight: 400; } .consultation-section form { display: flex; align-items: flex-start; } .consultation-section .form-group { margin-right: 30px; } .consultation-section label { font-size: 15px; margin-bottom: 5px; display: block; width: 100%; color: #111; } .consultation-section .form-control { font-size: 36px; font-weight: 500; height: 60px; border: 0; border-bottom: 1px solid #212121; background-color: transparent; width: 420px; outline: 0; } .consultation-section .form-control:focus { box-shadow: none; } .consultation-section .btn-primary { flex-grow: 1; width: 320px; } .consultation-section .bg-text { position: absolute; left: 0; right: 0; top: 10%; text-align: center; font-size: 300px; font-weight: 700; z-index: 1; line-height: 1; pointer-events: none; letter-spacing: 15px; } @media (max-width: 1699px) { .consultation-section .h2 { font-size: 32px; } .consultation-section p { font-size: 16px; margin-bottom: 40px; } .consultation-section .form-control { font-size: 28px; width: 320px; padding-right: 0; } .consultation-section .btn-primary { width: 280px; font-size: 18px; } .default-page .consultation-section { padding: 120px 15px 100px; } .consultation-section .bg-text { font-size: 200px; top: 20%; } } @media (max-width: 1199px) { .consultation-section { padding: 100px 15px; } .consultation-section .h2 { font-size: 28px; } .consultation-section .bg-text { font-size: 150px; top: 10%; } } @media (max-width: 992px) { .consultation-section .bg-text { font-size: 100px; top: 15%; } } @media (max-width: 767px) { .consultation-section form { flex-wrap: wrap; } .consultation-section .form-group { margin-right: 0; width: 100%; } .consultation-section .bg-text { display: none; } .consultation-section .form-control { font-size: 20px; font-weight: 600; width: 100%; height: 50px; } .consultation-section .btn-primary { width: 100%; height: 50px; margin-top: 10px; } .consultation-section .h2 { font-size: 24px; } } @media (max-width: 479px) { .consultation-section p { font-size: 14px; } } .form-group { padding-bottom: 25px; } .form-group .error-text { font-size: 12px; color: #ff0000; } .form-control { display: block; width: 100%; height: 50px; padding: 0 12px; background-color: transparent; font-size: 18px; color: #111; outline: 0; border: 1px solid #887C7C; } .form-control:focus { box-shadow: 0 0 0 4px rgba(223, 168, 135, 0.4); } .select-container { position: relative; display: flex; align-items: center; } .select-container .select-box { width: 100%; } .select-container .select-label { font-size: 14px; color: #555; margin-right: 10px; } .select-container .select-button { background-color: #fff; border: 1px solid #887C7C; cursor: pointer; padding: 0 32px 0 12px; box-shadow: none; height: 50px; width: 100%; position: relative; text-align: left; outline: 0; display: flex; align-items: center; } .select-container .select-button:focus { border: 1px solid #00AFEC; } .select-container .select-button span { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select-container .select-button:after { content: ''; width: 0; height: 0; position: absolute; top: calc(50% - 3px); right: 15px; border-top: 6px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; transform-origin: center; transition: 0.3s; } .select-container .select-button.is-active { box-shadow: 0 0 0 4px rgba(223, 168, 135, 0.4); } .select-container .select-button.is-active:after { transform: rotate(180deg); } .select-container .select-dropdown { list-style: none; width: 100%; display: none; position: absolute; top: calc(100% + 5px); right: 0; padding: 0; margin: 0; z-index: 8; max-height: 300px; overflow: auto; z-index: 100; background-color: #fff; border: 1px solid #887C7C; } .select-container .select-dropdown li { padding: 3px 10px; cursor: pointer; } .select-container .select-dropdown li:hover { color: #fff; background-color: #111; } #wrapper { position: relative; overflow: hidden; display: flex; min-height: 100vh; flex-direction: column; } .page-content { flex: 1; } #page-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(5, 25, 55, 0.7); z-index: 1; display: none; } .side-logo { position: relative; height: 130px; width: 25vw; display: flex; align-items: center; justify-content: flex-end; padding-right: 80px; margin-top: 100px; } .side-logo img { transform: translateY(-40%); display: block; max-height: 150px; } .page-section { position: relative; padding: 80px 0; z-index: 1; } .page-section.sm-space { padding: 10px 0 60px; } .page-section .title-group { margin: 0 0 30px; position: relative; z-index: 2; } .page-section .title-group .h2, .page-section .title-group h2 { margin: 0 0 40px; } .page-section .container-sm .h3, .page-section .container-sm h3 { margin: 0 0 10px; } .page-section .title-group .h2:not(:last-child), .page-section .title-group h2:not(:last-child) { margin-bottom: 8px; } .page-section h2 { margin: 0 0 20px; } .single-slide ol, .single-slide ul, .container-sm ol, .page-section ol, .container-sm ul, .page-section ul { padding-left: 20px; margin: -5px 0 20px; } .page-section ul li { margin-bottom: 5px; } .container-sm ul li::marker, .single-slide ul li::marker, .page-section ul li::marker { font-size: 20px; line-height: 1; } .page-section.vertical-center div[class^='col'] { display: flex; flex-direction: column; justify-content: center; } .fun-fill .consultation-section .btn-primary .shadow-box { background: linear-gradient(180deg, #FBD1C8 0%, #E6B2DB 100%); } .fun-fill .single-slide .slick-dots button { border: 1px solid #BACE30; } .fun-fill .single-slide .slick-dots li.slick-active button { background-color: #BACE30; } .fun-fill ol li::marker, .fun-fill ul li::marker { color: #BACE30; } .fun-fill .consultation-section .btn-primary { border: 1px solid #BACE30; } .sport-fill .single-slide .slick-dots button { border: 1px solid #654EA3; } .sport-fill .single-slide .slick-dots li.slick-active button { background-color: #654EA3; } .sport-fill .consultation-section .btn-primary .shadow-box { background: linear-gradient(247deg, #EAAFC8 -46.58%, #654EA3 100.87%); } .sport-fill .site-developer a, .sport-fill .main-footer .phone-link, .sport-fill .main-footer { color: #fff; } .sport-fill .main-footer .phone-link svg, .sport-fill .main-footer .social-networks a svg { fill: #fff; } .sport-fill .card-gallery .card-item { border-color: #EAAFC8; } .sport-fill .card-gallery .card-item a { height: auto; overflow: hidden; } .sport-fill .card-gallery .hover-content { background-color: rgba(101, 78, 163, 0.5); } .sport-fill ol li::marker, .sport-fill ul li::marker { color: #654EA3; } .food-fill .single-slide .slick-dots button { border: 1px solid #7d8bca; } .food-fill .single-slide .slick-dots li.slick-active button { background-color: #7d8bca; } .food-fill .consultation-section .btn-primary .shadow-box { background: linear-gradient(260deg, #9FACE6 3%, #74EBD5 110%); } .food-fill ol li::marker, .food-fill ul li::marker { color: #74EBD5; } .event-fill .btn-primary.border-shadow:before { background: linear-gradient(66deg, #FF7C88 0%, #FFC371 99.5%); } .event-fill .consultation-section .btn-primary .shadow-box { background: linear-gradient(257deg, #FFAF7B -3%, #D76D77 47%, #3A1C71 110%); } .event-fill .single-slide .slick-dots button { border: 1px solid #D76D77; } .event-fill .single-slide .slick-dots li.slick-active button { background-color: #D76D77; } .event-map iframe { width: 100% !important; } .event-fill ol li::marker, .event-fill ul li::marker { color: #D76D77; } .relux-fill .single-slide .slick-dots button { border: 1px solid #111; } .relux-fill .single-slide .slick-dots li.slick-active button { background-color: #111; } .relux-fill .consultation-section .btn-primary .shadow-box { background: linear-gradient(254deg, #6E787B -30%, #283048 110%); } .relux-fill .site-developer a, .relux-fill .main-footer .phone-link, .relux-fill .main-footer { color: #fff; } .relux-fill .main-footer .phone-link svg, .relux-fill .main-footer .social-networks a svg { fill: #fff; } .service-fill .btn-primary.border-shadow:before { background: linear-gradient(245deg, #0DABC0 -22%, #514A9D 105%); } .service-fill .consultation-section .bg-text { color: #A6DDFF; } .service-fill .site-developer a, .service-fill .main-footer .phone-link, .service-fill .main-footer { color: #fff; } .service-fill .main-footer .phone-link svg, .service-fill .main-footer .social-networks a svg { fill: #fff; } .service-fill .single-slide .slick-dots button { border: 1px solid #111; } .service-fill .single-slide .slick-dots li.slick-active button { background-color: #111; } .service-fill .consultation-section .btn-primary .shadow-box { background: linear-gradient(245deg, #0DABC0 -22%, #514A9D 105%); } .success-sending { color: #111; font-size: 18px; background-color: #fff; padding: 20px 30px; border-radius: 10px; text-align: center; line-height: 1.7; } .success-sending b { font-size: 20px; } #toast-message { position: fixed; bottom: 30px; right: 0; left: 0; width: 400px; background-color: #fff; margin: 0 auto; min-height: 150px; display: flex; font-weight: 500; align-items: center; padding: 20px 30px 20px 100px; font-size: 18px; border-radius: 20px; box-shadow: 0px 7px 19px rgba(0, 0, 0, 0.2); transition: 0.8s cubic-bezier(1, -0.25, 0, 1.43); z-index: 1000; opacity: 0; transform: translateY(150%); } #toast-message .h3 { margin: 0 0 10px; font-size: 20px; } #toast-message p { font-size: 16px; color: #555; } #toast-message img { position: absolute; height: 50px; left: 25px; top: calc(50% - 25px); } #toast-message.show { opacity: 1; transform: translateY(0); } @media (max-width: 1699px) { .page-section { padding: 50px 0; } } @media (max-width: 1199px) { .page-section { padding: 80px 0; } } @media (max-width: 991px) { .page-section { padding: 50px 0; } .page-section:has(.tripple-slides) .title-group { padding-right: 70px; } .page-section .title-group .h2, .page-section .title-group h2 { margin-bottom: 20px; } .sport-fill .card-gallery .card-item { padding: 5px; } } @media (max-width: 575px) { #toast-message { width: auto; left: 15px; right: 15px; padding-left: 70px; min-height: 100px; } #toast-message .h3 { font-size: 18px; } #toast-message p { font-size: 13px; } #toast-message img { height: 30px; left: 20px; } } .main-footer { padding: 80px 0; } .main-footer .h4, .main-footer h4 { font-size: 20px; text-transform: uppercase; font-weight: 700; margin: 0 0 10px; } .main-footer .phone-link { color: #111; text-decoration: none; display: flex; align-items: center; } .main-footer .phone-link:hover { text-decoration: underline; } .main-footer .phone-link span { margin-left: 5px; } .main-footer .phone-link svg { fill: #111; } .site-copyright { margin-bottom: 10px; } .site-developer a { color: #111; text-decoration: underline; } .site-developer a:hover { text-decoration: none; } .footer-navigation { } .footer-navigation a { display: inline-block; margin: 0 12px 5px 0; color: #111; } .footer-navigation a:hover { text-decoration: none; opacity: 0.9; } .index-page .main-footer { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px 0 20px 990px; } .index-page .main-footer .container { max-width: none; } .index-page .main-footer .col-sm-3 { flex: 0 0 33.33%; max-width: 33.33%; } .index-page .main-footer .col-md-3.wide-col { max-width: 100%; flex: 0 0 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } .index-page .main-footer .site-developer { flex: 0 0 33.33%; font-size: 14px; padding-left: 12px; } .index-page .main-footer .site-copyright { margin: 0; font-size: 14px; flex: 0 0 66.666667%; } @media (max-width: 2000px) { .index-page .main-footer { padding: 20px 0 20px 750px; } } @media (max-width: 1700px) { .index-page .main-footer { padding: 20px 0 20px 600px; } .main-footer .h4, .main-footer h4 { font-size: 16px; } } @media(max-width: 1536px) { .index-page .main-footer { padding: 0px 0 15px 500px; } .map-container { top: 90px; height: calc(100% - 400px); } .section.contacts-section .lg-title { font-size: 72px; } } @media(max-width: 1536px) { .map-container { top: 82px; height: calc(100% - 390px); } .footer-navigation a { font-size: 13px; } } @media (max-width: 1199px) { .index-page .main-footer { padding: 30px 0; } .index-page .main-footer { position: static; } .index-page .main-footer .col-md-3.wide-col { margin-top: 40px; } .index-page .main-footer .site-copyright, .index-page .main-footer .site-developer { font-size: 13px; } .index-page .main-footer .site-copyright, .index-page .main-footer .site-developer { font-size: 13px; } .float-schedule:after { display: none; } .section.contacts-section .lg-title { font-size: 80px; position: static; line-height: 1.2; } } @media (max-width: 991px) { .main-footer { padding: 50px 0 20px; } .main-footer .col-sm-3, .main-footer .col-md-3 { max-width: 50%; flex: 0 0 50%; margin-bottom: 30px; } } @media (max-width: 767px) { .index-page .main-footer .container, .index-page .main-footer { padding: 0; } .index-page .main-footer .col-sm-3 { flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; } .float-schedule { padding: 0; } } @media (max-width: 479px) { .main-footer .col-sm-3, .main-footer .col-md-3, .index-page .main-footer .col-sm-3 { flex: 0 0 100%; max-width: 100%; } .index-page .main-footer .col-md-3.wide-col { display: block; margin-top: 0; } .index-page .main-footer .site-developer { padding-left: 0; margin-top: 15px; } } .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1000; padding: 10px; background: rgba(42, 29, 48, 0.85); text-align: center; } .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal-content { background-color: #fff; position: relative; z-index: 2; padding-bottom: 60px; } .top-left-after { position: absolute; top: -8px; left: -8px; bottom: 50%; right: 80%; } .bottom-right-after { position: absolute; right: -8px; bottom: -8px; top: 30%; left: 30%; } .modal { display: none; vertical-align: middle; position: relative; z-index: 2; max-width: 700px; background-color: #fff; text-align: left; } .modal a.close-modal { position: absolute; top: 0; right: -42px; display: block; width: 42px; height: 42px; font-size: 0; background: #111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23fff' d='m10.5758 9.0001 7.3277-7.3277L16.3303.099 9.0025 7.427 1.6748.099.1016 1.6724 7.4293 9 .1016 16.328l1.5732 1.5732 7.3277-7.3277 7.3278 7.3277 1.5732-1.5732-7.3277-7.3278Z'/%3E%3C/svg%3E") no-repeat center; background-size: 18px; transition: 0.15s; } .modal a.close-modal:hover { background-color: #333; } .modal-header { border: 0; padding: 30px 120px 30px; } .modal-header img { display: block; max-width: 120px; margin: 0 auto; } .modal-body { padding: 0 120px 40px; } .modal-body form { display: block; margin-top: 20px; } .modal-title { margin: 20px 0 8px; font-size: 24px; font-weight: 600; text-align: center; line-height: 1.4; } .modal-body .sub-title { font-size: 14px; color: #444; font-weight: 400; } .modal .modal-content .btn-primary { width: 100%; height: 50px; border: 1px solid #E78D34; } .modal-content .btn-primary.border-shadow:before { background: linear-gradient(257deg, #ffaf7b -3%, #d76d77 47%, #3a1c71 110%); } .modal-footer { color: #666876; font-size: 15px; padding: 10px 120px; } .modal-footer b, .modal-footer strong { font-weight: 600; color: #615d5d; } .modal-footer p { font-weight: 400; } .modal-footer a { color: #666876; text-decoration: none; } .modal-footer .social-networks { margin-top: 5px; } .modal-footer .social-networks svg { fill: #666876; } .modal-footer .social-networks a:hover svg { fill: #111; opacity: 1; } @media (max-width: 1700px) { .modal { max-width: 600px; } .modal-title { font-size: 24px; } .modal-body { padding: 0 80px 30px; } .modal-footer { padding: 10px 80px; } .modal .form-control { height: 42px; font-size: 16px; } .modal-content .btn-primary { height: 42px; } } @media (max-width: 991px) { .modal a.close-modal { right: 0; } .top-left-after, .bottom-right-after { display: none; } } @media (max-width: 575px) { .modal-body { padding: 0 50px 20px; } .modal-footer { padding: 10px 50px; } } @media (max-width: 479px) { .modal-body { padding: 0 30px 20px; } .modal-footer { padding: 10px 30px; } .modal-title { font-size: 20px; } } .fancybox-content img:not(.fancybox-image) { display: block; max-height: 90vh; } .fancybox-content { padding: 0; } .fancybox-slide--html .fancybox-close-small { position: absolute; top: 0; right: 0; display: block; width: 42px; height: 42px; font-size: 0; background-color: #111; transition: 0.15s; } .fancybox-slide--html .fancybox-close-small { padding: 0; display: flex; justify-content: center; align-items: center; } .fancybox-slide--html .fancybox-close-small svg { width: 30px; height: 30px; } .fancybox-slide--html .fancybox-close-small svg path { fill: #fff; } .tabs { margin: 0 0 20px !important; justify-content: center; padding: 0px; list-style: none; display: flex; width: 100%; flex-wrap: wrap; } .tabs li { margin: 0 15px 15px 0; padding: 10px 20px; cursor: pointer; font-size: 15px; color: #221c1c; text-align: center; position: relative; border: 1px solid transparent; text-transform: uppercase; border-radius: 30px; } .tabs li.current { color: #121212; border-color: #DFA887; background-color: #fff; } .tab-pane { display: none; } .tab-pane img { display: block; margin: 0 auto; max-width: 100%; } .tab-pane.current { display: block; } @media (max-width: 767px) { .tabs li { margin: 0 10px 12px 0; font-size: 14px; } } .text-container img { display: block; } .double-column { column-count: 2; column-gap: 30px; } .double-column ul, .double-column ol, .double-column p { display: inline-block; vertical-align: top; } .article-col { padding: 30px 120px 100px 10px; } .article-col h1 { margin-bottom: 30px; } .text-section ul, .text-section ol, .article-col ul, .article-col ol { padding-left: 20px; display: inline-block; vertical-align: top; margin: -5px 0 15px; } .text-section ul li::marker, .text-section ol li::marker, .article-col ul li::marker, .article-col ol li::marker { color: #111; font-weight: 600; } .article-col img, .text-container img { max-width: 100%; } .article-col iframe, .text-container iframe { max-width: 100%; } .article-col a, .text-container a { text-decoration: underline; color: #437DBA; } .article-col a:hover, .text-container a:hover { text-decoration: none; } .include-img .h1, .include-img h1 { margin-top: -5px; } .include-img img { display: block; max-width: 250px; margin: 0 auto; } .include-img p, .include-img li { max-width: 900px; } @media (max-width: 1700px) { .include-img img { max-width: calc(100% - 30px); } .article-col { padding: 30px 80px 100px 10px; } .article-col .h1, .article-col h1 { font-size: 32px; } } @media (max-width: 1199px) { .article-col .h1, .article-col h1 { font-size: 28px; } .article-col { padding: 5px 10px 30px; } } @media (max-width: 767px) { .include-img { padding-bottom: 30px; } .include-img .h1, .include-img h1 { font-size: 28px; } .include-img img { margin-bottom: 50px; } .article-col .h1, .article-col h1 { font-size: 22px; line-height: 1.3; } } .success-page .page-content { display: flex; align-items: center; padding: 120px 0 50px; } .success-page .page-content .container { text-align: center; } .success-page .page-content .container img { display: block; width: 80px; height: 80px; margin: 0 auto 10px; } .success-page .page-content .container h1 { margin-bottom: 15px; font-weight: 600; } .success-page .page-content .container .subtitle { font-size: 22px; margin: 10px 0; } .success-page .page-content .container .subtitle span { font-weight: 500; } .success-page .page-content .container .success-text { max-width: 600px; margin: 0 auto 25px; font-size: 18px; } .success-page .page-content .container .success-text span { font-weight: 500; color: #111; } .success-page .page-content .container .btn-primary { height: 46px; margin: 8px auto 0; width: 300px; font-size: 18px; display: flex; justify-content: center; align-items: center; } @media (max-width: 1199px) { .success-page .page-content .container h1 { font-size: 32px; } .success-page .page-content .container .success-text { font-size: 16px; } } @media (max-width: 767px) { .success-page .page-content { padding: 80px 0 100px; } .success-page .page-content .container h1 { font-size: 28px; } .success-page .page-content .container .subtitle { font-size: 18px; } } @media (max-width: 420px) { .success-page .page-content .container .btn-primary { width: 90%; } } .error-page .page-content { display: flex; align-items: center; justify-content: center; padding: 120px 0 30px; text-align: center; color: #fff; } .error-page .page-content .lg-nums { font-size: 160px; line-height: 1.1; display: inline-block; font-weight: 700; } .error-page .page-content .h2 { font-size: 32px; font-weight: 500; margin: 0 0 10px; } .error-page .page-content p { font-size: 16px; max-width: 600px; margin: 0 auto 40px; } .error-page .page-content p a { color: #111; font-weight: 500; } .error-page .page-content p a:hover { text-decoration: none; } @media (max-width: 1199px) { .error-page .page-content .h2 { font-size: 28px; } } @media (max-width: 991px) { .error-page .page-content .lg-nums { font-size: 100px; } } @media (max-width: 767px) { .error-page .page-content .lg-nums { font-size: 80px; } .error-page .page-content .h2 { font-size: 24px; } .error-page .page-content p { font-size: 14px; } } .event-section { justify-content: center; align-items: flex-end !important; background-size: cover; background-repeat: no-repeat; background-position: center; } .event-section .btn-primary { background-color: rgba(0, 0, 0, 0.1); color: #fff; backdrop-filter: blur(8px); border-radius: 50px; height: 52px; margin-bottom: 50px; } .event-section .btn-primary .btn-arrow { filter: brightness(0) invert(1); } @media(max-width: 1199px) { .event-section { min-height: 100vh; } .event-section .btn-primary { position: absolute; top: 60%; left: 50%; transform: translateX(-50%); margin-bottom: 0; } } .pay-page .news-container .col-md-6:nth-child(2n+3), .pay-page .news-container .col-md-6:nth-child(2) { margin-top: 0; } .pay-page .news-container .col-md-4 { padding-left: 20px; padding-right: 20px; margin-bottom: 80px; } .pay-page .news-item { display: flex; flex-direction: column; height: 100%; } .pay-page .news-item .detail-link { margin-top: auto; } .pay-page .news-item .item-body { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; } .pay-page .news-item .item-body > img { display: block; max-width: 60px; margin-bottom: 3px; } .pay-page .news-item .item-img { height: 300px; } .pay-page .half-hero { height: auto; display: block; margin-top: 50px; margin-bottom: 0; } .pay-page .half-hero .container { display: block; } .pay-page .hero-footer { position: static; } .pay-page .half-hero .h1, .pay-page .half-hero h1 { position: static; text-align: center; margin: 0 0 30px; font-size: 72px; } .pay-page .news-container { margin-top: 40px; } .pay-page .page-content .modal-content { background-color: transparent; width: 520px; margin: 0 auto; } .pay-page .page-content .modal-content .form-control { background-color: #fff; } .pay-page .page-content .modal-content .btn-primary { width: 100%; height: 50px; } .pay-page .ticket-price { font-size: 18px; font-weight: 600; } .pay-page .ticket-calc { display: flex; align-items: center; justify-content: flex-end; margin-top: 10px; } .pay-page .ticket-calc button:not(.btn-primary) { width: 42px; height: 42px; border: 0; background-color: #fff; font-size: 32px; margin: 0 10px; transition: 0.25s; } .pay-page .ticket-calc button:not(.btn-primary):hover { background-color: #587bbb; color:#fff; } .pay-page .ticket-calc .btn-primary { height: 42px; background: #587bbb; color:#fff; letter-spacing: 0.5px; } .pay-page .ticket-calc .btn-primary:hover { background-color: #304d82; } .pay-page .ticket-calc input { height: 42px; width: 20px; border: 0; background: transparent; font-size: 20px; font-weight: 600; text-align: center; outline: 0; } .pay-page .item-title b { font-weight: 700; font-size: 16px; } @media(max-width: 1699px) { .pay-page .half-hero .h1, .pay-page .half-hero h1 { font-size: 48px; } .pay-page .news-item .item-img { height: 250px; } } @media(max-width: 1399px) { .pay-page .news-item .item-img { height: 220px; } } @media(max-width: 1199px) { .pay-page .news-item .item-img { height: 250px; } .pay-page .container.news-container .col-md-4 { flex: 0 0 50%; max-width: 50%; } } @media(max-width: 991px) { .pay-page .news-item .item-img { height: 180px; } .pay-page .half-hero .h1, .pay-page .half-hero h1 { font-size: 36px; margin-bottom: 0; } .pay-page .ticket-calc .btn-primary { padding-left: 20px; padding-right: 20px; } } @media(max-width: 767px) { .pay-page .news-item .item-img { height: 250px; } .pay-page .container.news-container .col-md-4 { flex: 0 0 100%; max-width: 100%; } } .cart-page .page-content { padding: 0 0 40px; } .cart-page .page-content h1, .cart-page .page-content .h1 { font-weight: 600; font-size: 36px; text-align: center; margin: 0 0 50px; } .cart-page .cart-container { margin-bottom: 30px; } .cart-page .cart-container:before, .cart-page .cart-container:after { content: " "; display: table; } .cart-page .cart-container:after { clear: both; } .cart-page .cart-head { background-color: #EFF1F5; display: flex; font-size: 16px; text-align: center; padding: 12px 0; border-radius: 3px; font-weight: 400; margin-bottom: -2px; position: relative; z-index: 1; color: #555; } .cart-page .cart-head .img-cell { flex: 0 0 165px; } .cart-page .cart-head .name-cell { flex: 0 0 450px; } .cart-page .cart-head .cost-cell { flex: 0 0 150px; } .cart-page .cart-head .calc-cell { flex: 0 0 210px; } .cart-page .cart-head .sum-cell { flex: 0 0 160px; } .cart-page .cart-item { border-top: 1px solid #C4C4C4; padding: 20px 0; padding-right: 35px; position: relative; width: 100%; display: flex; align-items: center; } .cart-page .cart-item:first-child { border-bottom: 0; } .cart-page .cart-item .text-block { margin-right: 30px; width: 420px; } .cart-page .cart-item .calc-wrap { display: flex; align-items: center; justify-content: space-between; margin-top: -15px; } .cart-page .cart-item .img-block { width: 120px; height: 120px; margin-right: 30px; margin-left: 20px; overflow: hidden; transition: 0.3s; } .cart-page .cart-item .img-block a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .cart-page .cart-item .img-block img { display: block; margin: auto; max-width: 100%; max-height: 100%; } .cart-page .cart-item .img-block:hover, .cart-page .cart-item .img-block:focus { opacity: 0.7; } .cart-page .cart-item .title { font-size: 18px; margin: 0 0 5px; max-width: 400px; font-weight: 400; line-height: 1.3; } .cart-page .cart-item .title a { color: inherit; text-decoration: none; } .cart-page .cart-item .title a:hover { text-decoration: underline; } .cart-page .cart-item .descr-text { color: #74747A; } .cart-page .cart-item .product-sum, .cart-page .cart-item .product-cost { margin: 0; font-size: 18px; text-align: center; width: 150px; font-weight: 500; } .cart-page .cart-item .product-sum span, .cart-page .cart-item .product-cost span { font-size: 20px; } .cart-page .cart-item .default-cost { font-size: 16px; } .cart-page .cart-item .default-cost span { font-size: 20px; font-weight: 500; } .cart-page .cart-item .new-cost { color: #ff2600; font-size: 16px; line-height: 1; margin-top: -7px; } .cart-page .cart-item .new-cost span { font-size: 20px; font-weight: 500; } .cart-page .cart-item .old-cost { display: inline-block; color: #74747a; font-size: 16px; line-height: 1; position: relative; top: -5px; } .cart-page .cart-item .old-cost span { font-size: 18px; } .cart-page .cart-item .old-cost:after { content: ''; height: 1px; left: -1px; right: -1px; background-color: #74747a; position: absolute; top: 49%; } .cart-page .cart-item .close-btn { width: 24px; height: 24px; background: url(../img/icons/trash-icon.svg) no-repeat center; background-size: 20px; color: #fff; position: absolute; border: 0; top: 50%; right: 10px; margin-top: -15px; outline: none; font-size: 16px; text-align: center; transition: 0.3s; cursor: pointer; opacity: 0.3; } .cart-page .cart-item .close-btn:hover { opacity: 1; } .cart-page .cart-item .calc-block { display: inline-block; vertical-align: middle; width: 110px; height: 36px; position: relative; overflow: hidden; margin: 0 50px; } .cart-page .cart-item .calc-block .amount-control { display: block; margin: auto; height: 36px; width: 45px; text-align: center; font-size: 16px; line-height: 38px; border: 0; padding: 0 5px; outline: 0; background: #fff; font-family: "Roboto Bold", Arial, sans-serif; } .cart-page .cart-item .calc-block .increase-btn, .cart-page .cart-item .calc-block .decrease-btn { position: absolute; top: 0; height: 36px; width: 36px; padding: 0; background: transparent; border: 0; outline: none; cursor: pointer; border: 1px solid #787777; } .cart-page .cart-item .calc-block .increase-btn:hover, .cart-page .cart-item .calc-block .decrease-btn:hover { border-color: #FF4C00; } .cart-page .cart-item .calc-block .increase-btn:hover:before, .cart-page .cart-item .calc-block .increase-btn:hover:after, .cart-page .cart-item .calc-block .decrease-btn:hover:before, .cart-page .cart-item .calc-block .decrease-btn:hover:after { background: #FF4C00; } .cart-page .cart-item .calc-block .increase-btn { right: 0; } .cart-page .cart-item .calc-block .increase-btn:before, .cart-page .cart-item .calc-block .increase-btn:after { content: ''; background: #212121; position: absolute; } .cart-page .cart-item .calc-block .increase-btn:before { top: 16px; left: 10px; width: 15px; height: 1px; } .cart-page .cart-item .calc-block .increase-btn:after { top: 9px; left: 17px; width: 1px; height: 15px; } .cart-page .cart-item .calc-block .decrease-btn { left: 0; } .cart-page .cart-item .calc-block .decrease-btn:after { content: ''; width: 14px; height: 1px; background: #212121; position: absolute; top: 16px; left: 10px; } .cart-page .together-container { border: 1px solid #DE3D3D; border-radius: 3px; position: relative; padding: 15px 10px 10px; margin-top: 15px; margin-bottom: -3px; background-color: #fff; z-index: 1; } .cart-page .together-container .together-title { display: inline-block; background-color: #fff; padding: 0 10px; color: #DE3D3D; position: absolute; left: 30px; top: -15px; font-weight: 400; } .cart-page .together-container .together-row { display: flex; align-items: center; justify-content: space-between; } .cart-page .together-container .together-item { display: flex; align-items: center; width: 45%; } .cart-page .together-container .together-item .img-block { flex: 0 0 120px; width: 120px; height: 120px; margin-right: 20px; } .cart-page .together-container .together-item .img-block a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .cart-page .together-container .together-item .img-block a img { display: block; max-width: 100%; max-height: 100%; } .cart-page .together-container .together-item .text-block .title { font-size: 18px; line-height: 1.2; font-weight: 600; max-width: 320px; margin: 0 10px 15px 0; } .cart-page .together-container .together-item .text-block .title a { color: inherit; text-decoration: none; } .cart-page .together-container .together-item .text-block .title a:hover { text-decoration: underline; } .cart-page .together-container .together-item .text-block .descr-text { color: #74747a; } .cart-page .together-container .together-item .product-cost .default-cost { color: #212121; font-size: 16px; } .cart-page .together-container .together-item .product-cost .default-cost span { font-size: 20px; font-weight: 500; } .cart-page .together-container .together-item .product-cost .new-cost { color: #DE3D3D; font-size: 16px; line-height: 1; margin-top: -7px; } .cart-page .together-container .together-item .product-cost .new-cost span { font-size: 20px; font-weight: 500; } .cart-page .together-container .together-item .product-cost .old-cost { display: inline-block; color: #74747a; font-size: 18px; line-height: 1; position: relative; top: -5px; } .cart-page .together-container .together-item .product-cost .old-cost span { font-size: 18px; } .cart-page .together-container .together-item .product-cost .old-cost:before { top: 51%; } .cart-page .together-container .together-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; font-size: 16px; background-color: #EDF0F3; padding: 8px 12px; } .cart-page .together-container .calc-block { width: 110px; height: 30px; position: relative; overflow: hidden; margin-left: 10px; margin-top: -3px; } .cart-page .together-container .calc-block .amount-control { display: block; margin: auto; height: 35px; width: 45px; text-align: center; font-size: 16px; line-height: 38px; border: 0; padding: 0 5px; outline: 0; background: #EDF0F3; } .cart-page .together-container .calc-block .increase-btn, .cart-page .together-container .calc-block .decrease-btn { position: absolute; top: 0; height: 30px; width: 30px; padding: 0; background: transparent; border: 0; outline: none; cursor: pointer; border: 1px solid #212121; background-color: #fff; } .cart-page .together-container .calc-block .increase-btn:hover, .cart-page .together-container .calc-block .decrease-btn:hover { border-color: #FF4C00; } .cart-page .together-container .calc-block .increase-btn:hover:before, .cart-page .together-container .calc-block .increase-btn:hover:after, .cart-page .together-container .calc-block .decrease-btn:hover:before, .cart-page .together-container .calc-block .decrease-btn:hover:after { background: #FF4C00; } .cart-page .together-container .calc-block .increase-btn { right: 0; } .cart-page .together-container .calc-block .increase-btn:before, .cart-page .together-container .calc-block .increase-btn:after { content: ''; background: #212121; position: absolute; } .cart-page .together-container .calc-block .increase-btn:before { top: 14px; left: 7px; width: 15px; height: 1px; } .cart-page .together-container .calc-block .increase-btn:after { top: 7px; left: 14px; width: 1px; height: 14px; } .cart-page .together-container .calc-block .decrease-btn { left: 0; } .cart-page .together-container .calc-block .decrease-btn:after { content: ''; width: 14px; height: 1px; background: #212121; position: absolute; top: 14px; left: 7px; } .cart-page .together-container .together-calc, .cart-page .together-container .together-cost, .cart-page .together-container .together-sum { display: flex; align-items: center; } .cart-page .together-container .cost-text { margin-right: 10px; font-weight: 400; font-size: 17px; } .cart-page .together-container .calc-text { font-weight: 400; font-size: 17px; } .cart-page .together-container .cost-num { font-size: 20px; font-weight: 500; color: #DE3D3D; margin-top: -2px; } .cart-page .together-container .total-num { font-size: 20px; font-weight: 500; color: #DE3D3D; margin-top: -2px; } .cart-page .together-container .close-btn { width: 24px; height: 24px; background: url(../img/icons/trash-icon.svg) no-repeat center; background-size: 20px; color: #fff; position: absolute; border: 0; top: 25px; right: 10px; margin-top: -15px; outline: none; font-size: 16px; text-align: center; transition: 0.3s; cursor: pointer; opacity: 0.3; } .cart-page .together-container .close-btn:hover { opacity: 1; } .cart-page .cart-footer { float: right; width: 400px; padding: 10px 0 0; } .cart-page .cart-footer .delivery-text { text-align: right; font-size: 14px; color: #74747a; margin: 10px 0; } .cart-page .cart-footer .cost-table { width: 100%; margin-top: 20px; margin-bottom: 25px; } .cart-page .cart-footer .cost-table span { background-color: #fff; position: relative; bottom: -7px; z-index: 1; display: inline-block; } .cart-page .cart-footer .cost-table .red-text { color: #DE3D3D; } .cart-page .cart-footer .cost-table strong { font-size: 20px; font-weight: 600; } .cart-page .cart-footer .cost-table td { padding: 3px 0; border-bottom: 1px dotted #BBB; } .cart-page .cart-footer .cost-table td:last-child { text-align: right; } .cart-page .cart-footer .btn-primary, .cart-page .cart-footer .btn-light { width: 100%; height: 48px; margin-bottom: 15px; font-weight: 400; font-size: 18px; display: flex; justify-content: center; align-items: center; } .cart-page .cart-footer .btn-success { margin-bottom: 15px; } .cart-page .empty-cart { clear: both; padding: 150px 0; } .cart-page .empty-cart .lg-icon { margin-bottom: 15px; } .cart-page .empty-cart img { display: block; max-width: 90px; max-height: 90px; margin: 0 auto; } .cart-page .empty-cart .h2 { font-size: 32px; font-weight: 400; text-align: center; margin-bottom: 15px; } .cart-page .empty-cart p { font-size: 18px; color: #212121; text-align: center; max-width: 500px; margin: 0 auto; } .cart-page .empty-cart p a { color: #FF4C00; } .cart-page .empty-cart p a:hover { text-decoration: none; } @media (max-width: 1399px) { .cart-page .cart-head .name-cell { flex: 0 0 440px; } } @media (max-width: 1199px) { .cart-page .page-content h1, .cart-page .page-content .h1 { font-size: 32px; } .cart-page .cart-head .img-cell { flex: 0 0 140px; } .cart-page .cart-head .name-cell { flex: 0 0 230px; } .cart-page .cart-item .img-block { margin-left: 0; margin-right: 20px; } .cart-page .cart-item .text-block { width: auto; max-width: 200px; flex: 0 0 200px; } .cart-page .cart-item .title { font-size: 14px; } .cart-page .cart-item .descr-text { font-size: 13px; } .cart-page .cart-item .product-sum, .cart-page .cart-item .product-cost { font-size: 16px; } .cart-page .cart-item .product-sum span, .cart-page .cart-item .product-cost span { font-size: 16px; } .cart-page .together-container { padding: 15px; } .cart-page .together-container .together-item .text-block { flex: 0 0 200px; } .cart-page .together-container .together-item .text-block .title { font-size: 14px; } .cart-page .together-container .together-item .text-block .descr-text { font-size: 14px; } .cart-page .together-container .together-item .img-block { margin-bottom: 10px; } .cart-page .together-container .together-footer { margin-top: 10px; } .cart-page .together-container .together-calc, .cart-page .together-container .together-cost, .cart-page .together-container .together-sum { font-size: 13px; } .cart-page .together-container .cost-text { margin-right: 5px; font-size: 13px; } .cart-page .together-container .cost-num { font-size: 16px; } .cart-page .together-container .total-num { font-size: 16px; } .cart-page .empty-cart img { max-width: 60px; max-height: 60px; } .cart-page .empty-cart .h2 { font-size: 24px; } } @media (max-width: 991px) { .cart-page .page-content h1, .cart-page .page-content .h1 { font-size: 28px; margin-bottom: 5px; } .cart-page .cart-container { overflow: hidden; position: relative; } .cart-page .cart-container:after { content: ''; position: absolute; left: 0; top: -1px; height: 3px; background-color: #fff; width: 100%; } .cart-page .cart-head { display: none; } .cart-page .cart-item .img-block { width: auto; max-width: 100px; flex: 0 0 100px; margin-right: 10px; } .cart-page .cart-item .text-block { flex: 0 0 150px; max-width: 150px; margin-right: 20px; } .cart-page .cart-item .product-cost { width: auto; flex: 0 0 100px; max-width: 100px; } .cart-page .cart-item .calc-block { margin: 0 20px; flex: 0 0 100px; } .cart-page .cart-item .product-sum { width: auto; flex: 0 0 120px; max-width: 120px; } .cart-page .together-container { padding: 15px 10px 10px; } .cart-page .together-container .together-item { flex-wrap: wrap; } .cart-page .together-container .together-item .text-block { order: 3; flex: 0 0 100%; } .cart-page .together-container .together-item .product-cost .old-cost span { font-size: 14px; } .cart-page .together-container .cost-text, .cart-page .together-container .calc-text { font-size: 13px; } .cart-page .together-container .calc-block { width: 90px; } .cart-page .together-container .calc-block .amount-control { width: 40px; } } @media (max-width: 767px) { .cart-page .page-content { padding-bottom: 20px; } .cart-page .page-content h1, .cart-page .page-content .h1 { font-size: 24px; } .cart-page .cart-item .img-block { max-width: 80px; flex: 0 0 80px; height: 80px; } .cart-page .cart-item .calc-wrap { flex-wrap: wrap; justify-content: center; margin-top: 0; } .cart-page .cart-item .product-cost { flex: 0 0 100%; max-width: 100%; } .cart-page .cart-item .calc-block { margin: 10px auto; } .cart-page .cart-item .product-sum { flex: 0 0 100%; max-width: 100%; font-size: 13px; } .cart-page .cart-item .product-sum span { font-size: 13px; } .cart-page .cart-item .default-cost, .cart-page .cart-item .old-cost, .cart-page .cart-item .new-cost { font-size: 13px; } .cart-page .cart-item .default-cost span, .cart-page .cart-item .old-cost span, .cart-page .cart-item .new-cost span { font-size: 13px; } .cart-page .together-container .together-item .product-cost .default-cost span { font-size: 16px; } .cart-page .together-container .together-item .product-cost .new-cost span { font-size: 16px; } .cart-page .together-container .plus-sign { width: 16px; flex: 0 0 16px; } .cart-page .together-container .plus-sign img { width: 100%; } .cart-page .together-container .calc-block .amount-control { background-color: #F4F7FA; } .cart-page .together-container .together-footer { background-color: #F4F7FA; padding: 3px; } .cart-page .together-container .together-title { font-size: 12px; top: -10px; left: 5px; padding: 0 5px; } .cart-page .together-container .together-calc, .cart-page .together-container .together-cost, .cart-page .together-container .together-sum { display: block; } .cart-page .together-container .cost-text, .cart-page .together-container .calc-text { margin-bottom: 8px; } .cart-page .together-container .calc-block { margin-left: 0; } .cart-page .together-container .calc-text { display: none; } .cart-page .together-container .together-calc { margin: 0 auto; } .cart-page .cart-footer { float: none; width: 100%; } .cart-page .empty-cart .h2 { font-size: 20px; } } @media (max-width: 575px) { .cart-page .page-content { padding-bottom: 20px; } .cart-page .cart-container { margin-bottom: 0; } .cart-page .cart-item { flex-wrap: wrap; } .cart-page .cart-item .text-block { width: calc(100% - 90px); flex: auto; max-width: none; margin-right: 0; } .cart-page .cart-item .text-block .title { max-width: none; } .cart-page .cart-item .calc-wrap { width: calc(100% + 30px); flex-wrap: nowrap; margin-right: -30px; } .cart-page .cart-item .calc-wrap .product-cost { max-width: 80px; flex: auto; } .cart-page .cart-item .calc-wrap .product-sum { max-width: 85px; flex: auto; } .cart-page .cart-item .calc-wrap .calc-block { margin: 0 10px; } .cart-page .cart-item .close-btn { top: 10px; margin-top: 0; } .cart-page .together-container { padding: 15px 10px; } .cart-page .together-container .together-footer { justify-content: center; } .cart-page .together-container .together-item { width: auto; flex: 0 0 130px; max-width: 130px; } .cart-page .together-container .together-item .img-block { width: auto; flex: 0 0 80px; max-width: 80px; height: 80px; } .cart-page .together-container .together-item .text-block .title { font-size: 13px; } .cart-page .together-container .together-item .text-block .descr-text { font-size: 12px; margin-bottom: 10px; } .cart-page .together-container .together-item .product-cost { order: 3; } .cart-page .together-container .together-item .product-cost .default-cost { font-size: 14px; } .cart-page .together-container .together-item .product-cost .default-cost span { font-size: 14px; } .cart-page .together-container .together-item .product-cost .old-cost { font-size: 14px; } .cart-page .together-container .together-item .product-cost .new-cost { font-size: 14px; margin-bottom: 1px; } .cart-page .together-container .together-item .product-cost .new-cost span { font-size: 14px; } .cart-page .together-container .together-sum, .cart-page .together-container .together-cost { width: 85px; } .cart-page .together-container .cost-text { font-weight: 500; } .cart-page .together-container .total-num { font-size: 14px; } .cart-page .together-container .cost-num { font-size: 14px; } .cart-page .empty-cart { padding: 100px 0; } .cart-page .empty-cart p { font-size: 16px; } } @media (max-width: 375px) { .cart-page .together-container .plus-sign { position: relative; left: -8px; } }