@import url("https://fonts.googleapis.com/css?family=Hind:400,600|Montserrat:600,700");
/*
font-family: "Hind", sans-serif;
font-family: "Montserrat", sans-serif;
 */

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

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

p {
	font-family: "Hind", sans-serif;
	font-size: 16px;
	font-weight: 400;
}

small { font-family: "Hind", sans-serif; font-weight: 400; }

a {
	font-family: "Hind", sans-serif;
	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 { text-decoration: none; }
a:focus { outline: none !important; }

li {
	font-family: "Hind", sans-serif;
	font-size: 16px;
	line-height: 1.66667;
	font-weight: 300;
}

label {
	font-family: "Hind", sans-serif;
	font-weight: 600;
	font-size: 12px;
}



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

.nav-MPA { background: rgba(35, 30, 96, 1); }

.nav-MPA .navbar-nav .nav-link {
	font-size: 18px;
   padding-left: 15px;
   padding-right: 15px;
	color: #FFF;
}
@media only screen and (max-width: 1199.50px) { .nav-MPA .navbar-nav .nav-link { font-size: 15px; } }
@media only screen and (max-width: 991.50px)  { .nav-MPA .navbar-nav .nav-link { font-size: 14px; padding-left: 6px; padding-right: 6px; } }
@media only screen and (max-width: 767.50px) { .nav-MPA .navbar-nav .nav-link { font-size: 18px; padding-left: 15px; padding-right: 15px; } }

.nav-MPA .navbar-nav .nav-link:focus, .nav-MPA .navbar-nav .nav-link:hover { color: #000; background-color: #ffcb27; border-radius: 10px 0 10px 0; }
@media only screen and (max-width: 767.50px) { .nav-MPA .navbar-nav .nav-link:focus, .nav-MPA .navbar-nav .nav-link:hover { padding-left: 25px; } }

.nav-MPA .dropdown-menu { background-color: #ffcb27; }
.nav-MPA .dropdown-menu .dropdown-item:hover { background-color: #d7192a; color: #FFF; }

.animate {
			   animation-duration: 0.3s;
	 -webkit-animation-duration: 0.3s;
			  animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
@keyframes slideIn {
	0% { transform: translateY(1rem); opacity: 0; }
	100% { transform:translateY(0rem); opacity: 1; }
	0% { transform: translateY(1rem); opacity: 0; }
}
@-webkit-keyframes slideIn {
	0% { -webkit-transform: transform; -webkit-opacity: 0; }
	100% { -webkit-transform: translateY(0); -webkit-opacity: 1; }
	0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; }
}
.slideIn { -webkit-animation-name: slideIn; animation-name: slideIn; }



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

.jumbo-main {
   background: rgba(255, 255, 255, 0.5);
   margin-top: -90px;
   margin-bottom: 0;
   position: relative;
   z-index: 4;
}
@media only screen and (max-width: 995px)    { .jumbo-main { margin-top: -65px; } }
@media only screen and (max-width: 767.50px) { .jumbo-main { margin-top: -90px; } }



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

.carousel-main {}
.carousel-main h2 { margin: 0; font-size: 60px; }
.carousel-main h4 { margin: 0; font-size: 25px; }
.carousel-main p { margin: 0; font-size: 16px; }



/* OTHERS
============================================================================================================================== */

.header-logo { margin-top: -50px; }
@media only screen and (max-width: 995px) { .header-logo { margin-top: -20px; } }
@media only screen and (max-width: 767.50px) { .header-logo { margin-top: 0; } }

.header-logo-alt { position: relative; z-index: 5; margin-top: 50px; margin-bottom: -100px; }
@media only screen and (max-width: 1006.50px) { .header-logo-alt { margin-top: 100px; margin-bottom: -100px; } }
@media only screen and (max-width: 767.50px) { .header-logo-alt { margin-top: 0; margin-bottom: -70px; } }

.header-title { font-size: 30px; color: #FFF; margin: 0; }
@media only screen and (max-width: 869.50px) { .header-title { font-size: 25px; } }



.card-alt { margin-top: 40px; }
@media only screen and (max-width: 575.50px) { .card-alt { margin-top: 0; } }

.spin-50s {
	-webkit-animation: fa-spin 50s infinite linear;
	animation: fa-spin 50s infinite linear;
}

.btn-MPA { transition: all .2s ease-in-out; }
.btn-MPA:hover { background-color: transparent; transform: scale(1.1); color: #000; }

.hovGrow { transform: scale(0.95); transition: all .2s ease-in-out; }
.hovGrow:hover { transform: scale(1.0); }

.footer {
	background: rgba(35, 30, 96, 1);
	color: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
}

.history-box {
	position: relative;
	background: #f1f1f1;
   top: 45px;
   left: 100px;
	z-index: 5;
   padding: 60px;
}
@media only screen and (max-width: 991.50px) { .history-box { left: 70px; } }
@media only screen and (max-width: 767.50px) { .history-box { left: 0; top: 0; } }

.msg-box {
	position: relative;
	background: #f1f1f1;
   top: 50px;
   right: 150px;
	z-index: -1;
   padding: 40px 40px 40px 150px;
}
@media only screen and (max-width: 991.50px) { .msg-box { right: 70px; padding: 40px 40px 40px 60px; } }
@media only screen and (max-width: 767.50px) { .msg-box { right: 0; top: 50px; } }

.video-btn {
	border: 2px solid #FFF;
	border-bottom: 5px solid #FFF;
	filter:grayscale(70%);
	-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		 -ms-transition: all 300ms ease;
		  -o-transition: all 300ms ease;
			  transition: all 300ms ease;
}
.video-btn:hover {
	cursor: pointer;
	filter:none;
	border-bottom: 5px solid red;
}