/* Fonts */
@import url(animate.css);
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
/* Fonts */

html { margin: 0; padding: 0; height:100%; min-height:100%; overflow-x:hidden;}
body{ 
margin:0px auto;
padding:0px;
font-family: 'Abel', sans-serif; font-weight:400;
font-size:22px;
color:#222;
line-height:30px;
height:100%; 
min-height:100%;
height:100vh;
}

:root{--red:#035656; --yellow:#facd1a; --darkred:#035656;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
*{ box-sizing:border-box;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:var(--yellow); text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:none; color:var(--red);
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.clear{line-height:0; clear:both;}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 40px; border-bottom:2px #ddd dotted;
/*-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);*/
}


.aln-cntr{display:block; overflow:hidden; clear:both; text-align:center; margin-bottom:35px;}
.aln-cntr img{max-width:100%;}

h1, h2, h3, h4{line-height:1.3; font-weight:800;}

.midImgArea{text-align:center; padding:80px 0; color: #fff;}
.midImgArea > img{margin-bottom:30px;}
.midImgArea h1{font-size:60px; color:#fff; line-height:1; margin-bottom:30px; letter-spacing:2px; color:var(--yellow);}
.midImgArea h1 span{font-size:48px;}
.midImgArea h1 + span{color:#fff; text-transform:uppercase; font-size:18px; font-weight:600;}
.midImgArea > p{ display:block; clear:both; overflow:hidden; margin-bottom:5px; font-size:20px;}
.midImgArea h2{ color:#222; margin-bottom:20px; font-weight:600; text-transform:uppercase; font-size:20px; letter-spacing:1px; margin-top:20px; animation: blinker 2s linear infinite;}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.midImgArea > div img{max-width:100%; margin-bottom:30px; border:5px #fff solid;}


.footerArea{/*background:#f7f7f7;*/ display:block; padding:0; bottom:0; left:0; right:0; padding:20px 0;}
/*.footerArea:after{position:absolute; left:0; right:0; top:-60px; height:165px; content:''; display:block; width:100%; background:transparent url('../images/footerBg.png') no-repeat center top; background-size:100%;}*/
.footerArea [class^="col-"] > div{position:relative; padding-left:65px; z-index:5;}
.footerArea [class^="col-"] > div img{}
.footerArea [class^="col-"] > div small{font-size:16px; color:var(--yellow); display:block; clear:both; padding-top:10px;}
.footerArea [class^="col-"] > div a{display:block; overflow:hidden; font-weight:600; color:#444; line-height:1.3; margin-bottom:15px; font-size:24px; color: #fff;}
.footerArea [class^="col-"] > div a:hover{color:var(--yellow);}

.cards{text-align:center; display:block; margin:0; padding:10px 0 0; list-style-type:none;}
.cards li{display:inline-block; padding:3px;}
.cards li img{border:2px #ddd solid; border-radius:5px; height:50px;}

.madewithlove{text-align:center; font-size:16px; padding-top:10px; display:block;}
.madewithlove img{height:20px; margin-right:5px;}


#carouselExampleIndicators{position:fixed; height:100vh; width:100%; z-index:-1; filter: blur(0.1rem);}
#carouselExampleIndicators img{ width:100%; animation: resize 30s linear infinite;}
#carouselExampleIndicators:after{content:''; display:block; background:rgba(0,0,0,.1); width:100%; top:0; bottom:0; position:absolute; z-index:2;}
@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
0% {transform:scale(1);}
}


.midImgArea a{ padding: 15px 30px; background: #9A0002; color: #fff; text-transform: uppercase; display: inline-block;}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1030px){
}

@media (max-width: 990px){
}

@media (max-width: 767px){
body{ 
height:auto;
}


#carouselExampleIndicators img{ width:auto!important; height:100vh;}

.midImgArea{padding:20px 0;}
.midImgArea h1{font-size:36px;}

.footerArea{position:static; padding:20px 0; text-align:center;}
.footerArea [class^="col-"] > div {padding-left: 0;}
.footerArea [class^="col-"] > div a{margin-bottom:0;}

.footerArea:after{top:-30px; height:50px;}
.footerArea [class^="col-"]{margin-bottom:15px;}

.midImgArea h2{font-size:18px; letter-spacing:1px; margin:15px 0 30px; display:block;}


}

@media (max-width: 500px){
}

@media (max-width: 380px){
}




/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}