/* ----------------------------------------------------------------

	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/Logo-01.jpg) 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}













