@charset "UTF-8";
/* --------------------------------
            GENERAL CSS
---------------------------------- */
html {
	-webkit-tap-highlight-color: transparent;
	font-size: 10px;
	max-width: 100%;
	overflow-x: hidden;
}
body {
	margin: 0px;
	padding-top: 80px;
	max-width: 100%;
	overflow-x: hidden;
	font-family: Fira Sans, Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.81;
	color: #555;
	background-color: #fff
}
a {
	color: #002D72;
	/*    color: white; */
	text-decoration: none
}
a:focus, a:hover {
	color: darkgray;
	text-decoration: underline
}
a:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
img {
	vertical-align: middle
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: #0c0633
}
.h1, h1 {
	font-size: 47px
}
.h2, h2 {
	font-size: 35px
}
.h3, h3 {
	font-size: 27px
}
.h4, h4 {
	font-size: 20px
}
.h5, h5 {
	font-size: 15px
}
.h6, h6 {
	font-size: 13px
}
p {
	margin: 0 0 13.5px
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
.text-center {
	text-align: center
}
.text-justify {
	text-align: justify
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
.container:after, .container:before {
	content: " ";
	display: table
}
.container:after {
	clear: both
}
/* --------------------------------
           NAVBAR SECTION
---------------------------------- */
.navbar {
	margin-top: -60px;
	overflow: hidden;
}
.adelogo {
	height: 8.7rem;
	padding-left: 20px;
	padding-right: 20px;
}
.aeeblogo {
	height: 7rem;
	width: 25.5rem;
	margin-top: 7px;
}
.line {
	height: 8px;
	background: #910048;
	background: -moz-linear-gradient(left, #910048 0%, #910048 33%, #002D72 33%, #002D72 67%, #CB6015 67%, #CB6015 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #CB6015), color-stop(33%, #CB6015), color-stop(33%, #002D72), color-stop(67%, #002D72), color-stop(67%, #910048), color-stop(100%, #910048));
	background: -webkit-linear-gradient(left, #910048 0%, #910048 33%, #002D72 33%, #002D72 67%, #CB6015 67%, #CB6015 100%);
	background: -o-linear-gradient(left, #910048 0%, #910048 33%, #002D72 33%, #002D72 67%, #CB6015 67%, #CB6015 100%);
	background: linear-gradient(to right, #910048 0%, #910048 33%, #002D72 33%, #002D72 67%, #CB6015 67%, #CB6015 100%);
}
/* --------------------------------
           VIDEO SECTION
--------------------------------- */
.hero {
	min-height: 800px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.bg-overlay {
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
}
#myVideo {
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}
/* --------------------------------
            VIDEO SECTION
        FEATURE - SHADOW AREA
---------------------------------- */
.aeeb_title, .aeeb_statement {
	color: white;
}
.caption {
	margin-left: 0px;
	/* width: 110rem; */
	/*position: absolute;*/
	top: 20rem;
	color: white;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
	padding: 40px 40px 30px 40px;
	border: 1px solid gray !important;
}
.caption h1 {
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: .3rem;
	text-shadow: .2rem .2rem .8rem black;
	padding-top: 20px;
}
.caption h2 {
	text-align: justify;
	font-size: 2.5rem;
	letter-spacing: .1rem;
	text-shadow: .1rem .1rem .8rem black;
	padding-bottom: 0px;
}
/* --------------------------------
            VIDEO SECTION
    FEATURE - SHADOW AREA BUTTONS
---------------------------------- */
.btn-info {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	background-color: #CB6015;
	padding: 20px 40px;
	margin: 10px;
	border-radius: 5px;
	border: 1px solid #D3D3D3 !important;
}
.btn-info.focus, .btn-info:focus {
	color: #002D72;
	background-color: #CB6015 !important;
}
.btn-info.active, .btn-info:active, .btn-info:hover, .open > .btn-info.dropdown-toggle {
	color: #002D72 !important;
	background-color: #CB6015;
}
/* --------------------------------
            LINKS SECTION
---------------------------------- */
.placeholders {
	margin-top: 3rem;
	margin-bottom: 7rem;
}
/* --------------------------------
            CONTACT SECTION
---------------------------------- */
.fixed-background {
	background-color: #e9ecef;
	/*padding-top: 70px; */
}
.logo2 {
	height: 7rem;
	width: 7rem;
	border-radius: 50%;
}
.taese {
	border: .3rem solid gray;
	border-radius: 50%;
	margin-bottom: 14px;
}
.tech {
	background-color: #002D72;
	color: white;
}
.tech a {
	color: white;
}
.mail {
	color: #002D72;
	text-decoration: underline;
}
/* --------------------------------
           FOOTER SECTION
---------------------------------- */
footer {
	background-color: #002D72;
	color: white;
	padding: 2.5rem 0;
	border-top: .3rem solid darkgray;
}
footer a {
	color: white;
}
footer .mail {
	color: white;
	text-decoration: underline;
}
footer img {
	height: 6rem;
	border-radius: 2px;
	margin-top: 10px;
	border-color: lightgray;
	border-width: 10px;
}
.fixfooter {
	position: sticky;
	top: 100%;
}
.copyright {
	font-size: 12px;
}
.feature {
	font-size: 16px;
	margin-top: 10px;
}
.feature2 {
    margin: 20px 10px;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 30px;
	
}
.adetext {
	font-size: 25px;
	color: white;
	margin: 40px 30px;
}
.ade_ess {
	height: 220px;
	width: 220px;
	margin-top: 70px;
}
.f_title {
	color: white;
	font-size: 22px;
}
.intouch {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 25px;
	color: white;
}
.social {
	height: 37px;
	width: 37px;
	text-align: center;
	border: 2px solid #fff;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 40px;
	border-radius: 20%;
}
.btn-info {
	border: none;
}
/* --------------------------------
        ***MEDIA QUERIES ***
---------------------------------- */
@media (min-width: 200px) and (max-width: 578px) {
	.adelogo {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		height: 58;
	}
	.aeeblogo {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		height: 50;
		width: 215;
	}
	.caption {
		padding-bottom: 10px;
	}
	.caption h1 {
		text-align: center;
		font-size: 23px;
	}
	.caption h2 {
		text-align: center;
		font-size: 23px;
		padding: 10px 10px 0px 10px;
	}
	.btn-lg {
		display: block;
	}
	.btn-info {
		padding: 1.5rem;
	}
	.caption {
		padding: 20px 10px 20px 10px;
	}
	.placeholder {
		margin-top: 0;
		margin-bottom: 20;
	}
	.placeholders {
		margin-top: 0;
		margin-bottom: 0;
	}
}
@media (min-width: 576px) {
	.aeeb_title {
		font-size: 40px !important;
	}
	.caption h2 {
		font-size: 28px !important;
		padding-top: 20px;
	}
}
@media (min-width: 992px) {
	.aeeb_title {
		font-size: 32px !important;
	}
	.caption h2 {
		padding: 10px !important;
		font-size: 24px !important;
	}
}
@media (min-width: 300px) and (max-width: 1200px) {
	.hero-text {
		width: 80%;
		margin-left: 10%;
	}
	.adetext {
		margin: 40px 30px;
	}
	.caption h1 {
		text-align: center;
		font-size: 24px!important;
	}
}
@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}
.row {
	margin-left: -15px;
	margin-right: -15px
}
.row:after, .row:before {
	content: " ";
	display: table
}
.row:after {
	clear: both
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left
}
.subfooter .row {
	margin-left: 0;
	margin-right: 0;
}
@media (min-width:768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left
	}
}
@media (max-width:992px) {
	.adelogo {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.aeeblogo {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.caption h2 {
		text-align: center;
	}
	.feature {
		display: block;
	}
	.feature2 {
		text-align: center;
		font-size: 16px;
	}
	.feature3 {
		text-align: center;
	}
	.ade_ess {
		height: 140px;
		width: 140px;
		margin-top: 40px;
	}
}
@media (min-width:992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left
	}
	.col-md-1 {
		width: 8.33333%
	}
	.col-md-2 {
		width: 16.66667%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-4 {
		width: 33.33333%
	}
	.col-md-5 {
		width: 41.66667%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-7 {
		width: 58.33333%
	}
	.col-md-8 {
		width: 66.66667%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-10 {
		width: 83.33333%
	}
	.col-md-11 {
		width: 91.66667%
	}
	.col-md-12 {
		width: 100%
	}
}
.navbar {
	position: relative;
	margin-bottom: 27px;
}