/* ----------------------------------------------------------------
	Bootstrap Adjustments
-----------------------------------------------------------------*/
@media (min-width: 576px) {	.container { max-width: 540px; }}
@media (min-width: 768px) {	.container { max-width: 750px; }}
@media (min-width: 992px) {	.container { max-width: 970px; }}
@media (min-width: 1200px) {.container { max-width: 1170px; }}


/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/
body {background:#fff;   font: normal normal normal 16px/26px Open Sans; color:#06080A;}
dl, dt, dd, ol, ul, li {	margin: 0;	padding: 0;}
.clear {	clear: both;	display: block;	font-size: 0px;	height: 0px;	line-height: 0;	width: 100%;	overflow:hidden;}
::selection {	background: #35CBF8;	color: #FFF;	text-shadow: none;}
::-moz-selection {	background: #35CBF8; color: #FFF;	text-shadow: none;}
::-webkit-selection {	background: #35CBF8; color: #FFF;	text-shadow: none;}
:active,:focus { outline: none !important; }
ul li{ list-style:none}
h3{  font-family: 'Nunito Sans', sans-serif; font-weight:bold; color:#000}
h4{  font-family: 'Nunito Sans', sans-serif; font-weight:bold; color:#000}

.d-d-none{ display:none}
.d-m-none{ display:block}
.custom-file-uploader {  position: relative;}
.custom-file-uploader input[type=file] {  display: block;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 5;  width: 100%;  height: 100%;  opacity: 0;
  cursor: default;}
  .custom-file-uploader{ -webkit-border-top-left-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; padding:6px 20px !important;}
/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/
a img { border: none; }
img { max-width: 100%; }
iframe { border: none !important; }

/* ----------------------------------------------------------------
	Basic Layout Color Styles
-----------------------------------------------------------------*/
.bg-white{ background:#fff}
.bg-lite{background:#FBFBFB}
.bg-dark{ background:#000 !important}
.bg-lite1{background:#EDF8FF}
.bg-gray{background:#1F1F1F}
/* ----------------------------------------------------------------
	Basic Layout Button Styles
-----------------------------------------------------------------*/
.btn-white{ background:#fff; border-radius: 3px; color:#000; padding:5px 20px;  font-family: 'Nunito Sans', sans-serif; font-weight:700;}
.btn-white:hover{ background:#001B44; color:#fff; text-decoration:none}
.btn-blue{ background:#001B44; border-radius: 3px; color:#fff; padding:5px 20px;  font-family: 'Nunito Sans', sans-serif; font-weight:700;}
.btn-blue:hover{ background:#000; color:#fff; text-decoration:none}
.link{ color:#001B44}
.link:hover{ color:#001B44}
/* ----------------------------------------------------------------
	Nav Bar Classes
-----------------------------------------------------------------*/

.navbar{  z-index:999; width:100%; background:transparent  }
.navbar-brand{ background:url(../images/img_logo.svg) no-repeat;  width:260px; height:64px; text-indent:-2000px; z-index:2; margin-right:0; }
.nav-link{ letter-spacing: 0px; color: #001B44;   font-family: 'Nunito Sans', sans-serif; font-weight:400;}
.navbar-expand-md .navbar-nav .nav-link{padding-right: 1.5rem; padding-left: 1.5rem; position:relative }
.navbar-expand-md .navbar-nav .nav-link:hover, .navbar-expand-md .navbar-nav .nav-link.active{ color:#001B44} 
.navbar-expand-md .navbar-nav .nav-link:hover::before, .navbar-expand-md .navbar-nav .nav-link.active::before{ height: 5px;  content: "";  position: absolute;  background-color: #031D44;  width: 25%; left:40%; bottom:0 } 


/* ----------------------------------------------------------------
	Index
-----------------------------------------------------------------*/
#indexBanner{ min-height:590px}
#indexBanner .carousel-caption { text-align:left; bottom:0; top:0; left: 5%; right: 5%;}
#indexBanner .carousel-caption  h3{  font-family: 'Nunito Sans', sans-serif; font-weight:600; color: #000; }
#indexBanner .carousel-caption  h5, #indexBanner .carousel-caption  p{ color:#000}
#indexBanner .carousel-indicators{     position:absolute;    top:0;    bottom:0;    margin:auto;    height:20px;    right:10px; left:auto;    width:auto;    -webkit-transform: rotate(90deg);     -moz-transform: rotate(90deg);    -ms-transform: rotate(90deg);    -o-transform: rotate(90deg);    transform: rotate(90deg); right:15%}
#indexBanner .carousel-indicators li{ background:none;   display:block; margin-bottom:5px; border:1px solid #fff;  border-radius: 50%; width:10px; height:10px}
#indexBanner .carousel-indicators li.active{    margin-bottom:5px; background:#fff;  }
/*#indexBanner .carousel-indicators{ bottom:50%; right:0; left:auto; float:right; position:absolute}
#indexBanner .carousel-indicators > li {  border-radius: 50%; width:10px; height:10px; float:none; left:inherit; background:none; border:solid 1px #fff}
#indexBanner .carousel-indicators .active { background:#fff;}*/
.owl-carousel .owl-item img{ width:auto; margin:0 auto}
#owl-testimonial .owl-nav .owl-prev { left:0; bottom:50%; position:absolute; margin-left:-4%; color:#35CBF8; font-size:1.2rem}
#owl-testimonial .owl-nav .owl-next { right:0; bottom:50%; position:absolute; float:right; margin-right:-4%; color:#35CBF8; font-size:1.2rem}
.white-box{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 40px #00022E13; border-radius: 16px; padding:3%; margin-bottom:3%;}
.offices-tooltip { display: inline;  position: relative;  z-index: 999}
.offices-tooltip .tooltip-item { cursor: pointer;  display: inline-block;}
.offices-tooltip .tooltip-content { position: absolute;    z-index: 9999;    width:300px;    left: -100%;  bottom: 200%;  text-align: left;    -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);    box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);    background: #2b2b2b;    opacity: 0;    cursor: default;    pointer-events: none}
.offices-tooltip .tooltip-content::after {    content: '';    top: 100%;    left: 30%;    border: solid transparent;    height: 0;    width: 0;    position: absolute;
    pointer-events: none;    border-color: #2a3035 transparent transparent;    border-width: 10px;    margin-left: -10px}
.offices-tooltip:hover .tooltip-item::after {    pointer-events: auto}
.offices-tooltip:hover .tooltip-content {    pointer-events: auto;    opacity: 1;    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg)}
.offices-tooltip .tooltip-text {    display: block;    padding: 1em;    color: #fff}
#inner-banner .carousel-caption { padding-bottom:13%}
#inner-banner .carousel-caption h3{ margin:0 auto}
#join-banner .carousel-caption { padding-bottom:13%}
#join-banner .carousel-caption h3{ margin:0 auto}
#join-banner .carousel-indicators{     bottom:5%;     left:auto}
#join-banner .carousel-indicators li{ background:none;   display:block; margin-bottom:5px; border:1px solid #fff;  border-radius: 50%; width:10px; height:10px}
#join-banner .carousel-indicators li.active{    margin-bottom:5px; background:#fff;  }
.modal-body ul{ padding-left:3%;}
.modal-body ul li{ list-style:disc}

#inner-banner .carousel-caption4{     padding-bottom: 7%;}
.map a, .map a:hover{ text-decoration:none}
.modal-title{ font-weight:bold}
.become figure{ min-height:70px;}
.become h5{ min-height:30px;}
.min-h-197{ min-height:197px;}
/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
.bg-footer{ background:#001B44}
footer h5{font: normal normal bold 16px/24px Open Sans; letter-spacing: 1.12px; color: #fff; }
footer li{ list-style:none}
footer { font: normal normal normal 14px/20px Open Sans; color:#fff}
footer li a{ font: normal normal normal 14px/34px Open Sans; color:#fff}
footer li.font-weight-bold { font: normal normal bold 14px/34px Open Sans; color:#fff}
footer li a:hover{ opacity: 100%; text-decoration:none; color:#35CBF8; animation: fadein 1s; }
@keyframes fadein {    from {        opacity:0.5;    }    to {        opacity:1;    }}
footer ol li{ color:#fff;  margin-right:5px;  }
footer ol li a{ opacity: 50%; font-size:12px;  text-align:center; padding: 4px 3px; }
footer ol li a i {width:20px; height:20px; color:#fff; }
footer ol li a:hover{ color:#fff;   }
footer .copyright{ border-top:solid 1px #303030; padding-top:10px}