@import url("queries/index-queries.css");

.active-home {color:#ef1c26!important;}

/* ANIMATION START */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0; 
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards; 
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.fade-in.two {
  -webkit-animation-delay: .4s;
  -moz-animation-delay:.4s;
  animation-delay: .4s;
}

.fade-in.three {
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
  animation-delay: .7s;
}


/*INDEX DEFAULT START*/

h1,h2,h3,h4 {font-family: 'Montserrat', sans-serif!important;}
	
h1,h2,h3,h4 {font-family: "CanlinFont-lite1", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}

p {font-size: 15px;line-height:20px; font-family: "Franklin Gothic Book",Gotham, Helvetica, Arial,"sans-serif";}
	
a {cursor:pointer;text-decoration:none;}	

main {padding:50px 20px!important;}


/*☰ MENU*/

.menu-button {width:40px;height:auto;position:absolute;top:5rem;right:0;display:none;}

.show-menu {display:none;}

/*HEADER START*/

header {
	margin:0 auto;
	position:relative;
	min-height:400px;
	max-height: 100%;
	width:100%;
	background-image:url('../assets/images/header.jpg');
	background-position: center;
	background-attachment: scroll;
	background-size:cover;
	background-repeat: no-repeat;
}


/*HEADER BANNER TEXT START*/

/*.about-slide-info .btn {top:110%;left:20%;position:absolute;}*/

.about-flex{
	display: grid;
	grid-template-columns: 1fr 1fr; /* Two columns of equal width */
	gap: 20px; 
}

.about-slide {
	color:#fafafa;
	position:relative;
	top:2rem;
	z-index: 100; 
	max-width:670px;
	/*top:10%;*/
	height: 80%;
	background:rgba(0,0,0,0.5);
	text-shadow: #353535 1px 0 5px;
	padding:30px;
	text-align:left;
	}

.about-slide-info {

	left: 50%;
    top: 40%;
	padding-left:2rem;
	width:100%;}
	
.about-slide-new {
	color:#fafafa;
	margin-top:2rem;
	max-width:670px;
	height: 80%;
	background:rgba(0,0,0,0.5);
	text-shadow: #353535 1px 0 5px;
	padding:30px;
	text-align:left;
}

.about-slide-btn {
	background:#ef1c26;
	padding:10px 20px;
	display:inline-block;
	color:#fafafa;
	border-radius: 50px;
	border:1.5px solid #ef1c26;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
	transition:all 0.3s ease;
	text-align:center;
}

.about-slide p{text-indent: 2.5em;padding-right:4rem;font-family: 'Montserrat', sans-serif;}	

.canlinred {color:#ef1c26; }

.about-slide h1 {font-family: 'Montserrat', sans-serif;text-transform:uppercase;font-size:40px;font-weight:700!important;}	

.linkred {color:#ef1c26;font-size:15px; font-family: "Franklin Gothic Book",Gotham, Helvetica, Arial,"sans-serif";}	

.about-slide a:hover {text-decoration:none;}

/*HEADER BANNER TEXT END*/


/*MAIN CONTENT START*/

#grid-container {
	margin:0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap:1rem!important;
	grid-auto-rows: minmax(100px, auto);
	justify-items: center;
	align-items: center;
	font-family: 'Montserrat', sans-serif;
	max-width:75rem!important;
	height:auto;
}

#grid-container img {
	margin:0 auto;
	border-bottom:10px solid #ef1c26;
	}

.items {position:relative;margin:0 auto;}

.grid-text-container{
	margin:0 auto;
	text-align:center;
	padding:0px;
	height:75%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	color:#fafafa;
	max-width:280px;
	text-shadow: #353535 1px 0 5px;
	}

.grid-text {margin:0 auto; text-align:left;font-size: 15px;width:300px;}	

.grid-text-container h3 {text-align:center;padding:0;text-transform: uppercase;font-size:35px;}

.grid-text-container h3:last-of-type {font-size:28px;}

.btn {
	background:#ef1c26;
	padding:10px 20px;
	display:inline-block;
	color:#fafafa;
	border-radius: 50px;
	border:1.5px solid #ef1c26;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
	transition:all 0.3s ease;
	text-align:center;
	position: absolute;
    left: 50%;
    top: 85%;
    transform: translate(-50%,-50%);
	}

.about-slide-btn:hover {background:transparent;border:1.5px solid #fafafa;transition:all 0.2s ease;} 
.btn:hover {background:transparent;border:1.5px solid #fafafa;transition:all 0.2s ease;}


/*INTERNET EXPLORER QUERIES*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
/* IE10+ CSS styles go here */
#grid-container {
	margin:0 auto;
	max-width:80em;
	display: -ms-grid;
	display: -ms-flexbox;
	-ms-grid-columns: 1fr 1fr 1fr; 
    -ms-flex-pack: center;
}

.one,.two,.three {margin:1em;}	
	
#grid-container .one { 
	-ms-grid-column: 1;
	-ms-grid-row: 1;}

#grid-container .two { 
	-ms-grid-column: 2;
	-ms-grid-row: 1;}

#grid-container .three { 
	-ms-grid-column: 3;
	-ms-grid-row: 1;}
}