

/* Start:/local/libs/gogol.css?1703323412122*/
@font-face {
    font-family: "Gogol";
    src: url("/local/libs/font/gogol_regular.otf") format("opentype");
    font-weight: 400;
}

/* End */


/* Start:/local/libs/inter.css?1703323412537*/
@font-face {
	font-family: "Inter";
	src: url('/local/libs/font/Inter-Regular.ttf') format("truetype");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "Inter";
	src: url('/local/libs/font/Inter-Medium.ttf') format("truetype");
	font-style: normal;
	font-weight: 500;
}
 
@font-face {
	font-family: "Inter";
	src: url('/local/libs/font/Inter-Bold.ttf') format("truetype");
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: "Inter";
	src: url('/local/libs/font/Inter-SemiBold.ttf') format("truetype");
	font-style: normal;
	font-weight: 700;
}

/* End */


/* Start:/local/libs/oswald.css?1703323412549*/
@font-face {
	font-family: "Oswald";
	src: url('/local/libs/font/Oswald-Regular.ttf') format("truetype");
	font-style: normal;
	font-weight: 400;
	
}

@font-face {
	font-family: "Oswald";
	src: url('/local/libs/font/Oswald-Medium.ttf') format("truetype");
	font-style: normal;
	font-weight: 500;
	
}
 
@font-face {
	font-family: "Oswald";
	src: url('/local/libs/font/Oswald-Bold.ttf') format("truetype");
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: "Oswald";
	src: url('/local/libs/font/Oswald-SemiBold.ttf') format("truetype");
	font-style: normal;
	font-weight: 700;
}

/* End */


/* Start:/bitrix/components/bitrix/landing.cookies/templates/.default/style.min.css?17311397477126*/
.bx-landing-cookies-popup-warning{padding:17px 25px;background-color:#fff;position:fixed;bottom:0;right:0;left:0;z-index:10150;opacity:.96;color:#333;box-shadow:0 -4px 14px 0 rgba(0,0,0,.1);display:none}.bx-landing-cookies-popup-warning-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center}.bx-landing-cookies-popup-warning-text,.bx-landing-cookies-popup-warning-link{font:17px/19px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-landing-cookies-popup-warning-link{cursor:pointer;color:#0b66c3}.bx-landing-cookies-popup-warning-right{display:flex;margin-left:46px}.bx-landing-cookies-popup-warning-right span{height:45px;padding:0 30px}.bx-landing-cookies-button-close{position:absolute;top:28px;right:28px;cursor:pointer;width:19px;height:19px;	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2219%22%20height%3D%2219%22%3E%3Cpath%20fill%3D%22%23707880%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.813%200L19%201.188%2010.687%209.5%2019%2017.813%2017.812%2019%209.5%2010.687%201.187%2019%200%2017.812%208.313%209.5%200%201.187%201.188%200%209.5%208.313%2017.813%200z%22%20opacity%3D%221%22/%3E%3C/svg%3E); transition:opacity .2s linear;opacity:.3}.bx-landing-cookies-button-close:hover{opacity:1}.bx-landing-cookies-popup{background:#fff;max-height:848px;position:fixed;left:50%;top:100px;display:none;z-index:10151;max-width:1080px;width:calc(100% - 40px);transform:translateX(-50%);color:#333;padding:50px 76px 36px 67px;overflow:hidden;box-shadow:0 6px 21px 0 rgba(83,92,105,.15)}.bx-landing-cookies-popup-content{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));max-height:460px;overflow-y:auto;padding:0 18px 25px 0}.bx-landing-cookies-popup-title{font:30px/40px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);padding-left:49px;position:relative;margin-bottom:26px;margin-left:9px}.bx-landing-cookies-popup-title:before{content:'';position:absolute;left:0;top:3px;	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2234%22%20height%3D%2234%22%3E%3Cpath%20fill%3D%22%232FC6F6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17%200c1.075%200%202.126.1%203.146.29.487.092.694.67.53%201.138a3.479%203.479%200%20002.948%204.615c.296.002.519.27.492.565a7.465%207.465%200%20008.902%208.011c.419-.083.846.18.89.604.06.583.092%201.177.092%201.777%200%209.389-7.611%2017-17%2017S0%2026.389%200%2017%207.611%200%2017%200zm.5%2023a3.5%203.5%200%20100%207%203.5%203.5%200%20000-7zM9%2018a2%202%200%20100%204%202%202%200%20000-4zm13-1a2%202%200%20100%204%202%202%200%20000-4zm-8.5-9a3.5%203.5%200%20100%207%203.5%203.5%200%20000-7z%22/%3E%3C/svg%3E); width:34px;height:34px}.bx-landing-cookies-main-agreement{font-size:15px;line-height:21px;margin-bottom:24px;padding-left:9px;padding-right:9px}.bx-landing-cookies-popup-subtitle{font:19px/27px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);margin-bottom:8px;padding-left:9px}.bx-landing-cookies-popup-subtitle-detail{color:#535c69;font-size:14px;margin-bottom:21px;padding-left:9px}.bx-landing-cookies-main-agreement-block{background:rgba(47,198,246,.12);display:flex;align-items:center;justify-content:space-between;padding:9px 14px 9px 9px;margin-bottom:15px}.bx-landing-cookies-main-agreement-block-name{font:15px/21px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);color:#333}.bx-landing-cookies-switcher{color:#2066b0;font-size:14px;line-height:18px;cursor:pointer;border-bottom:1px dashed rgba(32,102,176,.4);transition:border .2s linear}.bx-landing-cookies-switcher:hover{border-bottom-color:rgba(32,102,176,1)}.bx-landing-cookies-analytics-title{font:14px/20px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);color:#333}.bx-landing-cookies-analytics-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid #edeef0}.bx-landing-cookies-analytics-content{color:#525c69;font:13px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-landing-cookies-popup-footer{text-align:center;padding-top:34px;border-top:1px solid #dcdeef;margin:0 18px 0 9px}.bx-landing-cookies-analytics-block+.bx-landing-cookies-analytics-block{margin-top:19px}.bx-landing-cookies-analytic-agreements,.bx-landing-cookies-technical-agreements,.bx-landing-cookies-other-agreements{padding:0 7px 20px 9px}.bx-landing-cookies-analytics-content a,.bx-landing-cookies-analytics-content a:hover{color:#0b66c3}.bx-landing-cookies-popup-notice{height:27px;border-radius:14px;background:#00c1ff;color:#fff;align-items:center;position:fixed;bottom:11px;cursor:pointer;overflow:hidden;display:none;transition:width .2s linear;padding:0 4px 0 6px;width:27px;z-index:11}.bx-landing-cookies-popup-notice-text-wrap{width:0;opacity:0;transition:opacity .2s linear;font:14px/20px var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.bx-landing-cookies-popup-notice-text{padding:0 2px 0 5px}.bx-landing-cookies-popup-notice-full .bx-landing-cookies-popup-notice-text-wrap{opacity:1}.bx-landing-cookies-popup-notice-svg-wrap{display:flex;align-items:center;justify-content:center}.bx-landing-cookies-popup-overlay{background:#000;opacity:.3;right:0;left:0;top:0;bottom:0;position:absolute;z-index:10150}.bx-landing-cookies-analytics-block-disabled .ui-switcher{opacity:.6;pointer-events:none}@media(max-width:750px){.bx-landing-cookies-popup-warning-right span{padding:0 26px}.bx-landing-cookies-popup-warning-right{margin-left:0}.bx-landing-cookies-popup-warning-left{margin-bottom:20px}.bx-landing-cookies-popup-warning-inner{flex-direction:column;align-items:flex-start}.bx-landing-cookies-popup-warning-text,.bx-landing-cookies-popup-warning-link{font-size:15px;display:inline-block}.bx-landing-cookies-popup{padding:40px 20px 36px}}@media(max-width:650px){.bx-landing-cookies-popup-warning-inner{align-items:center}.bx-landing-cookies-popup-warning-inner .bx-landing-cookies-popup-warning-right{display:flex;flex-direction:column}.bx-landing-cookies-popup-warning-inner .bx-landing-cookies-popup-warning-right .ui-btn{margin:15px 0 0 0}.bx-landing-cookies-popup-warning-inner .bx-landing-cookies-popup-warning-right .ui-btn:first-child{margin:0}}@media(max-width:450px){.bx-landing-cookies-popup-footer{display:flex;flex-direction:column;align-items:center}.ui-btn.bx-landing-cookies-button-cancel{margin-top:15px;margin-left:0}.bx-landing-cookies-popup-title{font-size:22px;line-height:30px}.bx-landing-cookies-popup-title:before{top:0}.bx-landing-cookies-popup{width:calc(100% - 20px)}}@media(max-height:780px){.bx-landing-cookies-popup-content{max-height:380px}.bx-landing-cookies-popup{top:50px}}@media(max-height:630px){.bx-landing-cookies-popup-content{max-height:270px}}
/* End */


/* Start:/local/templates/estetika-man/styles.css?17519092087491*/
:root {
    --project-color: #DA9253;
    --project-color-hover: #DA9253;
    --project-text-color: #e8e6e6;
    --project-border-radius: 10px;
}

*,
*::after,
*::before {
    box-sizing: border-box;
}

:target {
    scroll-margin-top: 72px;
}

html {
    scroll-behavior: smooth;
}

html, body{
    margin: 0;
    background: #100D12;
    color: var(--project-text-color);
    font: normal normal 18px/27px Inter, sans-serif;
    font-size: calc(((100vw - 320px) / (1224 - 320)) * 3 + 15px);
    line-height: calc(((100vw - 320px) / (1224 - 320)) * 5 + 22px);
}

h1{
    margin: 0;
    color: var(--project-text-color);
    font-family: Oswald;
    font-weight: 600;
    font-size: calc(((100vw - 320px) / (1224 - 320)) * 64 + 40px);
    line-height: calc(((100vw - 320px) / (1224 - 320)) * 95 + 59px);
    text-transform: uppercase;
}

h2{
    z-index: 10;
    position: relative;
    display: inline-block;
    margin: 0 0 26px 0;
    font-family: Oswald;
    font-weight: 500;
    font-size: calc(((100vw - 320px) / (1224 - 320)) * 30 + 35px);
    line-height: calc(((100vw - 320px) / (1224 - 320)) * 37 + 47px);
}

h3{
    margin: 0 0 12px 0;
    font-weight: 700;
    font-size: calc(((100vw - 320px) / (1224 - 320)) * 10 + 20px);
    line-height: calc(((100vw - 320px) / (1224 - 320)) * 10 + 27px);
}

.gogol {
    display: inline-block;
    font-family: Gogol;
    font-weight: 400;
    font-size: calc(((100vw - 320px) / (1224 - 320)) * 65 + 51px);
    line-height: calc(((100vw - 320px) / (1224 - 320)) * 88 + 51px);
    background-image: linear-gradient(90deg, #D9975E, #FFD9AC, #D9975E);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.main-banner__line {
    font-size: calc(((100vw - 320px) / (1224 - 320)) * 30 + 23px);
    line-height: calc(((100vw - 320px) / (1224 - 320)) * 40 + 33px);
}

@media (min-width: 1225px) {
    html,
    body{
        font-size: 18px;
        line-height: 27px;
    }

    h1{
        font-size: 104px;
        line-height: 154px;
    }

    h2{
        margin-bottom: 36px;
        font-size: 65px;
        line-height: 84px;
    }

    h3{
        margin-bottom: 16px;
        font-size: 30px;
        line-height: 37px;
    }

    .gogol {
        font-size: 116px;
        line-height: 139px;
    }

    .main-banner__line {
        font-size: 53px;
        line-height: 68px;
    }
}

p {
    margin: 0;
    padding: 0;
}

.container {
    max-width: 1224px;
    margin: 0 auto;
    padding: 0 24px;
}

.container:has(.event-desc) {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

button {
    cursor: pointer;
}

/* */
@keyframes rotate {
    100% {
        transform: translate(-50%,-50%) rotate(1turn);
    }
}

/* кнопки */
.style-solid {
    z-index: 1;
    position: relative;
    font-family: Inter, sans-serif;
    padding: 14px 40px;
    background: linear-gradient(90deg, #D9975E, #F6C999 15%, #FFD9AC 50%, #F7CB9B 85%, #D9975E 100%);
    /*background: linear-gradient(90deg, #D9975E, #E5AB76 10%, #EDB986 20%, #F6C999 30%, #FCDCB7 40%, #FFE4C5 50%, #FDDDB9 60%, #F7CB9B 70%, #ECB885 80%, #E2A770 90%, #D9975E 100%);*/
    border-radius: 10px;
    color: #442011;
    overflow: hidden;
}

.style-solid::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #D9975E, #F6C999 35%, #FFD9AC 50%, #F7CB9B 65%, #D9975E 100%);
    transition: opacity 0.3s;
}

.style-solid:hover::after {
    opacity: 0;
}

.style-border {
    z-index: 10;
    position: relative;
    display: inline-block;
    margin-bottom: 22px;
    padding: 6px 56px;
    background: #100D12;
    color: var(--project-text-color);
    font-weight: 500;
    border-radius: 10px;
    overflow: hidden;
}

.style-border::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    width: 200%;
    height: 100vw;
    transform: translate(-50%, -50%) rotate(0deg);
    background-color: #100D12;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: conic-gradient(transparent, #DA9253, transparent 30%);
    animation: rotate 2.5s linear infinite;
}

.style-border::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #100D12;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .container {
        padding: 0 16px;
    }

    .style-border {
        padding: 6px 24px;
    }
}

/* колонки */
.flex-double,
.flex-triple,
.flex-quad,
.flex-penta,
.flex-hexa{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -12px 0px; /* Тут можно добавлять всему блоку отступ снизу */
}

.flex-double > *,
.flex-triple > *,
.flex-quad > *,
.flex-penta > *,
.flex-hexa > *{
    width: 100%;
    padding: 16px;
    margin: 0 12px 24px;
}

.flex-double > *{
    max-width: calc(50% - 24px);
}

.flex-triple > *{
    max-width: calc(33.333333% - 24px);
}

.flex-quad > *{
    max-width: calc(25% - 24px);
}

.flex-penta > *{
    max-width: calc(20% - 24px);
}

.flex-hexa > *{
    max-width: calc(16.666666% - 24px);
}

@media (max-width: 1244px){
    .flex-hexa > *{
        max-width: calc(20% - 24px);
    }
}

@media (max-width: 1150px){
    .flex-penta > *,
    .flex-hexa > *{
        max-width: calc(25% - 24px);
    }
}

@media (max-width: 1024px){
    .flex-double,
    .flex-triple,
    .flex-quad,
    .flex-penta,
    .flex-hexa{
        margin: 0 -8px 0px;
    }

    .flex-double > *,
    .flex-triple > *,
    .flex-quad > *,
    .flex-penta > *,
    .flex-hexa > *{
        margin: 0 8px 16px;
    }

    .flex-double > *{
        max-width: calc(50% - 16px);
    }

    .flex-triple > *,
    .flex-quad > *,
    .flex-penta > *,
    .flex-hexa > *{
        max-width: calc(33.333333% - 16px);
    }
}

@media (max-width: 768px){
    .flex-triple > *,
    .flex-quad > *,
    .flex-penta > *,
    .flex-hexa > *{
        max-width: calc(50% - 16px);
    }
}

@media (max-width: 576px){
    .flex-double,
    .flex-triple,
    .flex-quad,
    .flex-penta,
    .flex-hexa{
        display: block;
        margin: 0;
    }

    .flex-double > *,
    .flex-triple > *,
    .flex-quad > *,
    .flex-penta > *,
    .flex-hexa > *{
        max-width: 100%;
        margin: 0 0 16px 0;
    }
}

/* списки */
.ol,
.ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.ol li,
.ul li{
    position: relative;
    margin-bottom: 12px;
    padding-left: 18px;
    font-size: 18px;
    line-height: 27px;
}

.ol li:before,
.ul li:before{
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
}

.ul li:before{
    content: '';
    top: 8px;
    background: #DA9253;
    border-radius: 50%;
}

.ol{
    counter-reset: item;
}

.ol li{
    counter-increment: item;
}

.ol li:nth-child(n+10){
    padding-left: 24px;
}

.ol li:nth-child(n+100){
    padding-left: 32px;
}

.ol li:before{
    content: counter(item) '.';
    top: 0;
    color: #00f;
}

@media (max-width: 1024px){
    .ol li,
    .ul li{
        margin-bottom: 8px;
        padding-left: 16px;
        font-size: 15px;
        line-height: 22px;
    }

    .ol li:before,
    .ul li:before{
        position: absolute;
        width: 8px;
        height: 8px;
    }

    .ul li:before{
        top: 6px;
    }
}
/* End */


/* Start:/local/templates/estetika-man/template_styles.css?17225890122324*/
#map {
    border-radius: 24px;
    overflow: hidden;
}

#map,
#map > * {
    max-width: 392px;
    width: 100%;
    min-height: 100%;
}

#map .ymaps-2-1-79-controls__toolbar,
#map .ymaps-2-1-79-controls__control,
#map .ymaps-2-1-79-gototaxi,
#map .ymaps-2-1-79-copyright,
#map .ymaps-2-1-79-gototech {
    display: none;
}

/* форма */
.form .form__item {
    position: relative;
    margin-bottom: 24px;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #666;
}

.form__item i {
    color: #E24B4B;
}

.form .form__item .form__warning {
    border-bottom-color: #f00;
}

/* invalid input's hint */
.form__error {
    color: #f00;
}

.form #form__btn {
    width: 100%;
    border: none;
    transition: background 0.3s, color 0.3s, opacity 0.3s;
}

.form #form__btn:disabled {
    cursor: default;
    opacity: 0.5;
}

/* input */
.form .form__item input {
    z-index: 10;
    width: 100%;
    padding: 14px 16px;
    background: #3C3C3C;
    font-size: 18px;
    border: 1px solid transparent;
    border-radius: 10px;
    outline: 0;
    font-feature-settings: "lnum";
    transition: border 0.3s;
    color: #fff;
}

.form .form__item input::-webkit-input-placeholder,
.form .form__item input:-moz-placeholder,
.form .form__item input::-moz-placeholder,
.form .form__item input:-ms-input-placeholder,
.form .form__item input::-ms-input-placeholder,
.form .form__item input::placeholder {
    color: #222 !important;
}

.form__item:hover input {
    cursor: pointer;
}

.form__item input:focus {
    cursor: default;
}

/* label */
.form__item label {
    z-index: 5;
    display: block;
    position: absolute;
    top: 12px;
    left: 16px;
    color: #868686;
    font-size: 18px;
    transition: top 0.3s, font-size 0.3s, color 0.3s;
}

.form__item input:not(:placeholder-shown) ~ label,
.form__item input:hover ~ label {
    display: none;
}

@media (max-width: 1024px) {
    .form {
        padding: 16px 0;
    }
    .form .flex__item {
        padding: 24px 16px;
    }

    #map {
        margin-top: -42px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    #map,
    #map > * {
        width: 100%;
        max-width: 100%;
        height: 400px;
    }
}

@media (max-width: 768px) {
    .form > * {
        max-width: 100%;
        margin: 0 0 16px;
    }
}
/* End */
/* /local/libs/gogol.css?1703323412122 */
/* /local/libs/inter.css?1703323412537 */
/* /local/libs/oswald.css?1703323412549 */
/* /bitrix/components/bitrix/landing.cookies/templates/.default/style.min.css?17311397477126 */
/* /local/templates/estetika-man/styles.css?17519092087491 */
/* /local/templates/estetika-man/template_styles.css?17225890122324 */
