@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap");



.content_title {
  position: relative;
  margin: 0 auto 40px;
}

.content_title .title::after {
  content: none;
}

.kv-txt {
  /* width: 100%;
  max-width: 1070px;
  max-height: 352px;
  margin-bottom: -2em; */
}

.gallery_wrapper {
  opacity: .85;
}
@media (max-width: 991px) {
  .gallery_wrapper {
    opacity: .6;
  }
}

.owl-carousel-kv {

}




/*-------------------------------------------
kv-main
---------------------------------------------*/

.kv-main {
	height: 100vh;
	position: relative;
	margin-bottom: 20px;
    overflow: hidden;
}


.slider .main01,
.slider .main02,
.slider .main03,
.slider .main04,
.slider .main05,
.slider .main06,
.slider .main_s1,
.slider .main_s2 {
	position: relative;
    width: 100%;
    height: 95vh;
    overflow: hidden;
}

.slider .background-image {
	position: absolute;
	width: 100%;
	height: 95vh;
    object-fit: cover;
    /* animation: zoom 31s infinite; */
}

 /* .slider .main_s1 .background-image {
    background: url(../img/banner1.jpg) center center no-repeat;
    background-size: cover;
    transition: all 9s ease-out;
    transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
    will-change: transform;
 } */
 .slider .main_s1.first .background-image {
    background: url(../img/banner1.jpg) center center no-repeat;
    background-size: cover;
    transition: all 9s ease-out;
    transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 0.9
    );
    will-change: transform;
 }

 .slider .main_s2 .background-image {
    background: url(../img/banner2.jpg) center center no-repeat;
    background-size: cover;
    transition: all 9s ease-out;
    transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
    will-change: transform;
 }
 /* .slider .main_s3 .background-image {
    background: url(../img/banner3.jpg) center center no-repeat;
    background-size: cover;
    transition: all 9s ease-out;
    transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
    will-change: transform;
 } */
/* 
 .slider .main01 .background-image {
 	background: url(../img/banner1.jpg) center center no-repeat;
	background-size: cover;
	transition: all 9s ease-out;
    transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
    will-change: transform;
 }
 
  .slider .main02 .background-image {
 	background: url(../img/banner2.jpg) center center no-repeat;
	background-size: cover;
	transition: all 9s ease-out;
    transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
    will-change: transform;
 } */
  
 
/* .slider .main01.slick-current .background-image,
.slider .main02.slick-current .background-image, */
.slider .main_s1.slick-current .background-image,
.slider .main_s2.slick-current .background-image {
    transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 0.9
    );
}
.slider .main_s1.first.slick-current .background-image {
    transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
}
.kv-main .btn{
    display: block;
    text-decoration: none;
    width: 260px;
    line-height: 1;
    background-color: #22222222;
    border: 3px solid #fff;
    color: #fff;
    padding: 15px 0;
    position: relative;
    font-weight: 400;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    box-shadow: 0 0 10px #333;
}
.kv-main a.btn:hover{
    background-color: #fff;
    border-color: #fff;
    color: #222;
}
.kv-main a.btn::before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #fff;
    top: 50%;
    right: 25px;
    margin-top: -10px;
}
.kv-main a.btn:hover::before{
    border-color: transparent transparent transparent #fd3421;
}


.kv-main .kv-txt {
	text-align: center;
	position: absolute;
	top: 150px;
	left: 50%;
	width: 60%;
    transform: translateX(-50%);
    z-index: 1;
}

.kv-main .kv-txt img {
	width: 100%;
}

.kv-main p {
	color: #fff;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1.75;
	text-align: center;
	width: 100%;
}

@media (max-width: 991px) {
    .kv-main {
        height: 65vh;
    }
    .kv-main .kv-txt {
        width: 80%;
    }
}










/*  */
/* @keyframes zoom{
    100%{
        transform: scale(1.3);
    }
} */