@font-face {font-family: "Futura Md Bt";
    src: url("fonts/6457161a2bd1197bca298f423ddeb76a.eot");
    src: url("fonts/6457161a2bd1197bca298f423ddeb76a.eot?#iefix") format("embedded-opentype"),
    url("fonts/6457161a2bd1197bca298f423ddeb76a.woff2") format("woff2"),
    url("fonts/6457161a2bd1197bca298f423ddeb76a.woff") format("woff"),
    url("fonts/6457161a2bd1197bca298f423ddeb76a.ttf") format("truetype"),
    url("fonts/6457161a2bd1197bca298f423ddeb76a.svg#Futura Md Bt") format("svg");
}



#mvTotContainer{
	
	display:none;

}


#contGrid{
	

	
}

#actuGrid{
	overflow:hidden;
	display:grid;
	grid-template-columns:auto auto auto;

}


#mv1, #mv3{
	
	position:relative;
	top:-100%;

}


#mv2{
	
	position:relative;
	top:100%;

}

#contmv{
	
	overflow:hidden;
	
	
}



.nmvTitle{
	
	width: 95%;
    height: 4.5em;
    /* background-image: linear-gradient(#158297, #0A414B); */
	border-bottom:2px solid lightgray;
    margin: 0 auto;
	border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
	display:table;
	position: relative;
    left: 0;
	opacity:1;

}


.newMvTitleText{
	
	/* width: 40%; */
    vertical-align: middle;
    display: table-cell;
	left:5%;
	text-align: left;
    padding-left: 2%;
	padding-top: 4vh;
	font-size:4rem;
	font-family:'Futura Md Bt';
	color:white;
	font-style:italic;
	font-weight:bold;
	position: relative;
    top: 60%;
	opacity:0;
	text-shadow: 3px 4px #555;
	
	
	
}


.newContTxt{
	

    margin: 0 auto;
    /* width: 78vw; */
	width: 95%;
    text-align: justify;
	opacity:0;
	font-size:1.5rem;
	margin-top: 0.5%;
	    max-height: 50vh;
	
	
}

#containerTitText{
	
	background-color:#9892a9;
	padding-top:4vh;
	background-image: url("../img/backgrounds/1st.webp");
	background-repeat: no-repeat;
    background-position: top center;
	background-size:cover;
	position: relative;
	box-shadow: inset 2000px 0 0 0 rgba(152,146,169, 0.7);
	transition:box-shadow 0.3s;

}

.slick-slide img{
	
	width:100%;
	
}


.slick-prev {
	left: 1% !important;
	z-index: 9 !important;
}

.slick-next {
    right: 1% !important;
	z-index: 9 !important;
}


.slick-slider {
    max-height: inherit !important;
}



.slick-dots li button::before {
    font-size: 16px;
    color: #fff;
    opacity: 0.7;
  }

  .slick-dots li.slick-active button::before {
    color: #fff;
    opacity: 1;
  }


.slImmg{
	
	
	height:inherit;
	
}


#contextNew{
	
	padding-top:4vh;
	font-family:'Futura Md Bt';
	font-size:2rem;
	font-weight:bold;
	font-style:italic;
	width:100%;
	background-image: url(../img/backgrounds/122.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
	box-shadow: inset 1px 5px 8px #2f2f2f, inset 0px -5px 15px #292929;
	/*height: 75%;*/
    padding-bottom: 2%;

}

#whatWeDo{
	
	color:white;
	width:90%;
	padding-top: 2%;
	margin:0 auto;
	text-shadow: 1px 2px #555;
	opacity:0;
	
}



#whatWeDoGrid{
	
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	width: 100%;
	grid-gap: 2% 0.5%;


}





.squareText{

	
	height: 100%;
	display: table;
	cursor: pointer;
	
}


.txtInSquare{

    width:80%;
	margin:0 auto;
    /* display: table-cell; */
	vertical-align: middle;
}


#sq1{
	
	background-color:rgba(0,212,255, 0.15);
	
}

#sq1:hover,#sq2:hover ,#sq3:hover ,#sq4:hover  {
  transform:scale(1.1);
  transition:transform 0.3s;
}

#sq1:not( :hover ),#sq2:not( :hover ),#sq3:not( :hover ),#sq4:not( :hover ) {
  transform:scale(1);
  transition:transform 0.3s;
}







#sq2{
	
	background-color:rgba(183,45,91, 0.15);
	
}
#sq3{
	
	background-color:rgba(255,165,0, 0.15);
	
}
#sq4{
	
	background-color:rgba(255,221,238, 0.15);
	
}




#contWhy{
	width:100%;
	margin: 0 auto;
	background-size: cover;
    background-image: url(../img/backgrounds/121.webp);
    background-repeat: no-repeat;
    background-position: top center;
	box-shadow:  1px 5px 8px #2f2f2f,  0px -5px 15px #292929;
	height:85vh;
	background-position: center;

	
}

#whyWeDo{
	
	width:80%;
	height:40vh;
	margin: 0 auto;

}

#whyWeDoGrid{
	

	padding-top: 2%;
	font-size:2rem;
	font-family:'Futura Md Bt';
	font-weight:bold;
	font-style:italic;
	height:35vh;
	width:50%;

	
}

.squareTextWhy{
	
	    margin-top: 8%;
		color:white;
		text-shadow: 1px 2px #555;
		font-size: 1.3em;
	
}


#why1{
	
	position:relative;
	opacity:0;
	top:40%;
	
}

#why2{
	
	position:relative;
	opacity:0;
	top:40%;
	
}


#contWho{
	
	width:100%;
	margin: 0 auto;
	background-size: cover;
    background-image: url(../img/backgrounds/124.webp);
    background-repeat: no-repeat;
    background-position:center;
	box-shadow: inset 0px 8px 8px 2px #2f2f2f;
	height:90vh;
}


#whoWeDo{
	
	width:80%;
	height:40vh;
	margin: 0 auto;

}



#whoWeDoGrid{
	
	 padding-top: 2%;
    font-size: 2rem;
    font-family: 'Futura Md Bt';
    font-weight: bold;
    font-style: italic;
    height: 35vh;
    width: 50%;
	float: right;
	
	
}
   



.squareTextWho{
	
	
	font-size:2.5rem;
	font-family:'Futura Md Bt';
	font-weight:bold;
	font-style:italic;
	color:white;
	text-shadow: 2px 3px #555;
	/*font-size: 1.3em;*/


}




#who1{
	
	position:relative;
	opacity:0;
	top:70%;

    float: right;
	
}

.video{
	
	background-color:#7c7c7c;
	width:100%;
	
	
}

.txtIco{
	
	width: 100%;
	
	
}


.insideImg{
	
	width: 20%;
    margin: 0 auto;
	
	
}


/* 
.slick-slide img {
    display: block;
    width: 100%;
    height: auto;
 }

.slider-container {
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
}

.nextArrowBtn{
    position: absolute;
    z-index: 1000;
    top: 50%;
    right: 0;
    color: #BFAFB2;
}
.prevArrowBtn{
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 0;
    color: #BFAFB2;
}

.slick-slider {
	
	max-height: 50vh;
	
}
 */
#conttVideo{
	
	 width: 80%;
    margin: 0 auto;
    margin-bottom: 1vh;
	
	
}    
   
/* .slick-list.draggable{
		
		width: 90% !important;
		margin: 0 auto !important;

		
	}
 */


/* --------------------------------media queries------------------------------------- */

/* For mobile  */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	
	.newMvTitleText{
		
		font-size:1.7rem;
		padding-top:1vh

		
	}
	
	
	
	#contextNew {

	font-size: 1rem;
	height: 78%;

	}
	
	#whyWeDoGrid {

    font-size: 1.25rem;

    }
    
    #whoWeDoGrid {
    padding-top: 0%;
    font-size: 1.25rem;

    }
    
    
    .squareTextWhy {
    font-size: 1.4rem;
    }
    
    
    
    .squareTextWho {

    font-size: 1.4rem;
    }
    
    /* .slick-prev {
    left: 1% !important;
    }
    
    .slick-next {
    right: 1% !important;
    } */

    .newMvTitleText {
    width: inherit;
        
        
    }

	.main-logo {
	    
	    width:45%;
	    
	    
	}
	
	
	.slick-slider, .slick-list {
		max-height: 10%!important;
	}
	
	
	


}


/* For mobile (landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.newMvTitleText{
		
		font-size:2rem;

		
	}
	
	
	#contextNew {

	font-size: 1.2rem;
	height: 65vh;

	}
	
	.squareTextWhy {
    font-size: 1.25rem;
    }
    
    
    
    .squareTextWho {

    font-size: 1.25rem;
    }
    
	
	.newContTxt {

		max-height: 25vh;
	
	}
	
	
	
}

/* For tablet */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	
	
	#containerTitText {

    padding-top: 6vh;
	
	
	}
	
	
	#contextNew {

	height: 100%;
	font-size: 1.3rem;

	}
	
	
	.newMvTitleText{
		
		font-size: 3.2rem;

		
	}
	
	#whyWeDoGrid {

    font-size: 1.8rem;

    }
    
    
    #whoWeDoGrid {
    padding-top: 0%;
    font-size: 1.2rem;

    }
    
	.squareTextWhy {
    font-size: 2.2rem;
    }
    
    
    
    .squareTextWho {

    font-size: 2rem;
    }
    
	
	.newContTxt {

		max-height: 25vh;
	
	}
	
	
	
	
	
}

/* For typical desktop */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	#contextNew {

	height: 100%;

	}
	
	
	.newContTxt {

		max-height: 25vh;
	
	}
	
	
}