/* Start:/local/templates/escalada/css/pages/root-page.css?17915438627065*/
/* ================================================================
   root-page.css — стили разводящей страницы (escalada.fit/)
   Подключается через SetAdditionalCSS в /index.php.
   Источник: выделено из new.css (строки 1205-1436, Фаза 1.1 рефакторинга).
   Классы .social / .vk / .telegram / .dzen / .rutube — shared,
   остаются в new.css (используются также в header.php и footer.php).
   ================================================================ */

/* === Social icons positioning (root) === */
.root-page .social {
    position: fixed;
    z-index: 10;
    left: 70px;
    bottom: 20px;
}
@media (max-width: 767px) {
    .root-page .social {
        display: none;
    }
}
/* === Logo (fixed top) ===
   Логотип с подписью «Фитнес-клуб с бассейном в Москве» под ним; на планшете и телефоне — горизонтальный
   логотип по центру, без подписи. Раньше это рисовали правила .logo старой шапки (css/header.css
   и root-mobile-logo.css); новая шапка их не содержит — поэтому они перенесены сюда. */
.root-page__logo {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    /*left: 71px;*/
    /*top: 20px;*/
    z-index: 10;
    padding: 19px 71px;
}
.root-page__logo .logo {
    display: inline-block;
    vertical-align: top;
    width: 82px;
    margin: 0;
    padding-top: 67px;
    background: url("/local/templates/escalada/css/pages/../../images/svg/logo.svg") no-repeat center top / 100% auto;
    font-family: 'Open Sans', 'Arial', sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    font-weight: 300;
    color: #999;
    text-align: center;
    text-transform: none;
}
@media (max-width: 1024px) {
    .root-page__logo .logo {
        position: absolute;
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
        width: 128px;
        height: 0;
        padding-top: 30px;
        overflow: hidden;
        color: transparent;
        background-image: url("/local/templates/escalada/css/pages/../../images/svg/logo-mobile.svg");
    }
}
.root-page__logo .logo span {
    display: none;
}
/* === Layout: two-pane club selection === */
.root-page__items {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    overflow: auto;
}
.root-page__item {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 57%;
    background: no-repeat center center;
    background-size: auto 100%;
    transition: .3s background;
}
.root-page__item:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.75);
    display: block;
    content: "";
    transition: .3s background-color;
}
.root-page__item:hover:before {
    background: rgba(0,0,0,.5);
}
.root-page__item--left {
    left: 0;
    z-index: 1;
    background-image: url('/local/templates/escalada/css/pages/../../images/start-left.webp');
}
.root-page__item--right {
    right: 0;
    background-image: url('/local/templates/escalada/css/pages/../../images/start-right-2.webp');
    z-index: 2;
    clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0% 100%);
}
.root-page__item:hover {
    background-size: auto 105%;
}

/* === Club tile text === */
.root-page__item-text {
    display: block;
    color: #FFFFFF;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0 70px;
    transform: translate3d(0, -50%, 0);
}
.root-page__item--right .root-page__item-text {
    left: 9%;
}
.root-page__item-title {
    display: block;
    font-family: 'GothemPro', 'Open Sans', 'Arial', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 2px;
    margin-bottom: 5px;
    transform: skewX(-15deg);
    margin-left: 30px;
}
.root-page__item-address {
    display: block;
    font-family: 'GothemPro', 'Open Sans', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0.6;
    margin-bottom: 30px;
    transform: skewX(-15deg);
    margin-left: 15px;
}
/* === Club tile button === */
.root-page__item-button {
    display: inline-block;
	cursor: pointer;
    text-transform: uppercase;
    padding: 14px 80px;
    border: 2px solid rgba(255,255,255,.5);
    background: #3C8CDD00;
    transition: .3s background-color;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 2px;
    transform: skewX(-15deg);
}
.root-page__item-button span {
    display: block;
    transform: skewX(15deg);
}

a.root-page__item-text .root-page__item-button {
    border-color: #3C8CDDff;
}
a.root-page__item-text:hover .root-page__item-button {
    background: #3C8CDDff;
}
/* === "Coming soon" badge === */
.root-page__item-soon {
    display: block;
    position: absolute;
    left: 30px;
    top: 100%;
    margin-top: 125px;
    background: #3C8CDD;
    padding: 10px 20px;
    font-family: 'GothemPro', 'Open Sans', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transform: skewX(-15deg);
}

/* === Tablet & mobile === */
@media (max-width: 1024px) {
    .root-page__logo {
        position: fixed;
        padding: 0;
        height: 60px;
    }
    .root-page__item {
        position: relative;
        width: auto;
        display: block;
        height: 50%;
        min-height: 300px;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        /*min-height: 340px;*/
        background-size: cover;
        clip-path: none;
        -webkit-clip-path: none;
        padding: 50px 40px;
    }
    .root-page__item--left {
        padding-top: 105px;
    }
    .root-page__item:hover {
        background-size: cover;
    }
    .root-page__item-text {
        position: absolute;
        text-align: center;
        left: 9%;
        right: 9%;
        padding: 0;
    }
    .root-page__item--right .root-page__item-text {
        left: 9%;
        /*left: auto;*/
    }
    .root-page__item-title {
        font-size: 19px;
        line-height: 150%;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }
    .root-page__item-address {
        font-size: 13px;
        line-height: 150%;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }
    .root-page__item-button {
        padding: 10px 60px;
        background: #3C8CDD;
        color: #fff;
        font-weight: bold;
    }
    .root-page__item-soon {
        display: inline-block;
        position: relative;
        left: auto;
        top: auto;
        margin-top: 30px;
        background: #3C8CDD;
        padding: 10px 20px;
        font-size: 13px;
        line-height: 150%;
    }

}

/* End */


/* Start:/local/templates/escalada/js/vendor/jquery.formstyler.css?17915438622175*/
.jq-checkbox,
.jq-radio {
	position: relative;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.jq-checkbox input,
.jq-radio input {
	position: absolute;
	z-index: -1;
	margin: 0;
	padding: 0;
	opacity: 0;
}
.jq-file {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.jq-file input {
	position: absolute;
	top: 0;
	right: 0;
	height: auto;
	margin: 0;
	padding: 0;
	opacity: 0;
	font-size: 100px;
	line-height: 1em;
}
.jq-file__name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jq-selectbox,
.jq-select-multiple {
	position: relative;
	display: inline-block;
}
.jq-selectbox select,
.jq-select-multiple select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
}
.jq-selectbox li,
.jq-select-multiple li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
}
.jq-selectbox {
	z-index: 10;
}
.jq-selectbox__select {
	position: relative;
}
.jq-selectbox__select-text {
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jq-selectbox__dropdown {
	position: absolute;
}
.jq-selectbox__search input {
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.jq-selectbox__dropdown ul {
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	list-style: none;
	-webkit-overflow-scrolling: touch;
}
.jq-select-multiple ul {
	position: relative;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.jq-number {
	display: inline-block;
}
.jq-number__field input {
	-moz-appearance: textfield;
	text-align: left; /* для Opera Presto */
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
	margin: 0; /* в каких-то браузерах присутствует отступ */
	-webkit-appearance: none;
}
/* End */


/* Start:/local/templates/escalada/js/vendor/jquery.formstyler.theme.css?179154386210882*/
.jq-checkbox,
.jq-radio {
	vertical-align: -4px;
	width: 25px;
	height: 25px;
	margin: 0 4px 0 0;
	/*border: 1px solid #C3C3C3;*/
	/*background: linear-gradient(#FFF, #E6E6E6);*/
	border: 1px solid #212328;
	background-color: #fff;
	/*box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;*/
	cursor: pointer;
}
.jq-checkbox.focused,
.jq-radio.focused {
	/*border: 1px solid #08C;*/
}
.jq-checkbox.disabled,
.jq-radio.disabled {
	opacity: .55;
}
.jq-checkbox {
	border-radius: 3px;
}
.jq-checkbox.checked {
	border: 1px solid #3C8CDD;
	background-color: #3C8CDD;
}
.jq-checkbox.checked .jq-checkbox__div {
	width: 16px;
	height: 8px;
	margin: 5px 0 0 4px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.jq-radio {
	border-radius: 50%;
}
.jq-radio.checked .jq-radio__div {
	width: 10px;
	height: 10px;
	margin: 3px 0 0 3px;
	border-radius: 50%;
	background: #777;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.7);
}
.jq-file {
	width: 270px;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.jq-file input {
	cursor: pointer;
}
.jq-file__name {
	box-sizing: border-box;
	width: 100%;
	height: 34px;
	padding: 0 80px 0 10px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #FFF;
	box-shadow: inset 1px 1px #F1F1F1;
	font: 14px/32px Arial, sans-serif;
	color: #333;
}
.jq-file__browse {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 0 10px;
	border-left: 1px solid #CCC;
	border-radius: 0 4px 4px 0;
	background: linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px/32px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
}
.jq-file:hover .jq-file__browse {
	background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-file:active .jq-file__browse {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.focused .jq-file__name {
	border: 1px solid #5794BF;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-number {
	position: relative;
	vertical-align: middle;
	padding: 0 36px 0 0;
}
.jq-number__field {
	width: 100px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
}
.jq-number__field:hover {
	border-color: #B3B3B3;
}
.jq-number__field input {
	box-sizing: border-box;
	width: 100%;
	padding: 8px 9px;
	border: none;
	outline: none;
	background: none;
	font: 14px Arial, sans-serif;
	color: #333;
}
.jq-number__spin {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 14px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: linear-gradient(#FFF, #E6E6E6);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
.jq-number__spin.minus {
	top: auto;
	bottom: 0;
}
.jq-number__spin:hover {
	background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-number__spin:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-number__spin:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 11px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #999;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
	top: 5px;
	border-top: 5px solid #999;
	border-right: 5px solid transparent;
	border-bottom: none;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
	border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
	border-bottom-color: #000;
}
.jq-number.focused .jq-number__field {
	border: 1px solid #5794BF;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-number.disabled .jq-number__spin:after {
	border-bottom-color: #AAA;
}
.jq-number.disabled .jq-number__spin.minus:after {
	border-top-color: #AAA;
}
.jq-selectbox {
	vertical-align: middle;
	cursor: pointer;
}
.jq-selectbox__select {
	height: 32px;
	padding: 0 45px 0 10px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px/32px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
}
.jq-selectbox__select:hover {
	background: linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-selectbox__select:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .jq-selectbox__select {
	border: 1px solid #5794BF;
}
.jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-selectbox__select-text {
	display: block;
	width: 100%;
}
.jq-selectbox .placeholder {
	color: #888;
}
.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
	border-left: 1px solid #CCC;
}
.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 14px;
	right: 12px;
	width: 0;
	height: 0;
	border-top: 5px solid #999;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
	border-top-color: #000;
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	border-top-color: #AAA;
}
.jq-selectbox__dropdown {
	box-sizing: border-box;
	width: 100%;
	margin: 2px 0 0;
	padding: 0;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	font: 14px/18px Arial, sans-serif;
}
.jq-selectbox__search {
	margin: 5px;
}
.jq-selectbox__search input {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	border: 1px solid #CCC;
	border-radius: 3px;
	outline: none;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
}
.jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}
.jq-selectbox ul {
	margin: 0;
	padding: 0;
}
.jq-selectbox li {
	min-height: 18px;
	padding: 5px 10px 6px;
	color: #231F20;
}
.jq-selectbox li.selected {
	background-color: #A3ABB1;
	color: #FFF;
}
.jq-selectbox li:hover {
	background-color: #08C;
	color: #FFF;
}
.jq-selectbox li.disabled {
	color: #AAA;
}
.jq-selectbox li.disabled:hover {
	background: none;
}
.jq-selectbox li.optgroup {
	font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.jq-selectbox li.option {
	padding-left: 25px;
}
.jq-select-multiple {
	box-sizing: border-box;
	padding: 1px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #FFF;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px/18px Arial, sans-serif;
	color: #333;
	cursor: default;
}
.jq-select-multiple.focused {
	border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-select-multiple ul {
	margin: 0;
	padding: 0;
}
.jq-select-multiple li {
	padding: 3px 9px 4px;
	list-style: none;
}
.jq-select-multiple li:first-child {
	border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
	border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
	background: #08C;
	color: #FFF;
}
.jq-select-multiple li.disabled {
	color: #AAA;
}
.jq-select-multiple li.optgroup {
	font-weight: bold;
}
.jq-select-multiple li.option {
	padding-left: 25px;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
	background: #CCC;
	color: #FFF;
}
input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
	padding: 8px 9px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
}
input[type='search'].styler {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea.styler {
	overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
	border-color: #B3B3B3;
}
input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
	border-color: #CCC;
	border-top-color: #B3B3B3;
	outline: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
	overflow: visible;
	padding: 8px 11px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	outline: none;
	background: linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
button.styler.styler::-moz-focus-inner,
input[type='button'].styler.styler::-moz-focus-inner,
input[type='submit'].styler.styler::-moz-focus-inner,
input[type='reset'].styler.styler::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
	background: linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
/* End */


/* Start:/local/templates/escalada/js/vendor/owl.carousel.css?17915438622880*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-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{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-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}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.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{-webkit-user-select:none;-moz-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}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{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/escalada/js/vendor/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-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;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/escalada/js/vendor/fancybox/jquery.fancybox.css?179154386214323*/
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#fff;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:1;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translate3d(0,0,0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:0;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide::before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image::before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>div{display:inline-block;position:relative;padding:24px;margin:44px 0 44px;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:0 0;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-error{margin:0;padding:40px;width:100%;max-width:380px;background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:0;background:0 0;z-index:10;cursor:pointer}.fancybox-close-small:after{content:'×';position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:0 0;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0 30px;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8) 100%);pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid rgba(255,255,255,.4);font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:0 0;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:0}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button::after,.fancybox-button::before{content:'';pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]::after,.fancybox-button[disabled]::before{opacity:.3}.fancybox-button--left::after,.fancybox-button--right::after{top:18px;width:6px;height:6px;background:0 0;border-top:solid 2px currentColor;border-right:solid 2px currentColor}.fancybox-button--left::after{left:20px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right::after{right:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close::after,.fancybox-button--close::before{content:'';display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0 0;height:100px;width:54px;padding:0;border:0;outline:0;background:0 0;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow::after{content:'';position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center center;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left::after,.fancybox-arrow--right::after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-slide>.fancybox-loading{border:6px solid rgba(100,100,100,.4);border-top:6px solid rgba(255,255,255,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:fancybox-rotate .8s infinite linear;animation:fancybox-rotate .8s infinite linear;background:0 0;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes fancybox-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fancybox-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}@media all and (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen::before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:0 0}.fancybox-button--pause::before,.fancybox-button--play::before{top:calc(50% - 6px);left:calc(50% - 4px);background:0 0}.fancybox-button--play::before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause::before{width:7px;height:11px;border-style:solid;border-width:0 2px 0 2px}.fancybox-thumbs{display:none}.fancybox-button--thumbs{display:none}@media all and (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs::before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,0 0 0 32px inset,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:0;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}
/* End */


/* Start:/local/templates/escalada/css/fonts.css?17915438624828*/
/* --------------------------------------------------------------------------
  Fedra Sans Pro
   -------------------------------------------------------------------------- */
@font-face {
    font-family: 'Fedra Sans Pro';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/newFonts/FedraSansPro-Light.woff2') format('woff2'),
         url('/local/templates/escalada/fonts/newFonts/FedraSansPro-Light.woff') format('woff');
}

@font-face {
    font-family: 'Fedra Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/newFonts/FedraSansPro-Normal.woff2') format('woff2'),
         url('/local/templates/escalada/fonts/newFonts/FedraSansPro-Normal.woff') format('woff');
}

@font-face {
    font-family: 'Fedra Sans Pro';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/newFonts/FedraSansPro-Bold.woff2') format('woff2'),
         url('/local/templates/escalada/fonts/newFonts/FedraSansPro-Bold.woff') format('woff');
}
/* --------------------------------------------------------------------------
   Open Sans
   -------------------------------------------------------------------------- */
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/OpenSans-Light.woff2') format('woff2'),
         url('/local/templates/escalada/fonts/OpenSans-Light.woff') format('woff');
    unicode-range: U+0400-04FF, U+2000-206F, U+2DE0-2DFF, U+A640-A69F; /* Cyrillic */
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/OpenSans-Regular.woff2') format('woff2'),
         url('/local/templates/escalada/fonts/OpenSans-Regular.woff') format('woff');
    unicode-range: U+0400-04FF, U+2000-206F, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/OpenSans-Bold.woff2') format('woff2'),
         url('/local/templates/escalada/fonts/OpenSans-Bold.woff') format('woff');
    unicode-range: U+0400-04FF, U+2000-206F, U+2DE0-2DFF, U+A640-A69F;
}

/* --------------------------------------------------------------------------
   Gotham Pro
   -------------------------------------------------------------------------- */
@font-face {
    font-family: 'GothemPro';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/GothamCyrillic/GothamPro-Light.woff') format('woff');
}

@font-face {
    font-family: 'GothemPro';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/GothamCyrillic/GothamPro.woff') format('woff');
}

@font-face {
    font-family: 'GothemPro';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/GothamCyrillic/GothamPro-Bold.woff') format('woff');
}

@font-face {
    font-family: 'GothemPro';
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/GothamCyrillic/GothamPro-BoldItalic.woff') format('woff');
}


/* --------------------------------------------------------------------------
   Montserrat
   -------------------------------------------------------------------------- */
@font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'),
         url('/local/templates/escalada/fonts/Montserrat/Montserrat-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'),
         url('/local/templates/escalada/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/local/templates/escalada/fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'),
         url('/local/templates/escalada/fonts/Montserrat/Montserrat-Bold.woff') format('woff');
}

.newIntro-block__text {
            position: relative;
            margin: 0;
            z-index: 0;
            font-family: 'Fedra Sans Pro';
            font-size: 320px;
            font-weight: 600;
            text-transform: uppercase;
            line-height: 200px;
        }
/* End */


/* Start:/local/templates/escalada/css/base.css?17915438629738*/
* {
    box-sizing:border-box;
    outline:none;
}
a {
    color:#fff;
    text-decoration:none;
}
a:hover {
    color:#fff;
}
img.bg-hidden{
    width:100%;
    height:auto;
    visibility:hidden;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.no-coppy, .no-coppy * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider-wrapper {
    position: relative;
}

.owl-counter {
    position: absolute;
    bottom: 42px;
    width: 60px;
    left: 100px;
    color: white;
    font-size: 16px;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
}

.marquiz__button_rounded {
	border-radius: 4px!important;
}

.page-spacer { height: 20px; }
@media (max-width: 768px) {
    .page-spacer { height: 10px; }
}
.clear{
    clear:both;
}
@media (min-width:1600px) {
    h1 {
        font-size:72px;
        line-height:100px;
    }
    h2,
    .h2 {
        font-size:52px;
        line-height:74px;
    }
}
h1, .h1,
h2, .h2,
h3, .h3{
    font-family: 'GothemPro', 'Open Sans', 'Arial', sans-serif;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    color: #FFFFFF;
}
h1, .h1 {
    font-size: 54px;
    line-height: 56px;
    margin: 20px 0 20px;
}
h2, .h2 {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 18px;
    letter-spacing: 3px;
}
h3, .h3{
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}
.h1,
.h2,
.h3 {
    margin: 0 0 30px;
}
@media (max-width: 740px) {
    h1, .h1 {
        font-size: 30px;
        line-height: 32px;
    }
    h2, .h2 {
        font-size: 19px;
        line-height: 150%;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }
}
@media (max-width: 540px) {
    h1, .h1 {
        font-size:24px;
        line-height:26px;
    }
}

/* CSS variables and base utilities (moved from cards.css) */
:root {
  /* Цвета */
  --text-main: #f5f5f5;
  --text-muted: #a6a6a6;
  --text-strong: #ffffff;
  --accent: #4a9eff;
  --accent-glow: rgba(74, 158, 255, 0.35);
  --bg-card: #111111;
  --bg-soft: #0a0a0a;
  --border-subtle: #222222;
  --border-focus: #4a9eff;
  
  /* Отступы и размеры */
  --container-max: 1360px;
  --section-gap: 3rem;
  --radius: 10px;
  --transition: 0.2s ease;
}

.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 1.5rem;
  color: var(--text-main);
  line-height: 1.2;
  background: transparent; /* Наследует #000 фона сайта */
}

html {
  scroll-behavior: smooth;
}

.wrap {
    max-width: 1360px;
    padding: 0 70px;
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .wrap {
        padding: 0 20px;
    }
}

/* === global utilities (moved from template styles.css) === */
.pb-80 {
    padding-bottom: 80px;
}

.wrapper {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width: 1400px) {
    .pb-80 {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 1200px) {
    .pb-80 {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 576px) {
    .wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* ============================================================
   Глобальные утилиты и template-уровень — перенесено из new.css (Батч 5)
   base.css грузится РАНЬШЕ new.css/header.css/footer.css,
   но ПОЗЖЕ page-CSS (pages/*.css) — порядок проверен по бандлу.
   ============================================================ */

/* --- Кнопки (.btn) — глобальные, использовались только в new.css --- */
.btn {
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #3C8CDD;
	border-radius: 4px;
    padding: 12px 40px;
    text-transform: uppercase;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.07em;
    cursor: pointer;
    background: transparent;
}
.btn:hover{
    background: #3C8CDD;
    color: #fff;
}
.btn--blue{
    background: #3C8CDD;
    color: #fff;
}
.btn--blue:hover{
    background: transparent;
}

/* --- Глобальный reset body/html (перенесён из new.css; не конфликтует с html{scroll-behavior} выше) --- */
body, html {
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 300;
    position: relative;
    background: #090B11;
}

/* --- Утилиты-обёртки --- */
.wrap-big {
	max-width: 1340px;
    padding: 0 70px;
    margin:0 auto;
    position:relative;
}
.has-padding{
    padding: 100px 0;
}
.content-center{
    text-align: center;
    padding-top:0;
}
.light-bg{
    background: #090B12;
}
.hide {
    display: none;
}
.video {
    display: block;
    position: relative;
    padding-top: 56.65%;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width:1024px) {
	.wrap-big{
	padding: 0 20px;
	}
}

/* --- Соц-иконки (url(/local/templates/escalada/css/) относительные ../images/, base.css в css/ — не меняются) --- */
.social a{
    display:inline-block;
    height:24px;
    width:25px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    opacity: .75;
    background: no-repeat center center;
    background-size: contain;
}
.social a:hover{
    opacity: 1;
}
a.telegram {
    background-image: url("/local/templates/escalada/css/../images/social-tg.svg");
    width: 20px;
    height: 20px;
}
a.telegram:hover {
    background-image: url("/local/templates/escalada/css/../images/social-tg-h.svg");
}
a.dzen {
    background-image: url("/local/templates/escalada/css/../images/social-dzen.svg");
    width: 20px;
    height: 20px;
}
a.dzen:hover {
    background-image: url("/local/templates/escalada/css/../images/social-dzen-h.svg");
}
a.vk {
    background-image: url("/local/templates/escalada/css/../images/vk.svg");
}
a.vk:hover {
    background-image: url("/local/templates/escalada/css/../images/vk-h.svg");
}
a.fb {background:url("/local/templates/escalada/css/../images/fb.svg") no-repeat center;}
a.fb:hover {background:url("/local/templates/escalada/css/../images/fb-h.svg") no-repeat center;}
a.inst{
    background:url("/local/templates/escalada/css/../images/inst.svg") no-repeat center;
}
a.inst:hover{
    background:url("/local/templates/escalada/css/../images/inst-h.svg") no-repeat center;
}
a.rutube{
    background:url("/local/templates/escalada/css/../images/rutube.svg") no-repeat center;
	background-size: contain;
    width: 20px;
    height: 20px;
}
a.rutube:hover{
    background:url("/local/templates/escalada/css/../images/rutube-h.svg") no-repeat center;
	background-size: contain;
}
a.whatsapp {
    background-image: url("/local/templates/escalada/css/../images/social-wa.svg");
    width: 20px;
    height: 20px;
}
a.whatsapp:hover {
    background-image: url("/local/templates/escalada/css/../images/social-wa-h.svg");
}
a.max {
    background-image: url("/local/templates/escalada/css/../images/social-max.svg");
    width: 20px;
    height: 20px;
}
a.max:hover {
    background-image: url("/local/templates/escalada/css/../images/social-max-h.svg");
}

/* --- Generic fancybox-скин (нужен всем лайтбоксам глобально) --- */
.fancybox-slide,
.fancybox-slide > div:first-of-type{
    background:#090B12;
}
.fancybox-slide > div:first-of-type{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
.fancybox-close-small:after{
    display:none;
}
.fancybox-container {
    margin-left:100%;
    margin-top:-100%;
    opacity:0;
    transition:.2s all ease-in !important;
}
.fancybox-container.fancybox-is-open {
    opacity:1;
    margin-left:0;
    margin-top:0;
}
.fancybox-bg {
    background:#000 !important;
    opacity: .5;
}
.fancybox-slide > .fancybox-loading {
    display:none;
}
.cardDetail .fancybox-slide, .fancybox-slide > div:first-of-type{
    background: transparent;
}

/* --- Template-уровень: соцсети/телефоны/конфиденциальность (footer/header/contacts) --- */
.confidentiality-link{
    display:inline-block;
    border-bottom:1px solid #fff;
}
.confidentiality{
    font-family:'Montserrat-Regular', 'Arial', sans-serif;
}
.site{
    font-weight:400;
    font-family:'Montserrat-Semi', 'Arial', sans-serif;
}

/* === Moved from new.css (Б6a) === */
@keyframes slideleft {
    0%{
        opacity:1;
        margin-left:0;
    }
    60%{
        opacity:0;
        margin-left:135px;
    }
    100%{
        opacity:1;
        margin-left:0;
    }
}

/* === J0d: rescued from former js/anime.css (live generic container utilities; used by news.list/cards component "club-cards content content--cards") === */
.content{
    /*padding: 0 70px;*/
    max-width: 1160px;
    margin: 0 auto;
}
.content--cards {
    max-width: 1360px;
}

/* ========================================
   Анимация появления изображений баннера
   ======================================== */
.js-animate-onload {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.js-animate-onload.is-loaded {
    opacity: 1;
    transform: translateY(0);
}

/* Каскадная задержка для иконки Play */
.main-top-banner__video-icon.js-animate-onload {
    transition-delay: 0.2s;
}

/* Уважение к настройкам пользователя */
@media (prefers-reduced-motion: reduce) {
    .js-animate-onload {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/* End */


/* Start:/local/templates/escalada/css/header.css?179154386242905*/
/* ==========================================================================
   Шапка и бургер-меню (макет Figma «Дизайн (Главная)»: header, burger menu)
   Разметка — header.php, данные клуба — local/include/site-layout.php, поведение — js/header.js.
   MOBILE-FIRST: база — телефон (390), дальше @media (min-width: …) по возрастанию:
   540 — планшетная шапка (140 px), 640 — планшетное меню, 1200 — десктоп (80 px), 1340 — пункты меню в шапке.
   ========================================================================== */

:root {
    --site-bg: #000a0e;
    --site-panel: #02060e;
    --site-card: #080e19;
    --site-black: #070c0f;
    --site-white: #edf7fb;
    --site-gray: #d1d1d1;
    --site-muted: #b7c1cf;
    --site-blue: #00a1e6;
    --site-blue-400: #00b1fd;
    --site-blue-line: #00a0e3;
    --site-blue-50: #94dbfa;
    --site-blue-200: #62cdfb;   /* наведение (UI-kit главной) */
    --site-blue-600: #0090ce;   /* нажатие */
    --site-focus: #4d85e0;      /* рамка фокуса с клавиатуры */
    --site-line: rgba(0, 160, 227, 0.25);   /* обводки карточек в макете — #00a0e3 с прозрачностью */
    --site-neutral-900: #383838;
    --site-font: Tahoma, Verdana, 'Segoe UI', sans-serif;
    --site-font-title: 'Fedra Sans Pro', Tahoma, Verdana, sans-serif;

    /* Высота шапки и сдвиг контента страниц. Внутренние страницы свёрстаны под старую фиксированную шапку
       (64 px до 1024, 68 px до 1260, 119 px дальше) — .main сдвигается на разницу, отступы страниц не трогаем. */
    --site-header-h: 72px;
    --site-header-shift: 8px;

    /* Телефон и планшет: размеры содержимого шапки (и шапки открытого меню — крестик на месте бургера).
       Меньше, чем в макете (100 / 140px, значки 44, логотип 95x60) — там шапка казалась слишком «жирной» */
    --site-hdr-icon: 36px;       /* бургер, крестик, «позвонить» */
    --site-hdr-logo-w: 76px;
    --site-hdr-logo-h: 48px;

    /* Поля по бокам на десктопе. Шире 1920 — всё как на 1920 (контент 1800 по центру), растут поля — как у главной */
    --site-pad: 60px;

    /* Движение: переходы состояний (hover / click / focus) — 0.3s ease-out везде; появление разделов бургер-меню — 0.6s */
    --site-t: 0.3s;
    --site-ease: ease-out;
    --site-reveal-t: 0.6s;
    --site-reveal-shift: 40px;

    /* Шкала шрифтов — как у главной (css/pages/main-page.css, «Шкала шрифтов»):
       телефон до 704 / планшет 705–1100 / ПК от 1101 */
    --site-fs-h3: 16px;      /* заголовки колонок подвала          16 / 18 / 20 */
    --site-fs-body: 15px;    /* ссылки, контакты, текст, кнопки    15 / 16 / 16 */
    --site-fs-small: 13px;   /* мелкий текст («Загрузите в»)       13 / 14 / 14 */
    --site-fs-tag: 12px;     /* бирки разделов                     12 на всех */
}

@media (min-width: 705px) {
    :root {
        --site-fs-h3: 18px;
        --site-fs-body: 16px;
        --site-fs-small: 14px;
        --site-reveal-shift: 60px;
    }
}

@media (min-width: 1101px) {
    :root { --site-fs-h3: 20px; }
}

@media (min-width: 1921px) {
    :root { --site-pad: calc((100vw - 1800px) / 2); }
}

@media (min-width: 540px) {
    :root {
        --site-header-h: 96px;
        --site-header-shift: 32px;
        --site-hdr-icon: 40px;
        --site-hdr-logo-w: 85px;
        --site-hdr-logo-h: 54px;
    }
}
@media (min-width: 1025px) {
    :root { --site-header-shift: 28px; }
}
@media (min-width: 1200px) {
    :root { --site-header-h: 80px; --site-header-shift: 12px; }
}
@media (min-width: 1261px) {
    :root { --site-header-shift: -39px; }
}

.main {
    margin-top: var(--site-header-shift);
}

.is-club-home .main {
    margin-top: 0;
}

/* ---------- Общие элементы ---------- */

.site-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 36px;
    border: 1px solid var(--site-blue);
    border-radius: 999px;
    font-family: var(--site-font);
    font-size: var(--site-fs-body);
    font-weight: 700;
    line-height: 1.3;
    color: var(--site-blue-400);
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color var(--site-t) var(--site-ease), color var(--site-t) var(--site-ease);
}

/* как «Видео презентация» на главной (кнопка с обводкой): наведение — светлее, нажатие — темнее */
.site-btn:hover {
    border-color: var(--site-blue-200);
    color: var(--site-blue-200);
}

.site-btn:active {
    border-color: var(--site-blue-600);
    color: var(--site-blue-600);
}

/* Кнопка-иконка «позвонить» (мобильная шапка) */
.site-call {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--site-hdr-icon);
    height: var(--site-hdr-icon);
    border: 1px solid rgba(0, 160, 227, 0.2);
    border-radius: 6px;
    background: rgba(70, 127, 209, 0.1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: border-color var(--site-t) var(--site-ease), background-color var(--site-t) var(--site-ease);
}

.site-call:hover {
    border-color: var(--site-blue-200);
    background-color: rgba(0, 177, 253, 0.12);
}

.site-call:active {
    border-color: var(--site-blue-600);
    background-color: rgba(0, 144, 206, 0.2);
}

.site-call img {
    display: block;
    width: 20px;
    height: 20px;
}

/* Тег раздела: «◯ Навигация». Обводка — затухающий градиент, как у бирок главной (.main-page__tag) */
.site-tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    align-self: flex-start;
    padding: 7px 15px;
    border: 1px solid transparent;
    border-radius: 100px;
    font-family: var(--site-font);
    font-size: var(--site-fs-tag);
    font-weight: 700;
    line-height: 1.3;
    color: var(--site-blue-400);
    white-space: nowrap;
}

.site-tag::before {
    content: '';
    position: absolute;
    inset: -1px;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(0, 160, 227, 0.2), rgba(0, 160, 227, 0));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}

.site-tag img {
    display: block;
    width: 20px;
    height: 20px;
}

/* Документ с меткой PDF */
.site-doc {
    display: inline-flex;
    align-items: flex-end;
    gap: 10px;
    transition: color var(--site-t) var(--site-ease);
}

.site-doc__tag {
    flex: none;
    margin-bottom: 2px;
    padding: 5px 10px;
    border: 1px solid var(--site-line);
    border-radius: 100px;
    background: rgba(0, 160, 227, 0.1);
    font-family: var(--site-font);
    font-size: 6px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.06px;
    color: var(--site-blue-line);
    text-transform: uppercase;
}

/* Кнопка стора (мобильное приложение) */
.site-app {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    border: 2px solid var(--site-line);
    border-radius: 15px;
    background: linear-gradient(to left, rgba(11, 28, 60, 0.3), rgba(8, 14, 25, 0.3));
    font-family: var(--site-font);
    line-height: 1.3;
    white-space: nowrap;
    transition: border-color var(--site-t) var(--site-ease);
}

a.site-app:hover {
    border-color: var(--site-blue-200);
}

a.site-app:active {
    border-color: var(--site-blue-600);
}

.site-app__icon {
    flex: none;
    display: block;
    width: 30px;
    height: 30px;
}

.site-app__text {
    display: flex;
    flex-direction: column;
}

.site-app__pre {
    font-size: var(--site-fs-small);
    letter-spacing: -0.15px;
    color: var(--site-gray);
    transition: color var(--site-t) var(--site-ease);
}

.site-app__name {
    font-size: var(--site-fs-body);
    font-weight: 700;
    color: var(--site-white);
    transition: color var(--site-t) var(--site-ease);
}

/* Кнопка стора «только иконка»: подпись видна лишь экранным читалкам */
.site-app--icon .site-app__text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ==========================================================================
   Плашка-баннер над шапкой (компонент news.list/top-banner)
   ========================================================================== */

.pre-header {
    width: 100%;
    height: 50px;
    background: #058CE3;
    text-align: center;
    padding: 0 15px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pre-header__wrapper {
    flex: 0 0 100%;
    width: 100%;
}
.pre-header a:not(:hover) {
    text-decoration: underline;
}
.pre-header * {
    margin: 0;
    padding: 0;
}
/* пока страницу не прокрутили, фиксированная шапка стоит под плашкой */
.pre-header + .site-header:not(.is-scrolled) {
    top: 50px;
}
@media (max-width: 680px) {
    .pre-header {
        font-size: 12px;
        line-height: 17px;
    }
}
@media (max-width: 540px) {
    .pre-header {
        height: 80px;
    }
    .pre-header + .site-header:not(.is-scrolled) {
        top: 80px;
    }
}

/* ==========================================================================
   Скроллбар страницы: дорожка — на тон светлее фона главной, ползунок и стрелки — голубые, как primary-кнопки
   (наведение — светлее, нажатие — темнее). Chrome, Edge, Safari, Opera — ::-webkit-scrollbar (со стрелками);
   Firefox стрелки не рисует — ему только цвета (scrollbar-color; в Chrome он отключил бы стрелки, поэтому
   только там, где ::-webkit-scrollbar нет). Телефоны и macOS с «плавающей» полосой — как в системе.
   ========================================================================== */

:root {
    --site-scroll-track: #061218;   /* на тон светлее фона главной (#000a0e) — полоса видна, но не спорит со страницей */
    --site-scroll-w: 12px;
}

html::-webkit-scrollbar {
    width: var(--site-scroll-w);
    background: var(--site-scroll-track);
}

html::-webkit-scrollbar-track {
    background: var(--site-scroll-track);
}

/* ползунок уже дорожки: прозрачная рамка 3px по бокам */
html::-webkit-scrollbar-thumb {
    min-height: 40px;
    border: 3px solid transparent;
    border-radius: 999px;
    background: var(--site-blue) padding-box;
}

html::-webkit-scrollbar-thumb:hover {
    background-color: var(--site-blue-200);
}

html::-webkit-scrollbar-thumb:active {
    background-color: var(--site-blue-600);
}

/* стрелки: треугольники (как ▾ в шапке) на фоне дорожки */
html::-webkit-scrollbar-button:single-button:vertical {
    display: block;
    width: var(--site-scroll-w);
    height: 14px;
    background: var(--site-scroll-track) no-repeat center / 7px 6px;
}

html::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M3.5 0 7 6H0z' fill='%2300a1e6'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M0 0h7L3.5 6z' fill='%2300a1e6'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M3.5 0 7 6H0z' fill='%2362cdfb'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M0 0h7L3.5 6z' fill='%2362cdfb'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M3.5 0 7 6H0z' fill='%230090ce'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M0 0h7L3.5 6z' fill='%230090ce'/%3E%3C/svg%3E");
}

html::-webkit-scrollbar-corner {
    background: var(--site-scroll-track);
}

@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-color: var(--site-blue) var(--site-scroll-track);
    }
}

/* Десктоп (мышь): вместо родной полосы — своя колонка .site-scroll (js/header.js) поверх правого края.
   Появляется при прокрутке и при наведении к правому краю, через секунду без дела гаснет.
   Правила выше (::-webkit-scrollbar) остаются запасным вариантом: без JS или без класса — родная полоса
   в тех же цветах. Телефоны и планшеты — системная полоса. */
html.site-scroll-custom {
    scrollbar-width: none;
}

html.site-scroll-custom::-webkit-scrollbar {
    display: none;
}

.site-scroll {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 150;                 /* над шапкой (100), под меню (1000) и окнами */
    display: flex;
    flex-direction: column;
    width: var(--site-scroll-w);
    background: var(--site-scroll-track);
    opacity: 0;
    transition: opacity 0.2s ease-out;
    user-select: none;
    touch-action: none;
}

.site-scroll[hidden] {
    display: none;
}

.site-scroll.is-on {
    opacity: 1;
}

/* стрелки: треугольники цвета ползунка */
.site-scroll__btn {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 14px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--site-blue);
    cursor: pointer;
    transition: color 0.2s ease-out;
}

.site-scroll__btn::before {
    content: '';
    width: 7px;
    height: 6px;
    background: currentColor;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.site-scroll__btn--down::before {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.site-scroll__btn:hover {
    color: var(--site-blue-200);
}

.site-scroll__btn:active {
    color: var(--site-blue-600);
}

.site-scroll__track {
    position: relative;
    flex: 1;
    cursor: pointer;
}

/* ползунок уже дорожки — по 3px с боков, как у родной полосы выше */
.site-scroll__thumb {
    position: absolute;
    top: 0;
    left: 3px;
    right: 3px;
    border-radius: 999px;
    background: var(--site-blue);
    cursor: default;
    transition: background-color 0.2s ease-out;
    will-change: transform;
}

.site-scroll__thumb:hover {
    background-color: var(--site-blue-200);
}

.site-scroll.is-drag .site-scroll__thumb {
    background-color: var(--site-blue-600);
}

@media (prefers-reduced-motion: reduce) {
    .site-scroll,
    .site-scroll * {
        transition-duration: 0s !important;
    }
}

/* ==========================================================================
   Шапка
   ========================================================================== */

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    height: var(--site-header-h);
    padding: 0 20px;
    font-family: var(--site-font);
    line-height: 1.3;
    color: var(--site-white);
    transition: background-color var(--site-t) var(--site-ease), top var(--site-t) var(--site-ease);
}

/* Прокрутили — у шапки появляется фон, чтобы она читалась поверх контента */
.site-header.is-scrolled {
    background-color: rgba(0, 10, 14, 0.85);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* На телефоне и планшете: [бургер] [логотип по центру] [позвонить] — группы «растворяются» в сетке */
.site-header__left,
.site-header__right {
    display: contents;
}

.site-header__logo {
    grid-column: 2;
    grid-row: 1;
    display: block;
}

.site-header__logo img {
    display: block;
    width: var(--site-hdr-logo-w);
    height: var(--site-hdr-logo-h);
}

.site-header__burger {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    display: block;
    padding: 0;
    border: 0;
    background: none;
    color: var(--site-blue-400);
    cursor: pointer;
    transition: color var(--site-t) var(--site-ease);
}

/* значок — ассет-маска (images/layout/burger*.svg) цвета текста кнопки */
.site-header__burger-icon {
    display: block;
    width: var(--site-hdr-icon);
    height: var(--site-hdr-icon);
    background-color: currentColor;
    transition: opacity var(--site-t) var(--site-ease);
    -webkit-mask: url("/local/templates/escalada/css/../images/layout/burger-mobile.svg") no-repeat center / 100% 100%;
    mask: url("/local/templates/escalada/css/../images/layout/burger-mobile.svg") no-repeat center / 100% 100%;
}

.site-header__burger:hover {
    color: var(--site-blue-200);
}

.site-header__burger:active {
    color: var(--site-blue-600);
}

/* нажали — значок уходит в прозрачность, пока меню открыто; закрыли — проявляется обратно
   (класс .is-faded ставит и снимает js/header.js) */
.site-header__burger.is-faded .site-header__burger-icon {
    opacity: 0;
}

.site-header__call {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
}

.site-header__nav,
.site-header__phone,
.site-header__cta {
    display: none;
}

@media (min-width: 540px) {
    .site-header {
        padding: 0 40px;
    }
}

@media (min-width: 1200px) {
    .site-header {
        display: flex;
        justify-content: space-between;
        padding: 0 var(--site-pad);
    }

    .site-header__left,
    .site-header__right {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    /* 95x60 вместо 120x76 из макета: по 10px до краёв шапки */
    .site-header__logo img {
        width: 95px;
        height: 60px;
    }

    /* 1200: бургер слева от логотипа */
    .site-header__burger {
        order: -1;
    }

    .site-header__burger-icon {
        width: 40px;
        height: 40px;
        -webkit-mask-image: url("/local/templates/escalada/css/../images/layout/burger.svg");
        mask-image: url("/local/templates/escalada/css/../images/layout/burger.svg");
    }

    .site-header__call {
        display: none;
    }

    /* как пункты меню шапки: белый, наведение — светло-голубой */
    .site-header__phone {
        display: block;
        font-size: var(--site-fs-body);
        color: var(--site-white);
        white-space: nowrap;
        transition: color var(--site-t) var(--site-ease);
    }

    .site-header__phone:hover {
        color: var(--site-blue-200);
    }

    .site-header__phone:active {
        color: var(--site-blue-600);
    }

    /* меньше, чем в макете (там 16px 60px и 18px): шрифт по шкале, высота ~45px вместо 55 */
    .site-header__cta {
        display: inline-flex;
    }
}

/* Пункты меню помещаются в шапку: логотип, бургер, меню */
@media (min-width: 1340px) {
    .site-header__burger {
        order: 0;
    }

    .site-header__nav {
        display: block;
    }
}

/* ---------- Меню в шапке (от 1340) ---------- */

.site-header__menu {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-header__item {
    position: relative;
}

.site-header__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;   /* как пробел между словом и стрелочкой */
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: var(--site-fs-body);
    line-height: 1.3;
    color: var(--site-white);
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--site-t) var(--site-ease);
}

/* цвета — как у ссылок подвала: белый, наведение — светло-голубой */
.site-header__link:hover {
    color: var(--site-blue-200);
}

.site-header__link:active {
    color: var(--site-blue-600);
}

/* Треугольник ▾ (в макете — Polygon 7 px, повёрнутый на 180°): маска цвета текста пункта —
   белый, при наведении светло-голубой вместе с текстом */
.site-caret {
    flex: none;
    display: block;
    width: 6.06px;
    height: 5.25px;
    background-color: currentColor;
    -webkit-mask: url("/local/templates/escalada/css/../images/layout/caret-white.svg") no-repeat center / 100% 100%;
    mask: url("/local/templates/escalada/css/../images/layout/caret-white.svg") no-repeat center / 100% 100%;
    transform: rotate(180deg);
    transition: transform var(--site-t) var(--site-ease);
}

/* Выпадающий список — только по наведению (по клику не открывается, чтобы два списка не были
   открыты сразу); с клавиатуры — когда фокус (Tab) на пункте или внутри списка */
.site-header__sub {
    position: absolute;
    top: 100%;
    left: -20px;
    z-index: 2;
    min-width: 240px;
    margin: 0;
    padding: 28px 0 0;   /* «мостик» от пункта до плашки, чтобы курсор не терял наведение */
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity var(--site-t) var(--site-ease), transform var(--site-t) var(--site-ease), visibility 0s linear var(--site-t);
}

.site-header__sub::before {
    content: '';
    position: absolute;
    inset: 18px 0 0;
    z-index: -1;
    border: 1px solid var(--site-line);
    border-radius: 15px;
    background: var(--site-card);
    box-shadow: 0 25px 56px rgba(68, 103, 150, 0.26);
}

.site-header__sub li:last-child {
    padding-bottom: 14px;
}

.site-header__sub a {
    display: block;
    padding: 6px 20px;
    font-size: var(--site-fs-body);
    line-height: 1.3;
    color: var(--site-white);
    white-space: nowrap;
    transition: color var(--site-t) var(--site-ease);
}

.site-header__sub a:hover {
    color: var(--site-blue-200);
}

.site-header__sub a[aria-current] {
    color: var(--site-blue-400);
}

.site-header__sub a:active {
    color: var(--site-blue-600);
}

.site-header__item--drop:hover > .site-header__sub {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: opacity var(--site-t) var(--site-ease), transform var(--site-t) var(--site-ease);
}

.site-header__item--drop:hover .site-caret {
    transform: none;
}

/* пока открыт список — пункт подсвечен, даже когда курсор уже на самом списке */
.site-header__item--drop:hover > .site-header__link {
    color: var(--site-blue-200);
}

/* клавиатура (отдельными правилами: браузер без :has() пропустит только их) */
.site-header__item--drop:has(:focus-visible) > .site-header__sub {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: opacity var(--site-t) var(--site-ease), transform var(--site-t) var(--site-ease);
}

.site-header__item--drop:has(:focus-visible) .site-caret {
    transform: none;
}

/* ==========================================================================
   Бургер-меню
   Телефон: на весь экран, пункты в столбик. Планшет (640+): разделы с тегами, приложения и документы.
   Десктоп (1200+): плашка сверху поверх размытой страницы.
   ========================================================================== */

html.site-burger-open,
html.site-burger-open body {
    overflow: hidden;
}

/* Окна прячут прокрутку (меню, окна главной клуба, fancybox): вместо полосы прокрутки — отступ той же
   ширины, иначе страница и шапка на миг «растягиваются» вправо, а при закрытии — обратно.
   --site-sbw ставит js/header.js (0 там, где полоса «плавающая»: телефоны, macOS). У fancybox свой
   отступ у body — ему компенсируем только шапку. */
html.site-burger-open body,
html.main-page__modal-open body {
    padding-right: var(--site-sbw, 0px);
}

html.site-burger-open .site-header,
html.main-page__modal-open .site-header,
html.fancybox-enabled .site-header {
    right: var(--site-sbw, 0px);
}

.site-burger {
    position: fixed;
    inset: 0;
    z-index: 1000;
    font-family: var(--site-font);
    line-height: 1.3;
    color: var(--site-white);
}

.site-burger[hidden] {
    display: none;
}

.site-burger__overlay {
    display: none;
}

.site-burger__panel {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--site-panel);
    outline: none;
    opacity: 0;
    transform: translateY(-24px);
    transition: opacity var(--site-t) var(--site-ease), transform var(--site-t) var(--site-ease);
}

.site-burger.is-open .site-burger__panel {
    opacity: 1;
    transform: none;
}

.site-burger__head {
    position: relative;
    z-index: 1;
    flex: none;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    height: var(--site-header-h);
    padding: 0 20px;
}

.site-burger__close {
    position: relative;
    justify-self: start;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--site-hdr-icon);
    height: var(--site-hdr-icon);
    padding: 0;
    border: 0;
    background: none;
    color: var(--site-blue-400);
    cursor: pointer;
    transition: color var(--site-t) var(--site-ease);
}

/* крестик — ассет-маска (images/layout/close.svg) цвета текста кнопки */
.site-burger__close-icon {
    display: block;
    width: 60%;      /* как в ассете: крестик 26.4 в квадрате 44 */
    height: 60%;
    background-color: currentColor;
    -webkit-mask: url("/local/templates/escalada/css/../images/layout/close.svg") no-repeat center / 100% 100%;
    mask: url("/local/templates/escalada/css/../images/layout/close.svg") no-repeat center / 100% 100%;
}

.site-burger__close:hover {
    color: var(--site-blue-200);
}

.site-burger__close:active {
    color: var(--site-blue-600);
}

.site-burger__logo img {
    display: block;
    width: var(--site-hdr-logo-w);
    height: var(--site-hdr-logo-h);
}

.site-burger__call {
    justify-self: end;
}

.site-burger__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px 20px;
}

.site-burger__top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.site-burger__nav,
.site-burger__contacts,
.site-burger__apps {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Теги разделов и приложения — с планшета */
.site-burger .site-tag,
.site-burger__apps,
.site-burger__cta {
    display: none;
}

/* Пункты меню. На телефоне — один столбик в порядке макета (меню-списки «растворяются», порядок — order) */
.site-burger__menus {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.site-burger__menu {
    display: contents;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-burger__item--1 { order: 1; }
.site-burger__item--2 { order: 2; }
.site-burger__item--3 { order: 3; }
.site-burger__item--4 { order: 4; }
.site-burger__item--5 { order: 5; }
.site-burger__item--6 { order: 6; }
.site-burger__item--7 { order: 7; }
.site-burger__item--8 { order: 8; }

.site-burger__link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    background: none;
    font-family: var(--site-font);
    font-size: var(--site-fs-body);
    font-weight: 400;   /* как у пунктов подвала */
    line-height: 1.3;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    transition: color var(--site-t) var(--site-ease);
}

/* пункты-ссылки («Виртуальный тур», «Направления»…) — обычным регистром; капсом — только пункты
   с выпадающим списком («Клубы», «О клубе», «Зоны клуба») */
a.site-burger__link {
    text-transform: none;
}

.site-burger__link:hover {
    color: var(--site-blue-200);
}

.site-burger__item.is-open > .site-burger__link {
    color: var(--site-blue-line);
}

.site-burger__link:active {
    color: var(--site-blue-600);
}

/* Треугольник ▾ у раскрывающихся пунктов: белый, у раскрытого — голубой (ассеты caret-white / caret-blue) */
.site-burger__caret {
    flex: none;
    width: 10px;
    height: 10px;
    background: url("/local/templates/escalada/css/../images/layout/caret-white.svg") no-repeat center top / 8.66px 7.5px;
    transform: rotate(180deg);
    transition: transform var(--site-t) var(--site-ease);
}

.site-burger__item.is-open .site-burger__caret {
    background-image: url("/local/templates/escalada/css/../images/layout/caret-blue.svg");
}

.site-burger__sub {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.site-burger__sub[hidden] {
    display: none;
}

.site-burger__sub a {
    font-size: var(--site-fs-body);
    font-weight: 300;
    line-height: 1.3;
    color: var(--site-muted);
    transition: color var(--site-t) var(--site-ease);
}

.site-burger__sub a:hover {
    color: var(--site-blue-200);
}

.site-burger__sub a[aria-current] {
    color: var(--site-blue-400);
}

.site-burger__sub a:active {
    color: var(--site-blue-600);
}

/* Контакты. На телефоне — под разделителем, обычным шрифтом */
.site-burger__contacts {
    padding-top: 20px;
    border-top: 1px solid #213247;
}

.site-burger__reach {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-burger__place {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.site-burger__phone,
.site-burger__email,
.site-burger__address {
    font-size: var(--site-fs-body);
    color: #fff;
    transition: color var(--site-t) var(--site-ease);
}

/* номер и почта — одной строкой (в номере обычные пробелы: его подменяет Roistat) */
.site-burger__phone,
.site-burger__email {
    white-space: nowrap;
}

.site-burger__phone:hover,
.site-burger__email:hover,
.site-burger__address:hover {
    color: var(--site-blue-200);
}

.site-burger__phone:active,
.site-burger__email:active,
.site-burger__address:active {
    color: var(--site-blue-600);
}

.site-burger__hours {
    font-size: var(--site-fs-body);
    color: var(--site-muted);
}

.site-burger__bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.site-burger__docs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* как документы в подвале: тот же цвет, размер и высота строки */
.site-burger__doc {
    font-size: var(--site-fs-body);
    line-height: 1.3;
    color: var(--site-white);
    white-space: nowrap;
    transition: color var(--site-t) var(--site-ease);
}

.site-burger__doc:hover {
    color: var(--site-blue-200);
}

.site-burger__doc:active {
    color: var(--site-blue-600);
}

/* Логотип-«полосы» в углу (телефон) */
.site-burger__bg {
    position: absolute;
    right: -61px;
    bottom: 32px;
    width: 299px;
    height: 169px;
    pointer-events: none;
}

@media (min-width: 540px) {
    .site-burger__head {
        padding: 0 40px;
    }
}

/* ---------- Планшет ---------- */

@media (min-width: 640px) {
    .site-burger__body {
        gap: 40px;
        padding: 0 40px 40px;
    }

    .site-burger__top {
        display: grid;
        grid-template-columns: 334px 1fr;
        gap: 40px 20px;
    }

    .site-burger .site-tag {
        display: inline-flex;
    }

    .site-burger__contacts {
        padding-top: 0;
        border-top: 0;
    }

    .site-burger__reach {
        gap: 20px;
    }

    .site-burger__apps {
        grid-column: 1 / -1;
        display: flex;
        gap: 10px;
    }

    .site-burger__apps-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .site-burger__app {
        height: 79px;
        padding: 10px 20px;   /* слева — как у остальных кнопок сторов (было 10px — иконка у самого края) */
    }

    .site-burger__docs {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px 30px;
    }

    .site-burger__bg {
        display: none;
    }
}

/* ---------- Десктоп: плашка сверху поверх размытой страницы ---------- */

@media (min-width: 1200px) {
    .site-burger__overlay {
        display: block;
        position: absolute;
        inset: 0;
        background: rgba(8, 14, 25, 0.3);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 0;
        transition: opacity var(--site-t) var(--site-ease);
    }

    .site-burger.is-open .site-burger__overlay {
        opacity: 1;
    }

    .site-burger__panel {
        bottom: auto;
        max-height: 100%;
        border-radius: 0 0 30px 30px;
        box-shadow: 0 25px 56px rgba(68, 103, 150, 0.26), 0 101px 101px rgba(68, 103, 150, 0.23),
                    0 227px 136px rgba(68, 103, 150, 0.13), 0 404px 162px rgba(68, 103, 150, 0.04);
    }

    .site-burger__head {
        display: flex;
        justify-content: space-between;
        height: 68px;
        padding: 0 var(--site-pad);
    }

    /* в макете — белый крестик 24 px (Material «close») */
    .site-burger__close {
        width: 24px;
        height: 24px;
        color: #fff;
    }

    .site-burger__close-icon {
        width: 16px;
        height: 16px;
    }

    .site-burger__logo {
        position: absolute;
        top: 4px;
        left: 50%;
        transform: translateX(-50%);
        padding: 6.47px 10.97px;
    }

    .site-burger__logo img {
        width: 64.06px;
        height: 47.06px;
    }

    .site-burger__call {
        display: none;
    }

    .site-burger__body {
        gap: 60px;
        padding: 30px var(--site-pad) 60px;
    }

    .site-burger__top {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
    }

    .site-burger__nav {
        flex: none;
    }

    .site-burger__menus {
        flex-direction: row;
        gap: 20px;
    }

    .site-burger__menu {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 250px;
    }

    .site-burger__item { order: 0; }

    .site-burger__link {
        font-family: var(--site-font-title);
    }

    .site-burger__sub a {
        font-family: var(--site-font-title);
        font-weight: 300;
        color: #fff;
    }

    .site-burger__contacts {
        flex: none;
        width: 220px;
    }

    .site-burger__address {
        max-width: 202px;
    }

    .site-burger__hours {
        max-width: 202px;
    }

    .site-burger__place {
        gap: 10px;
    }

    /* 1200–1679: кнопки сторов столбиком у правого края, с 1680 — в строку */
    .site-burger__apps {
        flex: 1;
        min-width: 0;
        align-items: flex-end;
    }

    .site-burger__apps .site-tag {
        align-self: flex-end;
    }

    .site-burger__apps-list {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .site-burger__app {
        height: auto;
        padding: 20px;
    }

    .site-burger__bottom {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
    }

    .site-burger__cta {
        display: inline-flex;
        width: 280px;
    }

    /* между документами — 30px, как на планшете (вплотную они читались одной строкой) */
    .site-burger__docs {
        flex-wrap: nowrap;
        gap: 30px;
    }
}

@media (min-width: 1680px) {
    .site-burger__menu {
        width: 282px;
    }

    .site-burger__contacts {
        width: 283px;
    }

    .site-burger__apps-list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

/* Шире 1920 — плашка меню шириной 1920 по центру (как в макете), по бокам — размытая страница */
@media (min-width: 1921px) {
    .site-burger__panel {
        left: calc(50% - 960px);
        right: calc(50% - 960px);
        --site-pad: 60px;
    }
}

/* ==========================================================================
   Движение и фокус (как на главной: css/pages/main-page.css, «Движение»)
   - переходы состояний (hover / click / focus) — var(--site-t) var(--site-ease) = 0.3s ease-out;
   - фокус с клавиатуры — рамка 2px #4d85e0 с отступом 2px у всех ссылок и кнопок;
   - шапка и подвал — без анимаций появления (статичные); меню: пункты выезжают слева по очереди,
     раскрытые подпункты — сверху; бургер при нажатии уходит в прозрачность, крестик меню проявляется;
   - prefers-reduced-motion — без анимаций.
   ========================================================================== */

.site-header a:focus-visible,
.site-header button:focus-visible,
.site-burger a:focus-visible,
.site-burger button:focus-visible,
.site-footer a:focus-visible {
    outline: 2px solid var(--site-focus);
    outline-offset: 2px;
    border-radius: 4px;
}

.site-header .site-btn:focus-visible,
.site-burger .site-btn:focus-visible {
    border-radius: 999px;
}

.site-burger .site-app:focus-visible,
.site-footer .site-app:focus-visible {
    border-radius: 15px;
}

@keyframes site-from-left {
    from { opacity: 0; transform: translateX(calc(-1 * var(--site-reveal-shift))); }
}

@keyframes site-from-right {
    from { opacity: 0; transform: translateX(var(--site-reveal-shift)); }
}

@keyframes site-fade-down {
    from { opacity: 0; transform: translateY(-8px); }
}

@keyframes site-fade-in {
    from { opacity: 0; }
}

@media (prefers-reduced-motion: no-preference) {
    /* Меню: пункты — слева по очереди (по 40 мс), контакты, приложения и низ — следом */
    .site-burger.is-open .site-burger__item,
    .site-burger.is-open .site-tag {
        animation: site-from-left var(--site-t) var(--site-ease) backwards;
        animation-delay: calc(0.1s + var(--site-i, 0) * 0.04s);
    }

    .site-burger__item--1 { --site-i: 0; }
    .site-burger__item--2 { --site-i: 1; }
    .site-burger__item--3 { --site-i: 2; }
    .site-burger__item--4 { --site-i: 3; }
    .site-burger__item--5 { --site-i: 4; }
    .site-burger__item--6 { --site-i: 5; }
    .site-burger__item--7 { --site-i: 6; }
    .site-burger__item--8 { --site-i: 7; }

    .site-burger.is-open .site-burger__contacts,
    .site-burger.is-open .site-burger__apps,
    .site-burger.is-open .site-burger__bottom {
        animation: site-fade-in var(--site-reveal-t) var(--site-ease) 0.25s backwards;
    }

    /* ПК: приложения — справа */
    @media (min-width: 1200px) {
        .site-burger.is-open .site-burger__apps {
            animation-name: site-from-right;
        }
    }

    .site-burger.is-open .site-burger__close-icon {
        animation: site-fade-in var(--site-t) var(--site-ease) 0.1s backwards;
    }

    /* Раскрытые подпункты меню — съезжают сверху */
    .site-burger__sub:not([hidden]) {
        animation: site-fade-down var(--site-t) var(--site-ease);
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-header,
    .site-header *,
    .site-burger,
    .site-burger * {
        transition-duration: 0s !important;
        animation: none !important;
    }
}

/* End */


/* Start:/local/templates/escalada/css/footer.css?179154386213813*/
/* ==========================================================================
   Подвал (макет Figma «Дизайн (Главная)»: footer)
   Разметка — footer.php, данные клуба — local/include/site-layout.php.
   Цвета, шрифты, .site-doc / .site-app — в css/header.css.
   MOBILE-FIRST: база — телефон (390), дальше 640 (планшет), 1200 и 1680 (десктоп).
   ========================================================================== */

.site-footer {
    padding-top: 40px;
    background: var(--site-bg);
    font-family: var(--site-font);
    font-size: var(--site-fs-body);
    line-height: 1.3;
    color: var(--site-white);
}

/* Переход на все свойства, которые меняются при наведении и нажатии: это правило сильнее, чем
   у отдельных кнопок (.site-app, .site-footer__filial, иконки мессенджеров) — иначе у них плавно
   менялся только цвет текста, а обводка и фон — резко */
.site-footer a {
    color: inherit;
    transition: color var(--site-t) var(--site-ease),
                border-color var(--site-t) var(--site-ease),
                background-color var(--site-t) var(--site-ease);
}

.site-footer a:hover {
    color: var(--site-blue-200);
}

.site-footer a:active {
    color: var(--site-blue-600);
}

.site-footer p,
.site-footer h3,
.site-footer ul,
.site-footer address {
    margin: 0;
    padding: 0;
    font-style: normal;
}

.site-footer ul {
    list-style: none;
}

.site-footer__container {
    padding: 0 20px;
}

/* ---------- Верх: логотип, почта, мессенджеры ---------- */

.site-footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--site-neutral-900);
}

.site-footer__logo img {
    display: block;
    width: 90px;
    height: 60px;
}

.site-footer__contacts {
    display: flex;
    flex-direction: column-reverse;   /* телефон и планшет: иконки сверху, почта под ними */
    gap: 20px;
}


.site-footer__social {
    display: flex;
    gap: 10px;
}

.site-footer__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--site-blue-400);
    border-radius: 6px;
    transition: border-color var(--site-t) var(--site-ease), background-color var(--site-t) var(--site-ease);
}

.site-footer__social-link:hover {
    border-color: var(--site-blue-200);
    background-color: rgba(0, 177, 253, 0.12);
}

.site-footer__social-link:active {
    border-color: var(--site-blue-600);
    background-color: rgba(0, 144, 206, 0.2);
}

.site-footer__social-link img {
    display: block;
    width: 20px;
    height: 20px;
}

/* Узкий телефон: шесть иконок в ряд рядом с логотипом — плотнее, как в макете 320 (шаг 4px, до логотипа 10px);
   до 359 — иконки 26px (иначе ряд вылезал за край экрана) */
@media (max-width: 419px) {
    .site-footer__top {
        gap: 10px;
    }

    .site-footer__social {
        gap: 4px;
    }
}

@media (max-width: 359px) {
    .site-footer__social-link {
        width: 26px;
        height: 26px;
    }

    .site-footer__social-link img {
        width: 18px;
        height: 18px;
    }
}

/* ---------- Середина: меню, документы, филиалы, приложение ---------- */

.site-footer__middle {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 0;
}

.site-footer__menu {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
}

/* заголовок колонки → ссылки: 16px (телефон) / 20px — было 10px, читалось сплошным текстом */
.site-footer__col {
    display: flex;
    flex-direction: column;
    gap: var(--site-footer-title-gap);
}

.site-footer {
    --site-footer-title-gap: 16px;
}

@media (min-width: 705px) {
    .site-footer {
        --site-footer-title-gap: 20px;
    }
}

.site-footer__col--nav,
.site-footer__col--info {
    width: calc(50% - 5px);
}

.site-footer__col--more {
    width: 100%;
    gap: 20px;
}

/* Документы: метка «pdf» — у верхнего края названия (длинное название переносится в несколько строк) */
.site-footer .site-doc {
    align-items: flex-start;
}

.site-footer .site-doc__tag {
    margin: 1px 0 0;
}

.site-footer__group {
    display: flex;
    flex-direction: column;
    gap: var(--site-footer-title-gap);
}

.site-footer__title {
    margin: 0;
    font-family: var(--site-font);
    font-size: var(--site-fs-h3);
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    color: var(--site-white);
    text-transform: uppercase;
}

.site-footer__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-footer__filial {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 12px;
    max-width: 100%;
    padding: 12px 20px 12px 12px;   /* под шрифт 15–16px; в макете 20px со всех сторон под 18px */
    border: 2px solid var(--site-line);
    border-radius: 15px;
    background: var(--site-card);
    transition: border-color var(--site-t) var(--site-ease);
}

.site-footer a.site-footer__filial {
    color: var(--site-gray);
}

.site-footer a.site-footer__filial:hover {
    border-color: var(--site-blue-200);
    color: var(--site-white);
}

.site-footer a.site-footer__filial:active {
    border-color: var(--site-blue-600);
}

.site-footer__filial-icon {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 160, 227, 0.2);
    border-radius: 6px;
    background: rgba(70, 127, 209, 0.1);
}

.site-footer__filial-icon img {
    display: block;
    width: 20px;
    height: 20px;
}

/* название в одну строку; в узкой колонке (768, 1200–1440) — переносится, карточка не вылезает */
.site-footer__filial-name {
    min-width: 0;
}

/* Приложение */
.site-footer__apps {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border: 2px solid var(--site-line);
    border-radius: 20px;
    background: var(--site-card);
}

.site-footer__apps-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 320px;
}

.site-footer__apps-descr {
    color: var(--site-gray);
}

.site-footer__apps-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Телефон: кнопки сторов — только иконки */
.site-footer__app {
    height: 79px;
}

.site-footer__app .site-app__text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ---------- Низ: часы, телефон, адрес, копирайт ---------- */

.site-footer__bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 20px;
    background: var(--site-black);
    color: var(--site-gray);
}

.site-footer__company,
.site-footer__contact,
.site-footer__address {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-footer__contact { order: 1; }
.site-footer__company { order: 2; flex-flow: row wrap; }
.site-footer__address { order: 3; flex-flow: row wrap; }

.site-footer__phone { order: -1; }


/* ссылки внизу (телефон, «Смотреть на карте») — белые, как остальные ссылки подвала; текст вокруг — серый */
.site-footer__bottom a {
    color: var(--site-white);
}

.site-footer__phone,
.site-footer__email {
    white-space: nowrap;
}

/* ---------- Планшет ---------- */

@media (min-width: 640px) {
    .site-footer__container {
        padding: 0 40px;
    }

    .site-footer__middle {
        gap: 40px;
    }

    /* 640–899: «Навигация» и «Информация» — в два столбца, «Документы» и «Филиалы» — строкой ниже
       во всю ширину (как на телефоне): в третьей колонке длинные названия документов ломались по слову */
    .site-footer__menu {
        gap: 30px 20px;
    }

    .site-footer__col--nav,
    .site-footer__col--info {
        width: calc(50% - 10px);
    }
}

/* ---------- Широкий планшет: меню подвала — три колонки ---------- */

@media (min-width: 900px) {
    .site-footer__menu {
        flex-wrap: nowrap;
        gap: 20px;
    }

    .site-footer__col--nav,
    .site-footer__col--info,
    .site-footer__col--more {
        flex: 1;
        width: auto;
        min-width: 0;
    }
}

@media (min-width: 640px) {

    .site-footer__apps {
        gap: 30px;
        padding: 30px;
    }

    .site-footer__apps-text {
        max-width: none;
    }

    .site-footer__apps-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .site-footer__app .site-app__text {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
    }

    .site-footer__bottom {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "contact contact"
            "company address";
        padding: 30px 40px;
    }

    .site-footer__contact {
        grid-area: contact;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .site-footer__phone { order: 0; }

    .site-footer__company {
        grid-area: company;
        flex-direction: column;
    }

    .site-footer__address {
        grid-area: address;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
    }
}

/* ---------- Десктоп ---------- */

@media (min-width: 1200px) {
    .site-footer__container {
        padding: 0 var(--site-pad);
    }

    .site-footer__contacts {
        flex-direction: row;
        align-items: center;
        gap: 60px;
    }

    .site-footer__middle {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }

    .site-footer__menu {
        flex: 1;
        gap: 40px;
        max-width: 860px;
    }

    .site-footer__col--nav,
    .site-footer__col--info,
    .site-footer__col--more {
        flex: 0 1 auto;
    }

    .site-footer__col--info {
        max-width: 220px;
    }

    /* по содержимому: карточка «Escalada Академическая» у Коммунарки — в одну строку */
    .site-footer__col--more {
        width: auto;
        min-width: 240px;
        max-width: 283px;   /* длинные названия документов переносятся, а не растягивают колонку */
        flex: none;
    }

    /* 1200–1679: текст слева, кнопки сторов-иконки столбиком справа */
    .site-footer__apps {
        flex: none;
        flex-direction: row;
        width: 350px;
    }

    .site-footer__apps-list {
        display: flex;
        flex-direction: column;
        flex: none;
    }

    .site-footer__app {
        height: auto;
        padding: 20px;
    }

    .site-footer__app .site-app__text {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .site-footer__bottom {
        grid-template-columns: auto auto auto;
        grid-template-areas: "contact address company";
        justify-content: space-between;
        padding: 30px var(--site-pad);
    }

    .site-footer__contact {
        flex-direction: column;
        justify-content: flex-start;
    }

    .site-footer__address {
        align-items: flex-start;
        text-align: left;
    }

    .site-footer__company {
        align-items: flex-end;
        text-align: right;
    }
}

@media (min-width: 1680px) {
    .site-footer__menu {
        gap: 20px;
        max-width: none;
    }

    .site-footer__col--nav,
    .site-footer__col--info {
        width: 284px;
        max-width: none;
        flex: none;
    }

    .site-footer__col--more {
        width: 283px;
        gap: 30px;
    }


    /* 1920: текст сверху, кнопки сторов с подписями в строку */
    .site-footer__apps {
        flex-direction: column;
        gap: 30px;
        width: auto;
        padding: 30px;
    }

    .site-footer__apps-text {
        max-width: 670px;
    }

    .site-footer__apps-list {
        flex-direction: row;
    }

    .site-footer__app {
        width: 210px;
    }

    .site-footer__app .site-app__text {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
    }

    /* 1920: копирайт слева, часы с телефоном и адрес — справа */
    .site-footer__bottom {
        grid-template-columns: 1fr 434px auto;
        grid-template-areas: "company contact address";
        column-gap: 20px;
    }

    .site-footer__bottom > .site-footer__company {
        align-items: flex-start;
        text-align: left;
    }
}

/* End */
/* /local/templates/escalada/css/pages/root-page.css?17915438627065 */
/* /local/templates/escalada/js/vendor/jquery.formstyler.css?17915438622175 */
/* /local/templates/escalada/js/vendor/jquery.formstyler.theme.css?179154386210882 */
/* /local/templates/escalada/js/vendor/owl.carousel.css?17915438622880 */
/* /local/templates/escalada/js/vendor/fancybox/jquery.fancybox.css?179154386214323 */
/* /local/templates/escalada/css/fonts.css?17915438624828 */
/* /local/templates/escalada/css/base.css?17915438629738 */
/* /local/templates/escalada/css/header.css?179154386242905 */
/* /local/templates/escalada/css/footer.css?179154386213813 */