/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/ 


@media (min-width: 1400px){
    nav {
        padding: 0 80px;
    }
    .custom-container {
     max-width: 1667px;
    }

   
    .header_section .text-content{
        margin-top: -225px
    }
    .section_5 .video iframe{
        min-height: 730px;
    }

}
 
@media (max-width: 1600px) {
    .header_section{
        height: 100vh;
    }
    .header_section .text-content h1{
        font-size: 200px;
        line-height: 88px;
    }
    .header_section .text-content .text-yellow {
        font-size: 200px;
    }
    .custom-container{
        margin-top: -2px;
        max-width: 1400px;
    }
    .section_2{
        margin-bottom: -2px;
    }
    .header_section .text-content{
        margin-top: -155px
    }
	main .section_1 {
	padding-top: 0px;
    height:1110px;  
	}
	.header_section .overlay{height:110px;}
  .section_4 .section_title{font-size: 60px;}
   .section_4 .section_title span{font-size: 100px;}
	.section_2 .swiper-btn {width: 70px;height: 70px;font-size: 20px;}
	.scroll_animate_text{margin-top:0;}
	.section_2 {max-height: 435px;}
	.section_5 .text-alex {font-size: 130px;margin-top: -85px;}
    .section_5 .section_title {font-size: 80px;line-height: 110%;width: 915px;}
	.section_5 .section_title .num {font-size: 130px;}
	main .section_1 {height: 1060px;}
	.section_5 {padding: 60px 0 90px;}
	.gallery_section .section_title h2{font-size:100px;}
	.gallery_section .section_title span {font-size: 60px;}
	.gallery_section .section_title {margin-bottom: 80px;}
	.section_6 .swiper-btn {height: 65px;width: 65px;}
	.section_6 .swiper-btn i {font-size: 20px;	}
	.section_6 .swiper-slide {width: 650px;}
	.section_5 .video {margin-top: 20px;}
	.section_7 {padding: 0px 0 80px;}
	.section_7 .img_bottom{right: -5%; bottom: -15%;width:300px;}
	.imgs img.img_bottom {margin-bottom: -117px;}
	.section_7 .img_top{width:450px;}
	.section_8 .img_bottom{right: -12%; width:350px;}
	.section_8 .img_top{width:900px;}
	.section_9 .imgs img.d-block{width: 1050px !important;}
	.section_9 .imgs img.img_bottom {left: -207px;bottom: -165px;	width: 40%;}
	.section_9 {padding: 140px 0px 240px 0px;}
	.info_section .section_title {font-size: 60px;}
	.info_section .section_title span {font-size: 100px;}
	.info_section {padding: 50px 0 124px;}
	.autor_img {width: 65%;margin-left: 130px;}
	.info_section .autor_info .name {font-size: 35px;line-height: 1.1;}
	footer .section_title h2 {font-size: 60px;}
	footer .section_title span {font-size: 100px;}
	
	
	
	
	
	
	
	
	
	
}
 
@media (max-width: 1440px) {
    nav{
        z-index: 333 !important;
    }
    .header_section .text-content{
        margin-top: -80px
    }
    .header_section .playerBox {
        height: 119vh !important;
    }
    .header_section .overlay{
        height: 100px;
    }
	.header_section .text-content h1 {
	font-size: 150px;
	line-height: 67px;
    }
  
    .header_section .text-content {
        margin-top: -120px;
    }
    main .section_1 {
        padding-top: 0px;
        height: 860px;
    }
    .header_section .text-content .text-yellow {
        font-size: 150px;
    }
    .scroll_animate_text {
        font-size: 120px;
    }
    .section_5 .modal-dialog {
        min-width: 1047px !important;
        margin-top: 0;
    }
    footer .section_title h1 {
        text-transform: uppercase;
        font-size: 57px;
    }
    .section_8 .img_bottom{
        width: 338px;
    }
  
	.section_5 .section_title {
	    width: 900px;
    }
    .section_4 .plus_sign {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 30px;
        box-shadow: 0px 0px 0px 7px rgb(255 253 59 / 38%);
        -webkit-box-shadow: 0px 0px 0px 7px rgb(255 253 59 / 38%);
        -moz-box-shadow: 0px 0px 0px 7px rgba(255,253,59,0.38);
    }
    .section_4 .popup {
        padding: 28px;
        width: 280px;
    }
    .section_4 .popup .title{
        font-size: 18px;
        margin-top: 12px;
    }
    .section_4 .popup .text{
        font-size: 16px;
    }
    .section_5 .section_title{
        font-size: 80px;
    }
    .section_5 .section_title .num {
        font-size: 111px;
    }
    .section_5 .text-alex {
        font-size: 120px;
        margin-top: -68px;
    }
    .section_5 .video iframe{
        min-height: 600px;
    }
    .section_5 .container{
        max-width: 1093px;
    }
    .info_section .section_title{
        font-size: 60px;
    }
    .info_section .section_title span {
        font-size: 80px;
    }
    .section_9 {
        padding: 120px 0px 140px 164px;
    }
    .section_9 .imgs{
        height: auto;
    }
    .section_9 .imgs img.img_top{
        position: relative;
    }
    .section_9 .imgs img.img_bottom{
        width: 30%;
        left: -163px;
        bottom: -65px;
    }
    .section_6 .swiper-slide{
        height: 569px;
    }
    footer .section_title h2 {
        font-size: 60px;
        line-height: normal;
    }
    footer .section_title span{
        margin-top: 0;
    }

.gallery_section .section_title h2{font-size:100px;}
.gallery_section .section_title span {font-size: 60px;}
.gallery_section .section_title {margin-bottom: 80px;}
.section_5 {padding: 70px 0 0px;}
.section_6 .swiper-btn {height: 50px;width: 50px;}
.section_6 .swiper-btn i {font-size: 20px;	}
footer .section_title span {font-size: 100px; line-height:20px;}
.info_section .section_title span {font-size: 100px;}
.info_section {	padding: 60px 0 124px;	}
.counters .counter_box .txt {font-size: 16px;}
.section_1 .heading {font-size: 30px;}
.section_1 .paragraph {font-size: 20px;}
.section_7 {padding: 50px 0 80px;}
.section_9 .imgs img.d-block {width: 100% !important;}
.info_section {padding: 60px 0 70px;}
.counters {padding-bottom: 70px;}
.section_7 .text-content p {font-size: 30px;}





}


@media (min-width: 1280px) and (max-width: 1366px) {
    nav{
        padding: 0 30px;
    }
    .custom-container {
        max-width: 1274px;
    }
    .section_4 .popup_btn .popup .close{
        font-size: 18px;
    }
    .section_8 .img_bottom{
        right: -5%;
        bottom: -15%;
		width:285px;
    }
	.section_8 .img_top{
		width:700px;
    }
	.section_7 .img_bottom{
        right: -5%;
        bottom: -15%;
		width:260px;
    }
	.imgs img.img_bottom {margin-bottom: -50px;}
	.section_7 .img_top{
		width:370px;
    }
    .section_9 .imgs img.img_bottom{
        width: 35%;
        left: -11%;
        bottom: -70px;
    }
    .section_9 .imgs{
        display: flex;
        justify-content: flex-end;
    }
    .section_9 .imgs img.d-block{
        width: 790px !important;
    }
    .section_5 .video{
        height: auto !important;
    }
	.header_section .overlay {height: 80px;}
	.section_1 .heading {font-size: 30px;}
	.section_1 .paragraph {font-size: 20px;}
	main .section_1 {height: 860px;}
	.section_6 .swiper-slide {width: 450px;}
	.section_2 .swiper-btn {width: 60px;height: 60px; font-size:20px;}
	.section_2 {max-height: 440px;}
	.section_5 {padding: 70px 0 50px;}
	.section_6 {height: 650px;}
	.section_9 {padding: 75px 0px 140px 80px;}
	.section_7 .text-content {width: 360px;}
	.section_8 {margin-top: 50px;}
	.info_section .contacts .contact_2 {margin-top: 40px;}
	.info_section .contacts .info p {font-size: 16px;}
	
	
}

@media (max-width: 1280px){
    .navbar-toggler {
        display: block;
    }
    nav {
        z-index: 1;
        padding: 0 20px !important;
    }
    nav.scroll_sticky {
        padding: 0 15px !important;
    }
    nav ul{
        flex-direction: column;
    }
    nav .btn{
        margin: 0 !important;
    }
    nav .collapse-content{
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background-color: #000;
        transform: translateX(105%);
        text-align: center;
        height: 100vh;
        overflow: hidden;
        transition: .2s;
    }
    nav ul{
        margin: 0;
        padding: 0;
    }
    nav .nav-link {
        display: block;
        text-align: center;
        margin: 0 !important;
        padding: 20px 0 !important;
    }
    nav .collapse-content.show{
        transform: translateX(0%) !important;
    }
.section_4  .popup {
    padding: 16px;
    padding-top: 28px;
}

.section_4 .popup .text{
    font-size: 16px;
}
.section_5 .section_title {
	font-size: 70px;
	line-height: 70px;
	width: 670px;
}
.section_7 .scroll_animate_text {
    margin-top: -136px;
}
.imgs{
    display: flex;
    justify-content: center;
}
.section_9 .imgs{
    justify-content: flex-end;
}
.section_9 .imgs img.d-block{
    max-width: 749px;
}
.section_5 .section_title .num {
    font-size: 78px;
}
.section_5 .text-alex {
    font-size: 100px;
    line-height: normal;
    margin-top: -35px;
}
.section_5 .video{
    height: auto !important;
}
.section_5 .modal-dialog {
    min-width: 85% !important;
    margin-top: 150px;
}
.section_8 .img_top{
    width: 100%;
}
footer .section_title {
    margin-bottom: 85px !important;
}
.autor_img {
    width: 72%;
}
.section_9 {
    padding: 99px 0px 140px 40px;
}
.section_7 {
    padding: 121px 0 159px;
    margin-bottom: 329px;
}
 .scroll_animate_text{
     letter-spacing: normal;
 }
 .section_9 .imgs img.img_bottom{
    left: -8%;
 }
 .section_8 .img_bottom{
    right: -107px;
    bottom: -92px;
}
.section_6 .swiper-btn, .play-btn{
    height: 65px;
    width: 65px;
}
.play-btn-effect {
    box-shadow: 0 0 0 10px rgb(255 252 59 / 29%), 0 1px 2px rgb(0 0 0 / 10%);
}
.section_2 .swiper-btn {
    width: 60px;
    height: 60px;
    font-size: 25px;
}

.section_7 {padding: 20px 0 65px;	}
.section_7 .scroll_animate_text {margin-top: -20px;}
.section_8 {margin-top: 40px;}
.info_section {padding: 50px 0 70px;}
footer .section_title h2 {font-size: 60px;line-height: 60px;}
.info_section .autor_info .name {font-size: 30px;	}
.info_section .autor_info .info {font-size: 16px;}
.info_section .contacts .contact_2 {margin-top: 40px;}
.counters .counter_box .counter {font-size: 65px;}
.info_section .contacts .info p {font-size: 16px;	}
.autor_img {width: 65%;}



}

@media (max-width: 1199.98px) {
.header_section .text-content h1 {font-size: 130px;	}

.section_1 .paragraph {font-size: 16px;width: 400px;}
.section_2 .btns {margin-top: 40px;}
.section_2 .swiper-btn {width: 40px;height: 40px;font-size: 16px;}
.section_4 .section_title {font-size: 50px;}
.section_4 .section_title span {font-size: 80px;}
.section_2 {max-height:380px;}
.section_5 .section_title {font-size: 60px;line-height: 60px;margin-left: 50px;}
.section_5 .text-alex {font-size: 90px;margin-left: 50px;}
.section_4 .popup .title {font-size: 16px;margin-top: 12px;}
main .section_1 {height: 800px;}
.section_5 {padding: 50px 0 0px;}
.gallery_section .section_title h2 {font-size: 80px;}
.gallery_section .section_title span {font-size: 50px;}
.section_6 .swiper-slide {width: 450px;}
.gallery_section .section_title {margin-bottom: 50px;margin-top: 20px;}
.section_6 .swiper-btn, .play-btn {height: 50px;width: 50px;}
.section_5 .video {width: 90%; margin: 20px auto;}
.section_6 {height: 600px;}
.section_7 .text-content {width: 365px;}
.section_7 .img_top {width: 350px;}
.section_7 .img_bottom {width: 220px;}
.imgs img.img_bottom {margin-bottom: -30px;}
.section_9 {padding: 80px 0px 140px 40px;}
.section_7 {padding: 20px 0 50px;}
.section_9 .imgs img.img_bottom {left: -15%;}
.section_9 .imgs img.img_bottom {width: 35%;}
.info_section .section_title span {font-size: 80px;}
.info_section .section_title {font-size: 50px;}
.info_section .autor_info {bottom: -16px;	}
.counters .counter_box .counter {font-size: 55px;}
.info_section .autor_info .name {font-size: 25px;}
footer .content {padding: 160px 0 40px;}
footer .section_title span {font-size: 80px;}
.info_section .contacts .title {font-size: 18px;}
.section_8 .img_bottom {width: 285px;}
.section_4 .popup_btn .popup .close {font-size: 14px;right: 8px;top: 6px;}
.section_4 .plus_sign {width: 30px;height: 30px;line-height: 30px;font-size: 20px;	}


}


@media (min-width: 992px) and (max-width: 1199.98px) {


}


@media (max-width: 991.98px) { 

    nav {
        z-index: 1;
        padding: 0 20px;
        background-color: #000;
    }
    nav .collapse-content{
        position: absolute;
        top: 0px;
        left: -20px;
        width: calc(100% + 40px);
        background-color: #000;
        transform: translateX(105%);
        text-align: center;
        height: 100vh;
        overflow: hidden;
        transition: .2s;
    }
    nav .close-nav {
        display: block;
        position: absolute;
        top: 12px;
        right: 40px;
        cursor: pointer;
    }
    nav .close-nav i{
        font-size: 22px;
        color: #fff;
    }
    .navbar-brand.mobile-only{
        padding: 30px 0;
        display: block;
    }

    .header_section .text-content h1{
        font-size: 80px;
        line-height: 50px;
    }
    .header_section .text-content .text-yellow {
        font-size: 92px;
    }
     .scroll_animate_text {
        font-size: 95px;
    }
    .section_7 .scroll_animate_text{
        margin-top: -30px;
    }
   
    main .section_1 {
        height: 590px;
    }
    .swiper-btn{
        top: 73%;
    }
    .section_4 .plus_sign {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 25px;
        box-shadow: 0px 0px 0px 5px rgb(255 253 59 / 38%);
        -webkit-box-shadow: 0px 0px 0px 5px rgb(255 253 59 / 38%);
        -moz-box-shadow: 0px 0px 0px 5px rgba(255,253,59,0.38);
    }
    .section_4 .popup {
        padding: 8px;
        padding-top: 20px;
        position: absolute;
        top: 48%;
        left: 30%;
        transform: translate(0%, 0%) !important;
    }
    .section_4 .popup.push_left{
        top: 0;
        left: 0;
        transform: translate(-97%, -50%) !important;
    }
    .section_4 .popup .text {
        font-size: 13px;
    }
    .section_4 .popup .title {
        font-size: 18px;
        margin-bottom: 3px;
    }
    .section_4 .popup .close {
        font-size: 22px;
        right: 12px;
        top: -4px;
    }
    .section_2 .swiper-slide {
        min-width: 400px !important;
        max-width: 400px;
    }
    .section_2 .swiper-slide img{
        width: 100%;
    }
    .section_2{
        max-height: 550px;
        padding: 18px 0;
    }
    .section_2 .swiper-slide .text {
        bottom: 10px;
        left: 27px;
        font-size: 30px;
    }
    .section_2 .content {
        transform: translateY(-141px);
    }
    .swiper-btn img{
        width: 50px;
    }
    .section_6 .swiper-slide{
        width: 300px;
        height: auto;
    }
    .swiper-btn.n {
        right: 30px;
    }
    .swiper-btn.p {
        left: 30px;
    }

    .header_section .text-content {
        padding-bottom: 10px !important;
    }
    nav .navbar-collapse a{
        text-align: center;
        padding-bottom: 12px;
    }
    nav .navbar-collapse a.btn{
        display: block;
        margin-right: 25px;
        margin-bottom: 12px;
    }
    .section_9 {
        margin-top: 150px;
    }
    .section_9 .imgs{
        height: auto;
    }
    .info_section .autor_info .name {
        font-size: 21px;
    }
    .info_section .autor_info .info {
        font-size: 16px;
    }
    .info_section .autor_info {
        width: 285px;
        right: 0;
        bottom: 10px;
    }
    .info_section .section_title {
        font-size: 50px;
        margin-bottom: 40px;
        line-height: normal;
    }
    .info_section .section_title span {
        font-size: 80px;
    }
    footer .section_title h2 {
        font-size: 50px;
        line-height: normal;
    }
    footer .section_title span {
        font-size: 80px;
    }
    footer .section_title{
        margin: 20px;
        padding: 20px 0;
    }
	
	.header_section .text-content {margin-top: -75px;}
	.section_6 .swiper-btn, .play-btn {top: 65%;}
	.section_6 {height:470px;}
	.section_7 .imgs img.img_bottom {	right: -47px;}
	.section_8 .img_top {width: 600px;}
	.imgs {display: block;}
	.section_8 .img_bottom {right:20%;bottom: -15%;width: 285px;}
	.section_9 .imgs img.d-block {width:600px !important;}	
	.section_9 {padding:10px 0px 140px 67px;}
	.autor_img {width: 90%; margin-left:0;}
	.info_section .contacts .contact_2 {margin-top: 23px;}
	.info_section {padding: 50px 0 30px;}
	footer .content {padding: 20px 0 40px;}
	
}

@media (max-width: 768.98px) {
    .section_1 .scroll_animate_text{
        margin-top: -20px;
    }
    .section_2{
        margin-bottom: -3px;
        padding-bottom: 50px;
    }
    .section_4{
        padding-top: 50px;
    }
    .section_8 .img_bottom{
        top: 20%;
        right: 0;
    }
    .section_9 .imgs img.img_bottom{
        left: 0;
    }
    .section_6 .swiper-btn, .play-btn{
        height: 45px;
        width: 45px;
    }
    .section_6 .swiper-btn i{
        font-size: 20px;
    }
    .section_6 .swiper-btn .arrow-btn-effect {
        box-shadow: 0 0 0 10px rgb(255 252 59 / 29%), 0 1px 2px rgb(0 0 0 / 10%);
    }
	.section_1 .text-content {width: 100%;}
	.section_1 .paragraph {	width: 100%;}
	.header_section .text-content {margin-top: -143px;}
	.section_1 .heading {font-size: 24px;}
	.section_2 {max-height: 430px;}

   
}

@media (max-width: 575.98px) {
    nav {
        transition: 0s;
    }
    nav.active {
        top: 20px;
    }
    .header_section .overlay{
        height: 82px;
    }
    .header_section .text-content{
        margin-top: -55px;
        margin-left: 25px;
    }
    .navbar-brand{
        font-size: 25px;
    }
    .header_section {
        height: 292px;
    }
    .gallery_section .section_title span{
        font-size: 40px;
    }
    .gallery_section .section_title h2{
        font-size: 60px;
    }
    .header_section .text-content h1{
        font-size: 40px;
        line-height: 50px;
    }
    .header_section .text-content .text-yellow {
        font-size: 46px;
    }
    main .section_1{
        height: 663px;
        padding-top: 10px !important;
    }
    .section_1 .heading {
        font-size: 25px;
    }
    .section_1 .paragraph {
        width: 100%;
        font-size: 18px;
    }
    .section_1 .text-content {
        width: 100%;
    }
    .section_2 .swiper-slide {
        min-width: 200px !important;
        max-width: 400px;
    }
    .section_5 .video iframe{
        min-height: 300px;
    }
    .swiper-btn {
        top: 46%;
    }
    .scroll_animate_text {
        font-size: 70px;
    }
    .section_4 .section_title{
        font-size: 40px;
    }
    .section_4 .section_title span{
        font-size: 60px;
    }
    .section_5 .section_title {
        font-size: 40px;
        line-height: 45px;
        width: 100%;
        margin-left: 20px;
    }
    .section_5 .section_title .num {
        font-size: 56px;
    }
    .section_5 .text-alex {
        font-size: 60px;
        line-height: normal;
    }
    .section_7{
        margin-bottom: 0;
        padding-bottom: 0px;
    }
    .section_9 {
        margin-top: 0;
    }
    .section_4 .popup {
        padding-top: 18px;
        max-width: 140px;
    }
    .section_4 .popup .text {
        font-size: 11px;
    }
    .section_4 .popup .title {
        font-size: 14px;
    }
    .section_4 .popup_btn .popup .close {
        right: 4px;
        top: 4px;
        font-size: 11px;
    }
    .counters .counter_box{
        margin-top: 40px;
        width: 45%;
    }
    .section_7 .scroll_animate_text {
        margin-top: -112px !important;
    }
    .section_2 {
        max-height: 368px;
    }
    footer{
        padding: 0 18px;
    }
    footer .section_title h2 {
        font-size: 40px;
        line-height: normal;
    }
    footer .section_title span {
        font-size: 60px;
    }
    footer .swiper-slide .title{
        margin-top: 14px;
        font-size: 15px;
    }
    footer .swiper-slide span{
        font-size: 12px;
    }
	.header_section .text-content h1 {font-size: 65px;}
	.header_section .text-content .text-yellow {font-size: 70px;}
	.section_1 .text-content {margin-top: 20px;}
	.section_1 .scroll_animate_text {margin-top: 20px !important;}
	.section_2 {max-height: 255px;}
	main .section_1 {height: 625px;}
	.section_5 .text-alex {margin-left: 20px;}
	.section_1 .text-content {margin-top: 20px;margin-left: 20px !important;}
	.section_7 .text-content p {font-size:25px; margin-bottom:50px;}
	.section_7 .text-content {width: 300px;margin-left: 20px;}
	.info_section .section_title span {font-size: 60px;}
	.info_section .section_title {font-size: 40px;	}
	.imgs {	margin: 0 20px;}
	.section_7 .img_top {width: 100%;}
	.section_7 .imgs img.img_bottom {right: 0;position: relative;width: 100%; margin-top:20px;}
	.section_8 .img_top {width: 100%;padding: 0 10px;}
	.section_8 .img_bottom {/* top: 20%; */right: 0;position: relative;padding: 0 10px;width: 100%;margin-top: 20px;}
	.section_9 {padding: 10px 0px 140px 0px;}
	.section_9 .imgs img.d-block {width: 100% !important;margin-top: 40px;padding: 0 10px;}
	.autor_img {width: 100%;margin-left: 0;padding: 0 20px;}
	.info_section .autor_info {	bottom: 40px;}
	.contacts{padding:0 20px;}	

}

@media (max-width: 400px) {
    
    main .section_1 {
        height: 746px;
    }
    .section_2 {
        max-height: 170px;
    }
    .section_5 .text-alex {
        margin-top: -23px;
        font-size: 50px;
        line-height: 53px;
    }
    .section_8 .img_bottom{
        right: 0;
    }
    .info_section .autor_info .name {
        font-size: 25px;
        margin-bottom: 4px;
    }
    .info_section .autor_info {
        position: absolute;
        width: 300px;
        bottom: 10px;
    }
	footer .section_title {
	margin: 0px;
}

.info_section .section_title {
	line-height: 45px;
}


}