:root {
  --blue: #1C1566;
  --lightBlue: #005BAA;
  --lighterBlue: #00B3EF;
  --white: #ffffff;
  --black: #000000;
}

body, h1, h2, h3, h4, h5, h6, p,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: var(--blue);
    font-family: 'Montserrat', Sans-Serif;
}

.text-color-dark, .text-color-light, .link-color-dark, .badge-light,
.social-icons.social-icons-light li a, #footer h2 {
    color: var(--blue) !important;
}

.form-errors-light label.error {
    color: #c10000;
}

a { color: var(--blue); }
a:hover { color: var(--lightBlue) !important; }

.btn-light, .btn-dark, html .btn-primary {
    border-color: var(--lighterBlue);
    background-color: var(--lighterBlue);
    color: var(--white);
}

html .btn-primary:hover,
.btn-dark:hover { background-color: var(--lightBlue); color: var(--white) !important;}

.bg-light-4 { background-color: #F4F6F9 !important; }
.bg-dark-4 { background-color: var(--lightBlue) !important; }

.link-color-light-2 { color: var(--lighterBlue); }
.link-color-light-2.active, .link-color-light-2:active,
.link-color-light-2:focus, .link-color-light-2:hover { color: var(--lightBlue) !important; }

form.form-style-3 .form-control { background-color: #DAE4EF;}
form.form-style-3 .form-control { color: #005BAA;}

form.form-style-3 .form-control::placeholder {
  color: #005BAA !important;
}

.rev_slider li.tp-revslider-slidesli {
    position::relative;
}

.rev_slider li.tp-revslider-slidesli:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.8;
}

#footer p,
#footer li,
.footer-hover-links-light a { color: var(--lightBlue); }

.social-icons.social-icons-icon-dark li a { color: var(--blue); }

.social-icons.social-icons-icon-dark li:hover a { color: var(--white);}

#header .header-nav-main nav>ul>li>a { color: var(--blue); }

#header .header-nav-main:before { background-color: var(--lightBlue); }

@media (max-width: 991px) {
    #header .header-nav-main nav>ul li a:not(.btn) {
        color: var(--white);
    }
    #header .header-nav-main nav>ul li a:not(.btn):hover  {
        color: #fff !important;
    }
    
    .dropdown-menu.show { position: static !important; transform: none !important; }
    
    
        #header .header-nav-main nav>ul li:hover,
    #header .header-nav-main nav>ul li { border-color: var(--white);
    }
    #header .header-btn-collapse-nav.header-btn-collapse-nav-light .hamburguer span,
    #header .header-btn-collapse-nav.header-btn-collapse-nav-light .close span {
        background-color: var(--blue);
    }
}

@media (min-width: 992px) {
    #header .header-nav-main.header-nav-main-light nav>ul>li>a {
        color: var(--blue);
    }
}

.call-to-action h2,
.call-to-action .text-color-light {
    color: #fff !important;
}

.page-header {
    padding: 55px 0;
    background-color: var(--lightBlue);
}

.page-header h1,
.page-header a,
.page-header p, 
.page-header li,
.page-header .text-color-primary:not(.no-skin),
.icon-box-icon .text-color-light { color: var(--white) !important;}

.portfolio-title { color: var(--lighterBlue); }


.overlay:before { background: var(--black) !important; opacity: 0; }
.overlay:hover:before { opacity: 0.8; }

html .text-color-primary:not(.no-skin),
.top-sub-title, #secondaryTeamSection .text-1,
.icon-box-info p { color: var(--lighterBlue) !important; }

.section.bg-primary.aboveForm-section,
.section.bg-primary.form-section { background-color: #F1F3F7 !important; }


.subscribe-container.section.bg-primary { background-color: var(--lightBlue) !important; }
.subscribe-container h2 { color: var(--white) !important; }
.subscribe-container .btn-light { background-color: var(--white) !important; color: var(--blue);}
.subscribe-container .btn-light:hover { background-color: var(--lightBlue); }

#secondaryTeamSection .owl-stage-outer {
    display: flex;
    justify-content: center;
}

#testimonialSection .owl-stage { display: flex; }
#testimonialSection p { color: var(--lightBlue); }
#testimonialSection .owl-item { padding: 20px 30px; background-color: #F4F6F9; }

.img-text-subtitle {margin: 1rem 0 0.5rem; color: var(--lighterBlue); font-size: 12px; }
.img-text-title { margin-bottom: 1rem; font-weight: bold; font-size: 24px; }
.image-text-section p { margin-bottom: 40px; }

.tp-description { color: var(--lighterBlue);}
.tp-title { color: var(--lightBlue);}

.experience-content img { margin-right: 25px;}

.property-attributes div {
    color: #005BAA;
}

.image-frame .image-frame-wrapper .image-frame-info {
    opacity: 1;
    background-color: #fff;
    padding: 16px 30px;
    left: 0;
    bottom: 0 !important;
    width: 230px;
    display: block;
}

.image-frame-wrapper .text-color-light {
    margin-bottom: 0;
    font-weight: bold;
    color: #005BAA !important;
}

.image-frame-wrapper .property-attributes div { color: #00B3EF;}

.card-image {
    transition: all 0.3s;
}

.card-image:hover {
    transform: scale(1.2);
}

@media (max-width: 767px) {
    .experience-content img { margin-bottom: 1rem;}
    .right-side {
        display:flex;
        flex-direction: column-reverse;
    }
}

.img-container {
    display: block;
    position: relative;
}

.map-container .img-container {height: 100%};

.map-container iframe{
  filter: grayscale(1) brightness(1.14) contrast(0.92);
}

.img-container img,
.map-container img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.paragrphs-3-slider--subtitle {
    margin: 0;
    font-size: .9em;
}
.paragrphs-3-slider--title {
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: bold;
}

@media (min-width: 992px) {
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        background-color: #F4F6F9;
        padding: 20px 10px 20px 10px;
    }
}

.dropdown-menu {border: 1px solid rgba(0,0,0,.05) !important;}

.dropdown-item { color: var(--blue);font-weight: 500;}
.dropdown-item:hover { color: var(--lightBlue);}

.overlay.overlay-show:before, .overlay.show:before, .overlay:hover:before {
    opacity: .5;
}


.enquiry-email a:hover {
    color: var(--lighterBlue) !important;
}

@media all and (max-width: 592px) {
    .forcefullwidth_wrapper_tp_banner .tp-caption.tp-title {
        font-size: 24px !important;
        margin-top: 10px !important;
    }
    .forcefullwidth_wrapper_tp_banner .tp-caption p {
        font-size: 16px !important;   
    }
}

@media all and (min-width: 592px) and (max-width: 1024px) {
    .forcefullwidth_wrapper_tp_banner .tp-caption.tp-title {
        font-size: 46px !important;
        margin-top: 10px !important;
    }
    .forcefullwidth_wrapper_tp_banner .tp-caption p {
        font-size: 24px !important;   
    }
}