@charset "utf-8";
/* CSS Document */
.navbar-toggler{background-color: none; border: 0; border-radius: 0;}
.navbar-toggler-icon {    background: url("../images/menu.png"); height: 24px;}
header navbar-nav a{font-size: 20px;  color:#40403f; text-decoration: none; text-transform: uppercase;}
header navbar-nav a:hover{color:#231e5d;}

.banner{ background: #231e5d; overflow: hidden;}
.company-profile{background: #f5f6f8; overflow: hidden;}
.vision{height:360px; background: rgb(5,16,80);
background: linear-gradient(90deg, rgba(5,16,80,1) 0%, rgba(4,49,104,1) 35%, rgba(1,147,170,1) 100%); overflow: hidden;}
.contact{ background: #3a3e44; overflow: hidden;}
.vision p, .contact p{color: #fff;}
.vision h2, .contact h2{color: #fff;}
.mission p strong{color: #201b57;}
.left{float: left;}
.right{float:right;}
header nav a{font-size: 18px;  color:#40403f; text-decoration: none; text-transform: uppercase;}
header nav a:hover{color:#201b57;}
body{font-family: 'Lato', sans-serif;}
h1{color:#fff;  font-size: 54px; font-weight: 900; text-transform: uppercase;line-height: 70px; overflow: hidden;} 
h1 span{color:#9fcde0;}
p{color:#737272; font-size: 16px;}
.book-appointment{background: #fff; color: #000; text-decoration: none; text-transform: uppercase; font-size: 20px; cursor: pointer;}
.book-appointment:hover{color:#e39e9e;}
h2{font-size: 40px; font-weight: 700;}
.guiding-principles h4{font-size: 22px; color: #000000; text-transform: uppercase;}

.divider-lg::after {
    content: '';
    display: inline-block;
    width: 55px;
    height: 3px;
    background-color: #ffffff;
    margin-left: 36px;
    margin-bottom: 8px;
}
.mission .divider-lg::after, .values .divider-lg::after, .founder .divider-lg::after, .company-profile .divider-lg::after, .guiding-principles .divider-lg::after{background-color: #000000;}
.values .divider-lg::after{width: 85px; margin-left: 60px;}
.founder .divider-lg::after{ margin-left: 11px;}
.company-profile .divider-lg::after{width: 85px; margin-left: 91px;}
.guiding-principles .divider-lg::after{width: 85px; margin-left: 21px;}
.contact .divider-lg::after{width: 75px; margin-left: 61px;}
.contact a{color:#ffffff!important; text-decoration: none;}
.contact img{margin-right:10px;}
.contact {position: relative;}
.contact #siteseal{position: absolute; bottom: 40px;}

.dropdown, .dropup {
    position: relative;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
	    line-height: 20px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

@media (min-width: 768px) {
	  .navbar-toggler {display: none;}
	  .navbar-collapse { float: right;width: auto; display: block!important;}
	 .navbar-collapse ul li{float: left; font-size: 20px;color: #40403f; padding: 14px; text-transform: uppercase; }
	 .navbar-collapse ul li a{color: #40403f;}
	  .navbar-collapse ul li a:hover{color:#231e5d;}
	.navbar-nav{display: block; overflow: visible;  margin-top: 20px;}
	.navbar-nav .dropdown-menu{position: absolute;    top: 81%;    padding: 0;    margin: 0;		left: 10px;}
	.dropdown-menu .dropdown-toggle, .caret{display: none;}
	.dropdown-item {    margin: 0px;    display: block;    text-decoration: none;    padding: 10px;}
	.nav-item a:hover{text-decoration: none; color: #231e5d;}
	.dropdown-item:hover{background-color: #eee;}
	 .navbar-brand{width: 200px!important; margin-top: 20px!important;}
	.values .desktop-image{display: block;}
	.values .mobile-image, .navbar-brand{display: none;}
	.nav-link.logo{margin-top:-20px;}
	.mobile-banner{display: none;}
	 .navbar-nav{display: block!important; overflow: visible;  margin-top: 20px;}
	.navbar-nav .dropdown-menu{position: absolute!important;    top: 81%;    padding: 0;    margin: 0;		left: 10px;}
	.navbar-collapse .dropdown-menu .dropdown-toggle, .caret{display: none;}
	.dropdown-item {    margin: 0px;    display: block;    text-decoration: none;    padding: 10px;}
	.nav-item a:hover{text-decoration: none; color: #231e5d;}
	.dropdown-item:hover{background-color: #eee;}
	.navbar-nav .dropdown.open .dropdown-menu{display:block!important;}
	 .navbar-nav{display: block!important; overflow: visible;  margin-top: 20px;}
	.navbar-nav .dropdown-menu{position: absolute;    top: 81%;    padding: 0;    margin: 0;		left: 10px;}
	.navbar-collapse .dropdown-menu .dropdown-toggle, .caret{display: none;}
	.dropdown-item {    margin: 0px;    display: block;    text-decoration: none;    padding: 10px;}
	.nav-item a:hover{text-decoration: none; color: #231e5d;}
	.dropdown-item:hover{background-color: #eee;}
	.navbar-nav .dropdown.open .dropdown-menu{display:block!important;}
	.collapse:not(.show) {
     display: block;
}
}

@media (max-width: 768px) {
	 .navbar-toggler{float: right !important; margin:0px 23px 0 !important; width: 50px !important; box-shadow: none!important; display: block!important;    height: 82px;}
	 .navbar-toggler:focus{box-shadow: none!important; }
	  .navbar-collapse{ margin-top: 20px;}
	 .navbar-collapse ul li{border-top:1px solid #f4f4f4;}
	 .navbar-collapse ul li a{color:#737272; margin-left: 20px;}
	 .navbar-brand{width: 146px!important; padding: 8px 0 0 0px!important; margin-right: 130px!important; margin-left: 20px;}
	 .navbar-brand img{width:70px!important; }
	.mobile-bg{position: relative; padding: 0;}
	.mobile-banner{position: absolute; top:0; left: 0; z-index: 1; display:block;}
	h1{position: relative; margin-left: 30px; z-index: 99; font-size: 42px; line-height: 58px; margin-top: 40px; }
	h2 {font-size: 36px;}
	.logo, .vision .banner-image, .values .desktop-image, .company-profile .banner-image, .banner .banner-image, .guiding-principles br{display: none;}
	.mission .mt-5, .values .mt-4{margin-top: 0px!important; }
	.guiding-principles.p-5, .banner .mb-3{padding: 0!important;}
	.mission .p-5, .values .p-5{padding:10px !important;}
	.contact .mb-3 , .contact .pb-4{margin-bottom: 0px!important; padding-bottom: 0px!important;}
	.founder.p-5{padding:40px 10px !important;}
	.company-profile .pt-5{padding-top: 20px!important;}
	.company-profile.pb-5{padding-bottom: 20px!important;}
	.values .mobile-image{display: block;}
	.navbar-brand{display: block!important;}
	.dropdown-toggle::after, .dropdown-menu .dropdown-toggle{display: none;}
	.dropdown-menu a{ color: #231e5d!important;     padding-bottom: 10px;}
	.banner .mb-3{margin-top: 0!important;}
	.dropdown.open .dropdown-menu{display:block!important; border: none;
    box-shadow: none;}
    .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
}