/* Настройки шаблона */
@font-face {
	font-family: "Comfortaa";
	src: url("/templates/rostsayt/fonts/Comfortaa-Light.ttf");
	font-weight: 300;
}
@font-face {
	font-family: "Comfortaa";
	src: url("/templates/rostsayt/fonts/Comfortaa-Regular.ttf");
	font-weight: 400;
}
@font-face {
	font-family: "Comfortaa";
	src: url("/templates/rostsayt/fonts/Comfortaa-Medium.ttf");
	font-weight: 500;
}
@font-face {
	font-family: "Comfortaa";
	src: url("/templates/rostsayt/fonts/Comfortaa-SemiBold.ttf");
	font-weight: 600;
}
@font-face {
	font-family: "Comfortaa";
	src: url("/templates/rostsayt/fonts/Comfortaa-Bold.ttf");
	font-weight: 700;
}
@font-face {
	font-family: "Montserrat";
	src: url("/templates/rostsayt/fonts/Montserrat-Regular.ttf");
	font-weight: 400;
}
@font-face {
	font-family: "Montserrat";
	src: url("/templates/rostsayt/fonts/Montserrat-Medium.ttf");
	font-weight: 500;
}
@font-face {
	font-family: "Montserrat";
	src: url("/templates/rostsayt/fonts/Montserrat-SemiBold.ttf");
	font-weight: 600;
}
@font-face {
	font-family: "Montserrat";
	src: url("/templates/rostsayt/fonts/Montserrat-Bold.ttf");
	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: 16px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 18px;}
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; color: #293043; margin: 0 auto !important; max-width: 1920px; font-family: 'Comfortaa', sans-serif; outline: 1px solid #ddd; overflow-x: hidden; background: radial-gradient(36.36% 97.73% at 5.58% 100%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(16.9% 52.71% at 30.23% 34.96%, rgba(177, 225, 241, 0.67704) 0%, rgba(221, 194, 239, 0.89) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(61.62% 339.18% at 4.05% 25.72%, #ABEAFF 0%, rgba(177, 225, 241, 0.760719) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(35.28% 184.78% at 100% 10.86%, rgba(221, 194, 239, 0.74) 0%, rgba(255, 255, 255, 0.74) 100%); line-height: 130%}
#middle main  {overflow: inherit;}

*::before {pointer-events: none;}

.h1, h1  {font-size: 2.6rem; line-height: 150%; font-weight: bold;}
.h2, h2 {font-size: 1.8rem; font-weight: 400;}
.h3, h3 {font-size: 1.3rem; font-weight: normal;}
.h4, h4 {font-size: 0.8rem; font-weight: 400;}
.p {font-size: 1rem; font-weight: 400;}
.small, small {font-size:.8889rem;}
.button {font-size: 1rem; line-height: auto; font-family: "Montserrat", sans-serif; font-weight: 600;}

* a {text-decoration: none; color: #A300FF}
a:hover {color: #F24841}

.text-violet {color: #A300FF !important;}

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

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

.btn-shapka {background: #A300FF !important; padding: 10px 25px !important; border-radius: 30px !important; border: #A300FF !important;}

.btn-primary {background: #A300FF; box-shadow: 0.966667px 0.966667px 13.5333px -0.966667px #C3B2CE; border-radius: 42px; border: none; color: #fff; font-family: "Montserrat", sans-serif; font-size: 18px; padding: 0.7rem 1rem;}

.btn-primary:hover {background: #fff; color: #A300FF}
.btn-primary:active {background: #F24841; color: #fff; box-shadow:none}
.btn-primary:focus {background: #F24841; color: #fff; box-shadow:none}

.btn-violet {background: #A300FF !important; color: #fff !important;}

.btn-outline-secondary {border: 0.966667px solid #828282;box-sizing: border-box;box-shadow: 0.966667px 0.966667px 13.5333px -0.966667px #C3B2CE;border-radius: 42px; font-family: "Montserrat", sans-serif; font-size: 18px; padding: 0.7rem 1rem;}
.btn-outline-secondary:hover {background: #fff; color: #A300FF; border: 0.966667px solid #fff; box-shadow: 0.966667px 0.966667px 13.5333px -0.966667px #C3B2CE;}
.btn-outline-secondary:focus {background: #F24841; color: #fff; border: #F24841; box-shadow: none;}


.modal-body {display: flex;justify-content: center;}
.modal-body form {width: 100%;}
.modal-body form input {margin-bottom: 1rem;}


.text-danger {color: #F24841}


.scroll-up {z-index: 100; background-image: url('/images/modules/scroll/001.png'); background-repeat: no-repeat; background-size: contain;}


@media (min-width: 1440px) {.container {max-width: 1440px;}}
@media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}}
/* Шапка */
header #header_items {align-items: flex-start; font-size: 20px; line-height: 24.38px;}
header #header_items div {margin-bottom: 2rem;}
/* header #header_items .mod-address,
header #header_items .mod-workphone,
header #header_items .mod-mobilephone {position: relative; padding-left: 3rem;} */
header #header_items .mod-address {font-family: "Montserrat", sans-serif; font-weight: 500;}
/* header #header_items .mod-address::before {content: url('/images/modules/header/004.png'); position: absolute; left: 0;} */
header #header_items .mod-workphone,
header #header_items .mod-mobilephone {font-family: "Montserrat", sans-serif; font-weight: 500;}
header #header_items .mod-workphone::before/*,
header #header_items .mod-mobilephone::before*/ {content: url('/images/modules/header/005.png'); position: absolute; left: 0;}
header #header_items .mod-soc a:not(:last-child) {padding-right: 1rem;}
header #navbar-content {flex-direction: column-reverse !important;}
header #navbar-content #top_menu ul {width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;}
header #navbar-content #top_menu ul li a {color: #293043;}
@media screen and (min-width: 1200px) {
	/* header .navbar-brand {position: absolute; top: 2rem;} */
	header #header_items {align-items: baseline; justify-content: space-between; width: 100%;}
	header #header_items div {margin-bottom: 0;}
	header #navbar-content #top_menu {width: 100%;padding-top: 0.7rem; font-size: 24px; margin-bottom: 1rem;}
	header #navbar-content #top_menu ul {margin-bottom: 0;}
	/* header #header_items .mod-address,
	header #header_items .mod-workphone,
	header #header_items .mod-mobilephone {padding-left: 1.3rem;} */
}


/* Подвал */
footer {}
footer .footer_items {display: flex; justify-content: space-between;}
footer .footer_items div {width: auto;}
footer .footer_items .contact p:nth-child(3),
footer .footer_items .contact p:nth-child(2) {position: relative; padding-left: 3rem;}
footer .footer_items .contact p:nth-child(2)::before {content: url('/images/modules/footer/004.png'); position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
footer .footer_items .contact p:nth-child(3)::before {content: url('/images/modules/footer/005.png'); position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
footer .footer_items .contact p:last-child img:not(:last-child) {margin-right: 1rem;}
footer .footer_items div {width: 100%; margin-left: 10%; margin-bottom: 3rem;}
@media screen and (min-width: 576px) {
	footer .footer_items div:not(:first-child) {width: auto; margin-left: 0; margin-bottom: 0;}
	footer .footer_items .contact p:nth-child(3),
	footer .footer_items .contact p:nth-child(2) {padding-left: 2rem;}
}
@media screen and (min-width: 768px) {
	footer .footer_items div:first-child {width: auto;}
}


#author {display: flex; flex-direction: row-reverse; justify-content: space-between;}
#author a:hover {color: #dc3545}

/* Модули */

/* .mod-slider {margin-bottom: 6rem;} */
.mod-slider a:hover {color: #F24841}
.mod-slider .wrap {display: flex;flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.mod-slider .wrap .title {margin-bottom: 1rem;}
.mod-slider .wrap .introtext {margin-bottom: 2rem;}
.mod-slider .wrap .urla {margin-bottom: 2rem;}
.mod-slider .wrapper {padding: 1rem 2rem; margin-bottom: 2rem; display: flex;}
.mod-slider .wrapper .wrap-all {display: flex;}
.mod-slider .wrapper .wrap-all .img img {margin-bottom: 5px;}
.mod-slider .wrapper .wrap-all .img {margin-right: 10px;}
/* .mod-slider .wrapper:nth-child(2) {border-top: 4px solid #DDC2EF; border-bottom: 4px solid #DDC2EF;} */
.mod-slider .wrap-img {display: none;}
.mod-slider .wrap-img img {max-width: 400px;}
@media screen and (min-width: 576px) {
	.mod-slider .wrap {display: flex;flex-direction: column; justify-content: center; align-items: flex-start; text-align: left;}
	.mod-slider .wrapper {justify-content: flex-start;}
}
@media screen and (min-width: 992px) {
	.mod-slider .wrap {white-space: nowrap}
	.mod-slider .marginBottom {margin-bottom: 4rem;}
	.mod-slider .wrapper .text {white-space: nowrap;}
	/* .mod-slider .wrapper:nth-child(2) {border-left: 4px solid #DDC2EF; border-right: 4px solid #DDC2EF; border-top: none; border-bottom: none;} */
}
@media screen and (min-width: 1200px) {
	.mod-slider .wrap-img {display: block; text-align: right;}
	.mod-slider .wrap {white-space: pre-wrap}
	.mod-slider .wrap .introtext {margin-bottom: 1rem;} 
	.mod-slider .marginBottom {margin-bottom: 1rem;}
}
@media screen and (min-width: 1400px) {
	.mod-slider .wrap .title {white-space: nowrap;}
	.mod-slider .marginBottom {margin-bottom: 2rem;}
}


.mod-benefits {z-index: 1; margin-bottom: 6rem;}
.mod-benefits::before {background: #F3E4FD}
.mod-benefits .module-title { text-align: center; margin-bottom: 2.2rem; padding: 2rem 0;}
.mod-benefits .all-wrap {overflow-x: auto;}
.mod-benefits .md-wrapper {justify-content: center;}
.mod-benefits .wrap {display: flex;flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 3rem;}
.mod-benefits .wrap .img {display: flex; align-items: center;justify-content: center; margin-bottom: 1.4rem; width: 166px; height: 166px; position: relative;}
.mod-benefits .wrap .img img {z-index: 1;}
.mod-benefits .wrap .img .blur {background: #fff; border-radius: 50%; position: absolute; left: 0;top: 0;right: 0;bottom: 0; filter: blur(17px)}
.mod-benefits .wrap .title {margin-bottom: 0.6rem;}
.mod-benefits .wrap .desc {white-space: nowrap}
@media screen and (min-width: 768px) {
	.mod-benefits .all-wrap {overflow-x: inherit;}
	.mod-benefits .md-wrapper {width: auto;}
}
@media screen and (min-width: 1200px) {
	.mod-benefits .wrapper {justify-content: space-between;}
	.mod-benefits .wrap .desc {white-space: normal; margin-top: auto;}
}
@media screen and (min-width: 1400px) {
	.mod-benefits .module-title {text-align: left; margin-bottom: 0;}
	.mod-benefits .wrap .desc {white-space: nowrap;}
}



.mod-services {margin-bottom: 8rem;}
.mod-services .all-wrap {flex-direction: column;}
.mod-services .all-wrap .nav {flex-direction: column; flex-wrap: nowrap;}
.mod-services .wrap-column {white-space: nowrap; overflow-x: auto; width: 1440px; margin-bottom: 2rem;}
.mod-services .wrap-column button {border-radius: none;}
.mod-services .wrap-column button.active {background: transparent; border-bottom: 4px solid #A300FF; color: #293043; border-radius: 0; font-size: 1.8rem; font-weight: 400;}
.mod-services .wrap-column-title {margin-bottom: 4rem; }
.mod-services .introtext p span {color: #F24841}
.mod-services .links button {margin-bottom: 1rem;}
.mod-services .links button:first-child {margin-right: 2rem; white-space: nowrap}
@media screen and (min-width: 576px) {
	.mod-services .all-wrap {flex-direction: row; justify-content: space-between;}
	.mod-services .all-wrap .nav {flex-direction: column; flex-wrap: wrap;}
	.mod-services .wrap-column {display: flex; flex-direction: column; align-items: flex-start; overflow-x: inherit; width: auto; margin-bottom: 0;}
}


.mod-prof {z-index: 1; margin-bottom: 2rem;}
.mod-prof::before {background: transparent;}
.mod-prof .title {margin-bottom: 1rem;}
.mod-prof .introtext {color: #A300FF; margin-bottom: 1rem;}
@media screen and (min-width: 1400px) {
	.mod-prof::before {content: url('/images/modules/prof/001.png'); background: transparent; top: auto; bottom: -240px;}
}


.mod-feadback {display: flex; justify-content: center; z-index: 1; margin-bottom: 8rem;}
.mod-feadback::before {background: #fff;}
.mod-feadback .label {font-family: "Montserrat", sans-serif; font-weight: 400;}
.mod-feadback .wrap {display: flex;justify-content: flex-start; padding: 2rem; position: relative; align-items: flex-start;}
.mod-feadback .wrap .blur {position: absolute; left: 0;top: 0;right: 0;bottom: 0; background: #FFFFFF; filter: blur(17px)}
.mod-feadback .wrap div {z-index: 1;}
@media screen and (min-width: 768px) {
	.mod-feadback .wrap {justify-content: center;}
}
@media screen and (min-width: 1200px) {
	.mod-feadback::before {content: url('/images/modules/feadback/001.png'); background: transparent; top: auto; bottom: -375px;}
	.mod-feadback .wrap div {padding-left: 15px;}
	.mod-feadback .label {margin-left: 1.4rem;}
}
@media screen and (min-width: 1400px) {
	.mod-feadback .teeth {position: absolute; right: -70px;top: 0;bottom: 0; transform: translateX(50%);}
	.mod-feadback .teeth .tooth-first {animation-duration: 5s; animation-iteration-count: infinite; animation-name: teeth}
	.mod-feadback .teeth .tooth-first::before {content: url('/images/modules/feadback/002.png'); background-size: contain;}
	.mod-feadback .teeth .tooth-second::before {content: url('/images/modules/feadback/003.png'); background-size: contain;}
	.mod-feadback .wrap div {padding-left: 0;}
}


.mod-photo {margin-bottom: 169px;}
.mod-photo .card {border: none; background: transparent;}
.mod-photo .card-body {padding: 0;}
.owl-carousel .owl-item img  {max-height:50vh; object-fit: contain;}
.mod-photo .title {margin-bottom: 45px;}
.mod-photo .wrap .introtext {display: flex; align-items: center;}
.mod-photo .wrap .fulltext {justify-content: center; display: flex; align-items: center;white-space: nowrap}
.mod-photo .owl-nav {max-width: 1560px;}
.mod-photo .owl-nav button.owl-prev,
.mod-photo .owl-nav button.owl-next {color: #DDC2EF; background: #fff; border-radius: 50%; width: 72px; height: 72px; transition: all 0.4s;}
.mod-photo .owl-nav button.owl-prev:hover,
.mod-photo .owl-nav button.owl-next:hover {color: #fff; background: #DDC2EF}
.mod-photo .owl-nav button.owl-prev:active,
.mod-photo .owl-nav button.owl-next:active {background: #DDC2EF; color: #F24841}
@media screen and (min-width: 576px) {
	.mod-photo .wrap .fulltext {justify-content: flex-end; display: flex; align-items: center;white-space: nowrap}
}


.mod-licenses {margin-bottom: 6rem; z-index: 1;}
.mod-licenses::before {background: #fff;}
.mod-licenses .module-title {margin-bottom: 4rem;}
.mod-licenses .card {border: none; background: transparent;}
.mod-licenses .owl-item.center {transform: scaleY(1.2); object-fit: cover;}
.mod-licenses .owl-nav {max-width: 1560px;}
.mod-licenses .owl-nav button.owl-prev,
.mod-licenses .owl-nav button.owl-next {color: #DDC2EF; transition: all 0.4s;}
.mod-licenses .owl-nav button.owl-prev:hover,
.mod-licenses .owl-nav button.owl-next:hover {color: #A300FF}
.mod-licenses .owl-nav button.owl-prev:active,
.mod-licenses .owl-nav button.owl-next:active {color: #F24841}
@media screen and (min-width: 1400px) {
	.mod-licenses::before {content: url("/images/modules/licenses/004.png"); background: transparent;top:auto; bottom: -250px;}
	.mod-licenses {margin-bottom: 15rem;}
}


.mod-reviews {margin-bottom: 8rem; position: relative;}
.mod-reviews::before {top: 0;}
.mod-reviews .title {display: flex; justify-content: space-between; margin-bottom: 1rem;}
.mod-reviews .title span {color: #F24841}
.mod-reviews .owl-nav {max-width: 1560px;}
.mod-reviews .owl-nav button.owl-prev,
.mod-reviews .owl-nav button.owl-next {color: #DDC2EF; background: #fff; border-radius: 50%; width: 72px; height: 72px; transition: all 0.4s;}
.mod-reviews .owl-nav button.owl-prev:hover,
.mod-reviews .owl-nav button.owl-next:hover {color: #fff; background: #DDC2EF}
.mod-reviews .owl-nav button.owl-prev:active,
.mod-reviews .owl-nav button.owl-next:active {background: #DDC2EF; color: #F24841}
@media screen and (min-width: 1400px) {
	.mod-reviews::before{content: '';background: url(/images/modules/reviews/001.png);top: -200px;position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: right;z-index: 1;}
}


.mod-place {display: block; z-index: 1; margin-bottom: 8rem; position:relative;}
.mod-place a:hover {color: #F24841}
.mod-place .wrap {background: #fff; padding: 32px; z-index: 2;}
.mod-place .wrap .introtext p:nth-child(2) {color: #F24841;}
.mod-place .map {position: absolute; left: 50%; top: -190px; margin-left:-960px; display: none; clip-path: url(#myClip); height:866px; width:1920px;}

@media screen and (min-width: 1200px) {
    .mod-place .map {display: block;}
}
@media screen and (min-width: 1400px) {
    .mod-place .wrap { margin-right: 10%;}
}


.mod-form {display: flex; justify-content: flex-end; margin-bottom: 6rem; position: relative;}
.mod-form .title {margin-bottom: 0.4rem;}
.mod-form .introtext {margin-bottom: 1.3rem;}
.mod-form .inputs {margin-bottom: 1rem;}
.mod-form .form-check-label {margin-bottom: 1.2rem;}
.mod-form .img {display: none;}
.mod-form .inputs input {border-radius: 15px; padding: 0.8rem}
.mod-form .inputs input:first-child {margin-right: 30px;}
@media screen and (min-width: 1200px) {
	.mod-form .img {position: absolute; left: 0;bottom: 0; padding-right: 2rem; z-index: 2; display: block;}
}


.canvas {position:fixed; top:0; left: 0; right: 0; bottom: 0; z-index: -1;}

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

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

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

@keyframes teeth {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(135px); }
        100% { transform: translateY(0); }
    }

#slider > div.row.marginBottom > div.col-sm-6.col-xl-5.wrap-img.aos-init.aos-animate > img {opacity: 0;}


.main-video {
	position: absolute;
    width: 100%;
    height: 1000px;
    left: 0;
    top: 200px;
    z-index: -1;
    overflow: hidden;
}

#top > div.moduletable.main-video > video {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

/* #top > div.moduletable.main-video > video::before {
	content: '';
	position: absolute;
} */

.main-video::after {
	content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	opacity: 0.6;
    background-color: rgba(255, 255, 255, 0.795);
}
.header-contacts-soc:hover img {
	transform: scale(1.1);
}
.footer-contacts-soc:hover img {
	filter: invert(1);
}
#v-services-2-tab {font-size: 1.5rem;}

.col-2.col-md-6.col-xl.wrap.aos-init.aos-animate {
	max-width: 285px;
}
.mod-benefits .wrap .desc {
	font-size: 0.9rem!important;
}
#v-services-1-tab {font-size: 1.5rem;}
/* #top_content > div.moduletable.mod-prof.bg-color > div.col-sm-12.col-xl-6.aos-init.aos-animate > div.fulltext p, ul {
	font-size: 0.8rem;
} */


#m-feed-back-info > div {
	max-width: 1000px!important;
}











header {border: none !important; padding-bottom: 100px;}

body.kontakty .kalkulyator,
body.blog .kalkulyator {display: none;}

/* .kalkulyator::after {
	content: url(/images/svg_before/006.png);
    top: -15.605rem;
    z-index: -1;
    position: absolute;
    z-index: -100;
    bottom: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
} */

.kalkulyator .calc-container::before {
    content: '';
	background: url(/images/svg_before/006.svg) no-repeat center;
    display: flex;
    position: absolute;
    z-index: -1;
    top: -666px;
    bottom: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
}
@media (max-width: 992px){
	.kalkulyator .calc-container::before{top: -1000px}
}
@media (max-width: 530px){
	.kalkulyator .calc-container::before{top: -1100px}
}
@media (max-width: 375px){
	.kalkulyator .calc-container::before{top: -1200px}
}

section.kalkulyator {
    margin: 64px 0;
	background-color: #f3faf5;
}

.kalkulyator.bg-color::before {background-color: #f3faf5	;}



.mod-benefits .title {font-size: 24px;}

#header .container {max-width: 1408px !important;}



#top_menu ul>li>a {padding: 0 !important;}

#top_menu ul {margin-right: 3.8rem;}









.mod-photo {position: relative; z-index: 10;}


@media screen and (max-width: 768px) {
	.mod-contacts-slider .mod-slider_infoblock {width: 50% !important; margin-left: auto !important; margin-right: auto !important; margin-top: 3rem;}	
	header a {color: #000000 !important;}
}

@media screen and (max-width: 450px) {
	.mod-contacts-slider .mod-slider_infoblock {width: 75% !important;}	
}

@media screen and (min-width: 1200px) {
	.mod-benefits::before {content: url('/images/modules/benefits/001.png');top: auto;top: -555px; background: transparent;} 
	.mod-contacts-slider::before {content: ''; background: url(/images/svg_before/006.svg) no-repeat center; position: absolute; z-index: 0; top: 0; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; margin-top: -20rem;}
	header #navbar-content::before {content: ''; background: url(/images/svg_before/005.svg) no-repeat center; position: absolute; top: 3rem; z-index: 0; bottom: 0; background-size: cover; left: 50%; margin-left: -50vw; right: 0; width: 100vw; height: 100%;}

	#top_menu > .nav.menu.mod-list::before{content: ''; position: absolute; top: 5px; width: 1920px; max-width: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 2px; background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(163, 0, 255, .5), rgba(0, 0, 0, 0));}

	#top_menu .mod-phone-fos {width: 100%; max-width: 222px; text-align: end;}

	header .mod-address {position: absolute !important; left: 0 !important; top: 50% !important;}
	header .mod-mobilephone {position: absolute !important; right: 0 !important; top: 50% !important;}
}

@media screen and (max-width: 1200px) {
	.navbar-collapse.collapse.show {margin-top: 2rem;}
	
	header #navbar-content #top_menu ul {flex-direction: column; font-size: 2rem; justify-content: center; gap: 1rem;}
	#top_menu .mod-phone-fos {display: flex; justify-content: center; margin-bottom: 2rem;}
	.btn-shapka {font-size: 2rem !important; }

	.mod-mobilephone {font-size: 2rem !important; display: flex; justify-content: center;}
	.mod-address {font-size: 2rem !important; display: flex; justify-content: center;}
	.navbar-nav {display: block !important;}
	
}

.mod-slider {height: 55vw;}
.mod-slider .good_video {padding:0; left: 50%; transform: translateX(-50%); z-index: -1;}
.mod-slider .good_video > video {width: 100%;}