@import url('https://fonts.googleapis.com/css2?family=Anton&family=Rubik:wght@300;400;500;700&display=swap');
/*
font-family: 'Anton', sans-serif;
font-family: 'Rubik', sans-serif;
 */

html, body { width: 100%; height: 100%; margin:0; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Anton', sans-serif;
	font-weight: 700;
	color: #051829;
	margin: 0 0 0.4em;
}

p {
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #343a40;
}

small { font-family: 'Rubik', sans-serif; font-weight: 300; }

a {
	font-family: 'Rubik', sans-serif;
	color: #004a69;
	text-decoration: none;
	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		  -o-transition: all 0.2s;
		 -ms-transition: all 0.2s;
			  transition: all 0.2s;
}
a:hover, a:focus { color: #319547; text-decoration: none; }
a:focus { color: #319547; outline: none !important; }

li {
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	line-height: 1.66667;
	font-weight: 400;
}

label {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 12px;
}



/* NAVBAR
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.nav-SMEC { background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%); z-index: 5; }
.nav-SMEC .navbar-brand img { position: absolute; margin-top: -40px; }
@media screen and (max-width: 991.50px){
	.nav-SMEC .navbar-brand img { position: static; margin-top: 0; }
}

.nav-SMEC .navbar-nav .nav-link {
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #0f4372;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 30px;
	margin-bottom: 25px;
}
@media screen and (max-width: 991.50px){
	.nav-SMEC .navbar-nav .nav-link { margin: 0; }
}

.nav-SMEC .nav-item > .nav-link.active { color: #FFF; background-color: #0f4372; }
.nav-SMEC .navbar-nav .nav-link:focus, .nav-SMEC .navbar-nav .nav-link:hover { color: #FFF; background-color: #2e7abe; }

.nav-SMEC .dropdown-menu { background-color: #BADA55; }
.nav-SMEC .dropdown-menu .dropdown-item:hover { background-color: #1ea3dc; color: #FFF; }



/* HEADER TOP
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.header-top { background-color: #0f4372; }
.header-top p { color: #FFF; font-size: 14px; margin: 0; }
@media screen and (min-width: 929.50px) and (max-width: 1119.50px){ .header-top p { font-size: 12px; } }
@media screen and (min-width: 500.50px) and (max-width: 929.50px){ .header-top p { font-size: 11px; } }
@media screen and (max-width: 767.50px){ .header-top p { font-size: 14px; } }




/* HEADER JUMBO
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.jumbo-header {
	margin: 0;
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8) ), url('../imgs/image-bg-2.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-position: center;
}



/* CAROUSEL
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.carousel-caption { top: 40%; }
.carousel-caption h2 { font-family: 'Anton', sans-serif; font-size: 24px; font-weight: 300; font-size: 60px; }
.carousel-caption p { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 300; margin-top: -20px; }
@media screen and (max-width: 809.50px){ .carousel-caption p { font-size: 18px; } }



/* WHY US BOX
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.whyUs-wrapper {
	position: relative;
	background-color: #04294a;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: -130px;
}
@media screen and (max-width: 991.50px){ .whyUs-wrapper { margin-top: -80px; } }
@media screen and (max-width: 767.50px){ .whyUs-wrapper { margin-top: 0; } }

.whyUs-wrapper h2 { font-size: 60px; color: #FFF; }
.whyUs-wrapper h4 { font-family: 'Rubik', sans-serif; font-weight: 500; color: #f2c014; }
.whyUs-wrapper p { color: #FFF; }



/* FORM ELEMENTS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */



/* Button
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.btn-SMEC {
	border-radius: 0;
	font-family: 'Anton', sans-serif;
	padding: 15px 30px 15px 30px;
}
.btn-SMEC:hover { background-color: #0f4372; color: #FFF; }

/* OTHER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */



/* FOOTER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.footer { background-color: #303849; }

.footer p { color: #FFF; font-size: 13px; }
.footer a { color: #FFF; text-decoration: none; }
.footer a:hover, .footer a:focus { color: #f2c014; text-decoration: underline; }