/* Last Update : 2017-10-13 */
/* DO NOT EDIT THIS */
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;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;
	font-family: 'Poppins', sans-serif;
    
}

/* 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{
}


.title-big{
    font-size:4em;
    color:#fff;
    margin:0;
    font-weight:700;
    line-height:1.5em;
    font-family: 'Poppins', sans-serif;
}

.title-small{
    font-size:1.2em;
    color:#fff;
    line-height:1em;
}


/* BLUEX2 BUTTON EFFECT */

.b-bluex2-btn{
    border-color: #0c71c3 !important;
    background-color: transparent !important;
    font-size:16px;
    color: #0c71c3 !important;
    letter-spacing:1px;
    font-weight:500;
    transition: all ease .5s !important;
    padding: 15px 7.5px 15px 25px !important;
    margin-top:20px;
}


.b-bluex2-btn:hover {
    border-color: #0c71c3 !important;
    background-color: transparent !important;
    padding: 15px 25px !important;
    transition: .25s !important;
}


.b-bluex2-btn:after {
    content: "\f178" !important;
    font-family: FontAwesome !important;
    transition: all ease .5s !important;
    position:relative !important;
    opacity: 0 !important;
    left: -10.5px !important;
}


.b-bluex2-btn:hover:after {
    opacity: 1 !important;
    left: 10.5px !important;
}



/* WHITE BUTTON EFFECT */

.b-white-btn{
    border-color: #fff !important;
    background-color: transparent !important;
    font-size:16px;
    color: #fff !important;
    letter-spacing:1px;
    font-weight:500;
    transition: all ease .5s !important;
    padding: 15px 7.5px 15px 25px !important;
    margin-top:20px;
}


.b-white-btn:hover {
    border-color: #fff !important;
    background-color: transparent !important;
    padding: 15px 25px !important;
    transition: .25s !important;
}


.b-white-btn:after {
    content: "\f178" !important;
    font-family: FontAwesome !important;
    transition: all ease .5s !important;
    position:relative !important;
    opacity: 0 !important;
    left: -10.5px !important;
}


.b-white-btn:hover:after {
    opacity: 1 !important;
    left: 10.5px !important;
}


@media screen and (max-width: 480px) {
	/* ONLY EDIT IF DIFFERENT WITH DESKTOP */
	/* all banner caption */
	.banner-item .banner-caption {

    top: 50%;
    left: 18% !important;
    transform: translate(-10%, -50%) !important;
    text-align: center;
    color: #fff;
    font-family: 'Poppins', sans-serif;

}
    

	/* 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{
	}
    
    
    
    .title-big{
    font-size:2em;
    color:#fff;
    margin:0;
    font-weight:700;
    line-height:1.2em;
    font-family: 'Montserra', sans-serif;
    }

    .title-small{
        font-size:0.8em;
        color:#91e2fe;
        font-weight:700;
        line-height:1.2em;
    }
    
    
    /* BLUEX2 BUTTON EFFECT */

    .b-bluex2-btn{
        border-color: #0c71c3 !important;
        background-color: transparent !important;
        font-size:13px;
        color: #0c71c3 !important;
        letter-spacing:1px;
        font-weight:500;
        transition: all ease .5s !important;
        padding: 10px 7.5px 10px 20px !important;
        margin-top:20px;
    }


    .b-bluex2-btn:hover {
        border-color: #0c71c3 !important;
        background-color: transparent !important;
        padding: 10px 20px !important;
        transition: .25s !important;
    }


    .b-bluex2-btn:after {
        content: "\f178" !important;
        font-family: FontAwesome !important;
        transition: all ease .5s !important;
        position:relative !important;
        opacity: 0 !important;
        left: -10.5px !important;
    }


    .b-bluex2-btn:hover:after {
        opacity: 1 !important;
        left: 10.5px !important;
    }



    /* WHITE BUTTON EFFECT */

    .b-white-btn{
        border-color: #fff !important;
        background-color: transparent !important;
        font-size:13px;
        color: #fff !important;
        letter-spacing:1px;
        font-weight:500;
        transition: all ease .5s !important;
        padding: 10px 7.5px 10px 20px !important;
        margin-top:20px;
    }


    .b-white-btn:hover {
        border-color: #fff !important;
        background-color: transparent !important;
        padding: 10px 20px !important;
        transition: .25s !important;
    }


    .b-white-btn:after {
        content: "\f178" !important;
        font-family: FontAwesome !important;
        transition: all ease .5s !important;
        position:relative !important;
        opacity: 0 !important;
        left: -10.5px !important;
    }


    .b-white-btn:hover:after {
        opacity: 1 !important;
        left: 10.5px !important;
    }


 
    
}