/* Last Update : 2017-10-13 */
/* DO NOT EDIT THIS */

@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900);

.bannert {
	color: #fff;
	font-size: 1.5em;
	line-height: 1;
	text-shadow: none;
	font-weight:300;
}

.bannert2 {
	color: #333;
	font-size: 1.8em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: none;
	font-weight:300;
}

.containerv {
    position: relative;
    width: 60%;
    height: 0;
    padding-bottom: 50%;
}


.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



    .btn-square.black {
border-color: #005b2e !important;
background-color: #005b2e !important;
color: #fff !important;
transition: all ease .5s !important;
padding-right: 7.5px !important;
}

.btn-square.black:hover {
border-color: #005b2e !important;
background-color: #005b2e !important;
padding: 10px 20px !important;
transition: .25s !important;
}

.btn-square.black:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
position:relative !important;
opacity: 0 !important;
left: -10.5px !important;
}

.btn-square.black:hover:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
opacity: 1 !important;
left: 10.5px !important;
}

.btn-square.white {
border-color: #005b2e !important;
background-color: #005b2e !important;
color: #fff !important;
transition: all ease .5s !important;
padding-right: 7.5px !important;
/*margin-top: 60px !important;*/
}

.btn-square.white:hover {
border-color: #005b2e !important;
background-color: #005b2e !important;
padding: 10px 20px !important;
transition: .25s !important;
}

.btn-square.white:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
position:relative !important;
opacity: 0 !important;
left: -10.5px !important;
}

.btn-square.white:hover:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
opacity: 1 !important;
left: 10.5px !important;
}


    .container {
position: relative !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
/*border: 2.5px solid #662D91 !important;*/
}

.cover {
position: absolute !important;
width: 100% !important;
height: 100% !important;
left: 0 !important;
top: 100% !important;
background: rgba(255, 255, 255, 0.75) !important;
transition: all .25s ease-in-out !important;
}

.container:hover .cover{
top: 0% !important;
}

.show-content .content-holder {
background-color: rgba(255, 255, 255, 0.75) !important;
}


.banner-item .banner-caption{
	position: absolute;	
}

/* all banner caption */
.banner-item .banner-caption{
	top: 55%;
	left: 22%;
	transform: translate(-50%, -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{
}

@media screen and (max-width: 480px) {
	/* ONLY EDIT IF DIFFERENT WITH DESKTOP */
	/* all banner caption */



.banner-item .banner-caption{
	top: 50%;
	left: 40%;
	transform: translate(-30%, -10%);
	text-align: center;
	color: #fff;
	height: 100px !important;
}

.bannert {
	
	font-size: 0.7em;
	top: 80%;
	left: 50%;
	
	
}




	.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{
	}
}