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

@font-face {
	font-family: 'Acherus Feral';
	src: url('/templates/rostsayt/fonts/HorizonType-AcherusFeral-Light.otf');
	font-weight: 300;
}
@font-face {
	font-family: 'Acherus Feral';
	src: url('/templates/rostsayt/fonts/HorizonType-AcherusFeral-Bold.otf');
	font-weight: 700;
}

:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 18px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 20px;}
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Acherus Feral', sans-serif; color: #010101; outline: 1px solid #ddd; overflow-x: hidden;}
#middle main  {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1400px) {.container {max-width: 1677px;}}
@media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}}


h1, .h1 {font-style: normal; font-weight: 300; font-size: 4rem; line-height: 100px; margin: 0; font-family: 'Acherus Feral';}
h1.s1, .h1.s1 {font-style: normal; font-weight: 700; font-size: 6.2rem; line-height: 110%; font-family: 'Playfair Display'; margin: 0;}
h2, .h2 {font-style: normal; font-weight: 300; font-size: 2.5rem; line-height: 120%; margin: 0; font-family: 'Acherus Feral';}
h3, .h3 {font-style: normal; font-weight: 700; font-size: 1.4rem; line-height: 39px; margin: 0; font-family: 'Acherus Feral';}
h3.s1, .h3.s1 {font-style: normal; font-weight: 300; font-size: 1.4rem; line-height: 39px; margin: 0; font-family: 'Acherus Feral';}
p, .p {font-style: normal; font-weight: 300; font-size: 1rem; line-height: 155%; margin: 0; font-family: 'Acherus Feral';}
p.s1, .p.s1 {font-style: normal; font-weight: 300; font-size: 1rem; line-height: 28px; margin: 0; font-family: 'Acherus Feral';}
.small {font-style: normal; font-weight: 300; font-size: 0.8rem; line-height: 150%; font-family: 'Acherus Feral';}
.small.s1 {font-style: normal; font-weight: 700; font-size: 0.8rem; line-height: 150%; margin: 0; font-family: 'Acherus Feral';}

a {text-decoration: none;}


/* Общие классы */
.owl-carousel .owl-dot.active {background: #fff !important;}
.form-control {border-radius: 0;}
.form-control:focus {box-shadow: none;}
.scroll-up {z-index: 1000;}
.scroll-up::before {position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); content: ''; width: 20px; height: 20px; border: 1px solid #fff; border-right: none; border-bottom: none;}
.prev,
.next {width: 100px; height: 100px; background: #FFFFFF; transform: matrix(-1, 0, 0, 1, 0, 0); position: relative; box-shadow: 0px 0px 5.5874px rgba(0, 0, 0, 0.15); border-radius: 50%;}
.next::before {width: 20px; height: 20px; border: 1px solid #DD2B1C; position: absolute; content: ''; top: 50%; left: 55%; transform: translate(-50%, -50%) rotate(45deg); border-top: none; border-right: none;}
.prev::before {width: 20px; height: 20px; border: 1px solid #DD2B1C; position: absolute; content: ''; top: 50%; left: 45%; transform: translate(-50%, -50%) rotate(-45deg); border-top: none; border-left: none;}
@media screen and (max-width: 992px) {
	.prev, .next {width: 50px; height: 50px;}
	a::before, a::after, button::after, button::before {display: none;}
	button[type="submit"] {padding: 10px !important; border: 1px solid #2E2E2E !important; border-radius: 12px;}
	.h1, h1 {line-height: normal; font-size: 3rem;}
}
@media screen and (max-width: 768px) {
	.footer_items .moduletable:nth-child(1),
	.footer_items .menu {text-align: center; margin: 20px 0;}
	.footer_items .moduletable.offset-lg-1 {justify-content: center;}
	#author .moduletable {margin-bottom: 20px; text-align: center;}
}
.button._view_air-alt._size_small, .button._view_air-round._size_small, .button._view_air._size_small {display: none !important;}

#fos,
#ress,
#design {z-index: 1100;}
#m-feed-back-info {z-index: 10000;}
.modal-body .feed .form-group {display: flex; flex-direction: column; margin-bottom: 20px;}
.modal-body .feed .form-group input {border: none; border-bottom: 1px solid #000000; padding: 8px; margin-bottom: 44px; width: 100%; outline: none;}

.openQuiz {position: fixed; left: 50px; bottom: 50px; border-radius: 32px; color: #fff; background: #DD2B1C; padding: 20px 40px; z-index: 1000; cursor: pointer;}
.openQuiz .close {margin-left: 30px;}


/* .mod-quiz .modal-xl {max-width: 100% !important; height: 843px;} */
/* .mod-quiz .modal-dialog-scrollable .modal-content {height: 100%;} */
.mod-quiz .title {margin-bottom: 52px;}
@media screen and (max-width: 575px) {
	.mod-quiz .title {margin-bottom: 10px;}
}
.mod-quiz {display: none;}
body.quiz .mod-quiz {display: block;}
body.quiz .mod-quiz {padding: 50px;}
@media screen and (max-width: 575px) {
	body.quiz .mod-quiz {padding: 50px 0;}
}
#quiz .modal-body .mod-quiz {display: block;}
.mod-quiz .item-1 label,
.mod-quiz .item-2 label {position: relative; border: 0.826793px solid #D9D9D9; border-radius: 8px; margin-bottom: 24px; width: auto; height: 263px; cursor: pointer;}
.mod-quiz .item-3 .form-check,
.mod-quiz .item-5 .form-check,
.mod-quiz .item-7 .form-check {margin-right: 24px; padding: 13px 52px; border: 0.826793px solid #D9D9D9; border-radius: 8px;}
.mod-quiz .irs.irs--flat.js-irs-0.irs-with-grid,
.mod-quiz .irs.irs--round.js-irs-2 {display: none;}
body.quiz .mod-quiz .irs.irs--flat.js-irs-0.irs-with-grid,
body.quiz .mod-quiz .irs.irs--round.js-irs-2 {display: block;}
.mod-quiz .js-range-slider,
.mod-quiz .example_1 {opacity: 0;}
@media screen and (max-width: 768px) {
	.mod-quiz .item-3 .form-check,
	.mod-quiz .item-5 .form-check,
	.mod-quiz .item-7 .form-check {margin-right: 0; margin-bottom: 24px; width: 100%;}
}
@media screen and (max-width: 576px) {
	body.quiz .text-nowrap {white-space: pre-line !important}
}
.mod-quiz .item .form-check {position: relative;}
.mod-quiz .item .form-check label.form-check-label {position: absolute; top: 0; bottom: 0; right: 0; left: 0;}
.mod-quiz .item-3 .form-check-input:checked,
.mod-quiz .item-5 .form-check-input:checked,
.mod-quiz .item-7 .form-check-input:checked {background-color: #DD2B1C; border-color: #DD2B1C; box-shadow: none; outline: none;}
.mod-quiz .item-8 input {border: none; border-bottom: 1px solid #000000; padding: 8px; margin-bottom: 44px; width: 100%; outline: none;}
.mod-quiz .item-8 .wrap-input {max-width: 393px; width: 100%;}
.mod-quiz .item-8 button {text-transform: uppercase; background: none; border: none; outline: none; margin-top: 52px; color: #333 !important}
@media screen and (max-width: 1400px) {
	.mod-quiz .item-8 button {left: 0; top: 0;}
}
@media screen and (max-width: 768px) {
	.mod-quiz .item-1 label,
	.mod-quiz .item-2 label {height: auto;}
}
.mod-quiz .item-8 button::after {position: absolute; content: url('/images/modules/mod-dream/003.svg'); left: 20%; top: -110%;}
.mod-quiz label.active {border-color: #DD2B1C;}
.mod-quiz .item-1 label img {text-align: center; width: 100%;}
.mod-quiz .item-2 label {padding: 0 30px;}
.mod-quiz .item-2 label img {margin: 50px 0;}
.mod-quiz label input {position: absolute; top: 50%; left: 50%; transform: translateY(-50%, -50%); opacity: 0;}
.mod-quiz {padding: 0 0 50px 0;}
/* .mod-quiz .wrap {padding-top: 62px; padding-left: 132px;} */
.mod-quiz .item {position: relative;}
/* .mod-quiz .item .images {position: absolute; width: max-content; right: 0; top: 0; bottom: 0;} */
.mod-quiz .item .images img {height: 100%; object-fit: cover;}
.mod-quiz .owl-carousel .owl-nav {max-width: 300px; top: 104%; left: 63%;}
.mod-quiz .owl-carousel .owl-nav button {font-size: 1rem;}
@media screen and (max-width: 768px) {
	.mod-quiz .owl-carousel .owl-nav {left: 50%;}
}
.quiz-prev,
.quiz-next {position: relative;}
.quiz-prev::before {position: absolute; content: url('/images/modules/mod-quiz/prev.svg'); right: 0; bottom: -40%;}
.quiz-next::before {position: absolute; content: url('/images/modules/mod-quiz/next.svg'); left: 0; bottom: -40%;}
.quiz .quiz-ion-range .irs-with-grid {margin: auto;}
.quiz .quiz-ion-range .irs--round {margin: auto 2rem;}
.quiz .quiz-ion-range > span {width: 80%;}
@media screen and (max-width: 1400px) {
	.mod-quiz .images {display: none;}
}
@media screen and (max-width: 992px) {
	.mod-quiz .wrap-label {column-count: 2 !important;}
}
#quiz .modal-body .irs.irs--flat.js-irs-1.irs-with-grid .irs-grid span.irs-grid-text.js-grid-text-0 {left: 8% !important;}
#quiz .modal-body .irs.irs--flat.js-irs-1.irs-with-grid .irs-grid span.irs-grid-text.js-grid-text-3 {left: 92% !important;}
#quiz .modal-body .item-6 .irs-single {margin-left: 20px;}
#quiz .modal-body {padding-top: 0; overflow: hidden; }
@media screen and (max-width: 992px) {
	#quiz .modal-body { overflow: auto; }
	.mod-quiz {padding: 50px 0;}
}

#designertest.modal {top: 50% !important; transform: translateY(-50%) !important; height: 800px !important;}
#designertest .modal-header {display: none !important;}
#designertest .modal-body .fulltext {display: block !important;}
#designertest .modal-dialog-scrollable .modal-content {height: 90%;}
#designertest .modal-xl {max-width: 100% !important; margin: 0; height: 100%;}
#designertest .modal-dialog-scrollable .modal-body {padding: 50px 139px;}
#designertest .modal-dialog .modal-body {overflow-x: hidden;}
#designertest .modal-body .btn-close {position: absolute; top: 10%; right: 6%;}
#designertest .modal-body button.myBtn{position: relative; text-transform: uppercase; background: none; border: none; outline: none;}
#designertest .modal-body button.myBtn::after {position: absolute; content: url('/images/modules/mod-dream/003.svg'); left: 20%; top: -100%;}
#designertest .modal-body .owl-item img {width: 255px !important; height: 255px !important; margin: 0 auto; object-fit: contain;}
#designertest .modal-body .doptitle {margin-bottom: 48px;}
#designertest .modal-body .subintro {margin-bottom: 50px;}
#designertest .modal-body .subfull {margin-bottom: 166px;}
#designertest .modal-body .wrap-fulltext .col-lg-5 img {max-width: 300px; width: 100%; max-height: 400px; height: 100%; object-fit: contain;}
@media screen and (max-width: 992px) {
	#designertest .modal-dialog-scrollable .modal-body {padding: 50px;}
}

#projecttest .modal-header {display: none !important;}
#projecttest .modal-body .fulltext {display: block !important;}
#projecttest .modal-dialog-scrollable .modal-content {height: 100%;}
#projecttest .modal-xl {max-width: 100% !important; margin: 0; height: 100%;}
#projecttest .modal-dialog-scrollable .modal-body {padding: 50px 139px;}
#projecttest .modal-body .btn-close {position: absolute; top: 3%; right: 3%;}
#projecttest .modal-body .introtext {margin-bottom: 48px;}
#projecttest .modal-body .wrap-prop {margin-bottom: 147px; margin-top: 30px;}
#projecttest .modal-body button.myBtn{position: relative; text-transform: uppercase; background: none; border: none; outline: none;}
#projecttest .modal-body button.myBtn::after {position: absolute; content: url('/images/modules/mod-dream/003.svg'); left: 20%; top: -100%;}
@media screen and (max-width: 992px) {
	#projecttest .modal-dialog-scrollable .modal-body {padding: 50px;}
}
.owl-carousel.second .owl-nav .prev,
.owl-carousel.second .owl-nav .next {width: 50px; height: 50px;}
#projecttest .modal-body .wrap-fulltext .col-lg-5 img {max-width: 637px; width: 100%; max-height: 613px; height: 100%; object-fit: cover;}

@media screen and (max-width: 576px) {
	#projecttest .modal-body .btn-close {top: 0; right: 0; font-size: 24px;}
}

/* Переопределения Bootstrap */
.text-danger {color: #DD2B1C !important}


/* Шапка */
header {}
header #top_menu {width: 100%; padding-top: 32px;}
header #top_menu ul {width: 100%; display: flex; align-items: center; justify-content: space-between;}
header #top_menu ul li a {color: #fff; transition: .4s;}
header #top_menu ul li a:hover {color: rgb(221, 43, 28)}
@media screen and (max-width: 1200px) {
	.navbar-collapse {position: fixed; right: -100%; top: 0; bottom: 0; transition: .4s;}
	.navbar-collapse.show {right: 0; transition: .4s; padding: 30px; box-shadow: 0px 1px 2px 0px rgba(221, 43, 28,0.7),
		1px 2px 4px 0px rgba(221, 43, 28,0.7),
		2px 4px 8px 0px rgba(221, 43, 28,0.7),
		2px 4px 16px 0px rgba(221, 43, 28,0.7); background: #000;}
	.navbar-collapse.show #top_menu ul {flex-direction: column; align-items: start;}
	.navbar-collapse.show #top_menu ul li:nth-child(5) {display: none;}
	.navbar-collapse.show #top_menu ul li {padding: 20px 0; width: 100%;}
}
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (max-width:840px) {	
	.navbar>.container {justify-content: space-around;}
	.navbar>.container #logo img {width: 25vw;}
	.navbar-toggler {position: absolute; right: 1rem;}
}
@media screen and (max-width: 576px) {
	.navbar>.container {justify-content: start;}
}
/* @media (max-width:550px) { .mod-slider{margin-top: -52px!important;} } */
/* @media (max-width:630px) { .mod-slider{margin-top: -64px!important;} } */
@media (max-width:400px) { .mod-slider{margin-top: -45px!important;} }
#navbar-content.show ~ .navbar-toggler {z-index: 222; position: fixed; right: 1rem; top: 1rem;}


/* Подвал */
footer {background: #2E2E2E; padding: 50px 0 26px 0; color: #fff}
footer .footer_items {align-items: flex-start;}
footer .nav {display: block !important; column-count: 3;}
footer a {color: #fff}
footer a:hover {color: #DD2B1C}
footer ul li {margin-bottom: 16px;}

#author {padding-top: 80px;}
#author .small {white-space: nowrap;}

/* Модули */
.mod-slider {/*padding: 332px 0;*/ position: relative;}
.mod-slider .introtext {position: absolute; bottom: 160px; right: 175px; color: #fff; text-transform: uppercase;}
.mod-slider .introtext::after {position: absolute; content: url('/images/modules/mod-slider/002.svg'); top: -190%; left: 0; cursor: pointer;}
@media (max-width:830px) {
	.mod-slider.fullbg {padding-left: 0!important; padding-right: 0!important;}
}
@media screen and (max-width: 448px) {
	.mod-slider .h1.s1 {font-size: 5rem;}
}
@media screen and (max-width: 360px) {
	.mod-slider .h1.s1 {font-size: 4rem;}
}

.mod-project {padding-top: 150px; margin-bottom: 150px;}
.mod-project .prev,
.mod-project .next {width: 50px; height: 50px;}
.mod-project .owl-carousel.first .owl-nav {max-width: 1800px;}
.mod-project .wrap {position: relative; color: #fff; overflow: hidden; transition: .3s;}
.mod-project .wrap .back {position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; transition: .3s;}
.mod-project .text {position: absolute; bottom: -100%; left: 5%; z-index: 1; transition: .3s;}
.mod-project .wrap:hover .text {bottom: 15%;}
.mod-project .wrap:hover {cursor: pointer;}
.mod-project .wrap:hover .back {background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))}
.mod-project .owl-carousel.mobile {display: none;}
@media screen and (max-width: 992px) {
	.mod-project {padding-top: 50px;}
	.mod-project .owl-carousel.first {display: none !important;}
	.mod-project .owl-carousel.mobile {display: block;}
	.mod-slider.fullbg .item .introtext {display: none;}
	.mod-project .prev,
	.mod-project .next {width: 40px; height: 40px;}
	.mod-project .prev::before,
	.mod-project .next::before {width: 10px; height: 10px;}
}

.mod-dream {position: relative; margin-bottom: 465px;}
.mod-dream .images1 {position: absolute; top: 50%; width: max-content; left: 50%; margin-left: -960px;}
.mod-dream .images2 {position: absolute; top: 0; bottom: 0;; width: max-content; right: 50%; margin-right: -960px;}
.mod-dream .title {margin-bottom: 76px; padding-top: 30px;}
.mod-dream .subtitle {white-space: nowrap; margin-bottom: 60px;}
.mod-dream form input {border: none; border-bottom: 1px solid #000000; padding: 8px; margin-bottom: 44px; width: 100%; outline: none;}
.mod-dream form button {text-transform: uppercase; background: none; border: none; outline: none; margin-top: 52px; position: relative; color: #333 !important;}
.mod-dream form button::after {position: absolute; content: url('/images/modules/mod-dream/003.svg'); left: 20%; top: -110%;}
@media screen and (max-width: 992px) {
	.mod-dream {margin-bottom: 50px;}
	.mod-dream .images1,
	.mod-dream .images2 {display: none;}
}

.mod-benefits {padding: 120px 0;}
.mod-benefits::before {background: #F8F8F8;}
.mod-benefits img {margin-bottom: 27px;}
.mod-benefits .title {margin-bottom: 15px;}
.mod-benefits .row {padding: 57px 0; background: #FFFFFF; box-shadow: 0px 0px 5.5874px rgba(0, 0, 0, 0.15); border-radius: 10px;}
.mod-benefits .row .col-lg-3:not(:last-child) {border-right: 1px solid #D4D4D4;}
@media screen and (max-width: 768px) {
	.mod-benefits .wrap {margin-bottom: 32px;}
}

.mod-installment {position: relative; padding-bottom: 190px; border-bottom: 1px solid #D5D5D5; margin-bottom: 120px;}
.mod-installment .images {position: absolute; top: 0; max-width: 960px; right: 50%; margin-right: -960px;}
.mod-installment .title {padding-top: 84px;}
.mod-installment .subtitle {margin-bottom: 40px;}
.mod-installment .introtext {margin-bottom: 32px;}
.mod-installment .fulltext {margin-bottom: 77px;}
.mod-installment .fulltext ul {padding: 0 22px;}
.mod-installment .fulltext ul li::marker {color: #DD2B1C}
.mod-installment a {position: relative;}
.mod-installment a::after {position: absolute; content: url('/images/modules/mod-dream/003.svg'); left: 28%; top: -110%;}
@media screen and (max-width: 1400px) {
	.mod-installment .images {position: absolute; top: 50%; width: 500px; right: 50%; margin-right: -700px; transform: translateY(-50%);}
}
@media screen and (max-width: 992px) {
	.mod-installment {padding-bottom: 40px; margin-bottom: 40px;}
	.mod-installment .images {display: none;}
	.mod-installment .title {padding-top: 20px;}
}

.mod-video {margin-bottom: 250px;}
.mod-video .col-lg-3 {text-align: center;}
.mod-video .title {margin-bottom: 82px;}
.mod-video img {transition: .3s;}
.mod-video img:hover {cursor: pointer; transform: scale(1.04); transition: .3s;}
#video .modal-body .fulltext {display: block !important;}
#video .modal-header {border: none; color: transparent;}
@media screen and (max-width: 992px) {
	.mod-video {margin-bottom: 50px;}
	.mod-video .title {margin-bottom: 20px;}
}

.mod-measuring {position: relative; margin-bottom: 190px;}
.mod-measuring .images {position: absolute; top: 50%; transform: translateY(-50%); left: 50%; margin-left: -960px; width: max-content;}
.mod-measuring .title {margin-bottom: 50px; white-space: nowrap;}
.mod-measuring form input {border: none; border-bottom: 1px solid #000000; padding: 8px; margin-bottom: 44px; width: 100%; outline: none;}
.mod-measuring form button {text-transform: uppercase; background: none; border: none; outline: none; position: relative; margin-top: 52px; color: #333 !important}
.mod-measuring form button::after {position: absolute; content: url('/images/modules/mod-dream/003.svg'); left: 20%; top: -110%;}
@media screen and (max-width: 992px) {
	.mod-measuring {margin-bottom: 50px;}
	.mod-measuring .images {display: none;}
}

.mod-designer {padding-top: 200px; position: relative;} /* padding-top: 140px; border-top: 1px solid #D5D5D5; position: relative; */
.mod-designer .title {margin-bottom: 63px;}
/* .mod-designer .owl-carousel {position: absolute; width: 1000px; right: 50%; margin-right: -960px;} */
/* @media (min-width:993px){
	.mod-designer .owl-carousel .owl-nav {left: 50vw; width: 0vw;}
} */
.mod-designer .items:hover {cursor: pointer;}
.mod-designer .items img {margin: 10px; max-width: 393px; max-height: 448px; object-fit: cover; transition: .3s;}
.mod-designer .items img:hover {transform: scale(1.04);}
.mod-designer .items .subtitle {margin-left: 10px;}
@media screen and (max-width: 992px) {
	.mod-designer {padding-top: 40px; padding-bottom: 40px;}
	.mod-designer .title {margin-bottom: 20px;}
	/* .mod-designer .owl-carousel {position: inherit; margin-top: 40px; width: 100%;} */
	.mod-designer .items img {max-width: 100%; height: auto;}
}

.mod-tovar {padding-bottom: 180px;}
.mod-tovar.fullbg {background: transparent;}
.mod-tovar .items .title {margin-bottom: 54px; text-align: center;}
.mod-tovar .items img {max-width: 473px; height: 397px; margin: 0 auto 50px;}
.mod-tovar .items .introtext {text-align: center; max-width: 608px; width: 100%; margin: 0 auto;}
.mod-tovar .owl-carousel .owl-nav {max-width: 1000px;}
@media screen and (max-width: 1600px) {
	.mod-tovar .items img {max-width: 300px; height: 300px;}
}
@media screen and (max-width: 992px) {
	.mod-tovar {padding-bottom: 40px;}
}

.test-div a {color: #333 !important; -webkit-appearance: noneж}

.mod-test {position: relative; height: 862px;}
.mod-test .title {margin-bottom: 60px;}
.mod-test .introtext {margin-bottom: 100px;}
.mod-test .images {position: absolute; max-width: 960px; left: 50%; margin-left: -960px;}
.mod-test a {position: relative;}
.mod-test a::after {position: absolute; content: url('/images/modules/mod-test/002.svg'); left: 15%; top: -130%;}
@media screen and (max-width: 1400px) {
	.mod-test .h1 {font-size: 3rem;}
}
@media screen and (max-width: 991px) {
	.mod-test {height: auto;}
	.mod-test .images {display: none;}
	.mod-test .title {margin-bottom: 20px;}
	.mod-test .introtext {margin-bottom: 30px;}
}

.mod-spec {margin-top: 160px; margin-bottom: 120px;}
.mod-spec .title {margin-bottom: 70px;}
.mod-spec .subtitle {margin-bottom: 48px;}
.mod-spec .card-body {display: flex; flex-direction: column; justify-content: center;}
.mod-spec .card {flex-direction: row !important; border: none; background: #FFFFFF; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15); border-radius: 13px; margin-bottom: 40px;}
.mod-spec .card-img-top {max-width: 254px; height: 239px; width: 100%; border-radius: 13px 0px 0px 13px;}
@media screen and (max-width: 1400px) {
	.mod-spec .card-img-top {max-width: 200px; height: auto;}
}
@media screen and (max-width: 1200px) {
	.mod-spec .card-img-top {max-width: 150px; height: auto;}
}
@media screen and (max-width: 992px) {
	.mod-spec {margin-top: 50px; margin-bottom: 50px;}
}

.mod-reviews {margin-bottom: 200px;}
.mod-reviews .owl-carousel {margin-top: -150px;}
.mod-reviews .owl-carousel .owl-nav {left: 10%; bottom: 10%; width: 210px; top: auto;} 
@media (max-width:1399px){ .mod-reviews .title {padding-bottom: 69px;} }
.mod-reviews .items .introtext {margin-bottom: 78px; position: relative;}
.mod-reviews .items .introtext::before {position: absolute; content: url('/images/modules/mod-reviews/dotsup.svg'); top: -4rem; left: 0; transform: scale(.7);}
.mod-reviews .items .introtext::after {position: absolute; content: url('/images/modules/mod-reviews/dotsdown.svg'); bottom: -4rem; right: 0; transform: scale(.7);}
.mod-reviews .title { position: relative; z-index: 2; }
.mod-reviews .vid-list {z-index: 1;} .mod-reviews .vid-form {z-index: 0;}
.mod-reviews .row img {border-radius: 30px;}
.mod-reviews .vid-form {display: flex; z-index: 0; place-content: center; background: url(/images/modules/mod-reviews/001.jpg); border-radius: 50%; max-width: 862px;}
@media (min-width:1200px) {.mod-reviews .vid-form {min-height: 850px;} }
.mod-reviews .vid-form video {max-height: 858px; border-radius: 30px; max-width: 483px; z-index: 1;}
.mod-reviews .vid-form:before {content: ''; z-index: 0; position: absolute; height: 100%; width: 100%; top: 0; left: 0; filter: opacity(0.8); background: rgba(255,255,255,1);}
@media screen and (max-width: 992px) {
	.mod-reviews {margin-bottom: 50px;}
	.mod-reviews .owl-carousel {margin-top: 0;}
	.mod-reviews .items .introtext::before,
	.mod-reviews .items .introtext::after {display: none;}
	.mod-reviews .items .introtext {margin-bottom: 20px;}
}

.mod-about {position: relative; padding-bottom: 180px;}
.mod-about .title {margin-bottom: 126px;}
.mod-about .images {position: absolute; width: max-content; left: 0; margin-left: -76px; top: 50%; transform: translateY(-35%);} /* left: 50%; margin-left: -960px; */
.mod-about .images2 {position: absolute; width: max-content; right: 50%; margin-right: -960px; top: 0;}
.mod-about .introtext {margin-bottom: 108px;}
@media screen and (max-width: 1400px) {
	.mod-about .images {display: none;}
	.mod-about .images2 {margin-right: -700px; width: 500px;}
}
@media screen and (max-width: 1200px) {
	.mod-about .title {margin-bottom: 30px;}
}

.mod-ourteam {position: relative;}
.mod-ourteam.fullbg {background: transparent;}
.mod-ourteam .items {display: flex; flex-direction: column;}
.mod-ourteam .items .title {margin-bottom: 54px; text-align: center;}
.mod-ourteam .items img {object-fit: cover; max-width: 400px; max-height: 460px; margin: 0 auto 0; transition: .3s;}
.mod-ourteam .items .introtext {text-align: center; max-width: 608px; width: 100%; margin: 0 auto;}
.mod-ourteam .owl-carousel {margin-top: 180px;}
.mod-ourteam .owl-carousel .owl-nav {max-width: 1400px;}
@media screen and (max-width: 1600px) {
	.mod-ourteam .items img {max-width: 300px; height: 360px;}
}
@media screen and (max-width: 992px) {
	.mod-ourteam {padding-bottom: 40px;}
}

.mod-razrab {position: relative; margin-top: 300px; height: 718px;}
.mod-razrab .images {position: absolute; width: max-content; left: 50%; margin-left: -960px;}
.mod-razrab .title {white-space: nowrap; margin-bottom: 50px;}
.mod-razrab form input {border: none; border-bottom: 1px solid #000000; padding: 8px; margin-bottom: 44px; width: 100%; outline: none;}
.mod-razrab form button {text-transform: uppercase; background: none; border: none; outline: none; margin-top: 52px; position: relative; color: #333 !important}
.mod-razrab form button::after {position: absolute; content: url('/images/modules/mod-dream/003.svg'); left: 20%; top: -110%;}
@media screen and (max-width: 1500px) {
	.mod-razrab .title {font-size: 2rem;}
}
@media screen and (max-width: 1200px) {
	.mod-razrab .images {display: none;}
	.mod-razrab {margin-top: 50px; height: auto;}
}

.mod-contacts {margin-top: 134px; padding-top: 100px; border-top: 1px solid #D4D4D4; position: relative; height: 654px; margin-bottom: 105px;}
.mod-contacts img {margin-right: 10px;}
.mod-contacts .map {position: absolute; width: 1086px; height: 655px; right: 50%; margin-right: -960px;}
@media screen and (max-width: 1200px) {
	.mod-contacts {margin-top: 20px; padding-top: 20px;}
}
@media screen and (max-width: 992px) {
	.mod-contacts {margin-bottom: 0;}
	.mod-contacts .map {position: inherit; width: 100%; height: 300px;}
}

.irs--flat .irs-from,
.irs--flat .irs-to, 
.irs--flat .irs-single,
.irs--flat .irs-min, 
.irs--flat .irs-max,
.irs--flat .irs-grid-pol {display: none;}
.irs--flat .irs-bar,
.irs--round .irs-bar,
.irs--round .irs-single {background-color: #DD2B1C}
.irs--round .irs-handle {border-color: #DD2B1C;}
.irs--round .irs-single:before {border-top-color: #DD2B1C;}
.irs--round .irs-min, .irs--round .irs-max {background-color: transparent; font-size: 1rem;}
.irs--flat .irs-handle>i:first-child {width: 18px; border-radius: 50%; background-color: #DD2B1C; left: 30%;}
.irs-grid-text {font-size: 1rem; color: #2E2E2E}


.designer-more {display: none; position: absolute; right: 0; left: 3%; color: #fff; font-size: 14px; background: #0009; padding: 10px; bottom: 10%; text-align: center;}
.project-more {display: none; position: absolute; right: 0; left: 0; color: #fff; font-size: 14px; background: #0009; padding: 10px; bottom: 0; text-align: center;}
@media screen and (max-width: 576px) {
	.designer-more,
	.project-more {display: block;}
}

body.quiz header {background: #2E2E2E;}


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

@media (max-width:991px) {
	#center {padding-left: 10px; padding-right: 10px;}
	
	/* .mod-slider {padding: 270px 0;} */
	.mod-slider .introtext {font-size: 24px;}
	.mod-project {margin-bottom: 80px;}
	.mod-dream, .mod-dream input, .mod-benefits, .mod-installment, .mod-measuring, .mod-measuring input, 
	.mod-tovar, .mod-test, .mod-spec .subtitle, .mod-reviews .introtext, .mod-reviews .subtitle, .mod-about, 
	.mod-ourteam, .mod-designer, .mod-designer .subtitle, .mod-razrab, .mod-razrab input {font-size: 18px;}
	.mod-dream .subtitle {text-align: center; white-space: initial;}
	.mod-dream form button, .mod-measuring form button, .mod-razrab form button {margin-top: 0;}
	.mod-benefits {padding: 36px 0;}
	.mod-test {text-align: center;}
	.mod-test .passtest {background: none; position: relative; padding: 10px !important; border: 1px solid #2E2E2E !important; border-radius: 12px; margin: auto; width: fit-content; -webkit-appearance: none; display: block !important; color: #333 !important}
	.mod-reviews .title {z-index: 1;}
	.mod-reviews .owl-carousel .row.items {flex-direction: column-reverse;}
	.mod-reviews .owl-carousel .owl-nav {left: 50%; top: 0; bottom: auto;}
	.mod-reviews .owl-stage-outer {padding-top: 69px;}
	.mod-reviews .vid-list, .mod-reviews .img-list {margin-bottom: 24px; padding-top: 32px;}
	.mod-about {padding-bottom: 80px;}
	.mod-about .introtext {margin-bottom: 64px}
	.mod-ourteam .owl-carousel {margin-top: 48px;}
	.mod-designer .owl-stage-outer {padding-top: 64px;}
	/* .mod-designer .owl-nav {top: 50%; max-width: 80px;} */
	.mod-designer .owl-nav .next,
	.mod-designer .owl-nav .prev {width: 40px; height: 40px; box-shadow: 0px 0px 5.5874px rgb(0 0 0 / 65%);}
	.mod-designer .owl-nav .next::before,
	.mod-designer .owl-nav .prev::before {width: 10px; height: 10px;}
	.mod-contacts .small {font-size: 14px;}

	#projecttest .wrap-fulltext, #projecttest .introtext p, #fos, #fos button, #quiz {font-size: 16px;}
	#projecttest .introtext, #projecttest .wrap-prop {margin-bottom: 24px!important;}
	#projecttest .wrap-fulltext button {border: solid 1px!important; border-radius: 30px;}
	#designertest .wrap-fulltext button {border: solid 1px!important; border-radius: 30px;}
	#quiz .owl-nav button > div {font-weight: bold; text-decoration: underline;}
}

@media (min-width:1201px) and (max-width:1399px) {   /*.mod-slider {padding: 264px 0;}*/   }

@media (min-width:1780px) {   .mod-about .images {margin-left: -140px;}   }

@media (max-width:1200px) {
	.mod-slider {margin-top: -150px;}
	.mod-about {display: flex; flex-direction: column;}
	.mod-about .row {order: 2;}
	.mod-about .images2 {text-align: center; order: 1; width: 100%; position: unset; margin-bottom: 16px;}
	.mod-about .images2 img {max-width: 400px; width: 90%; border-radius: 30px;}
}

@media (min-width:993px) and (max-width:1199px) {   .mod-reviews .items .introtext {margin-top: 124px;}   }

@media (min-width:1200px) and (max-width:1600px) {   .mod-reviews .row.items > .img-list {padding-top: 90px;}   }

@media (min-width:400px) and (max-width:767px) {   .mod-benefits .row > div {width: 50%;}   }

@media (min-width:769px) and (max-width:1399px) {
	#author { padding-top: 32px; }
	#author > div { width: 100%; text-align: center; margin: auto; }
	.footer_items.row {text-align: center;}
	.footer_items.row .logo {margin-bottom: 24px;}
	.footer_items.row .social {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}

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


#preloader {position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:1000; color:#fff; }
#preloader .img {padding:1rem 0; width:100%; display:block; height:50vh;}
#preloader img {width:100%; height:100%; object-fit:cover}

#preloader .row > * {overflow:hidden; max-height:100vh;}
#preloader .wrap {position:relative; top:100%; animation: loader-1 3s linear forwards;}
#preloader .row > *:nth-child(2) .wrap {top:-200%; animation: loader-2 3s linear forwards;}

@keyframes loader-1 {
  0% {top:100%;}
  30%{top:0%;}
  60%{top:0%;}
  100%{top:-100%;}
}
@keyframes loader-2 {
  0% {top:-200%;}
  30%{top:-100%;}
  60%{top:-100%;}
  100%{top:0%;}
}

#preloader .container-fluid {overflow:hidden; position:relative; top:50%; transform:translateY(-50%); animation: container 1s linear forwards; animation-delay:3s; margin:0 auto;}
@keyframes container {
  0% {height:100%; width:100%; opacity:1;}
  100%{height:0; width:0; opacity:0;}
}
#logo-preloader {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0; animation: logo 1s linear forwards; animation-delay:4s;}
@keyframes logo {
  0% {opacity:0;}
  30% {opacity:1;}
  100% {opacity:1;}
}