/* Last Update : 2017-10-13 */
/* DO NOT EDIT THIS */
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');

.banner-item .banner-caption{
	position: absolute;	
}

/* all banner caption */
.banner-item .banner-caption{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
    width:80%;
}

/* banner number start from 0 */
/* banner caption no 1 */
.banner-item .banner-caption.id-0{
}

/* banner caption no 2 */
.banner-item .banner-caption.id-1{

}
/* banner caption no 3*/
.banner-item .banner-caption.id-2{
}

/* banner caption no 4*/

.banner-item .banner-caption.id-3{
}
   



.b-title{
        font-family: 'Roboto Condensed', sans-serif;
        color: #fff;
        font-size: 2.5em;
        line-height:1.4;
        text-transform:uppercase;
        font-weight:bold;
}


.b-white-btn{
    background-color:rgb(255,255,255,0);
    border:2px solid rgb(255,255,255,0.7);
    color:#fff !important;
    transition:Ease-in-out 0.3s;
    font-weight:bold;
    font-size:16px;
    padding:10px 40px;
    display: inline-block;
    width:max-content;
    margin:20px auto 0 auto;
}

.b-white-btn:hover{
    background-color:rgb(255,255,255);
    color:#37b1ff!important;
    text-decoration:none;
}





@media screen and (max-width: 480px) {
	/* ONLY EDIT IF DIFFERENT WITH DESKTOP */
	/* all banner caption */
	.banner-item .banner-caption {
        top: 50%;
        left: 30%;
        transform: translate(-25%, -50%);
        text-align: center;
        color: #fff;
    }
	/* banner number start from 0 */
	/* banner caption no 1 */
	.banner-item .banner-caption.id-0{
	}

	/* banner caption no 2 */
	.banner-item .banner-caption.id-1{
	}
    
    
    
    .b-title {
        font-family: 'Roboto Condensed', sans-serif;
        color: #fff;
        font-size: 1.2em;
        line-height: 1.2rem;
        text-transform: uppercase;
        font-weight: bold;
        text-shadow: 2px 2px 4px #222;
    }
    
    
    .b-white-btn{
        background-color:rgb(255,255,255,0);
        border:2px solid rgb(255,255,255,0.7);
        color:#fff !important;
        transition:Ease-in-out 0.3s;
        font-weight:bold;
        font-size:10px;
        padding:5px 25px;
        display: inline-block;
        width:max-content;
        margin:20px auto 0 auto;
    }

    .b-white-btn:hover{
        background-color:rgb(255,255,255);
        color:#37b1ff!important;
        text-decoration:none;
    }


}