/* Настройки шаблона */
@font-face {
	font-family: "Montserrat-Regular";
	src: url("/templates/rostsayt-4/fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("/templates/rostsayt-4/fonts/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url("/templates/rostsayt-4/fonts/Montserrat-Medium.ttf") format("truetype");
	font-weight: 500;
}

:root, body {font-size: 10px;}
:root {
    --color-black: #232323;    
    --color-gold: #AA865C;
    --color-gold-light: #D1A575;
}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1320px; font-family: 'Montserrat-Regular', sans-serif; color: var(--green); /*overflow-x: hidden;*/ color: var(--color-black);}
#middle main  {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1680px) {.container {max-width: 1680px;}}
/* @media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}} */
.cursor-particle {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(5px);
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: rgba(209, 165, 117, 0.4);
  transition: opacity 0.5s ease;
}

h1, .h1 {margin: 0; font-size: 5rem !important; font-family: 'Montserrat-SemiBold' !important;} /*80*/
h2, .h2 {margin: 0; font-size: 3.1rem !important; font-family: 'Montserrat-SemiBold' !important;} /*50*/
h3, .h3 {margin: 0; font-size: 2.5rem !important; font-family: 'Montserrat-Regular' !important;} /*40*/
h4, .h4 {margin: 0; font-size: 1.5rem !important; font-family: 'Montserrat-SemiBold' !important;} /*24*/
h5, .h5 {margin: 0; font-size: 1.5rem !important; font-family: 'Montserrat-Regular' !important;} /*24*/
h6, .h6 {margin: 0; font-size: 1.25rem !important; font-family: 'Montserrat-Medium' !important;} /*20*/

.ff-sem {font-family: 'Montserrat-SemiBold' !important;}
.ff-reg {font-family: 'Montserrat-Regular' !important;}
.ff-med {font-family: 'Montserrat-Medium' !important;}

.psevdo-top::after {content: ''; position: absolute; top: 0; left: 50%; height: 1px; width: 100vw; border: 1px solid var(--color-gold); transform: translateX(-50%);}
.psevdo-bot::before {content: ''; position: absolute; bottom: 0; left: 50%; height: 1px; width: 100vw; border: 1px solid var(--color-gold); transform: translateX(-50%);}

.moduletable {margin-bottom: 7.5rem;}

.mod-breadcrumbs__wrapper {position: absolute; margin-top: 3rem; z-index: 1;}
.novosti .mod-breadcrumbs__wrapper {margin-top: -5rem;}

.color-gold {color: var(--color-gold);}

a {text-decoration: none; color: var(--color-black);}
.mod-menu a {font-size: 15px;}
.mod-menu a:hover {font-weight: bold;}
.mod-menu.nav {text-transform: uppercase; gap: 11px; padding: 0 11px;}

.border-warning-subtle {border-color: var(--color-gold) !important;}
.border-warning-light {border-color: var(--color-gold-light) !important;}
.bg-warning {background-color: var(--color-gold-light) !important;}
.bg-warning-dark {background-color: var(--color-gold) !important;}

.mb-20 {margin-bottom: 1.25rem;}

.modal-dialog {position: relative;}
.modal-dialog .modal-content {background-color: #FFFAF4; border: 3px solid var(--color-gold); border-radius: 0;}
.modal-dialog input {background-color: #FFFAF4;}
.modal-dialog .btn {background-color: var(--color-gold); border: 1px solid var(--color-gold); color: #fff;}
.modal-dialog .btn:hover {background-color: #FFFAF4; border: 1px solid var(--color-gold); color: var(--color-gold);}
.modal-dialog .form-check-input:checked {background-color: transparent; border-color: #000;}
.form-control:focus {border-color: #000; box-shadow: none;}
.form-check-input:focus {border-color: #000; box-shadow: none;}
.modal-dialog .modal-header {margin-top: 2rem;}
.modal-dialog .modal-header .btn-close {position: absolute; top: 15px; right: 15px;}

.modal-open {overflow: visible !important;}

/* Шапка */
.contacts .phone {margin-bottom: 10px;}
.contacts .phone a {padding: 10px; font-size: 1.1rem; background-color: var(--color-gold);}
.contacts .email a {border-radius: 50%; color: var(--color-gold);}
.navbar-nav .mod-custom {order: 3;}

/*--------------------------------- Страница Главная ---------------------------------*/

/* Дарья Морунова */
.skills div:hover {background-color: var(--color-gold); box-shadow: 0px 0px 10px var(--color-gold); color: #fff; transition: .5s;}
.soc-seti img:hover {transform: scale(1.2); transition: .3s;}

/* Хотите создать свою сеть */
.hotite-sozdat-svoyu-set-vozmozhnostej-cherez-franchajzing {position: relative; margin-bottom: 23.1rem;}
.hotite-sozdat-svoyu-set-vozmozhnostej-cherez-franchajzing::before {content: ''; position: absolute; top: 0; left: 50%; height: 2px; width: 100vw; transform: translateX(-50%); 
    background: linear-gradient(90deg,rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .1) 80%, rgba(255, 255, 255, .1) 100%);}
.hotite-sozdat-svoyu-set-vozmozhnostej-cherez-franchajzing .h2 {padding-top: 4.3rem;}
.recommendations div {position: relative;}
.recommendations .recom-top::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, 1) 0%, rgba(170, 134, 92, 1) 80%, rgba(255, 255, 255, 1) 100%);}
.recommendations .recom-center::after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, 1) 0%, rgba(170, 134, 92, 1) 80%, rgba(255, 255, 255, 1) 100%);}
.recommendations .recom-center::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, 1) 0%, rgba(170, 134, 92, 1) 80%, rgba(255, 255, 255, 1) 100%);}
.recommendations .recom-bottom::after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, 1) 0%, rgba(170, 134, 92, 1) 80%, rgba(255, 255, 255, 1) 100%);}
.recommendations-img {transform: translate(10%, -5%);}

/* За несколько лет франчайзингового проекта */
.za-neskolko-let-franchajzingovogo-proekta .wrap::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, .1) 0%, rgba(170, 134, 92, .7) 10%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .7) 90%, rgba(170, 134, 92, .1) 100%);} 
.za-neskolko-let-franchajzingovogo-proekta .wrap::after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, 0) 0%, rgba(170, 134, 92, .3) 20%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .3) 80%, rgba(170, 134, 92, 0) 100%);} 

/* Моя история */
.moya-istoriya .block-date::before {content: ''; position: absolute; background: url('/images/line.svg') no-repeat center; top: -3rem; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%;}
.moya-istoriya .breakpoint {width: 34px; height: 34px; background-color: var(--color-gold); border-radius: 50%;}
.moya-istoriya .row-top {position: relative;}
/* .moya-istoriya .row-top::before {content: ''; position: absolute; border: 2px solid var(--color-gold); width: 100%; top: 4.4rem; left: -50%;}
.moya-istoriya .row-bot::before {content: ''; position: absolute; border: 2px solid var(--color-gold); width: calc(100% + 100px); top: 4.5rem; left: 45%;} */

/* Я создала собственный бренд косметики */
.brend-kosmetiki_img-right {margin-right: -6rem; margin-top: -4rem;}

/* Создала франчайзинговую сеть */
.sozdala-franchajzinggovuyu-set {margin-bottom: 0;}
.franchajz-set-img {margin-top: -15rem;}
.franchajz-set-img .wrap-img:nth-child(1) {padding: 0 1.5rem;}

/* Отзывы */
.reviews {margin-top: -3rem;}
.owl-reviews .item {padding: 1.5rem; height: 17.5rem; display: flex; flex-direction: column; justify-content: space-between; border: 2px solid var(--color-gold);}
.owl-reviews .block-1 {background-color: var(--color-gold);}
.owl-reviews .block-2 {background-color: #fff;}
.item-desc {display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.owl-reviews .owl-nav {display: flex !important; justify-content: space-between; max-width: 1450px;}
.owl-reviews .owl-next span,
.owl-reviews .owl-prev span {display: none;}
.owl-reviews .owl-next,
.owl-reviews .owl-prev {width: 67px; height: 30px; position: relative;}
.owl-reviews .owl-prev::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/icons/rewiews-arrow.svg') no-repeat;}
.owl-reviews .owl-next::before {content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url('/images/icons/rewiews-arrow.svg') no-repeat; transform: rotate(180deg);}

/* Консультации */
.konsultatsii .btn:hover {background-color: var(--color-gold); color: #fff;}
.owl-konsultatsii .owl-nav {width: 95%; color: #fff; font-size: 60px;}

/* Видео */
.video {padding-bottom: 10.6rem;}
.glavnaya .video::before {content: ''; position: absolute; bottom: 0; left: 50%; height: 1px; width: 100vw; border: 1px solid var(--color-gold); transform: translateX(-50%);}
.owl-video .owl-nav {display: flex !important; justify-content: center; gap: 5rem; top: 110%;}
.owl-video .owl-next span,
.owl-video .owl-prev span {display: none;}
.owl-video .owl-next,
.owl-video .owl-prev {width: 67px; height: 30px; position: relative;}
.owl-video .owl-prev::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/icons/rewiews-arrow.svg') no-repeat;}
.owl-video .owl-next::before {content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url('/images/icons/rewiews-arrow.svg') no-repeat; transform: rotate(180deg);}

/*Обо мне в сми*/
.obo-mne-v-smi .desc-img {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.active-item {box-shadow: 0px 0px 50px 8px rgba(209, 165, 117, 0.4); animation: fade 3s ease forwards;}
@keyframes fade {
    from {
        box-shadow: 0px 0px 50px 8px rgba(209, 165, 117, 0.4);
    }
    to {
        box-shadow: 0px 0px 0px 0px rgba(209, 165, 117, 0.4);
    }
  }

/* Готовы прокачать свой бизнес? */
.gotovy-prokachat-svoj-biznes {margin-bottom: 0;}
.gotovy-prokachat-svoj-biznes .title {margin-top: 5.4rem;}
.gotovy-prokachat-svoj-biznes .link-text {background-color: var(--color-gold);}
.gotovy-prokachat-svoj-biznes .link-text:hover {background-color: transparent; transition: .3s;}
.gotovy-prokachat-svoj-biznes::after {content: ''; position: absolute; top: 0; left: 50%; height: 1px; width: 100vw; border: 1px solid var(--color-gold); transform: translateX(-50%);}

/* Партнеры */
.partners {padding: 7.5rem 0 2.5rem 0; margin-top: -1px; margin-bottom: 0;}
.partners::after {content: ''; position: absolute; bottom: 0; left: 50%; height: 1px; width: 100vw; border: 1px solid var(--color-gold); transform: translateX(-50%);}
.owl-partners {width: 100vw; left: 50%; transform: translateX(-50%);}
.owl-partners .owl-stage {display: flex; align-items: center;}

/*--------------------------------- Контакты ---------------------------------*/
/* Если есть вопросы, свяжитесь со мной! */
.contacts .title {margin-top: 5.4rem;}

/* Подвал */
.footer_items .mod-custom {order: 4;}

/*--------------------------------- Страница Спикерство ---------------------------------*/

/* Спикерство */
.otkrojte-biznes-mechty-title,
.esli-est-voprosy-title,
.obo-mne-title,
.avtorskoe-meropriyatie-title,
.spicerstvo-title {margin-top: 9.1rem;}

/* Темы моих выступлений */
.temy-moikh-vystuplenij .wrap-spektr {padding: 1.25rem; margin-bottom: .5rem;}
.temy-moikh-vystuplenij .wrap-spektr::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, .1) 0%, rgba(170, 134, 92, .7) 20%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .7) 80%, rgba(170, 134, 92, .1) 100%);}

/* Темы спикерства можно представить в различных форматах */
.temy-spikerstva::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, .1) 0%, rgba(170, 134, 92, .7) 10%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .7) 90%, rgba(170, 134, 92, .1) 100%);}
.temy-spikerstva::after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, .1) 0%, rgba(170, 134, 92, .7) 10%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .7) 90%, rgba(170, 134, 92, .1) 100%);}

/* События в которых участвую */
.events {margin-bottom: 13.5rem;}
.events-item .desc-img {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.owl-events .owl-nav {display: flex !important; justify-content: center;  gap: 5rem; top: 110%;}
.owl-events .owl-next span,
.owl-events .owl-prev span {display: none;}
.owl-events .owl-next,
.owl-events .owl-prev {width: 67px; height: 30px; position: relative;}
.owl-events .owl-prev::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/icons/rewiews-arrow.svg') no-repeat;}
.owl-events .owl-next::before {content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url('/images/icons/rewiews-arrow.svg') no-repeat; transform: rotate(180deg);}

/*--------------------------------- Авторские мероприятия ---------------------------------*/
/* О мероприятии */
.o-meropriytiyh::before {content: ''; position: absolute; top: 0; left: 50%; height: 2px; width: 100vw; transform: translateX(-50%); 
    background: linear-gradient(90deg,rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .1) 80%, rgba(255, 255, 255, .1) 100%);}

/* В мир вдохновения и мотивации. */
.v-mir-vdokhnoveniya-i-motivatsii .wrap::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, .1) 0%, rgba(170, 134, 92, .7) 10%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .7) 90%, rgba(170, 134, 92, .1) 100%);} 
.v-mir-vdokhnoveniya-i-motivatsii .wrap::after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, 0) 0%, rgba(170, 134, 92, .3) 20%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .3) 80%, rgba(170, 134, 92, 0) 100%);} 

/* Авторские мероприятия */
.avtorskie-meropriyatiya .wrap-1 {margin-right: 1px;}
.wrap-item .item {border: 2px solid var(--color-gold); padding: 1.75rem;}
.avtorskie-meropriyatiya .wrap-item.wrap-2 .item {border: none !important; padding: 0; display: flex; height: 100%;}
.avtorskie-meropriyatiya .wrap-item.wrap-2 .item-img {margin-bottom: 0;}
.avtorskie-meropriyatiya .wrap-item.wrap-2 .item-img img {width: 100%; height: 100%; object-fit: cover;}

/* Предстоящие мероприятия */
.wrap-desc .img-title {margin-bottom: 7.3rem;}
.wrap-desc-opasity .desc-title {padding: 1.25rem 0; margin-bottom: 5.6rem}
.wrap-desc-opasity .desc-title::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .7) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, .1) 100%);}
.wrap-desc-opasity .desc-title::after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .7) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, .1) 100%);}
.flip-container {height: 32.3rem; perspective: 1000px;}
.flip-front, .flip-back {backface-visibility: hidden; transition: transform 0.6s ease, opacity 0.3s ease;}
.flip-back {transform: rotateY(180deg); background: #D1A575;}
.flip-container:hover .flip-front {transform: rotateY(180deg); opacity: 0;}
.flip-container:hover .flip-back {transform: rotateY(360deg); opacity: 1 !important;}

/*--------------------------------- Обо мне ---------------------------------*/
/* Мой основной приоритет */
.moj-osnovnoj-prioritet .wrap::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, .1) 0%, rgba(170, 134, 92, .7) 10%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .7) 90%, rgba(170, 134, 92, .1) 100%);} 
.moj-osnovnoj-prioritet .wrap::after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, 0) 0%, rgba(170, 134, 92, .3) 20%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .3) 80%, rgba(170, 134, 92, 0) 100%);} 

/* Обладательница премий */
.obladatelnitsa-premij::before {content: ''; position: absolute; top: 0; left: 50%; height: 2px; width: 100vw; transform: translateX(-50%); 
    background: linear-gradient(90deg,rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .1) 80%, rgba(255, 255, 255, .1) 100%);}

/* Мы прошли за вас путь длинною в 9 лет */
.my-proshli-za-vas-put-dlinnoyu-v-9-let {padding-top: 5.1rem;}
.my-proshli-za-vas-put-dlinnoyu-v-9-let::before {content: ''; position: absolute; top: 0; left: 50%; height: 2px; width: 100vw; transform: translateX(-50%); 
    background: linear-gradient(90deg,rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .1) 80%, rgba(255, 255, 255, .1) 100%);}
.my-proshli-za-vas-put-dlinnoyu-v-9-let .item-title {font-size: 6.2rem;}

/* Откройте мир красоты вместе с COCOS */
.otkrojte-mir-krasoty-vmeste-s-cocos .wrap::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, .1) 0%, rgba(170, 134, 92, .7) 10%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .7) 90%, rgba(170, 134, 92, .1) 100%);} 
.otkrojte-mir-krasoty-vmeste-s-cocos .wrap::after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, 0) 0%, rgba(170, 134, 92, .3) 20%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .3) 80%, rgba(170, 134, 92, 0) 100%);} 
.otkrojte-mir-krasoty-vmeste-s-cocos .wrap-item {max-height: 100%;}

/*--------------------------------- Франшиза ---------------------------------*/
/* Почему франшиза лучше самостоятельного открытия */
.pochemu-franshiza-luchshe-samostoyatelnogo-otkrytiya .title {padding: 5rem 0 6rem;}
.pochemu-franshiza-luchshe-samostoyatelnogo-otkrytiya .header-list {padding: .6rem 1.75rem;}
.pochemu-franshiza-luchshe-samostoyatelnogo-otkrytiya .body-list {padding: 1.25rem 1.87rem;}
.pochemu-franshiza-luchshe-samostoyatelnogo-otkrytiya img {margin-top: -33rem;}

/* Авторские направления */
.avtorskie-napravlenia .wrap-desc-opasity .item-footer {padding: 10px 0;}
.avtorskie-napravlenia .wrap-desc-opasity .item-footer::before {content: ''; position: absolute; top: 0; left: 0; height: 3px; width: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .7) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, .1) 100%);}
.avtorskie-napravlenia .wrap-desc-opasity .item-footer::after {content: ''; position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .7) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, .1) 100%);}
.avtorskie-napravlenia .wrap-desc-opasity .item-header::after {content: ''; position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .7) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, .1) 100%);}
.avtorskie-napravlenia .flip-container {height: 36.6rem; perspective: 1000px;}
.avtorskie-napravlenia .flip-front {height: 32.3rem;}

/* 6 шагов */
.six-shagov .items .item:nth-child(1) .item-img {transform: translateX(40%);}
.six-shagov .items .item:nth-child(5) .item-img {transform: translateX(40%);}
.six-shagov .items .item:nth-child(3) .item-img {transform: translateX(-40%);}
.six-shagov .items .item:nth-child(7) .item-img {transform: translateX(-40%);}

/* Cocos */
.cocos .wrap::before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, .1) 0%, rgba(170, 134, 92, .7) 10%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .7) 90%, rgba(170, 134, 92, .1) 100%);} 
.cocos .wrap::after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg,rgba(170, 134, 92, 0) 0%, rgba(170, 134, 92, .3) 20%, rgba(170, 134, 92, 1) 50%, rgba(170, 134, 92, .3) 80%, rgba(170, 134, 92, 0) 100%);} 

/* Видео*/
.franshiza .video,
.novosti .video {padding-bottom: 0;}

/* Адаптация */

@media screen and (max-width: 1400px) {
    body {overflow-x: hidden;}
    
    h3, .h3 {font-size: 2rem !important;} /*32*/

    .mod-list a {font-size: .75rem;}
    .navbar-nav .mod-custom {width: 14rem;}
    .footer_items .mod-custom {width: 14rem;}

    .moya-istoriya .block-date::before {content: ''; position: absolute; background: url('/images/line.svg') no-repeat center; top: -2.9rem; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%;}
    .moya-istoriya .story {font-size: 1.14rem !important;}
    .moya-istoriya .row-top::before {display: none;}
    .moya-istoriya .row-bot::before {display: none;}

    .ya-sozdala-sobstvennyj-brend-kosmetiki {padding-bottom: 7.5rem;}

    .wrap-desc-opasity .desc-title {margin-bottom: 4rem}
}

@media screen and (max-width: 1200px) {
    h1, .h1 {font-size: 3.1rem !important;} /*50*/
    h2, .h2 {font-size: 1.5rem !important;} /*24*/
    h4, .h4 {font-size: 1rem !important;} /*16*/
    h5, .h5 {font-size: 1rem !important;} /*16*/
    h6, .h6 {font-size: 1rem !important;} /*16*/

    .logo.d-none {display: block !important;}
    #mod-custom125 {display: none;}
    #top_menu {margin-top: 3rem;}

    .navbar-nav, .footer_items {gap: 5px;}
    .navbar-nav .mod-list, .footer_items .mod-list {flex-direction: column; align-items: center;}
    .navbar-nav .mod-list a, .footer_items .mod-list a {font-size: 1rem;}
    .navbar-nav .mod-custom, .footer_items #mod-custom130 {width: 18rem; order: 1;}
    .navbar-nav #mod-custom110, .footer_items #mod-custom132 {width: 100%; display: flex; justify-content: center;}

    .recommendations-img {transform: translate(10%, -0%);}

    .ya-sozdala-sobstvennyj-brend-kosmetiki {padding-bottom: 12rem;}

    .moya-istoriya .block-date::before {display: none;}
    .moya-istoriya .breakpoint {display: none;}

    .owl-reviews .item {height: 13rem;}
    .owl-reviews .owl-nav {justify-content: center; gap: 5rem; top: 115%;}

    .wrap-desc-opasity .desc-title {margin-bottom: 5.6rem}

    .pochemu-franshiza-luchshe-samostoyatelnogo-otkrytiya img {margin-top: 3rem;}
}

@media screen and (max-width: 992px) {
    .recommendations-img {position: relative !important;}
    .hotite-sozdat-svoyu-set-vozmozhnostej-cherez-franchajzing {margin-bottom: 7.5rem;}
    .recommendations-img {transform: none;}

    .ya-sozdala-sobstvennyj-brend-kosmetiki {padding-bottom: 0;}
    .brend-kosmetiki_img-left {order: 3;}
    .brend-kosmetiki-text {text-align: center;}
    .brend-kosmetiki_img-right {position: relative !important; margin-top: 0; margin-right: 0;}

    .avtorskie-meropriyatiya .wrap-1 {margin-right: 0;}
}

@media screen and (max-width: 768px) {
    .logo.d-none img {max-width: 50%;}

    .franchajz-set-img {margin-top: -6rem;}

    .six-shagov .items .item img {width: 40px; }
}

@media screen and (max-width: 576px) {
    .franchajz-set-img {margin-top: 2.5rem;}
    .franchajz-set-img {gap: 1.5rem;}
    .franchajz-set-img .wrap-img:nth-child(1) {padding: 0;}

    .reviews {margin-top: 2.5rem;}

    .esli-est-voprosy .soc-seti img,
    .gotovy-prokachat-svoj-biznes .soc-seti img {width: 30px;}

    .avtorskie-meropriyatiya .row {justify-content: center;}
}

/* Анимации */

.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}