/* CAROUSEL */
.carousel{margin:0px -20px;box-shadow:none;border:0px;border-radius:0px;}

.home .carousel_wrapper{position:relative;height:400px;overflow:hidden;padding:0px 20px;margin:0px -20px;}
.home .carousel_wrapper .cwrap{height:100%;}
.home .carousel{height:100%;}
.home .carousel .pattern{display:none;}

.home .carousel .slide {padding:0px 20px;height:100%;width:100%;position:absolute;top:0px;left:0px;z-index:99;}
.home .carousel .slide .txt{color:#fff;position:relative;z-index:101;top:0px;left:0px;height:100%;text-align:left;padding:0px 0px 0px 20px;display:grid;align-items:center;}
.home .carousel .slide .txt .title{font-size:26px;line-height:normal;text-align:left;padding:0px;max-width:800px;}
.home .carousel .slide .txt .title h2{color:#fff;}
.home .carousel .slide .txt .title h2 >span{display:block;font-size:40px;font-weight:300;}
.home .carousel .slide .txt .title h2 >span:first-child{}
.home .carousel .slide .txt .title h2 >span:last-child{font-size:18px;text-align:right;margin-top:20px;}

.home .carousel .slide .lnk{position:absolute;z-index:102;width:100%;height:100%;top:0px;left:0px;opacity:0;}
.home .carousel .slide >.back{position:absolute;z-index:98;width:100%;height:100%;top:0px;left:0px;background:#000;opacity:0.2;}


.carousel .controls .arrows >div{opacity:0;transition:opacity 0.4s;}
.carousel:hover .controls .arrows >div{opacity:1;}
.carousel .controls .arrows >div{position:absolute;z-index:103;top:calc(50% - 50px);left:0px;text-align:center;width:40px;height:50px;background-position:center;background-repeat:no-repeat;cursor:pointer;background-color:rgba(0,0,0,0.2);}
.carousel .controls .arrows .left{background-image:url('../img/carousel/arrow-left.png');}
.carousel .controls .arrows .right{background-image:url('../img/carousel/arrow-right.png');left:auto;right:0px;}

.home .carousel .controls{display:block;}
.home .carousel .controls .dots{width:100%;position:absolute;z-index:103;bottom:10px;left:0px;text-align:center;opacity:0.7;}
.home .carousel .controls .dots >div{display:inline-block;width:15px;height:15px;border-radius:20px;border:2px solid var(--main-color);background:#fff;margin-right:10px;cursor:pointer;}
.home .carousel .controls .dots >div.active{background:var(--main-color);}



@media all and (max-width:1920px){
	.home .carousel .slide{background-size:cover;}
}

@media all and (max-width:1320px){
	.home .carousel .slide .txt{padding-left:0px;}
}

@media all and (max-width:1245px){
	.home .carousel .slide .txt{padding-left:0px;}
	.home .carousel .slide .txt .title{margin-left:0px;}
}

@media all and (max-width:1024px){
	
	/* Carousel */
	.home .carousel_wrapper{height:400px;}
	.home .carousel .slide .txt{padding-top:60px;}
	.home .carousel .slide .txt .stitle{font-size:18px;}
	.home .carousel .slide .txt .title .small{font-size:22px;}
	.home .carousel .slide .txt .title .large{font-size:28px;}
	
}

@media all and (max-width:800px){
	
	/* Carousel */
	.home .carousel_wrapper{height:400px;}
	.home .carousel .slide .txt{padding-top:30px;}

	.home .carousel .slide .txt .title h2,
	.home .carousel .slide .txt .title h2 >span{font-size:5vw;line-height:normal;}
	
}

@media all and (max-width:600px){
	/* Carousel */
	.home .carousel_wrapper{height:350px;}
	.home .carousel .slide .txt{padding-top:30px;}

	.home .carousel .slide .txt .title h2,
	.home .carousel .slide .txt .title h2 >span{font-size:7vw;}

}