/* @import "https://fonts.googleapis.com/css?family=Lato:200,300,400,700";   */
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display:swap;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display:swap;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display:swap;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display:swap;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display:swap;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display:swap;
}

body {
    background-color: #fff;
    color: #555555;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    font-weight: 300;
    font-size: 16px;
    font-display:swap;
}

p {
    font-size: 16px;
    color: #555555;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    margin: 0 0 15px;
    font-weight: 400;
    line-height: 25px;
	letter-spacing: 0.4px;
	font-display:swap;
}

a {
    color: #5490D3;
}

a:hover {
	color: #7BCFC7;
}


h1, .h1 {
    font-size: 29px;
    font-weight: 400;
    line-height: 46px;
    color: #36669C;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    text-transform: uppercase;
    font-display:swap;
}

h2, .h2 {
    font-size: 25px;
    font-weight: 300;
    color: #36669C;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    margin-bottom: 20px;
    font-display:swap;
}

h3, .h3 {
    font-size: 18px;
    color: #36669C;
    font-family: "Lato", Helvetica, Arial, sans-serif, Georgia;
    line-height: 30px;
    font-display:swap;
}

h4, .h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.height {
    height: inherit;
}

.white {
    color: #ffffff !important;
}


/* ---------------------------------------------------- snippet-navbar ---------------------------------------------------- */

.pre-navbar {
    background: -moz-radial-gradient(center, ellipse cover, rgba(239,243,248,1) 0%, rgb(245, 255, 255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,243,248,1)), color-stop(100%, rgb(245, 255, 255,1))); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(239,243,248,1) 0%, rgb(245, 255, 255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(239,243,248,1) 0%, rgb(245, 255, 255,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(239,243,248,1) 0%, rgb(245, 255, 255,1) 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, rgba(239,243,248,1) 0%, rgbargb(245, 255, 255,1) 100%); /* w3c */
    height: 130px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.02),0 0px 10px 0 rgba(0,0,0,0.10);

}

#call {
    color: #878787;
    font-size: 21px;
    letter-spacing: 2.5px;
}

#phone {
    color: #36669C;
    font-size: 31px;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .pre-navbar {
        height: auto;
    }
}

/* ---------------------------------------------------- snippet-menu ---------------------------------------------------- */

.navbar {
    padding: 0;
}

.navbar-nav .nav-link {
    text-transform: uppercase;
    color: #404041;
    font-weight: 400;
    padding: 1rem;
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
}

.navbar-nav .nav-link:hover {
    background-color: #404041;
    color: #fff;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
}

.dropdown-item:hover {
    background-color: #404041;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .navbar {
        padding: 15px 0;
    }
    .navbar-toggler {
        border: 0px solid #404041;
        color: #404041;
        margin-left: 20px;
    }
    .navbar-toggler a {
        color: #404041;
    }
    .navbar-toggler:hover {
        color: #36669C;
    }
}

/* ---------------------------------------------------- snippet-banners ---------------------------------------------------- */

.banner-home {
    position: relative;
}

#banner-short:hover {
    fill: yellow;
}

.banner-txt {
    position: absolute;
    top: 15%;
    color: #fff;
    text-transform: uppercase;
}

.new {
    font-size: 35px;
}

.welcome {
    font-size: 48px;
    font-weight: 400;
}

span.exam {
    color: #fff;
    font-size: 23px;
    display: block;
    margin-top: -40px;
}


.btn-primary {
    color: #fff;
    background-color: #36669C;
    border-color: #36669C;
}
.btn-primary:hover {
    color: #fff;
    background-color: #404041;
    border-color: #404041;
}

.book {
    background-color: #fff;
    border-radius: 4px;
    color: #36669C;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 18px 30px;
    display: inline-block;
    margin-top: 40px;
}

.book:hover {
    text-decoration: none;
    background-color: #404041;
    color: #fff;
}


@media screen and (max-width: 991px) {
    .banner-txt {
        top: 0;
    }
    .banner-inside .banner-txt {
        top: 7%;
    }
}

.blue {
    background-color: #36669C;
}

div.grey {
    background-color: #404041;
}

.grey a.book:hover {
    background-color: #36669C;
}

@media screen and (max-width: 767px) {
    .book {
        margin-top: 20px;
        padding: 12px 19px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1601px) {
    .content {
        margin-top: -350px;
    }    
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .content {
        margin-top: -258px;
    }    
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .content {
        margin-top: -200px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .content {
        margin-top: -175px;
    }
}

/* ---------------------------------------------------- snippet-sidebar ---------------------------------------------------- */

.sidebar .card {
    background: #f5ffff;
    border: 1px solid #f5ffff;
    border-radius: 0;
}

.card-img-top {
    border: 14px solid transparent;
    margin-top: -90px;
    border-radius: 50%;
    transition: all .3s ease-in;
    position: relative;
    z-index: 100;
}

.card-title {
    color: #2e2925;
    font-size: 18px;
    margin: 0;
}

.sidebar a:hover {
    text-decoration: none;
}
.sidebar a:hover .card-title {
    color: #36669C;
}
 .card-body {
    box-shadow: 0 8px 10px 0 rgba(0,0,0,0.1),0 6px 10px 0 rgba(0,0,0,0.10);
    }
.card:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.card a:hover .card-img-top {
    background-color: #36669C;
}


.card-bgr {
    width: 100%;
    height: 150px;
    position: absolute;
    left:0;
    top:0;
    overflow: hidden;
      
  

}

.card-bgr::before {
	background-color: transparent;
	border-radius: 50%;
	width: 120%;
	padding-bottom: 120%;
	position: absolute;
	top: -210px;
	left: -10%;
	content: "";
	transition: all .3s ease-in;
}

.sidebar-home .card-bgr::before {
    top: -200px;
}

.card a:hover .card-bgr::before {
    background-color: #5490d3;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .card-bgr::before {
        top: -220px;
    }
    .card-title {
        font-size: 18px;
        margin: 0 -12px;
    }
    .sidebar-home .card-bgr::before {
        top: -180px;
    }
}

@media screen and (max-width: 991px) {
    .sidebar-home .card-body {
        padding: 0 0 1rem 0;
            border: 1px solid #f5f5f5;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.02), 0 2px 5px 0 rgba(0,0,0,0.02);

    }
    .card-img-top {
        margin-top: -60px;
        border: 8px solid transparent;
    }
    .card-title {
        margin: 0;
    }
    .card-bgr::before {
        top: -165px;
    }
    .sidebar-home .card-bgr::before {
        top: -165px;
    }
    .sidebar-home #white::before {
        content:"\a";
        white-space: pre
    }
}

/* ---------------------------------------------------- snippet-rows ---------------------------------------------------- */

.row1 {
    background-color: #36669C;
}

@media screen and (max-width: 767px) {
    .row1 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .row1 img {
        position: absolute;
        bottom: 0;
    }
}

.row2 .request {
    color: #36669C;
    font-size: 31px;
    line-height: 35px;
    text-transform: uppercase;
}

.row2 .find {
    color: #959595;
    font-size: 20px;
    margin-top: 20px;
}

.form-control {
    /*background-color: #eae9e9;*/
    color: #404040;
}

.btn-info {
    border-radius: 4px;
    background-color: #404041;
    border: none;
}

.btn-info:hover {
    background-color: #36669C;
}

.row3 {
    background-color: #36669C;
}

.row3 img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.strive {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
}

@media screen and (min-width: 992px) {
    .strive {
        font-size: 20px;
        line-height: 32px;
        position: absolute;
        z-index: 90;
        font-weight: 400;
        top: 50px;
        left: 35px;
    }
}

.strive .phone {
    font-size: 34px;
}

.row4 {
    background: none;
    margin-bottom: -5px;
}

/* ---------------------------------------------------- snippet-footers ---------------------------------------------------- */

.footer {
    background-color: #404041;
    color: #9f9f9f;
    position: relative;
}

.footer-title {
    color: #e4e3df;
    text-transform: uppercase;
    font-size: 28px;
}

.footer-keyword {
    font-size: 20px;
}

.footer-phone {
    color: #e4e3df;
    font-size: 26px;
    font-weight: 300;
}

.footer a {
    color: #9f9f9f;
}

.footer a:hover {
    color: #36669C;
    text-decoration: none;
}

.social {
    text-align: right;
}

.social a {
    font-size: 28px;
}

@media screen and (min-width: 768px) {
    .footer .links {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media screen and (max-width: 767px) {
    .footer {
        text-align: center;
    }
    .footer .social {
        margin: 20px 0;
        text-align: center;
    }
}

.copyright {
    color: #6c6c6c;
    font-size: 14px;
}

.copyright a {
    color: #6c6c6c;
}

.copyright a:hover {
    color: #36669C;
}

/* ---------------------------------------------------- others ---------------------------------------------------- */

li {font-weight: 400;}
.breadcrumb { background-color: #f5ffff !important;}
.breadcrumb-item a {
	color: #999;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .banner-home {
        display:none !important;
    }
    .ie-my-3 {
		padding-top: 300px !important;
	}
	.ie-banner-home {
		padding-bottom: 10px;
		display: block !important;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 1200px) {
    _:-ms-fullscreen, .card-title {
        margin-bottom: -15px;
    }
}

@media only screen and (max-width: 1199px) {
    _:-ms-fullscreen, .card-title {
        margin-bottom: -60px;
    }
    _:-ms-fullscreen, .ie-my-3 {
        padding-top: 200px !important;
    }
}

@media only screen and (max-width: 767px) {
    _:-ms-fullscreen, .ie-banner-home {
        display: none !important;
    }
    _:-ms-fullscreen, .ie-my-3 {
        padding-top: 0 !important;
    }
}

/* ---------------------------------------------------- autocomplete mail ---------------------------------------------------- */
/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 10px;
  right: 10px;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #FFFEF6; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #FFFBEB; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: #FEF3CD !important; 
  color: #000000; 
}