@font-face {
	font-family: "Gilroy";
	src: url("/templates/rostsayt/fonts/Gilroy-Regular.ttf");
	font-weight: 400;
}
@font-face {
	font-family: "Gilroy";
	src: url("/templates/rostsayt/fonts/Gilroy-Medium.ttf");
	font-weight: 500;
}
@font-face {
	font-family: "Gilroy";
	src: url("/templates/rostsayt/fonts/Gilroy-Bold.ttf");
	font-weight: 600;
}
@font-face {
	font-family: "centurygothic";
	src: url("/templates/rostsayt/fonts/centurygothic.ttf");
	font-weight: 800;
}
@font-face {
	font-family: "centurygothic";
	src: url("/templates/rostsayt/fonts/centurygothic_bold.ttf");
	font-weight: 900;
}

/* Настройки шаблона */

:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 11px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 13px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1600px) {
	:root, body {font-size: 16px;}
}

/* Элементы */

html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; overflow: hidden; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Gilroy', sans-serif; font-size: 2rem; font-weight: 400; line-height: 2.888888rem; color: #000;}
#center main {overflow: visible}
p {margin: 0}
.text-red {color: #9A0926!important;}
h1, .h1 {font-family: "centurygothic", sans-serif; font-size: 4.4rem; font-weight: 800; line-height: 4.88888rem;}
h2, .h2 {font-family: "centurygothic", sans-serif; font-size: 4rem; font-weight: 800; line-height: 4.33333rem;}
.h2-s1 {font-family: "centurygothic", sans-serif; font-size: 4rem; font-weight: 900; line-height: 4.33333rem;}
h3, .h3 {font-family: "centurygothic", sans-serif; font-size: 3rem; font-weight: 800; line-height: 3.55555rem;}
.h3-s1 {font-family: "Gilroy", sans-serif; font-size: 3rem; font-weight: 500; line-height: 3.44444rem;}
h4, .h4 {font-family: "Gilroy", sans-serif; font-size: 2rem; font-weight: 500; line-height: 2.888888rem;}
h5, .h5 {font-family: "Gilroy", sans-serif; font-size: 2rem; font-weight: 400;}
.h4-s1 {font-family: "Gilroy", sans-serif; font-size: 2rem; font-weight: 400; line-height: 2.888888rem;}
.h4-s2 {font-family: "Gilroy", sans-serif; font-size: 2rem; font-weight: 600; line-height: 2.66666rem;}
.p-s1 {font-family: "Gilroy", sans-serif; font-size: 1.5rem; font-weight: 600; line-height: 2.55555rem;}
.p-s2 {font-family: "Gilroy", sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 2.55555rem;}
a:hover {color: #fff!important;}
a {text-decoration: none;}

/* Общие классы */

.scroll-up {background: url(/images/headers/scroll.svg);transition: .3s;}
.scroll-up:hover {background: url(/images/headers/scroll2.svg);transition: .3s;}
.navbar {padding: 0!important;}
.text-left {text-align: left}
.text-right {text-align: right}
.text-grey {color: #828282; text-align: center}
.mr-5 {margin-right: 3rem;}
.no-wrap {white-space: nowrap}

a.white__btn { color: white; text-decoration: underline; }

.ocean { height: 0; width:150vw; position:absolute; bottom: 1px; left:250px; background: #FAC9C5 ; transform:rotate(180deg)}
.wave { background: url(/images/banners/wave.svg) repeat-x; position: absolute; top: -196px; width: 6400px; height: 198px; animation: wave 11s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }
.wave:nth-of-type(2) { top: -175px; animation: wave 12s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 10s ease -1.25s infinite; opacity: 1; }
@keyframes wave { 0% { margin-left: 0; } 100% { margin-left: -1600px; } }
@keyframes swell { 0%, 100% {transform: translate3d(0,-25px,0);} 50% {transform: translate3d(0,5px,0);} }

.btn-call {background: #9A0926;	box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4); border-radius: 32px; color: #fff; padding: 10px 3rem; font-size: 1.5rem; font-weight: 500; white-space: nowrap}
.btn-call:hover {cursor: pointer;}
.btn {background: #9A0926;	box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4); border-radius: 32px; color: #fff; padding: 6px 2.94444rem; font-size: 2.25rem; font-weight: 600;}
.btn:hover {cursor: pointer; color: #fff !important;}
.btn-pink {background: linear-gradient(-90deg, #FAC9C5 -0.59%, #FE8C8C 96.52%); display: inline-block; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4); border-radius: 32px; color: #fff; padding: 6px 2.94444rem; font-size: 2.25rem ; font-weight: 600;}
.liquid-button {font-size: 2.25rem; font-weight: 600; margin-top: -50px; margin-left: -50px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: transparent;}


/* Переопределения Bootstrap */

@media (min-width: 1920px) {
	.mod-sell::after {margin-left: -960px!important;}
	.mod-sell::before {margin-left: -960px!important;}
	.bg-color::before {margin-left: -960px!important;}
	.mod-reliable::before {margin-left: -960px!important;}
	.mod-reliable .img1 {margin-left: -960px!important;}
	.mod-laugh .img1 {margin-left: -960px!important;}
	.mod-laugh .img2 {margin-right: -960px!important;}
	.mod-want .img1 {margin-left: -960px!important;}
	.mod-want .img2 {margin-right: -960px!important;}
	}
@media (min-width: 1400px) {
	.container {max-width: 1408px}
}

/* Шапка */

#logo  {position: relative}
#logo img {width: 300px; padding-top: 50px; padding-bottom: 40px;}
#logo::after {content: ''; position: absolute; background: url("/images/logoafter.svg") no-repeat; height: 120px; width: 100%; z-index: -2; left: 290px; top: 27px}
#navbar-content {width: 100%}
#header_items {width: 100%; justify-content: space-between}
#header_items img {margin-left: 24px; border-radius: 15px; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4);}

/* Подвал */

footer form .checkbox {white-space: nowrap}
footer .mb-100 > img {margin-bottom: -100px;}
.footer_items {padding-top: 150px; margin-top: 200px;}
.footer_items .moduletable .h5 {font-size: 1.6rem!important;}
.footer_items .h2.text-red {margin-top: -150px;}
.footer_items.bg-color::before {background:  rgba(254,140,140,1)}
.footer_items .wrapper {padding: 30px 40px; border: 1px solid #fff; border-radius: 40px}
.footer_items input[type="submit"] {font-size: 1.5rem; font-weight: 400;}	
.footer_items .ocean {bottom: unset; top: 1px;transform: rotate(0); left: -250px;}

#author {z-index: 10;padding: 45px 0 0 0; position: relative;}
#author::before {background: rgba(254,140,140,1);content: ''; display: flex; position: absolute; z-index: -100; top: 0; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw;}
#author .h6 {font-size: 1.5rem!important;}

/* Модули */

.mod-slider {margin-bottom: 200px;}
.mod-slider::before {content: ""; position: absolute; background: linear-gradient(180deg, rgba(250,201,197,1) 0%, rgba(254,140,140,1) 40%, rgba(254,140,140,1) 60%); top: unset!important; z-index: -1; width: 102vw; height: 1500px; left: 50%; margin-left: -50vw;}
.mod-slider .title {color: #9A0926; white-space: nowrap}
.mod-slider .intro {color: #fff;}
.mod-slider .img {right: -100px;}
.mod-slider .leaf {left: -100px; top: 75%; z-index: 10; animation: up-down 4s ease-in-out infinite;}
.leaf-thanks {left: -140px; top: 75%; z-index: 10; animation: up-down 4s ease-in-out infinite;}

.mod-benefits {margin-bottom: 150px;}
.mod-benefits .title {color: #9A0926; white-space: nowrap; margin-left: -100px;}
.mod-benefits .img {left: -100px}
.mod-benefits .img-full {z-index: -1; top: -200px; right: -200px}

.mod-creator {padding-bottom: 100px;padding-top: 100px; margin-bottom: 150px;}
.mod-creator::before {background: none}
.mod-creator .title {color: #9A0926; white-space: nowrap;}
.mod-creator .img1 {z-index: -1; top: 0; right: 50%; height: 100%; margin-right: -50vw;}
.mod-creator .img2 {bottom: -50px; right: -50px}
.mod-creator .img3 {left: 40%; bottom: -150px;animation: up-down 3s ease-in-out infinite;}
.mod-creator .img4 {top: 100%; left: 50%; margin-left: -50vw;animation: up-down 2.5s ease-in-out infinite;}

.mod-compound .img2 {z-index: -1; position: absolute; top: -200px; left: -200px;}
.mod-compound .intro {margin-left: 100px;}
.mod-compound .title {color: #9A0926; white-space: nowrap;}
.mod-compound .img1 {transform: scale(.8);}
.mod-compound .nav-pills {position: relative;}
.mod-compound .nav-link {position: absolute;  z-index: 1;}
.mod-compound .nav-link#v-description-dizayn0-tab {left: 35%; top: 13%;}
.mod-compound .nav-link#v-description-dizayn1-tab {left: 55%; top: 45%;}
.mod-compound .nav-link#v-description-dizayn2-tab {left: 15%; top: 65%;}
.mod-compound .tab-content {position: relative;}
.mod-compound .accordion {margin: 50px 0;} 

.mod-reliable {margin-bottom: 200px; }
.mod-reliable .row {height: 100%; align-items: flex-end}
.mod-reliable::before {content: ""; position: absolute; height: 100%; background: linear-gradient(180deg, rgba(250,201,197,1) 0%, rgba(254,140,140,1) 40%, rgba(254,140,140,1) 60%); bottom: 0; z-index: -1; width: 102vw; left: 50%; margin-left: -50vw;}
.mod-reliable .title {color: #9A0926; padding-bottom: 350px;}
.mod-reliable .intro {color: #fff; margin-top: 100px; margin-bottom: 4rem;}
.mod-reliable .img1 {z-index: -1; bottom: -160px; left: 50%; margin-left: -50vw;}
.mod-reliable .img2 {position: absolute; right: 0; bottom: -100px; animation: up-down 4s ease-in-out infinite;}

.mod-sell {margin-bottom: 450px; margin-top: 50px;}
.mod-sell::before {content: ""; position: absolute; background: url("/images/mod-sell/001.jpg") no-repeat; top: 0; z-index: -200; width: 102vw; height: 1330px; left: 50%; margin-left: -50vw;}
.mod-sell::after {content: ""; position: absolute; background: url("/images/mod-sell/003.png") no-repeat; top: 135%; z-index: -1; width: 102vw; height: 520px; left: 50%; margin-left: -50vw;}
.mod-sell .row::after {content: ""; position: absolute; background: linear-gradient(181.11deg, rgba(14, 17, 34, 0) 0.95%, #0E1122 78.55%); top: 80%; z-index: -1; width: 102vw; height: 600px; left: 50%; margin-left: -50vw;}
.mod-sell .intro {margin-top: 350px;}
.mod-sell .full > div {padding: 200px 0 0 0; white-space: nowrap; color: #fff}
.mod-sell .urla {position: absolute; bottom: -150px}
.mod-sell .intro .btn {position: relative; float: right; white-space: nowrap; padding: 6px 26px; background: #83E0BF!important;}
.mod-sell .intro .btn:hover {color: #fff; cursor: unset}
.mod-sell .intro .btn::before {content: ""; background: url("/images/mod-sell/004.svg") no-repeat; transform: scale(-1,1); position: absolute; width: 80px; height: 20px; bottom: -1px; right: -40px; z-index: -1;}
.mod-sell .intro .btn-pink {position: relative; line-height: 1.5; float: left; white-space: nowrap; padding: 6px 26px}
.mod-sell .intro .btn-pink::after {content: ""; background: url("/images/mod-sell/005.svg") no-repeat; transform: scale(-1,1); position: absolute; width: 80px; height: 20px; bottom: 0; left: -40px; z-index: -1;}
.mod-sell .full {margin-bottom: 400px;}
.mod-sell .img2 {position: absolute; transform: scale(.7)!important; right: -200px; top: 70%}

.mod-history {height: 1400px; padding: 200px 0 0 0}
.mod-history.bg-color::before {width: 102vw; background: rgba(57, 57, 57, 1)!important;}
.mod-history :is(.full, .intro) {white-space: nowrap; color: #fff}
.mod-history .urla {white-space: nowrap; background-image: linear-gradient(rgba(250, 201, 197, 1), rgba(254, 140, 140, 1)); color: transparent; -webkit-background-clip: text; background-clip: text;}
.mod-history .full {margin-bottom: 250px;}
.mod-history .intro {margin-top: 100px; margin-bottom: 50px; text-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px #333333, 10px 10px 20px #333333, -10px -10px 20px rgba(255, 255, 255, 0.4);}
.mod-history .img2 	{position: absolute; z-index: -2;}

.mod-best .img {margin-left: -50px; margin-top: 100px; }
.mod-best .btn-pink {margin-bottom: 64px;}
.mod-best .title {color: #9A0926}
.mod-best .intro {margin-top: 64px; padding-left: 50px;}
.mod-best .intro .item-1 {position: relative}
.mod-best .intro .item-1::before {left: -75px; top: -30px; position: absolute; content: url("/images/mod-best/001.svg")}
.mod-best .intro .item-2 {position: relative}
.mod-best .intro .item-2::before {left: -75px; top: -15px; position: absolute; content: url("/images/mod-best/002.svg")}
.mod-best .intro .item-3 {position: relative}
.mod-best .intro .item-3::before {left: -75px; top: -15px; position: absolute; content: url("/images/mod-best/003.svg")}
.mod-best .intro .item-4 {position: relative}
.mod-best .intro .item-4::before {left: -55px; top: 0px; position: absolute; content: url("/images/mod-best/004.svg")}
.mod-best .intro .item-5 {position: relative}
.mod-best .intro .item-5::before {left: -85px; top: -15px; position: absolute; content: url("/images/mod-best/005.svg")}
.mod-best .intro > div {margin-bottom: 40px;}

.mod-point.bg-color::before {background: linear-gradient(180deg, rgba(250,201,197,1) 0%, rgba(254,140,140,1) 40%, rgba(254,140,140,1) 60%); width: 102vw;}
.mod-point {padding-bottom: 150px;}
.mod-point .full {color: #9A0926}
.mod-point .title {color: #9A0926; line-height: 4.33333rem}
.mod-point .intro {color: #fff; line-height: 2.55555rem}
.mod-point :is(.text, .img) {position: relative}
.mod-point .text::before {content: ''; background: url("/images/mod-point/002.png") no-repeat; position: absolute; width: 600px; height: 350px; top: 80%; right: -100px}
.mod-point .img::before {content: ''; background: url("/images/mod-point/003.png") no-repeat; position: absolute; width: 200px; height: 200px; top: 100%; animation: up-down 4s ease-in-out infinite; }

.mod-fos .wrapper {padding: 64px 100px; brder: 1px solid #fff; border-radius: 40px; margin-bottom: 1rem;}
form {display: flex;  flex-direction: column}
.mod-fos.bg-color::before {background: linear-gradient(180deg, rgba(250,201,197,1) 0%, rgba(254,140,140,1) 40%, rgba(254,140,140,1) 60%); width: 102vw}
.mod-fos .row {margin-bottom: 250px;}
.mod-fos .title {padding-top: 64px; color: #9A0926}
.mod-fos .full {color: #9A0926}

label {font-size: 1.16666rem; white-space: nowrap; color: #7878AB}
input::placeholder {color: #7878AB}
input[type="textarea"] {height: 110px}
input[type="text"],input[type="textarea"] {border: 15px solid #83E0BF;border-radius: 33px;padding: 6px 24px; margin-bottom: 30px;box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4);}
input[type="checkbox"] {border: 3px solid #83E0BF;border-radius: 5px; margin-bottom: 24px;box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4);}
input[type="submit"] {margin: 0 5%;box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4);}

.mod-questions .h2, .mod-compound .h2 {color: #9A0926}
.accordion {position: relative}
.accordion::before {top: -90px; right: -80px; position: absolute; content: url("/images/mod-questions/003.png")}
.accordion-button:focus {box-shadow: none; outline: none; background: #fff; color: #000; border: 4px solid rgba(250, 201, 197, 1);}
.accordion-button {box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4); position: relative; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); padding: 3.5rem 1.5rem 3.5rem 7.5rem; border-radius: 32px!important; border: 4px solid rgba(250, 201, 197, 1);}
.accordion-button::after {background: url("/images/mod-questions/002.svg") no-repeat; position: absolute; width: 45px; height: 45px; left: 2.5rem; margin-left: unset;}
.accordion-button:not(.collapsed)::after {background: url("/images/mod-questions/001.svg") no-repeat; height: 7px;} /*раскрытые*/
.accordion-item {border: none!important;}

.mod-gratitude {margin-bottom: 180px;}
.mod-gratitude :is(.title, .el-title-img, .full) {color: #9A0926}
.mod-gratitude .element {border: 1px solid #83E0BF; border-radius: 40px; padding: 2rem; margin-bottom: 32px;}
.mod-gratitude .full {position: relative}
.mod-gratitude .full::after {content: url("/images/mod-gratitude/003.svg"); position: absolute; bottom: 10px; right: -90px}
.mod-gratitude .img1 {position: absolute;left: -190px;transform: scale(.9);}
.mod-gratitude .img2 {position: absolute; right: 0; bottom: -100px; animation: up-down 4s ease-in-out infinite;}

.mod-sert .title {color: #9A0926}
.mod-sert .intro {color: #fff}
.mod-sert.bg-color::before{content: ""; position: absolute; background: linear-gradient(180deg, rgba(250,201,197,1) 0%, rgba(254,140,140,1) 40%, rgba(254,140,140,1) 60%); z-index: -1; width: 102vw; left: 50%; margin-left: -50vw;}
.mod-sert {padding-top: 120px; margin-bottom: 200px;}
.mod-sert .owl-nav .owl-next span {content: url("/images/mod-sert/004.svg")!important;}
.mod-sert .owl-nav .owl-prev span {content: url("/images/mod-sert/004.svg")!important; transform: rotate(180deg)}
.mod-sert .owl-carousel .owl-nav {max-width: 1500px}
.mod-sert .owl-carousel .owl-item img {border-radius: 15px}
.mod-sert .img1 {bottom: -260px; z-index: 100; left: -100px;animation: up-down 4s ease-in-out infinite;}
.mod-sert .img2 {top: 250px; right: -100px}
.mod-sert .liquid-button {margin: 0}

.mod-laugh {padding-top: 150px;}
.mod-laugh .img1 {z-index: -100;left: 50%;margin-left: -55vw;top: -40px;}
.mod-laugh .img2 {z-index: -200;right: 50%;margin-right: -50vw;top: 0;}
.mod-laugh .img3 {margin-left: -60px;}
.mod-laugh .title {color: #9A0926}
.mod-laugh .middle {margin-top: -100px;}
.mod-laugh .middle .btn {width: 35%;}

.mod-want .img1 {z-index: -10; left: 50%; margin-left: -55vw;}
.mod-want .img2 {z-index: -10; right: 50%; margin-right: -55vw; top: -60px}
.mod-want .mtitle {color: #9A0926}
.mod-want .title {margin-bottom: 350px;}
.mod-want .full {display: flex; align-self: flex-end}

.mod-format .title {color: #9A0926}
.mod-format {position: relative}
.mod-format .full::before {content: ""; position: absolute; background: url("/images/mod-format/002.png") no-repeat; bottom: -100px; z-index: -1; width: 228px; height: 223px; left: 50%; margin-left: -50vw;}

.mod-pandemic {height: 1100px; position: relative; color: #fff}
.mod-pandemic > .d-flex {position: relative;}
.mod-pandemic > .d-flex::before {content: ''; position: absolute; background: url("/images/mod-pandemic/005.png") no-repeat; bottom: -150px; z-index: 10; width: 228px; height: 223px;left: 0; animation: up-down 2s ease-in-out infinite;}
.mod-pandemic > .d-flex::after {content: ''; position: absolute; background: url("/images/mod-pandemic/006.png") no-repeat; bottom: -150px; z-index: 10; width: 228px; height: 223px;right: 0; animation: up-down 4s ease-in-out infinite;}
.mod-pandemic .title {color: #9A0926}
.mod-pandemic #v-pills-third .h4-s1 {position: relative; display: inline-block}
.mod-pandemic #v-pills-third .h4-s1::after {content: '';border-bottom: 1px dashed #fff;width: 580px;position: absolute; bottom: 15px;z-index: -1;}
.mod-pandemic .wrapper {padding: 24px 64px; border-radius: 40px; border: 1px solid #fff; position: relative}
.mod-pandemic .wrapper:nth-child(1)::after {content:''; border-bottom: 1px dashed #fff; width: 300px; position: absolute; left: 100%}
.mod-pandemic .wrapper:nth-child(2)::after {content:''; border-bottom: 1px dashed #fff; width: 300px; position: absolute; left: 100%}
.mod-pandemic::before {background: linear-gradient(180deg, rgba(250,201,197,1) 0%, rgba(254,140,140,1) 40%, rgba(254,140,140,1) 60%); z-index: -100;}
.mod-pandemic::after {width: 100vw;content: '';background: #0E1122;z-index: -110;height: 500px;position: absolute;bottom: 0;left: 50%;margin-left: -50vw;}
.mod-pandemic .nav-link {box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4); padding: 20px; border-radius: 50%; width: 20px; height: 20px; background: #FFE8E7; margin:0 auto 64px}
.mod-pandemic .nav-link.active {background: #9A0926;}

.mod-why .mtitle {color: #9A0926; padding-top: 100px; margin-bottom: 100px;}
.mod-why .wrapper .titles {background: #83E0BF; border-top-right-radius: 32px; border-top-left-radius: 32px}
.mod-why .wrapper .title {padding: 7px 40px; color: #fff}
.mod-why .wrapper .descs {background: linear-gradient(135deg, #FAC9C5 -0.59%, #FE8C8C 96.52%); border: 2px solid rgba(255, 255, 255, 0.3); border-bottom-right-radius: 32px; border-bottom-left-radius: 32px; padding: 32px 0; position: relative}
.mod-why .wrapper .desc {margin: 0 49px; border-radius: 32px; text-align: center; height: 100%}
.mod-why .panel {margin: 11px;background: #fff;border-radius: 50px;border: 20px solid #83E0BF; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4);}
.mod-why .row {margin-bottom: 32px;}
.mod-why .row > .h4 {color: #9A0926; margin-top: 50px;}
.mod-why .p-s2 {color: #7878AB}
.mod-why .descs .position-absolute {left: 29%; top: -90px; width: 460px; height: 675px}
.mod-why .middle {box-shadow: -10px -10px 20px rgba(255, 255, 255, 0.3), 10px 10px 20px rgba(51, 51, 51, 0.2);}
.mod-why .middle .title {background: #83E0BF;border-top-right-radius: 32px; border-top-left-radius: 32px}
.mod-why .middle .panel {margin: 32px 70px;}
.mod-why .middle .panels {background: linear-gradient(135deg, #FAC9C5 -0.59%, #FE8C8C 96.52%); border-bottom-right-radius: 32px; border-bottom-left-radius: 32px; padding: 16px 0; height: 90%}
.mod-why .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: unset; color: #9A0926; font-size: 2rem; font-weight: 700;}
.mod-why .nav {background: #83E0BF;margin-right: -50px;padding-left: 50px;margin-top: 60px;height: 500px; border-radius: 32px; padding-top: 50px;}
.mod-why .nav-pills .nav-link {text-align: left; padding: 20px 0}
.mod-why .btn {margin-left: 55px;}
.mod-why::before {content: url("/images/mod-why/001.png"); position: absolute; bottom: 280px; left: -150px; animation: up-down 4s ease-in-out infinite;}
.mod-why::after {content: url("/images/mod-why/002.png"); position: absolute; z-index: -1; right: -70px; bottom: 400px}
.mod-why {position: relative}


.mod-test {padding-bottom: 124px;}
.mod-test .item {background: linear-gradient(135deg, #FAC9C5 -0.59%, #FE8C8C 96.52%); border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 40px; padding: 56px 106px 32px 106px; height: 360px;}
.mod-test .item input {background: #F5F5FA; box-shadow: inset -2px -2px 4px rgba(255, 255, 255, 0.5), inset 2px 2px 4px rgba(170, 170, 204, 0.25), inset 5px 5px 10px rgba(170, 170, 204, 0.5), inset -5px -5px 10px #FFFFFF; border-radius: 40px; margin-top: 32px; border: none} 
.mod-test .owl-carousel .owl-dots {top: 0; pointer-events: none;}
.mod-test .owl-carousel .owl-dot {width: 20px; height: 20px; background: #FAE0E0 !important;}
.mod-test .owl-carousel .owl-dot.active {width: 20px; height: 20px; background: #83E0BF !important; border: 1px solid #FFFFFF; }
.mod-test .owl-carousel .owl-next { left: 0; right: 0; bottom: -290px; transform: translateY(0); width: 230px; margin: auto;}
.mod-test .owl-carousel .owl-prev {display: none;}
.mod-test-btn {outline: none; margin: auto; width: max-content; border: none; background: #83E0BF; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.2), 5px 5px 10px rgba(51, 51, 51, 0.05), 10px 10px 20px rgba(51, 51, 51, 0.1), -10px -10px 20px rgba(255, 255, 255, 0.4); border-radius: 40px; padding: 24px 60px; font-weight: 600; font-size: 36px; line-height: 40px; text-align: center; color: #FFFFFF;}

.modal-title {font-weight: bold;}

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

@media (max-width: 1400px) {
	.mod-gratitude .img1 {width: 80%;}
	.mod-pandemic .wrapper::after {display: none}
	.mod-pandemic #v-pills-third .h4-s1::after {width: 420px;}
	.mod-laugh .middle .btn {width: unset;}
	#header_items .moduletable:first-child {margin-left: 20%;}
	#logo::after {display: none;}
	.mod-history .img2 {right: 50%; margin-right: -50vw ; height: 55%;}
	.mod-point .text::before {top: 90%}
	.mod-why .descs .position-absolute {left: 24%}
	.mod-gratitude .full::after {transform: scale(.4); right: -90px; bottom: -20px; }
	.mod-laugh .img1 {transform: scale(.8); margin-left: -57vw;}
	.mod-laugh .img2 {transform: scale(.8); z-index: -10; margin-right: -60vw;}
	.mod-laugh .middle {margin-top: -120px;}
	.mod-want .img1 {transform: scale(.8);}
	.mod-want .img2 {transform: scale(.8); margin-right: -65vw;}
	.mod-sert .img2 {display: none;}
	.mod-history .full {margin-bottom: 50px;}
	.mod-history {height: unset;}
	.mod-history .col-xl-4 {margin-bottom: 2rem;}
}

@media (max-width: 1200px) {
	.mod-creator .col-lg-7 {display: flex; flex-direction: column-reverse;}
	#logo img {padding-bottom: 20px;}
	.mod-point .title {font-size: 2.5rem;}
	.mod-pandemic {display: none}
	.mod-point .text::before {display: none}
	.mod-sell .full > div {padding: 50px 0 0 0;}
	.mod-why {display: none}
	#logo {width: 80%}
	#header_items .moduletable:first-child {margin-left: 0;}
	.mod-sert {margin-bottom: 80px;}
	.mod-sert .img1 {display: none;}
	#logo::after {display: none}
	.mod-slider .img img {margin-bottom: 20px; display: block; height: 30vh; margin-left: auto; margin-top: -40px; margin-right: auto;}
	#header_items img {margin-bottom: 30px; margin-left: 12px; margin-right: 12px;}
	#header_items .moduletable > div {text-align: center}
	.mod-slider {margin-bottom: 5rem;}
	.mod-slider::before {background: linear-gradient(180deg, rgba(250,201,197,1) 0%, rgba(254,140,140,1) 40%, rgba(254,140,140,1) 60%);}
	.mod-format .full::before {display: none;}
	.mod-format .position-absolute {position: static!important;}
	.mod-slider .title {white-space: normal}
	.mod-gratitude .full::after {display: none}
	.mod-gratitude .img1 {display: none}
	.mod-gratitude .element {margin-left: 0;}
	.mod-gratitude .full {margin-bottom: 24px;}
	.mod-laugh .liquid-button {margin-left: 30px;}
	.mod-sert.bg-color::before {background: linear-gradient(180deg, rgba(250,201,197,1) 0%, rgba(254,140,140,1) 40%, rgba(254,140,140,1) 60%); bottom: unset; height: 100%;}
	.mod-laugh .middle {margin-top: 0; margin: auto;}
	.mod-want .img2 {display: none}
	.mod-want .title {margin-bottom: 50px;}
	footer .mb-100 > img {display: none}
	#author {margin-top: 0; padding-top: 1rem;}
	#author .h5 {margin-bottom: 1rem;}
	.footer_items {padding-top: 80px; flex-direction: column-reverse}
	.footer_items .h2.text-red {margin-top: -50px;}
	.mod-history .img2 {height: 100%; position: static;}
	.mod-history {height: unset; padding: 100px 0 50px 0;}
	.mod-slider .text-right {text-align: left}
	.mod-benefits {flex-direction: column-reverse; margin-bottom: unset;}
	.mod-benefits .img.position-absolute {position: static!important;}
	.mod-benefits .title {margin-left: 0;}
	.mod-creator {margin-bottom: 100px;}
	.mod-creator::before {display: non;}
	.mod-creator .img1 {display: none}
	.mod-creator .img3 {left: 90%;}
	.mod-creator .img4 {display: none;}
	.mod-fos .row {height: unset; padding-bottom: 50px;}
	.mod-fos.bg-color::before {background: linear-gradient(180deg, rgba(250,201,197,1) 0%, rgba(254,140,140,1) 40%, rgba(254,140,140,1) 60%);}
	/* .mod-reliable {display: none} */
	.mod-sell .img2 {display: none}
	.mod-sell::after {display: none}
	.mod-sell .row::after {display: none;}
	.mod-questions .h2 {margin-top: 24px;}
	.mod-sell {height: unset; padding-bottom: 50px; margin-bottom: 0;}
	.mod-laugh .img1 {display: none}
	.mod-laugh .img2 {display: none}
}

@media (max-width: 992px) {
	.mod-creator {padding: 10px 0;}
	.mod-creator .img2 {position: static !important;}
	.mod-reliable .img1 {bottom: -90px;}
	.mod-reliable .img2 {display: none;}
	.mod-reliable {margin-bottom: 100px;}
}
@media (max-width: 1100px) {
	.mod-sell .img2 {display: none}
	.mod-history {display: flex; flex-direction: column; flex-wrap: wrap}
	.mod-history .intro {margin: 24px 0;}
	.mod-history .full {margin-bottom: 32px; }
	.mod-best .intro {margin-top: 24px;}
	.mod-best .col-lg-5 {text-align: center}
	.mod-best .img {margin-left: 0; margin-top: 24px; transform: scale(.8);}
	.mod-point .img::before {top: 105%; right: 0}
	.mod-sell .full {margin-bottom: 300px;}
	.mod-pandemic > .d-flex::before {display: none;}
	.mod-pandemic > .d-flex::after {display: none;}
}

@media (max-width: 768px) {
	.mod-test .item {padding: 71px 24px 24px 24px; height: auto;}
	.mod-benefits .title {white-space: normal}
	.mod-benefits {margin-bottom: 0; margin-top: 100px;}
	.mod-creator .img3 {left: 70%; bottom: -90px}
	.mod-format .img {position: static!important;}
	.mod-sell::before {height: 100%;}
	.mod-want .img3 {transform: scale(.8);}
	.mod-sell .full > div {white-space: normal}
	.mod-sell .intro {margin: 150px 40px 0;}
	input[type="submit"] {margin: 0;}
	.mod-creator .title {white-space: normal}
	.mod-sell .full {margin-bottom: 60px;}
	.mod-history .col-lg-4 {padding-bottom: 24px}
	.mod-point .img::before {top: 240%}
	.mod-fos .wrapper {padding: 40px 50px}
	.mod-questions .accordion::before {display: none}
	.mod-want .img1 {margin-left: -70vw; top: 0;}
	.mod-laugh .liquid-button {margin-left: -50px;}
	.mod-history .urla {white-space: normal}
	.mod-sert {padding-top: 24px;}
	.mod-slider .ocean {display: none;}
	.mod-reliable .title {padding-bottom: 250px;}
	.mod-reliable .img1 {bottom: -60px;}
}
@media (max-width: 576px) {
	.mod-reliable .title {padding-bottom: 200px;}
	.mod-reliable .img1 {bottom: -60px;}
}

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

.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}

@keyframes up-down {
	0% { transform: translateY(-20px); }
	50% { transform: translateY(0); }
	100% { transform: translateY(-20px); }
}

@keyframes opacity {
	0% {opacity: 0;}
	50% {opacity: 0.5;}
	100% {opacity: 1;}
}


#top_content > div.moduletable.mod-test.row > div.col-xxl-6.mb-5.d-flex.flex-column.justify-content-center > form > div > div.owl-dots { height: fit-content; }
.mod-test .item input.btn {
	background: #9A0926;
	box-shadow: none;
	margin-left: 0;
	margin-top: 0;
}