@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/*
font-family: "Rubik", sans-serif;
font-family: "Outfit", sans-serif;
*/

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

h1, h2, h3, h4, h5, h6 {
	transition: .5s;
	margin: 0;
	line-height: 1.2;
	font-weight: 600;
	font-style: normal;
	font-family: "Rubik", sans-serif;
}
h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

p {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
	font-family: "Outfit", sans-serif;
	-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
}

ol, li, ul { font-family: "Outfit", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; font-style: normal; }
small { font-family: "Outfit", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.0; }

a, a:visited {
	font-family: "Outfit", sans-serif;
	text-decoration: none;
	cursor: pointer;
	color: #000;

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
a:hover, a:focus, a:active { text-decoration: underline; color: #000; outline: none; }



/* CUST_AMINATION
============================================================================================================================== */

@-webkit-keyframes floater { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 15px); } 100% { transform: translate(0, -0px); } }
@keyframes floater { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 15px); } 100% { transform: translate(0, -0px); } }



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

.wrap-vid {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: url('../imgs/BGs/BG-1.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.wrap-vid video {
	top: 50%;
	left: 50%;
	z-index: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		 -ms-transform: translateX(-50%) translateY(-50%);
			  transform: translateX(-50%) translateY(-50%);
}

.wrap-vid .wrap-content {
	position: relative;
	z-index: 2;
	background-color: rgba(203, 236, 255, 0.5);
	padding-bottom: 180px;
}

.wrap-airplane {
	width: 1000px;
	margin:-170px auto;
	position: relative;
	z-index: 3;

	transform: translatey(0px); animation: floater 5s ease-in-out infinite;
}

@media only screen and (max-width: 1199.50px) {
	.wrap-airplane { width: 850px; margin:-150px auto; }
	.wrap-vid .wrap-content { padding-bottom: 150px; }
}
@media only screen and (max-width: 991.50px) {
	.wrap-content h2 { font-size: 30px; }
	.wrap-airplane { width: 700px; margin:-130px auto; }
	.wrap-vid .wrap-content { padding-bottom: 130px; }
}
@media only screen and (max-width: 767.50px) {
	.wrap-content h2 { font-size: 25px; }
	.wrap-airplane { width: 450px; margin:-80px auto; }
	.wrap-vid .wrap-content { padding-bottom: 80px; }
}
@media only screen and (max-width: 575.50px) {
	.wrap-content h2 { font-size: 18px; }
	.wrap-airplane { width: 450px; margin:-80px auto; display: none; }
	.wrap-vid .wrap-content { padding-bottom: 80px; }
}



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

.nav-main { background-color: #000; }

.nav-main .navbar-nav .nav-link {
	font-family: "Rubik", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 20px;
	font-weight:600;
	color: rgba(255, 255, 255, 0.9);
	padding-left: 30px;
	padding-right: 30px;
	transform: scale(1.0);

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
@media only screen and (max-width: 1199.50px) { .nav-main .navbar-nav .nav-link { padding-left: 15px; padding-right: 15px; font-size: 18px; } }
@media only screen and (max-width: 991.50px) { .nav-main .navbar-nav .nav-link { padding-left: 10px; padding-right: 10px; font-size: 15px; } }

.nav-main .navbar-nav .nav-link:focus, .nav-main .navbar-nav .nav-link:hover { transform: scale(1.1); color: #FFF; text-decoration: none; }
.nav-main .dropdown-menu { background-color: #000; border-top: 3px dashed #FFF; border-radius: 0; }
.nav-main .dropdown-item { font-weight: 600; color: #FFF; }
.nav-main .dropdown-item:focus, .dropdown-item:hover { background-color: #FFF; text-decoration: none; color: #000; }

.navbar-toggler { border: 3px solid #FFF; }
.wrap-logo { margin-left: 20px; width: 120px; }
.nav-main .offcanvas-header .close-btn {
	margin: 10px 10px 10px auto;
	transform: scale(0.8);

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
.nav-main .offcanvas-header .close-btn:hover { transform: scale(1.0); }

@media only screen and (max-width: 767.50px) {
	.nav-main .offcanvas { background-color: #FFF; }
	.nav-main .navbar-nav .nav-link { font-size: 22px; font-weight: 600; color: rgba(0, 0, 0, 0.8); text-align: left; margin-top: 10px; margin-bottom: 10px; }
	.nav-main .navbar-nav .nav-link:focus, .nav-main .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 1.0); padding-left: 40px; }

	.nav-main .dropdown-menu { background-color: #000; border-top: 3px dashed #FFF; margin-left: 25px; }
	.nav-main .dropdown-item:focus, .dropdown-item:hover { background-color: #FFF; text-decoration: none; color: #000; padding-left: 20px; }
}



/* SLIDER
============================================================================================================================== */



/* FORMS
============================================================================================================================== */

label {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	font-size: 16px;
}
.form-control, .form-select {
	font-family: "Outfit", sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	border: 3px solid #000;
	background-color: #FFF;
	border-radius: 10px;
	padding: 10px 15px 10px 15px;

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		  -o-transition: all 0.2s;
		 -ms-transition: all 0.2s;
			  transition: all 0.2s;
}
.form-control:active, .form-control:hover, .form-select:active, .form-select:hover { border-color: #ee8037; color: #000; }
.form-control:focus, .form-select:focus { border-color: #ee8037; color: #000; -webkit-box-shadow: none; box-shadow: none; }

.table { font-family: "Outfit", sans-serif; font-size: 16px; }
.hpNo { display: none; }


/* BUTTONS
============================================================================================================================== */

.btn-main {
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	padding: 15px 35px 15px 35px;
	font-family: "Outfit", sans-serif;
	border-radius: 30px;
	-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		 -ms-transition: all 0.4s ease-in-out;
		  -o-transition: all 0.4s ease-in-out;
			  transition: all 0.4s ease-in-out;
}

.btn-main.dflt { background-color: #dd3935; color: #FFF; border: 3px solid #dd3935; }
.btn-main.dflt:hover { background-color: #000; color: #FFF; border: 3px solid #dd3935; }

.btn-main.gold { background-color: #ee8037; color: #FFF; border: 3px solid #ee8037; }
.btn-main.gold:hover { background-color: #FFF; color: #ee8037; }

.btn-main.dark { background-color: #000; color: #ee8037; border: 3px solid #000; }
.btn-main.dark:hover { background-color: #FFF; color: #000; }

.btn-main.sml { font-size: 14px; padding: 8px 20px 8px 20px; }
.btn-main.unfill { background-color: transparent; color: #ee8037; border: 3px solid #ee8037; }
.btn-main.unfill:hover { background-color: #000; color: #ee8037; }
.btn-main.full { width: 100%; }



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

footer {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #0b2733;
}
footer .logo-footer { max-width: 300px; }
footer a { color: #FFF; text-decoration: none; }
footer a:hover, footer a:visited, footer a:active { color: #FFF; text-decoration: underline; }

footer hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #FFF;
	margin: 55px auto 15px;
	opacity: 1;
	width: 350px;
 }


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

.bg-blue-drk { background-color: #0b2733; }
.txt-red { color: #dd3935; }
.BG-1 {
	background:linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url('../imgs/BGs/BG-2.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}
.BG-3 {
	/* background:linear-gradient(90deg, rgba(0, 204, 255, 0.6), rgba(4, 0, 255, 0.6)), url('../imgs/BGs/BG-3.jpg'); */
	background:linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../imgs/BGs/BG-3.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.wrap-who-we-are { margin-right: 30px; }
.mission-box {
	height: 100%;
	margin-left: 30px;
	background-color: #0b2733;
	padding: 70px 60px 30px 60px;
}
@media only screen and (max-width: 767.50px) { .mission-box { margin-left: auto; padding: 60px 60px 60px 60px; } }
.bg-img-1 {
	background-image: url('../imgs/img-1.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.div-commitment {
	background-image: url('../imgs/bg-blue-drk.jpg');
	background-position: top;
	background-repeat: repeat-x;
}

/* - - */

.card-cmtmnt {
	border: 0;
	border-radius: 0;
	transform: scale(0.95);
	
	-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		 -ms-transition: all 0.4s ease-in-out;
		  -o-transition: all 0.4s ease-in-out;
			  transition: all 0.4s ease-in-out;
}
.card-cmtmnt:hover {  transform: scale(1.0); }
.card-cmtmnt .card-img-top { border-radius: 0; }
.card-cmtmnt .card-body { background-color: #0b2733; text-align: center; padding-right: 20px; padding-left: 20px; }
.card-cmtmnt .card-body p { color: #FFF; font-size: 16px; }

/* - - */

.card-nmbr { transition: 0.3s; overflow: hidden; }
.card-nmbr .p-no { transition: 0.3s; text-align: right; font-size: 100px; font-weight: 900; line-height: 0.2; color: #e3e6e6 }
.card-nmbr .card-body .icon { font-size: 50px; color: #0b2733; margin-bottom: 15px; margin-top: 15px; }
.card-nmbr .card-body .icon-ii { transition: 0.3s; font-size: 100px; color: #e3e6e6; position: absolute; top: -30px; right: 5px; }
.card-nmbr:hover { transform: translate(0, -10px); overflow: visible; border: 1px solid #ed1c24; }
.card-nmbr:hover .p-no { color: #ed1c24; transform: translate(0, -10px); }
.card-nmbr:hover .icon-ii { color: #ed1c24; transform: translate(0, -10px); }

/* - - */

.img-committee {
	border-radius: 50%;
	border: 5px solid #000;
}

.contUs-map {
	width: 100%;
	height: 350px;
	border: 5px solid #000;
	border-radius: 20px;
}