.Customborder-top {
	background-color: #FFFFFF !important;	
}

.carousel-caption{text-align:center !important; padding-bottom:110px !important;}
.caraousel-heading {color: #ffffff !important;font-weight: bold;font-size:42px !important;margin-bottom: 15px;}
.caraousel-subheading{color: #ffffff !important;font-weight: bold;font-size:38px !important}
}

.footer-logo {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.LogodisplayNone {
    display: none !important;
}
.footer-copyright {
    color: #ffffff;
    font-size: 8pt;
    padding-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.footer-navigation a:active, .footer-navigation a:visited, .footer-navigation a {
    color: #ffffff;
    font-family: 'MyriadPro-Regular';
    text-decoration: none;
    font-size: 12px;
}

    .footer-navigation a:hover {
        color: #8FDBF0;
    }

@media only screen and (max-width: 768px) {
    .footer-navigation {
        text-align: center;
    }
}

.footer-disclaimer {
    color: #ffffff;
    font-size: 8pt;
    padding: 12px 10px 0px 10px;
    background-color: #0f2244;
	
}
.frogot-pass {
    color: #ffffff !important;    
}

.frogot-pass:hover {
	color: #ffc423 !important;
    text-decoration:underline !important;
}
.footer {
    color: #847979;
    /*border-top: 5px solid #7E9BBF;*/
}

.footer-links {
    background-color: #002c5f;
    padding: 16px 0px;
}


@media (min-width: 992px) {
    .mobilelogo {
        display: none;
    }

    .biglogo {
        display: block;
        width: 325px;
    }
}

@media (max-width: 768px) {
    .mobilelogo {
        display: block;
    }

    .biglogo {
        display: none;
    }
}




@media only screen and (max-width: 767px) {
    .biglogo {
        display: none;
    }

    .mobilelogo {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
		margin-left: 10px !important; 
    }
}

.navDirectionAligner {
    flex-direction: column !important;
}

.navBackgroundColor {
    background-color: #FFFFFF;
    color: #000;
}

.navNopaddingInheritWidth {
}

.nav-link {
    color: #ffffff;
}

/*css belongs to menu start*/

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .dropdown-menu .dropdown-submenu {
        left: 50%;
        top: 27px;
    }

    .mobilelogo {
        display: block;
    }
}

@media only screen and (min-width : 1224px) {
    .dropdown-menu .dropdown-submenu {
        left: 100%;
        top: -7px;
    }
}

.dropdown-menu li {
    position: relative;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    /*  left: 50%;
            top: 27px; */
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}



.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.navbarNavDropdownMenuCenter {
    justify-content: center;
}
/*css belongs to menu End*/





/* Jason's Updates below 5/20/2021 */

.montserrat{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

body { font-size: 14px !important; font-weight: 400 !important; color: #555555 !important; font-family:"Montserrat",sans-serif !important; }


a.nav-link, a.nav-link:active ,a.nav-link:visited {	
	color: #24384C !important;
	font-size: .8rem !important;
	font-weight: normal !important;
}

a.nav-link:hover {	
	color: #003263 !important;
	font-size: .8rem !important;
	font-weight: normal !important;
}



button.image-text-button {
    max-width: 600px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 1.25em;
	font-weight: bold;
}

.btn:focus {
	box-shadow: 0 0 0 0rem rgba(13, 110, 253, .25)!important;
}

a.image-text-button{
	width: 90% !important;
}

.social-link  {}



.footer {background: #f1f1f1 !important;}


button.image-text-button
{
	color: #3F678C !important;
	font-size: 1em !important;
	border: 0px !important;
	background: transparent !important;
}

button.image-text-button:hover
{
	color: #003263 !important;
	font-size: 1em !important;
	border: 0px !important;
	background: transparent !important;
}



.social-link .img-fluid {	
	max-width: 24px !important;
}

div.widget-img .img-fluid {
    max-width: 150px;
    height: auto;
}

.imgtext-borderbottom {
	border-bottom: 0px !important;
}


.employee-designation {
	font-style: italic !important;
}


.footer-navigation a:active, .footer-navigation a:visited, .footer-navigation a {
    
    font-family:"Montserrat",sans-serif !important;
    
}

.footer-navigation {
	color: #ffffff !important;
	
}

a, a:active, a:visited {
	font-weight: bold !important;
	text-decoration: none !important;
	color: #24384C !important;
}

a:hover {
	font-weight: bold !important;
	text-decoration: none !important;
	color: #003263 !important;
}

.employee-email {
	font-size: .85em;
}

.card-body div { text-align: left !important;}

.footer-navigation a, .footer-navigation a:active, .footer-navigation a:visited {
	font-weight: normal !important;
	text-decoration: none !important;
	color: #ffffff !important;
}

.footer-navigation a:hover {
	font-weight: bold !important;
	text-decoration: none !important;
	color: #ffffff !important;
}

.row {
	--bs-gutter-x: 0 !important;	
}

.banner-section img {	
    width: 100% !important;
	height: auto !important;
}

h1  {font-weight: bold !important;}
h2  {color: #003263 !important;}

@media screen and (max-width : 575px) {
	h1  {font-size: 1.25rem !important; !important; font-weight: 700 !important;}
	h2  {font-size: 1.25rem !important; font-weight: 400 !important;} 
	h3  {font-size: 1.25rem !important; font-weight: 400 !important;}
	.carousel-caption {padding-top: 0px !important; padding-bottom: 10% !important; text-align:center !important;}
	.caraousel-heading {color: #ffffff !important;font-weight: bold;font-size:42px !important; text-shadow: 1px 1px 2px #000 !important;}
	.caraousel-subheading{color: #ffffff !important;font-weight: bold;font-size:38px !important; text-shadow: 1px 1px 2px #000 !important;}
}

@media screen and (min-width : 576px) and (max-width : 767px) {
	h1  {font-size: 2rem !important; !important; font-weight: 700 !important;}
	h2  {font-size: 1.5rem !important; font-weight: 400 !important;} 
	h3  {font-size: 1.5rem !important; font-weight: 400 !important;}
	.carousel-caption {padding-top: 0px !important; padding-bottom: 2.5rem !important; text-align:center !important;}
	.caraousel-heading {color: #ffffff !important;font-weight: bold;font-size:42px !important; text-shadow: 1px 1px 2px #000 !important;}
	.caraousel-subheading{color: #ffffff !important;font-weight: bold;font-size:38px !important; text-shadow: 1px 1px 2px #000 !important;}
}

@media screen and (min-width : 768px) and (max-width : 981px) {
	h1  {font-size: 2.5rem !important; !important; font-weight: 700 !important;}
	h2  {font-size: 1.5rem !important; font-weight: 400 !important;} 
	h3  {font-size: 1.5rem !important; font-weight: 400 !important;}
	.carousel-caption {padding-top: 0px !important; padding-bottom: 6rem !important; text-align:center !important;}
	.caraousel-heading {color: #ffffff !important;font-weight: bold;font-size:42px !important; text-shadow: 1px 1px 2px #000 !important;}
	.caraousel-subheading{color: #ffffff !important;font-weight: bold;font-size:38px !important; text-shadow: 1px 1px 2px #000 !important;}
}

@media screen and (min-width : 982px)  {
	h1  {font-size: 3.1rem !important; !important; font-weight: 700 !important;}
	h2  {font-size: 1.5rem !important; font-weight: 400 !important;} 
	h3  {font-size: 1.5rem !important; font-weight: 400 !important;}
	.carousel-caption {padding-top: 0px !important; padding-bottom: 10rem !important; text-align:center !important;}
	.caraousel-heading {color: #ffffff !important;font-weight: bold;font-size:42px !important; text-shadow: 1px 1px 2px #000 !important;}
	.caraousel-subheading{color: #ffffff !important;font-weight: bold;font-size:38px !important; text-shadow: 1px 1px 2px #000 !important;}
}

.handlee {
font-weight: 900; 
font-family: 'Handlee', cursive; 
color #00b0f0; 
text-shadow: 1px 1px #d6d4d4;
font-style: italic;
}


@media only screen and (min-width: 481px) and (max-width: 767px) {
    section.wdg-free-text-desc {
        padding: 0px;
        text-align: left !important;
    }
}	

header .container {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}


footer .container {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}


.container {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}


.biglogo {padding: 1em;}
@media only screen and (min-width: 992px){.biglogo { display: inline-block;}}
.mobilelogo {max-width: 160px !important;}
@media only screen and (max-width: 991px) {.mobilelogo {display: inline-block !important; margin-top: 10px; margin-bottom: 10px;}}
#top-logo {text-align:center;}
.form-field {margin-bottom: 20px; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center;}
.control-label { font-weight: bold; width: 150px; margin-right: 15px; text-align: right;}
.editing-form-control-nested-control {flex: 1;}
input[type="submit"] {margin-left: 170px; width: 100px; color: black; padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center;}
@media only screen and (max-width: 480px) {input[type="submit"] { text-align: center;  margin-left: auto; }}
@media only screen and (max-width: 480px) { .control-label { width: 100%;  margin-right: 0;  text-align: justify;}}
a:focus{border: 1px solid #0f2244;}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: space-evenly;
    }
}