*, *:after, *:before { box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif /* 1 */; -ms-text-size-adjust: 100% /* 2 */; -webkit-text-size-adjust: 100% /* 2 */; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block /* 1 */; vertical-align: baseline /* 2 */; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit /* 1 */; font: inherit /* 2 */; margin: 0 /* 3 */; } fieldset { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button /* 2 */; cursor: pointer /* 3 */; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box /* 1 */; padding: 0 /* 2 */; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield /* 1 */; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0 /* 1 */; padding: 0 /* 2 */; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } blockquote { margin: 0; } @font-face { font-family: 'GothamProLight'; src: url("../fonts/GothamProLight/GothamProLight.eot"); src: url("../fonts/GothamProLight/GothamProLight.eot?#iefix") format('embedded-opentype'), url("../fonts/GothamProLight/GothamProLight.woff") format('woff'), url("../fonts/GothamProLight/GothamProLight.ttf") format('ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamProRegular'; src: url("../fonts/GothamProRegular/GothamProRegular.eot"); src: url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix") format('embedded-opentype'), url("../fonts/GothamProRegular/GothamProRegular.woff") format('woff'), url("../fonts/GothamProRegular/GothamProRegular.ttf") format('ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamProBlack'; src: url("../fonts/GothamProBlack/GothamProBlack.eot"); src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix") format('embedded-opentype'), url("../fonts/GothamProBlack/GothamProBlack.woff") format('woff'), url("../fonts/GothamProBlack/GothamProBlack.ttf") format('ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamProMedium'; src: url("../fonts/GothamProMedium/GothamProMedium.eot"); src: url("../fonts/GothamProMedium/GothamProMedium.eot?#iefix") format('embedded-opentype'), url("../fonts/GothamProMedium/GothamProMedium.woff") format('woff'), url("../fonts/GothamProMedium/GothamProMedium.ttf") format('ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamProBold'; src: url("../fonts/GothamProBold/GothamProBold.eot"); src: url("../fonts/GothamProBold/GothamProBold.eot?#iefix") format('embedded-opentype'), url("../fonts/GothamProBold/GothamProBold.woff") format('woff'), url("../fonts/GothamProBold/GothamProBold.ttf") format('ttf'); font-weight: normal; font-style: normal; } @media (min-width: 320px) { html { font-size: 13.837837837837839px; } .container, .box__inner { width: 100%; } } @media (min-width: 370px) { html { font-size: 16px; } .container, .box__inner { width: 100%; } } @media (min-width: 410px) { html { font-size: 17.72972972972973px; } .container, .box__inner { width: 100%; } } @media (min-width: 480px) { html { font-size: 12.387096774193548px; } .container, .box__inner { width: 100%; } } @media (min-width: 560px) { html { font-size: 14.451612903225806px; } .container, .box__inner { width: 100%; } } @media (min-width: 620px) { html { font-size: 16px; } .container, .box__inner { width: 100%; } } @media (min-width: 1020px) { html { font-size: 11.15625px; } .container, .box__inner { width: 880px; } } @media (min-width: 1200px) { html { font-size: 12px; } .container, .box__inner { width: 1100px; } } @media (min-width: 1600px) { html { font-size: 16px; } .container, .box__inner { width: 1440px; } } .fade { opacity: 0; will-change: opacity, width; } .page.loaded .fade { -webkit-animation: fade 1s cubic-bezier(0.7, 0, 0.3, 1) 1s both; animation: fade 1s cubic-bezier(0.7, 0, 0.3, 1) 1s both; } .fade-text { opacity: 0; will-change: opacity, transform; -webkit-transition: 1s ease-out 0.2s; transition: 1s ease-out 0.2s; -webkit-transform: translateX(-25px) translateZ(0); transform: translateX(-25px) translateZ(0); } .fade-text.show { opacity: 1; -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .fade-shadow { -webkit-transition: box-shadow 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: box-shadow 1.1s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 0 1.75rem 5.9375rem 0 rgba(0,0,0,0); } .fade-shadow.show { box-shadow: 0 1.75rem 5.9375rem 0 rgba(0,0,0,0.3); } .fade-item, .fade-button { will-change: opacity, transform; -webkit-transition: 0s; transition: 0s; opacity: 0; -webkit-transform: translateX(-30%) translateZ(0); transform: translateX(-30%) translateZ(0); } .fade-item.show, .fade-button.show { -webkit-transition: opacity 1.1s ease 167ms, -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.1s ease 167ms, -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms; transition: transform 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms, -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); opacity: 1; } @-webkit-keyframes fade { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fade { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .hide { display: none !important; } .orange { color: #f28a00; } .button, .buttonRed, .buttonWhite, .buttonRedWhite, .blockActionsSlider[data-view="preview"] .swiper-slide-icon, .blockContactsPartnerNav__item, .blockContactsPartner__buttonRed, .blockContactsPartner__buttonWhite, .blockContactsPartner__button, .blockMapNav__item, .blockMapIcons__item, .sliderMap .swiper-pagination-bullet, .box_blockRelax .swiper-icon, .blockShops .mosaic__icon, .errorPage__button, .mobileStub__button, .tabsList__itemRed, .tabsList__itemWhite, .tabsList__item, .form__button, .thanksPopupMobile__button, .thanksPopup__button, .searchForm__button, .switch__itemRed, .switch__itemWhite, .switch__item, .switch_red .switch__item, .switch_black .switch__item { z-index: 1; display: inline-block; overflow: hidden; position: relative; font-size: 1rem; text-align: center; line-height: 1; text-transform: uppercase; padding: 1rem 2.5rem; -webkit-transition: all 0.3s !important; transition: all 0.3s !important; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1) !important; transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1) !important; } .button:before, .buttonRed:before, .buttonWhite:before, .buttonRedWhite:before, .blockActionsSlider[data-view="preview"] .swiper-slide-icon:before, .blockContactsPartnerNav__item:before, .blockContactsPartner__buttonRed:before, .blockContactsPartner__buttonWhite:before, .blockContactsPartner__button:before, .blockMapNav__item:before, .blockMapIcons__item:before, .sliderMap .swiper-pagination-bullet:before, .box_blockRelax .swiper-icon:before, .blockShops .mosaic__icon:before, .errorPage__button:before, .mobileStub__button:before, .tabsList__itemRed:before, .tabsList__itemWhite:before, .tabsList__item:before, .form__button:before, .thanksPopupMobile__button:before, .thanksPopup__button:before, .searchForm__button:before, .switch__itemRed:before, .switch__itemWhite:before, .switch__item:before, .switch_red .switch__item:before, .switch_black .switch__item:before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -0.9375rem 0 0 1px; width: 1.875rem; height: 1.875rem; border-radius: 50%; background-color: #f28a00; -webkit-transform: scale3d(1, 2, 1) translate3d(0, 0, 0); transform: scale3d(1, 2, 1) translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); } .button.active, .buttonRed.active, .buttonWhite.active, .buttonRedWhite.active, .blockActionsSlider[data-view="preview"] .swiper-slide-icon.active, .blockContactsPartnerNav__item.active, .blockContactsPartner__buttonRed.active, .blockContactsPartner__buttonWhite.active, .blockContactsPartner__button.active, .blockMapNav__item.active, .blockMapIcons__item.active, .sliderMap .swiper-pagination-bullet.active, .box_blockRelax .swiper-icon.active, .blockShops .mosaic__icon.active, .errorPage__button.active, .mobileStub__button.active, .tabsList__itemRed.active, .tabsList__itemWhite.active, .tabsList__item.active, .form__button.active, .thanksPopupMobile__button.active, .thanksPopup__button.active, .searchForm__button.active, .switch__itemRed.active, .switch__itemWhite.active, .switch__item.active, .switch_red .switch__item.active, .switch_black .switch__item.active { cursor: pointer; color: #fff; } .button.active:before, .buttonRed.active:before, .buttonWhite.active:before, .buttonRedWhite.active:before, .blockActionsSlider[data-view="preview"] .swiper-slide-icon.active:before, .blockContactsPartnerNav__item.active:before, .blockContactsPartner__buttonRed.active:before, .blockContactsPartner__buttonWhite.active:before, .blockContactsPartner__button.active:before, .blockMapNav__item.active:before, .blockMapIcons__item.active:before, .sliderMap .swiper-pagination-bullet.active:before, .box_blockRelax .swiper-icon.active:before, .blockShops .mosaic__icon.active:before, .errorPage__button.active:before, .mobileStub__button.active:before, .tabsList__itemRed.active:before, .tabsList__itemWhite.active:before, .tabsList__item.active:before, .form__button.active:before, .thanksPopupMobile__button.active:before, .thanksPopup__button.active:before, .searchForm__button.active:before, .switch__itemRed.active:before, .switch__itemWhite.active:before, .switch__item.active:before, .switch_red .switch__item.active:before, .switch_black .switch__item.active:before { -webkit-transform: scale3d(9, 9, 1) translate3d(-40%, 0, 0); transform: scale3d(9, 9, 1) translate3d(-40%, 0, 0); } .buttonRed:before, .buttonRedRed:before, .buttonWhiteRed:before, .buttonRedWhiteRed:before, .blockActionsSlider[data-view="preview"] .swiper-slide-iconRed:before, .blockContactsPartnerNav__itemRed:before, .blockContactsPartner__buttonRedRed:before, .blockContactsPartner__buttonWhiteRed:before, .blockContactsPartner__buttonRed:before, .blockMapNav__itemRed:before, .blockMapIcons__itemRed:before, .sliderMap .swiper-pagination-bulletRed:before, .box_blockRelax .swiper-iconRed:before, .blockShops .mosaic__iconRed:before, .errorPage__buttonRed:before, .mobileStub__buttonRed:before, .tabsList__itemRedRed:before, .tabsList__itemWhiteRed:before, .tabsList__itemRed:before, .form__buttonRed:before, .thanksPopupMobile__buttonRed:before, .thanksPopup__buttonRed:before, .searchForm__buttonRed:before, .switch__itemRedRed:before, .switch__itemWhiteRed:before, .switch__itemRed:before, .switch_red .switch__itemRed:before, .switch_black .switch__itemRed:before, .blockContactsPartnerNav__item:before, .blockMapNav__item:before, .blockMapIcons__item:before, .sliderMap .swiper-pagination-bullet:before, .switch_red .switch__item:before { background-color: #9d1012; } .buttonWhite:before, .buttonRedWhite:before, .buttonWhiteWhite:before, .buttonRedWhiteWhite:before, .blockActionsSlider[data-view="preview"] .swiper-slide-iconWhite:before, .blockContactsPartnerNav__itemWhite:before, .blockContactsPartner__buttonRedWhite:before, .blockContactsPartner__buttonWhiteWhite:before, .blockContactsPartner__buttonWhite:before, .blockMapNav__itemWhite:before, .blockMapIcons__itemWhite:before, .sliderMap .swiper-pagination-bulletWhite:before, .box_blockRelax .swiper-iconWhite:before, .blockShops .mosaic__iconWhite:before, .errorPage__buttonWhite:before, .mobileStub__buttonWhite:before, .tabsList__itemRedWhite:before, .tabsList__itemWhiteWhite:before, .tabsList__itemWhite:before, .form__buttonWhite:before, .thanksPopupMobile__buttonWhite:before, .thanksPopup__buttonWhite:before, .searchForm__buttonWhite:before, .switch__itemRedWhite:before, .switch__itemWhiteWhite:before, .switch__itemWhite:before, .switch_red .switch__itemWhite:before, .switch_black .switch__itemWhite:before, .blockActionsSlider[data-view="preview"] .swiper-slide-icon:before, .box_blockRelax .swiper-icon:before, .blockShops .mosaic__icon:before, .errorPage__button:before, .mobileStub__button:before, .form__button:before, .thanksPopupMobile__button:before, .thanksPopup__button:before, .searchForm__button:before, .switch_black .switch__item:before { background-color: rgba(255,255,255,0.3); } @media screen and (min-width: 370px) { .button, .buttonRed, .buttonWhite, .buttonRedWhite, .blockActionsSlider[data-view="preview"] .swiper-slide-icon, .blockContactsPartnerNav__item, .blockContactsPartner__buttonRed, .blockContactsPartner__buttonWhite, .blockContactsPartner__button, .blockMapNav__item, .blockMapIcons__item, .sliderMap .swiper-pagination-bullet, .box_blockRelax .swiper-icon, .blockShops .mosaic__icon, .errorPage__button, .mobileStub__button, .tabsList__itemRed, .tabsList__itemWhite, .tabsList__item, .form__button, .thanksPopupMobile__button, .thanksPopup__button, .searchForm__button, .switch__itemRed, .switch__itemWhite, .switch__item, .switch_red .switch__item, .switch_black .switch__item { font-size: 1rem; } } @media screen and (min-width: 480px) { .button, .buttonRed, .buttonWhite, .buttonRedWhite, .blockActionsSlider[data-view="preview"] .swiper-slide-icon, .blockContactsPartnerNav__item, .blockContactsPartner__buttonRed, .blockContactsPartner__buttonWhite, .blockContactsPartner__button, .blockMapNav__item, .blockMapIcons__item, .sliderMap .swiper-pagination-bullet, .box_blockRelax .swiper-icon, .blockShops .mosaic__icon, .errorPage__button, .mobileStub__button, .tabsList__itemRed, .tabsList__itemWhite, .tabsList__item, .form__button, .thanksPopupMobile__button, .thanksPopup__button, .searchForm__button, .switch__itemRed, .switch__itemWhite, .switch__item, .switch_red .switch__item, .switch_black .switch__item { font-size: 1rem; } } @media screen and (min-width: 767px) { .button, .buttonRed, .buttonWhite, .buttonRedWhite, .blockActionsSlider[data-view="preview"] .swiper-slide-icon, .blockContactsPartnerNav__item, .blockContactsPartner__buttonRed, .blockContactsPartner__buttonWhite, .blockContactsPartner__button, .blockMapNav__item, .blockMapIcons__item, .sliderMap .swiper-pagination-bullet, .box_blockRelax .swiper-icon, .blockShops .mosaic__icon, .errorPage__button, .mobileStub__button, .tabsList__itemRed, .tabsList__itemWhite, .tabsList__item, .form__button, .thanksPopupMobile__button, .thanksPopup__button, .searchForm__button, .switch__itemRed, .switch__itemWhite, .switch__item, .switch_red .switch__item, .switch_black .switch__item { font-size: 1.25rem; } } @media screen and (min-width: 1200px) { .button, .buttonRed, .buttonWhite, .buttonRedWhite, .blockActionsSlider[data-view="preview"] .swiper-slide-icon, .blockContactsPartnerNav__item, .blockContactsPartner__buttonRed, .blockContactsPartner__buttonWhite, .blockContactsPartner__button, .blockMapNav__item, .blockMapIcons__item, .sliderMap .swiper-pagination-bullet, .box_blockRelax .swiper-icon, .blockShops .mosaic__icon, .errorPage__button, .mobileStub__button, .tabsList__itemRed, .tabsList__itemWhite, .tabsList__item, .form__button, .thanksPopupMobile__button, .thanksPopup__button, .searchForm__button, .switch__itemRed, .switch__itemWhite, .switch__item, .switch_red .switch__item, .switch_black .switch__item { font-size: 1rem; } .button:hover, .buttonRed:hover, .buttonWhite:hover, .buttonRedWhite:hover, .blockActionsSlider[data-view="preview"] .swiper-slide-icon:hover, .blockContactsPartnerNav__item:hover, .blockContactsPartner__buttonRed:hover, .blockContactsPartner__buttonWhite:hover, .blockContactsPartner__button:hover, .blockMapNav__item:hover, .blockMapIcons__item:hover, .sliderMap .swiper-pagination-bullet:hover, .box_blockRelax .swiper-icon:hover, .blockShops .mosaic__icon:hover, .errorPage__button:hover, .mobileStub__button:hover, .tabsList__itemRed:hover, .tabsList__itemWhite:hover, .tabsList__item:hover, .form__button:hover, .thanksPopupMobile__button:hover, .thanksPopup__button:hover, .searchForm__button:hover, .switch__itemRed:hover, .switch__itemWhite:hover, .switch__item:hover, .switch_red .switch__item:hover, .switch_black .switch__item:hover { cursor: pointer; color: #fff; } .button:hover:before, .buttonRed:hover:before, .buttonWhite:hover:before, .buttonRedWhite:hover:before, .blockActionsSlider[data-view="preview"] .swiper-slide-icon:hover:before, .blockContactsPartnerNav__item:hover:before, .blockContactsPartner__buttonRed:hover:before, .blockContactsPartner__buttonWhite:hover:before, .blockContactsPartner__button:hover:before, .blockMapNav__item:hover:before, .blockMapIcons__item:hover:before, .sliderMap .swiper-pagination-bullet:hover:before, .box_blockRelax .swiper-icon:hover:before, .blockShops .mosaic__icon:hover:before, .errorPage__button:hover:before, .mobileStub__button:hover:before, .tabsList__itemRed:hover:before, .tabsList__itemWhite:hover:before, .tabsList__item:hover:before, .form__button:hover:before, .thanksPopupMobile__button:hover:before, .thanksPopup__button:hover:before, .searchForm__button:hover:before, .switch__itemRed:hover:before, .switch__itemWhite:hover:before, .switch__item:hover:before, .switch_red .switch__item:hover:before, .switch_black .switch__item:hover:before { -webkit-transform: scale3d(9, 9, 1) translate3d(-40%, 0, 0); transform: scale3d(9, 9, 1) translate3d(-40%, 0, 0); } } .buttonBack { position: fixed; z-index: 25; right: 0.9375rem; bottom: 0.9375rem; width: 3.125rem; height: 3.125rem; background-color: #9d1012; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } .buttonBack svg { fill: #fff; width: 1.5625rem; height: 1.5625rem; } @media screen and (min-width: 480px) { .buttonBack { width: 3.125rem; height: 3.125rem; } .buttonBack svg { width: 1.5625rem; height: 1.5625rem; } } @media screen and (min-width: 767px) { .buttonBack { width: 4.375rem; height: 4.375rem; } .buttonBack svg { width: 2.1875rem; height: 2.1875rem; } } @media screen and (min-width: 1020px) { .buttonBack { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .buttonBack { display: none; } } .blockList { height: auto; font-family: 'GothamProLight', sans-serif; display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 1020px) { .blockList { height: auto; display: block; } } @media screen and (min-width: 1200px) { .blockList { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockList__item { width: 100%; -webkit-column-break-inside: avoid; break-inside: avoid; display: block; font-size: 1rem; line-height: 1.3; padding: 0.625rem 0.9375rem; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .blockList__item:active { background-color: #f28a00; color: #fff; } @media screen and (min-width: 480px) { .blockList__item { font-size: 1rem; } } @media screen and (min-width: 767px) { .blockList__item { font-size: 1.25rem; } } @media screen and (min-width: 1020px) { .blockList__item { width: 100%; } .blockList__item:active { background-color: #f28a00; color: #fff; } } @media screen and (min-width: 1200px) { .blockList__item { font-size: inherit; width: 12.5rem; } .blockList__item:hover, .blockList__item.active { background-color: #f28a00; color: #fff; } } .mouseLeft .blockList__item, .mouseRight .blockList__item { pointer-events: none; } .blockList__title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: 'GothamProBold', sans-serif; text-transform: uppercase; font-size: 1.125rem; line-height: 1.3; padding: 0.625rem 0.9375rem; } .blockList__title .subtitle { color: #f28a00; font-size: 0.875rem; } @media screen and (min-width: 480px) { .blockList__title { font-size: 1.125rem; line-height: 1.3; } .blockList__title .subtitle { font-size: 0.875rem; } } @media screen and (min-width: 767px) { .blockList__title { font-size: 1.375rem; line-height: 1.3; } .blockList__title .subtitle { font-size: 1.25rem; } } @media screen and (min-width: 1020px) { .blockList__title { width: 100%; } } @media screen and (min-width: 1200px) { .blockList__title { font-size: 1.125rem; line-height: 1.3; width: 12.5rem; } .blockList__title .subtitle { font-size: 0.875rem; } } .blockList__title:first-of-type { padding-top: 0; } .blockList__empty { text-align: center; font-size: 1rem; } @media screen and (min-width: 480px) { .blockList__empty { font-size: 1rem; } } @media screen and (min-width: 767px) { .blockList__empty { font-size: 1.375rem; } } @media screen and (min-width: 1200px) { .blockList__empty { font-size: inherit; } } .container, .box__inner { position: relative; width: 100%; margin-right: auto; margin-left: auto; } .simple-popup .fancybox-bg { background: rgba(0,0,0,0.4) !important; } .simple-popup .fancybox-slide > div { padding: 0; margin: 0; } .simple-popup .fancybox-close-small { will-change: transform; top: 0.3125rem; right: 0.625rem; width: 1.5625rem; height: 1.5625rem; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transform: rotate(0); transform: rotate(0); } @media screen and (min-width: 1200px) { .simple-popup .fancybox-close-small { top: 0.3125rem; right: 0.625rem; width: 1.5625rem; height: 1.5625rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .simple-popup .fancybox-close-small { top: 0.9375rem; right: 1.25rem; width: 2.3125rem; height: 2.3125rem; } } .simple-popup .fancybox-close-small:after { content: ''; top: 0; right: 0; background-color: transparent; background-image: url("../img/general/close-black.svg"); background-size: 100% 100%; width: 100%; height: 100%; } .simple-popup .fancybox-close-small:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .contactsMap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: transparent; } .contactsMap.loaded .spinner { display: none; } .detailPopupMobile { pointer-events: none; will-change: opacity; overflow: hidden; position: fixed; z-index: 4; top: 0; left: 100%; width: 100vw; height: 100vh; padding: 0.9375rem; padding-top: 6.25rem; background-color: #fff; opacity: 0; -webkit-transition: opacity 1.1s cubic-bezier(0.19, 1, 0.22, 1), left 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.1s cubic-bezier(0.19, 1, 0.22, 1), left 1.1s cubic-bezier(0.19, 1, 0.22, 1); } @media screen and (min-width: 370px) { .detailPopupMobile { padding-top: 6.25rem; } } @media screen and (min-width: 480px) { .detailPopupMobile { padding-top: 6.25rem; } } @media screen and (min-width: 767px) { .detailPopupMobile { padding-top: 9.375rem; } } @media screen and (min-width: 1020px) { .detailPopupMobile { padding-top: 9.375rem; } } @media screen and (min-width: 1020px) and (min-height: 1200px) { .detailPopupMobile { padding-top: 11.25rem; } } .detailPopupMobile.open { pointer-events: all; opacity: 1; left: 0; } .detailTooltipMobile .tooltip, .blockCafe__detail .tooltip, .blockMapDetail .tooltip, .blockRelax__detail .tooltip, .blockShopsDetail .tooltip { padding-bottom: 6.25rem; font-size: 1rem; } @media screen and (min-width: 480px) { .detailTooltipMobile .tooltip, .blockCafe__detail .tooltip, .blockMapDetail .tooltip, .blockRelax__detail .tooltip, .blockShopsDetail .tooltip { padding-bottom: 6.25rem; font-size: 1rem; } } @media screen and (min-width: 767px) { .detailTooltipMobile .tooltip, .blockCafe__detail .tooltip, .blockMapDetail .tooltip, .blockRelax__detail .tooltip, .blockShopsDetail .tooltip { padding-bottom: 9.375rem; font-size: 1.25rem; } } .detailTooltipMobile .tooltip__title, .blockCafe__detail .tooltip__title, .blockMapDetail .tooltip__title, .blockRelax__detail .tooltip__title, .blockShopsDetail .tooltip__title, .detailTooltipMobile .tooltip__category, .blockCafe__detail .tooltip__category, .blockMapDetail .tooltip__category, .blockRelax__detail .tooltip__category, .blockShopsDetail .tooltip__category { font-size: 1rem; padding-bottom: 1.875rem; } @media screen and (min-width: 480px) { .detailTooltipMobile .tooltip__title, .blockCafe__detail .tooltip__title, .blockMapDetail .tooltip__title, .blockRelax__detail .tooltip__title, .blockShopsDetail .tooltip__title, .detailTooltipMobile .tooltip__category, .blockCafe__detail .tooltip__category, .blockMapDetail .tooltip__category, .blockRelax__detail .tooltip__category, .blockShopsDetail .tooltip__category { font-size: 1rem; } } @media screen and (min-width: 767px) { .detailTooltipMobile .tooltip__title, .blockCafe__detail .tooltip__title, .blockMapDetail .tooltip__title, .blockRelax__detail .tooltip__title, .blockShopsDetail .tooltip__title, .detailTooltipMobile .tooltip__category, .blockCafe__detail .tooltip__category, .blockMapDetail .tooltip__category, .blockRelax__detail .tooltip__category, .blockShopsDetail .tooltip__category { font-size: 1.25rem; } } .detailTooltipMobile .tooltip__title, .blockCafe__detail .tooltip__title, .blockMapDetail .tooltip__title, .blockRelax__detail .tooltip__title, .blockShopsDetail .tooltip__title { padding-bottom: 0.625rem; } .detailTooltipMobile .tooltip__block, .blockCafe__detail .tooltip__block, .blockMapDetail .tooltip__block, .blockRelax__detail .tooltip__block, .blockShopsDetail .tooltip__block { padding-bottom: 2.1875rem; } .detailTooltipMobile .tooltip__item, .blockCafe__detail .tooltip__item, .blockMapDetail .tooltip__item, .blockRelax__detail .tooltip__item, .blockShopsDetail .tooltip__item { padding-bottom: 1.875rem; } .detailTooltipMobile .tooltip__item_phone, .blockCafe__detail .tooltip__item_phone, .blockMapDetail .tooltip__item_phone, .blockRelax__detail .tooltip__item_phone, .blockShopsDetail .tooltip__item_phone { font-size: 1rem; font-family: 'GothamProRegular', sans-serif; padding-bottom: 1.25rem; } .detailTooltipMobile .tooltip__item_phone svg, .blockCafe__detail .tooltip__item_phone svg, .blockMapDetail .tooltip__item_phone svg, .blockRelax__detail .tooltip__item_phone svg, .blockShopsDetail .tooltip__item_phone svg { width: 1rem; height: 1rem; } @media screen and (min-width: 480px) { .detailTooltipMobile .tooltip__item_phone, .blockCafe__detail .tooltip__item_phone, .blockMapDetail .tooltip__item_phone, .blockRelax__detail .tooltip__item_phone, .blockShopsDetail .tooltip__item_phone { font-size: 1rem; } .detailTooltipMobile .tooltip__item_phone svg, .blockCafe__detail .tooltip__item_phone svg, .blockMapDetail .tooltip__item_phone svg, .blockRelax__detail .tooltip__item_phone svg, .blockShopsDetail .tooltip__item_phone svg { width: 1rem; height: 1rem; } } @media screen and (min-width: 767px) { .detailTooltipMobile .tooltip__item_phone, .blockCafe__detail .tooltip__item_phone, .blockMapDetail .tooltip__item_phone, .blockRelax__detail .tooltip__item_phone, .blockShopsDetail .tooltip__item_phone { font-size: 1.25rem; } .detailTooltipMobile .tooltip__item_phone svg, .blockCafe__detail .tooltip__item_phone svg, .blockMapDetail .tooltip__item_phone svg, .blockRelax__detail .tooltip__item_phone svg, .blockShopsDetail .tooltip__item_phone svg { width: 1.125rem; height: 1.125rem; } } .detailTooltipMobile .tooltip__item_phone:last-child, .blockCafe__detail .tooltip__item_phone:last-child, .blockMapDetail .tooltip__item_phone:last-child, .blockRelax__detail .tooltip__item_phone:last-child, .blockShopsDetail .tooltip__item_phone:last-child { padding-bottom: 0; } .detailTooltipMobile .tooltip__item:last-child, .blockCafe__detail .tooltip__item:last-child, .blockMapDetail .tooltip__item:last-child, .blockRelax__detail .tooltip__item:last-child, .blockShopsDetail .tooltip__item:last-child { padding-bottom: 0; } html { font-size: 16px; } html, body { height: auto; font-family: 'GothamProRegular', sans-serif; line-height: 1.5; cursor: default; position: relative; -webkit-overflow-scrolling: touch; } @media screen and (min-width: 1020px) { html, body { height: auto; } } @media screen and (min-width: 1200px) { html, body { height: 100%; } } html.overflow--list, body.overflow--list, html.overflow--detail, body.overflow--detail, html.overflow--menu, body.overflow--menu, html.overflow--thanks, body.overflow--thanks, html.overflow--map, body.overflow--map { overflow: hidden; height: 100%; } a { color: inherit; text-decoration: none; } ul, li { padding: 0; margin: 0; } img { max-width: 100%; max-height: 100%; vertical-align: middle; } textarea { font-family: 'GothamProRegular', sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'GothamProBold', sans-serif; font-weight: normal; margin: 0; } input:focus, textarea:focus, select:focus, button:focus, a:focus { outline: none; } button { border-radius: 0; } article { font-size: 1rem; line-height: 1.5; font-family: 'GothamProLight', sans-serif; } article h1, article h2, article h3, article h4, article h5, article h6 { text-transform: uppercase; font-family: 'GothamProBold', sans-serif; margin-bottom: 0.625rem; line-height: 1.1; } article h1 { font-size: 1.375rem; } article h2 { font-size: 1.25rem; } article h3 { font-size: 1.125rem; } article h4, article h5, article h6 { font-size: 1rem; } @media screen and (min-width: 480px) { article { font-size: 1rem; } article h1 { font-size: 1.375rem; } article h2 { font-size: 1.25rem; } article h3 { font-size: 1.125rem; } article h4, article h5, article h6 { font-size: 1rem; } } @media screen and (min-width: 767px) { article { font-size: 1.125rem; } article h1 { font-size: 1.5rem; } article h2 { font-size: 1.375rem; } article h3 { font-size: 1.25rem; } article h4, article h5, article h6 { font-size: 1.125rem; } } @media screen and (min-width: 1200px) { article { font-size: 1rem; } article h1 { font-size: 1.375rem; } article h2 { font-size: 1.25rem; } article h3 { font-size: 1.125rem; } article h4, article h5, article h6 { font-size: 1rem; } } article strong, article b { font-weight: normal; font-family: 'GothamProRegular', sans-serif; } article a { -webkit-transition: 0.2s; transition: 0.2s; border-bottom: 1px dashed rgba(0,0,0,0.5); } article a:hover { border-color: transparent; } article ul, article ol { margin-bottom: 1em; } article ul:last-child, article ol:last-child { margin-bottom: 0; } article ul li, article ol li { margin-bottom: 0.3em; } article ul li:last-child, article ol li:last-child { margin-bottom: 0; } article ul li { position: relative; padding-left: 1em; } article ul li:before { content: ''; position: absolute; top: 40%; left: 0; width: 0.3125rem; height: 0.3125rem; background: #f28a00; border-radius: 50%; } article ol { counter-reset: list 0; } article ol li { list-style-type: none; } article ol li:before { counter-increment: list; content: counter(list) '. '; color: inherit; } article p { margin-bottom: 1.5625rem; } article p:last-child { margin-bottom: 0; } article table { width: 100%; } article table th { font-weight: bold; text-align: center; } article table td, article table th { border: 1px solid #d9e1e2; padding: 0.3125rem 0.625rem; background: #fff; } .page { width: 100%; min-height: 100%; height: 1px; position: relative; overflow: hidden; } .page_mobile { height: auto; } .blur { -webkit-filter: blur(5px); filter: blur(5px); } .transformFix { -webkit-transform: translateZ(0); transform: translateZ(0); } .content { position: relative; width: 100%; height: 100%; } .content.over { z-index: 120; } .content > .box { z-index: -1; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s, visibility 0s 0.4s; transition: opacity 0.4s, visibility 0s 0.4s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .loaded .content > .box.box_show, .inner .content > .box.box_show { z-index: 1; pointer-events: all; visibility: visible; opacity: 1; -webkit-transition: opacity 0.4s, visibility 0s; transition: opacity 0.4s, visibility 0s; } .loaded .content > .box.box_show:before, .inner .content > .box.box_show:before { height: 100%; opacity: 0.8; } .loaded .content > .box.box_show .box__decor svg, .inner .content > .box.box_show .box__decor svg { -webkit-transition: opacity 1.1s ease 167ms, -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.1s ease 167ms, -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms; transition: transform 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms, -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .page_mobile > .content > .box { position: relative; z-index: 1; pointer-events: all; visibility: visible; opacity: 1; } .page_mobile > .content > .box:before { height: 100%; opacity: 0.8; } .page_mobile > .content > .box.box_blockActions { z-index: 2; } .box__inner { margin-top: 0; height: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } @media screen and (min-width: 1020px) { .box__inner { margin-top: 0; height: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 1200px) { .box__inner { margin-top: 17vh; height: 83vh; padding-left: 0; padding-right: 0; } } .box__header { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 2.5rem 0; } .box__header .box__title { padding: 0; padding-right: 1.875rem; } .box__title, .blockActions__title, .popupActions__title, .popupActions__subtitle, .tooltip__title { position: relative; font-family: 'GothamProBold', sans-serif; line-height: 1; font-size: 2.375rem; text-transform: uppercase; } .box__title:after, .blockActions__title:after, .popupActions__title:after, .popupActions__subtitle:after, .tooltip__title:after { display: none; } @media screen and (min-width: 1020px) { .box__title:after, .blockActions__title:after, .popupActions__title:after, .popupActions__subtitle:after, .tooltip__title:after { display: none; } } @media screen and (min-width: 1200px) { .box__title:after, .blockActions__title:after, .popupActions__title:after, .popupActions__subtitle:after, .tooltip__title:after { display: inline; } } @media screen and (min-width: 1200px) { .box__title, .blockActions__title, .popupActions__title, .popupActions__subtitle, .tooltip__title { font-size: 2.375rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box__title, .blockActions__title, .popupActions__title, .popupActions__subtitle, .tooltip__title { font-size: 3.75rem; } } .box__decor { pointer-events: none; will-change: transform, opacity; position: absolute; -webkit-transition: opacity 1.1s ease 167ms, -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.1s ease 167ms, -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms; transition: transform 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms, -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; } @media screen and (min-width: 1020px) { .box__decor { display: none; } } @media screen and (min-width: 1200px) { .box__decor { display: -webkit-box; display: -ms-flexbox; display: flex; } } .box__decor svg { will-change: transform, opacity; -webkit-transition: 0s; transition: 0s; opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 100%; height: 100%; } .slide-pane .slide-data { height: 100%; overflow: hidden; } .slide-pane .slide-wrap { height: 100%; } .mouseLeft { cursor: url("../img/general/arrow-black.png"), pointer; } .mouseRight { cursor: url("../img/general/arrow-black.png"), pointer; } .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #ddd; border-radius: 0; background: #f8f8f8; position: relative; overflow: hidzden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 2.375rem 0 0.625rem; font-size: 0.75rem; line-height: 2.375rem; color: #444; height: 2.375rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; background-color: #f8f8f8; color: #bbb; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric-focus .selectric { border-color: #aaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #f8f8f8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 0.625rem -0.375rem; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 0.75rem; line-height: 1.25rem; min-height: 1.25rem; } .selectric-items li { display: block; padding: 0.625rem; color: #666; cursor: pointer; } .selectric-items li.selected { background: #e0e0e0; color: #444; } .selectric-items li.highlighted { background: #d0d0d0; color: #444; } .selectric-items li:hover { background: #d5d5d5; color: #444; } .selectric-items .disabled { opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 0.625rem; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { opacity: 1; } .selectric-items .selectric-group li { padding-left: 1.5625rem; } [data-simplebar] { position: relative; z-index: 0; overflow: hidden; } [data-simplebar="init"] { display: -webkit-box; display: -ms-flexbox; display: flex; } .simplebar-scroll-content { overflow-x: hidden; overflow-y: scroll; min-width: 100%; box-sizing: content-box; } .simplebar-content { overflow-x: scroll; overflow-y: hidden; box-sizing: border-box; min-height: 100%; } .simplebar-track { z-index: 1; position: absolute; right: 0.75rem; bottom: 0; width: 0.0625rem; background: #cacaca; } .simplebar-scrollbar { position: absolute; right: -0.1875rem; min-height: 0.625rem; width: 0.4375rem; opacity: 1; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; background: #f28a00; background-clip: padding-box; } .simplebar-trackhover .simplebar-scrollbar { opacity: 1; -webkit-transition: opacity 0 linear; transition: opacity 0 linear; } .simplebar-track .simplebar-scrollbar.visible { opacity: 1; } .simplebar-track.vertical { top: 0; } .horizontal.simplebar-track .simplebar-scrollbar { right: auto; top: 0.125rem; height: 0.4375rem; min-height: 0; min-width: 0.625rem; width: auto; } .fancybox-inner .simplebar, .tabsBox__scroll .simplebar, .fancybox-inner [data-simplebar-direction], .tabsBox__scroll [data-simplebar-direction] { position: relative; overflow: hidden; -webkit-overflow-scrolling: touch; } .fancybox-inner .simplebar-scroll-content, .tabsBox__scroll .simplebar-scroll-content { overflow-y: scroll; overflow-x: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -ms-overflow-style: none; } .fancybox-inner .simplebar-scroll-content::-webkit-scrollbar, .tabsBox__scroll .simplebar-scroll-content::-webkit-scrollbar { display: none; } .fancybox-inner .simplebar-content, .tabsBox__scroll .simplebar-content { overflow-x: visible; } .fancybox-inner [data-simplebar-direction="horizontal"] .simplebar-scroll-content, .tabsBox__scroll [data-simplebar-direction="horizontal"] .simplebar-scroll-content, .fancybox-inner .horizontal .simplebar-scroll-content, .tabsBox__scroll .horizontal .simplebar-scroll-content { overflow-x: scroll; overflow-y: hidden; } .fancybox-inner [data-simplebar-direction="horizontal"] .simplebar-track, .tabsBox__scroll [data-simplebar-direction="horizontal"] .simplebar-track, .fancybox-inner .horizontal .simplebar-track, .tabsBox__scroll .horizontal .simplebar-track { top: auto; left: 0; width: 0; height: 0.6875rem; } .fancybox-inner [data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar, .tabsBox__scroll [data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar, .fancybox-inner .horizontal .simplebar-track .simplebar-scrollbar, .tabsBox__scroll .horizontal .simplebar-track .simplebar-scrollbar { right: auto; top: 0.125rem; height: 0.4375rem; min-height: 0; min-width: 0.625rem; width: 0; } .fancybox-inner [data-simplebar-direction="horizontal"]:hover .simplebar-scrollbar, .tabsBox__scroll [data-simplebar-direction="horizontal"]:hover .simplebar-scrollbar, .fancybox-inner .horizontal:hover .simplebar-scrollbar, .tabsBox__scroll .horizontal:hover .simplebar-scrollbar { /* When hovered, remove all transitions from drag handle */ opacity: 0; -webkit-transition: opacity 0; transition: opacity 0; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-pagination { -webkit-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-progress { background: rgba(0,0,0,0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*! jQuery UI - v1.12.1 - 2017-10-15 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { z-index: 104 !important; width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; /* font-weight: bold; */ border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #f28a00; } .ui-widget-content { border: 1px solid #f28a00; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #f28a00; background: #f28a00; color: #fff; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #f28a00; background: #fff; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #f28a00; background: #f28a00; font-weight: normal; color: #fff; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #f28a00; background: #f28a00; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #f28a00; background: #f28a004f; color: #000; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { /* background-image: url("../img//plugins/ui/ui-icons_444444_256x240.png"); */ } .ui-widget-header .ui-icon { /* background-image: url("../img/general/arrow_left.svg"); */ } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { cursor: pointer; /* background-image: url("../img//plugins/ui/ui-icons_555555_256x240.png"); */ } .ui-state-active .ui-icon, .ui-button:active .ui-icon { /* background-image: url("../img//plugins/ui/ui-icons_ffffff_256x240.png"); */ } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { /* background-image: url("../img//plugins/ui/ui-icons_777620_256x240.png"); */ } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { /* background-image: url("../img//plugins/ui/ui-icons_cc0000_256x240.png"); */ } .ui-button .ui-icon { /* background-image: url("../img//plugins/ui/ui-icons_777777_256x240.png"); */ } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-image: url("../img/general/arrow_right.svg"); background-size: 100% 100%; background-position: center center;} .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-image: url("../img/general/arrow_left.svg"); background-size: 100% 100%; background-position: center center; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { box-shadow: 0px 0px 5px #666666; } @charset "UTF-8"; .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; -webkit-transition: opacity .25s, visibility 0s linear .25s; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; -webkit-transition: opacity .25s, visibility 0s; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 50%; margin-left: -79px; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-toolbar { top: 0; right: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > div { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; -webkit-transition: background .25s; transition: background .25s; box-sizing: border-box; z-index: 2; } /* .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } */ .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none; } .fancybox-button[disabled] { cursor: default; pointer-events: none; } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, 0.8); } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button[disabled]::before, .fancybox-button[disabled]::after { opacity: 0.3; } .fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; } .fancybox-button--left::after { left: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; } .fancybox-button--right { border-bottom-right-radius: 5px; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* Navigation arrows */ .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .25s; transition: opacity .25s; } .fancybox-arrow::after { content: ''; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; } .fancybox-arrow--right { right: 0; } .fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .fancybox-arrow--right::after, .fancybox-arrow--left::after { left: 0; } .fancybox-show-nav .fancybox-arrow { opacity: 0.6; } .fancybox-show-nav .fancybox-arrow[disabled] { opacity: 0.3; } /* Loading indicator */ .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0; } .fancybox-button--left, .fancybox-button--right { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none; } /* Slideshow button */ .fancybox-button--play::before, .fancybox-button--pause::before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent; } .fancybox-button--play::before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; } .fancybox-button--pause::before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; } /* Thumbs */ .fancybox-thumbs { display: none; } .fancybox-button--thumbs { display: none; } @media all and (min-width: 800px) { .fancybox-button--thumbs { display: inline-block; } .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs::before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 220px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 100px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 1;} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; /*filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; */} .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; } /* .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } */ .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: #f28a00; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ @charset "UTF-8";/*! * vue2-animate v1.0.4 * (c) 2016 Simon Asika * Released under the MIT License. * Documentation: https://github.com/asika32764/vue2-animate */.bounce-enter-active,.bounce-leave-active,.bounceDown-enter-active,.bounceDown-leave-active,.bounceIn,.bounceInDown,.bounceInLeft,.bounceInRight,.bounceInUp,.bounceLeft-enter-active,.bounceLeft-leave-active,.bounceOut,.bounceOutDown,.bounceOutLeft,.bounceOutRight,.bounceOutUp,.bounceRight-enter-active,.bounceRight-leave-active,.bounceUp-enter-active,.bounceUp-leave-active,.fade-enter-active,.fade-leave-active,.fadeDown-enter-active,.fadeDown-leave-active,.fadeDownBig-enter-active,.fadeDownBig-leave-active,.fadeIn,.fadeInDown,.fadeInDownBig,.fadeInLeft,.fadeInLeftBig,.fadeInRight,.fadeInRightBig,.fadeInUp,.fadeInUpBig,.fadeLeft-enter-active,.fadeLeft-leave-active,.fadeLeftBig-enter-active,.fadeLeftBig-leave-active,.fadeOut,.fadeOutDown,.fadeOutDownBig,.fadeOutLeft,.fadeOutLeftBig,.fadeOutRight,.fadeOutRightBig,.fadeOutUp,.fadeOutUpBig,.fadeRight-enter-active,.fadeRight-leave-active,.fadeRightBig-enter-active,.fadeRightBig-leave-active,.fadeUp-enter-active,.fadeUp-leave-active,.fadeUpBig-enter-active,.fadeUpBig-leave-active,.rotateDownLeft-enter-active,.rotateDownLeft-leave-active,.rotateDownRight-enter-active,.rotateDownRight-leave-active,.rotateInDownLeft,.rotateInDownRight,.rotateInUpLeft,.rotateInUpRight,.rotateOutDownLeft,.rotateOutDownRight,.rotateOutUpLeft,.rotateOutUpRight,.rotateUpLeft-enter-active,.rotateUpLeft-leave-active,.rotateUpRight-enter-active,.rotateUpRight-leave-active,.slide-enter-active,.slide-leave-active,.slideDown-enter-active,.slideDown-leave-active,.slideIn,.slideInDown,.slideInLeft,.slideInRight,.slideInUp,.slideLeft-enter-active,.slideLeft-leave-active,.slideOut,.slideOutDown,.slideOutLeft,.slideOutRight,.slideOutUp,.slideRight-enter-active,.slideRight-leave-active,.slideUp-enter-active,.slideUp-leave-active,.zoom-enter-active,.zoom-leave-active,.zoomDown-enter-active,.zoomDown-leave-active,.zoomIn,.zoomInDown,.zoomInLeft,.zoomInRight,.zoomInUp,.zoomLeft-enter-active,.zoomLeft-leave-active,.zoomOut,.zoomOutDown,.zoomOutLeft,.zoomOutRight,.zoomOutUp,.zoomRight-enter-active,.zoomRight-leave-active,.zoomUp-enter-active,.zoomUp-leave-active{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounce-enter-active,.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}.bounce-leave-active,.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}.bounceInUp,.bounceUp-enter-active{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}.bounceOutUp,.bounceUp-leave-active{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}.bounceInRight,.bounceRight-enter-active{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}.bounceOutRight,.bounceRight-leave-active{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}.bounceInLeft,.bounceLeft-enter-active{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.bounceLeft-leave-active,.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}.bounceDown-enter-active,.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}.bounceDown-leave-active,.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fade-enter-active,.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.fade-leave-active,.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.fadeInUpBig,.fadeUpBig-enter-active{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}.fadeOutUpBig,.fadeUpBig-leave-active{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}.fadeInUp,.fadeUp-enter-active{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.fadeOutUp,.fadeUp-leave-active{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.fadeInRightBig,.fadeRightBig-enter-active{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}.fadeOutRightBig,.fadeRightBig-leave-active{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}.fadeInRight,.fadeRight-enter-active{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.fadeOutRight,.fadeRight-leave-active{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}.fadeInLeftBig,.fadeLeftBig-enter-active{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}.fadeLeftBig-leave-active,.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}.fadeInLeft,.fadeLeft-enter-active{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fadeLeft-leave-active,.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.fadeDownBig-enter-active,.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}.fadeDownBig-leave-active,.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}.fadeDown-enter-active,.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.fadeDown-leave-active,.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotate-enter-active,.rotate-leave-active,.rotateIn,.rotateOut{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.rotate-enter-active,.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}.rotate-leave-active,.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}.rotateInUpRight,.rotateUpRight-enter-active{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}.rotateOutUpRight,.rotateUpRight-leave-active{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}.rotateInUpLeft,.rotateUpLeft-enter-active{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}.rotateOutUpLeft,.rotateUpLeft-leave-active{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}.rotateDownRight-enter-active,.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}.rotateDownRight-leave-active,.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}.rotateDownLeft-enter-active,.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}.rotateDownLeft-leave-active,.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slide-enter-active,.slideIn{-webkit-animation-name:slideIn;animation-name:slideIn}.slide-leave-active,.slideOut{-webkit-animation-name:slideOut;animation-name:slideOut}.slideInUp,.slideUp-enter-active{-webkit-animation-name:slideInUp;animation-name:slideInUp}.slideOutUp,.slideUp-leave-active{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.slideInRight,.slideRight-enter-active{-webkit-animation-name:slideInRight;animation-name:slideInRight}.slideOutRight,.slideRight-leave-active{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}.slideInLeft,.slideLeft-enter-active{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}.slideLeft-leave-active,.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}.slideDown-enter-active,.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}.slideDown-leave-active,.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoom-enter-active,.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.zoom-leave-active,.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}.zoomInUp,.zoomUp-enter-active{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}.zoomOutUp,.zoomUp-leave-active{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}.zoomInRight,.zoomRight-enter-active{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}.zoomOutRight,.zoomRight-leave-active{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}.zoomInLeft,.zoomLeft-enter-active{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}.zoomLeft-leave-active,.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}.zoomDown-enter-active,.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}.zoomDown-leave-active,.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown} .box_blockActions { margin-top: 1.875rem; padding: 0 0 3.75rem 0; } @media screen and (min-width: 1020px) { .box_blockActions { margin-top: 1.875rem; padding: 0 0 3.75rem 0; } } @media screen and (min-width: 1200px) { .box_blockActions { padding: 0; margin: 0; } } .box_blockActions .box__inner { background-color: transparent; } @media screen and (min-width: 1020px) { .box_blockActions .box__inner { background-color: transparent; } } @media screen and (min-width: 1200px) { .box_blockActions .box__inner { background-color: #f7f7f7; } } .box_blockActions .box__title { display: none; } @media screen and (min-width: 1020px) { .box_blockActions .box__title { display: none; } } @media screen and (min-width: 1200px) { .box_blockActions .box__title { display: block; } } .box_blockActions .box__title:after { content: ' //'; position: absolute; bottom: 0; right: -30%; line-height: 1.2; font-family: 'GothamProLight', sans-serif; } .box_blockActions .box__decor { z-index: 11; } .box_blockActions .box__decor_1 { left: 9%; top: 12%; width: 50.3%; height: 95%; } .box_blockActions .box__decor_1 svg { fill: #f28a00; } .box_blockActions .box__decor_2 { top: 25%; left: 3%; width: 35.5%; height: 67%; } .box_blockActions .box__decor_2 svg { fill: #9d1012; } .box_blockActions .box__decor_3 { bottom: -60%; left: -14%; width: 44%; height: 93%; } @media screen and (min-width: 1200px) { .box_blockActions .box__decor_3 { bottom: -60%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockActions .box__decor_3 { bottom: -70%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockActions .box__decor_3 { bottom: -70%; } } .box_blockActions .box__decor_3 svg { fill: #f28a00; } .box_blockActions .swiper-container { height: 100%; } .box_blockActions .swiper-wrapper { height: 100%; } .box_blockActions .swiper-slide { height: 100%; } .box_blockActions .swiper-button-disabled { opacity: 0.3; } .box_blockActions .swiper-button-prev, .box_blockActions .swiper-button-next { margin: 0; height: 100%; width: 3.125rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .box_blockActions .swiper-button-prev, .box_blockActions .swiper-button-next { width: 4.375rem; } } @media screen and (min-width: 767px) { .box_blockActions .swiper-button-prev, .box_blockActions .swiper-button-next { width: 6.25rem; } } @media screen and (min-width: 1020px) { .box_blockActions .swiper-button-prev, .box_blockActions .swiper-button-next { width: 6.25rem; } } @media screen and (min-width: 1200px) { .box_blockActions .swiper-button-prev, .box_blockActions .swiper-button-next { width: 10.625rem; } } .box_blockActions .swiper-button-prev:hover .swiper-button-bg, .box_blockActions .swiper-button-next:hover .swiper-button-bg { opacity: 1; } .box_blockActions .swiper-button-prev { left: 0; } .box_blockActions .swiper-button-next { right: 0; } .blockActions { position: relative; z-index: 11; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blockActions__left { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #000; } @media screen and (min-width: 1020px) { .blockActions__left { width: 100%; color: #000; } } @media screen and (min-width: 1200px) { .blockActions__left { width: 32%; color: #fff; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockActions__left { width: 28%; } } @media screen and (min-width: 2000px) { .blockActions__left { width: 25%; } } .blockActions__left .blockActions__wrapp { width: 100%; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 1020px) { .blockActions__left .blockActions__wrapp { width: 100%; padding-right: 0; } } @media screen and (min-width: 1200px) { .blockActions__left .blockActions__wrapp { width: 72%; padding-right: 1.5625rem; } } .blockActions__right { width: 100%; height: 78vh; position: relative; background-color: #fff; } @media screen and (min-width: 1020px) { .blockActions__right { width: 100%; height: 78vh; } } @media screen and (min-width: 1200px) { .blockActions__right { width: 68%; height: 90%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockActions__right { width: 72%; } } @media screen and (min-width: 2000px) { .blockActions__right { width: 75%; } } .blockActions__right .blockActions__wrapp { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; padding: 0; height: 100%; overflow: auto; } .blockActions__right .blockActions__wrapp .blockList { width: 100%; padding-bottom: 9.375rem; } @media screen and (min-width: 1020px) { .blockActions__right .blockActions__wrapp { display: block; overflow: auto; padding: 0; } .blockActions__right .blockActions__wrapp .blockList { width: 100%; padding-bottom: 9.375rem; } } @media screen and (min-width: 1200px) { .blockActions__right .blockActions__wrapp { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 0 4.375rem; } .blockActions__right .blockActions__wrapp .blockList { width: auto; padding: 0; } } .blockActions__right .blockActions__wrapp .mCustomScrollBox { width: 100%; } @media screen and (min-width: 1020px) { .blockActions__right .blockActions__wrapp .mCustomScrollBox { width: 100%; } } @media screen and (min-width: 1200px) { .blockActions__right .blockActions__wrapp .mCustomScrollBox { width: auto; } } .blockActions__right .blockActions__wrapp .mCSB_container { padding: 0; height: auto; margin-bottom: 0; } @media screen and (min-width: 1020px) { .blockActions__right .blockActions__wrapp .mCSB_container { padding: 0; height: auto; } } @media screen and (min-width: 1200px) { .blockActions__right .blockActions__wrapp .mCSB_container { padding: 2.8125rem 0; height: 100%; } } .blockActions__right .blockActions__wrapp .mCSB_scrollTools_horizontal { bottom: 2%; } .blockActions__right .blockActions__wrapp .mCSB_scrollTools .mCSB_draggerRail { background: #cdcdcd; height: 100%; } @media screen and (min-width: 1020px) { .blockActions__right .blockActions__wrapp .mCSB_scrollTools .mCSB_draggerRail { height: 100%; } } @media screen and (min-width: 1200px) { .blockActions__right .blockActions__wrapp .mCSB_scrollTools .mCSB_draggerRail { height: 1px; } } .blockActions__right .blockActions__wrapp .mCSB_scrollTools .mCSB_dragger_bar { margin: 0.1875rem auto; height: 100%; border-radius: 0; background-color: #f28a00; } @media screen and (min-width: 1020px) { .blockActions__right .blockActions__wrapp .mCSB_scrollTools .mCSB_dragger_bar { height: 100%; } } @media screen and (min-width: 1200px) { .blockActions__right .blockActions__wrapp .mCSB_scrollTools .mCSB_dragger_bar { height: 0.5625rem; } } .blockActions__templates { width: 100%; height: 100%; } .blockActionsSlider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: none; } @media screen and (min-width: 1020px) { .blockActionsSlider { box-shadow: none; } } @media screen and (min-width: 1200px) { .blockActionsSlider { box-shadow: 0 1.75rem 5.9375rem 0 rgba(0,0,0,0.3); } } .blockActionsSlider[data-view="list"], .blockActionsSlider[data-view="search"] { height: 78vh; padding-top: 4.375rem; background-color: #fff; } @media screen and (min-width: 480px) { .blockActionsSlider[data-view="list"], .blockActionsSlider[data-view="search"] { padding-top: 4.375rem; } } @media screen and (min-width: 767px) { .blockActionsSlider[data-view="list"], .blockActionsSlider[data-view="search"] { padding-top: 5.625rem; } } @media screen and (min-width: 1020px) { .blockActionsSlider[data-view="list"], .blockActionsSlider[data-view="search"] { height: 78vh; padding-top: 5.625rem; } } @media screen and (min-width: 1200px) { .blockActionsSlider[data-view="list"], .blockActionsSlider[data-view="search"] { top: 0; height: 100%; padding: 0; background-color: transparent; } } .blockActionsSlider[data-view="list"] .swiper-slide, .blockActionsSlider[data-view="search"] .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; } .blockActionsSlider[data-view="list"] .swiper-button-prev, .blockActionsSlider[data-view="search"] .swiper-button-prev, .blockActionsSlider[data-view="list"] .swiper-button-next, .blockActionsSlider[data-view="search"] .swiper-button-next { margin: 0; height: 100%; width: 4.375rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; } @media screen and (min-width: 1020px) { .blockActionsSlider[data-view="list"] .swiper-button-prev, .blockActionsSlider[data-view="search"] .swiper-button-prev, .blockActionsSlider[data-view="list"] .swiper-button-next, .blockActionsSlider[data-view="search"] .swiper-button-next { display: none; } } @media screen and (min-width: 1200px) { .blockActionsSlider[data-view="list"] .swiper-button-prev, .blockActionsSlider[data-view="search"] .swiper-button-prev, .blockActionsSlider[data-view="list"] .swiper-button-next, .blockActionsSlider[data-view="search"] .swiper-button-next { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockActionsSlider[data-view="list"] .swiper-left-arrow, .blockActionsSlider[data-view="search"] .swiper-left-arrow, .blockActionsSlider[data-view="list"] .swiper-right-arrow, .blockActionsSlider[data-view="search"] .swiper-right-arrow { position: relative; z-index: 2; height: 2.0625rem; width: 1.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockActionsSlider[data-view="list"] .swiper-left-arrow svg, .blockActionsSlider[data-view="search"] .swiper-left-arrow svg, .blockActionsSlider[data-view="list"] .swiper-right-arrow svg, .blockActionsSlider[data-view="search"] .swiper-right-arrow svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #000; height: 2.0625rem; width: 1.125rem; } .blockActionsSlider[data-view="preview"] { z-index: 2; } .blockActionsSlider[data-view="preview"] .swiper-slide { display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .blockActionsSlider[data-view="preview"] .swiper-slide:hover { cursor: pointer; } .blockActionsSlider[data-view="preview"] .swiper-slide:hover .swiper-slide-bg { opacity: 1; } .blockActionsSlider[data-view="preview"] .swiper-slide-bg { -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; } @media screen and (min-width: 1020px) { .blockActionsSlider[data-view="preview"] .swiper-slide-bg { display: none; } } @media screen and (min-width: 1200px) { .blockActionsSlider[data-view="preview"] .swiper-slide-bg { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockActionsSlider[data-view="preview"] .swiper-slide-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f28a00; padding: 1.25rem 0.3125rem; } .blockActionsSlider[data-view="preview"] .swiper-button-prev:hover .swiper-button-bg, .blockActionsSlider[data-view="preview"] .swiper-button-next:hover .swiper-button-bg { opacity: 1; } .blockActionsSlider[data-view="preview"] .swiper-button-bg { -webkit-transition: 0.2s; transition: 0.2s; position: absolute; top: 50%; left: 0; width: 100%; height: 3.125rem; margin-top: -1.5625rem; opacity: 1; box-shadow: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgba(255,255,255,0.65); } @media screen and (min-width: 370px) { .blockActionsSlider[data-view="preview"] .swiper-button-bg { height: 4.375rem; margin-top: -2.1875rem; } } @media screen and (min-width: 767px) { .blockActionsSlider[data-view="preview"] .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; } } @media screen and (min-width: 1020px) { .blockActionsSlider[data-view="preview"] .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; opacity: 1; box-shadow: none; background-color: rgba(255,255,255,0.65); } } @media screen and (min-width: 1200px) { .blockActionsSlider[data-view="preview"] .swiper-button-bg { height: 10.625rem; margin-top: -5.3125rem; opacity: 0; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.7); background-color: transparent; } } .blockActionsSlider[data-view="preview"] .swiper-left-arrow, .blockActionsSlider[data-view="preview"] .swiper-right-arrow { position: relative; z-index: 2; height: 1.5625rem; width: 0.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .blockActionsSlider[data-view="preview"] .swiper-left-arrow, .blockActionsSlider[data-view="preview"] .swiper-right-arrow { height: 1.75rem; width: 1rem; } } @media screen and (min-width: 767px) { .blockActionsSlider[data-view="preview"] .swiper-left-arrow, .blockActionsSlider[data-view="preview"] .swiper-right-arrow { height: 2.0625rem; width: 1.125rem; } } .blockActionsSlider[data-view="preview"] .swiper-left-arrow svg, .blockActionsSlider[data-view="preview"] .swiper-right-arrow svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #fff; height: 100%; width: 100%; } .blockActions__title { font-size: 1.125rem; padding-left: 0.9375rem; padding-bottom: 0.9375rem; } .blockActions__inner { position: relative; width: 100%; height: 100%; overflow: auto; padding-bottom: 4.375rem; } @media screen and (min-width: 480px) { .blockActions__inner { padding-bottom: 4.375rem; } } @media screen and (min-width: 767px) { .blockActions__inner { padding-bottom: 9.375rem; } } .blockActionsList__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.9375rem; } .blockActionsList__wrapp { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .blockActionsList__title { font-family: 'GothamProBold', sans-serif; font-size: 1.125rem; text-transform: uppercase; line-height: 1.3; padding-bottom: 0.625rem; } @media screen and (min-width: 480px) { .blockActionsList__title { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .blockActionsList__title { font-size: 1.375rem; } } .blockActionsList__category { color: #f28a00; font-family: 'GothamProRegular', sans-serif; font-size: 1rem; line-height: 1.3; } @media screen and (min-width: 480px) { .blockActionsList__category { font-size: 1rem; } } @media screen and (min-width: 767px) { .blockActionsList__category { font-size: 1.25rem; } } .blockActionsList__logo { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockActionsList__img { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 50vh; margin-bottom: 1.25rem; } @media screen and (min-width: 480px) { .blockActionsList__img { margin-bottom: 1.25rem; } } @media screen and (min-width: 767px) { .blockActionsList__img { margin-bottom: 1.875rem; } } .blockActionsList__line { padding: 1.25rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 480px) { .blockActionsList__line { padding: 1.25rem 0; } } @media screen and (min-width: 767px) { .blockActionsList__line { padding: 1.875rem 0; } } .blockActionsList__name { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-family: 'GothamProMedium', sans-serif; text-transform: uppercase; font-size: 1rem; line-height: 1.3; } @media screen and (min-width: 480px) { .blockActionsList__name { font-size: 1rem; } } @media screen and (min-width: 767px) { .blockActionsList__name { font-size: 1.375rem; } } .blockActionsList__arrow { will-change: transform; -webkit-transition: 0.4s; transition: 0.4s; width: 0.9375rem; height: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockActionsList__arrow svg { fill: #000; width: 0.9375rem; height: 0.9375rem; } @media screen and (min-width: 480px) { .blockActionsList__arrow { width: 0.9375rem; height: 0.9375rem; } .blockActionsList__arrow svg { width: 0.9375rem; height: 0.9375rem; } } @media screen and (min-width: 767px) { .blockActionsList__arrow { width: 1.5625rem; height: 1.5625rem; } .blockActionsList__arrow svg { width: 1.5625rem; height: 1.5625rem; } } .blockActionsList__item { margin-bottom: 0.9375rem; border-bottom: 1px solid #f3f3f3; } .blockActionsList__item:last-of-type { margin-bottom: 0; } .blockActionsList__item.open .blockActionsList__arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .blockActionsList__article { display: none; padding-bottom: 3.125rem; } .blockActions__info { padding-top: 2.5rem; } .blockActions__info .tooltip { font-size: 1rem; } @media screen and (min-width: 480px) { .blockActions__info .tooltip { font-size: 1rem; } } @media screen and (min-width: 767px) { .blockActions__info .tooltip { font-size: 1.25rem; } } .blockActions__info .tooltip__item_phone { font-size: 1rem; font-family: 'GothamProRegular', sans-serif; } .blockActions__info .tooltip__item_phone svg { width: 1rem; height: 1rem; } @media screen and (min-width: 480px) { .blockActions__info .tooltip__item_phone { font-size: 1rem; } .blockActions__info .tooltip__item_phone svg { width: 1rem; height: 1rem; } } @media screen and (min-width: 767px) { .blockActions__info .tooltip__item_phone { font-size: 1.25rem; } .blockActions__info .tooltip__item_phone svg { width: 1.125rem; height: 1.125rem; } } .blockActions__info .tooltip__item:last-child { padding-bottom: 0; } .blockActions__info .tooltip__title { font-family: 'GothamProLight', sans-serif; padding-bottom: 1.875rem; text-transform: none; color: #f28a00; font-size: 1rem; } @media screen and (min-width: 480px) { .blockActions__info .tooltip__title { font-size: 1rem; } } @media screen and (min-width: 767px) { .blockActions__info .tooltip__title { font-size: 1.25rem; } } .box_blockMain { position: relative; } .box_blockMain .box__inner { margin-top: 4.375rem; margin-bottom: 0; height: 89vh; } @media screen and (min-width: 480px) { .box_blockMain .box__inner { margin-top: 4.375rem; } } @media screen and (min-width: 767px) { .box_blockMain .box__inner { margin-top: 11vh; } } @media screen and (min-width: 1020px) { .box_blockMain .box__inner { margin-bottom: 0; height: 89vh; } } @media screen and (min-width: 1200px) { .box_blockMain .box__inner { margin-top: 17vh; margin-bottom: 17vh; height: 66vh; } } .box_blockMain .box__decor_1 { top: -16%; right: -35%; width: 83.4%; height: 99.8%; -webkit-transform: scale(-1, 1) translateZ(0); transform: scale(-1, 1) translateZ(0); } @media screen and (min-width: 1200px) { .box_blockMain .box__decor_1 { top: -16%; right: -35%; width: 83.4%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockMain .box__decor_1 { top: -16%; right: -31%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockMain .box__decor_1 { right: -5%; width: 53.4%; } } .box_blockMain .box__decor_1 svg { fill: #f28a00; } .box_blockMain .box__decor_2 { top: -16%; right: -10%; width: 37%; height: 57%; -webkit-transform: rotate(-160deg) translateZ(0); transform: rotate(-160deg) translateZ(0); } @media screen and (min-width: 1200px) { .box_blockMain .box__decor_2 { top: -16%; right: -10%; width: 37%; height: 57%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockMain .box__decor_2 { top: -18%; right: -9%; height: 60%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockMain .box__decor_2 { top: -13%; right: -8%; width: 29.3%; height: 49.3%; } } .box_blockMain .box__decor_2 svg { fill: #9d1012; } .blockMain { height: 100%; position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .box_blockContacts { padding-top: 1.25rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1020px) { .box_blockContacts { padding-top: 1.25rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 1200px) { .box_blockContacts { padding-top: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .box_blockContacts .box__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.125rem; padding-bottom: 1.875rem; font-family: 'GothamProMedium', sans-serif; color: #000; } .box_blockContacts .box__title .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_blockContacts .box__title .icon svg { margin-right: 0.625rem; fill: #f28a00; width: 1.375rem; height: 1.375rem; } @media screen and (min-width: 480px) { .box_blockContacts .box__title { font-size: 1.125rem; } .box_blockContacts .box__title .icon svg { width: 1.375rem; height: 1.375rem; } } @media screen and (min-width: 767px) { .box_blockContacts .box__title { font-size: 1.5625rem; } .box_blockContacts .box__title .icon svg { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 1020px) { .box_blockContacts .box__title { color: #000; font-family: 'GothamProMedium', sans-serif; padding-bottom: 1.875rem; } .box_blockContacts .box__title .icon { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .box_blockContacts .box__title { color: #fff; font-family: 'GothamProBold', sans-serif; padding-bottom: 0; font-size: 2.375rem; } .box_blockContacts .box__title .icon { display: none; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockContacts .box__title { font-size: 3rem; } } @media screen and (min-width: 1900px) { .box_blockContacts .box__title { font-size: 3.75rem; } } .box_blockContacts .box__decor_1 { bottom: -5%; left: -18%; width: 44%; height: 83%; } @media screen and (min-width: 1200px) { .box_blockContacts .box__decor_1 { bottom: -5%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockContacts .box__decor_1 { bottom: -10%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockContacts .box__decor_1 { bottom: -10%; } } .box_blockContacts .box__decor_1 svg { fill: #f28a00; } .box_blockContacts .box__decor_2 { top: 19%; left: 7%; width: 7%; height: 13.2%; -webkit-transform: scale(-1, 1) rotate(20deg) translateZ(0); transform: scale(-1, 1) rotate(20deg) translateZ(0); } .box_blockContacts .box__decor_2 svg { fill: #f28a00; } .box_blockContacts .box__decor_3 { top: 16%; left: 6%; width: 2.9%; height: 5.2%; -webkit-transform: scale(-1, 1) rotate(20deg) translateZ(0); transform: scale(-1, 1) rotate(20deg) translateZ(0); } .box_blockContacts .box__decor_3 svg { fill: #9d1012; } .box_blockContacts .box__decor_4 { top: -23%; left: -25%; width: 50%; height: 77.9%; -webkit-transform: scale(-1, 1) translateZ(0); transform: scale(-1, 1) translateZ(0); } @media screen and (min-width: 1200px) { .box_blockContacts .box__decor_4 { top: -21%; left: -26%; width: 50%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockContacts .box__decor_4 { left: -22%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockContacts .box__decor_4 { top: -20%; left: -18%; width: 41.3%; } } .box_blockContacts .box__decor_4 svg { fill: #f28a00; } .blockContacts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } .blockContacts__left { padding-top: 0.625rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (min-width: 1020px) { .blockContacts__left { padding-top: 0.625rem; width: 100%; } } @media screen and (min-width: 1200px) { .blockContacts__left { padding: 0; width: 28%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockContacts__left { width: 30%; } } .blockContacts__right { height: 100%; width: 100%; margin-bottom: 0; } @media screen and (min-width: 1020px) { .blockContacts__right { height: 100%; width: 100%; margin-bottom: 0; } } @media screen and (min-width: 1200px) { .blockContacts__right { height: 70vh; width: 72%; margin-bottom: 13vh; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockContacts__right { width: 72%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockContacts__right { width: 70%; } } .blockContacts__wrapp { padding: 0; } @media screen and (min-width: 1020px) { .blockContacts__wrapp { padding: 0; } } @media screen and (min-width: 1200px) { .blockContacts__wrapp { padding-left: 3.75rem; } } .blockContactsPartner { position: relative; overflow: hidden; display: block; width: 100%; padding-bottom: 1.5625rem; margin-bottom: 3.125rem; border-bottom: 1px solid #d8d8d8; } @media screen and (min-width: 1020px) { .blockContactsPartner { display: block; } } @media screen and (min-width: 1200px) { .blockContactsPartner { display: none; } } .blockContactsPartnerNav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 370px) { .blockContactsPartnerNav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 480px) { .blockContactsPartnerNav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 767px) { .blockContactsPartnerNav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .blockContactsPartnerNav__item { color: #d8d8d8; text-transform: none; padding: 0.8125rem 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 13.4375rem; } @media screen and (min-width: 480px) { .blockContactsPartnerNav__item { padding: 0.8125rem 0; } } @media screen and (min-width: 767px) { .blockContactsPartnerNav__item { padding: 0.9375rem 0; } } .blockContactsPartner__content { will-change: opacity; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blockContactsPartner__content.active { opacity: 1; visibility: visible; pointer-events: all; z-index: 100; } .blockContactsPartner__contentBox { position: relative; width: 100%; height: 80vh; } @media screen and (min-width: 370px) { .blockContactsPartner__contentBox { height: 65vh; } } @media screen and (min-width: 480px) { .blockContactsPartner__contentBox { height: 100vh; } } @media screen and (min-width: 767px) { .blockContactsPartner__contentBox { height: 50vh; } } .blockContactsPartner__content article h1, .blockContactsPartner__content article h2, .blockContactsPartner__content article h3, .blockContactsPartner__content article h4, .blockContactsPartner__content article h5, .blockContactsPartner__content article h6 { text-align: center; text-transform: none; } .blockContactsPartner__button { background-color: #f28a00; color: #fff; font-family: 'GothamProLight', sans-serif; font-size: 1.125rem; text-transform: none; margin-top: 3.125rem; } @media screen and (min-width: 480px) { .blockContactsPartner__button { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .blockContactsPartner__button { font-size: 1.25rem; } } .blockContactsAdvertising__inner, .blockContactsRent__inner { width: 100%; height: 100%; overflow: auto; padding-bottom: 3.125rem; } .blockContactsAdvertising .title, .blockContactsRent .title { height: 10%; min-height: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-transform: uppercase; font-size: 1.125rem; line-height: 1; font-family: 'GothamProMedium', sans-serif; } @media screen and (min-width: 480px) { .blockContactsAdvertising .title, .blockContactsRent .title { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .blockContactsAdvertising .title, .blockContactsRent .title { font-size: 1.25rem; } } .blockContactsAdvertising .title .icon, .blockContactsRent .title .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockContactsAdvertising .title .icon svg, .blockContactsRent .title .icon svg { margin-right: 0.625rem; fill: #f28a00; width: 1.375rem; height: 1.375rem; } .blockContactsAdvertising .subtitle, .blockContactsRent .subtitle { height: 10%; min-height: 3.125rem; font-family: 'GothamProMedium', sans-serif; font-size: 1rem; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 480px) { .blockContactsAdvertising .subtitle, .blockContactsRent .subtitle { font-size: 1rem; } } @media screen and (min-width: 767px) { .blockContactsAdvertising .subtitle, .blockContactsRent .subtitle { font-size: 1.125rem; } } .blockContactsAdvertising .form, .blockContactsRent .form { height: auto; padding-bottom: 6.25rem; } .blockContacts .spinner__wr { top: 25%; } .box_blockCafe { padding-bottom: 6.25rem; } @media screen and (min-width: 1020px) { .box_blockCafe { padding-bottom: 6.25rem; } } @media screen and (min-width: 1200px) { .box_blockCafe { padding: 0; } } .box_blockCafe .box__inner { background-color: transparent; } @media screen and (min-width: 1020px) { .box_blockCafe .box__inner { background-color: transparent; } } @media screen and (min-width: 1200px) { .box_blockCafe .box__inner { background-color: #f7f7f7; } } .box_blockCafe .box__title { width: 100%; font-size: 2.375rem; display: none; } @media screen and (min-width: 1020px) { .box_blockCafe .box__title { display: none; } } @media screen and (min-width: 1200px) { .box_blockCafe .box__title { display: block; font-size: 2.375rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockCafe .box__title { font-size: 3rem; } } @media screen and (min-width: 1900px) { .box_blockCafe .box__title { font-size: 3.75rem; } } @media screen and (min-width: 2000px) { .box_blockCafe .box__title { font-size: 3.75rem; } } .box_blockCafe .box__title span { display: inline-block; } .box_blockCafe .box__title span:first-of-type { position: relative; } .box_blockCafe .box__title span:first-of-type:after { content: ' //'; position: absolute; width: 3.4375rem; bottom: 0; right: -4.6875rem; line-height: 1.2; font-family: 'GothamProLight', sans-serif; display: none; } @media screen and (min-width: 1020px) { .box_blockCafe .box__title span:first-of-type:after { display: none; } } @media screen and (min-width: 1200px) { .box_blockCafe .box__title span:first-of-type:after { display: inline; } } .box_blockCafe .box__decor { z-index: 11; } .box_blockCafe .box__decor_1 { top: 13%; left: 10%; width: 50.3%; height: 95%; } .box_blockCafe .box__decor_1 svg { fill: #9d1012; } .box_blockCafe .box__decor_2 { top: 25%; left: 3%; width: 35.5%; height: 67%; } .box_blockCafe .box__decor_2 svg { fill: #f28a00; } .box_blockCafe .box__decor_3 { bottom: -60%; left: -12%; width: 44%; height: 93.2%; } @media screen and (min-width: 1200px) { .box_blockCafe .box__decor_3 { bottom: -60%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockCafe .box__decor_3 { bottom: -76%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockCafe .box__decor_3 { bottom: -76%; } } .box_blockCafe .box__decor_3 svg { fill: #f28a00; } .box_blockCafe .swiper-container { height: 100%; } .box_blockCafe .swiper-wrapper { height: 100%; } .box_blockCafe .swiper-slide { height: 100%; background-color: #fff; } .box_blockCafe .swiper-button-prev, .box_blockCafe .swiper-button-next { margin: 0; height: 100%; width: 3.125rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .box_blockCafe .swiper-button-prev, .box_blockCafe .swiper-button-next { width: 4.375rem; } } @media screen and (min-width: 767px) { .box_blockCafe .swiper-button-prev, .box_blockCafe .swiper-button-next { width: 6.25rem; } } @media screen and (min-width: 1020px) { .box_blockCafe .swiper-button-prev, .box_blockCafe .swiper-button-next { width: 6.25rem; } } @media screen and (min-width: 1200px) { .box_blockCafe .swiper-button-prev, .box_blockCafe .swiper-button-next { width: 10.625rem; } } .box_blockCafe .swiper-button-prev { left: 0; } .box_blockCafe .swiper-button-next { right: 0; } .blockCafe { position: relative; z-index: 12; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blockCafe__left { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #000; } @media screen and (min-width: 1020px) { .blockCafe__left { width: 100%; color: #000; } } @media screen and (min-width: 1200px) { .blockCafe__left { width: 30%; color: #fff; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafe__left { width: 28%; } } @media screen and (min-width: 2000px) { .blockCafe__left { width: 25%; } } .blockCafe__left .blockCafe__wrapp { width: 100%; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 1020px) { .blockCafe__left .blockCafe__wrapp { width: 100%; padding-right: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1200px) { .blockCafe__left .blockCafe__wrapp { width: 72%; padding-right: 1.5625rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 2000px) { .blockCafe__left .blockCafe__wrapp { width: 65%; } } .blockCafe__right { position: relative; width: 100%; height: 78vh; background-color: #fff; } @media screen and (min-width: 480px) and (orientation: landscape) { .blockCafe__right { height: 120vh; } } @media screen and (min-width: 1020px) { .blockCafe__right { width: 100%; height: 78vh; } } @media screen and (min-width: 1020px) and (min-height: 1200px) { .blockCafe__right { width: 100%; height: 60vh; } } @media screen and (min-width: 1200px) { .blockCafe__right { height: 90%; width: 70%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafe__right { height: 100%; width: 72%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockCafe__right { height: 100%; } } @media screen and (min-width: 2000px) { .blockCafe__right { width: 75%; } } .blockCafe__right .blockCafe__wrapp { padding: 0; padding-bottom: 10vh; height: 100%; overflow: auto; } @media screen and (min-width: 480px) { .blockCafe__right .blockCafe__wrapp { padding: 0; padding-bottom: 10vh; } } @media screen and (min-width: 767px) { .blockCafe__right .blockCafe__wrapp { padding: 0; padding-bottom: 15vh; } } @media screen and (min-width: 1020px) { .blockCafe__right .blockCafe__wrapp { overflow: auto; } } @media screen and (min-width: 1200px) { .blockCafe__right .blockCafe__wrapp { overflow: hidden; padding: 0 4.375rem; } } .blockCafe__right .blockCafe__wrapp .mCustomScrollBox { width: 100%; } @media screen and (min-width: 1020px) { .blockCafe__right .blockCafe__wrapp .mCustomScrollBox { width: 100%; } } @media screen and (min-width: 1200px) { .blockCafe__right .blockCafe__wrapp .mCustomScrollBox { width: auto; } } .blockCafe__right .blockCafe__wrapp .mCSB_container { padding: 0; height: auto; margin-bottom: 0; } @media screen and (min-width: 1020px) { .blockCafe__right .blockCafe__wrapp .mCSB_container { padding: 0; height: auto; } } @media screen and (min-width: 1200px) { .blockCafe__right .blockCafe__wrapp .mCSB_container { padding: 2.8125rem 0; height: 100%; } } .blockCafe__right .blockCafe__wrapp .mCSB_scrollTools_horizontal { bottom: 2%; } .blockCafe__right .blockCafe__wrapp .mCSB_scrollTools .mCSB_draggerRail { background: #cdcdcd; height: 100%; } @media screen and (min-width: 1020px) { .blockCafe__right .blockCafe__wrapp .mCSB_scrollTools .mCSB_draggerRail { height: 100%; } } @media screen and (min-width: 1200px) { .blockCafe__right .blockCafe__wrapp .mCSB_scrollTools .mCSB_draggerRail { height: 1px; } } .blockCafe__right .blockCafe__wrapp .mCSB_scrollTools .mCSB_dragger_bar { margin: 0.1875rem auto; height: 100%; border-radius: 0; background-color: #f28a00; } @media screen and (min-width: 1020px) { .blockCafe__right .blockCafe__wrapp .mCSB_scrollTools .mCSB_dragger_bar { height: 100%; } } @media screen and (min-width: 1200px) { .blockCafe__right .blockCafe__wrapp .mCSB_scrollTools .mCSB_dragger_bar { height: 0.5625rem; } } .blockCafe__animation { position: relative; width: 100%; height: 100%; } .blockCafe__detail .tooltip { width: 100%; padding-top: 2.1875rem; } .blockCafe__detail .tooltip__title, .blockCafe__detail .tooltip__subtitle { padding-bottom: 0.625rem; } .blockCafe__detail .tooltip__subtitle { padding-bottom: 1.5625rem; } .blockCafe__detail .tooltip__item { padding-bottom: 1.25rem; } .blockCafe__detail .tooltip__item:last-child { padding-bottom: 0; } .blockCafeSlider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: none; } @media screen and (min-width: 1020px) { .blockCafeSlider { box-shadow: none; } } @media screen and (min-width: 1200px) { .blockCafeSlider { box-shadow: 0 1.75rem 5.9375rem 0 rgba(0,0,0,0.3); } } .blockCafeSlider__tooltip { padding: 1.25rem; width: 100%; height: 100%; font-size: 1rem; } @media screen and (min-width: 1020px) { .blockCafeSlider__tooltip { height: 100%; padding: 1.25rem; font-size: 1rem; } } @media screen and (min-width: 1200px) { .blockCafeSlider__tooltip { height: 90%; padding: 0 1.25rem; font-size: 0.875rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafeSlider__tooltip { height: 90%; padding: 0 0.625rem; font-size: 0.75rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockCafeSlider__tooltip { height: 80%; padding: 0 2.5rem; font-size: 1rem; } } .blockCafeSlider__tooltip .tooltip__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blockCafeSlider__tooltip .tooltip__contactsWrapp { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 1.25rem; } @media screen and (min-width: 1020px) { .blockCafeSlider__tooltip .tooltip__contactsWrapp { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .blockCafeSlider__tooltip .tooltip__contactsWrapp { display: none; } } .blockCafeSlider__tooltip .tooltip__contacts .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockCafeSlider__tooltip .tooltip__contacts .text { font-size: 1.125rem; font-family: 'GothamProMedium', sans-serif; line-height: 1.5; border-bottom: 2px solid #f28a00; } @media screen and (min-width: 480px) { .blockCafeSlider__tooltip .tooltip__contacts .text { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .blockCafeSlider__tooltip .tooltip__contacts .text { font-size: 1.375rem; } } .blockCafeSlider__tooltip .tooltip__contacts svg { margin-left: 0.625rem; width: 1.125rem; height: 1.125rem; fill: #f28a00; } .blockCafeSlider__tooltip .tooltip__subtitle { font-size: 1rem; line-height: 1.3; padding-bottom: 0; } @media screen and (min-width: 480px) { .blockCafeSlider__tooltip .tooltip__subtitle { font-size: 1rem; } } @media screen and (min-width: 767px) { .blockCafeSlider__tooltip .tooltip__subtitle { font-size: 1.25rem; } } @media screen and (min-width: 1020px) { .blockCafeSlider__tooltip .tooltip__subtitle { line-height: 1.3; padding-bottom: 0; } } @media screen and (min-width: 1200px) { .blockCafeSlider__tooltip .tooltip__subtitle { font-size: 1rem; line-height: 1; padding-bottom: 0.9375rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafeSlider__tooltip .tooltip__subtitle { padding-bottom: 0; } } .blockCafeSlider__tooltip .tooltip__block { width: 100%; padding-bottom: 1.25rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 1200px) { .blockCafeSlider__tooltip .tooltip__block { width: 100%; padding-bottom: 1.25rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafeSlider__tooltip .tooltip__block { width: 48%; padding-bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockCafeSlider__tooltip .tooltip__block { width: 48%; padding-bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .blockCafeSlider__tooltip .tooltip__block:last-of-type { padding-bottom: 0; } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafeSlider__tooltip .tooltip__item_phone { font-size: 0.875rem; } } .blockCafeSlider__tooltip a { text-decoration: underline; } .blockCafeSlider__tooltip a:hover { text-decoration: none; } .blockCafeSlider[data-view="preview"] { box-shadow: 0 0.125rem 1.0625rem 0 rgba(0,0,0,0.12); } @media screen and (min-width: 1020px) { .blockCafeSlider[data-view="preview"] { box-shadow: 0 0.125rem 1.0625rem 0 rgba(0,0,0,0.12); } } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="preview"] { box-shadow: none; } } .blockCafeSlider[data-view="preview"] .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blockCafeSlider[data-view="preview"] .swiper-img { border: none; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 60%; } @media screen and (min-width: 767px) { .blockCafeSlider[data-view="preview"] .swiper-img { border: none; } } @media screen and (min-width: 1020px) { .blockCafeSlider[data-view="preview"] .swiper-img { border-right: 1px solid #fff; } } .blockCafeSlider[data-view="preview"] .swiper-info { height: 40%; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 767px) { .blockCafeSlider[data-view="preview"] .swiper-info { border: none; } } @media screen and (min-width: 1020px) { .blockCafeSlider[data-view="preview"] .swiper-info { border-right: 1px solid #cdcdcd; height: 40%; } } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="preview"] .swiper-info { height: auto; } } .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1020px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__header { padding-bottom: 0; } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__header { padding-bottom: 0; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__header { padding-bottom: 0.625rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__header { padding-bottom: 0; } } .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__title { font-size: 1.125rem; line-height: 1.3; padding-bottom: 0.9375rem; } @media screen and (min-width: 480px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__title { font-size: 1.125rem; line-height: 1.3; } } @media screen and (min-width: 767px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__title { font-size: 1.25rem; line-height: 1.3; } } @media screen and (min-width: 1020px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__title { padding-bottom: 0.9375rem; } } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__title { font-size: 1rem; line-height: 1; padding-bottom: 0.3125rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__title { padding-bottom: 0.3125rem; font-size: 0.875rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__title { font-size: 1.125rem; padding-bottom: 0.625rem; } } .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__item:not(.tooltip__item_map) { padding-bottom: 1.25rem; } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__item:not(.tooltip__item_map) { padding-bottom: 1.25rem; } } @media $laptop { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__item:not(.tooltip__item_map) { padding-bottom: 0.9375rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__item:not(.tooltip__item_map) { padding-bottom: 0.3125rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__item:not(.tooltip__item_map) { padding-bottom: 1.25rem; } } .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__block { width: 100%; padding-bottom: 1.25rem; display: none; } @media screen and (min-width: 1020px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__block { display: none; } } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-bottom: 1.25rem; } } @media $laptop { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__block { padding-bottom: 0.9375rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__block { width: 48%; padding-bottom: 0; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__block { width: 48%; padding-bottom: 0; } } .blockCafeSlider[data-view="preview"] .swiper-info .tooltip__block:last-of-type { padding-bottom: 0; } .blockCafeSlider[data-view="preview"] .swiper-info .social__item { padding-right: 0.3125rem; } .blockCafeSlider[data-view="preview"] .swiper-info .social__item svg { width: 1.875rem; height: 1.875rem; } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="preview"] .swiper-info .social__item { padding-right: 0; } .blockCafeSlider[data-view="preview"] .swiper-info .social__item svg { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockCafeSlider[data-view="preview"] .swiper-info .social__item svg { width: 1.5625rem; height: 1.5625rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockCafeSlider[data-view="preview"] .swiper-info .social__item svg { width: 2.25rem; height: 2.25rem; } } .blockCafeSlider[data-view="preview"] .swiper-button-prev, .blockCafeSlider[data-view="preview"] .swiper-button-next { height: 60%; } .blockCafeSlider[data-view="preview"] .swiper-button-prev:hover .swiper-button-bg, .blockCafeSlider[data-view="preview"] .swiper-button-next:hover .swiper-button-bg { opacity: 1; } .blockCafeSlider[data-view="preview"] .swiper-button-bg { -webkit-transition: 0.2s; transition: 0.2s; position: absolute; top: 50%; left: 0; width: 100%; height: 3.125rem; margin-top: -1.5625rem; opacity: 1; box-shadow: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgba(255,255,255,0.65); } @media screen and (min-width: 370px) { .blockCafeSlider[data-view="preview"] .swiper-button-bg { height: 4.375rem; margin-top: -2.1875rem; } } @media screen and (min-width: 767px) { .blockCafeSlider[data-view="preview"] .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; } } @media screen and (min-width: 1020px) { .blockCafeSlider[data-view="preview"] .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; opacity: 1; box-shadow: none; background-color: rgba(255,255,255,0.65); } } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="preview"] .swiper-button-bg { height: 10.625rem; margin-top: -5.3125rem; opacity: 0; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.7); background-color: transparent; } } .blockCafeSlider[data-view="preview"] .swiper-left-arrow, .blockCafeSlider[data-view="preview"] .swiper-right-arrow { position: relative; z-index: 2; height: 1.5625rem; width: 0.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .blockCafeSlider[data-view="preview"] .swiper-left-arrow, .blockCafeSlider[data-view="preview"] .swiper-right-arrow { height: 1.75rem; width: 1rem; } } @media screen and (min-width: 767px) { .blockCafeSlider[data-view="preview"] .swiper-left-arrow, .blockCafeSlider[data-view="preview"] .swiper-right-arrow { height: 2.0625rem; width: 1.125rem; } } .blockCafeSlider[data-view="preview"] .swiper-left-arrow svg, .blockCafeSlider[data-view="preview"] .swiper-right-arrow svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #fff; height: 100%; width: 100%; } .blockCafeSlider[data-view="list"] .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; } .blockCafeSlider[data-view="list"] .swiper-button-prev, .blockCafeSlider[data-view="list"] .swiper-button-next { margin: 0; height: 100%; width: 4.375rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; } @media screen and (min-width: 1020px) { .blockCafeSlider[data-view="list"] .swiper-button-prev, .blockCafeSlider[data-view="list"] .swiper-button-next { display: none; } } @media screen and (min-width: 1200px) { .blockCafeSlider[data-view="list"] .swiper-button-prev, .blockCafeSlider[data-view="list"] .swiper-button-next { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockCafeSlider[data-view="list"] .swiper-button-disabled { opacity: 0.3; } .blockCafeSlider[data-view="list"] .swiper-left-arrow, .blockCafeSlider[data-view="list"] .swiper-right-arrow { position: relative; z-index: 2; height: 2.0625rem; width: 1.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockCafeSlider[data-view="list"] .swiper-left-arrow svg, .blockCafeSlider[data-view="list"] .swiper-right-arrow svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #000; height: 2.0625rem; width: 1.125rem; } .blockCafeSlider[data-view="detail"] { position: relative; width: 100%; height: 100%; overflow: auto; padding-bottom: 6.25rem; } @media screen and (min-width: 480px) { .blockCafeSlider[data-view="detail"] { padding-bottom: 6.25rem; } } @media screen and (min-width: 767px) { .blockCafeSlider[data-view="detail"] { padding-bottom: 9.375rem; } } .blockCafeSlider[data-view="detail"] .blockCafeSlider__tooltip { padding-left: 0; padding-right: 0; } .blockCafeSlider[data-view="detail"] .swiper-wrapper { height: 100%; } .blockCafeSlider[data-view="detail"] .swiper-slide { height: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blockCafeSlider[data-view="detail"] .swiper-img { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 60%; } .blockCafeSlider[data-view="detail"] .swiper-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockCafeSlider[data-view="detail"] .swiper-button-prev, .blockCafeSlider[data-view="detail"] .swiper-button-next { margin: 0; height: 60%; width: 3.125rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 480px) { .blockCafeSlider[data-view="detail"] .swiper-button-prev, .blockCafeSlider[data-view="detail"] .swiper-button-next { width: 3.125rem; } } @media screen and (min-width: 767px) { .blockCafeSlider[data-view="detail"] .swiper-button-prev, .blockCafeSlider[data-view="detail"] .swiper-button-next { width: 6.25rem; } } .blockCafeSlider[data-view="detail"] .swiper-button-prev:hover .swiper-button-bg, .blockCafeSlider[data-view="detail"] .swiper-button-next:hover .swiper-button-bg { opacity: 1; } .blockCafeSlider[data-view="detail"] .swiper-button-bg { -webkit-transition: 0.2s; transition: 0.2s; position: absolute; top: 50%; left: 0; width: 100%; height: 3.125rem; margin-top: -1.5625rem; opacity: 1; box-shadow: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgba(255,255,255,0.65); } @media screen and (min-width: 480px) { .blockCafeSlider[data-view="detail"] .swiper-button-bg { height: 3.125rem; margin-top: -1.5625rem; } } @media screen and (min-width: 767px) { .blockCafeSlider[data-view="detail"] .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; } } .blockCafeSlider[data-view="detail"] .swiper-left-arrow, .blockCafeSlider[data-view="detail"] .swiper-right-arrow { position: relative; z-index: 2; height: 1.5625rem; width: 0.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockCafeSlider[data-view="detail"] .swiper-left-arrow svg, .blockCafeSlider[data-view="detail"] .swiper-right-arrow svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #fff; height: 100%; width: 100%; } @media screen and (min-width: 480px) { .blockCafeSlider[data-view="detail"] .swiper-left-arrow, .blockCafeSlider[data-view="detail"] .swiper-right-arrow { height: 1.5625rem; width: 0.8125rem; } } @media screen and (min-width: 767px) { .blockCafeSlider[data-view="detail"] .swiper-left-arrow, .blockCafeSlider[data-view="detail"] .swiper-right-arrow { height: 1.75rem; width: 1rem; } } .blockCafeSlider[data-view="detail"] .swiper-button-prev { left: 0; } .blockCafeSlider[data-view="detail"] .swiper-button-next { right: 0; } .box_blockMap { padding-top: 0.625rem; padding-bottom: 3.125rem; } @media screen and (min-width: 1020px) { .box_blockMap { padding-top: 0.625rem; padding-bottom: 3.125rem; } } @media screen and (min-width: 1200px) { .box_blockMap { padding: 0; } } .box_blockMap .box__title { padding-bottom: 0.625rem; font-size: 2.1875rem; display: none; } @media screen and (min-width: 1020px) { .box_blockMap .box__title { display: none; } } @media screen and (min-width: 1200px) { .box_blockMap .box__title { font-size: 2.1875rem; display: block; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockMap .box__title { font-size: 3rem; } } .box_blockMap .box__title:after { content: ' //'; position: absolute; bottom: 0; right: -25%; line-height: 1.5; font-family: 'GothamProLight', sans-serif; } .box_blockMap .box__decor_1 { top: -16%; right: -50%; width: 100%; height: 100%; } @media screen and (min-width: 1200px) { .box_blockMap .box__decor_1 { top: -25%; right: -44%; width: 90%; height: 100%; } } @media $laptop { .box_blockMap .box__decor_1 { right: -45%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockMap .box__decor_1 { top: -17%; right: -18%; width: 56%; height: 100%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockMap .box__decor_1 { top: -20%; } } @media screen and (min-width: 1900px) { .box_blockMap .box__decor_1 { top: -10%; right: -22%; width: 52.3%; } } .box_blockMap .box__decor_1 svg { fill: #9d1012; } .box_blockMap .box__decor_2 { top: 25%; right: -2%; width: 42%; height: 67%; } @media screen and (min-width: 1200px) { .box_blockMap .box__decor_2 { right: -4%; width: 45%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockMap .box__decor_2 { top: 19%; right: 1%; width: 38.5%; height: 77%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockMap .box__decor_2 { right: 3%; width: 39.5%; } } @media screen and (min-width: 1900px) { .box_blockMap .box__decor_2 { right: 6%; width: 35.5%; } } .box_blockMap .box__decor_2 svg { fill: #f28a00; } .box_blockMap .box__decor_3 { bottom: -66%; right: 13%; width: 44%; height: 93%; } @media screen and (min-width: 1200px) { .box_blockMap .box__decor_3 { bottom: -63%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockMap .box__decor_3 { bottom: -70%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockMap .box__decor_3 { bottom: -65%; } } @media screen and (min-width: 1900px) { .box_blockMap .box__decor_3 { bottom: -70%; } } .box_blockMap .box__decor_3 svg { fill: #f28a00; } .box_blockMap .box__decor_4 { display: none; top: 12%; right: 45%; width: 16.3%; height: 32.7%; -webkit-transform: scale(-1, 1) rotate(-68deg) translateZ(0); transform: scale(-1, 1) rotate(-68deg) translateZ(0); } .box_blockMap .box__decor_4 svg { fill: #9d1012; } @media screen and (min-width: 1200px) { .box_blockMap .box__decor_4 { display: none; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockMap .box__decor_4 { display: none; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockMap .box__decor_4 { display: block; top: 1%; right: 30%; } } @media screen and (min-width: 2000px) { .box_blockMap .box__decor_4 { right: 32%; } } .box_blockMap .focus { will-change: opacity; -webkit-transition: height 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms; transition: height 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms; pointer-events: none; opacity: 0; position: absolute; z-index: 11; bottom: 0; left: 0; width: 100%; height: 0; background-color: rgba(0,0,0,0.6); } .page.focus .box_blockMap .focus { pointer-events: all; opacity: 1; height: 100%; } .blockMap { position: relative; padding-left: 0; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 1020px) { .blockMap { height: auto; padding-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 1200px) { .blockMap { height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 5.625rem; } } .blockMap__left { position: relative; z-index: 12; width: 100%; height: auto; } @media screen and (min-width: 1020px) { .blockMap__left { width: 100%; height: auto; } } @media screen and (min-width: 1200px) { .blockMap__left { height: 75%; width: 67%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockMap__left { width: 65%; height: 100%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockMap__left { height: 100%; width: 54%; } } .blockMap__left .close { pointer-events: none; z-index: 12; opacity: 0; will-change: transform; position: absolute; width: 3.125rem; height: 3.125rem; right: -3.75rem; top: -3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transform: rotate(0) translateZ(0); transform: rotate(0) translateZ(0); } .page.focus .blockMap__left .close { pointer-events: all; opacity: 1; } @media screen and (min-width: 1020px) { .blockMap__left .close { display: none; } } @media screen and (min-width: 1200px) { .blockMap__left .close { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockMap__left .close span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockMap__left .close svg { fill: #fff; width: 1.875rem; height: 1.875rem; } .blockMap__left .close:hover { cursor: pointer; -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); } .blockMap__left .blockMap__wrapp { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: #fff; box-shadow: none; } @media screen and (min-width: 1020px) { .blockMap__left .blockMap__wrapp { height: 100%; box-shadow: none; } } @media screen and (min-width: 1200px) { .blockMap__left .blockMap__wrapp { height: 96%; box-shadow: 0 1rem 2.6875rem 0 rgba(0,0,0,0.17); } } .blockMap__right { position: relative; color: #fff; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .blockMap__right { width: 100%; } } @media screen and (min-width: 1200px) { .blockMap__right { width: 33%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockMap__right { width: 35%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockMap__right { width: 46%; } } .blockMap__right .blockMap__wrapp { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 1020px) { .blockMap__right .blockMap__wrapp { width: 100%; } } @media screen and (min-width: 1200px) { .blockMap__right .blockMap__wrapp { width: 90%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockMap__right .blockMap__wrapp { width: 80%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockMap__right .blockMap__wrapp { width: 52%; } } .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 1020px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] { display: block; } } .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .text { display: none; } @media screen and (min-width: 1020px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .text { display: none; } } @media screen and (min-width: 1200px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .text { display: block; } } .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .text--mobile { display: block; } @media screen and (min-width: 1020px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .text--mobile { display: block; } } @media screen and (min-width: 1200px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .text--mobile { display: none; } } .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .icon { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .icon { display: none; } } .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .icon svg { margin-right: 0.625rem; fill: #f28a00; width: 1.375rem; height: 1.375rem; } @media screen and (min-width: 480px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .icon svg { width: 1.375rem; height: 1.375rem; } } @media screen and (min-width: 767px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="map"] .icon svg { width: 1.875rem; height: 1.875rem; } } .blockMap__right .blockMap__wrapp .switch__item[data-view="shops"] { display: none; } @media screen and (min-width: 1020px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="shops"] { display: none; } } @media screen and (min-width: 1200px) { .blockMap__right .blockMap__wrapp .switch__item[data-view="shops"] { display: block; } } .blockMapDetail__inner { width: 100%; height: 100%; overflow: auto; } .blockMap__caption { display: none; color: #000; padding-top: 0.625rem; } @media screen and (min-width: 1020px) { .blockMap__caption { display: none; } } @media screen and (min-width: 1200px) { .blockMap__caption { display: block; } } .blockMapNav { display: none; padding-top: 0.625rem; } @media screen and (min-width: 1020px) { .blockMapNav { display: none; } } @media screen and (min-width: 1200px) { .blockMapNav { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockMapNav__item { background-color: #fff; color: #000; padding: 0; width: 3.5rem; height: 3.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.3125rem; text-transform: uppercase; } @media screen and (min-width: 1200px) { .blockMapNav__item { width: 3.5rem; height: 3.5rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockMapNav__item { width: 5.375rem; height: 5.375rem; } } .blockMapNav__item:last-of-type { margin-right: 0; } .blockMapIcons { display: none; padding-top: 1.25rem; } @media screen and (min-width: 1020px) { .blockMapIcons { display: none; } } @media screen and (min-width: 1200px) { .blockMapIcons { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockMapIcons__item { background-color: #000; padding: 0; width: 3.5rem; height: 3.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.3125rem; } .blockMapIcons__item.disabled { pointer-events: none; opacity: 0.3; } @media screen and (min-width: 1200px) { .blockMapIcons__item { width: 3.5rem; height: 3.5rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockMapIcons__item { width: 5.375rem; height: 5.375rem; } } .blockMapIcons__item:last-of-type { margin-right: 0; } .blockMapIcons__item svg { fill: #fff; width: 2.1875rem; height: 2.1875rem; } .blockMap .shops { position: absolute; display: none; top: 0; left: 3%; height: 100%; width: 94%; } .blockMap .shops .blockShops { position: relative; padding-left: 0; } .blockMap .shops .blockShops__content .blockShops__wrapp { padding-left: 0; padding-right: 0; box-shadow: none; } .blockMap .shops .blockShops .swiper-nav { left: 104%; display: none; background-color: transparent; } @media screen and (min-width: 1200px) { .blockMap .shops .blockShops .swiper-nav { display: none; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockMap .shops .blockShops .swiper-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockMap .shops .blockShops .switch__close { z-index: 2; left: auto; right: -1.5625rem; } @media screen and (min-width: 1200px) { .blockMap .shops .blockShops .switch__close { left: auto; right: -1.5625rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockMap .shops .blockShops .switch__close { left: auto; right: -1.5625rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockMap .shops .blockShops .switch__close { left: 100%; right: auto; } } .blockMap .map { display: none; } @media screen and (min-width: 1020px) { .blockMap .map { display: none; } } @media screen and (min-width: 1200px) { .blockMap .map { display: -webkit-box; display: -ms-flexbox; display: flex; } } .map { -webkit-transition: 0.4s; transition: 0.4s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .map { width: 100%; left: 0; } } @media screen and (min-width: 1200px) { .map { width: 94%; left: 3%; } } .map.disabled svg { pointer-events: none; } .map svg { position: absolute !important; z-index: 3; top: -0.5px !important; left: 0 !important; -webkit-transform: none; transform: none; width: 100%; height: 100%; } .map path { cursor: pointer; opacity: 1; -webkit-transition: opacity 0.2s, fill 0.2s; transition: opacity 0.2s, fill 0.2s; } .map path:hover, .map path.active { cursor: pointer; opacity: 0.8 !important; } .map path.active { pointer-events: none; -webkit-animation-name: surrentEl; animation-name: surrentEl; -webkit-transform-origin: center; transform-origin: center; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } .map path.icon { pointer-events: none; } .map path.decor { pointer-events: none; } .map path.empty { pointer-events: none; fill: #ededed !important; } .map path.background { opacity: 0.2 !important; pointer-events: none; } @-webkit-keyframes surrentEl { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.8; } } @keyframes surrentEl { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.8; } } .map text { pointer-events: none; fill: #fff; } .map text.black { fill: #000; } .mapPopup { will-change: opacity; -webkit-transition: 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: 1.1s cubic-bezier(0.19, 1, 0.22, 1); position: fixed; z-index: 25; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mapPopup.open { opacity: 1; visibility: visible; } .mapPopup.open .spinner { opacity: 1; } .mapPopup.open--detail { pointer-events: none; opacity: 0; visibility: hidden; } .mapPopup.open--detail .map { pointer-events: none !important; } .mapPopup__info { position: absolute; top: 0; left: 0.625rem; height: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 480px) { .mapPopup__info { height: 3.125rem; } } @media screen and (min-width: 767px) { .mapPopup__info { height: 4.0625rem; } } .mapPopup__info .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mapPopup__info .icon svg { fill: #fff; width: 2.1875rem; height: 2.1875rem; margin-right: 0.625rem; } @media screen and (min-width: 480px) { .mapPopup__info .icon svg { width: 2.1875rem; height: 2.1875rem; } } @media screen and (min-width: 767px) { .mapPopup__info .icon svg { width: 2.8125rem; height: 2.8125rem; } } .mapPopup__info .text { color: #fff; line-height: 1; font-size: 1rem; font-family: 'GothamProLight', sans-serif; } @media screen and (min-width: 480px) { .mapPopup__info .text { font-size: 1rem; } } @media screen and (min-width: 767px) { .mapPopup__info .text { font-size: 1.5625rem; } } .mapPopup__close { position: absolute; top: 0; right: 0; width: 3.125rem; height: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 480px) { .mapPopup__close { width: 3.125rem; height: 3.125rem; } } @media screen and (min-width: 767px) { .mapPopup__close { width: 4.0625rem; height: 4.0625rem; } } .mapPopup__close svg { fill: #fff; width: 1.25rem; height: 1.25rem; } @media screen and (min-width: 480px) { .mapPopup__close svg { width: 1.25rem; height: 1.25rem; } } @media screen and (min-width: 767px) { .mapPopup__close svg { width: 2.1875rem; height: 2.1875rem; } } .mapPopup .map { overflow: scroll; top: 10%; height: 80%; pointer-events: none; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .mapPopup .map.show { opacity: 1; pointer-events: all; } @media screen and (min-width: 370px) { .mapPopup .map { top: 10%; height: 80%; } } @media screen and (min-width: 480px) and (orientation: landscape) { .mapPopup .map { top: 15%; height: 75%; } } .mapPopup .map svg { background-color: #fff; height: 100%; width: auto; left: 0 !important; } @media screen and (min-width: 370px) { .mapPopup .map svg { left: 0 !important; } } @media screen and (min-width: 480px) and (orientation: landscape) { .mapPopup .map svg { left: auto !important; } } .mapPopup .spinner { opacity: 0; } .sliderMap { display: block; width: 100%; } @media screen and (min-width: 1020px) { .sliderMap { display: block; } } @media screen and (min-width: 1200px) { .sliderMap { display: none; } } .sliderMap__item { width: 100%; height: 62vw; background-repeat: no-repeat; background-position: center center; background-size: cover; background-size: contain; } .sliderMap__zoom { pointer-events: none; position: absolute; z-index: 2; top: 50%; left: 50%; width: 6.25rem; height: 6.25rem; margin-top: -3.125rem; margin-left: -3.125rem; background-color: rgba(0,0,0,0.3); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sliderMap__zoom .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sliderMap__zoom svg { fill: #fff; width: 2.1875rem; height: 2.1875rem; } @media screen and (min-width: 370px) { .sliderMap__zoom { width: 6.25rem; height: 6.25rem; margin-top: -3.125rem; margin-left: -3.125rem; } .sliderMap__zoom svg { width: 2.1875rem; height: 2.1875rem; } } @media screen and (min-width: 480px) { .sliderMap__zoom { width: 8.125rem; height: 8.125rem; margin-top: -4.0625rem; margin-left: -4.0625rem; } .sliderMap__zoom svg { width: 2.1875rem; height: 2.1875rem; } } @media screen and (min-width: 767px) { .sliderMap__zoom { width: 10.625rem; height: 10.625rem; margin-top: -5.3125rem; margin-left: -5.3125rem; } .sliderMap__zoom svg { width: 3.4375rem; height: 3.4375rem; } } .sliderMap__info { padding-top: 0.625rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sliderMap__info .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sliderMap__info .icon svg { fill: #d8d8d8; width: 2.1875rem; height: 2.1875rem; margin-right: 0.3125rem; } .sliderMap__info .text { color: #d8d8d8; line-height: 1; font-size: 0.875rem; font-family: 'GothamProRegular', sans-serif; } @media screen and (min-width: 370px) { .sliderMap__info .text { font-size: 1rem; } } @media screen and (min-width: 480px) { .sliderMap__info .text { font-size: 1rem; } } @media screen and (min-width: 767px) { .sliderMap__info .text { font-size: 1.25rem; } } .sliderMap .swiper-container { width: 100%; height: 100%; } .sliderMap .swiper-button-prev, .sliderMap .swiper-button-next { margin: 0; height: 100%; width: 3.125rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .sliderMap .swiper-button-prev, .sliderMap .swiper-button-next { width: 4.375rem; } } @media screen and (min-width: 767px) { .sliderMap .swiper-button-prev, .sliderMap .swiper-button-next { width: 6.25rem; } } @media screen and (min-width: 1020px) { .sliderMap .swiper-button-prev, .sliderMap .swiper-button-next { width: 6.25rem; } } .sliderMap .swiper-button-prev { left: 0; } .sliderMap .swiper-button-next { right: 0; } .sliderMap .swiper-button-bg { -webkit-transition: 0.2s; transition: 0.2s; position: absolute; top: 50%; left: 0; width: 100%; height: 3.125rem; margin-top: -1.5625rem; background-color: rgba(0,0,0,0.3); } @media screen and (min-width: 370px) { .sliderMap .swiper-button-bg { height: 4.375rem; margin-top: -2.1875rem; } } @media screen and (min-width: 767px) { .sliderMap .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; } } .sliderMap .swiper-left-arrow, .sliderMap .swiper-right-arrow { position: relative; z-index: 2; height: 1.5625rem; width: 0.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .sliderMap .swiper-left-arrow, .sliderMap .swiper-right-arrow { height: 1.75rem; width: 1rem; } } @media screen and (min-width: 767px) { .sliderMap .swiper-left-arrow, .sliderMap .swiper-right-arrow { height: 2.0625rem; width: 1.125rem; } } .sliderMap .swiper-left-arrow svg, .sliderMap .swiper-right-arrow svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #fff; height: 100%; width: 100%; } .sliderMap .swiper-pagination { padding-top: 0.625rem; padding-bottom: 1.25rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 370px) { .sliderMap .swiper-pagination { padding-bottom: 2.5rem; } } .sliderMap .swiper-pagination-bullet { background-color: #fff; color: #d8d8d8; padding: 0.625rem 0; width: auto; max-width: 13.75rem; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.3125rem; text-transform: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 0.875rem; } @media screen and (min-width: 370px) { .sliderMap .swiper-pagination-bullet { font-size: 1rem; } } @media screen and (min-width: 480px) { .sliderMap .swiper-pagination-bullet { padding: 0.625rem 0; font-size: 1rem; } } @media screen and (min-width: 767px) { .sliderMap .swiper-pagination-bullet { font-size: 1.25rem; padding: 0.9375rem 0; } } .sliderMap .swiper-pagination-bullet-active { color: #fff; } .sliderMap .swiper-pagination-bullet-active:before { -webkit-transform: scale3d(9, 9, 1) translate3d(-40%, 0, 0); transform: scale3d(9, 9, 1) translate3d(-40%, 0, 0); } .sliderMap .swiper-pagination-bullet:last-of-type { margin-right: 0; } .mapTooltip, .surrTooltip { will-change: transform, opacity; display: block; position: absolute; min-width: 11.25rem; max-width: 14.375rem; min-height: 10rem; background-color: #fff; color: #000; padding: 1.25rem 0; font-size: 1rem; line-height: 1; font-family: 'GothamProRegular', sans-serif; opacity: 0; pointer-events: none; z-index: 104; border-radius: 0.625rem; box-shadow: 0.625rem 0.625rem 2.5rem 0 rgba(0,0,0,0.2); } .mapTooltip:after, .surrTooltip:after { content: ''; position: absolute; left: 20px; top: 100%; width: 0; height: 0; border-style: solid; border-width: 0.625rem 1.25rem 0 0; border-color: #fff transparent transparent transparent; } .mapTooltip.show, .surrTooltip.show { opacity: 1; -webkit-animation: OnLoad 0.2s linear; animation: OnLoad 0.2s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .mapTooltip__name, .surrTooltip__name { padding: 0.625rem; padding-top: 0; text-transform: uppercase; font-family: 'GothamProBold', sans-serif; } .mapTooltip__info, .surrTooltip__info { padding: 0 0.625rem; font-size: 0.875rem; } .mapTooltip__text, .surrTooltip__text { color: #757575; padding-bottom: 0.625rem; line-height: 1.3; } .mapTooltip__phone, .surrTooltip__phone { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: 'GothamProBold', sans-serif; margin-bottom: 0.4375rem; } .mapTooltip__phone span, .surrTooltip__phone span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mapTooltip__phone svg, .surrTooltip__phone svg { margin-right: 0.1875rem; fill: #000; width: 0.625rem; height: 0.625rem; } .surrTooltip { position: fixed; } .surrTooltip__name { color: #f28a00; } @-webkit-keyframes pulsate { 0% { -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 100% { -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulsate { 0% { -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 100% { -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes OnLoad { from { -webkit-transform: scale(0, 0); transform: scale(0, 0); opacity: 0; } to { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } } @keyframes OnLoad { from { -webkit-transform: scale(0, 0); transform: scale(0, 0); opacity: 0; } to { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } } .box_blockRelax { padding-top: 0.625rem; padding-bottom: 3.125rem; } @media screen and (min-width: 1020px) { .box_blockRelax { padding-top: 0.625rem; padding-bottom: 3.125rem; } } @media screen and (min-width: 1200px) { .box_blockRelax { padding: 0; } } .box_blockRelax .box__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.125rem; padding-bottom: 1.875rem; font-family: 'GothamProMedium', sans-serif; } .box_blockRelax .box__title .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_blockRelax .box__title .icon svg { margin-right: 0.625rem; fill: #f28a00; width: 1.375rem; height: 1.375rem; } @media screen and (min-width: 370px) { .box_blockRelax .box__title { font-size: 1.125rem; } } @media screen and (min-width: 480px) { .box_blockRelax .box__title { font-size: 1.125rem; } .box_blockRelax .box__title .icon svg { width: 1.375rem; height: 1.375rem; } } @media screen and (min-width: 767px) { .box_blockRelax .box__title { font-size: 1.5625rem; } .box_blockRelax .box__title .icon svg { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 1020px) { .box_blockRelax .box__title { font-family: 'GothamProMedium', sans-serif; padding-bottom: 1.875rem; } .box_blockRelax .box__title .icon { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .box_blockRelax .box__title { font-family: 'GothamProBold', sans-serif; padding-bottom: 0; font-size: 2.375rem; } .box_blockRelax .box__title .icon { display: none; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockRelax .box__title { font-size: 3rem; } } .box_blockRelax .box__decor_1 { top: -50%; right: -17%; width: 52.4%; height: 98.6%; -webkit-transform: scale(-1, 1) translateZ(0); transform: scale(-1, 1) translateZ(0); } @media screen and (min-width: 1200px) { .box_blockRelax .box__decor_1 { right: -17%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockRelax .box__decor_1 { right: -19%; } } .box_blockRelax .box__decor_1 svg { fill: #f28a00; } .box_blockRelax .box__decor_2 { display: none; top: 50%; right: -9.375rem; width: 12.3%; height: 23%; -webkit-transform: rotate(10deg) translateZ(0); transform: rotate(10deg) translateZ(0); } @media screen and (min-width: 1200px) { .box_blockRelax .box__decor_2 { display: none; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockRelax .box__decor_2 { display: block; } } .box_blockRelax .box__decor_2 svg { fill: #9d1012; } .box_blockRelax .box__decor_3 { z-index: 2; left: 50%; bottom: -18%; width: 25.6%; height: 47.2%; -webkit-transform: rotate(-170deg) translateZ(0); transform: rotate(-170deg) translateZ(0); } .box_blockRelax .box__decor_3 svg { fill: #9d1012; } .box_blockRelax .box__decor_4 { left: 45%; bottom: -20%; width: 63%; height: 89.5%; } @media screen and (min-width: 1200px) { .box_blockRelax .box__decor_4 { bottom: -26%; width: 63%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockRelax .box__decor_4 { left: 40%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockRelax .box__decor_4 { bottom: -25%; width: 52.4%; } } .box_blockRelax .box__decor_4 svg { fill: #f28a00; } .box_blockRelax .box__decor_5 { z-index: 5; top: 9%; right: 27%; width: 14%; height: 26.3%; -webkit-transform: scale(-1, 1) rotate(-90deg) translateZ(0); transform: scale(-1, 1) rotate(-90deg) translateZ(0); } .box_blockRelax .box__decor_5 svg { fill: #9d1012; } .box_blockRelax .spinner__wr { top: 45%; } .box_blockRelax .swiper-container { height: 100%; } .box_blockRelax .swiper-wrapper { height: 100%; } .box_blockRelax .swiper-slide { height: 100%; position: relative; -webkit-perspective: 1000px; perspective: 1000px; border: none; } @media screen and (min-width: 1020px) { .box_blockRelax .swiper-slide { border-right: 1px solid #cdcdcd; } } @media screen and (min-width: 1200px) { .box_blockRelax .swiper-slide { border: none; } } .box_blockRelax .swiper-slide.active { z-index: 3; } .box_blockRelax .swiper-slide.active .swiper-face { opacity: 0; -webkit-transform: rotateY(180deg) translateZ(0); transform: rotateY(180deg) translateZ(0); } .box_blockRelax .swiper-slide.active .swiper-backface { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(0); transform: rotateY(0deg) translateZ(0); } .box_blockRelax .swiper-button-prev, .box_blockRelax .swiper-button-next { margin: 0; height: 100%; width: 3.125rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .box_blockRelax .swiper-button-prev, .box_blockRelax .swiper-button-next { width: 4.375rem; } } @media screen and (min-width: 767px) { .box_blockRelax .swiper-button-prev, .box_blockRelax .swiper-button-next { width: 6.25rem; } } @media screen and (min-width: 1020px) { .box_blockRelax .swiper-button-prev, .box_blockRelax .swiper-button-next { width: 6.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .box_blockRelax .swiper-button-prev, .box_blockRelax .swiper-button-next { width: 10.625rem; display: none; } } .box_blockRelax .swiper-button-prev:hover .swiper-button-bg, .box_blockRelax .swiper-button-next:hover .swiper-button-bg { opacity: 1; } .box_blockRelax .swiper-button-prev { left: 0; } .box_blockRelax .swiper-button-next { right: 0; } .box_blockRelax .swiper-button-bg { -webkit-transition: 0.2s; transition: 0.2s; position: absolute; top: 50%; left: 0; width: 100%; height: 3.125rem; margin-top: -1.5625rem; opacity: 1; box-shadow: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgba(255,255,255,0.65); } @media screen and (min-width: 370px) { .box_blockRelax .swiper-button-bg { height: 4.375rem; margin-top: -2.1875rem; } } @media screen and (min-width: 767px) { .box_blockRelax .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; } } @media screen and (min-width: 1020px) { .box_blockRelax .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; opacity: 1; box-shadow: none; background-color: rgba(255,255,255,0.65); } } @media screen and (min-width: 1200px) { .box_blockRelax .swiper-button-bg { height: 10.625rem; margin-top: -5.3125rem; opacity: 0; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.7); background-color: transparent; } } .box_blockRelax .swiper-left-arrow, .box_blockRelax .swiper-right-arrow { position: relative; z-index: 2; height: 1.5625rem; width: 0.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .box_blockRelax .swiper-left-arrow, .box_blockRelax .swiper-right-arrow { height: 1.75rem; width: 1rem; } } @media screen and (min-width: 767px) { .box_blockRelax .swiper-left-arrow, .box_blockRelax .swiper-right-arrow { height: 2.0625rem; width: 1.125rem; } } .box_blockRelax .swiper-left-arrow svg, .box_blockRelax .swiper-right-arrow svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #fff; height: 100%; width: 100%; } .box_blockRelax .swiper-face, .box_blockRelax .swiper-backface { will-change: opacity, transform; position: absolute; top: 0; left: 0; width: 100%; height: 100%; height: 70%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.4s ease-out; transition: opacity 0.3s ease-out, -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out, opacity 0.3s ease-out; transition: transform 0.4s ease-out, opacity 0.3s ease-out, -webkit-transform 0.4s ease-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; box-shadow: none; overflow: hidden; padding-bottom: 100px; } @media screen and (min-width: 1020px) { .box_blockRelax .swiper-face, .box_blockRelax .swiper-backface { box-shadow: none; top: 0; left: 0; width: 100%; height: 100%; height: 70%; padding-bottom: 100px; } } @media screen and (min-width: 1200px) { .box_blockRelax .swiper-face, .box_blockRelax .swiper-backface { box-shadow: 0 0.375rem 0.9375rem 0 rgba(0,0,0,0.3); top: 0; left: 2%; width: 96%; height: 94%; padding: 0; } } .box_blockRelax .swiper-face { position: relative; height: 31.25rem; pointer-events: none; opacity: 1; -webkit-transform: rotateY(0deg) translateZ(0); transform: rotateY(0deg) translateZ(0); } @media screen and (min-width: 1020px) { .box_blockRelax .swiper-face { position: relative; height: 31.25rem; pointer-events: none; } } @media screen and (min-width: 1200px) { .box_blockRelax .swiper-face { position: absolute; height: 100%; pointer-events: all; } } .box_blockRelax .swiper-face:hover { cursor: pointer; } .box_blockRelax .swiper-face:hover .swiper-bg { opacity: 1; } .box_blockRelax .swiper-face:hover .swiper-img { -webkit-transform: scale(1.1, 1.1) translateZ(0); transform: scale(1.1, 1.1) translateZ(0); } .box_blockRelax .swiper-backface { z-index: 2; background-color: #fff; opacity: 0; -webkit-transform: rotateY(-180deg) translateZ(0); transform: rotateY(-180deg) translateZ(0); } .box_blockRelax .swiper-backface .close { position: absolute; z-index: 3; right: 0; top: 0; width: 6.25rem; height: 6.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_blockRelax .swiper-backface .close svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #000; width: 2.3125rem; height: 1.625rem; } .box_blockRelax .swiper-backface .close:hover { cursor: pointer; } .box_blockRelax .swiper-backface .close:hover svg { fill: #f28a00; } .box_blockRelax .swiper-img { will-change: transform; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transform: scale(1, 1) translateZ(0); transform: scale(1, 1) translateZ(0); } .box_blockRelax .swiper-bg { -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_blockRelax .swiper-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f28a00; padding: 1.25rem 0.3125rem; } .box_blockRelax .swiper-contacts { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (min-width: 1020px) { .box_blockRelax .swiper-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .box_blockRelax .swiper-contacts { display: none; } } .box_blockRelax .swiper-contacts-inner { background-color: #fff; height: 100px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .box_blockRelax .swiper-contacts .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_blockRelax .swiper-contacts .text { font-size: 1.125rem; font-family: 'GothamProMedium', sans-serif; line-height: 1.5; border-bottom: 2px solid #f28a00; } @media screen and (min-width: 480px) { .box_blockRelax .swiper-contacts .text { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .box_blockRelax .swiper-contacts .text { font-size: 1.375rem; } } .box_blockRelax .swiper-contacts svg { margin-left: 0.625rem; width: 1.125rem; height: 1.125rem; fill: #f28a00; } .box_blockRelax .tooltip { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_blockRelax .tooltip .social { padding-top: 0.625rem; } .box_blockRelax .tooltip__header { padding-bottom: 1.5625rem; } .box_blockRelax .tooltip__inner { width: 60%; height: 70%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1200px) { .box_blockRelax .tooltip__inner { width: 60%; height: 70%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .box_blockRelax .tooltip__inner { width: 70%; height: 90%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockRelax .tooltip__inner { width: 50%; height: 65%; } } .box_blockRelax .tooltip__block:last-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box_blockRelax .tooltip__phone-wr { padding-bottom: 1.5625rem; } .box_blockRelax .tooltip__item_map { width: 100%; padding-bottom: 1.5625rem; color: #f28a00; } .box_blockRelax .tooltip__item_floor, .box_blockRelax .tooltip__item_time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 45%; padding: 0.625rem 0; text-decoration: none; background-color: rgba(205,205,205,0.3); line-height: 1.3; font-family: 'GothamProRegular', sans-serif; text-align: center; } .box_blockRelax .tooltip__item_time { word-spacing: 0; } .box_blockRelax .tooltip__item_floor span { display: block; } .box_blockRelax .tooltip__item_floor span:first-of-type { font-size: 1.375rem; } .box_blockRelax .tooltip__item_phone { padding-bottom: 0.625rem; } .box_blockRelax .tooltip__item_phone:last-of-type { padding-bottom: 0; } .box_blockRelax .tooltip .social { padding-top: 0; padding-bottom: 1.5625rem; } .blockRelax { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0; z-index: 11; height: 100%; } @media screen and (min-width: 1020px) { .blockRelax { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 1200px) { .blockRelax { padding-left: 5.625rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .blockRelax__left { position: relative; width: 100%; height: auto; box-shadow: 0 0.125rem 1.0625rem 0 rgba(0,0,0,0.12); } @media screen and (min-width: 1020px) { .blockRelax__left { width: 100%; height: auto; box-shadow: 0 0.125rem 1.0625rem 0 rgba(0,0,0,0.12); } } @media screen and (min-width: 1200px) { .blockRelax__left { width: 65%; height: 90%; box-shadow: none; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockRelax__left { width: 55%; height: 100%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockRelax__left { width: 55%; height: 100%; } } .blockRelax__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media screen and (min-width: 1020px) { .blockRelax__right { width: 100%; } } @media screen and (min-width: 1200px) { .blockRelax__right { width: 35%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .blockRelax__right { width: 45%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockRelax__right { width: 45%; } } .blockRelax__wrapp { width: 100%; } @media screen and (min-width: 1020px) { .blockRelax__wrapp { width: 100%; } } @media screen and (min-width: 1200px) { .blockRelax__wrapp { width: 75%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockRelax__wrapp { width: 65%; } } .blockRelaxSlider { height: 100%; } .blockRelaxSlider[data-view="detail"] { overflow: auto; } .blockRelaxSlider[data-view="detail"] .swiper-face { height: 45vh; } .blockRelaxSlider[data-view="detail"] .swiper-backface { padding: 0 3.75rem; } .blockRelaxSlider[data-view="detail"] .swiper-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .blockRelaxSlider[data-view="detail"] .swiper-button-prev, .blockRelaxSlider[data-view="detail"] .swiper-button-next { margin: 0; min-height: 12.5rem; height: 80%; width: 3.125rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 480px) { .blockRelaxSlider[data-view="detail"] .swiper-button-prev, .blockRelaxSlider[data-view="detail"] .swiper-button-next { width: 3.125rem; } } @media screen and (min-width: 767px) { .blockRelaxSlider[data-view="detail"] .swiper-button-prev, .blockRelaxSlider[data-view="detail"] .swiper-button-next { width: 6.25rem; } } @media screen and (min-width: 1020px) { .blockRelaxSlider[data-view="detail"] .swiper-button-prev, .blockRelaxSlider[data-view="detail"] .swiper-button-next { width: 6.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockRelaxSlider[data-view="detail"] .swiper-button-prev.swiper-button-disabled, .blockRelaxSlider[data-view="detail"] .swiper-button-next.swiper-button-disabled { opacity: 0.3; } .blockRelaxSlider[data-view="detail"] .swiper-button-prev:hover .swiper-button-bg, .blockRelaxSlider[data-view="detail"] .swiper-button-next:hover .swiper-button-bg { opacity: 1; } .blockRelaxSlider[data-view="detail"] .swiper-button-prev { left: 0; } .blockRelaxSlider[data-view="detail"] .swiper-button-next { right: 0; } .blockRelaxSlider[data-view="detail"] .swiper-button-bg { -webkit-transition: 0.2s; transition: 0.2s; position: absolute; top: 50%; left: 0; width: 100%; height: 3.125rem; margin-top: -1.5625rem; opacity: 1; box-shadow: none; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 480px) { .blockRelaxSlider[data-view="detail"] .swiper-button-bg { height: 3.125rem; margin-top: -1.5625rem; } } @media screen and (min-width: 767px) { .blockRelaxSlider[data-view="detail"] .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; } } @media screen and (min-width: 1020px) { .blockRelaxSlider[data-view="detail"] .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; opacity: 1; box-shadow: none; background-color: rgba(255,255,255,0.65); } } @media screen and (min-width: 1200px) { .blockRelaxSlider[data-view="detail"] .swiper-button-bg { height: 10.625rem; margin-top: -5.3125rem; opacity: 0; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.7); background-color: transparent; } } .blockRelaxSlider[data-view="detail"] .swiper-left-arrow, .blockRelaxSlider[data-view="detail"] .swiper-right-arrow { position: relative; z-index: 2; height: 1.5625rem; width: 0.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 480px) { .blockRelaxSlider[data-view="detail"] .swiper-left-arrow, .blockRelaxSlider[data-view="detail"] .swiper-right-arrow { height: 1.5625rem; width: 0.8125rem; } } @media screen and (min-width: 767px) { .blockRelaxSlider[data-view="detail"] .swiper-left-arrow, .blockRelaxSlider[data-view="detail"] .swiper-right-arrow { height: 2.0625rem; width: 1.125rem; } } .blockRelaxSlider[data-view="detail"] .swiper-left-arrow svg, .blockRelaxSlider[data-view="detail"] .swiper-right-arrow svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #000; height: 100%; width: 100%; } .blockRelaxSlider[data-view="detail"] .tooltip__inner { display: block; } .blockRelax__detail { padding-left: 0; padding-right: 0; } .box_blockShops { padding-bottom: 3.75rem; } @media screen and (min-width: 1020px) { .box_blockShops { padding-bottom: 3.75rem; } } @media screen and (min-width: 1200px) { .box_blockShops { padding: 0; } } .box_blockShops .box__title { font-size: 3rem; display: none; } @media screen and (min-width: 1020px) { .box_blockShops .box__title { display: none; } } @media screen and (min-width: 1200px) { .box_blockShops .box__title { display: block; } } .box_blockShops .box__decor_1 { top: -50%; right: -17%; width: 52.4%; height: 98.8%; -webkit-transform: scale(-1, 1) translateZ(0); transform: scale(-1, 1) translateZ(0); } @media screen and (min-width: 1200px) { .box_blockShops .box__decor_1 { right: -17%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockShops .box__decor_1 { right: -19%; } } .box_blockShops .box__decor_1 svg { fill: #f28a00; } .box_blockShops .box__decor_2 { display: none; top: 50%; right: -9.375rem; width: 12.3%; height: 23%; -webkit-transform: rotate(10deg) translateZ(0); transform: rotate(10deg) translateZ(0); } @media screen and (min-width: 1200px) { .box_blockShops .box__decor_2 { display: none; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockShops .box__decor_2 { display: block; } } .box_blockShops .box__decor_2 svg { fill: #9d1012; } .box_blockShops .box__decor_3 { left: -10%; bottom: -22%; width: 50%; height: 74.2%; } @media screen and (min-width: 1200px) { .box_blockShops .box__decor_3 { width: 50%; bottom: -22%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockShops .box__decor_3 { width: 39.3%; bottom: -18%; } } .box_blockShops .box__decor_3 svg { fill: #f28a00; } .box_blockShops .box__decor_4 { left: 39%; bottom: -24%; width: 65%; height: 89.5%; } .box_blockShops .box__decor_4 svg { fill: #f28a00; } @media screen and (min-width: 1200px) { .box_blockShops .box__decor_4 { left: 39%; bottom: -24%; width: 65%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockShops .box__decor_4 { left: 44%; bottom: -25%; width: 52.4%; } } @media screen and (min-width: 2000px) { .box_blockShops .box__decor_4 { bottom: -23%; } } .box_blockShops .box__decor_5 { top: 10%; right: 31%; width: 20%; height: 34.7%; -webkit-transform: scale(-1, 1) rotate(-90deg) translateZ(0); transform: scale(-1, 1) rotate(-90deg) translateZ(0); } .box_blockShops .box__decor_5 svg { fill: #9d1012; } @media screen and (min-width: 1200px) { .box_blockShops .box__decor_5 { top: 10%; right: 31%; width: 20%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .box_blockShops .box__decor_5 { top: 3%; right: 32%; width: 18.3%; } } @media screen and (min-width: 2000px) { .box_blockShops .box__decor_5 { top: 7%; right: 34%; } } .blockShops { padding: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 1020px) { .blockShops { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 1200px) { .blockShops { padding-left: 5.625rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .blockShops__animate { width: 100%; height: 100%; } .blockShops__left { position: relative; width: 100%; height: auto; min-height: 78vh; } @media screen and (min-width: 1020px) { .blockShops__left { width: 100%; height: auto; min-height: 78vh; } } @media screen and (min-width: 1200px) { .blockShops__left { height: 94%; width: 55%; min-height: 94%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockShops__left { height: 100%; width: 50%; } } .blockShops__left.active .mosaic { z-index: 1; } .blockShops__right { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .blockShops__right { width: 100%; } } @media screen and (min-width: 1200px) { .blockShops__right { width: 45%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockShops__right { width: 50%; } } @media screen and (min-width: 2000px) { .blockShops__right { width: 40%; } } .blockShops__right .blockShops__wrapp { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 1020px) { .blockShops__right .blockShops__wrapp { width: 100%; } } @media screen and (min-width: 1200px) { .blockShops__right .blockShops__wrapp { width: 80%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockShops__right .blockShops__wrapp { width: 60%; } } .blockShops__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blockShops__content[data-view="preview"] { position: relative; z-index: 3; margin-top: -2.5rem; } @media screen and (min-width: 480px) { .blockShops__content[data-view="preview"] { margin-top: -2.5rem; } } @media screen and (min-width: 767px) { .blockShops__content[data-view="preview"] { margin-top: -3.75rem; } } @media screen and (min-width: 1020px) { .blockShops__content[data-view="preview"] { position: relative; z-index: 3; } } @media screen and (min-width: 1200px) { .blockShops__content[data-view="preview"] { position: absolute; z-index: 1; margin-top: 0; } } .blockShops__content[data-view="list"], .blockShops__content[data-view="search"] { height: 75vh; padding-top: 3.75rem; } @media screen and (min-width: 480px) { .blockShops__content[data-view="list"], .blockShops__content[data-view="search"] { padding-top: 3.75rem; } } @media screen and (min-width: 767px) { .blockShops__content[data-view="list"], .blockShops__content[data-view="search"] { padding-top: 5rem; } } @media screen and (min-width: 1020px) { .blockShops__content[data-view="list"], .blockShops__content[data-view="search"] { height: 75vh; } } @media screen and (min-width: 1200px) { .blockShops__content[data-view="list"], .blockShops__content[data-view="search"] { height: 100%; padding-top: 0; } } .blockShops__content .blockShops__wrapp { width: 100%; height: 100%; padding: 0; padding-bottom: 6.25rem; background-color: #fff; box-shadow: none; overflow: auto; } @media screen and (min-width: 480px) { .blockShops__content .blockShops__wrapp { padding: 0; padding-bottom: 6.25rem; } } @media screen and (min-width: 767px) { .blockShops__content .blockShops__wrapp { padding: 0; padding-bottom: 9.375rem; } } @media screen and (min-width: 1020px) { .blockShops__content .blockShops__wrapp { height: 100%; box-shadow: none; overflow: auto; } } @media screen and (min-width: 1200px) { .blockShops__content .blockShops__wrapp { overflow: hidden; height: 96%; padding: 0; padding-left: 1.25rem; padding-right: 1.25rem; box-shadow: 0 1rem 2.6875rem 0 rgba(0,0,0,0.17); } } .blockShops__content .blockShops__wrapp .mCustomScrollBox { width: 100%; } @media screen and (min-width: 1020px) { .blockShops__content .blockShops__wrapp .mCustomScrollBox { width: 100%; } } @media screen and (min-width: 1200px) { .blockShops__content .blockShops__wrapp .mCustomScrollBox { width: auto; } } .blockShops__content .blockShops__wrapp .mCSB_container { padding: 0; height: auto; margin-bottom: 0; } @media screen and (min-width: 1020px) { .blockShops__content .blockShops__wrapp .mCSB_container { padding: 0; height: auto; } } @media screen and (min-width: 1200px) { .blockShops__content .blockShops__wrapp .mCSB_container { padding: 2.8125rem 0; height: 100%; } } .blockShops__content .blockShops__wrapp .mCSB_scrollTools_horizontal { bottom: 2%; } .blockShops__content .blockShops__wrapp .mCSB_scrollTools .mCSB_draggerRail { background: #cdcdcd; height: 100%; } @media screen and (min-width: 1020px) { .blockShops__content .blockShops__wrapp .mCSB_scrollTools .mCSB_draggerRail { height: 100%; } } @media screen and (min-width: 1200px) { .blockShops__content .blockShops__wrapp .mCSB_scrollTools .mCSB_draggerRail { height: 1px; } } .blockShops__content .blockShops__wrapp .mCSB_scrollTools .mCSB_dragger_bar { margin: 0.1875rem auto; height: 100%; border-radius: 0; background-color: #f28a00; } @media screen and (min-width: 1020px) { .blockShops__content .blockShops__wrapp .mCSB_scrollTools .mCSB_dragger_bar { height: 100%; } } @media screen and (min-width: 1200px) { .blockShops__content .blockShops__wrapp .mCSB_scrollTools .mCSB_dragger_bar { height: 0.5625rem; } } .blockShopsDetail__inner { width: 100%; height: 100%; overflow: auto; } .blockShops .swiper-container { padding-left: 1.25rem; padding-right: 1.25rem; height: 90%; } @media screen and (min-width: 2000px) { .blockShops .swiper-container { height: 95%; } } .blockShops .swiper-wrapper { height: 100%; } .blockShops .swiper-slide { height: 100%; background-color: #fff; } .blockShops .swiper-slide .mCSB_container { height: 100%; padding-bottom: 2.8125rem; margin-bottom: 0; } .blockShops .swiper-slide .mCSB_scrollTools_horizontal { bottom: 2%; } .blockShops .swiper-slide .mCSB_scrollTools .mCSB_draggerRail { background: #cdcdcd; height: 1px; } .blockShops .swiper-slide .mCSB_scrollTools .mCSB_dragger_bar { margin: 0.1875rem auto; height: 0.5625rem; border-radius: 0; background-color: #f28a00; } .blockShops .swiper-nav { position: absolute; height: 20%; width: 12.5rem; bottom: 0; left: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockShops .swiper-button-prev, .blockShops .swiper-button-next { position: relative; margin: 0; height: 100%; width: 50%; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockShops .swiper-button-disabled { opacity: 0.3; } .blockShops .swiper-button-prev { left: 0; } .blockShops .swiper-button-next { right: 0; } .blockShops .swiper-pagination { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .blockShops .swiper-pagination-wrapp { padding-left: 1.25rem; background-color: #fff; height: 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 2000px) { .blockShops .swiper-pagination-wrapp { height: 5%; } } .blockShops .swiper-pagination-inner { padding-left: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; text-transform: uppercase; font-family: 'GothamProBold', sans-serif; } .blockShops .swiper-pagination-title { font-size: 1.125rem; } .blockShops .swiper-pagination-bullet { will-change: padding-left; position: relative; overflow: hidden; background: none; border: none; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); padding-left: 0.625rem; font-size: 0.875rem; color: #909090; } .blockShops .swiper-pagination-bullet:before { content: '\25ba'; position: absolute; top: 0; left: 0.625rem; will-change: transform, opacity; opacity: 0; -webkit-transform: translateX(-0.9375rem) translateZ(0); transform: translateX(-0.9375rem) translateZ(0); -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); color: #f28a00; } .blockShops .swiper-pagination-bullet:after { content: '/'; padding-left: 0.3125rem; color: #909090; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .blockShops .swiper-pagination-bullet:hover { cursor: pointer; color: #f28a00; } .blockShops .swiper-pagination-bullet:hover:after { color: #f28a00; } .blockShops .swiper-pagination-bullet.active { color: #f28a00; padding-left: 1.875rem; } .blockShops .swiper-pagination-bullet.active:after { color: #f28a00; } .blockShops .swiper-pagination-bullet.active:before { opacity: 1; -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .blockShops .swiper-pagination-bullet:last-of-type:after { display: none; } .blockShops .categorySlider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; height: 96.1%; display: none; z-index: 4; background-color: #fff; box-shadow: 0 1rem 2.6875rem 0 rgba(0,0,0,0.17); } .blockShops .categorySlider .close { position: absolute; left: 100%; width: 3.125rem; height: 3.125rem; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1200px) { .blockShops .categorySlider .close { width: 3.125rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockShops .categorySlider .close { width: 12.5rem; } } .blockShops .categorySlider .close span { will-change: transform; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transform: rotate(0) translateZ(0); transform: rotate(0) translateZ(0); } .blockShops .categorySlider .close svg { fill: #000; width: 1.6875rem; height: 1.6875rem; } @media screen and (min-width: 1200px) { .blockShops .categorySlider .close svg { width: 1.6875rem; height: 1.6875rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .blockShops .categorySlider .close svg { width: 2.3125rem; height: 2.3125rem; } } .blockShops .categorySlider .close:hover { cursor: pointer; } .blockShops .categorySlider .close:hover span { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); } .blockShops .categoryList { display: none; overflow: hidden; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; height: 79vh; background-color: #fff; } .blockShops .categoryList__wrapp { width: 100%; height: 100%; overflow: auto; } .blockShops .categoryList__wrapp .blockList { padding-bottom: 6.25rem; } @media screen and (min-width: 480px) { .blockShops .categoryList__wrapp .blockList { padding-bottom: 6.25rem; } } @media screen and (min-width: 767px) { .blockShops .categoryList__wrapp .blockList { padding-bottom: 9.375rem; } } .blockShops .mosaic { position: relative; z-index: 6; height: 96%; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1020px) { .blockShops .mosaic { display: none; } } @media screen and (min-width: 1200px) { .blockShops .mosaic { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blockShops .mosaic__block { width: 49.75%; height: 49.75%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0.5%; margin-right: 0.5%; } .blockShops .mosaic__block:nth-child(2n+2) { margin-right: 0; } .blockShops .mosaic__block:nth-last-child(1), .blockShops .mosaic__block:nth-last-child(2) { margin-bottom: 0; } .blockShops .mosaic__block_horizont { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blockShops .mosaic__block_horizont .mosaic__item { width: 100%; height: 49.5%; } .blockShops .mosaic__block_trinity { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .blockShops .mosaic__block_trinity .mosaic__item { width: 49.5%; height: 49.5%; } .blockShops .mosaic__block_trinity .mosaic__item:first-of-type { height: 100%; width: 49.5%; margin-right: 1%; } .blockShops .mosaic__item { overflow: hidden; height: 100%; width: 49.5%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockShops .mosaic__item:before { content: attr(data-empty); will-change: transform, opacity; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translateY(30%) translateZ(0); transform: translateY(30%) translateZ(0); opacity: 0; z-index: 3; position: absolute; top: 3%; left: 3%; width: 96%; height: 96%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; color: #fff; font-family: 'GothamProMedium', sans-serif; line-height: 1.3; text-align: center; } .blockShops .mosaic__item:hover { cursor: pointer; } .blockShops .mosaic__item:hover .mosaic__img { -webkit-transform: scale(1.1, 1.1) translateZ(0); transform: scale(1.1, 1.1) translateZ(0); } .blockShops .mosaic__item:hover .mosaic__bg { background-color: rgba(0,0,0,0.8); } .blockShops .mosaic__item:hover .mosaic__icon { opacity: 1; } .blockShops .mosaic__item:hover .mosaic__title { opacity: 0; -webkit-transform: translateY(30%) translateZ(0); transform: translateY(30%) translateZ(0); } .blockShops .mosaic__item.empty:hover { cursor: default; } .blockShops .mosaic__item.empty:hover:before { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .blockShops .mosaic__item.empty:hover .mosaic__icon { pointer-events: none; opacity: 0; } .blockShops .mosaic__title { will-change: transform, opacity; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 94%; width: 94%; z-index: 2; opacity: 1; color: #fff; text-transform: uppercase; font-size: 1.125rem; font-family: 'GothamProMedium', sans-serif; line-height: 1.3; text-align: center; } .blockShops .mosaic__img { will-change: transform; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: scale(1, 1) translateZ(0); transform: scale(1, 1) translateZ(0); } .blockShops .mosaic__bg { -webkit-transition: 0.4s; transition: 0.4s; background-color: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockShops .mosaic__icon { z-index: 3; will-change: opacity; -webkit-transition: 0.4s; transition: 0.4s; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f28a00; padding: 1.25rem 0.3125rem; } .blockShops .tileBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1020px) { .blockShops .tileBlock { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .blockShops .tileBlock { display: none; } } .blockShops .tileBlock__item { width: 100%; height: 50vw; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.4375rem; margin-right: 0; background-color: #000; } @media screen and (min-width: 480px) { .blockShops .tileBlock__item { width: 100%; } } @media screen and (min-width: 767px) { .blockShops .tileBlock__item { width: 49.5%; margin-right: 1%; } .blockShops .tileBlock__item:nth-child(2n+2) { margin-right: 0; } .blockShops .tileBlock__item:last-of-type { width: 100%; margin-right: 0; } } .blockShops .tileBlock__item:before { content: attr(data-empty); will-change: transform, opacity; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 1, 0.3, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1s cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translateY(70%) translateZ(0); transform: translateY(70%) translateZ(0); opacity: 0; z-index: 3; position: absolute; top: 3%; left: 3%; width: 96%; height: 96%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; color: #fff; font-family: 'GothamProMedium', sans-serif; line-height: 1.3; text-align: center; } @media screen and (min-width: 480px) { .blockShops .tileBlock__item:before { font-size: 1rem; font-family: 'GothamProMedium', sans-serif; } } @media screen and (min-width: 767px) { .blockShops .tileBlock__item:before { font-size: 1.5625rem; font-size: 'GothamProRegular', sans-serif; } } .blockShops .tileBlock__item.empty:hover { cursor: default; } .blockShops .tileBlock__item.empty:hover:before { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .blockShops .tileBlock__item.empty:hover .tileBlock__title { opacity: 0; -webkit-transform: translateY(70%) translateZ(0); transform: translateY(70%) translateZ(0); } .blockShops .tileBlock__title { will-change: transform, opacity; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 1, 0.3, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1s cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 90%; width: 90%; z-index: 2; opacity: 1; color: #fff; text-transform: uppercase; font-size: 1.125rem; font-family: 'GothamProRegular', sans-serif; line-height: 1.5; text-align: center; } @media screen and (min-width: 480px) { .blockShops .tileBlock__title { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .blockShops .tileBlock__title { font-size: 1.5625rem; } } .blockShops .tileBlock__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-position: bottom center; } .blockShops .tileBlock__bg { -webkit-transition: 0.4s; transition: 0.4s; background-color: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blockShops .tileBlock__content { display: none; } .blockShops .tileBlock__wrapp { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blockShops .tileBlock__more { width: 100%; height: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockShops .tileBlock__more .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blockShops .tileBlock__more .icon svg { margin-left: 0.625rem; fill: #f28a00; width: 1rem; height: 1rem; } .blockShops .tileBlock__more .text { font-family: 'GothamProMedium', sans-serif; font-size: 1.125rem; line-height: 1.3; border-bottom: 1px solid #f28a00; } @media screen and (min-width: 480px) { .blockShops .tileBlock__more .text { font-family: 'GothamProMedium', sans-serif; font-size: 1.125rem; } } @media screen and (min-width: 767px) { .blockShops .tileBlock__more .text { font-family: 'GothamProRegular', sans-serif; font-size: 1.25rem; } } .blockShops .spinner__wr { top: 30%; left: 50%; } @media screen and (min-width: 1020px) { .blockShops .spinner__wr { top: 30%; left: 50%; } } @media screen and (min-width: 1200px) { .blockShops .spinner__wr { top: 40%; left: 27%; } } @media screen and (min-width: 480px) and (orientation: landscape) { .box_errorPage { overflow: auto; } } @media screen and (min-width: 767px) { .box_errorPage { overflow: hidden; } } .box_errorPage .box__inner { margin-top: 0; height: 100vh; } @media screen and (min-width: 480px) and (orientation: landscape) { .box_errorPage .box__inner { height: 150vh; } } @media screen and (min-width: 767px) { .box_errorPage .box__inner { height: 100vh; } } .errorPage { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .errorPage__title { color: #f28a00; font-size: 4.375rem; line-height: 1; font-family: 'GothamProLight', sans-serif; padding-bottom: 1.25rem; } @media screen and (min-width: 370px) { .errorPage__title { font-size: 4.375rem; } } @media screen and (min-width: 480px) { .errorPage__title { font-size: 4.375rem; } } @media screen and (min-width: 767px) { .errorPage__title { font-size: 9.375rem; } } @media screen and (min-width: 1200px) { .errorPage__title { font-size: 9.375rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .errorPage__title { font-size: 9.375rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .errorPage__title { font-size: 12.5rem; } } .errorPage__title span { display: inline-block; } .errorPage__title .flip { -webkit-transform: translate3d(0, -5px, 0) rotate(180deg); transform: translate3d(0, -5px, 0) rotate(180deg); } @media screen and (min-width: 480px) { .errorPage__title .flip { -webkit-transform: translate3d(0, -5px, 0) rotate(180deg); transform: translate3d(0, -5px, 0) rotate(180deg); } } @media screen and (min-width: 767px) { .errorPage__title .flip { -webkit-transform: translate3d(0, -10px, 0) rotate(180deg); transform: translate3d(0, -10px, 0) rotate(180deg); } } .errorPage__subtitle { font-size: 1.25rem; line-height: 1; font-family: 'GothamProBold', sans-serif; padding-bottom: 1.25rem; text-align: center; } @media screen and (min-width: 480px) { .errorPage__subtitle { font-size: 1.25rem; } } @media screen and (min-width: 767px) { .errorPage__subtitle { font-size: 1.875rem; } } .errorPage__text { text-align: center; padding-bottom: 1.875rem; line-height: 1.3; } @media screen and (min-width: 480px) { .errorPage__text { line-height: 1.3; } } @media screen and (min-width: 767px) { .errorPage__text { line-height: 1.5; } } .errorPage__button { background-color: #f28a00; color: #fff; text-transform: none; } .footer { position: relative; z-index: 104; bottom: 0; left: 0; width: 100%; padding: 0 0 1.875rem 0; height: auto; background-color: transparent; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-content: center; } @media screen and (min-width: 1020px) { .footer { position: relative; height: auto; background-color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 1.875rem 0; } } @media screen and (min-width: 1200px) { .footer { position: absolute; height: 13vh; padding: 0 5.625rem; background-color: #f28a00; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0.625rem; padding-bottom: 2.5rem; } @media screen and (min-width: 1020px) { .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .footer__social { display: none; } } .footer__social .social__item svg { fill: #f28a00; } .footer__info { display: none; } @media screen and (min-width: 1020px) { .footer__info { display: none; } } @media screen and (min-width: 1200px) { .footer__info { display: block; } } .footer__info, .footer__copyright { width: 100%; } @media screen and (min-width: 1020px) { .footer__info, .footer__copyright { width: 100%; } } @media screen and (min-width: 1200px) { .footer__info, .footer__copyright { width: 50%; } } .footer__copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .footer__copyright { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1200px) { .footer__copyright { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .footer__text { padding-bottom: 0.625rem; } .footer__link { border-bottom: 1px solid rgba(255,255,255,0.5); } .footer__link:hover { border-color: transparent; } .footer .devCopyright { text-decoration: none; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .footer .devCopyright:hover span { opacity: 1; width: 10.625rem; } .footer .devCopyright span { display: none; vertical-align: middle; height: 2.375rem; width: 0; overflow: hidden; color: #fff; line-height: 2.375rem; text-align: center; white-space: nowrap; opacity: 0; -webkit-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1); } .footer .devCopyright img { display: inline-block; vertical-align: middle; width: 2.8125rem; height: 2.8125rem; padding: 0; } @media screen and (min-width: 1020px) { .footer .devCopyright span { display: none; } .footer .devCopyright img { width: 2.8125rem; height: 2.8125rem; padding: 0; } } @media screen and (min-width: 1200px) { .footer .devCopyright span { display: inline-block; } .footer .devCopyright img { width: 2.375rem; height: 2.375rem; padding: 0.25rem; } } .header { position: fixed; z-index: 120; top: 0; left: 0; width: 100%; height: 100%; } .header.inner { height: 11vh; min-height: 4.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .header.inner { height: 11vh; } } @media screen and (min-width: 1200px) { .header.inner { height: 17vh; } } .header.inner .header__info, .header.inner .header__contacts { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header.inner .header__info span, .header.inner .header__contacts span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header.inner .header__info svg, .header.inner .header__contacts svg { margin-right: 0.9375rem; fill: #aa012c; width: 1rem; height: 1rem; } .header.inner .header__info { width: 43.5%; font-size: 0.875rem; display: none; } .header.inner .header__info .text { pointer-events: all; } @media screen and (min-width: 1020px) { .header.inner .header__info { display: none; } } @media screen and (min-width: 1200px) { .header.inner .header__info { display: -webkit-box; display: -ms-flexbox; display: flex; width: 43.5%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .header.inner .header__info { width: 42%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .header.inner .header__info { width: 40%; } } .header.inner .header__contacts { width: 73%; font-family: 'GothamProMedium', sans-serif; } @media screen and (min-width: 370px) { .header.inner .header__contacts { width: 73%; } } @media screen and (min-width: 480px) { .header.inner .header__contacts { width: 80%; } } @media screen and (min-width: 1200px) { .header.inner .header__contacts { width: 61%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .header.inner .header__contacts { width: 60%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .header.inner .header__contacts { width: 53%; } } .header.inner .header__logo { width: 100%; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translate3d(-23%, 0, 0); transform: translate3d(-23%, 0, 0); } @media screen and (min-width: 370px) { .header.inner .header__logo { -webkit-transform: translate3d(-23%, 0, 0); transform: translate3d(-23%, 0, 0); } } @media screen and (min-width: 480px) { .header.inner .header__logo { -webkit-transform: translate3d(-26%, 0, 0); transform: translate3d(-26%, 0, 0); } } @media screen and (min-width: 1020px) { .header.inner .header__logo { -webkit-transform: translate3d(-36%, 0, 0); transform: translate3d(-36%, 0, 0); } } @media screen and (min-width: 1200px) { .header.inner .header__logo { -webkit-transform: translate3d(-38%, 0, 0); transform: translate3d(-38%, 0, 0); } } .header.inner .header__logo svg { pointer-events: all; max-width: 25rem; max-height: 8.6625rem; width: 90%; -webkit-transform: scale3d(0.55, 0.55, 1); transform: scale3d(0.55, 0.55, 1); } @media screen and (min-width: 370px) { .header.inner .header__logo svg { max-width: 25rem; } } @media screen and (min-width: 480px) { .header.inner .header__logo svg { max-width: 25rem; } } @media screen and (min-width: 767px) { .header.inner .header__logo svg { max-height: 8.6625rem; max-width: 35.43125rem; } } @media screen and (min-width: 1020px) { .header.inner .header__logo svg { width: 90%; max-height: 6.875rem; max-width: 35.43125rem; } } @media screen and (min-width: 1200px) { .header.inner .header__logo svg { width: 100%; max-height: 8.6625rem; max-width: 25rem; } } .header.inner .header__logo svg:hover { cursor: pointer; } .header.inner .header__logo svg path { -webkit-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; } .header.inner .header__link { pointer-events: all; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header.inner .header__link .icon svg { margin-right: 0.625rem; fill: #f28a00; width: 1.5625rem; height: 1.5625rem; } @media screen and (min-width: 370px) { .header.inner .header__link .icon svg { width: 1.5625rem; height: 1.5625rem; } } @media screen and (min-width: 480px) { .header.inner .header__link .icon svg { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 767px) { .header.inner .header__link .icon svg { width: 2.8125rem; height: 2.8125rem; } } @media screen and (min-width: 1020px) { .header.inner .header__link .icon svg { margin-right: 0.625rem; fill: #f28a00; } } @media screen and (min-width: 1200px) { .header.inner .header__link .icon svg { margin-right: 0.9375rem; fill: #9d1012; width: 1rem; height: 1rem; } } .header.inner .header__link .text { display: none; } @media screen and (min-width: 1020px) { .header.inner .header__link .text { display: none; } } @media screen and (min-width: 1200px) { .header.inner .header__link .text { display: block; } } .header.main { background-color: #f1f1f1; } .page.loading .header.main, .page.preload .header.main { z-index: 120; } .page.loaded .header.main { z-index: 9; -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both; } .page.focus .header.main { z-index: 1; } .header.main .header__decor { pointer-events: none; will-change: transform, opacity; position: absolute; -webkit-transition: width 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms; transition: width 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; } @media screen and (min-width: 1020px) { .header.main .header__decor { display: none; } } @media screen and (min-width: 1200px) { .header.main .header__decor { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header.main .header__decor_1 { top: -40%; right: -2%; width: 40%; } .header.main .header__decor_1 svg { fill: #f28a00; } .header.main .header__decor_2 { bottom: -21%; left: 7%; width: 25%; -webkit-transform: scale(-1, 1) translateZ(0); transform: scale(-1, 1) translateZ(0); } .header.main .header__decor_2 svg { fill: #9d1012; } .header.main .header__decor_3 { bottom: -13%; left: -10%; width: 25%; -webkit-transform: scale(-1, 1) rotate(10deg) translateZ(0); transform: scale(-1, 1) rotate(10deg) translateZ(0); } .header.main .header__decor_3 svg { fill: #9d1012; } .header.main .header__decor svg { -webkit-transition: width 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms; transition: width 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s ease 167ms; opacity: 0; width: 0%; height: 0%; } .page.loading .header.main .header__decor svg { opacity: 1; width: 100%; height: 100%; } .page.loaded .header.main .header__decor svg { opacity: 0; width: 0%; height: 0%; } .header.main .header__inner { pointer-events: none; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; -webkit-transform: translate3d(0, 35%, 0); transform: translate3d(0, 35%, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page.loading .header.main .header__inner { opacity: 1; -webkit-animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both; } .page.loaded .header.main .header__inner { opacity: 1; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: animLoadedLogo 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; animation: animLoadedLogo 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; } .page.loaded .header.main .header__inner a { pointer-events: all; } .header.main .header__left { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 11vh; min-height: 4.375rem; background-color: transparent; } @media screen and (min-width: 1020px) { .header.main .header__left { height: 11vh; } } @media screen and (min-width: 1200px) { .header.main .header__left { height: 17vh; } } .page.loaded .header.main .header__left:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header.main .header__info, .header.main .header__contacts { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .page.loaded .header.main .header__info, .page.loaded .header.main .header__contacts { -webkit-animation: animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1s; animation-delay: 1s; } .header.main .header__info span, .header.main .header__contacts span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header.main .header__info svg, .header.main .header__contacts svg { margin-right: 0.9375rem; fill: #aa012c; width: 1rem; height: 1rem; } .header.main .header__info { width: 43.5%; font-size: 0.875rem; display: none; } @media screen and (min-width: 1020px) { .header.main .header__info { display: none; } } @media screen and (min-width: 1200px) { .header.main .header__info { display: -webkit-box; display: -ms-flexbox; display: flex; width: 43.5%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .header.main .header__info { width: 42%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .header.main .header__info { width: 40%; } } .header.main .header__contacts { width: 73%; font-family: 'GothamProMedium', sans-serif; } @media screen and (min-width: 370px) { .header.main .header__contacts { width: 73%; } } @media screen and (min-width: 480px) { .header.main .header__contacts { width: 80%; } } @media screen and (min-width: 1200px) { .header.main .header__contacts { width: 61%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .header.main .header__contacts { width: 60%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .header.main .header__contacts { width: 53%; } } .header.main .header__logo { width: 100%; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page.loaded .header.main .header__logo { -webkit-animation: shiftContent--mobile 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: shiftContent--mobile 1s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1s; animation-delay: 1s; } @media screen and (min-width: 370px) { .page.loaded .header.main .header__logo { -webkit-animation: shiftContent--mobile 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: shiftContent--mobile 1s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1s; animation-delay: 1s; } } @media screen and (min-width: 480px) { .page.loaded .header.main .header__logo { -webkit-animation: shiftContent--landscape 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: shiftContent--landscape 1s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1s; animation-delay: 1s; } } @media screen and (min-width: 1020px) { .page.loaded .header.main .header__logo { -webkit-animation: shiftContent--tabletLand 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: shiftContent--tabletLand 1s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1s; animation-delay: 1s; } } @media screen and (min-width: 1200px) { .page.loaded .header.main .header__logo { -webkit-animation: shiftContent--desktop 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: shiftContent--desktop 1s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1s; animation-delay: 1s; } } .header.main .header__logo svg { max-width: 25rem; max-height: 8.6625rem; width: 90%; } @media screen and (min-width: 370px) { .header.main .header__logo svg { max-width: 25rem; } } @media screen and (min-width: 480px) { .header.main .header__logo svg { max-width: 25rem; } } @media screen and (min-width: 767px) { .header.main .header__logo svg { max-height: 8.6625rem; max-width: 35.43125rem; } } @media screen and (min-width: 1020px) { .header.main .header__logo svg { width: 90%; max-height: 6.875rem; max-width: 35.43125rem; } } @media screen and (min-width: 1200px) { .header.main .header__logo svg { width: 100%; max-height: 8.6625rem; max-width: 25rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .header.main .header__logo svg { max-width: 21.875rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .header.main .header__logo svg { max-width: 35.43125rem; } } .page.loaded .header.main .header__logo svg { -webkit-animation: animSize--mobile 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; animation: animSize--mobile 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; } @media screen and (min-width: 1020px) { .page.loaded .header.main .header__logo svg { -webkit-animation: animSize--mobile 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; animation: animSize--mobile 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; } } @media screen and (min-width: 1200px) { .page.loaded .header.main .header__logo svg { -webkit-animation: animSize--desktop 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; animation: animSize--desktop 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; } } .header.main .header__logo svg path { -webkit-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; } .header.main .header__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header.main .header__link .icon svg { margin-right: 0.625rem; fill: #f28a00; width: 1.5625rem; height: 1.5625rem; } @media screen and (min-width: 370px) { .header.main .header__link .icon svg { width: 1.5625rem; height: 1.5625rem; } } @media screen and (min-width: 480px) { .header.main .header__link .icon svg { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 767px) { .header.main .header__link .icon svg { width: 2.8125rem; height: 2.8125rem; } } @media screen and (min-width: 1020px) { .header.main .header__link .icon svg { margin-right: 0.625rem; fill: #f28a00; } } @media screen and (min-width: 1200px) { .header.main .header__link .icon svg { margin-right: 0.9375rem; fill: #9d1012; width: 1rem; height: 1rem; } } .header.main .header__link .text { display: none; } @media screen and (min-width: 1020px) { .header.main .header__link .text { display: none; } } @media screen and (min-width: 1200px) { .header.main .header__link .text { display: block; } } .header.main .header__right { position: absolute; z-index: 2; top: 0; right: 0; width: 100%; height: 17vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 8.75rem; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; -webkit-transition: 1s cubic-bezier(0.7, 0, 0.3, 1); transition: 1s cubic-bezier(0.7, 0, 0.3, 1); } @media screen and (min-width: 1600px) and (min-height: 901px) { .header.main .header__right { padding-right: 8.75rem; } } @media screen and (min-width: 2000px) { .header.main .header__right { padding-right: 10rem; } } .page.loaded .header.main .header__right { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: showContent 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: showContent 1s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1s; animation-delay: 1s; } .headerMobile { position: fixed; z-index: 6; top: 0; left: 0; width: 100%; height: 11vh; min-height: 4.375rem; background-color: #fff; border-bottom: 1px solid #dadada; display: block; } @media screen and (min-width: 1020px) { .headerMobile { display: block; } } @media screen and (min-width: 1200px) { .headerMobile { display: none; } } .loader { position: fixed; left: 0; bottom: 65%; width: 100%; opacity: 0; pointer-events: none; } @media screen and (min-width: 370px) { .loader { bottom: 75%; } } @media screen and (min-width: 480px) { .loader { bottom: 50%; } } @media screen and (min-width: 767px) { .loader { bottom: 75%; } } @media screen and (min-width: 1020px) { .loader { bottom: 65%; } } @media screen and (min-width: 1200px) { .loader { bottom: 70%; } } .page.loading .loader { opacity: 1; -webkit-animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .page.loaded .loader { opacity: 1; -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards; animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards; } .loader-inner { display: block; margin: 0 auto; } .page.loaded .loader-inner { pointer-events: all; } .page.loaded .loader-inner:hover { cursor: pointer; } .loader svg { width: 3.75rem; height: 3.75rem; } @media screen and (min-width: 480px) { .loader svg { width: 3.75rem; height: 3.75rem; } } @media screen and (min-width: 767px) { .loader svg { width: 6.25rem; height: 6.25rem; } } @media screen and (min-width: 1200px) { .loader svg { width: 3.75rem; height: 3.75rem; } } .loader svg path { fill: none; stroke-width: 6; } .loader svg path.loader-circle-bg { stroke: #ddd; } .loader svg path.loader-circle { -webkit-transition: stroke-dashoffset 0.2s; transition: stroke-dashoffset 0.2s; stroke: #f28a00; } @-webkit-keyframes showContent { to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes showContent { to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes shiftContent--desktop { to { -webkit-transform: translate3d(-38%, 0, 0); transform: translate3d(-38%, 0, 0); } } @keyframes shiftContent--desktop { to { -webkit-transform: translate3d(-38%, 0, 0); transform: translate3d(-38%, 0, 0); } } @-webkit-keyframes shiftContent--mobile { to { -webkit-transform: translate3d(-23%, 0, 0); transform: translate3d(-23%, 0, 0); } } @keyframes shiftContent--mobile { to { -webkit-transform: translate3d(-23%, 0, 0); transform: translate3d(-23%, 0, 0); } } @-webkit-keyframes shiftContent--landscape { to { -webkit-transform: translate3d(-28%, 0, 0); transform: translate3d(-28%, 0, 0); } } @keyframes shiftContent--landscape { to { -webkit-transform: translate3d(-28%, 0, 0); transform: translate3d(-28%, 0, 0); } } @-webkit-keyframes shiftContent--tabletLand { to { -webkit-transform: translate3d(-36%, 0, 0); transform: translate3d(-36%, 0, 0); } } @keyframes shiftContent--tabletLand { to { -webkit-transform: translate3d(-36%, 0, 0); transform: translate3d(-36%, 0, 0); } } @-webkit-keyframes animInitialHeader { from { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 800px, 0); transform: translate3d(0, 800px, 0); } } @keyframes animInitialHeader { from { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 800px, 0); transform: translate3d(0, 800px, 0); } } @-webkit-keyframes animSize--mobile { to { -webkit-transform: scale3d(0.55, 0.55, 1); transform: scale3d(0.55, 0.55, 1); } } @keyframes animSize--mobile { to { -webkit-transform: scale3d(0.55, 0.55, 1); transform: scale3d(0.55, 0.55, 1); } } @-webkit-keyframes animSize--desktop { to { -webkit-transform: scale3d(0.55, 0.55, 1); transform: scale3d(0.55, 0.55, 1); } } @keyframes animSize--desktop { to { -webkit-transform: scale3d(0.55, 0.55, 1); transform: scale3d(0.55, 0.55, 1); } } @-webkit-keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 0, 0); transform: translate3d(0, 100%, 0) translate3d(0, 0, 0); } } @keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 0, 0); transform: translate3d(0, 100%, 0) translate3d(0, 0, 0); } } @-webkit-keyframes animLoadedLoader { to { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @keyframes animLoadedLoader { to { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @-webkit-keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes animLoadedContent { to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes animLoadedContent { to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .mainSlider { width: 100%; height: 100%; } .mainSlider .swiper-container { height: 100%; } .mainSlider .swiper-wrapper { height: 100%; } .mainSlider .swiper-slide { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .mainSlider .swiper-slide-desktop { display: none; } @media screen and (min-width: 1020px) { .mainSlider .swiper-slide-desktop { display: none; } } @media screen and (min-width: 1200px) { .mainSlider .swiper-slide-desktop { display: block; } } .mainSlider .swiper-slide-mobile { display: block; } @media screen and (min-width: 1020px) { .mainSlider .swiper-slide-mobile { display: block; } } @media screen and (min-width: 1200px) { .mainSlider .swiper-slide-mobile { display: none; } } .mainSlider .swiper-button-prev, .mainSlider .swiper-button-next { margin: 0; height: 100%; width: 3.125rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .mainSlider .swiper-button-prev, .mainSlider .swiper-button-next { width: 4.375rem; } } @media screen and (min-width: 767px) { .mainSlider .swiper-button-prev, .mainSlider .swiper-button-next { width: 6.25rem; } } @media screen and (min-width: 1020px) { .mainSlider .swiper-button-prev, .mainSlider .swiper-button-next { width: 6.25rem; } } @media screen and (min-width: 1200px) { .mainSlider .swiper-button-prev, .mainSlider .swiper-button-next { width: 10.625rem; } } .mainSlider .swiper-button-prev:hover .swiper-button-bg, .mainSlider .swiper-button-next:hover .swiper-button-bg { opacity: 1; } .mainSlider .swiper-button-prev { left: 0; } .mainSlider .swiper-button-next { right: 0; } .mainSlider .swiper-button-bg { -webkit-transition: 0.2s; transition: 0.2s; position: absolute; top: 50%; left: 0; width: 100%; height: 3.125rem; margin-top: -1.5625rem; opacity: 1; box-shadow: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgba(255,255,255,0.65); } @media screen and (min-width: 370px) { .mainSlider .swiper-button-bg { height: 4.375rem; margin-top: -2.1875rem; } } @media screen and (min-width: 767px) { .mainSlider .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; } } @media screen and (min-width: 1020px) { .mainSlider .swiper-button-bg { height: 6.25rem; margin-top: -3.125rem; opacity: 1; box-shadow: none; background-color: rgba(255,255,255,0.65); } } @media screen and (min-width: 1200px) { .mainSlider .swiper-button-bg { height: 10.625rem; margin-top: -5.3125rem; opacity: 0; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.7); background-color: transparent; } } .mainSlider .swiper-left-arrow, .mainSlider .swiper-right-arrow { position: relative; z-index: 2; height: 1.5625rem; width: 0.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 370px) { .mainSlider .swiper-left-arrow, .mainSlider .swiper-right-arrow { height: 1.75rem; width: 1rem; } } @media screen and (min-width: 767px) { .mainSlider .swiper-left-arrow, .mainSlider .swiper-right-arrow { height: 2.0625rem; width: 1.125rem; } } .mainSlider .swiper-left-arrow svg, .mainSlider .swiper-right-arrow svg { -webkit-transition: 0.4s; transition: 0.4s; fill: #fff; height: 100%; width: 100%; } .mainSlider .swiper-pagination.swiper-pagination-bullets { position: absolute; width: 100%; height: 10%; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { background: none; opacity: 1; width: 1.25rem; height: 1.25rem; margin: 0; margin-right: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet svg { -webkit-transition: 0.2s; transition: 0.2s; fill: #e5e5e5; width: 0.6875rem; height: 0.6875rem; } .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active svg { fill: #f28a00; width: 1rem; height: 1rem; } @media screen and (min-width: 480px) { .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 1.25rem; height: 1.25rem; } .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet svg { width: 0.6875rem; height: 0.6875rem; } } @media screen and (min-width: 767px) { .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 1.875rem; height: 1.875rem; } .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet svg { width: 1rem; height: 1rem; } } @media screen and (min-width: 1020px) { .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; margin-right: 0.9375rem; } } @media screen and (min-width: 1200px) { .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 1.25rem; height: 1.25rem; margin: 0; margin-right: 1.5625rem; } .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet svg { width: 0.6875rem; height: 0.6875rem; } } .mainSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type { margin-right: 0; } .mobileStub { position: fixed; z-index: 200; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: 0s; transition: 0s; padding: 0 0.9375rem; } .mobileStub.open--mobile { opacity: 1; visibility: visible; pointer-events: all; } .mobileStub.open--mobile .text--mobile { display: block; } .mobileStub.open--desktop { opacity: 1; visibility: visible; pointer-events: all; } .mobileStub.open--desktop .text--desktop { display: block; } .mobileStub__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 2.5rem; } .mobileStub__icon svg { fill: #fff; width: 7.5rem; height: 7.5rem; } .mobileStub__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: center; font-size: 1.375rem; line-height: 1.3; color: #fff; } .mobileStub__title .text { display: none; } .mobileStub__title svg { fill: #fff; width: 3.125rem; height: 3.125rem; } .mobileStub__button { background-color: #fff; color: #000; width: 13.125rem; padding-left: 0; padding-right: 0; margin-top: 3.125rem; -webkit-transition: 0s !important; transition: 0s !important; } .mobileStub__button:before { display: none; } .mobileStub__button:hover { color: #000; } .mobileStub__button:active, .mobileStub__button:focus { background-color: #f28a00; color: #fff; } .popupActions { width: 90vw; height: 90vh; display: none; box-shadow: 0 1.75rem 5.9375rem 0 rgba(0,0,0,0.51); } @media screen and (min-width: 1200px) { .popupActions { width: 90vw; height: 90vh; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .popupActions { width: 80vw; height: 90vh; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .popupActions { width: 90vw; height: 47.5rem; } } @media screen and (min-width: 2000px) { .popupActions { width: 80vw; height: 62.5rem; } } .popupActions__left { width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .popupActions__right { height: 100%; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .popupActions__text { position: relative; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.875rem; padding-top: 0.625rem; } @media screen and (min-width: 1200px) { .popupActions__text { padding: 1.875rem; padding-top: 0.625rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .popupActions__text { padding: 1.875rem 6.25rem; } } .popupActions__text .mCSB_container { margin-right: 0; margin-left: 1.875rem; } .popupActions__text .mCSB_scrollTools { background: #cdcdcd; } .popupActions__text .mCSB_scrollTools_vertical { right: auto; left: 0.375rem; width: 0.0625rem; } .popupActions__text .mCSB_scrollTools .mCSB_dragger_bar { right: auto; left: -0.25rem; width: 0.5625rem; border-radius: 0; background-color: #f28a00; } .popupActions__img { height: 20%; } .popupActions__title { font-size: 1.875rem; height: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .popupActions__subtitle { font-size: 1.25rem; line-height: 1.3; } .popupActions__article { height: 50%; padding-bottom: 1.25rem; padding-top: 1.25rem; position: relative; left: -1.875rem; } .popupActionsInfo { height: 25%; } .popupActionsInfo .tooltip { height: 100%; } .popupActionsInfo .tooltip__block { max-width: 50%; } .popupActions .swiper-container { height: 100%; } .popupActions .swiper-wrapper { height: 100%; } .popupActions .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; height: 100%; } .popupActions .swiper-button-prev, .popupActions .swiper-button-next { margin: 0; height: 100%; width: 10.625rem; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popupActions .swiper-button-prev:hover .swiper-button-bg, .popupActions .swiper-button-next:hover .swiper-button-bg { opacity: 1; } .popupActions .swiper-button-prev:hover .swiper-left-arrow svg, .popupActions .swiper-button-next:hover .swiper-left-arrow svg, .popupActions .swiper-button-prev:hover .swiper-right-arrow svg, .popupActions .swiper-button-next:hover .swiper-right-arrow svg { fill: #fff; } .popupActions .swiper-button-prev { left: 0; } .popupActions .swiper-button-next { right: 50%; } @media screen and (min-width: 1200px) { .popupActions .swiper-button-next { right: 50%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .popupActions .swiper-button-next { right: 0; } } .popupActions .swiper-button-bg { -webkit-transition: 0.2s; transition: 0.2s; position: absolute; top: 50%; left: 50%; width: 100%; height: 10.625rem; margin-left: -50%; margin-top: -50%; opacity: 0; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.7); background-repeat: no-repeat; background-position: center center; background-size: cover; } .popupActions .swiper-left-arrow, .popupActions .swiper-right-arrow { position: relative; z-index: 2; height: 2.0625rem; width: 1.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popupActions .swiper-left-arrow svg, .popupActions .swiper-right-arrow svg { -webkit-transition: 0.2s; transition: 0.2s; fill: #000; height: 2.0625rem; width: 1.125rem; } .popupActions .swiper-pagination.swiper-pagination-bullets { overflow: hidden; position: absolute; z-index: 11; width: 46%; height: 6%; left: 2%; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .popupActions .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { background: none; opacity: 1; width: 1.25rem; height: 1.25rem; margin: 0; margin-right: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popupActions .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type { margin-right: 0; } .popupActions .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet svg { -webkit-transition: 0.2s; transition: 0.2s; fill: #cdcdcd; width: 0.6875rem; height: 0.6875rem; } .popupActions .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active svg { fill: #f28a00; width: 1rem; height: 1rem; } .slideNav { position: absolute; height: 100%; width: 5vw; top: 0; left: 0; z-index: 103; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s, visibility 0s; transition: opacity 0.2s, visibility 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .slideNav { opacity: 0; visibility: hidden; } } @media screen and (min-width: 1200px) { .slideNav { opacity: 1; visibility: visible; width: 5vw; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .slideNav { width: 3vw; } } .slideNav:before { content: ''; position: absolute; top: 0; left: 50%; height: 100%; width: 1px; background-color: #e5e5e5; } .slideNav.loading { opacity: 0.3; pointer-events: none; } .page.focus .slideNav { z-index: 0; } .page.bgPreSet--6 .slideNav .slideNav__item.active svg { fill: #fff; } .page.inner .slideNav { opacity: 0; visibility: hidden; pointer-events: none; } .slideNav__list { height: 50%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } .slideNav__item { width: 3.125rem; height: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slideNav__item svg { -webkit-transition: 0.2s; transition: 0.2s; fill: #cdcdcd; width: 0.75rem; height: 0.75rem; } .slideNav__item:hover { cursor: pointer; } .slideNav__item:hover svg { -webkit-animation-name: pulsate; animation-name: pulsate; -webkit-transform-origin: center; transform-origin: center; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; } .slideNav__item.active svg { fill: #f28a00; width: 1.375rem; height: 1.375rem; } .slideNav__item.active:hover svg { -webkit-animation: none; animation: none; } @-webkit-keyframes pulsate { 0% { -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } 100% { -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulsate { 0% { -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } 100% { -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tabs { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabsList { display: none; width: 94%; } @media screen and (min-width: 1020px) { .tabsList { display: none; } } @media screen and (min-width: 1200px) { .tabsList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 94%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tabsList { width: 80%; } } .tabsList__item { padding: 1.125rem 2.8125rem; font-family: 'GothamProLight', sans-serif; font-size: 1.125rem; text-transform: none; margin-right: 1.25rem; } .tabsBox { overflow: hidden; position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; background-color: #fff; box-shadow: none; } @media screen and (min-width: 1020px) { .tabsBox { box-shadow: none; display: block; } } @media screen and (min-width: 1200px) { .tabsBox { display: -webkit-box; display: -ms-flexbox; display: flex; box-shadow: 0 1rem 2.6875rem 0 rgba(0,0,0,0.17); } } .tabsContent { position: absolute; top: 6%; left: 2%; width: 96%; height: 88%; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); opacity: 0; visibility: hidden; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tabsContent.active { z-index: 15; opacity: 1; visibility: visible; pointer-events: all; } .tabsContent__left { display: none; height: 100%; width: 48%; } @media screen and (min-width: 1020px) { .tabsContent__left { display: none; } } @media screen and (min-width: 1200px) { .tabsContent__left { display: block; } } .tabsContent__left article { font-size: 1rem; } @media screen and (min-width: 1200px) { .tabsContent__left article { font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .tabsContent__left article { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tabsContent__left article { font-size: 1.125rem; } } .tabsContent__left article ul li { font-size: 1rem; padding: 0; } .tabsContent__left article ul li:before { display: none; } .tabsContent__left article ul li a { color: inherit; border-color: transparent; } .tabsContent__left article ul li span { color: #c1c1c1; display: block; } .tabsContent__left article ul li span a { font-family: 'GothamProMedium', sans-serif; color: #f28a00; border-color: #f28a00; } .tabsContent__left article ul li span a:hover { border-color: transparent; } .tabsContent__right { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 1020px) { .tabsContent__right { width: 100%; } } @media screen and (min-width: 1200px) { .tabsContent__right { width: 48%; } } .tabsContent__right .spinner__wr { opacity: 0; visibility: hidden; } @media screen and (min-width: 1020px) { .tabsContent__right .spinner__wr { opacity: 0; visibility: hidden; } } @media screen and (min-width: 1200px) { .tabsContent__right .spinner__wr { opacity: 1; visibility: visible; } } .tabsContentList { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0; display: block; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1rem; } @media screen and (min-width: 480px) { .tabsContentList { font-size: 1rem; } } @media screen and (min-width: 767px) { .tabsContentList { font-size: 1.125rem; } } @media screen and (min-width: 1020px) { .tabsContentList { text-align: center; padding: 0; display: block; } } @media screen and (min-width: 1200px) { .tabsContentList { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 10%; padding-left: 10%; font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .tabsContentList { padding-top: 5%; padding-left: 5%; height: 70%; font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tabsContentList { padding-top: 5%; font-size: 1.125rem; } } .tabsContentList__info { font-family: 'GothamProRegular', sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 1.875rem; } @media screen and (min-width: 1020px) { .tabsContentList__info { font-family: 'GothamProRegular', sans-serif; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 1.875rem; } } @media screen and (min-width: 1200px) { .tabsContentList__info { font-family: 'GothamProMedium', sans-serif; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; } } .tabsContentList__info span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tabsContentList__info .icon__map-2 { display: none; } @media screen and (min-width: 1020px) { .tabsContentList__info .icon__map-2 { display: none; } } @media screen and (min-width: 1200px) { .tabsContentList__info .icon__map-2 { display: inline; } } .tabsContentList__link { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 0.625rem; letter-spacing: 0.03em; } @media screen and (min-width: 1020px) { .tabsContentList__link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.625rem; } .tabsContentList__link:last-of-type { margin-bottom: 0; } } @media screen and (min-width: 1200px) { .tabsContentList__link { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0; } } .tabsContentList__link:last-of-type { margin-bottom: 0; } .tabsContentList__link .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tabsContentList__caption { font-family: 'GothamProBold', sans-serif; padding-bottom: 0.625rem; } @media screen and (min-width: 1020px) { .tabsContentList__caption { padding-bottom: 0.625rem; font-family: 'GothamProBold', sans-serif; } } @media screen and (min-width: 1200px) { .tabsContentList__caption { padding-bottom: 0; font-family: 'GothamProLight', sans-serif; } } .tabsContentList svg { fill: #f28a00; width: 1rem; height: 1rem; margin-right: 0.625rem; } @media screen and (min-width: 1020px) { .tabsContentList svg { fill: #f28a00; width: 1rem; height: 1rem; margin-right: 0.625rem; } } @media screen and (min-width: 1200px) { .tabsContentList svg { fill: #9d1012; width: 0.75rem; height: 0.75rem; margin-right: 0.3125rem; } } .tabsContentList .icon__map-2 { width: 1.1875rem; height: 1.1875rem; } .tabsContent__box { will-change: opacity; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabsContent__box.active { opacity: 1; visibility: visible; pointer-events: all; z-index: 100; } .tabsContent_1 { position: relative; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 1020px) { .tabsContent_1 { position: relative; top: 0; left: 0; width: 100%; height: 100%; } } @media screen and (min-width: 1200px) { .tabsContent_1 { position: absolute; top: 6%; left: 2%; width: 96%; height: 88%; } } .tabsContent_1 .tabsContent__right { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabsContent_1 .tabsContent__right:before { content: ''; position: absolute; top: 0; left: 0; height: 150%; width: 1px; background-color: #f28a00; display: none; } @media screen and (min-width: 1020px) { .tabsContent_1 .tabsContent__right:before { display: none; } } @media screen and (min-width: 1200px) { .tabsContent_1 .tabsContent__right:before { display: block; } } .tabsContent_1 .tabsContent__img { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 47%; display: none; } @media screen and (min-width: 1020px) { .tabsContent_1 .tabsContent__img { display: none; } } @media screen and (min-width: 1200px) { .tabsContent_1 .tabsContent__img { display: block; } } .tabsContent_2 .tabsContent__left article { padding-left: 1.875rem; } .tabsContent_2 .tabsContent__right { display: block; } .tabsContent_2 .tabsContent__img { display: inline-block; width: 46%; margin: 0 2%; margin-bottom: 1.875rem; text-align: center; } .tabsContent_2 .tabsContent__img img { box-shadow: 0 0.5rem 1.8125rem rgba(0,0,0,0.1); } .tabsContent_2 .mCSB_container { padding: 1.875rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tabsContent_2 .mCSB_scrollTools { background: #cdcdcd; } .tabsContent_2 .mCSB_scrollTools_vertical { top: 1.875rem; right: 0.3125rem; width: 0.0625rem; } .tabsContent_2 .mCSB_scrollTools .mCSB_dragger_bar { right: 0.25rem; width: 0.5625rem; border-radius: 0; background-color: #f28a00; } .tabsContent_3 .tabsContent__left, .tabsContent_4 .tabsContent__left, .tabsContent_3 .tabsContent__right, .tabsContent_4 .tabsContent__right { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tabsContent_3 .tabsContent__left article, .tabsContent_4 .tabsContent__left article { width: 75%; line-height: 1.7; } .tabsContent_3 .tabsContent__right .form, .tabsContent_4 .tabsContent__right .form { width: 90%; } @media screen and (min-width: 1200px) { .tabsContent_3 .tabsContent__right .form, .tabsContent_4 .tabsContent__right .form { width: 90%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tabsContent_3 .tabsContent__right .form, .tabsContent_4 .tabsContent__right .form { width: 60%; } } .tabsContent_4 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabsContent_4 .tabsContent__right { height: 100%; position: relative; } .tabsContent_4 .tabsContent__right:before { content: ''; position: absolute; top: 0; left: 0; height: 150%; width: 1px; background-color: #f28a00; } .tabsContent_2, .tabsContent_3, .tabsContent_4 { display: none; } @media screen and (min-width: 1020px) { .tabsContent_2, .tabsContent_3, .tabsContent_4 { display: none; } } @media screen and (min-width: 1200px) { .tabsContent_2, .tabsContent_3, .tabsContent_4 { display: -webkit-box; display: -ms-flexbox; display: flex; } } .tabsNav { will-change: transform; -webkit-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); position: absolute; z-index: 110; overflow: hidden; top: 45%; left: -48%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1200px) { .tabsNav { top: 45%; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .tabsNav { top: 50%; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tabsNav { top: 30%; } } .tabsNav__item { position: relative; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); padding-left: 1.875rem; font-size: 0.875rem; color: #cdcdcd; font-family: 'GothamProBold', sans-serif; text-transform: uppercase; } .tabsNav__item:before { content: '\25ba'; position: absolute; top: 0; left: 0.625rem; will-change: transform, opacity; opacity: 0; -webkit-transform: translateX(-0.9375rem) translateZ(0); transform: translateX(-0.9375rem) translateZ(0); -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); color: #f28a00; } .tabsNav__item:hover { cursor: pointer; } .tabsNav__item.active { color: #f28a00; } .tabsNav__item.active:before { opacity: 1; -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .topMenu { will-change: opacity, transform; z-index: 5; opacity: 0; -webkit-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); -webkit-transition: background 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 1.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 1.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.5s cubic-bezier(0.2, 1, 0.3, 1), transform 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.5s cubic-bezier(0.2, 1, 0.3, 1), transform 1.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.1s cubic-bezier(0.19, 1, 0.22, 1); overflow: auto; position: fixed; top: 0; left: 0; width: 100%; height: 100%; bottom: auto; height: 100vh; box-shadow: none; background-color: #fff; color: #000; } @media screen and (min-width: 1020px) { .topMenu { position: fixed; z-index: 5; height: 100vh; overflow: auto; box-shadow: none; } } @media screen and (min-width: 1200px) { .topMenu { position: absolute; z-index: 10; height: 17vh; overflow: hidden; box-shadow: 0 0.9375rem 0.9375rem rgba(0,0,0,0.05); } } .topMenu.main { -webkit-transition: 0s; transition: 0s; } .page.bgPreSet--0 .topMenu { top: auto; bottom: 0; background-color: transparent; } .page.bgPreSet--0 .topMenuButton { display: none; } .page.bgPreSet--0 .topMenuButton__bg { display: none; } .page.bgPreSet--0 .topMenuList { padding: 0; } @media screen and (min-width: 1200px) { .page.bgPreSet--0 .topMenuList { padding: 0; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .page.bgPreSet--0 .topMenuList { padding: 0; } } .page.inner .topMenuButton__bg svg, .page.bgPreSet--1 .topMenuButton__bg svg, .page.bgPreSet--3 .topMenuButton__bg svg, .page.bgPreSet--5 .topMenuButton__bg svg, .page.bgPreSet--6 .topMenuButton__bg svg { fill: #f28a00; } .page.inner .topMenuButton__hover, .page.bgPreSet--1 .topMenuButton__hover, .page.bgPreSet--3 .topMenuButton__hover, .page.bgPreSet--5 .topMenuButton__hover, .page.bgPreSet--6 .topMenuButton__hover { background: #f28a00; } .page.inner .topMenuButton__hover:before, .page.bgPreSet--1 .topMenuButton__hover:before, .page.bgPreSet--3 .topMenuButton__hover:before, .page.bgPreSet--5 .topMenuButton__hover:before, .page.bgPreSet--6 .topMenuButton__hover:before, .page.inner .topMenuButton__hover:after, .page.bgPreSet--1 .topMenuButton__hover:after, .page.bgPreSet--3 .topMenuButton__hover:after, .page.bgPreSet--5 .topMenuButton__hover:after, .page.bgPreSet--6 .topMenuButton__hover:after { background: #f28a00; } .page.inner .topMenu { z-index: 5; } @media screen and (min-width: 1020px) { .page.inner .topMenu { z-index: 5; } } @media screen and (min-width: 1200px) { .page.inner .topMenu { z-index: 123; } } .topMenu.open { -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); opacity: 1; } .topMenu.open ~ .topMenuButton:hover .topMenuButton__burger:before, .topMenu.open ~ .topMenuButton:hover .topMenuButton__burger:after { top: 0; } .topMenu.open ~ .topMenuButton .topMenuButton__burger { background: transparent; } .topMenu.open ~ .topMenuButton .topMenuButton__burger:before, .topMenu.open ~ .topMenuButton .topMenuButton__burger:after { top: 0; width: 100%; } .topMenu.open ~ .topMenuButton .topMenuButton__burger:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .topMenu.open ~ .topMenuButton .topMenuButton__burger:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .topMenu.open ~ .topMenuButton .topMenuButton__hover { opacity: 0; visibility: hidden; } .topMenu.open .topMenuList__item { opacity: 1; -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .topMenu.open .topMenuList__item:nth-child(7) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .topMenu.open .topMenuList__item:nth-child(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .topMenu.open .topMenuList__item:nth-child(5) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .topMenu.open .topMenuList__item:nth-child(4) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .topMenu.open .topMenuList__item:nth-child(3) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .topMenu.open .topMenuList__item:nth-child(2) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .topMenu.open .topMenuList__item:nth-child(1) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .topMenuList { padding: 0; padding-top: 4.375rem; padding-bottom: 9.375rem; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 480px) { .topMenuList { padding: 0; padding-bottom: 9.375rem; padding-top: 4.375rem; } } @media screen and (min-width: 767px) { .topMenuList { padding: 0; padding-bottom: 9.375rem; padding-top: 11vh; } } @media screen and (min-width: 1020px) { .topMenuList { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 9.375rem; } } @media screen and (min-width: 1200px) { .topMenuList { height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; padding-left: 2.5rem; padding-right: 6.25rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .topMenuList { padding-left: 4.375rem; padding-right: 10rem; } } .topMenuList__item { will-change: opacity, transform; opacity: 0; -webkit-transition: opacity 0.4s 0.4s, color 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s 0.4s; transition: opacity 0.4s 0.4s, color 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s 0.4s; transition: opacity 0.4s 0.4s, transform 0.4s 0.4s, color 0.2s cubic-bezier(0.7, 0, 0.3, 1); transition: opacity 0.4s 0.4s, transform 0.4s 0.4s, color 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s 0.4s; -webkit-transform: translateX(20%) translateZ(0); transform: translateX(20%) translateZ(0); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 5.625rem; width: 100%; padding-left: 1.875rem; border-bottom: 1px solid #f3f3f3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (min-width: 1020px) { .topMenuList__item { height: 5.625rem; padding-left: 1.875rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: 1px solid #f3f3f3; } } @media screen and (min-width: 1200px) { .topMenuList__item { height: 100%; padding: 0; border: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .topMenuList__item:hover { cursor: pointer; } .topMenuList__item:hover .topMenuList__text { color: #f28a00; } .topMenuList__item:hover .icon svg { fill: #fff; } .topMenuList__item:hover .hover svg { fill: #f28a00; } } .topMenuList__item.disable { pointer-events: none; } .topMenuList__item.active { cursor: pointer; } .topMenuList__item.active .topMenuList__text { color: #f28a00; } .topMenuList__item.active .icon svg { fill: #fff; } .topMenuList__item.active .hover svg { fill: #f28a00; } .topMenuList__img { position: relative; } .topMenuList__img .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-right: 1.875rem; } @media screen and (min-width: 1020px) { .topMenuList__img .icon { margin-right: 1.875rem; } } @media screen and (min-width: 1200px) { .topMenuList__img .icon { margin-right: 1.25rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .topMenuList__img .icon { margin-right: 1.875rem; } } .topMenuList__img .icon svg { -webkit-transition: 0.2s cubic-bezier(0.7, 0, 0.3, 1); transition: 0.2s cubic-bezier(0.7, 0, 0.3, 1); fill: #000; width: 1.875rem; height: 1.875rem; } @media screen and (min-width: 1200px) { .topMenuList__img .icon svg { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .topMenuList__img .icon svg { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .topMenuList__img .icon svg { width: 2.1875rem; height: 2.1875rem; } } .topMenuList__img .hover { position: absolute; z-index: -1; width: 4.25rem; height: 4.25rem; top: -1.1875rem; left: -1.1875rem; } @media screen and (min-width: 1200px) { .topMenuList__img .hover { width: 4.25rem; height: 4.25rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .topMenuList__img .hover { width: 4.25rem; height: 4.25rem; top: -1.1875rem; left: -1.1875rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .topMenuList__img .hover { width: 4.5625rem; height: 4.5625rem; top: -1.1875rem; left: -1.1875rem; } } .topMenuList__img .hover svg { -webkit-transition: 0.2s cubic-bezier(0.7, 0, 0.3, 1); transition: 0.2s cubic-bezier(0.7, 0, 0.3, 1); fill: transparent; width: 4.25rem; height: 4.25rem; } @media screen and (min-width: 1200px) { .topMenuList__img .hover svg { width: 4.25rem; height: 4.25rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .topMenuList__img .hover svg { width: 4.25rem; height: 4.25rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .topMenuList__img .hover svg { width: 4.5625rem; height: 4.5625rem; } } .topMenuList__text { -webkit-transition: 0.2s cubic-bezier(0.7, 0, 0.3, 1); transition: 0.2s cubic-bezier(0.7, 0, 0.3, 1); font-family: 'GothamProLight', sans-serif; line-height: 1; font-size: 1.125rem; } @media screen and (min-width: 480px) { .topMenuList__text { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .topMenuList__text { font-size: 1.25rem; } } @media screen and (min-width: 1020px) { .topMenuList__text { font-size: 1.25rem; } } @media screen and (min-width: 1200px) { .topMenuList__text { font-size: 0.875rem; } } @media screen and (min-width: 2000px) { .topMenuList__text { font-size: 1rem; } } .topMenuList__title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 5.625rem; width: 100%; padding-left: 1.875rem; border-bottom: 1px solid #f3f3f3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: 'GothamProMedium', sans-serif; font-size: 1.125rem; line-height: 1; text-transform: uppercase; letter-spacing: 0.03em; } @media screen and (min-width: 480px) { .topMenuList__title { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .topMenuList__title { font-size: 1.25rem; } } @media screen and (min-width: 1020px) { .topMenuList__title { font-size: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .topMenuList__title { font-size: 1.125rem; display: none; } } .topMenuButton { overflow: hidden; position: fixed; right: 1.625rem; top: 1.25rem; z-index: 12; -webkit-transition: background 0.5s; transition: background 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); display: inline-block; width: 1.875rem; height: 1.875rem; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (min-width: 480px) { .topMenuButton { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 767px) { .topMenuButton { width: 3.125rem; height: 3.125rem; top: 1.625rem; } } @media screen and (min-width: 1020px) { .topMenuButton { position: fixed; right: 1.625rem; } } @media screen and (min-width: 1200px) { .topMenuButton { position: absolute; top: 5.15vh; right: 2.5rem; width: 6.5vh; height: 6.5vh; } .topMenuButton:hover { cursor: pointer; } .topMenuButton:hover .topMenuButton__burger:before, .topMenuButton:hover .topMenuButton__burger:after { width: 100%; } .topMenuButton:hover .topMenuButton__hover { -webkit-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0); } } @media screen and (min-width: 1200px) and (max-height: 700px) { .topMenuButton { top: 4vh; width: 8.5vh; height: 8.5vh; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .topMenuButton { top: 5.65vh; width: 5.7vh; height: 5.7vh; } } .page.preload .topMenuButton { visibility: hidden; opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .page.loaded .topMenuButton { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: showContent 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; animation: showContent 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .page.inner .topMenuButton { z-index: 125; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .page.focus .topMenuButton { z-index: 0; } .topMenuButton__bg { pointer-events: none; will-change: transform; position: fixed; right: 0.9375rem; top: 0.625rem; width: 3.125rem; height: 3.125rem; z-index: 11; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotate(-45deg) scale(-1, 1) translateZ(0) translate3d(0, 0, 0); transform: rotate(-45deg) scale(-1, 1) translateZ(0) translate3d(0, 0, 0); opacity: 1; } .page.focus .topMenuButton__bg { z-index: 0; } @media screen and (min-width: 480px) { .topMenuButton__bg { width: 3.125rem; height: 3.125rem; } } @media screen and (min-width: 767px) { .topMenuButton__bg { width: 4.375rem; height: 4.375rem; } } @media screen and (min-width: 1020px) { .topMenuButton__bg { position: fixed; right: 0.9375rem; top: 0.625rem; } } @media screen and (min-width: 1200px) { .topMenuButton__bg { position: absolute; right: 1.6875rem; top: 4vh; width: 9vh; height: 9vh; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .topMenuButton__bg { right: 1.875rem; top: 3vh; width: 11vh; height: 11vh; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .topMenuButton__bg { right: 1.6875rem; top: 4.7vh; width: 8vh; height: 8vh; } } .page.preload .topMenuButton__bg { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .page.loaded .topMenuButton__bg { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: showContent 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; animation: showContent 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .page.inner .topMenuButton__bg { z-index: 124; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .topMenuButton__bg svg { fill: #f28a00; width: 100%; height: 100%; } @media screen and (min-width: 1020px) { .topMenuButton__bg svg { fill: #f28a00; } } @media screen and (min-width: 1200px) { .topMenuButton__bg svg { fill: #9d1012; } } .topMenuButton__burger, .topMenuButton__hover { display: inline-block; position: relative; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 65%; height: 1px; background: #fff; -webkit-transition: background 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: background 0.3s cubic-bezier(0.7, 0, 0.3, 1); } @media screen and (min-width: 480px) { .topMenuButton__burger, .topMenuButton__hover { height: 1px; } } @media screen and (min-width: 767px) { .topMenuButton__burger, .topMenuButton__hover { height: 2px; } } @media screen and (min-width: 1200px) { .topMenuButton__burger, .topMenuButton__hover { height: 3px; } } .topMenuButton__burger:before, .topMenuButton__hover:before, .topMenuButton__burger:after, .topMenuButton__hover:after { content: ''; position: absolute; right: 0; width: 100%; height: 1px; background: #fff; -webkit-transition: width 0.5s cubic-bezier(0.7, 0, 0.3, 1), top 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: width 0.5s cubic-bezier(0.7, 0, 0.3, 1), top 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: width 0.5s cubic-bezier(0.7, 0, 0.3, 1), transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), top 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: width 0.5s cubic-bezier(0.7, 0, 0.3, 1), transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), top 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform-origin: center center; transform-origin: center center; } @media screen and (min-width: 480px) { .topMenuButton__burger:before, .topMenuButton__hover:before, .topMenuButton__burger:after, .topMenuButton__hover:after { height: 1px; } } @media screen and (min-width: 767px) { .topMenuButton__burger:before, .topMenuButton__hover:before, .topMenuButton__burger:after, .topMenuButton__hover:after { height: 2px; } } @media screen and (min-width: 1200px) { .topMenuButton__burger:before, .topMenuButton__hover:before, .topMenuButton__burger:after, .topMenuButton__hover:after { height: 3px; } } .topMenuButton__burger:before, .topMenuButton__hover:before { width: 80%; top: 0.4375rem; } @media screen and (min-width: 480px) { .topMenuButton__burger:before, .topMenuButton__hover:before { top: 0.4375rem; } } @media screen and (min-width: 767px) { .topMenuButton__burger:before, .topMenuButton__hover:before { top: 0.5625rem; } } @media screen and (min-width: 1200px) { .topMenuButton__burger:before, .topMenuButton__hover:before { top: 0.75rem; } } .topMenuButton__burger:after, .topMenuButton__hover:after { width: 60%; top: -0.4375rem; } @media screen and (min-width: 480px) { .topMenuButton__burger:after, .topMenuButton__hover:after { top: -0.4375rem; } } @media screen and (min-width: 767px) { .topMenuButton__burger:after, .topMenuButton__hover:after { top: -0.5625rem; } } @media screen and (min-width: 1200px) { .topMenuButton__burger:after, .topMenuButton__hover:after { top: -0.75rem; } } .topMenuButton__hover { pointer-events: none; opacity: 1; visibility: visible; will-change: transform, opacity; position: absolute; width: 100%; background: #f28a00; -webkit-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); } .topMenuButton__hover:before, .topMenuButton__hover:after { background: #9d1012; width: 100%; display: none; } @media screen and (min-width: 1020px) { .topMenuButton__hover:before, .topMenuButton__hover:after { display: none; } } @media screen and (min-width: 1200px) { .topMenuButton__hover:before, .topMenuButton__hover:after { display: block; } } @media screen and (min-width: 1020px) { .topMenuButton__hover { background: #f28a00; } } @media screen and (min-width: 1200px) { .topMenuButton__hover { background: #9d1012; } } .form input, .form textarea { -webkit-appearance: none; } .form input:-webkit-autofill, .form input:-webkit-autofill:hover, .form input:-webkit-autofill:focus, .form textarea:-webkit-autofill, .form textarea:-webkit-autofill:hover, .form textarea:-webkit-autofill:focus, .form select:-webkit-autofill, .form select:-webkit-autofill:hover, .form select:-webkit-autofill:focus { -webkit-transition: background-color 9999s ease-in-out 0s; transition: background-color 9999s ease-in-out 0s; } .form .selectric { font-family: 'GothamProLight', sans-serif; min-width: 10rem; padding: 0 0.9375rem; height: 2.5rem; border: 1px solid #dcdcdc; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 480px) { .form .selectric { height: 2.5rem; } } @media screen and (min-width: 767px) { .form .selectric { height: 3.125rem; } } @media screen and (min-width: 1020px) { .form .selectric { padding: 0 0.9375rem; border: 1px solid #dcdcdc; } } @media screen and (min-width: 1200px) { .form .selectric { padding: 0; height: 2.1875rem; border: none; border-bottom: 1px solid #f28a00; } } .form .selectric-wrapper { width: 100%; } .form .selectric .label { height: auto; line-height: 1; color: #000; font-size: 1rem; line-height: 1.5; display: inline; margin: 0; margin-right: 0.5rem; } @media screen and (min-width: 480px) { .form .selectric .label { font-size: 1rem; } } @media screen and (min-width: 767px) { .form .selectric .label { font-size: 1.125rem; } } @media screen and (min-width: 1200px) { .form .selectric .label { font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form .selectric .label { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .form .selectric .label { font-size: 1.125rem; } } .form .selectric .button { background-color: #fff; box-shadow: none; } .form .selectric .button:before { display: none; } .form .selectric-items { background-color: #f1f1f1; border-color: #f1f1f1; } .form .selectric-scroll li { font-size: 1rem; font-family: 'GothamProLight', sans-serif; color: #000; padding-left: 0.5rem; } @media screen and (min-width: 480px) { .form .selectric-scroll li { font-size: 1rem; } } @media screen and (min-width: 767px) { .form .selectric-scroll li { font-size: 1.125rem; } } @media screen and (min-width: 1200px) { .form .selectric-scroll li { font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form .selectric-scroll li { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .form .selectric-scroll li { font-size: 1.125rem; } } .form .selectric-scroll li:hover, .form .selectric-scroll li.highlighted { background: #dcdcdc; } .form .selectric-scroll li:first-of-type { display: none; } .form .selectric-select__arrow { -webkit-transition: 0.2s; transition: 0.2s; fill: #000; } .form .selectric-select__arrow--open { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .form__info { line-height: 1.3; color: #909090; font-family: 'GothamProLight', sans-serif; font-size: 1rem; } @media screen and (min-width: 480px) { .form__info { font-size: 1rem; } } @media screen and (min-width: 767px) { .form__info { font-size: 1.125rem; } } @media screen and (min-width: 1200px) { .form__info { font-size: inherit; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form__info { font-size: 0.875rem; } } .form__caption { font-size: 1rem; } @media screen and (min-width: 480px) { .form__caption { font-size: 1rem; } } @media screen and (min-width: 767px) { .form__caption { font-size: 1.125rem; } } @media screen and (min-width: 1200px) { .form__caption { font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form__caption { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .form__caption { font-size: 1.125rem; } } .form__label { display: block; position: relative; margin-bottom: 0.9375rem; } @media screen and (min-width: 1020px) { .form__label { margin-bottom: 0.9375rem; } } @media screen and (min-width: 1200px) { .form__label { margin-bottom: 1.875rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form__label { margin-bottom: 1.25rem; } } .form__label:last-child { margin-bottom: 0; } .form__field { padding-left: 0.9375rem; display: block; width: 100%; height: 2.5rem; border: 1px solid #dcdcdc; color: #000; font-family: 'GothamProLight', sans-serif; font-size: 1rem; line-height: 1; background-color: #fff; outline: 0; -webkit-transition: 0.2s; transition: 0.2s; } @media screen and (min-width: 480px) { .form__field { height: 2.5rem; font-size: 1rem; } } @media screen and (min-width: 767px) { .form__field { height: 3.125rem; font-size: 1.125rem; } } @media screen and (min-width: 1020px) { .form__field { padding-left: 0.9375rem; border: 1px solid #dcdcdc; } } @media screen and (min-width: 1200px) { .form__field { padding-left: 0; height: 2.8125rem; border: none; border-bottom: 1px solid #f28a00; font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form__field { height: 2.1875rem; font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .form__field { font-size: 1.125rem; } } .form__field_invalid { border-color: #f00; box-shadow: inset 0 0 0.3125rem #f00; } .form__field:focus { border-color: #f28a00; } .form__field::-webkit-input-placeholder { -webkit-transition: 0.2s; transition: 0.2s; color: #aeaeae; font-size: 1rem; } @media screen and (min-width: 480px) { .form__field::-webkit-input-placeholder { font-size: 1rem; } } @media screen and (min-width: 767px) { .form__field::-webkit-input-placeholder { font-size: 1.125rem; } } @media screen and (min-width: 1020px) { .form__field::-webkit-input-placeholder { color: #aeaeae; } } @media screen and (min-width: 1200px) { .form__field::-webkit-input-placeholder { color: #000; font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form__field::-webkit-input-placeholder { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .form__field::-webkit-input-placeholder { font-size: 1.125rem; } } .form__field::-moz-input-placeholder { -webkit-transition: 0.2s; transition: 0.2s; color: #aeaeae; font-size: 1rem; } @media screen and (min-width: 480px) { .form__field::-moz-input-placeholder { font-size: 1rem; } } @media screen and (min-width: 767px) { .form__field::-moz-input-placeholder { font-size: 1.125rem; } } @media screen and (min-width: 1020px) { .form__field::-moz-input-placeholder { color: #aeaeae; } } @media screen and (min-width: 1200px) { .form__field::-moz-input-placeholder { color: #000; font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form__field::-moz-input-placeholder { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .form__field::-moz-input-placeholder { font-size: 1.125rem; } } .form__field:focus::-webkit-input-placeholder { color: transparent; } .form__field:focus::-moz-input-placeholder { color: transparent; } .form__button { background: #f28a00; color: #fff; border: none; padding: 1.125rem 2.8125rem; text-transform: none; font-size: 1.125rem; font-family: 'GothamProLight', sans-serif; } .form__button[disabled] { background: #1f283d !important; color: #3b455c !important; } .form__checkbox { position: absolute; right: 1000%; } .form__radio { position: absolute; right: 1000%; } .form__checkboxBox { padding: 0.75rem 0.3125rem 0.625rem 0.3125rem; min-width: 5.0625rem; background-color: transparent; color: #cdcdcd; font-size: 1rem; line-height: 1; font-family: 'GothamProLight', sans-serif; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .form__checkboxBox { font-family: 'GothamProLight', sans-serif; min-width: 5.0625rem; } } @media screen and (min-width: 1200px) { .form__checkboxBox { font-family: 'GothamProBold', sans-serif; min-width: 3.125rem; font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form__checkboxBox { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .form__checkboxBox { font-size: 1.125rem; } } .form__checkboxBox:hover { cursor: pointer; } input:checked + .form__checkboxBox { background-color: #f28a00; color: #fff; } .form__radioBox { padding: 0 0.3125rem; min-width: 5.0625rem; height: 2.4375rem; background-color: transparent; color: #cdcdcd; font-size: 1rem; line-height: 1; font-family: 'GothamProLight', sans-serif; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .form__radioBox { font-family: 'GothamProLight', sans-serif; min-width: 5.0625rem; height: 2.4375rem; } } @media screen and (min-width: 1200px) { .form__radioBox { font-family: 'GothamProBold', sans-serif; min-width: 3.125rem; height: 2.1875rem; font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form__radioBox { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .form__radioBox { font-size: 1.125rem; } } .form__radioBox:hover { cursor: pointer; } input:checked + .form__radioBox { background-color: #f28a00; color: #fff; } .form_feedbackForm { position: relative; } .form_feedbackForm .form__label_textarea .form__field { line-height: 2; } .form_feedbackForm .form__label_button { text-align: center; } .form_requestForm { width: 100%; height: 100%; position: relative; } @media screen and (min-width: 1020px) { .form_requestForm { width: 100%; } } @media screen and (min-width: 1200px) { .form_requestForm { width: 90% !important; } } .form_requestForm .swiper-container { width: 100%; height: 100%; } .form_requestForm .swiper-wrapper { height: 100%; } .form_requestForm .swiper-slide { width: 100%; height: 80%; overflow: auto; background-color: #fff; } .form_requestForm .swiper-slide .mCSB_container { margin-right: 1.25rem; overflow-y: auto; } .form_requestForm .swiper-slide .mCSB_scrollTools { background: #cdcdcd; } .form_requestForm .swiper-slide .mCSB_scrollTools_vertical { top: 0; right: 0; width: 1px; } .form_requestForm .swiper-slide .mCSB_scrollTools .mCSB_dragger_bar { right: 0; width: 1px; border-radius: 0; background-color: #f28a00; } @media screen and (min-width: 1020px) { .form_requestForm .swiper-slide { height: 80%; overflow: auto; } .form_requestForm .swiper-slide .mCSB_container { margin-right: 1.25rem; overflow-y: auto; } .form_requestForm .swiper-slide .mCSB_scrollTools { background: #cdcdcd; } .form_requestForm .swiper-slide .mCSB_scrollTools_vertical { top: 0; right: 0; width: 1px; } .form_requestForm .swiper-slide .mCSB_scrollTools .mCSB_dragger_bar { right: 0; width: 1px; border-radius: 0; background-color: #f28a00; } } @media screen and (min-width: 1200px) { .form_requestForm .swiper-slide { height: 89%; overflow: hidden; } .form_requestForm .swiper-slide .mCSB_container { margin-right: 2.5rem; overflow-y: auto; } .form_requestForm .swiper-slide .mCSB_scrollTools { background: #cdcdcd; } .form_requestForm .swiper-slide .mCSB_scrollTools_vertical { top: 1.875rem; right: 0.3125rem; width: 0.0625rem; } .form_requestForm .swiper-slide .mCSB_scrollTools .mCSB_dragger_bar { right: 0.25rem; width: 0.5625rem; border-radius: 0; background-color: #f28a00; } } .form_requestForm .swiper-nav { position: fixed; z-index: 2; padding-left: 0.9375rem; padding-right: 5rem; padding-bottom: 0.9375rem; height: 4.0625rem; left: 0; width: 100%; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; } @media screen and (min-width: 480px) { .form_requestForm .swiper-nav { height: 4.0625rem; padding-right: 6.25rem; } } @media screen and (min-width: 767px) { .form_requestForm .swiper-nav { height: 5.3125rem; padding-right: 9.375rem; } } @media screen and (min-width: 1020px) { .form_requestForm .swiper-nav { position: fixed; padding-left: 0.9375rem; } } @media screen and (min-width: 1200px) { .form_requestForm .swiper-nav { position: absolute; padding: 0; height: 11%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form_requestForm .swiper-nav { height: 10%; } } .form_requestForm .swiper-nav .checkForm { position: absolute; z-index: 20; height: 100%; width: 45%; right: 5rem; top: 0; background-color: rgba(255,255,255,0.5); opacity: 1; -webkit-transition: 0.4s; transition: 0.4s; cursor: pointer; } @media screen and (min-width: 480px) { .form_requestForm .swiper-nav .checkForm { right: 6.25rem; } } @media screen and (min-width: 767px) { .form_requestForm .swiper-nav .checkForm { right: 9.375rem; } } @media screen and (min-width: 1020px) { .form_requestForm .swiper-nav .checkForm { width: 45%; right: 5rem; } } @media screen and (min-width: 1200px) { .form_requestForm .swiper-nav .checkForm { width: 50%; right: 0; } } .form_requestForm .swiper-nav .checkForm.disabled { pointer-events: none; opacity: 0; } .form_requestForm .swiper-button-prev, .form_requestForm .swiper-button-next { position: relative; margin: 0; height: 100%; width: 50%; top: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'GothamProMedium', sans-serif; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); font-size: 1rem; color: #000; } @media screen and (min-width: 480px) { .form_requestForm .swiper-button-prev, .form_requestForm .swiper-button-next { font-size: 1rem; } } @media screen and (min-width: 767px) { .form_requestForm .swiper-button-prev, .form_requestForm .swiper-button-next { font-size: 1.25rem; } } @media screen and (min-width: 1020px) { .form_requestForm .swiper-button-prev, .form_requestForm .swiper-button-next { height: auto; } } @media screen and (min-width: 1200px) { .form_requestForm .swiper-button-prev, .form_requestForm .swiper-button-next { height: 100%; font-size: 1rem; } } .form_requestForm .swiper-button-prev .text, .form_requestForm .swiper-button-next .text { border-bottom: 1px solid #f28a00; } .form_requestForm .swiper-button-prev .icon, .form_requestForm .swiper-button-next .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form_requestForm .swiper-button-prev .icon svg, .form_requestForm .swiper-button-next .icon svg { fill: #f28a00; width: 1rem; height: 1rem; } .form_requestForm .swiper-button-prev:hover, .form_requestForm .swiper-button-next:hover { color: #f28a00; } .form_requestForm .swiper-button-prev { left: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .form_requestForm .swiper-button-prev svg { margin-right: 0.625rem; } .form_requestForm .swiper-button-next { right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .form_requestForm .swiper-button-next svg { margin-left: 0.625rem; } .form_requestForm .swiper-button-next.swiper-button-disabled ~ .swiper-button-submit { opacity: 1; visibility: visible; pointer-events: all; } .form_requestForm .swiper-button-submit { position: absolute; right: 5rem; top: auto; bottom: 0.9375rem; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } @media screen and (min-width: 480px) { .form_requestForm .swiper-button-submit { right: 6.25rem; } } @media screen and (min-width: 767px) { .form_requestForm .swiper-button-submit { right: 9.375rem; } } @media screen and (min-width: 1020px) { .form_requestForm .swiper-button-submit { top: auto; right: 5rem; bottom: 0.9375rem; } } @media screen and (min-width: 1200px) { .form_requestForm .swiper-button-submit { top: 0; right: 0; bottom: auto; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form_requestForm .swiper-button-submit { height: 100%; } } .form_requestForm .form__message { position: relative; } .form_requestForm .form__caption { font-family: 'GothamProMedium', sans-serif; padding: 1.25rem 0; } @media screen and (min-width: 1020px) { .form_requestForm .form__caption { padding: 1.25rem 0; font-family: 'GothamProMedium', sans-serif; } } @media screen and (min-width: 1200px) { .form_requestForm .form__caption { font-family: 'GothamProRegular', sans-serif; padding: 2.5rem 0; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form_requestForm .form__caption { padding: 1.25rem 0; } } .form_requestForm .form__text { font-family: 'GothamProLight', sans-serif; font-size: 1rem; padding-bottom: 0.3125rem; } @media screen and (min-width: 1200px) { .form_requestForm .form__text { font-size: 1rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form_requestForm .form__text { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .form_requestForm .form__text { font-size: 1.125rem; } } .form_requestForm .form__label { margin-bottom: 0.9375rem; } @media screen and (min-width: 1020px) { .form_requestForm .form__label { margin-bottom: 0.9375rem; } } @media screen and (min-width: 1200px) { .form_requestForm .form__label { margin-bottom: 1.5625rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form_requestForm .form__label { margin-bottom: 0.9375rem; } } .form_requestForm .form__label:first-child .form__caption { padding-top: 0; } .form_requestForm .form__label:last-child { margin-bottom: 0; } .form_requestForm .form__label_checkbox label { display: block; margin-right: 5px; margin-bottom: 5px; } .form_requestForm .form__label_checkbox label:last-of-type { margin-right: 0; } .form_requestForm .form__label_radio .form__caption { font-family: 'GothamProLight', sans-serif; text-align: center; } @media screen and (min-width: 1020px) { .form_requestForm .form__label_radio .form__caption { font-family: 'GothamProLight', sans-serif; text-align: center; } } @media screen and (min-width: 1200px) { .form_requestForm .form__label_radio .form__caption { font-family: 'GothamProRegular', sans-serif; text-align: left; } } .form_requestForm .form__label_radio .form__fieldWrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .form_requestForm .form__label_radio .form__fieldWrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1200px) { .form_requestForm .form__label_radio .form__fieldWrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .form_requestForm .form__label_checkbox .form__caption { font-family: 'GothamProLight', sans-serif; text-align: center; } @media screen and (min-width: 1020px) { .form_requestForm .form__label_checkbox .form__caption { font-family: 'GothamProLight', sans-serif; text-align: center; } } @media screen and (min-width: 1200px) { .form_requestForm .form__label_checkbox .form__caption { font-family: 'GothamProRegular', sans-serif; text-align: left; } } .form_requestForm .form__label_checkbox .form__fieldWrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .form_requestForm .form__label_text .form__fieldWrapper, .form_requestForm .form__label_number .form__fieldWrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1020px) { .form_requestForm .form__label_text .form__fieldWrapper, .form_requestForm .form__label_number .form__fieldWrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1200px) { .form_requestForm .form__label_text .form__fieldWrapper, .form_requestForm .form__label_number .form__fieldWrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .form_requestForm .form__field { height: 2.5rem; } @media screen and (min-width: 480px) { .form_requestForm .form__field { height: 2.5rem; } } @media screen and (min-width: 767px) { .form_requestForm .form__field { height: 3.125rem; } } @media screen and (min-width: 1200px) { .form_requestForm .form__field { height: 2.1875rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form_requestForm .form__field { height: 1.5625rem; } } .form_requestForm .form__field_group { width: 100%; margin-bottom: 0.9375rem; } .form_requestForm .form__field_group:last-of-type { margin-bottom: 0; } @media screen and (min-width: 1020px) { .form_requestForm .form__field_group { width: 100%; margin-bottom: 0.9375rem; } .form_requestForm .form__field_group:last-of-type { margin-bottom: 0; } } @media screen and (min-width: 1200px) { .form_requestForm .form__field_group { width: 30%; margin-bottom: 0; } } .form_requestForm .form__field_group.small { width: 48%; } @media screen and (min-width: 1020px) { .form_requestForm .form__field_group.small { width: 48%; } } @media screen and (min-width: 1200px) { .form_requestForm .form__field_group.small { width: 20%; } } .form_requestForm .form__field_group.big { width: 100%; } @media screen and (min-width: 1020px) { .form_requestForm .form__field_group.big { width: 100%; } } @media screen and (min-width: 1200px) { .form_requestForm .form__field_group.big { width: 45%; } } .form_requestForm .form__fieldWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form_requestForm .form__button { padding: 0.9375rem; font-size: 1rem; height: auto; } @media screen and (min-width: 370px) { .form_requestForm .form__button { padding: 0.9375rem; font-size: 1rem; } } @media screen and (min-width: 480px) { .form_requestForm .form__button { padding: 1.125rem 2.8125rem; height: auto; } } @media screen and (min-width: 767px) { .form_requestForm .form__button { padding: 0 3.75rem; font-size: 1.25rem; height: 4.375rem; } } @media screen and (min-width: 1200px) { .form_requestForm .form__button { font-size: 1.125rem; height: auto; padding: 1.125rem 2.8125rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .form_requestForm .form__button { padding: 0 2.8125rem; height: 100%; } } .form__message { font-family: 'GothamProLight', sans-serif; position: absolute; bottom: 0; left: 0; font-size: 0.875rem; } @media screen and (min-width: 1020px) { .form__message { font-size: 0.875rem; } } @media screen and (min-width: 1200px) { .form__message { font-size: 1rem; } } .form__message--error { color: #f00 !important; } .form__message--success { color: #008000 !important; } .thanksPopupMobile__inner { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; font-size: 1.125rem; } .thanksPopupMobile__title { text-transform: uppercase; font-family: 'GothamProMedium', sans-serif; padding-bottom: 1.875rem; } .thanksPopupMobile__text { font-family: 'GothamProLight', sans-serif; } .thanksPopupMobile__button { width: 11.875rem; padding: 1rem; text-align: center; background-color: #f28a00; color: #fff; margin-top: 3.125rem; } .thanksPopup { display: none; position: relative; background-color: #fff; width: 25rem; height: 16.875rem; box-shadow: 1.1875rem -0.8125rem 2.375rem 0 rgba(52,69,114,0.25); } .thanksPopup__inner { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .thanksPopup__title { text-transform: uppercase; font-family: 'GothamProMedium', sans-serif; padding-bottom: 1.875rem; font-size: 1.125rem; line-height: 1.5; } .thanksPopup__text { font-family: 'GothamProLight', sans-serif; font-size: 1rem; line-height: 1.5; } .thanksPopup__button { width: 11.875rem; padding: 1rem; text-align: center; background-color: #f28a00; color: #fff; margin-top: 3.125rem; } .social { display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: all; } .social_fixed { overflow: hidden; position: absolute; right: 8.75rem; top: 0; height: 17vh; min-width: 10vw; z-index: 9; -webkit-transition: background 0.5s; transition: background 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); display: inline-block; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (min-width: 1020px) { .social_fixed { display: none; } } @media screen and (min-width: 1200px) { .social_fixed { display: -webkit-box; display: -ms-flexbox; display: flex; } } .page.preload .social_fixed { visibility: hidden; opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .page.loaded .social_fixed { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: showContent 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: showContent 1s cubic-bezier(0.7, 0, 0.3, 1) both; -webkit-animation-delay: 1s; animation-delay: 1s; } .page.inner .social_fixed { z-index: 121; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .page.focus .social_fixed { z-index: 0; } .page.bgPreSet--0 .social .social__item:hover svg, .page.bgPreSet--5 .social .social__item:hover svg { fill: #f28a00; } .page.inner .social .social__item svg, .page.bgPreSet--1 .social .social__item svg, .page.bgPreSet--3 .social .social__item svg, .page.bgPreSet--6 .social .social__item svg { fill: #cdcdcd; } .page.inner .social .social__item:hover svg, .page.bgPreSet--1 .social .social__item:hover svg, .page.bgPreSet--3 .social .social__item:hover svg, .page.bgPreSet--6 .social .social__item:hover svg { fill: #f28a00; } .page.bgPreSet--2 .social .social__item:hover svg, .page.bgPreSet--4 .social .social__item:hover svg { fill: #9d1012; } .social_gray .social__item svg { fill: #cdcdcd !important; } .social_gray .social__item:hover svg { fill: #f28a00 !important; } .social__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .social__item svg { margin-right: 0.5625rem; -webkit-transition: 0.4s; transition: 0.4s; fill: #fff; width: 2.25rem; height: 2.25rem; } @media screen and (min-width: 480px) { .social__item svg { margin-right: 0.5625rem; width: 2.25rem; height: 2.25rem; } } @media screen and (min-width: 767px) { .social__item svg { margin-right: 0.75rem; width: 2.8125rem; height: 2.8125rem; } } @media screen and (min-width: 1200px) { .social__item svg { margin-right: 0.5625rem; width: 2.25rem; height: 2.25rem; } } .social__item:hover svg { fill: #fff; } .social__item:last-of-type svg { margin-right: 0; } .search { position: relative; z-index: 1; width: 100%; padding-top: 0; } @media screen and (min-width: 1020px) { .search { padding-top: 0; } } @media screen and (min-width: 1200px) { .search { padding-top: 1.25rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .search { padding-top: 1.5625rem; } } .searchForm { overflow: hidden; -webkit-transition: 0.2s; transition: 0.2s; background-color: transparent; border: 1px solid #dcdcdc; height: 2.5rem; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page.bgPreSet--2 .searchForm { border: 1px solid #cdcdcd; } @media screen and (min-width: 480px) { .searchForm { height: 2.5rem; } } @media screen and (min-width: 767px) { .searchForm { height: 3.75rem; } } @media screen and (min-width: 1020px) { .searchForm { border: 1px solid #dcdcdc; background-color: transparent; } } @media screen and (min-width: 1200px) { .searchForm { height: 2.5rem; background-color: #fff; border: none; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .searchForm { height: 2.5rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .searchForm { height: 2.875rem; } } .searchForm__label { width: 85%; height: 100%; color: #000; font-size: 1.125rem; line-height: 1; font-family: 'GothamProLight', sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 480px) { .searchForm__label { font-size: 1.125rem; line-height: 1; } } @media screen and (min-width: 767px) { .searchForm__label { font-size: 1.25rem; line-height: 1; } } @media screen and (min-width: 1020px) { .searchForm__label { width: 85%; } } @media screen and (min-width: 1200px) { .searchForm__label { font-size: 1.125rem; line-height: 1; width: 65%; } } .searchForm__input { width: 100%; height: 100%; padding-left: 1.25rem; border: none; background-color: inherit; font-size: 1.125rem; } @media screen and (min-width: 480px) { .searchForm__input { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .searchForm__input { font-size: 1.25rem; } } .searchForm__input::-webkit-input-placeholder { -webkit-transition: 0.2s; transition: 0.2s; color: #dcdcdc; font-size: 1.125rem; font-family: 'GothamProLight', sans-serif; } @media screen and (min-width: 480px) { .searchForm__input::-webkit-input-placeholder { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .searchForm__input::-webkit-input-placeholder { font-size: 1.25rem; } } @media screen and (min-width: 1020px) { .searchForm__input::-webkit-input-placeholder { color: #dcdcdc; } } @media screen and (min-width: 1200px) { .searchForm__input::-webkit-input-placeholder { font-size: 1.125rem; color: #000; } } .searchForm__input::-moz-placeholder { -webkit-transition: 0.2s; transition: 0.2s; color: #dcdcdc; font-size: 1.125rem; font-family: 'GothamProLight', sans-serif; } @media screen and (min-width: 480px) { .searchForm__input::-moz-placeholder { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .searchForm__input::-moz-placeholder { font-size: 1.25rem; } } @media screen and (min-width: 1020px) { .searchForm__input::-moz-placeholder { color: #dcdcdc; } } @media screen and (min-width: 1200px) { .searchForm__input::-moz-placeholder { color: #000; } } .searchForm__input:focus::-webkit-input-placeholder { color: transparent; } .searchForm__input:focus::-moz-placeholder { color: transparent; } .searchForm__button { padding: 0; height: 100%; width: 20%; border: none; background: transparent; cursor: pointer; border-radius: 0; opacity: 1; -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); } @media screen and (min-width: 1020px) { .searchForm__button { width: 20%; background: transparent; } } @media screen and (min-width: 1200px) { .searchForm__button { width: 35.1%; background: #f28a00; } } .searchForm__button:after { will-change: transform; content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -0.9375rem 0 0 1px; width: 1.875rem; height: 1.875rem; border-radius: 50%; background-color: #fff; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1) translateZ(0); transform: scale3d(1, 2, 1) translateZ(0); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); } .searchForm__button span { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .searchForm__button span svg { fill: #dcdcdc; width: 1.625rem; height: 1.625rem; } @media screen and (min-width: 480px) { .searchForm__button span svg { width: 1.625rem; height: 1.625rem; } } @media screen and (min-width: 767px) { .searchForm__button span svg { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 1020px) { .searchForm__button span svg { fill: #dcdcdc; } } @media screen and (min-width: 1200px) { .searchForm__button span svg { width: 1.625rem; height: 1.625rem; fill: #fff; } } .searchForm__button--hide { pointer-events: none; opacity: 0; } .searchForm__button--hide:after { -webkit-transform: scale3d(9, 9, 1) translateZ(0); transform: scale3d(9, 9, 1) translateZ(0); } .spinner { pointer-evens: none; width: 2.5rem; height: 2.5rem; text-align: center; -webkit-animation: rotate 2s infinite linear; animation: rotate 2s infinite linear; } .spinner__wr { left: 50%; top: 50%; position: absolute; -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); z-index: 1000; } .spinner--hide { display: none; } .spinner .dot1, .spinner .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #f28a00; border-radius: 100%; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .spinner .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .switch { min-height: 4.375rem; height: 11vh; width: 100%; text-transform: uppercase; font-size: 1.125rem; line-height: 1; font-family: 'GothamProMedium', sans-serif; padding-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 1020px) { .switch { min-height: 4.375rem; height: 11vh; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0; } } @media screen and (min-width: 1200px) { .switch { min-height: auto; height: auto; width: auto; padding-bottom: 1.25rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .switch { padding-bottom: 0.625rem; } } .switch__wrapp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .switch__item { padding: 0.625rem; font-size: 1rem; color: #d8d8d8; } .switch__item:before { display: none; } .switch__item.active { color: #000; } @media screen and (min-width: 370px) { .switch__item { font-size: 1.125rem; } } @media screen and (min-width: 480px) { .switch__item { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .switch__item { font-size: 1.5625rem; } } @media screen and (min-width: 1020px) { .switch__item { color: #d8d8d8; } .switch__item.active { color: #000; } .switch__item:before { display: none; } } @media screen and (min-width: 1200px) { .switch__item { font-size: 1.125rem; color: inherit; } .switch__item.active { color: #fff; } .switch__item:before { display: block; } } .switch__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1020px) { .switch__icon { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .switch__icon { display: none; } } .switch__icon[data-view="list"].active svg { fill: #000; } .switch__icon svg { fill: #d8d8d8; width: 1.375rem; height: 1.375rem; } @media screen and (min-width: 370px) { .switch__icon svg { width: 1.375rem; height: 1.375rem; } } @media screen and (min-width: 480px) { .switch__icon svg { width: 1.375rem; height: 1.375rem; } } @media screen and (min-width: 767px) { .switch__icon svg { width: 1.875rem; height: 1.875rem; } } .switch__icon.active svg { fill: #f28a00; } .switch__seporator { margin: 0 0.625rem; display: none; } @media screen and (min-width: 1020px) { .switch__seporator { display: none; } } @media screen and (min-width: 1200px) { .switch__seporator { display: block; } } .switch_red .switch__item { padding: 0.625rem; font-size: 1rem; } .switch_red .switch__item.active { color: #000; } @media screen and (min-width: 370px) { .switch_red .switch__item { font-size: 1.125rem; } } @media screen and (min-width: 480px) { .switch_red .switch__item { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .switch_red .switch__item { font-size: 1.5625rem; } } @media screen and (min-width: 1020px) { .switch_red .switch__item.active { color: #000; } } @media screen and (min-width: 1200px) { .switch_red .switch__item { font-size: 1.125rem; } .switch_red .switch__item.active { color: #fff; } } .switch_black .switch__item { color: #d8d8d8; padding: 0.625rem; font-size: 1rem; } .switch_black .switch__item:hover, .switch_black .switch__item.active { color: #000; } @media screen and (min-width: 370px) { .switch_black .switch__item { font-size: 1.125rem; } } @media screen and (min-width: 480px) { .switch_black .switch__item { font-size: 1.125rem; } } @media screen and (min-width: 767px) { .switch_black .switch__item { font-size: 1.5625rem; } } @media screen and (min-width: 1020px) { .switch_black .switch__item { color: #d8d8d8; } } @media screen and (min-width: 1200px) { .switch_black .switch__item { font-size: 1.125rem; color: #000; } } .switch_black .switch__seporator { color: #000; } .switch__close { position: absolute; left: 100%; width: 3.125rem; height: 3.125rem; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; } @media screen and (min-width: 1020px) { .switch__close { display: none; } } @media screen and (min-width: 1200px) { .switch__close { display: -webkit-box; display: -ms-flexbox; display: flex; width: 3.125rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .switch__close { width: 12.5rem; } } .switch__close span { will-change: transform; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transform: rotate(0); transform: rotate(0); } .switch__close svg { fill: #000; width: 1.6875rem; height: 1.6875rem; } @media screen and (min-width: 1200px) { .switch__close svg { width: 1.6875rem; height: 1.6875rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .switch__close svg { width: 2.3125rem; height: 2.3125rem; } } .switch__close:hover { cursor: pointer; } .switch__close:hover span { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tooltip { font-size: 0.875rem; } @media screen and (min-width: 1200px) { .tooltip { font-size: 0.875rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tooltip { font-size: 1.125rem; } } .tooltip_fixed { display: none; position: fixed; z-index: 15; width: 17.5rem; min-height: 6.25rem; background-color: #fff; box-shadow: 0 0.5rem 1.3125rem 0 rgba(0,0,0,0.21); padding: 1.25rem; padding-bottom: 0.625rem; font-size: 0.875rem; } .tooltip_fixed .social { padding-bottom: 0.625rem; } .tooltip_fixed .tooltip__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tooltip_fixed .tooltip__title { padding-bottom: 0.625rem; } .tooltip_fixed .tooltip__block { overflow: hidden; } .tooltip_fixed .tooltip__item { width: 100%; padding-bottom: 1.25rem; } .tooltip_fixed .tooltip__item_map { color: #f28a00; padding-bottom: 0.3125rem; } .tooltip_fixed .tooltip__item_map .icon { margin-left: 0.625rem; } .tooltip_fixed .tooltip__item_map .icon svg { fill: #fff; width: 0.9375rem; height: 0.9375rem; } .tooltip_fixed .tooltip__item_phone { font-size: 0.875rem; padding-bottom: 0.625rem; } .tooltip_fixed .tooltip__item_phone:last-of-type { padding-bottom: 0; } .tooltip_fixed .tooltip__phone-wr { padding-bottom: 1.25rem; } .tooltip a { text-decoration: underline; } .tooltip a:hover { text-decoration: none; } .tooltip__inner { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tooltip__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tooltip__header { width: 100%; line-height: 1; padding-bottom: 1.25rem; } .tooltip__title { font-size: 1rem; padding-bottom: 0.9375rem; } @media screen and (min-width: 1200px) { .tooltip__title { font-size: 1rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tooltip__title { font-size: 1.125rem; } } .tooltip__subtitle { padding-bottom: 0.9375rem; font-family: 'GothamProLight', sans-serif; } .tooltip__category { color: #f28a00; } .tooltip__phone-wr { position: relative; } .tooltip__phone-wr:hover .tooltip__phone-more { pointer-events: all; opacity: 1; -webkit-animation: OnLoad 0.2s linear; animation: OnLoad 0.2s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .tooltip__phone-more { pointer-events: none; will-change: transform, opacity; display: block; position: absolute; right: 0; bottom: 130%; width: 100%; background-color: #fff; color: #000; padding: 0.625rem 0.3125rem; opacity: 0; z-index: 104; border-radius: 0.625rem 0.625rem 0 0.625rem; box-shadow: 0.625rem 0.625rem 2.5rem 0 rgba(0,0,0,0.2); } @media screen and (min-width: 1200px) { .tooltip__phone-more { padding: 0.625rem 0.3125rem; } } @media screen and (min-width: 1200px) and (max-height: 700px) { .tooltip__phone-more { padding: 0.625rem 0.3125rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tooltip__phone-more { padding: 0.9375rem 0.625rem; } } .tooltip__phone-more:after { content: ''; position: absolute; right: 0; top: 100%; width: 100%; height: 0; border-style: solid; border-width: 0 1.25rem 0.625rem 0; border-color: transparent #fff transparent transparent; } .tooltip__phone-more .tooltip__item_phone { font-size: 0.875rem; padding-bottom: 0 !important; margin-bottom: 0.625rem; } .tooltip__phone-more .tooltip__item_phone:last-of-type { margin-bottom: 0; } .tooltip__phone-more .tooltip__item_phone .text { -webkit-transition: 0.4s; transition: 0.4s; border-bottom: 1px dotted transparent; } .tooltip__phone-more .tooltip__item_phone:hover .text { border-color: #000; } .tooltip__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 1; padding-bottom: 1.25rem; } .tooltip__item svg { margin-right: 0.375rem; fill: #f28a00; } @media screen and (min-width: 480px) { .tooltip__item svg { margin-right: 0.375rem; } } @media screen and (min-width: 767px) { .tooltip__item svg { margin-right: 0.625rem; } } @media screen and (min-width: 1200px) { .tooltip__item svg { margin-right: 0.375rem; } } .tooltip__item span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tooltip__item .icon__planet { width: 0.6875rem; height: 0.6875rem; } @media screen and (min-width: 370px) { .tooltip__item .icon__planet { width: 0.6875rem; height: 0.6875rem; } } @media screen and (min-width: 480px) { .tooltip__item .icon__planet { width: 0.6875rem; height: 0.6875rem; } } @media screen and (min-width: 767px) { .tooltip__item .icon__planet { width: 1.125rem; height: 1.125rem; } } @media screen and (min-width: 1200px) { .tooltip__item .icon__planet { width: 0.6875rem; height: 0.6875rem; } } .tooltip__item_phone { font-family: 'GothamProMedium', sans-serif; font-size: 0.875rem; text-decoration: none !important; } @media screen and (min-width: 1200px) { .tooltip__item_phone { font-size: 0.875rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tooltip__item_phone { font-size: 1.125rem; } } .tooltip__item_floor { font-family: 'GothamProMedium', sans-serif; } .tooltip__item_time { display: block; line-height: 1.3; } .tooltip__item_time span { display: inline-block; } .tooltip__item_map { padding-bottom: 0; } .tooltip__item_map .icon { -webkit-transition: 0.2s; transition: 0.2s; background-color: #000; border-radius: 50%; padding: 0.5rem; margin-left: 0.9375rem; } .tooltip__item_map .icon svg { margin-right: 0; fill: #fff; width: 0.625rem; height: 0.625rem; } @media screen and (min-width: 1200px) { .tooltip__item_map .icon svg { width: 0.625rem; height: 0.625rem; } } @media screen and (min-width: 1600px) and (min-height: 901px) { .tooltip__item_map .icon svg { width: 1.25rem; height: 1.25rem; } } .tooltip__item_map:hover .icon { background-color: #f28a00; } /*# sourceMappingURL=main.css.map */