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

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

body {
font-size:16px;
line-height:150%;
padding-top:0px;
color:#454545;
}

.navbar-brand {padding:0px;}
.navbar-brand img {height:auto; max-height:100px;}
/*
.navbar .nav-item  {border:0px solid red; padding:0px 5px;}
.navbar .nav-link {font-weight:500; color:#303030 !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: #6699FF;
  background: url("../banner/banner-4.webp") repeat right bottom scroll;
  background-size: cover;
  padding-top: 10%;
  padding-bottom: 10%;
  min-height:75vh;
}	

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

.bg-areas {
	position:relative;
	background:#9999FF url('../banner/slider1.jpg') no-repeat center center fixed; 
	background-size:cover;
	padding-top: 5%;
	padding-bottom: 5%;
	min-height:50vh;
	}
	
.bg-header {
	position:relative;
	background:#9999FF url('../banner/slider1.jpg') no-repeat center bottom fixed; 
	background-size:cover;
	padding-top: 15%;
	padding-bottom: 5%;
	min-height:30vh;
	}
	

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 40%;
    bottom: 60%;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}


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

section {padding:50px 0px;}
footer {color:#303030;}
footer a{color:#303030;}
footer a:hover{color:#101010;}

.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-green {background:#8cc63f;}
.text-green {color:#8cc63f;}

.bg-blue {background:#110088;}
.bg-blue-light {background:#3c9bcc;}
.bg-blue-light {background:#21a0e2;}
.bg-brown {background:#ba143a;}
.bg-gradient-1 {
  background-image: linear-gradient(to right, #090979, #02a4df);
}

.bg-gradient-2 {
    background: #156dd7;
    background: -webkit-gradient(linear, left top, right top, from(#156dd7), color-stop(35%, #2082cb), to(#3acfb1));
    background: linear-gradient(90deg, #156dd7 0%, #2082cb 35%, #3acfb1 100%);
}

.sticky-top {font-weight:600; padding:10px 0px; font-size:14px;}
.sticky-top i {font-size:20px;}
.sticky-top .left-col{text-align:left;}
.sticky-top .right-col{text-align:right;}

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

.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;}


.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:#E0E0E0; padding-top:5px;}



@media (max-width: 768px) {
.sticky-top {padding:3px 0px; font-size:14px;}
.sticky-top .left-col{text-align:center;}
.sticky-top .right-col{text-align:center;}

.navbar-brand img {height:60px;}
.navbar-toggler {border-width:0px;}
}