/* Last Update : 2017-10-13 */
/* DO NOT EDIT THIS */

@import url('https://fonts.googleapis.com/css2?family=Muli&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@700&display=swap');





.banner1 {
	color: #fff;
	font-size: 2.4em;
	line-height: 1;
	text-transform:uppercase;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 12.0);
	font-family: 'Kumbh Sans', sans-serif;
	
}


.banner2 {
	color: #fff;
	font-size: 1.2em;
	line-height: 1;
	text-transform:inherit;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	font-family: 'Raleway', sans-serif;
	
	
}



.btn{
    color: #000;
    text-transform: uppercase;
    border-radius: 0;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    border-top: none;
    border-bottom: none;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
	padding:10px 15px;
	font-size: 16px;
}
.btn:before,
.btn:after{
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}
.btn:after{
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}
.btn:hover:before,
.btn:hover:after{
    width: 100%;
}
.btn.red:hover{
    color: #bf1e2e;
    border-left: 3px solid #bf1e2e;
    border-right: 3px solid #bf1e2e;
}
.btn.red:before,
.btn.red:after{
    background: #bf1e2e;
}


.border img {
transition: .5s ease;
}

.border img:hover{
box-shadow: 0 0 0 6px #dbdbdb;
transition: .5s ease;
}


.border2 img {
transition: .5s ease;
}

.border2 img:hover{
box-shadow: 0 0 0 3px #ec1f24;
transition: .5s ease;
}


.blink-image {
    -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1s infinite ease-in-out; /* IE */
    animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
 
@-moz-keyframes blink {
    30% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
 
@-webkit-keyframes blink {
    30% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    30% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    30% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 


.shrink img{
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}

.shrink img:hover {
  -webkit-transform:scale(0.9);
  -moz-transform:scale(0.9);
  -ms-transform:scale(0.9);
  -o-transform:scale(0.9);
  transform:scale(0.9);
}

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

/* all banner caption */
.banner-item .banner-caption{
	top: 50%;
	left: 35%;
	transform: translate(-50%, -50%);
	text-align: left;
	color: #fff;
	font-family: 'Italianno', cursive;
}

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

@media screen and (max-width: 480px) {
	/* ONLY EDIT IF DIFFERENT WITH DESKTOP */
	/* all banner caption */
	
	.banner1 {
	color: #fff;
	font-size: 0.8em;
	line-height: 1;
	text-transform:uppercase;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 12.0);
	font-family: 'Kumbh Sans', sans-serif;
		
	
	
}


.banner2 {
	color: #fff;
	font-size: 0.7em;
	line-height: 1;
	text-transform:inherit;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	font-family: 'Raleway', sans-serif;
	
	
	
	
}

	.banner-item .banner-caption{
	}

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