/* Start:/local/templates/greencenter/css/style.css?1784897516154110*/ @charset "UTF-8"; /* // // Webway / greencenter // ========================= // namespace _ = space (between words in blocks / components etc) - = space (between words in atomics / modificators ) __ = element -- = modificator .xx // block .xx_xx // block too (name with space) .xx__yy // element .xx--zz // modificator */ /** start - reset & normalize ------------------------------------------------------------------ */ /* 1. Always show scrollbar иначе ширина страницы "скачет" при изменении количества контента, т.к. если контента мало - прокрутка убирается; иначе - появляется. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS (from normalize.css) 3. Reset margin for */ html { overflow-y: scroll; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } body { margin: 0; /* 3 */ } /* block behavior for html5 tags in old browsers */ article, aside, details, dialog, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /* ie fix */ a { background-color: transparent; } /* remove outline when mouse ON element */ a:active, a:hover { outline-width: 0; } /* 1. fix weight if base (body) font-weight is not "normal" (400), because default weight for "b" & "strong" is "bolder" */ b, strong { font-weight: bold; /* 1 */ } img { max-width: 100%; border: none; vertical-align: top; } figure { margin: 0 auto; } svg { display: block; } nav ol, nav ul, nav li { margin: 0; padding: 0; list-style: none; } sup, sub { position: relative; top: -0.6em; font-size: 68.75%; line-height: 1; vertical-align: baseline; } sub { top: 0.3em; } table { border-collapse: collapse; border-spacing: 0; } /* ie fix */ button, input { overflow: visible; } /* ie10+ fix */ input::-ms-clear { display: none; } /* webkit fix */ input[type="search"], input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* ff fix */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border: 0; } /* remove outline when hover */ input:hover, button:hover, select:hover, textarea:hover, input:hover:focus, button:hover:focus, select:hover:focus, textarea:hover:focus { outline-width: 0; } :invalid, :-moz-submit-invalid, :-moz-ui-invalid { box-shadow: none; } button { cursor: pointer; } input:disabled, button:disabled, input:disabled:hover, button:disabled:hover { cursor: not-allowed; } textarea { overflow: auto; /* ie fix */ resize: vertical; } /* clear placeholder on focus - ff 15+, chrome 17+ */ textarea:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder { color: transparent; } textarea:focus::-moz-placeholder, input:focus::-moz-placeholder { color: transparent; } textarea:focus:-moz-placeholder, input:focus:-moz-placeholder { color: transparent; } /** / start ------------------------------------------------------------------ */ /** side`s **/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height .5s ease-in-out; transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/local/templates/greencenter/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .datepicker--cells { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .datepicker--cell { border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; height: 32px; z-index: 1; } .datepicker--cell.-focus- { background: #f0f0f0; } .datepicker--cell.-current- { color: #4EB5E6; } .datepicker--cell.-current-.-focus- { color: #4a4a4a; } .datepicker--cell.-current-.-in-range- { color: #4EB5E6; } .datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: #4a4a4a; border-radius: 0; } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell.-disabled- { cursor: default; color: #aeaeae; } .datepicker--cell.-disabled-.-focus- { color: #aeaeae; } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1; } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; } .datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0 0 4px; } .datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0 4px 4px 0; } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { color: #fff; background: #5cc4ef; } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px; } .datepicker--cell.-selected- { border: none; } .datepicker--cell.-selected-.-focus- { background: #45bced; } .datepicker--cell:empty { cursor: default; } .datepicker--days-names { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px; } .datepicker--day-name { color: #FF9A19; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em; } .-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer { display: none; } .datepicker--cell-day { width: 14.28571%; } .datepicker--cells-months { height: 170px; } .datepicker--cell-month { width: 33.33%; height: 25%; } .datepicker--cells-years, .datepicker--years { height: 170px; } .datepicker--cell-year { width: 25%; height: 33.33%; } .datepickers-container { position: absolute; left: 0; top: 0; } @media print { .datepickers-container { display: none; } } .datepicker { background: #fff; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-sizing: content-box; box-sizing: content-box; font-family: Tahoma,sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease; -webkit-transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease; transition: opacity .3s ease,transform .3s ease,left 0s .3s; transition: opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease; z-index: 100; } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px); } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px); } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease; -webkit-transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease; transition: opacity .3s ease,transform .3s ease,left 0s 0s; transition: opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease; } .datepicker-inline .datepicker { border-color: #d7d7d7; -webkit-box-shadow: none; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none; } .datepicker--content { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 4px; } .datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1; } .datepicker--nav-action:hover, .datepicker--nav-title:hover { background: #f0f0f0; } .-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg); } .-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer { left: 10px; } .-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer { right: 10px; } .-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer { left: calc(50% - 10px / 2); } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2); } .datepicker--body.active { display: block; } .datepicker--nav { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px; } .-only-timepicker- .datepicker--nav { display: none; } .datepicker--nav-action, .datepicker--nav-title { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; cursor: pointer; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .datepicker--nav-action.-disabled- { visibility: hidden; } .datepicker--nav-action svg { width: 32px; height: 32px; } .datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px; } .datepicker--nav-title { border-radius: 4px; padding: 0 8px; } .datepicker--buttons, .datepicker--time { border-top: 1px solid #efefef; padding: 4px; } .datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px; } .datepicker--nav-title.-disabled- { cursor: default; background: 0 0; } .datepicker--buttons { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } .datepicker--button { color: #4EB5E6; cursor: pointer; border-radius: 4px; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; height: 32px; } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0; } .datepicker--time { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; position: relative; } .datepicker--time.-am-pm- .datepicker--time-sliders { -webkit-flex: 0 1 138px; -ms-flex: 0 1 138px; -webkit-box-flex: 0; flex: 0 1 138px; max-width: 138px; } .-only-timepicker- .datepicker--time { border-top: none; } .datepicker--time-sliders { -webkit-flex: 0 1 153px; -ms-flex: 0 1 153px; -webkit-box-flex: 0; flex: 0 1 153px; margin-right: 10px; max-width: 153px; } .datepicker--time-label { display: none; font-size: 12px; } .datepicker--time-current { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px; } .datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1; } .datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif; position: relative; z-index: 1; } .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ''; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; } .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; } .datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px; } .datepicker--time-row { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-size: 11px; height: 17px; background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat; background: -webkit-linear-gradient(left, #dedede, #dedede) left 50%/100% 1px no-repeat; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; } .datepicker--time-row:first-child { margin-bottom: 4px; } .datepicker--time-row input[type=range] { background: 0 0; cursor: pointer; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none; } .datepicker--time-row input[type=range]::-ms-tooltip { display: none; } .datepicker--time-row input[type=range]:hover::-webkit-slider-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type=range]:hover::-moz-range-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type=range]:hover::-ms-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type=range]:focus { outline: 0; } .datepicker--time-row input[type=range]:focus::-webkit-slider-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type=range]:focus::-moz-range-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type=range]:focus::-ms-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background .2s; transition: background .2s; margin-top: -6px; } .datepicker--time-row input[type=range]::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -moz-transition: background .2s; transition: background .2s; } .datepicker--time-row input[type=range]::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -ms-transition: background .2s; transition: background .2s; } .datepicker--time-row input[type=range]::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0; } .datepicker--time-row input[type=range]::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0; } .datepicker--time-row input[type=range]::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0; } .datepicker--time-row input[type=range]::-ms-fill-lower { background: 0 0; } .datepicker--time-row input[type=range]::-ms-fill-upper { background: 0 0; } .datepicker--time-row span { padding: 0 12px; } .datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em; } .datepicker--time-icon:after, .datepicker--time-icon:before { content: ''; background: currentColor; position: absolute; } .datepicker--time-icon:after { height: .4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .datepicker--time-icon:before { width: .4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px); } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #ccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: 0 0; border: none; } /* changed: `max(` to `Max(` to fix gulp sass bug see for details: https://github.com/fancyapps/fancybox/issues/2182#issuecomment-763374376 */ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; -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: .9; -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-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease,visibility 0s ease .25s; transition: opacity .25s ease,visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s; transition: opacity .25s ease 0s,visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image:before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable=true] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: Max(0px)) { .fancybox-caption { padding: 75px Max(44px, env(safe-area-inset-right)) Max(25px, env(safe-area-inset-bottom)) Max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { -webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { 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; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); } .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: translateZ(0) scale(1); transform: translateZ(0) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: Max(0px)) { .fancybox-caption { padding-left: Max(12px, env(safe-area-inset-left)); padding-right: Max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -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); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /** project base **/ /** fonts ------------------------------------------------------------------ */ /* Montserrat */ @font-face { font-family: "Montserrat"; src: url("/local/templates/greencenter/css/../fonts/montserrat-regular.woff2") format("woff2"), url("/local/templates/greencenter/css/../fonts/montserrat-regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/local/templates/greencenter/css/../fonts/montserrat-500.woff2") format("woff2"), url("/local/templates/greencenter/css/../fonts/montserrat-500.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/local/templates/greencenter/css/../fonts/montserrat-600.woff2") format("woff2"), url("/local/templates/greencenter/css/../fonts/montserrat-600.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/local/templates/greencenter/css/../fonts/montserrat-bold.woff2") format("woff2"), url("/local/templates/greencenter/css/../fonts/montserrat-bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } /* font-weight: 100 - Xthin 200 - Thin 300 - Light 400 - Regular (normal) 500 - Medium 600 - Semi-bold 700 - Bold 800 - Extrabold 900 - Black */ /** / fonts ------------------------------------------------------------------ */ /** project defaults ------------------------------------------------------------------ */ html { font-size: 62.5%; /* 10px base for REM */ } html, body { color: #000; background-color: #fff; } body { font-size: 1.6rem; line-height: 1.3; font-family: Montserrat, Arial, sans-serif; } @media only screen and (max-width: 767px) { body { font-size: 1.4rem; } } /* links */ a { color: inherit; text-decoration: none; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } a:hover { color: #e31e24; } .a-u:hover { color: inherit; text-decoration: underline; } /* headers */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 1em 0; font-weight: bold; } h1, .h1 { margin-top: 35px; margin-bottom: 35px; font-size: 3rem; } h2, .h2 { margin-top: 35px; margin-bottom: 30px; font-size: 2.5rem; } h3, .h3 { font-size: 2rem; } h4, .h4 { font-size: 1.6rem; } @media only screen and (max-width: 767px) { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: 1.1; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { margin-top: 30px; margin-bottom: 20px; font-size: 2rem; } h3, .h3 { font-size: 1.5rem; } h4, .h4 { font-size: 1.4rem; } } p { margin: 1em 0 1.375em; } /* forms */ /* placeholder color */ ::-webkit-input-placeholder { color: #858597; } ::-moz-placeholder { color: #858597; opacity: 1; } :-moz-placeholder { color: #858597; } :-ms-input-placeholder { color: #858597; } /** / defaults ----------------------------------------------------------------- **/ /** helpers **/ /** ReSeT - list reset like NAV * * .rsto - reset ONE list - THIS (specificity of li = 0,0,1,0) * .rst - reset all INNER lists (specificity of li = 0,0,1,1) * **/ .rsto, .rsto > * { margin: 0; padding: 0; list-style: none; } .rst, .rst ol, .rst ul, .rst li, .rst dl, .rst dt, .rst dd { margin: 0; padding: 0; list-style: none; } /** / rst **/ /* cm - content margin mod */ .cm > *:first-child { margin-top: 0; } .cm > *:last-child { margin-bottom: 0; } /* / cm */ /* vis - visible and hidden */ @media only screen and (min-width: 768px) { .vis--mb { display: none; } } @media only screen and (max-width: 767px) { .hide--mb { display: none; } } /* / vis */ /* noscr (no scroll) - remove scroll form body */ .noscr { position: fixed; width: 100%; height: 100vh; overflow: hidden; } /* / noscr */ /* all */ .all { overflow: hidden; } /* / all */ /* clmn - content column */ .clmn { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 96%; max-width: 1000px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1023px) { .clmn { width: auto; margin-left: 20px; margin-right: 20px; } .clmn--out { margin-left: -20px; margin-right: -20px; } } @media only screen and (max-width: 767px) { .clmn--mb-out { margin-left: -20px; margin-right: -20px; } } @media only screen and (max-width: 479px) { .clmn--xmb-out { margin-left: -20px; margin-right: -20px; } } /* / clmn */ /* cols - simple cols system ("grid") */ [class*="col--"] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; } .cols [class*="col--"] { padding-left: 20px; padding-right: 20px; } .cols--md { margin-left: -15px; margin-right: -15px; } .cols--md [class*="col--"] { padding-left: 15px; padding-right: 15px; } .cols--sm { margin-left: -10px; margin-right: -10px; } .cols--sm [class*="col--"] { padding-left: 10px; padding-right: 10px; } .cols--nop { margin-left: 0; margin-right: 0; } .cols--nop [class*="col--"] { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 767px) { .cols--mb-sm { margin-left: -10px; margin-right: -10px; } .cols--mb-sm [class*="col--"] { padding-left: 10px; padding-right: 10px; } } .col--1-2 { width: 50%; } .col--1-3 { width: 33.33333333%; } .col--2-3 { width: 66.66666667%; } .col--1-4 { width: 25%; } .col--2-4 { width: 50%; } .col--3-4 { width: 75%; } .col--1-6 { width: 16.66666667%; } .col--2-6 { width: 33.33333333%; } .col--3-6 { width: 50%; } .col--4-6 { width: 66.66666667%; } .col--5-6 { width: 83.33333333%; } @media only screen and (max-width: 979px) { .col--xmd-1 { width: 100%; } .col--xmd-1-2 { width: 50%; } .col--xmd-1-3 { width: 33.33333333%; } .col--xmd-2-3 { width: 66.66666667%; } .col--xmd-1-4 { width: 25%; } .col--xmd-2-4 { width: 50%; } .col--xmd-3-4 { width: 75%; } } /* mb - mobile */ @media only screen and (max-width: 767px) { [class*="col--"] { width: 100%; } .col--mb-1-2 { width: 50%; } .col--mb-1-3 { width: 33.33333333%; } .col--mb-2-3 { width: 66.66666667%; } .col--mb-1-4 { width: 25%; } .col--mb-2-4 { width: 50%; } .col--mb-3-4 { width: 75%; } } /* xmb - xmobile */ @media only screen and (max-width: 479px) { [class*="col--"] { width: 100%; } .col--xmb-1-2 { width: 50%; } } /* / cols */ /* fit (fit imgs to boxes) */ /* // object-fit for modern, bg as fallback (need js) */ .fit { overflow: hidden; } .fit img { display: block; width: 100%; height: 100%; -o-object-fit: cover; /* opera 12 */ object-fit: cover; } .fit--cont img { -o-object-fit: contain; object-fit: contain; } .no_objectFit .fit { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .no_objectFit .fit.is-active img { opacity: 0; /* hide */ } .no_objectFit .fit--cont img { -webkit-background-size: contain; background-size: contain; } /* / fit */ /* ratio (fixed aspect ratio block )*/ .ratio, .ratio_i { position: relative; overflow: hidden; } .ratio:before, .ratio_i:before { content: ""; display: block; height: 0; padding-top: 100%; /* square, 1:1 */ } .ratio .ratio__in, .ratio_i img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .ratio--2-3:before { padding-top: 150%; } .ratio--3-2:before { padding-top: 66.66666667%; } .ratio--16-9:before { padding-top: 56.25%; } .ratio--16-10:before { padding-top: 62.5%; } .ratio--48-23:before { padding-top: 47.91666667%; } .ratio--48-25:before { padding-top: 52.08333333%; } /* / ratio */ /* skew - skewed block with cont(image, caro etc) & fix ratio // // perspective(1px) - hack for fix transform blur // */ .skew { position: relative; } .skew:before { content: ""; display: block; padding-top: 52.08333333%; } .skew__in { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 87.97561505%; overflow: hidden; -webkit-transform: perspective(1px) skewX(-13deg); transform: perspective(1px) skewX(-13deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; border-radius: 3px; } .skew__i { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 200%; width: 113.6678612%; height: 100%; -webkit-transform: perspective(1px) skewX(13deg); transform: perspective(1px) skewX(13deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .skew--48-23:before { padding-top: 47.91666667%; } .skew--48-23 .skew__in { width: 88.93756584%; -webkit-transform: perspective(1px) skewX(-13deg); transform: perspective(1px) skewX(-13deg); } .skew--48-23 .skew__i { width: 112.43842695%; -webkit-transform: perspective(1px) skewX(13deg); transform: perspective(1px) skewX(13deg); } .skew--3-2:before { padding-top: 66.66666667%; } .skew--3-2 .skew__in { width: 84.60878726%; -webkit-transform: perspective(1px) skewX(-13deg); transform: perspective(1px) skewX(-13deg); } .skew--3-2 .skew__i { width: 118.19103339%; -webkit-transform: perspective(1px) skewX(13deg); transform: perspective(1px) skewX(13deg); } .skew--16-10:before { padding-top: 62.5%; } .skew--16-10 .skew__in { width: 85.57073805%; -webkit-transform: perspective(1px) skewX(-13deg); transform: perspective(1px) skewX(-13deg); } .skew--16-10 .skew__i { width: 116.86237874%; -webkit-transform: perspective(1px) skewX(13deg); transform: perspective(1px) skewX(13deg); } @media only screen and (max-width: 767px) { .skew--mb-off .skew__in, .skew--mb-off .skew__i { width: 100%; -webkit-transform: none; transform: none; border-radius: 0; } } /* / skew */ /* map */ .map { position: relative; height: 300px; max-height: 100vh; } .map__in { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .map .gm-style img { max-width: 1000px; } .map__temp { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .map__temp img { -o-object-fit: cover; object-fit: cover; display: block; width: 100%; height: 100%; } /* / map */ .tgl_txt__trg { float: left; color: #e31e24; font-size: 1.4rem; font-weight: 500; cursor: pointer; } .tgl_txt__trg .icon { display: inline-block; vertical-align: middle; margin-left: 3px; font-size: 1.2rem; fill: currentColor; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .tgl_txt:after { content: ""; clear: both; display: block; height: 0; } .tgl_txt__wrap { display: none; clear: both; } .tgl_txt__cont { padding-top: 16px; } .tgl_txt.is-active .tgl_txt__trg .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /** components **/ /** icon system **/ .icon { position: relative; display: inline-block; font-size: 1em; width: 1em; height: 1em; fill: currentColor; } .icon__in { position: absolute; top: 50%; left: 50%; width: 1em; height: 1em; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .icon--email .icon__in--rel { width: 0.88888889em; height: 0.66666667em; } .icon--c-tg_2 { width: 1.2em; } .icon--c-vk_3 { width: 1.6em; } /** / icon system **/ /* checkbox (& radio) */ .che { display: inline-block; vertical-align: top; display: -ms-inline-flexbox; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -ms-flex-align: start; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; position: relative; cursor: pointer; } .che input { z-index: -1; opacity: 0; position: absolute; width: 0; height: 0; } .che__i { display: inline-block; vertical-align: top; position: relative; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0.5em; margin-right: 9px; width: 20px; height: 20px; border: 1px solid #d6d6db; background-color: #fff; border-radius: 3px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .che__i:after { content: ""; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 66.66666667%; height: 50%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMS4wNTAwNEw0LjAxMDA2IDlMMCA1LjAxMDAxTDEuMDU1MzMgMy45NTk5Nkw0LjAxMDA2IDYuODk5OTFMMTAuOTQ0NyAwTDEyIDEuMDUwMDRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); background-repeat: no-repeat; } .che__in { display: block; max-width: 100%; line-height: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .che input:checked + .che__i { background-color: #ededf1; border-color: transparent; } .che input:checked + .che__i:after { display: block; } .che input:focus + .che__i { background-color: #ededf1; } .che:hover .che__i { opacity: 0.7; } .che input:disabled + .che__i { cursor: not-allowed; } .che input:disabled + .che__i:after { cursor: not-allowed; } .che input:disabled ~ .che__in, .che input:disabled ~ .che__in a { color: #858597; cursor: not-allowed; } .che input:disabled ~ .che__in a { pointer-events: none; } /* / checkbox */ /* but */ .but { z-index: 1; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: inline-block; vertical-align: top; padding: 9px 28px 10px 15px; border: none; font-weight: 500; font-size: 1.5rem; line-height: 1; font-family: Montserrat, Arial, sans-serif; color: #fff; background: none; border-radius: 3px; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .but:before, .but:after { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #858597; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .but:after { opacity: 0; } .but:hover { color: #fff; } .but:hover:before { background-color: #e31e24; } .but--h-reg { padding-top: 0; padding-bottom: 0; height: 34px; line-height: 34px; } .but--h-lg { padding-top: 0; padding-bottom: 0; height: 50px; line-height: 50px; } .but--l { padding-left: 28px; padding-right: 15px; } .but--l:before, .but--l:after { left: 0; right: -10%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .but--sk { padding-left: 30px; padding-right: 40px; overflow: visible; } .but--sk:before, .but--sk:after { left: 0; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .but--sk-l { padding-left: 15px; padding-right: 50px; } .but--sk-l:before, .but--sk-l:after { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .but--clr:before { background: #e31e24; } .but--clr:after { background: -webkit-gradient(linear, left top, right top, from(#e31e24), to(#970005)); background: -webkit-linear-gradient(left, #e31e24 0%, #970005 100%); background: linear-gradient(to right, #e31e24 0%, #970005 100%); -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .but--clr:hover:after { opacity: 1; } .but--calend { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; font-size: 1.4rem; } .but--calend .icon { position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 14px; font-size: 1.8rem; } .but--small { padding: 4px 25px 4px 10px; font-size: 1.2rem; } .but--off { cursor: default; pointer-events: none; } .but--off:before, .but--off:hover:before { background-color: #ceced5; } @media only screen and (max-width: 767px) { .but { font-size: 1.4rem; } .but--clr { font-size: 1.5rem; } .but--small { font-size: 1.2rem; } } .but--lg { font-size: 1.8rem; } /* / but */ /* drpdn (dropdown) */ .drpdn { display: inline-block; position: relative; font-weight: 500; } .drpdn__i { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 10px 0 18px; height: 34px; line-height: 34px; cursor: pointer; } .drpdn__i a:hover { color: inherit; } .drpdn__i_cont { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .drpdn__i_cont .icon { margin-right: 10px; width: 1.2em; font-size: 1.8rem; } .drpdn__trg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-left: auto; padding: 0 10px; cursor: pointer; } .drpdn__trg .icon { margin: auto 0; height: 0.58333333em; font-size: 1.2rem; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .drpdn__lst { opacity: 0; visibility: hidden; position: absolute; top: 90%; right: 0; left: 0; padding: 25px 18px; margin-top: 10px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); border-radius: 3px; } .drpdn__lst_item { white-space: nowrap; margin-bottom: 1em; font-size: 1.5rem; line-height: 1; cursor: pointer; } .drpdn__lst_item:last-child { margin-bottom: 0; } .drpdn__lst_item--icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .drpdn__lst_item--icon .icon { font-size: 1.8rem; width: 1.2em; margin-right: 10px; } .drpdn.is-active .drpdn__i:before, .drpdn.is-active .drpdn__i:after { background-color: #373744; } .drpdn.is-active .drpdn__trg .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .drpdn.is-active .drpdn__lst { z-index: 2; opacity: 1; top: 100%; visibility: visible; -webkit-transition: opacity 0.2s ease, top 0.2s ease; transition: opacity 0.2s ease, top 0.2s ease; } .drpdn--lnk .drpdn__i { height: 30px; padding-right: 0; padding-left: 28px; font-size: 1.5rem; line-height: 30px; cursor: default; } .drpdn--lnk .drpdn__lst { padding: 25px 30px 28px; } .drpdn--brd { position: static; } .drpdn--brd .drpdn__i { z-index: 1; position: relative; overflow: hidden; height: auto; padding: 8px 5px 8px 12px; font-size: 1.4rem; font-weight: 500; line-height: 1.2; -webkit-filter: drop-shadow(0 0 1px #858597); filter: drop-shadow(0 0 1px #858597); } .drpdn--brd .drpdn__i:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #fff; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .drpdn--brd .drpdn__trg { padding: 0 14px; } .drpdn--brd .drpdn__lst_item { white-space: normal; } .drpdn--brd.is-active .drpdn__i:before { background: #fff; } .drpdn--brd.is-active .drpdn__lst { top: auto; } /* / drpdn */ .dates { z-index: 3; position: relative; } .dates__in { padding-right: 30px; } .dates.is-active .dates__in { padding-right: 22px; } .dates.is-active .dates__in .icon { display: none; } .dates__clear { display: none; position: absolute; left: 100%; top: 50%; margin-left: 16px; color: #e31e24; font-size: 1.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .dates__clear.is-active { display: block; } .dates__cont { opacity: 0; position: absolute; top: -9999px; left: -9999px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 17px 33px; margin-top: 10px; width: 336px; height: 367px; background: #fff; font-size: 1.5rem; font-weight: 500; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); border-radius: 3px; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .dates__cont.is-active { opacity: 1; top: 100%; left: 0; } .dates__info { z-index: -1; opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 90%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 217px; padding: 30px 30px 10px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); border-radius: 3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dates__info.is-active { opacity: 1; left: 100%; visibility: visible; } .dates__info_i { position: relative; margin-bottom: -50px; } .dates__info_i .ratio_i:before { padding-top: 126.47058824%; } .dates__info_i:after { content: ""; position: absolute; right: -2px; bottom: -5px; left: -2px; height: 120px; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to top, white 50%, rgba(255, 255, 255, 0) 100%); } .dates__info_in { position: relative; } .dates__info_lbl { min-height: 1em; padding: 6px 9px; margin-bottom: 18px; font-size: 1.2rem; line-height: 1; font-weight: 500; } .dates__info_lbl--canceled { background-color: #ffca42; } .dates__info_lbl--canceled:before { content: "Отменено"; } .dates__info_lbl--postponed { color: white; background-color: #00b4bf; } .dates__info_lbl--postponed:before { content: "Перенесено"; } .dates__info_lbl--sold { color: white; background-color: #7d7dff; } .dates__info_lbl--sold:before { content: "Все билеты проданы"; } .dates__info_date { margin-bottom: 7px; color: #858597; font-size: 1rem; line-height: 1; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .dates__info_place { margin: 7px 0; color: #e31e24; font-size: 1.2rem; line-height: 1; } .dates__info_place .icon { font-size: 1rem; } .dates__info_h { overflow: hidden; margin: 13px 0; height: 3em; font-size: 1.5rem; line-height: 1; font-weight: inherit; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .dates__info_price { margin: 16px 0 0; color: #858597; font-size: 1.5rem; line-height: 1; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } @media only screen and (max-width: 767px) { .dates__cont { width: 320px; height: auto; padding: 17px 20px; } .dates__info, .dates__info.is-active { display: none; } .dates__clear { margin-left: 10px; } } @media only screen and (max-width: 479px) and (orientation: portrait) { .dates.is-active { width: 100%; } .dates__clear { left: auto; right: 0; } } @media only screen and (max-width: 374px) { .dates__in { font-size: 1.2rem; } .dates__cont { width: 300px; margin-left: -10px; } .dates.is-active .dates__in { padding-left: 10px; padding-right: 15px; } } .dates--pb .dates__in { padding-right: 28px; } .dates--pb .dates__in .icon { margin-left: 0; margin-right: 12px; } @media only screen and (max-width: 767px) { .dates--pb .dates__in { padding-right: 26px; } .dates--pb .dates__in .icon { margin-right: 0; } .dates--pb .dates__in span { display: none; } .dates.is-active .dates__in span { display: block; } } .dates .datepicker { width: auto; border: none; color: inherit; background: none; font-size: inherit; font-family: inherit; border-radius: 0; } .dates .datepicker--nav { padding: 0; border: none; min-height: 30px; } .dates .datepicker--nav-title { margin-left: -10px; margin-right: -10px; white-space: nowrap; } .dates .datepicker--nav-action { width: 30px; height: 30px; color: #e31e24; } .dates .datepicker--nav-action:first-child { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dates .datepicker--nav-action svg { font-size: 0.8em; width: 1em; height: 1em; } .dates .datepicker--content { padding: 0; } .dates .datepicker--days-names { margin: 18px 0 9px; } .dates .datepicker--day-name { display: block; font-size: 1rem; color: #858597; text-transform: inherit; } .dates .datepicker--cell { height: 40px; border: 3px solid #fff; border-radius: 7px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .dates .datepicker--cell.-is_event- { background: #ffb4b6; } .dates .datepicker--cell.-current- { color: #e31e24; } .dates .datepicker--cell.-focus- { background: #ededf1; } .dates .datepicker--cell.-focus-.-is_event- { color: #fff; background: #e31e24; } .dates .datepicker--cell.-selected- { color: inherit; background: #d6d6db; } .dates .datepicker--cell.-selected-.-is_event- { background: rgba(227, 30, 36, 0.3); } .dates .datepicker--cell-day.-other-month- { font-weight: 300; } /* caro */ .owl-carousel { display: block; } .owl-stage-outer, .owl-stage, .owl-item { height: 100%; } .owl-item .caro__item { width: 100%; } .owl-item { overflow: hidden; } .caro { position: relative; } .caro__in { height: 100%; overflow: hidden; } .caro__item { position: relative; height: 100%; } .caro__count { font-weight: 500; font-size: 1.2rem; line-height: 1; } .caro__arrs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .caro__arrs > * { margin-right: 1px; } .caro__arrs > *:last-child { margin-right: 0; } .caro__arr { z-index: 1; position: relative; overflow: hidden; padding: 0; border: none; width: 70px; color: #fff; background: none; border-radius: 3px; } .caro__arr:before { content: ""; display: block; padding-top: 62.85714286%; } .caro__arr:after { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #858597; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .caro__arr:hover:after { background-color: #e31e24; } .caro__arr .icon { position: absolute; top: 50%; left: 50%; width: 17.14285714%; height: 45.45454545%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .caro__arr--prev:after { left: 0; right: -10%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .caro__arr--prev .icon { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .caro__arr--sm { width: 54px; } .caro__arr--s { width: 24px; height: 40px; } .caro__arr--s:before, .caro__arr--s:after { display: none; } .caro__arr--s .icon { width: 100%; height: 100%; fill: #858597; } @media only screen and (max-width: 767px) { .caro__count { z-index: 1; position: relative; overflow: hidden; padding: 7px 13px 7px 8px; color: #fff; border-radius: 3px; } .caro__count:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #858597; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .caro__arr { width: 40px; } .caro__arr:before { padding-top: 100%; } .caro__arr:after { display: none; } .caro__arr .icon { width: 30%; height: 50%; } } /* / caro */ /* caro--hero */ .caro--hero img { position: absolute; top: 0; left: 0; } .caro--hero .caro__item { position: relative; } .caro--hero .caro__i { position: relative; height: 100%; } .caro--hero .caro__arrs { z-index: 1; position: absolute; right: 0; bottom: 50px; } @media only screen and (max-width: 979px) { .caro--hero .caro__arrs { bottom: 30px; } } @media only screen and (max-width: 767px) { .caro--hero .caro__arrs { display: none; } } /* / caro--hero */ /* caro--serv */ .caro--serv { margin-bottom: 30px; } .caro--serv .owl-dots { display: none; } .caro--serv .caro__in:not(.owl-loaded) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -15px; min-width: 100%; } .caro--serv .caro__in:not(.owl-loaded) > * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 33.33333333%; padding: 0 15px; } .caro--serv .caro__arrs { z-index: 1; position: absolute; right: 0; top: 100%; margin-top: 30px; } @media only screen and (max-width: 979px) { .caro--serv { margin-bottom: 20px; } .caro--serv .caro__arrs { margin-top: 20px; } } @media only screen and (max-width: 767px) { .caro--serv .caro__arrs { display: block; left: 0; top: 50%; height: 0; margin-top: 0; } .caro--serv .caro__arr { position: absolute; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .caro--serv .caro__arr--prev { left: 0; } .caro--serv .caro__arr--next { right: 0; } } /* / caro--serv */ /* caro--skew */ .caro--skew .caro__count { z-index: 1; position: absolute; top: 0; left: 0; } .caro--skew .caro__arrs { position: absolute; right: 13.5%; bottom: 30px; margin-right: -35px; } @media only screen and (max-width: 767px) { .caro--skew .caro__count { top: 10px; left: 10px; right: auto; bottom: auto; } .caro--skew .caro__arrs { display: block; left: 0; right: 0; top: 50%; height: 0; margin-top: 0; margin-right: 0; } .caro--skew .caro__arr { position: absolute; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .caro--skew .caro__arr--prev { left: 5px; } .caro--skew .caro__arr--next { right: 5px; } } /* / caro--skew */ /* caro--s */ .caro--s .caro__item { border-radius: 3px; } .caro--s .caro__count { z-index: 1; position: absolute; top: 10px; left: 10px; padding: 3px 8px; color: inherit; background: rgba(255, 255, 255, 0.7); border-radius: 3px; } .caro--s .caro__count:before { display: none; } .caro--s .caro__arrs { position: absolute; right: 7.5%; bottom: 20px; margin-right: 0; } @media only screen and (max-width: 767px) { .caro--s .caro__item { border-radius: 0; } .caro--s .caro__count { top: 10px; left: 10px; right: auto; bottom: auto; } .caro--s .caro__arrs { display: block; left: 0; right: 0; top: 50%; height: 0; margin-top: 0; margin-right: 0; } .caro--s .caro__arr { position: absolute; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .caro--s .caro__arr--prev { left: 5px; } .caro--s .caro__arr--next { right: 5px; } } /* / caro--s */ /* caro--gal`s */ .caro--gal_m { height: 100%; padding-left: 80px; padding-right: 80px; } .caro--gal_m .owl-carousel { opacity: 0; } .caro--gal_m .owl-carousel.owl-loaded { opacity: 1; } .caro--gal_m .caro__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .caro--gal_m .caro__item img { display: block; width: auto; max-width: 100%; max-height: 100%; margin: auto; } .caro--gal_m .caro__arrs { position: absolute; left: 0; right: 0; top: 50%; display: block; height: 0; margin-top: 0; } .caro--gal_m .caro__arr { position: absolute; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .caro--gal_m .caro__arr:after { display: none; } .caro--gal_m .caro__arr--prev { left: 0; } .caro--gal_m .caro__arr--next { right: 0; } .caro--gal_m .caro__arr:hover { opacity: 0.75; } @media only screen and (max-width: 767px), only screen and (max-height: 599px) { .caro--gal_m { padding-left: 0; padding-right: 0; } .caro--gal_m .caro__arrs { display: none; } } .caro--gal_t .caro__item { cursor: pointer; float: left; -webkit-transition: -webkit-box-shadow 0.2s ease; transition: -webkit-box-shadow 0.2s ease; transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; } .caro--gal_t .caro__item.is-active:before { content: ""; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-shadow: inset 0 0 0px 2px #fff; box-shadow: inset 0 0 0px 2px #fff; } /* / caro--gal`s */ .tab_page { position: absolute; top: -9999px; left: -9999px; width: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .tab_page.is-active { position: static; opacity: 1; } @media only screen and (min-width: 768px) { .tab_page--mb, .tab_page--mb.is-active { position: static; opacity: 1; } } .tab { cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .tab.is-active { cursor: default; } @media only screen and (min-width: 768px) { .tabs--drpdn .drpdn { display: none; } } @media only screen and (max-width: 767px) { .tabs--drpdn .tabs__in { display: none !important; } } .tabs--serv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tabs--serv .tab { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; padding-bottom: 10px; border-bottom: 1px solid transparent; color: #858597; font-weight: 500; font-size: 1.8rem; line-height: 1; } .tabs--serv .tab:last-child { margin-right: 0; } .tabs--serv .tab.is-active { border-color: currentColor; color: #000; } @media only screen and (max-width: 979px) { .tabs--serv .tab { padding-bottom: 12px; font-size: 1.6rem; } } .tabs--venue { display: none; } @media only screen and (max-width: 767px) { .tabs--venue { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tabs--venue .tab { margin-right: 19px; padding-bottom: 10px; border-bottom: 1px solid transparent; color: #858597; font-weight: 500; font-size: 1.6rem; line-height: 1; } .tabs--venue .tab:last-child { margin-right: 0; } .tabs--venue .tab.is-active { border-color: currentColor; color: #000; } } .tabs--bts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tabs--bts .tab { padding: 10px 23px 10px 15px; color: inherit; font-size: 1.4rem; } .tabs--bts .tab:before { background-color: transparent; } .tabs--bts .tab.is-active { color: #fff; } .tabs--bts .tab.is-active:before { background-color: #858597; } .tabs--bts .tabs__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; border-radius: 3px; } .tabs--bts .tabs__in:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -10%; background-color: #ededf1; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; } .tabs--bts2 .tabs__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tabs--bts2 .tabs__in .tab { z-index: 1; position: relative; overflow: hidden; padding: 8px 26px 8px 16px; font-size: 1.4rem; font-weight: 500; line-height: 1.2; border-radius: 3px; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .tabs--bts2 .tabs__in .tab:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #fff; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .tabs--bts2 .tabs__in .tab:hover { color: #e31e24; } .tabs--bts2 .tabs__in .tab.is-active { -webkit-filter: drop-shadow(0 0 1px #858597); filter: drop-shadow(0 0 1px #858597); } .tabs--bts2 .tabs__in .tab.is-active:hover { color: inherit; } .popup { z-index: -1; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); } .popup.is-active { z-index: 100; visibility: visible; } .popup__close { z-index: 2; position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+CiAgPHBhdGggIGQ9Ik0yNy4zNTEsMjYuNjQ5bC0wLjcuN0wxOCwxOC43LDkuMzUxLDI3LjM1MWwtMC43LS43TDE3LjMsMTgsOC42NDksOS4zNTFsMC43LS43TDE4LDE3LjNsOC42NDktOC42NDksMC43LDAuN0wxOC43LDE4WiIvPgo8L3N2Zz4K) #fff 0 0 no-repeat; -webkit-background-size: auto auto; background-size: auto; -webkit-background-size: cover; background-size: cover; border-radius: 100%; cursor: pointer; } .popup__in { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .popup2 { display: none; position: absolute; top: 100px; left: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding: 30px; max-width: 550px; background-color: #fff; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); border-radius: 3px; } .popup2.is-active { z-index: 11; display: block; } .popup2__close { position: absolute; top: 20px; right: 20px; font-size: 1.4rem; fill: #e31e24; cursor: pointer; } .popup2__h { padding-top: 5px; } .popup2__imp { color: #e31e24; } .popup2__rekv { padding-bottom: 15px; text-align: right; font-weight: 600; } .popup2 p { font-size: 1.4rem; } @media only screen and (max-width: 767px) { .popup2 { top: 50px; margin-left: 20px; margin-right: 20px; max-width: 100%; } } .overlay { z-index: -1; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: rgba(133, 133, 151, 0.7); } .overlay.is-active { z-index: 10; visibility: visible; } /* tooltip */ .tooltip { cursor: pointer; } .tooltip_el { opacity: 0; z-index: 100; position: absolute; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 10px; max-width: 200px; margin: 20px 0 0 0; background-color: #fff; font-weight: normal; font-size: 1.4rem; line-height: 1; text-align: center; border-radius: 3px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -webkit-transition: opacity 0 ease; transition: opacity 0 ease; } .tooltip_el.is-active { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .tooltip_el--i { width: 157px; padding: 0; overflow: hidden; } .tooltip_el--i img { display: block; width: 100%; height: auto; } /* / tooltip */ /** blocks **/ /* titles */ .title_main { margin: 1.16666666em 0 1.06666666em; /* pxprf 35-32 */ /* в des:venues mb 22 вместо 32 */ } @media only screen and (max-width: 767px) { .title_main { margin: 1.2em 0; } } /* use with .hx for fx margin */ .title_brd { position: relative; padding-bottom: 1em; margin-bottom: 0.8em; } .title_brd:before { content: ""; position: absolute; right: 0; left: 0; bottom: 0; border-bottom: 1px solid #d6d6db; } .h2.title_brd { padding-bottom: 25px; margin-bottom: 20px; } /* mb */ @media only screen and (max-width: 767px) { .h2.title_brd { padding-bottom: 20px; } } /* / titles */ /* navi */ .navi { margin-bottom: 30px; line-height: 1; font-size: 1.4rem; font-weight: 500; } .title_main + .navi { margin-top: -25px; } .navi a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navi .icon { margin-right: 0.58333333em; width: 0.58333333em; font-size: 1.2rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 767px) { .title_main + .navi { margin-top: -20px; } } /* / navi */ /* lists */ /* lst_dsh (list with dash)*/ .lst_dsh li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lst_dsh li:before { content: "—"; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-right: 5px; } @media only screen and (max-width: 767px) { .lst_dsh li { margin-bottom: 4px; } .lst_dsh li:last-child { margin-bottom: 0; } } /* / lst_dsh */ /* lst_ord_imp */ .lst_ord_imp { margin-top: -10px; } .lst_ord_imp, .lst_ord_imp ol { padding: 0; list-style: none; counter-reset: point1; } .lst_ord_imp ol { margin-top: 19px; margin-bottom: 26px; counter-reset: point2; } .lst_ord_imp__item { position: relative; display: block; margin: 0; line-height: 1.1; } .lst_ord_imp__item, .lst_ord_imp ol li { padding-left: 30px; } .lst_ord_imp__item:before, .lst_ord_imp ol li:before { position: absolute; left: 0; counter-increment: point1; content: counter(point1) "."; } .lst_ord_imp ol li { margin-bottom: 19px; } .lst_ord_imp ol li:before { counter-increment: point2; content: counter(point1) "." counter(point2); } .lst_ord_imp li:last-child ol, .lst_ord_imp ol li:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .lst_ord_imp { margin-top: 0; } .lst_ord_imp ol { margin-top: 10px; margin-bottom: 20px; } .lst_ord_imp ol li { margin-bottom: 9px; } } /* / lst_ord_imp */ /* / lists */ /* stars */ .stars { display: inline-block; overflow: hidden; width: 1em; height: 0.77272727em; background-image: url(/local/templates/greencenter/css/../i/star.svg); background-repeat: repeat-x; -webkit-background-size: 1em 100%; background-size: 1em 100%; font-size: 2.2rem; text-align: left; text-indent: -9999px; } .stars--1 { width: 1em; } .stars--2 { width: 2em; } .stars--3 { width: 3em; } .stars--4 { width: 4em; } .stars--5 { width: 5em; } /* / stars */ /* logo */ .logo { display: block; overflow: hidden; width: 190px; height: 30px; background: url(/local/templates/greencenter/css/../i/logo@2x.png) 50% 50% no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; text-align: left; text-indent: -9999px; } /* custom @media */ @media only screen and (max-width: 879px) { .logo { width: 84px; height: 37px; background-image: url(/local/templates/greencenter/css/../i/logo--md@2x.png); } } /* / logo */ /* menu_h (head menu) */ .menu_h { position: relative; } .menu_h__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 1.4rem; line-height: 1; } .menu_h__main a { z-index: 1; display: block; position: relative; padding: 33px 9px 33px 10px; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); } .menu_h__main a:hover { text-decoration: none; } .menu_h__main a:before { content: ""; z-index: -1; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 2px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .menu_h__main .is-active a:before, .menu_h__main a:hover:before { background-color: #ededf1; } .menu_h__main span { display: block; -webkit-transform: skewX(13deg); transform: skewX(13deg); } .menu_h__trig a { color: inherit; } .menu_h__trig span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu_h__trig .icon { margin-left: 0.5em; font-size: 1.2rem; height: 0.58333333em; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .menu_h__trig.is-active .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .menu_h__add { z-index: 1; opacity: 0; position: absolute; right: -5px; top: 90%; visibility: hidden; padding: 25px 30px 28px; margin-top: -15px; background-color: #fff; font-weight: 500; font-size: 1.5rem; line-height: 1; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); border-radius: 3px; } .menu_h__add.is-active { opacity: 1; top: 100%; visibility: visible; -webkit-transition: opacity 0.2s ease, top 0.2s ease; transition: opacity 0.2s ease, top 0.2s ease; } .menu_h__add li { white-space: nowrap; margin-bottom: 1em; text-align: right; } .menu_h__add li:last-child { margin-bottom: 0; } @media only screen and (max-width: 979px) { .menu_h__main a { padding-left: 5px; padding-right: 5px; } } @media only screen and (max-width: 767px) { .menu_h { padding: 25px 30px 28px; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); border-radius: 3px; } .menu_h__main { display: block; font-size: 1.5rem; text-align: right; } .menu_h__main li { margin-bottom: 1em; } .menu_h__main a { display: inline; padding: 0; -webkit-transform: none; transform: none; } .menu_h__main a:before { display: none; } .menu_h__main span { display: inline; -webkit-transform: none; transform: none; } .menu_h__trig { display: none; } .menu_h__add, .menu_h__add.is-active { opacity: 1; position: relative; top: 0; right: 0; visibility: visible; padding: 0; margin-top: 0; background: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } } /* / menu_h */ /* menu_trg */ .menu_trg { position: relative; width: 22px; height: 14px; cursor: pointer; } .menu_trg span { position: absolute; top: 50%; right: 0; width: 100%; height: 2px; margin-top: -1px; background-color: #000; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .menu_trg span:before, .menu_trg span:after { content: ""; position: absolute; top: -6px; left: 0; width: 100%; height: 2px; background-color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .menu_trg span:after { top: 6px; } .menu_trg.is-active span { width: 80%; background-color: transparent; -webkit-transition: background 0.1ms ease; transition: background 0.1ms ease; } .menu_trg.is-active span:before { background-color: #e31e24; -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); } .menu_trg.is-active span:after { background-color: #e31e24; -webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); } /* / menu_trg */ /* soc */ .soc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .soc li { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-right: 10px; } .soc li:last-child { margin-right: 0; } .soc a { display: block; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .soc a:hover { opacity: 0.75; } .soc .icon { display: block; } .soc--h { color: #858597; font-size: 20px; } .soc--h li { margin-right: 10px; } @media only screen and (max-width: 979px) { .soc--h { font-size: 15px; } .soc--h li { margin-right: 10px; } } @media only screen and (max-width: 767px) { .soc--h { font-size: 20px; } } .soc--f { font-size: 40px; } .soc--photos { color: #858597; font-size: 2rem; } .soc--photos li { margin-right: 5px; } .soc--photos a { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .soc--photos a:hover { opacity: 1; color: #2a98ef; } @media only screen and (max-width: 767px) { .soc--photos-mb { font-size: 3.4rem; } .soc--photos-mb li { margin-right: 10px; } } /* / soc */ /* search */ .search { position: relative; width: 227px; } .search__inp { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; width: 100%; height: 34px; padding-right: 1.8rem; border: none; border-bottom: 1px solid #858597; background: none; font-weight: normal; font-size: 1.5rem; line-height: 1; font-family: Montserrat, Arial, sans-serif; -webkit-transition: border 0.2s ease; transition: border 0.2s ease; } .search__but { position: absolute; top: 50%; right: 0; padding: 0; border: none; color: #858597; background: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search__but .icon { font-size: 1.8rem; display: block; fill: currentColor; -webkit-transition: fill 0.2s ease; transition: fill 0.2s ease; } .search__inp:focus { outline: none; border-color: #e31e24; } .search__but:hover, .search__but:focus, .search__inp:focus + .search__but { color: #e31e24; } .search__but:focus { outline: 1px dotted; } /* / search */ /* top_line */ .top_line { height: 100px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; } @media only screen and (max-width: 767px) { .top_line { height: 70px; } } /* / top_line */ /* banner */ .banner { position: relative; min-height: 250px; color: #fff; background-color: #333; } .banner a:hover { color: inherit; } .banner img { display: block; } .banner__h { position: absolute; top: 25px; right: 20px; left: 20px; margin: 0; font-weight: bold; font-size: 3rem; line-height: 1; text-transform: uppercase; } .banner__h--sm { font-size: 2.5rem; } .banner__txt { position: absolute; right: 20px; bottom: 25px; left: 20px; margin: 0; font-weight: 500; } /* / banner */ /* banners_col */ .banners_col > * { margin-bottom: 40px; } .banners_col > *:last-child { margin-bottom: 0; } /* / banners_col */ /* pag */ .pag__in { z-index: 1; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; overflow: hidden; border-radius: 3px; } .pag__in:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #ededf1; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; } .pag__item { z-index: 1; position: relative; overflow: hidden; margin-right: 2px; font-size: 1.4rem; line-height: 1; font-weight: 500; border-radius: 3px; } .pag__item:last-child { margin-right: 0; } .pag__item:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: transparent; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .pag__item.is-active, .pag__item:hover { color: #fff; } .pag__item.is-active:before, .pag__item:hover:before { background: #858597; } .pag__item a { display: block; padding: 10px 19px 10px 13px; } .pag__item a:hover { color: inherit; } /* / pag */ /* info_box */ .info_box { position: relative; margin-bottom: 75px; } .info_box__i { z-index: 2; position: relative; top: 40px; border-radius: 3px; } .info_box__i--t0 { top: 0; } .info_box__fx { display: -ms-flexbox; } .info_box__in { z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; min-height: 250px; padding: 20px 120px 20px 0; } .info_box__in:before { z-index: -1; content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 169%; background: #ededf1; border-radius: 3px; } .info_box__cont { max-width: 100%; font-weight: 500; } .info_box__cont p { margin-bottom: 1.125em; } .info_box__org { padding: 33px 80px 40px 0; } .info_box__org_h { margin-bottom: 22px; } .info_box__org_el { margin-bottom: 25px; } .info_box__org_el:last-child { margin-bottom: 0; } .info_box__org_num { margin-bottom: -2px; color: #e31e24; font-size: 3rem; line-height: 1; font-weight: bold; } .info_box__org_num--b { font-size: 3.5rem; } .info_box__org_amount { font-weight: bold; line-height: 1; font-size: 1.4rem; } .info_box--org { margin-bottom: 40px; } .info_box--org .info_box__in:before { width: 137%; } .info_box--org .info_box__cont { width: 100%; } .info_box--events { margin-bottom: 35px; } .info_box--restaurants { margin-bottom: 40px; } .info_box--r .cols { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .info_box--r .info_box__in { padding-left: 100px; padding-right: 20px; } .info_box--r .info_box__in:before { right: auto; left: 0; } @media only screen and (max-width: 979px) { .info_box__in { padding-right: 60px; } .info_box--org .info_box__in { padding-right: 0; } .info_box--r .info_box__in { padding-left: 80px; padding-right: 0; } } @media only screen and (max-width: 767px) { .info_box { margin-bottom: 25px; } .title_main + .info_box { margin-top: -5px; } .info_box .cols { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .info_box__i { top: 0; max-width: 400px; margin-left: auto; margin-right: auto; } .info_box__in { display: block; padding-top: 30px; padding-bottom: 25px; max-width: 400px; min-height: 1px; } .info_box__in:before { min-height: 250px; } .info_box__org_h { margin-bottom: 10px; } .info_box__org_el { margin-bottom: 15px; } .info_box__org_num { margin-bottom: 0; } .info_box__org_name { margin-bottom: 3px; font-size: 1.3rem; } .info_box__org_amount { font-size: 1.2rem; } .info_box--org { margin-bottom: 35px; } .info_box--org .cols { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -webkit-flex-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; } .info_box--org .info_box__in { padding: 23px 15px 30px 0; } .info_box--org .info_box__in:before { top: -25%; } .info_box--events { margin-bottom: 35px; } .info_box--restaurants { margin-bottom: 35px; } .info_box--r .info_box__in { padding-left: 0; padding-right: 60px; } .info_box--r .info_box__in:before { right: 0; left: auto; } } /* / info_box */ /* info_descr */ .info_descr__h_sub { display: block; margin-top: 10px; color: #858597; font-weight: bold; font-size: 1.5rem; line-height: 1; } .info_descr__wrap { position: relative; } .info_descr__wrap--sm { padding-right: 30px; } .info_descr__wrap--md { padding-right: 50px; } .info_descr__wrap--lg { padding-right: 80px; } .info_descr__wrap--xlg { padding-right: 90px; } .info_descr__in { margin-top: 30px; } .info_descr__imp { margin: 40px 30px 25px 30px; } .info_descr--cols { margin-top: 35px; } .info_descr--in_col { margin-top: 4px; } .info_descr--vert .caro__arrs { margin-right: -30px; } .info_descr--vert .info_descr__caro { width: 65%; } .info_descr--vert .info_descr__in { position: absolute; top: 50%; left: 67%; margin-top: 0; } .info_descr--vert .info_descr__imp { margin-top: 0; margin-right: 0; } .info_descr--w .cols { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .info_descr--w .info_descr__h { margin-bottom: 40px; } @media only screen and (max-width: 979px) { .info_descr__wrap { padding-right: 0; } } @media only screen and (max-width: 767px) { .info_descr__h { margin-bottom: 25px; } .info_descr__caro { max-height: 250px; overflow: hidden; } .info_descr__in { margin-top: 25px; } .info_descr__imp { margin-top: 20px; margin-bottom: 15px; } .info_descr__col { margin-bottom: 35px; } .info_descr__col:last-child { margin-bottom: 0; } .info_descr--in_col { margin-top: 25px; } .info_descr--cols { margin-top: 30px; } .info_descr--vert .caro__arrs { margin-right: 0; } .info_descr--vert .info_descr__caro { width: auto; } .info_descr--vert .info_descr__in { position: relative; top: 0; left: 0; margin-top: 20px; } .info_descr--w .info_descr__h { margin-bottom: 25px; } .info_descr--w .info_descr__in { margin-top: 35px; } } /* / info_descr */ /* venue */ .venue { margin-bottom: 40px; } .venue__cols { margin-bottom: 10px; } .venue__h { margin: 0 0 15px; } .venue__h_main { display: block; margin-bottom: 5px; } .venue__h_add { display: block; min-height: 2.6em; color: #858597; font-weight: bold; font-size: 1.5rem; line-height: 1.3; } .venue__top { position: relative; height: 355px; margin-bottom: 35px; } .venue__top_i { border-radius: 3px; } .venue__top_i.ratio_i:before { padding-top: 54.16666667%; } .venue__top_txt { z-index: 1; position: absolute; left: 25px; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.29166667%; padding: 25px 45px 25px 40px; font-size: 1.4rem; background: #ededf1; border-radius: 3px; } .venue__top--c .venue__top_i.ratio_i:before { padding-top: 52.08333333%; } .venue__top--c .venue__top_txt { left: auto; right: 20px; width: 80.20833333%; } .venue__descr { margin-bottom: 30px; } .venue__descr p { margin-bottom: 30px; } .venue__wrap--sm { padding-right: 30px; } .venue__caro { margin-top: 25px; } .venue__lnk { margin-top: 30px; text-align: right; } .venue__buts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; margin-bottom: -20px; } .venue__buts > * { margin-bottom: 20px; margin-right: 20px; } .venue__buts > *:last-child { margin-right: 0; } @media only screen and (max-width: 979px) { .venue__wrap { padding-right: 0; } .venue__top { height: 320px; } .venue__top_txt { padding-right: 20px; padding-left: 25px; } } @media only screen and (max-width: 767px) { .venue { margin-bottom: 35px; } .venue__tabs { margin-bottom: 15px; } .venue__cols { margin-bottom: 20px; } .venue__h { margin-bottom: 30px; } .venue__h_main { display: none; } .venue__h_add { min-height: auto; } .venue__top { margin-bottom: 25px; max-width: 400px; height: auto; } .venue__top_txt { position: relative; margin-top: -30px; width: auto; right: 0; font-size: 1.2rem; } .venue__top--c .venue__top_txt { left: 25px; right: auto; width: auto; } .venue__descr { margin-bottom: 20px; } .venue__descr p { margin-bottom: 20px; } .venue__caro { margin-top: 30px; max-height: 250px; overflow: hidden; } .venue__lnk { margin-top: 20px; } } /* / venue */ /* contacts */ .contacts__addr { margin-top: -10px; margin-bottom: 55px; line-height: 1.2; } .contacts__item { position: relative; margin-right: 120px; margin-bottom: 60px; } .contacts__item--k { width: 58.5%; margin-right: 0; } .contacts__item:last-child { margin-bottom: 0; } .contacts__i { z-index: 2; position: absolute; top: -30px; right: -120px; width: 350px; } .contacts__i.ratio_i:before { padding-top: 52.08333333%; } .contacts__in { z-index: 1; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; min-height: 305px; padding: 30px; padding-bottom: 15px; border-radius: 3px; } .contacts__cont { width: 580px; } .contacts__h { margin-top: 0; margin-bottom: 30px; line-height: 1.2; } .contacts__el { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .contacts__el .icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative; top: -2px; margin-right: 8px; font-size: 1.8rem; fill: #858597; } .contacts__el_cont { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .contacts__el_cont dt { margin-bottom: 10px; line-height: 1; font-size: 1.4rem; } .contacts__el_cont dd { white-space: nowrap; font-weight: 500; font-size: 1.6rem; } .contacts__el_cont a { color: #e31e24; } .contacts__el_cont a:hover { text-decoration: underline; } @media only screen and (max-width: 979px) { .contacts__item { width: auto; margin-right: 120px; } .contacts__cont { width: 65%; } } @media only screen and (max-width: 767px) { .contacts__addr { margin-bottom: 15px; } .contacts__item { margin-right: 0; margin-bottom: 50px; } .contacts__item:before { content: ""; position: absolute; right: 0; bottom: -25px; left: 0; height: 1px; background: #d6d6db; } .contacts__item:last-child:before { display: none; } .contacts__i { top: 0; right: 0; width: 128px; } .contacts__in { padding: 0; min-height: 1px; } .contacts__cont { width: auto; margin-bottom: -20px; } .contacts__h { margin-right: 130px; margin-bottom: 25px; } .contacts__el { margin-right: 10%; } } /* / contacts */ /* to_org (to organizers) */ .to_org__in { margin-bottom: -35px; } .to_org__el { margin-bottom: 35px; } .to_org__h { margin-top: 0; margin-bottom: 20px; line-height: 1.2; } .to_org__cnt { font-weight: 500; font-size: 1.6rem; color: #e31e24; } .to_org__cnt a:hover { text-decoration: underline; } .to_org__imp { padding-top: 12px; max-width: 340px; } @media only screen and (max-width: 767px) { .to_org__in { margin-bottom: -20px; } .to_org__el { margin-bottom: 20px; } .to_org__h { margin-bottom: 10px; } .to_org__imp { padding-top: 0; margin-top: 10px; margin-right: 20px; } } /* / to_org */ /* restaurants */ .restaurants__in { margin-bottom: -40px; } .restaurants__item { margin-bottom: 40px; } .restaurants__h { margin-bottom: 35px; } .restaurants__txt { margin: 25px 0 35px; } @media only screen and (max-width: 767px) { .restaurants__in { margin-bottom: -35px; } .restaurants__item { margin-bottom: 35px; } .restaurants__h { margin-bottom: 30px; } .restaurants__txt { margin-bottom: 25px; } } /* / restaurants */ /* hotel`s */ .hotel__h { margin-bottom: 25px; } .hotel__h .stars { margin-left: 15px; } .hotel__imp { margin-top: 30px; } .hotel .caro__arrs { right: 15px; margin-right: 0; } @media only screen and (max-width: 767px) { .hotel__h .stars { display: block; margin-top: 6px; margin-left: 0; } .hotel__imp { margin-top: 25px; } .hotel .caro__arrs { right: 0; } } @media only screen and (max-width: 479px) { .hotel .but { white-space: nowrap; } } .hotels > * { margin-bottom: 40px; } .hotels > *:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .hotels > * { margin-bottom: 35px; } } /* / hotel`s */ /* event */ .event { position: relative; background-color: #fff; font-weight: 500; -webkit-box-shadow: inset 0 0 0 1px #dfdfeb, 0px 0px 10px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 1px #dfdfeb, 0px 0px 10px rgba(0, 0, 0, 0); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease-out, -webkit-box-shadow 0.2s ease; transition: background 0.2s ease, -webkit-transform 0.2s ease-out, -webkit-box-shadow 0.2s ease; transition: transform 0.2s ease-out, background 0.2s ease, box-shadow 0.2s ease; transition: transform 0.2s ease-out, background 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease-out, -webkit-box-shadow 0.2s ease; } .event__lnk { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .event__i .ratio_i:before { padding-top: 126.47058824%; } .event__in { padding: 0px 15px 20px; } .event__lbl { min-height: 1em; padding: 6px 9px; margin: 0 -15px 17px; font-size: 1.2rem; line-height: 1; font-weight: 500; } .event__lbl--canceled { color: #000; background-color: #ffca42; } .event__lbl--canceled:before { content: "Отменено"; } .event__lbl--postponed { color: white; background-color: #00b4bf; } .event__lbl--postponed:before { content: "Перенесено"; } .event__lbl--sold { color: white; background-color: #7d7dff; } .event__lbl--sold:before { content: "Все билеты проданы"; } .event__date { margin-bottom: 6px; color: #858597; font-size: 1.2rem; line-height: 1; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .event__place { margin: 6px 0; color: #e31e24; font-size: 1.2rem; line-height: 1; } .event__place .icon { font-size: 1rem; } .event__h { overflow: hidden; margin: 22px 0; height: 3em; font-size: 1.8rem; line-height: 1; font-weight: inherit; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .event__price { margin: 8px 0; color: #858597; font-size: 1.5rem; line-height: 1; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .event:hover { z-index: 1; color: white; background-color: #e31e24; -webkit-box-shadow: inset 0 0 0 0 #dfdfeb, 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 0 0 #dfdfeb, 0px 0px 10px rgba(0, 0, 0, 0.3); -webkit-transform: scale(1.1); transform: scale(1.1); } .event:hover .but--clr { color: #e31e24; } .event:hover .but--clr:before { background-color: white; } .event:hover .but--clr:after { background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(227, 30, 36, 0.5))); background: -webkit-linear-gradient(left, white 0%, rgba(227, 30, 36, 0.5) 100%); background: linear-gradient(to right, white 0%, rgba(227, 30, 36, 0.5) 100%); } .event:hover .event__h, .event:hover .event__date, .event:hover .event__place, .event:hover .event__price { color: inherit; } @media only screen and (max-width: 767px) { .event { -webkit-box-shadow: none; box-shadow: none; } .event:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: scale(1); transform: scale(1); } .event__in { position: relative; padding-left: 0; padding-right: 0; } .event__lbl { margin-left: 0; margin-right: 0; } .event__date { margin-bottom: 7px; font-size: 1rem; } .event__h { margin: 13px 0 21px; font-size: 1.5rem; } } @media only screen and (max-width: 767px) and (orientation: landscape) { .event__i .ratio_i:before { padding-top: 50%; } .event__i.fit img { -o-object-position: top; object-position: top; } } /* / event */ /* events */ .events__in { margin-bottom: -20px; } .events__item { margin-bottom: 20px; } .events__in { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .events__item { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; width: 25%; } @media only screen and (max-width: 1023px) { .events__item { width: 33.33333333%; } } @media only screen and (max-width: 767px) { .events__in { margin-left: -10px; margin-right: -10px; } .events__in:after { content: ""; position: absolute; right: -20px; bottom: 20px; left: -20px; height: 4px; background-color: #fff; } .events__item { padding: 0 10px; width: 50%; } .events__item:after { content: ""; position: absolute; right: -20px; bottom: 0; left: -20px; height: 1px; background-color: #d6d6db; } } /* / events */ /* events_nav */ .events_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } @media only screen and (max-width: 979px) { .events_nav { margin-left: 0; } } @media only screen and (max-width: 767px) { .events_nav { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .events_nav .search { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; margin-bottom: 30px; } } /* / events_nav */ /* eventpg (event page) */ .eventpg__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .eventpg__poster { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 34%; padding-right: 45px; } .eventpg__cont { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .eventpg__i.ratio_i:before { padding-top: 126.47058824%; } .eventpg__date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; top: -2px; line-height: 1; } .eventpg__date_num { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative; top: -0.125em; margin-right: 12px; font-weight: bold; font-size: 4rem; } .eventpg__date_month { font-weight: 500; text-transform: uppercase; } .eventpg__date_day { font-weight: 500; text-transform: uppercase; } .eventpg__date_day--weekend { color: #e31e24; } .eventpg__date_place { margin-top: 3px; color: #e31e24; font-weight: bold; font-size: 1.2rem; } .eventpg__date_warning { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 30px; color: #e31e24; font-size: 1.2rem; line-height: 1.16666667; font-weight: bold; cursor: pointer; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .eventpg__date_warning:before { content: ""; display: block; width: 28px; height: 28px; margin-right: 6px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDQgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjU3NjEyIDcuNTA1NzNMMy40MTE0IDIuMDc2NDNDMy40NjU1IDEuNzI0OCAzLjMxMDc4IDEuMzczNyAzLjAxNDc2IDEuMTc2MzZDMi40MDAzMyAwLjc2NjczNSAxLjU5OTg2IDAuNzY2NzM1IDAuOTg1NDI3IDEuMTc2MzZDMC42ODk0MDkgMS4zNzM3IDAuNTM0NjkgMS43MjQ4IDAuNTg4Nzg4IDIuMDc2NDNMMS40MjQwNiA3LjUwNTczQzEuNDY3OCA3Ljc5MDA0IDEuNzEyNDQgNy45OTk5MSAyLjAwMDA5IDcuOTk5OTFDMi4yODc3NSA3Ljk5OTkxIDIuNTMyMzggNy43OTAwNCAyLjU3NjEyIDcuNTA1NzNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMy4wMDAwOSA5Ljk5OTkxQzMuMDAwMDkgMTAuNTUyMiAyLjU1MjM4IDEwLjk5OTkgMi4wMDAwOSAxMC45OTk5QzEuNDQ3ODEgMTAuOTk5OSAxLjAwMDA5IDEwLjU1MjIgMS4wMDAwOSA5Ljk5OTkxQzEuMDAwMDkgOS40NDc2MyAxLjQ0NzgxIDguOTk5OTEgMi4wMDAwOSA4Ljk5OTkxQzIuNTUyMzggOC45OTk5MSAzLjAwMDA5IDkuNDQ3NjMgMy4wMDAwOSA5Ljk5OTkxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) currentColor 50% 48% no-repeat; -webkit-background-size: 4px 11px; background-size: 4px 11px; border-radius: 100%; } .eventpg__date_warning:hover { color: #970005; } .eventpg__lbl { display: inline-block; vertical-align: top; min-height: 1em; padding: 6px 9px; margin: 18px 0 12px; font-size: 1.2rem; line-height: 1; font-weight: 500; } .eventpg__lbl--canceled { background-color: #ffca42; } .eventpg__lbl--postponed { color: white; background-color: #00b4bf; } .eventpg__lbl--sold { color: white; background-color: #7d7dff; } .eventpg__h { margin-top: 8px; margin-bottom: 15px; line-height: 1.1; } .eventpg__price { margin-right: 20px; font-size: 1.5rem; font-weight: 500; } .eventpg__soc { margin-left: auto; } .eventpg__act { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .eventpg__act_in > * { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: baseline; } .eventpg__descr { margin-top: 40px; } .eventpg__duration { margin-top: 1.375em; } .eventpg__duration > * { display: inline; } .eventpg__duration dt:after { content: ":"; } .eventpg__duration dd:after { content: "."; } .eventpg__info { margin-top: 40px; font-size: 1.4rem; } @media only screen and (max-width: 1023px) { .eventpg__poster { padding-right: 40px; } .eventpg__cont { padding-right: 20px; } } @media only screen and (max-width: 979px) { .eventpg__poster { padding-right: 30px; } } @media only screen and (max-width: 767px) { .eventpg__date { top: 0; } .eventpg__date_num { margin-right: 8px; font-size: 3.5rem; } .eventpg__date_place { margin-top: 1px; } .eventpg__date_warning:before { position: relative; top: 2px; width: 24px; height: 24px; } .eventpg__lbl { margin: 21px 0 8px; } .eventpg__h { margin-top: 13px; margin-bottom: 20px; } .eventpg__price { margin-bottom: 7px; } .eventpg__soc { position: relative; top: -6px; } .eventpg__act { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .eventpg__descr { margin-top: 35px; } .eventpg__info { margin-top: 30px; font-size: 1.2rem; } } @media only screen and (max-width: 479px) { .eventpg__in { display: block; } .eventpg__poster { position: absolute; top: 0; right: 0; left: 0; width: auto; padding-right: 0; } .eventpg__cont { position: relative; padding-top: 106%; padding-right: 10px; } .eventpg__i:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 58.94736842%; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to top, white 50%, rgba(255, 255, 255, 0) 100%); } .eventpg__lbl { margin-right: -10px; } } /* / eventpg */ /* eventlst (list of "our events") */ .eventlst__in { margin-bottom: -40px; } .eventlst__item { margin-bottom: 40px; } .eventlst__item--txt { margin-bottom: 35px; } .eventlst__item--w { margin-top: -60px; } @media only screen and (max-width: 979px) { .eventlst__item--w { margin-top: 0; } } @media only screen and (max-width: 767px) { .eventlst__in { margin-bottom: -35px; } .eventlst__item { margin-bottom: 35px; } .eventlst__item--txt { margin-bottom: 20px; } .eventlst__item--txt + .eventlst__item { margin-bottom: 35px; } .eventlst__item--w { margin-top: 0; } } /* / eventlst */ /* photo`s */ /* photo_count */ .photo_count { z-index: 1; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding: 10px 28px 10px 15px; color: #fff; font-size: 1.4rem; line-height: 1; font-weight: 500; border-radius: 3px; } .photo_count .icon { position: relative; margin-right: 0.7em; width: 1.1em; font-size: 1rem; } .photo_count:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #858597; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; } .photo_count--sm { padding: 7px 25px 7px 8px; font-size: 1.2rem; } .photo_count--sm .icon { position: relative; top: -1px; margin-right: 0.4em; } /* / photo_count */ /* photo_date */ .photo_date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #858597; font-size: 1.2rem; font-weight: 500; } .photo_date .icon { position: relative; top: -1px; margin-right: 0.8em; width: 1.1em; font-size: 1rem; } /* / photo_date */ /* /photo`s */ /* photoalb */ .photoalb__lnk { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .photoalb__h { margin: 1px 0 10px; min-height: 2em; line-height: 1; font-size: 1.8rem; font-weight: 500; } .photoalb__i { position: relative; margin-top: auto; max-height: 250px; -webkit-transition: -webkit-box-shadow 0.2s ease; transition: -webkit-box-shadow 0.2s ease; transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; } .photoalb:hover .photoalb__i { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } .photoalb .photo_count { position: absolute; left: 10px; bottom: 10px; } @media only screen and (max-width: 767px) { .photoalb__h { margin-top: 2px; margin-bottom: 18px; min-height: 1em; font-size: 1.5rem; } } /* / photoalb */ /* photolst */ .photolst__in { margin-bottom: -30px; } .photolst__item { margin-bottom: 30px; } .photolst__g { margin-bottom: 40px; } .photolst__g:last-child { margin-bottom: 0; } .photolst__h { margin-bottom: 25px; } .photolst__item > * { height: 100%; } @media only screen and (max-width: 767px) { .photolst__in { margin-bottom: -25px; } .photolst__item { margin-bottom: 25px; } .photolst__g { margin-bottom: 30px; } } /* / photolst */ /* photos */ .photos__in { margin-bottom: -30px; } .photos__item { margin-bottom: 30px; } .photos__i { -webkit-transition: -webkit-box-shadow 0.2s ease; transition: -webkit-box-shadow 0.2s ease; transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; } .photos__i:hover { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } .photos__hdr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 35px 0 35px; } .photos__hdr .photo_count { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative; top: 3px; margin-right: 20px; } .photos__hdr_h { margin: 0; line-height: 1; } .photos__hdr_soc { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-top: 16px; margin-left: auto; padding-left: 20px; } @media only screen and (max-width: 767px) { .photos__in { margin-bottom: -20px; } .photos__item { margin-bottom: 20px; } .photos__hdr { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; } .photos__hdr_h { line-height: 1.2; } .photos__hdr_in { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; margin-top: 15px; } .photos__hdr_soc { margin-top: 3px; padding-left: 0; } } /* / photos */ /* playbill`s (pb) */ .pb_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .pb_nav { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .pb_nav .dates { margin-right: 20px; } .pb_nav .search { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; } .pb_nav .dates.is-active { margin-right: 0; } .pb_nav .dates.is-active + .search { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; margin-bottom: 30px; } } .pb__g { margin-bottom: 40px; } .pb__g:last-child { margin-bottom: 0; } .pb__h { margin: 0; color: #e31e24; } .pb__date { z-index: 1; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; width: 5.2em; padding: 7px 0 8px 10px; font-size: 2rem; line-height: 1; border-radius: 3px; } .pb__date:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #ededf1; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; } .pb__date_in { position: relative; width: 1.75em; } .pb__date_num { margin-bottom: 5px; font-weight: bold; } .pb__date_month { font-size: 1.2rem; font-weight: 500; } .pb__date_month--mb { display: none; } .pb__date_day { position: absolute; top: 0; left: 100%; text-transform: uppercase; } .pb__date_day--weekend { color: #e31e24; } .pb__lst_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid #d6d6db; } .pb__lst_date { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-right: 45px; } .pb__lst_in { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: -2px; } .pb__lst_in > * { margin-bottom: 20px; } .pb__lst_in > *:last-child { margin-bottom: 0; } .pb__event { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .pb__event_in { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .pb__event_h { margin: 0 0 3px; font-size: 1.8rem; font-weight: 500; line-height: 1; } .pb__event_place { position: relative; left: -2px; color: #e31e24; font-size: 1.2rem; line-height: 1; font-weight: 500; } .pb__event_place .icon { margin-right: 1px; font-size: 1rem; } .pb__event_lbl { display: inline-block; vertical-align: top; margin-top: 9px; padding: 6px 9px; font-size: 1.2rem; line-height: 1; font-weight: 500; } .pb__event_lbl--canceled { background-color: #ffca42; } .pb__event_lbl--canceled:before { content: "Отменено"; } .pb__event_lbl--postponed { color: white; background-color: #00b4bf; } .pb__event_lbl--postponed:before { content: "Перенесено"; } .pb__event_lbl--sold { color: white; background-color: #7d7dff; } .pb__event_lbl--sold:before { content: "Все билеты проданы"; } .pb__event_price { margin-left: 20px; font-size: 1.4rem; } .pb__event_but { margin-left: 20px; } .pb__event--pp .pb__event_h, .pb__event--pp .pb__event_place { color: #858597; } @media only screen and (max-width: 979px) { .pb__lst_date { margin-right: 20px; } } @media only screen and (max-width: 767px) { .pb__g { margin-bottom: 30px; } .pb__lst_in > * { margin-bottom: 25px; } .pb__event { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pb__event_h { font-size: 1.5rem; } .pb__event_in { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; margin-bottom: 10px; } .pb__event_price { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-left: auto; } .pb__event_but { margin-left: 0; } } @media only screen and (max-width: 479px) { .pb__date { width: 4em; padding: 8px 0 8px 10px; font-size: 1.5rem; } .pb__date_num { margin-bottom: 6px; } .pb__date_month { display: none; margin-bottom: 6px; font-size: 10px; } .pb__date_month--mb { display: block; } .pb__date_day { position: relative; left: 0; } } /* / playbill`s */ .chng_fltr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 40px 0 35px; } .chng_fltr__item { margin-right: 30px; font-size: 1.5rem; font-weight: 500; color: #858597; } .chng_fltr__item:last-child { margin-right: 0; } @media only screen and (max-width: 767px) { .chng_fltr { margin-bottom: 25px; } } .chng { border-top: 1px solid #d6d6db; } .chng__item { opacity: 0; visibility: hidden; position: absolute; top: -9999px; left: -9999px; width: 100%; padding: 18px 0; border-bottom: 1px solid #d6d6db; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .chng__item.is-active { opacity: 1; position: static; visibility: visible; } .chng__line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 10px; } .chng__h { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 18px 0 0; width: 50%; font-size: 1.8rem; font-weight: 500; line-height: 1; } .chng__type { position: relative; padding: 0 2.8rem; font-size: 1.4rem; } .chng__type .icon { position: absolute; top: 50%; left: 0; margin-top: -1px; font-size: 1.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .chng__type--r .icon { color: #858597; } .chng__type--c .icon { color: #e31e24; } .chng__dates { margin-left: auto; font-size: 1.4rem; text-align: right; } .chng__dates time { white-space: nowrap; } .chng__dates .icon { margin: 0 12px; color: #e31e24; width: 26px; height: 11px; } @media only screen and (max-width: 767px) { .chng__line { display: block; } .chng__h { width: auto; margin-right: 0; margin-bottom: 10px; font-size: 1.5rem; } .chng__type { margin-bottom: 10px; padding-right: 0; } .chng__dates { margin-left: 0; text-align: left; } } .scheme__stat { margin-bottom: 55px; font-size: 1.6rem; text-align: center; } .scheme__stat span { display: inline-block; } .scheme__stat span:last-child { z-index: 1; position: relative; } .scheme__stat i { z-index: 2; position: relative; font-style: normal; } .scheme__stat strong { z-index: 1; position: relative; display: inline-block; min-width: 2.25em; } .scheme__stat strong:before { z-index: -1; content: ""; position: absolute; top: 50%; left: 50%; width: 6.1rem; height: 3.8rem; background: url(/local/templates/greencenter/css/../i/scheme__stat.svg) 0 0 no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 479px) { .scheme__stat { margin-bottom: 50px; } .scheme__stat span { display: block; } } .scheme__i { position: relative; margin-left: auto; margin-right: auto; } .scheme__zoom { position: absolute; top: 10%; left: 50%; width: 1em; height: 1em; border: none; margin-left: -0.5em; padding: 0; font-size: 5rem; background: #fff; border-radius: 100%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-box-shadow 0.2s ease; transition: -webkit-box-shadow 0.2s ease; transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; } .scheme__zoom:hover { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); } .scheme__zoom:before, .scheme__zoom:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; width: 44%; height: 2px; margin: -1px auto 0; background: #000; } .scheme__zoom:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .schemes__venue { margin-bottom: 30px; } .schemes__nav { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .schemes__venue { margin-bottom: 20px; } .schemes__nav { margin-bottom: 35px; } } /** modules **/ /* head */ .head__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .head__logo { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative; left: -1px; margin-right: auto; } .head__menu { z-index: 5; } .head__menu_trg { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; display: none; } .head__tel { z-index: 4; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-left: 25px; } .head__tel_lst { left: auto; text-align: right; } .head__soc { margin-left: 20px; } .head__soc_mb { display: none; } @media only screen and (max-width: 979px) { .head__tel { margin-left: 5px; } } @media only screen and (max-width: 767px) { .head { padding: 16px 0; } .head__logo { -webkit-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; top: -2px; margin-right: 5px; } .head__menu { z-index: -1; opacity: 0; position: absolute; top: 90%; left: 0; right: 0; visibility: hidden; margin-top: 7px; } .head__menu.is-active { z-index: 5; opacity: 1; top: 100%; visibility: visible; -webkit-transition: opacity 0.2s ease, top 0.2s ease; transition: opacity 0.2s ease, top 0.2s ease; } .head__menu_trg { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; display: block; margin-left: 2px; } .head__tel { position: static; margin: 0 auto; } .head__tel_lst { left: 0; right: 0; margin-top: 7px; } .head__soc { display: none; } .head__soc_mb { display: block; float: right; margin-top: 20px; } } /* / head */ /* foot */ .foot { padding-top: 55px; padding-bottom: 55px; color: #fff; background-color: #858597; } .foot__h { margin: 0 0 25px; font-weight: 500; line-height: 1; font-size: 1.6rem; } .foot__h--hide { opacity: 0; } .foot__list { font-weight: normal; font-size: 1.3rem; line-height: 1.92307692; } .foot__list a { white-space: nowrap; } .foot__list--m li { white-space: nowrap; } .foot .foot__dlist > * { display: inline; } .foot .foot__dlist dt:after { content: ":"; } .foot__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 105px; } .foot__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .foot__group { padding-right: 32px; } .foot__group:last-child { padding-right: 0; } .foot__soc_wrap { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; } .foot__soc { position: relative; top: 7px; } .foot__b { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.3rem; font-weight: normal; line-height: 1.15384615; } .foot__rekv { margin: 0; } .foot__studio { margin: 0 0 0 auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 1023px) { .foot__wrap { display: block; margin-bottom: 70px; } .foot__menu { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 979px) { .foot__group { padding-right: 20px; } } @media only screen and (max-width: 767px) { .foot { padding-top: 35px; padding-bottom: 35px; } .foot__h { margin-bottom: 17px; } .foot__wrap { margin-bottom: 35px; } .foot__menu { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -37px; } .foot__group { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; margin-bottom: 37px; } .foot__soc { top: 0; } .foot__b { display: block; } .foot__rekv { margin-bottom: 32px; } } @media only screen and (max-width: 479px) { .foot__menu { display: block; margin-bottom: 0; } .foot__group { width: auto; padding-right: 0; } .foot__group:last-child { margin-bottom: 0; } } /* / foot */ /* hero */ .hero { height: 400px; } .hero__cont { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px 0; height: 100%; color: #fff; } .hero__cont--no_h { position: absolute; bottom: 0; left: 0; display: block; height: auto; } .hero__cont--no_h .hero__h { display: none; } .hero__h { position: relative; top: -9px; left: -5px; width: 70%; font-weight: bold; font-size: 10rem; line-height: 1; text-transform: uppercase; } .hero__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: 500; } .hero__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 20px 10px; background-color: #970005; border-radius: 3px 0 0 3px; } .hero__date { float: left; position: relative; top: -4px; margin-right: 16px; font-weight: bold; font-size: 6rem; line-height: 1; } .hero__month { margin-bottom: 4px; font-size: 3rem; line-height: 1; text-transform: uppercase; } .hero__place { font-size: 1.5rem; line-height: 1; } .hero__tickets { padding: 15px 56px 10px 20px; border-radius: 0 3px 3px 0; } .hero__tickets dt { margin-bottom: 4px; font-size: 3rem; line-height: 1; } .hero__tickets dd { font-size: 1.5rem; line-height: 1; } @media only screen and (max-width: 979px) { .hero { height: 300px; } .hero__cont { padding: 30px 0; } .hero__h { font-size: 6.5rem; } } @media only screen and (max-width: 767px) { .hero { height: 173px; } .hero__cont { padding: 20px 0; } .hero__h { top: -4px; left: 0; font-size: 4rem; } .hero__info { padding: 10px 10px 5px 12px; } .hero__date { top: -2px; margin-right: 10px; font-size: 3rem; } .hero__month { margin-bottom: 1px; font-size: 1.3rem; } .hero__place { font-size: 1rem; } .hero__tickets { padding: 10px 26px 5px 12px; } .hero__tickets dt { margin-bottom: 1px; font-size: 1.3rem; } .hero__tickets dd { font-size: 1rem; } } /* / hero */ /* page */ .page { position: relative; padding-top: 1px; padding-bottom: 100px; } .page--main { padding-top: 60px; padding-bottom: 60px; } .page--contacts { padding-bottom: 60px; } .page--eventpg { padding-top: 50px; } .page__bg { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: #fff; } .page__bg:before { opacity: 0.1; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #262656; } .page__bg_i { opacity: 0.2; position: absolute; max-width: 110%; top: 0; left: -5%; width: 110%; max-width: 110%; -webkit-filter: saturate(0) blur(15px); filter: saturate(0) blur(15px); /* in figma, blur = 40, not equal css */ } .page__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .page__side { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative; width: 217px; padding-right: 60px; } .page__side--r { padding-left: 60px; padding-right: 0; } .page__side--brd:before { content: ""; position: absolute; top: 0; right: 30px; bottom: 0; width: 1px; background-color: #858597; } .page__cont { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .page__cont > *:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .page__bg { display: block; } } @media only screen and (max-width: 767px) { .page { padding-bottom: 50px; } .page--main { padding-top: 15px; padding-bottom: 40px; background: none; } .page--contacts { padding-bottom: 25px; } .page--eventpg { padding-top: 0; } .page__in { display: block; } .page__side { display: none; } .page__cont { width: auto; } } /* / page */ /* services */ .services { position: relative; } .services--main { background-color: #ededf1; } .services__in { z-index: 1; position: relative; padding-top: 55px; padding-bottom: 55px; } .services__in:before { z-index: -1; content: ""; position: absolute; top: 0; right: 64px; bottom: 0; left: -100%; background-color: #d0d0d8; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 0 4px 0 0; } .services__tabs { margin-bottom: 45px; } .services__item { position: relative; max-height: 200px; } .services__item.ratio_i:before { padding-top: 54.31309904%; } @media only screen and (max-width: 979px) { .services__in { padding-top: 35px; padding-bottom: 40px; } .services__tabs { overflow-x: auto; margin-bottom: 30px; } .services__item_h { font-weight: 500; } } @media only screen and (max-width: 767px) { .services { background-color: #ededf1; } .services__in:before { display: none; } } /* / services */ /* location */ .location__wrap { position: relative; overflow: hidden; } .location__map { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; max-height: 100%; } .location__in { z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 400px; } .location__cont { position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 304px; padding: 20px 30px 30px; margin: auto 0; background: none; -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.15)); border-radius: 5px; } .location__cont:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #fff; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 5px; } .location__cont--tabs { top: 10px; width: 314px; min-height: 232px; padding: 25px 75px 20px 30px; } .location__addr { font-size: 1.8rem; font-weight: 500; } .location__time { margin-bottom: 25px; font-size: 1.4rem; } .location__type { margin-bottom: 6px; font-size: 1.4rem; font-weight: 500; } .location__type:last-child { margin-bottom: 0; } .location__type a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .location__decor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; margin-right: 10px; width: 64px; height: 34px; color: #fff; background: none; border-radius: 3px; } .location__decor:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #e31e24; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; } .location__decor_icon { position: relative; left: -3px; margin: auto; width: 1.2em; font-size: 1.8rem; } .location__lnk { display: none; } .location__tabs { position: absolute; top: 30px; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.15)); border-radius: 3px; } .location__tabs:before { z-index: -1; content: ""; position: absolute; top: 0; left: -10%; right: 0; bottom: 0; background: #fff; -webkit-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; border-radius: 3px; } .location__tab { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 8px 28px 8px 20px; margin-right: -9px; color: #858597; font-size: 1.4rem; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .location__tab:before { background-color: transparent; } .location__tab:last-child { margin-right: 0; } .location__tab .icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-right: 10px; width: 1.2em; font-size: 1.8rem; } .location__tab.is-active { color: #fff; } .location__tab.is-active:before { background-color: #858597; } .location__tab_page { font-size: 1.2rem; } .location__more { display: none; margin-top: 20px; margin-bottom: 45px; } .location__more_tab { font-size: 1.2rem; } .location__drpdn { z-index: 1; display: block; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .location__in { height: 328px; } .location__cont--tabs { top: 30px; } } @media only screen and (max-width: 479px) { .location-main, .location__tabs, .location__cont { display: none; } .location__lnk { display: block; position: absolute; left: 0; bottom: 30px; } .location__more { display: block; } } /* / location */ /* gal (gallery in popup) */ .gal { z-index: -1; opacity: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 40px; background-color: #313140; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .gal.is-active { z-index: 20; opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .gal__in { position: relative; height: 100%; max-height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .gal__close { z-index: 1; position: absolute; top: 0; right: 0; font-size: 40px; color: #858597; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; cursor: pointer; } .gal__close:hover { opacity: 0.75; } .gal__soc { z-index: 1; position: absolute; top: 20px; right: 80px; -webkit-transition: right 0.2s ease; transition: right 0.2s ease; } .gal__m { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; height: 100%; min-height: 0; padding-top: 80px; } .gal__t { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; padding: 40px 0 35px; } .gal__t .owl-stage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .gal__t .owl-item { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } @media only screen and (max-height: 899px) { .gal__soc { top: 0; } .gal__m { padding-top: 60px; } .gal__t { padding-bottom: 0; } } @media only screen and (max-width: 767px), only screen and (max-height: 599px) { .gal { padding: 0; } .gal__close { top: 20px; right: 20px; font-size: 20px; } .gal__soc { left: 0; right: 0; bottom: 30px; top: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .gal__m { padding-top: 0; } .gal__t { display: none; } } /* / gal */ /* End */ /* Start:/local/templates/greencenter/template_styles.css?16751770633260*/ .serctificates-modal { width: 600px; max-width: 100%; padding: 40px; border-radius: 9px; overflow: visible; } .serctificates-modal__title { color: #000000; font-weight: 700; font-size: 22px; line-height: 27px; text-align: center; } .serctificates-modal__body { display: flex; align-items: flex-start; } .serctificates-modal__image { margin-top: 30px; width: 200px; min-width: 200px; margin-right: 25px; } .serctificates-modal__image img { width: 100%; } .serctificates-modal__text { margin-top: 30px; font-weight: 500; font-size: 16px; line-height: 130%; color: #000; } .serctificates-modal__text p { margin: 0; margin-top: 20px; } .serctificates-modal__text p:first-child { margin-top: 0; } .serctificates-modal__bottom { margin-top: 30px; text-align: center; color: #000000; font-weight: 500; font-size: 16px; line-height: 130%; } .serctificates-modal .fancybox-button { width: 44px; height: 34px; background-image: url(/local/templates/greencenter/pic/serctificates-modal-close.svg); padding: 0; background-size: contain; background-position: center center; top: -17px; right: -23px; opacity: 1; } .serctificates-modal .fancybox-button svg { opacity: 0; } .fancybox-bg { background: rgba(48, 48, 78, 0.9); } .fancybox-is-open .fancybox-bg { opacity: 1; } .hidden { display: none; } .sertificaty { box-sizing: border-box; margin-bottom: 100px; } .sertificaty * { box-sizing: border-box; } .sertificaty__block { background: #EDEDF1; border-radius: 3px; position: relative; width: 760px; max-width: 100%; padding: 40px; padding-right: 360px; } .sertificaty__content { font-weight: 500; font-size: 16px; line-height: 130%; } .sertificaty__content p { padding: 0; margin-top: 20px; } .sertificaty__content p:first-child { margin-top: 0; } .sertificaty__image { position: absolute; left: 100%; top: 100%; transform: translate(-60%,-74%); } .sertificaty__image img { display: block; width: auto; max-width: none; } .sertificaty__bottom { margin-top: 40px; font-weight: 500; font-size: 16px; line-height: 130%; } .show-mob { display: none; } @media only screen and (max-width: 768px) { .serctificates-modal { width: 335px; max-width: 95%; padding: 30px 20px; } .serctificates-modal__title { font-size: 18px; line-height: 22px; } .serctificates-modal__body { display: block; } .serctificates-modal__image { margin-right: 0; text-align: center; width: 100%; } .serctificates-modal__image img { width: auto; max-width: 100%; } .serctificates-modal__text { font-size: 14px; text-align: center; } .serctificates-modal__bottom { margin-top: 20px; font-size: 14px; } .serctificates-modal .fancybox-button { right: 10px; top: -5px; } .sertificaty { position: relative; } .sertificaty__block { padding: 30px 20px; padding-bottom: 180px; } .sertificaty__content { font-size: 14px; } .sertificaty__image { left: 50%; transform: translate(-50%,-70%); } .sertificaty__image img { width: 295px; } .sertificaty__bottom { display: none; } .show-mob { display: block; } } /* End */ /* /local/templates/greencenter/css/style.css?1784897516154110 */ /* /local/templates/greencenter/template_styles.css?16751770633260 */