/* Настройки шаблона */
:root, body {font-size: 14px;}
:root {
	--color-brown: #312014;
	--color-green: #566F4F;
}
/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; outline: 1px solid #ddd; overflow-x: hidden;
	font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal;
	background:var(--color-green); color:#fff;
}

h1, .h1 {font-family: "Cormorant Garamond"; font-size: 4rem; font-style: normal; font-weight: 400;}
h2, .h2 {font-family: "Cormorant Garamond"; font-size: 3rem; font-style: normal; font-weight: 400;}
h3, .h3 {font-size: 1.6rem; font-style: normal; font-weight: 400;}
h4, .h4 {font-size: 1.2rem; font-style: normal; font-weight: 400;}
h5, .h5 {}
h6, .h6 {}






@media screen and (max-width: 992px) {
	.mod-footer .title{margin-top: 12rem;}
	.cont{
		margin-left: 4% !important;
		margin-right: auto;
		margin-top: 0 !important;
		width: 80% !important;
		}
		
}

@media screen and (max-width: 576px) {
.col-lg-5{
    padding-left: 20px;
    padding-right: 35px;
}
}

@media screen and (min-width: 577px) and (max-width: 967px){
	.mod-footer {
		padding: 20.5rem 0;}
		 
	}



@media screen and (max-width: 475px) {
	.cont{
		margin-left: 4% !important;
		margin-right: auto;
		margin-top: 0 !important;
		width: 90% !important;
		}
	}
	




.lb-data .lb-number{display: none !important;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 14px;}
	h1, .h1 {font-size: 5rem;}
	h2, .h2 {font-size: 4rem;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}
@media (min-width: 1400px) {
	:root, body {font-size: 19px;}
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1380px;}
}

a {text-decoration: none; color:#fff;}

.moduletable ul {margin:0; padding:0;}
.moduletable ul li {margin-bottom:1rem; display:block; position:relative; padding-left:1.5rem;}
.moduletable ul li::before {content:''; position:absolute; top:.4rem; left:0; width:.7rem; height:.7rem; background:#fff; border-radius:50%;}

/* Общие классы */
.bg-color {}
.bg-color::before {background:var(--color-brown);}
.bg-color::after {background:transparent;}
.bg-success, .bg-outline-light {padding:.5rem 1.5rem; border-radius:1.5rem; background:var(--color-green) !important;}
.bg-outline-light {background:none; border:1px solid #fff;}
.scroll-up {line-height:1;}
.navbar-light .navbar-toggler-icon {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");}
/* Переопределения Bootstrap */

.btn {padding:1rem; border-radius:1.5rem;}
.btn.btn-light {color:var(--color-green);}
.btn.btn-primary {background:var(--color-brown); border-color:var(--color-brown):}
.btn.btn-success {background:var(--color-green); border-color:var(--color-green):}
.modal-content {background:var(--color-green);}
.modal-backdrop.show {}

.card-body {color:var(--color-brown);}
.moduletable .card-body ul li::before{background:var(--color-green);}

/* Шапка */
header {background: var(--color-brown);}
header p {margin:0;}
header #top_menu ul {flex-direction:column;}
header #top_menu ul li {margin:1rem 0;}
@media screen and (min-width: 1200px) {
	header {background:none;}
	header #top_menu {flex:1; margin:0 3rem;}
	header #top_menu ul {flex:1; margin:0 3rem; flex-direction:row;}
	header #top_menu ul li {margin:0;}
}

#center main {overflow:inherit;}

/* Подвал */
footer {background:var(--color-brown);}
footer .mod-menu {justify-content: space-between;}

/* Модули */
.home-slider {position:relative;}
.home-slider::before {content:''; position:absolute; top:0; bottom:0; left:50%; width:50vw; background:var(--color-brown);}
.home-slider .title {position:relative; left:5%; right:5%; top:2.5rem; width:40%; z-index:10;}
.home-slider .decoration > * {position:absolute; z-index:-1}
.home-slider .decoration > *:nth-child(1) {position:relative; z-index:10;}
.home-slider .decoration > *:nth-child(2) {z-index:1; right:50%; top:0; bottom:0; width:35%; object-fit:cover; height:100%;}
.home-slider .decoration > *:nth-child(3) {z-index:2; right:50%; margin-right:-45vw; bottom:2.5rem; max-width:40vw;}
@media screen and (min-width: 768px) {
	.home-slider {min-height:100vh;}
	.home-slider .decoration > *:nth-child(1) {bottom:0; right:40%; position:absolute;}
	.home-slider .title {left:50%;}
}
@media screen and (min-width: 992px) {
	.home-slider .title {left:65%; top:12.5rem;}
}
@media screen and (min-width: 1200px) {
	.home-slider {height:100vh; margin-top:-110px; max-height:940px; min-height:700px;}
}
@media screen and (min-width: 1920px) {
	.home-slider .decoration > *:nth-child(3) {margin-right:-900px; max-width:800px;}	
}

.mod-about {padding:2.5rem 0 5rem;}
.mod-about.bg-color-after::after {content:url('/images/icons/circle.svg'); width:599px; height:391px; animation: spinner 6s linear infinite; left:auto; right:50%; margin:0 -50vw 0 0; top:2.5rem;}
.mod-about .title {margin-bottom:2.5rem;}
.mod-about .h3 {margin-bottom:0;}
.mod-about .h2 {margin-bottom:25px;}
.mod-about .row img {border-radius:1rem;}
@media screen and (min-width: 1200px) {
	.mod-about .row > div {position:relative;}
	.mod-about .row img {position:absolute; width:auto; max-width:none; left:5rem; max-height:110%;}
}

.mod-view {padding:2.5rem 0; position:relative;}
.mod-view img {border-radius:1rem; margin-top:-5rem;}

.mod-spec {padding:2.5rem 0;}
.mod-spec .h3 {padding:2.5rem 0;}

.mod-rules {padding:2.5rem 0;}
.mod-rules .circle {height:300px; width:300px; background:rgba(255, 255, 255, 0.10); position:relative; border:1px solid #fff; border-radius:50%; overflow:hidden; margin:0 auto; transform:rotate(135deg);}
.mod-rules .circle::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:var(--color-green); border:1px solid #fff; width:80%; height:80%; border-radius:50%;}
.mod-rules .circle::before {content:''; position:absolute; top:0; left:0; right:50%; bottom:45%; background:rgba(255,255,255,.3); transition:.3s}
.mod-rules .circle.circle-1::before {right: 55%; bottom: 55%;}
.mod-rules .circle.circle-2::before {right: 60%; bottom: 60%;}
.mod-rules .circle.circle-3::before {right: 67%; bottom: 58%;}
.mod-rules .circle.circle-4::before {right: 67%; bottom: 58%;}
.mod-rules .circle svg {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:215%; height:215%; transition:1s;}
.mod-rules .circle svg text {cursor:pointer; fill: white; transition:.3s;}
.mod-rules .circle svg text.active,
.mod-rules .circle svg text:hover {fill: var(--color-brown);}
.mod-rules .circle svg #mood-rules-text-1 {transform:rotate(97deg); transform-origin:center;}
.mod-rules .circle svg #mood-rules-text-2 {transform:rotate(176deg); transform-origin:center;}
.mod-rules .circle svg #mood-rules-text-3 {transform:rotate(243deg); transform-origin:center;}
.mod-rules .circle svg #mood-rules-text-4 {transform:rotate(301deg); transform-origin:center;}
.mod-rules .circle .h3 {position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-135deg); text-align:center; width:75%; line-height:1; transform-origin:center; font-family: "Cormorant Garamond"; font-size:2.8rem; text-overflow: ellipsis; overflow: hidden;}
.mod-rules .title {padding-bottom:3rem; margin-bottom:3rem; position:relative;}
.mod-rules .title::before {content:''; bottom:0; right:0; width:111%; height:1px; background:#fff; position:absolute; z-index:-1;}
@media screen and (min-width: 992px) {
	.mod-rules .circle {height:400px; width:400px;}
}
@media screen and (min-width: 1200px) {
	.mod-rules .circle {height:500px; width:500px;}
	.mod-rules .title::before {width:117%;}
}


.safari .mod-rules .circle svg text {transform: rotate(0) !important;}
.safari .mod-rules .circle svg #mood-rules-text-1.safari {transform:rotate(97deg) !important; transform-origin:306% 233%;}
.safari .mod-rules .circle svg #mood-rules-text-2.safari {transform:rotate(176deg) !important; transform-origin:380% 255% ;}
.safari .mod-rules .circle svg #mood-rules-text-3.safari {transform:rotate(243deg) !important; transform-origin:470% 280% ;}
.safari .mod-rules .circle svg #mood-rules-text-4.safari {transform:rotate(301deg) !important; transform-origin:477% 282% ;}


.mod-work {padding:2.5rem 0 0; position:relative;}
.mod-work.bg-color-after::after {content:url('/images/icons/circle.svg'); background:none; width:599px; height:391px; animation: spinner 6s linear infinite; left:auto; right:50%; margin:0 -50vw 0 0; bottom:2.5rem; top:auto;}
.mod-work .title {margin-bottom:5rem;}
.mod-work ul li {padding:1.5rem; border-radius: 1.5rem; border: 1px solid #fff; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(15px); width:60%;}
.mod-work ul li:nth-child(2n) {margin-left:auto;}
.mod-work ul li::before {display:none;}

@media screen and (min-width: 992px) {
	.mod-work {padding:2.5rem 0;}
	.mod-work img {position:absolute; right:40%; max-width:none; width:auto; bottom:0; max-height:85%;}
	
}

.mod-education {padding:2.5rem 0;}
.mod-education .title {margin-bottom:2.5rem;}
.mod-education img {height:12.5rem; width:auto !important; }
.mod-education .bg-success {margin-top:3rem; margin-bottom:1rem;}
.mod-education .owl-dots,
.mod-education .owl-prev {display:none;}
.mod-education .owl-carousel .owl-nav {width:100%; z-index:2;}
.mod-education .owl-carousel::before {content:''; position:absolute; top:0; bottom:0; right:0; background:var(--color-brown); width:1.5rem; z-index:1;}


.mod-work2 {padding:2.5rem 0 0; position:relative;}
.mod-work2 .title {margin-bottom:5rem;}
.mod-work2 ul {text-align:right;}
.mod-work2 ul li {display:inline-block;padding:1.5rem; border-radius: 1.5rem; border: 1px solid #fff; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(15px); margin-bottom: 2rem;}
.mod-work2 ul li::before {display:none;}
.mod-work2 .btn {margin:3rem 0 0 auto; display:block;}
.mod-work2.bg-color::before {bottom:-10rem;}
.mod-work2.bg-color-after::after {content:url('/images/icons/circle.svg'); background:none; width:599px; height:391px; animation: spinner 6s linear infinite; left:auto; right:50%; margin:0 -50vw 0 0; bottom:2.5rem; top:auto;}
@media screen and (min-width: 992px) {
	/* .mod-work2 {padding:2.5rem 0 2.5rem;} */
	.mod-work2 img {position:absolute; right:40%; max-width:none; width:auto; bottom:0; max-height:85%;}	
}

.mod-products {position:relative; padding:0 0 5rem;}
.mod-products::before {content:''; position:absolute; right:50%; width:50vw; background:url('/images/home/008.jpg'); background-size:100% 100%; top:0; bottom:0; z-index:-1;}
.mod-products > .item {padding-top:5rem;}
.mod-products h2 {margin-bottom:2.5rem;}
.mod-products .card.card-body {border-radius:1.5rem; position:relative;}
.mod-products .item:nth-child(1) .card.card-body::before {content:url('/images/icons/flag1.svg'); position:absolute; top:-1px; left:1rem;}
.mod-products .item:nth-child(1) .row > div {margin-bottom:1rem;}
.mod-products .item:nth-child(1) .row > div:nth-last-child(1) .card.card-body::before {content:url('/images/icons/flag2.svg');}
.mod-products .h1, .mod-products h1 {text-align:center;}
.mod-products .h4 {text-align:center; width:60%; margin:0 auto; margin-bottom:2.5rem;}
.mod-products.moduletable .item:nth-child(1) .card-body  ul li::before {background:var(--color-brown);}
.mod-products .item:nth-child(2) {position:relative;}
.mod-products .item:nth-child(2) .row {align-items:end;}
.mod-products .item:nth-child(2)::after {content:url('/images/icons/circle.svg'); position:absolute; background:none; width:599px; height:391px; animation: spinner 6s linear infinite; left:auto; right:80%; top:2.5rem;}
.mod-products form {border-radius:1.5rem; padding:1rem; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(15px);}
.mod-products .bg-img img {border-radius:1.5rem; margin-bottom:1rem;}

@media screen and (min-width: 992px) {
	.mod-products .bg-img {position:relative; height:707px;}
	.mod-products .bg-img img {position:absolute; max-width:none;}
	.mod-products .item:nth-child(1) .row > div:nth-last-child(2) .card.card-body {margin-top:5rem;}
	.mod-products .item:nth-child(1) .row > div:nth-last-child(1) .card.card-body {margin-top:10rem;}

}

.mod-fanks h2 {text-align:left;}
.mod-fanks h2 span {text-align:right; display:block;}

.mod-pain {padding:5rem 0;}
.mod-pain .item {border:1px solid #fff; border-radius:1.5rem; padding:1rem;}
.mod-pain .item .title {display:flex; gap:1rem; align-items:center; margin-bottom:1rem;}
.mod-pain .item .title * {margin:0}
.mod-pain ul li {padding:0; line-height:1.2;}
.mod-pain ul li::before {display:none;}
.mod-pain .row .row > div {margin-bottom:1rem;}
.mod-pain .row .row > div .item {height:100%;}
.mod-pain.bg-color-after::after {content:url('/images/icons/circle.svg'); background:none; width:599px; height:391px; animation: spinner 6s linear infinite; left:auto; right:50%; margin:0 -50vw 0 0; top:2.5rem;}
.mod-pain > .title {margin-bottom:2.5rem;}

@media screen and (min-width: 992px) {
	.mod-pain .row .row > div:nth-child(1) {margin-top:5rem}
	.mod-pain .row .row > div:nth-last-child(1) {margin-top:-5rem}
	.mod-pain .row .row > div .item {height:auto;}
	.mod-pain .img-bg img {position:absolute; left:45%; max-width:none; width:auto; bottom:0; max-height:85%;}
	
}

.mod-footer {padding:2.5rem 0; background:none;}
.mod-footer::before {bottom:auto; height:90vh;}
.mod-footer::after {background:url('/images/home/015.jpg'); margin-left:0; left:45%; width:55vw; background-size:100% 100%;}
.mod-footer .introtext {padding:1rem; border-radius: 1.5rem; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(15px); text-align:right;}
.mod-footer .introtext img {width:1.5rem;}

.mod-footer .owl-carousel {padding:0 5rem;}
.mod-footer .owl-carousel .owl-stage-outer {padding:5rem 0;}
.mod-footer .owl-carousel .item {border-radius: 1.5rem; border: 1px solid #fff; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(15px); padding:1rem;}
.mod-footer .owl-carousel .center {z-index:1000;}
.mod-footer .owl-carousel .center .item {cursor:pointer;}
.mod-footer .owl-carousel .center .item:hover {opacity:.75;}
.mod-footer .owl-carousel .center .item::before {content:url('/images/icons/play.svg'); top:50%; left:50%; transform:translate(-50%, -50%); position:absolute; z-index:1;}
.mod-footer .owl-carousel .item img {width:100%; height:300px; object-fit:cover; border-radius:1.5rem;}
.mod-footer .owl-carousel .owl-nav.disabled {display:block;}
.mod-footer .owl-carousel .owl-nav {width:100%;}

.mod-footer .title {margin-bottom:2.5rem;}
.mod-footer .title h2 {font-size:3rem; text-align:right; padding-right:1rem;}
.mod-footer .title h2 span {display:block; background:var(--color-green); border-radius:1.5rem; padding:0 1rem .5rem; margin-right:-1rem;}
@media screen and (min-width: 992px) {
	.mod-footer .owl-carousel .item {transform:scaleY(.8);}
	.mod-footer .owl-carousel .center .item {transform:scale(1.3);}
	.mod-footer > .item:nth-child(1),
	.mod-footer > .item:nth-last-child(1) {position:relative; min-height:90vh;}
	.mod-footer > .item:nth-last-child(1) .row > div {height:500px;}
	.mod-footer .img-bg img {position:absolute; left:-10%; bottom:0; max-width:none; max-height:90%;}

 }

 @media screen and (min-width: 1500px) {

 .mod-footer .img-bg img{ position: absolute; bottom: -53px; max-width: none; max-height: 207%; width: 90%; right: 20%;}
 }

 @media screen and (max-width: 1500px) {

	.mod-footer .img-bg img{ position: absolute;
        bottom: -51px;
        max-width: none;
        max-height: 207%;
        width: 80%;
        right: 24%;
	}
}
@media screen and (max-width: 1400px) {
    .mod-footer .img-bg img {
        position: absolute;
        bottom: -43px;
        max-width: none;
        max-height: 207%;
        width: 92%;
        right: 21%;
    }
}

@media screen and (max-width: 1200px) {
    .mod-footer .img-bg img {
        position: absolute;
        bottom: -38px;
        max-width: none;
        max-height: 207%;
        width: 100%;
        right: 14%;
    }
}

@media screen and (max-width: 991px) {
 .mod-footer .img-bg img{
	position: absolute;
	left: 1%;
	bottom: 375px;
	max-width: none;
	max-height: 207%;
}

.col-lg-7.img-bg{
    margin-top: 80%;
}
}
@media screen and (max-width: 570px) and (max-width: 768px) {

    .col-lg-7.img-bg{
        margin-top: 75%;
    }
}

@media screen and (min-width: 410px) and (max-width: 425px) {
    .col-lg-7.img-bg{
        margin-top: 95%;
    }
}

@media screen and (max-width: 375px) {

    .mobile_smi {
        justify-content: center !important;
        align-content: stretch;
        flex-wrap: wrap;
        gap: 0rem;
        margin-top: -14rem !important;
        margin-bottom: -47px;
    }
    .col-lg-7.img-bg{
        margin-top: 100%;
    }
}


@media screen and (max-width: 335px) {
.col-lg-7.img-bg{
    margin-top: 110%;
}
.mod-footer .img-bg img{
    padding-bottom: 60px;
}
}


@media screen and (max-width: 768px) {
.privacy h1{word-break: break-all;}
}
/* Адаптация */

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

@keyframes spinner {
	0% {transform:rotate(0deg) scale(1);}
	50% {transform:rotate(180deg) scale(.5);}
	100% {transform:rotate(359deg) scale(1);}
}




#mod-about{border-top: 150px solid transparent;
    margin-top: -150px;
    padding: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
} 

#mod-education{
	border-top: 150px solid transparent;
    margin-top: -150px;
    padding: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}



#mod-contact{
	border-top: 65px solid transparent;
    margin-top: -65px;
    padding: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#mod-cons{
	border-top: 355px solid transparent;
    margin-top: -355px;
    padding: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	pointer-events: none;
}
.about-p{
	padding: 0.3rem;
    border-radius: 1.5rem;
    background: #566f4f;
    backdrop-filter: blur(15px);
    width: 60%;
    padding-left: 25px;
}

.home-p{
    border-radius: 1.5rem;
    background: #566f4f;
    backdrop-filter: blur(15px);
    padding-left: 1rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-left: -1rem;
    width: fit-content;
    padding-right: 1.4rem;
}




.btn-picture{
	max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 1rem;
}

.youtube-btn{
	width: 16rem;
    background-color: white;
    height: 6rem;
    float: right;
    border-radius: 1.1rem;

}

@media screen and(max-width: 991px) {
	.youtube-btn{
		width: 16rem;
		background-color: white;
		height: 6rem;
		float: right;
		border-radius: 1.1rem;
	
	}
	.btn-picture{
	max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 1rem;
}

}

@media screen and(max-width: 991px) {
.mobile_smi{width: 100px;}
}


@media (max-width: 991px) {
	.mobile_smi{align-items: baseline; gap: 4rem; margin-top: -8rem;}
	}
	
@media (max-width: 767px) {
		.mobile_smi{ justify-content: center !important; align-content: stretch; flex-wrap: wrap; gap: 0rem; margin-top: -9rem;}

}

@media (max-width: 568px) {
.footer_items.row.align-items-center{display: block; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;}
footer .mod-menu{padding-top: 15px;}
}



.mobile_smi{display: flex; justify-content: space-between;}
.youtube-btn{order: 2;}




#img-on-fire{width: 57%;
    margin-right: 10rem;
    object-fit: cover;
    height: 57%;
    padding-bottom: 4rem;
    margin-bottom: -4rem;}
/* #img-on-fire-mobile{display: none;} */
#vid-1{width: 24%; display: block; z-index: 1; position: absolute; margin-top: 45.5%; margin-left: -315px; object-fit: fill; height: 27%;}
#vid-2{width: 31%; display: block; z-index: 1; position: absolute; margin-top: 42.2%; margin-left: 266px; object-fit: fill; height: 31%; }
#vid-3{width: 53rem; margin-left: -305px; margin-bottom: -8px; object-fit: fill; height: 48rem;}
.cont-fire{margin-top: -10rem;}
.container_for_safari{margin-top: 12rem;}
@media screen and (min-width: 1500px) {
div.col-md-8.col-lg-6{margin-bottom: 4rem;}
}

.merch-title{margin-bottom: 0px; margin-top: -40px;}
.cont{width: 33rem; margin-left: -26%;     margin-top: -50px;}
div.yuk.rs_scroll.isotope-item a.h2{font-size: 16px;}
/* .home-title-slider{margin-left: 1rem;} */


.col-lg-7 .img-bg .aos-init .aos-animate{}
@media screen and (min-width: 1700px) {
    #vid-1 {margin-top: 45.8%;}
    #vid-2 {margin-top: 42.5%;}
}

/* для safari */




@media screen and (min-width: 1700px) {

    .safari_gifs1 {
        width: 38% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -26.6% !important;
        margin-left: -293px !important;
        object-fit: fill;
        height: 38% !important;
    }
    
    .safari_gifs2 {
        width: 52% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -33% !important;
        margin-left: 264px !important;
        object-fit: fill;
        height: 47% !important;
    }
    
    .safari_gifs3 {
        width: 80rem;
        margin-left: -224px;
        object-fit: fill;
        height: 61rem;
        position: absolute;
        margin-top: -85%;
        z-index: -1;
    }
 
}



@media screen and (max-width: 1700px) {
.safari_gifs3 {
    width: 75rem;
    margin-left: -254px;
    object-fit: fill;
    height: 46rem;
    position: absolute;
    margin-top: -875px;
    z-index: -1;
}
.safari_gifs2 {
    width: 43% !important;
    display: block;
    z-index: 1;
    position: absolute;
    margin-top: -27.8% !important;
    margin-left: 291px !important;
    object-fit: fill;
    height: 39% !important;
}


.safari_gifs1 {
    width: 30% !important;
    display: block;
    z-index: 1;
    position: absolute;
    margin-top: -21.4% !important;
    margin-left: -148px !important;
    object-fit: fill;
    height: 30% !important;
}


}

@media screen and (min-width: 1500px) and (max-width: 1700px){
.mod-work2 .title{margin-bottom: 13rem;}
}
/* для safari конец */



@media screen and (max-width: 1700px) {
	#img-on-fire{
		width: 58%;
        margin-right: 10rem;
        object-fit: cover;
        /* height: 68%; */
        height: 57%;
        padding-bottom: 4rem;
        margin-bottom: -4.1rem;
	}

	#vid-1{
		margin-left: -261px;
	}

    .safari_gifs3 {
        width: 75rem;
        margin-left: -254px;
        object-fit: fill;
        height: 46rem;
        position: absolute;
        margin-top: -875px;
        z-index: -1;
    }
    .safari_gifs2 {
        width: 43% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -28% !important;
        margin-left: 291px !important;
        object-fit: fill;
        height: 39% !important;
    }
    
    
    .safari_gifs1 {
        width: 30% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -21.4% !important;
        margin-left: -148px !important;
        object-fit: fill;
        height: 30% !important;
    }
    



}


@media screen and (max-width: 1500px) {
	#img-on-fire{
		width: 49%;
        margin-right: 9rem;
        object-fit: cover;
        height: 66%;
        padding-bottom: 6rem;
        margin-bottom: -6rem;
	}

    #vid-1 {
        width: 22%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: 37.8%;
        margin-left: -145px;
        object-fit: fill;
        height: 25%;
    }

    #vid-2 {
        width: 23%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: 36.6%;
        margin-left: 373px;
        object-fit: fill;
        height: 27%;
    }

	#vid-3{
		width: 40rem;
		margin-left: -85px;
		margin-bottom: -8px;
		object-fit: fill;
		height: 39rem;
        
	}


    .safari_gifs1 {
        width: 31% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -21.3% !important;
        margin-left: -108px !important;
        object-fit: fill;
        height: 33% !important;
    }

    .safari_gifs2 {
        width: 44% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -25.7% !important;
        margin-left: 327px !important;
        object-fit: fill;
        height: 40% !important;
    }


    .safari_gifs3 {
        width: 70rem;
        margin-left: -101px;
        object-fit: fill;
        height: 49rem;
        position: absolute;
        margin-top: -69%;
        z-index: -1;
    }



}




@media screen and (max-width: 1400px) {
	#img-on-fire{
		width: 49%;
        margin-right: 9rem;
        object-fit: cover;
        height: 66%;
        padding-bottom: 6rem;
        margin-bottom: -6.07rem;
	}

    #vid-1 {
        width: 22%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: 43%;
        margin-left: -126px;
        object-fit: fill;
        height: 25%;
    }

#vid-2 {
    width: 23%;
    display: block;
    z-index: 1;
    position: absolute;
    margin-top: 41.5%;
    margin-left: 309px;
    object-fit: fill;
    height: 27%;
}

	#vid-3{
		width: 44rem;
		margin-left: -127px;
		margin-bottom: -8px;
		object-fit: fill;
		height: 43rem;
	}





    .safari_gifs1 {
        width: 31% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -21.6% !important;
        margin-left: -123px !important;
        object-fit: fill;
        height: 33% !important;
    }

    .safari_gifs2 {
        width: 35% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -26.3% !important;
        margin-left: 327px !important;
        object-fit: fill;
        height: 40% !important;
    }


    .safari_gifs3 {
        width: 72rem;
        margin-left: -133px;
        object-fit: fill;
        height: 50rem;
        position: absolute;
        margin-top: -74%;
        z-index: -1;
    }

}


@media screen and (max-width: 1200px) {
	#img-on-fire{
        width: 49%;
        margin-right: 9rem;
        object-fit: cover;
        height: 66%;
        padding-bottom: 6rem;
		margin-bottom: -6.22rem;
	}

    #vid-1 {
        width: 22%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: 44.8%;
        margin-left: -126px;
        object-fit: fill;
        height: 25%;
    }

#vid-2 {
    width: 23%;
    display: block;
    z-index: 1;
    position: absolute;
    margin-top: 43.3%;
    margin-left: 258px;
    object-fit: fill;
    height: 27%;
}

	#vid-3{
		width: 44rem;
		margin-left: -127px;
		margin-bottom: -8px;
		object-fit: fill;
		height: 43rem;
	}


    .safari_gifs1 {
        width: 31% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -23.3% !important;
        margin-left: -123px !important;
        object-fit: fill;
        height: 33% !important;
    }

    .safari_gifs2 {
        width: 35% !important;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -28.3% !important;
        margin-left: 280px !important;
        object-fit: fill;
        height: 40% !important;
    }

    .safari_gifs3 {
        width: 72rem !important;;
        margin-left: -133px;
        object-fit: fill;
        height: 50rem;
        position: absolute;
        margin-top: -74% !important;;
        z-index: -1;
    }





}


.video_mobile{display: none;}
.mob_vid_1{}
.mob_vid_2{}
.mob_vid_3{display: inline-grid !important;}

@media screen and (min-width:768px) and (max-width:992px){
    #img-on-fire{display: none;} 

}

@media screen and (max-width: 767px) {
    .video_mobile{display: block;}

}

@media screen and (min-width: 0px) and (max-width:992px) /*and (min-width: 501px) and (max-width: 992px)*/ {
    .video_pc{display: none;}
	#vid-1{display: none;}
	#vid-2{display: none;}
	#vid-3{display: none;}
}







/* Мобилка */
@media screen and (max-width: 768px) {
    .cont-fire{flex-direction: column-reverse;}
    #img-on-fire {
        width: 100%;
        object-fit: cover;
        height: 66%;
        padding-bottom: 2.5rem;
        margin-top: 8rem;
        margin-left: 10px;
    }

    #vid-1 {
        width: 31%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -20%;
        margin-left: -12px;
        object-fit: fill;
        height: 14%;
    }

    #vid-2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -27%;
        margin-left: 333px;
        object-fit: fill;
        height: 16%;
    }
    #vid-3 {
        width: 39rem;
        margin-left: -18px;
        margin-bottom: -8px;
        object-fit: fill;
        height: 35rem;
        margin-top: -97%;
        z-index: -10;
        position: relative;
    }
}

@media screen and (max-width: 500px) {
	#img-on-fire {
        width: 100%;
        object-fit: cover;
        height: 66%;
        padding-bottom: 4.5rem;
        margin-top: 6rem;
        margin-left: 10px;
    }

    #vid-1 {
        width: 31%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -9.4rem;
        margin-left: 3px;
        object-fit: fill;
        height: 14%;
    }

    #vid-2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -11.1rem;
        margin-left: 290px;
        object-fit: fill;
        height: 16%;
    }
    #vid-3 {
        width: 34rem;
        margin-left: -2px;
        margin-bottom: -8px;
        object-fit: fill;
        height: 35rem;
        margin-top: -500px;
        z-index: -10;
        position: relative;
    }

	.mod-work2.bg-color-after::after{display: none;}

}


@media screen and (min-width: 450px) and (max-width:500px) {
  
    #vid-1.mob_vid_1  {
        width: 31%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -25%;
        margin-left: -14px;
        object-fit: fill;
        height: 14%;
    }

    #vid-2.mob_vid_2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -32%;
        margin-left: 290px;
        object-fit: fill;
        height: 16%;
    }

    #vid-3.mob_vid_3 {
        width: 34rem;
        margin-left: -18px;
        margin-bottom: -8px;
        object-fit: fill;
        height: 35rem;
        margin-top: -500px;
        z-index: -10;
        position: relative;
    }
}

@media screen and (max-width: 450px) {
	#img-on-fire {
        width: 100%;
        object-fit: cover;
        height: 66%;
        padding-bottom: 4.5rem;
        margin-top: 6rem;
        margin-left: 10px;
    }

	#vid-1 {
        width: 33%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -9.4rem;
        margin-left: -18px;
        object-fit: fill;
        height: 14%;
    }
	
    #vid-2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -11rem;
        margin-left: 277px;
        object-fit: fill;
        height: 16%;
    }

    #vid-3 {
        width: 34rem;
        margin-left: -22px;
        margin-bottom: -8px;
        object-fit: fill;
        height: 35rem;
        margin-top: -500px;
        z-index: -10;
        position: relative;
    }



    #vid-1.mob_vid_1 {
        width: 33%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -8.1rem;
        margin-left: -18px;
        object-fit: fill;
        height: 14%;
    }

    #vid-2.mob_vid_2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -9.7rem;
        margin-left: 277px;
        object-fit: fill;
        height: 16%;
    }

}
@media screen and (min-width: 426px) and (max-width: 450px){

    #vid-1.mob_vid_1 {
        width: 33%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -27.1%;
        margin-left: -18px;
        object-fit: fill;
        height: 14%;
    }

#vid-2.mob_vid_2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -32%;
        margin-left: 277px;
        object-fit: fill;
        height: 16%;
    }
}
@media screen and (max-width: 425px) {

	#img-on-fire {
        width: 100%;
        object-fit: cover;
        height: 66%;
        padding-bottom: 4.5rem;
        margin-top: 6rem;
        margin-left: 10px;
    }

	#vid-1 {
        width: 33%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -9rem;
        margin-left: -15px;
        object-fit: fill;
        height: 14%;
    }
	
	#vid-2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -9.9rem;
        margin-left: 262px;
        object-fit: fill;
        height: 15%;
    }
	#vid-3 {
        width: 32rem;
        margin-left: -24px;
        margin-bottom: -8px;
        object-fit: fill;
        height: 33rem;
        margin-top: -500px;
        z-index: -10;
        position: relative;
    }

    #vid-1.mob_vid_1 {
        width: 33%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -26.7%;
        margin-left: -15px;
        object-fit: fill;
        height: 14%;
    }

    #vid-2.mob_vid_2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -31.7%;
        margin-left: 262px;
        object-fit: fill;
        height: 15%;
    }
   



}



@media screen and (max-width: 400px) {
    #vid-1.mob_vid_1 {
        width: 33%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -26.6%;
        margin-left: -15px;
        object-fit: fill;
        height: 14%;
    }

    #vid-2.mob_vid_2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -31.5%;
        margin-left: 262px;
        object-fit: fill;
        height: 15%;
    }
}

@media screen and (max-width: 375px) {

	#img-on-fire {
        width: 100%;
        object-fit: cover;
        height: 66%;
        padding-bottom: 2.7rem;
        margin-top: 6rem;
        margin-left: 10px;
    }

    #vid-1 {
        width: 34%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -7.85rem;
        margin-left: -1px;
        object-fit: fill;
        height: 12%;
    }
	
    #vid-2 {
        width: 36%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -9.4rem;
        margin-left: 224px;
        object-fit: fill;
        height: 14%;
    }

    #vid-3 {
        width: 26rem;
        margin-left: -3px;
        margin-bottom: -8px;
        object-fit: fill;
        height: 29rem;
        margin-top: -500px;
        z-index: -10;
        position: relative;
    }

    #vid-1.mob_vid_1 {
        width: 33%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -19%;
        margin-left: -15px;
        object-fit: fill;
        height: 14%;
    }
    #vid-2.mob_vid_2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -24%;
        margin-left: 230px;
        object-fit: fill;
        height: 15%;
    }

}
@media screen and (min-width: 320px) and (max-width: 360px){
    #vid-3 {
        width: 26rem;
        margin-left: -23px;
        margin-bottom: -12px;
        object-fit: fill;
        height: 29rem;
        margin-top: -347px;
        z-index: -10;
        position: relative;
    }
    #vid-1.mob_vid_1 {
        width: 33%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -16.5%;
        margin-left: -15px;
        object-fit: fill;
        height: 14%;
    }
    #vid-2.mob_vid_2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -21.5%;
        margin-left: 201px;
        object-fit: fill;
        height: 15%;
    }

    .col-lg-7.img-bg {
        margin-top: 30rem !important;
    }


}


@media screen and (max-width: 320px) {

	#img-on-fire {
        width: 100%;
        object-fit: cover;
        height: 66%;
        padding-bottom: 3.7rem;
        margin-top: 6rem;
        margin-left: 10px;
    }

	#vid-1 {
        width: 34%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -7.78rem;
        margin-left: -13px;
        object-fit: fill;
        height: 12%;
    }

	#vid-2 {
        width: 34%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -7.7rem;
        margin-left: 205px;
        object-fit: fill;
        height: 12%;
    }

    #vid-3 {
        width: 23rem;
        margin-left: -12px;
        margin-bottom: -8px;
        object-fit: fill;
        height: 25rem;
        margin-top: -500px;
        z-index: -10;
        position: relative;
    }

	.mod-work ul li{
		box-sizing: content-box;
		padding-right: 3rem;
	}

    #vid-1.mob_vid_1 {
        width: 33%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -21%;
        margin-left: -15px;
        object-fit: fill;
        height: 14%;
    }


 
    #vid-2.mob_vid_2 {
        width: 38%;
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: -26%;
        margin-left: 195px;
        object-fit: fill;
        height: 15%;
    }


}

@media screen and (max-width: 300px) {
#img-on-fire{display: none;}
.video_mobile{display: none;}
.mob_vid_1{display: none;}
.mob_vid_2{display: none;}
.mob_vid_3{display: none;}
}







@media screen and (max-width: 400px) {
.mod-work ul li{
	box-sizing: content-box;
	padding-right: 3rem;
}
}

@media screen and (max-width: 320px) {

	.mod-work ul li{font-size: 17px;}
}

/* Правки по мобильной адаптации */



@media screen and (max-width: 1500px) {

	.mod-work2 .title{margin-bottom: 10rem;}

}



@media screen and (max-width: 1400px) {

	.mod-work2 .title{margin-bottom: 6rem;}

}


@media screen and (max-width: 1200px) {
	.mod-work2 .title{margin-bottom: 8rem;}
}




/* @media screen and (max-width: 768px) {
	#img-on-fire-mobile{display: block;
		margin-bottom: 2rem;
	}
} */


@media screen and (max-width: 992px) {
	.mod-work2 .title{margin-bottom: 11.5rem;}
	.col-md-8.col-lg-6{width: 100%; padding-right: 12%; padding-left: 12%; margin-bottom: 30px;}
	
	
}

@media screen and (max-width: 991px) {
.col-lg-7.img-bg{margin-top: 42rem;}
.mod-rules .circle .h3 {
    font-size: 2.4rem;
}

}




@media screen and (min-width: 768px) and (max-width: 991px) {
	.mod-work img {position: absolute; right: 25%; max-width: none; width: auto; bottom: 0; max-height: 78%;}
}


@media screen and (max-width: 768px) {
	.mod-work2 .title{margin-bottom: 12.5rem;}
	.mod-work2 ul li{width: 100%; text-align: center;}
	.mod-work2 .btn{width: 80%; margin-top: 10px; margin-left: auto; margin-right: auto; display: block; font-size: 18px;}
	.item.item-0 p{ font-size: 16px; padding-left: 10px; padding-right: 10px; margin-top: -20px;}
	.item.item-1 p{ font-size: 16px; padding-left: 10px; padding-right: 10px; margin-top: -20px;}
	.item.item-2 p{ font-size: 16px; padding-left: 10px; padding-right: 10px; margin-top: -20px;}
	.item.item-3 p{ font-size: 16px; padding-left: 10px; padding-right: 10px; margin-top: -20px;}
	.item.item-4 p{ font-size: 16px; padding-left: 10px; padding-right: 10px; margin-top: -20px;}
	.mod-rules .circle{margin-bottom: 15px;}
	.mod-rules .title{padding-bottom: 1rem; padding-left: 10px;}

	.mod-work .title {margin-bottom: 3rem;}
	.col-lg-7.img-bg{margin-top: 32rem;}
	.navbar-nav{text-align: center;}



}

@media screen and (max-width: 767px) {
	.h3_main_title{width: 220%;}
	.home-p{font-size: 16px;}
	.main-p1{width: 160%;}
	.main-p2{width: 150%;}
	.main-p3{width: 140%;}
	.main-p4{width: 130%;}
	.align-items-end{flex-direction: column-reverse;}
}

@media screen and (max-width: 576px){
	.col-md-8.col-lg-6 {
        width: 100%;
        padding-right: 5%; 
        padding-left: 5%; 
        margin-bottom: 30px;
    }

}

@media screen and (min-width: 561px) and (max-width: 576px){
	.col-lg-7.img-bg{margin-top: 38rem;}
}

@media screen and (max-width: 500px){
	.col-lg-7.img-bg{margin-top: 28rem;}
}

@media screen and (max-width: 375px){
	.col-lg-7.img-bg{margin-top: 23rem;}
}
@media screen and (max-width: 350px){
	.mod-footer .img-bg img {
        position: absolute;
        left: 1%;
        bottom: 410px;
        max-width: none;
        max-height: 207%;
    }
}

@media screen and (max-width: 350px){

    .mod-footer .img-bg img {
        position: absolute;
        left: 1%;
        bottom: 439px;
        max-width: none;
        max-height: 207%;
    }
    .col-lg-7.img-bg {
        margin-top: 20rem;
    }
}


@media screen and (max-width: 320px){

	.mod-footer .title {
		margin-bottom: 1rem;
	}
}