@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap');

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
*/

html, body {
font-size:15px;	
line-height:150%;
/* 
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
background:#D1FDF6; 
background:#D1FDF6 url('../images/bg-texture-1.png')repeat center center fixed;
background:url('../images/bg-texture-2.png')repeat center center fixed;
*/
background:#EAFAF1 url('../images/bg-texture-1.png')repeat center center fixed;
color:#303030;
}

p {line-height:150%;}

.navbar-brand {padding:0px;}
.navbar-brand img {height:auto;}

.navbar .nav-item  {border:0px solid red; padding:0px 5px;}
.navbar .nav-link {font-weight:500; color:#FCFCFC !important;}
.navbar .nav-link:hover {color:#FFFFFF !important;}

/*
.dropdown-toggle::after {
  border: none;
  font: normal normal normal 12px/1 'Font Awesome 5 Free'; 
  content: "\f078";
  vertical-align: 0;
}
*/

a {text-decoration:none;}

header.masthead {
  position: relative;
  background-color:#101010;
  background: url("../images/banner-3.jpg") repeat center center scroll;
  background-size: cover;
  padding-top: 10%;
  padding-bottom: 10%;
  min-height:90vh;
}	

.overlay {
  position: absolute;
  background-color:#101010;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
}


.bg-header {
	position:relative;
	background:#000000;
	background:#D1FDF6 url('../images/banner-2.jpg') no-repeat center top fixed; 
	background-size:cover;
	padding-top: 5%;
	padding-bottom: 0%;
	min-height:60vh;
	}
	
	
.carousel-caption {
    position: absolute;
    left: 25%;
    right: 25%;
    top: 30%;
    margin-bottom: 20%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #FFFFFF;
    text-align: center;
	text-shadow:0px 0px 5px #000000;
}

.carousel-caption h3 {
	font-size:50px;
	font-weight:bold;
}


.carousel-inner {max-height:100vh;}

header.text-white{
	color:#FFFFFF !important;
}

section {padding:50px 0px;}
footer {color:#F0F0F0;}
footer a{color:#F0F0F0;}
footer a:hover{color:#FFFFFF;}

/*
*/
.btn {border-radius:25px; padding:8px 25px !important;}
.container-fluid {padding-left:50px; padding-right:50px;}

.title {
	font-family:impact;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Oswald', sans-serif;
	}
	
.text-justify {text-align:justify;}
.text-shadow {text-shadow:1px 1px 2px #101010;}

.bg-gradient-1 {background-image: linear-gradient(to right, #de0b12, #FFCC00);}

.bg-agi-1 {background:#449284;}
.bg-agi-2 {background:#02443D;}
.bg-agi-3 {background:#2A8D7C;}
.bg-agi-4 {background:#6ED6E4;}
.bg-agi-5 {background:#E8F400;}

.bold {font-weight:bold;}
.italic {font-style:italic;}

.lh-140 {line-height:140%;}
.lh-150 {line-height:150%;}
.lh-160 {line-height:160%;}

.font-12 {font-size:12px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}
.font-15 {font-size:15px;}
.font-16 {font-size:16px;}
.font-18 {font-size:18px;}
.font-20 {font-size:20px;}
.font-22 {font-size:22px;}
.font-25 {font-size:25px;}
.font-30 {font-size:30px;}
.font-35 {font-size:35px;}
.font-40 {font-size:40px;}
.font-45 {font-size:45px;}
.font-50 {font-size:50px;}
.font-55 {font-size:55px;}
.font-60 {font-size:60px;}

.fw-100 {font-weight:100;}
.fw-200 {font-weight:200;}
.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}
.fw-900 {font-weight:900;}
.fw-bold {font-weight:bold;}

.w-100 {width:100%;}
.vh-100 {height:auto; min-height:100vh;}
.vh-90 {height:auto; min-height:90vh;}
.vh-80 {height:auto; min-height:80vh;}
.vh-70 {height:auto; min-height:70vh;}
.vh-60 {height:auto; min-height:60vh;}
.vh-50 {height:auto; min-height:50vh;}
.vh-40 {height:auto; min-height:40vh;}
.vh-30 {height:auto; min-height:30vh;}
.vh-25 {height:auto; min-height:25vh;}
.vh-20 {height:auto; min-height:20vh;}
.vh-15 {height:auto; min-height:15vh;}
.vh-10 {height:auto; min-height:10vh;}

.img-w100 {width:100px;}
.img-w150 {width:150px;}
.img-w200 {width:200px;}


.inner {overflow:hidden;}
.inner img{transition: all 1.25s ease;}
.inner:hover img{transform: scale(1.25);}



.zoom {
  transition: transform 0.5s; /* Animation */
  height: auto;
}

.zoom:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.breadcrumb {background:#E0E0FF; padding-top:5px; margin-bottom:0px;}

.image-block {
	position: relative;
	width: 100%;
	margin: 0 auto;
	border-radius:10px;
	}
	
.image-block img{
	border-radius:10px;
	}
	
.image-block .image-block-text{
	position: absolute;
	bottom: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	color: #f1f1f1;
	width: 100%; 
	padding: 20px;
	padding-bottom: 10px;
	visibility:hidden;
	border-bottom-left-radius:10px;
	}
	
.image-block:hover .image-block-text{
	transition:all 5.0s ease;	
	visibility:visible;
	}


@media (max-width: 768px) {
html, body {}
.navbar-brand img {height:50px;}
.navbar-toggler {border-width:0px;}
section {padding:40px 0px;}

header.masthead {
  padding-top: 10%;
  padding-bottom: 10%;
  min-height:50vh;
}	

.container-fluid {padding-left:25px; padding-right:25px;}


}