/*
    ============== (C) Copyright Relate.IT - All rights reserved ===============

    The copyright to the contents herein is the property of Relate.IT. The
    contents may be used and/or copied only with the written permission of
    Relate.IT, or in accordance with the terms and conditions stipulated in
    the agreement/contract under which the contents have been supplied.

    Website:  https://relate.it
	============================================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&family=Roboto:wght@100;300;400;500;700&display=swap');

html { 
    scroll-behavior: smooth; }
html, body {
    font-family: 'Roboto', sans-serif; font-weight: 300; 
    text-underline-offset: 0.3rem; }
h1, h2, h3 {
    font-weight: bolder; color: #074588; }
a {
    color: #074588; text-decoration: underline; }
a:hover {
    color: #1E2749; text-decoration: none; }
p, .main-content li {
    font-size: 1.2rem; line-height: 1.6; word-wrap: break-word; }
.logo-container {
    background: #074588; }
.logo {
    height: 8rem; transition: 300ms; }
.fixed-top {
  transition: background-color 300ms ease-in; 
  background-image: linear-gradient(to right, rgba(255, 255, 255, .5), rgba(255, 255, 255, 1)); }
.fixed-top.scrolled {
  background-color: rgba(255, 255, 255, 0.7); }
.fixed-top.scrolled .logo {
    height: 3.7rem; }
.top-nav {
    font-weight: 700; font-size: 1rem; font-family: 'Open Sans'; color: #1E2749; }
.navbar-toggler {
    border: none; }
.nav-link, .nav-link:focus, .dropdown-item {
    color: #1E2749; }
.navbar-collapse {
    flex-grow: 0; }
.top-nav .nav-item {                
    background-color: transparent; transition: 0.7s; }
.top-nav .nav-item:hover {
    background-color: #c5a559; }
.top-nav .nav-item:hover .nav-link, .top-nav .nav-item:focus .nav-link {
    color: white !important; }
.nav-link.active {
    color: #074588 !important; text-decoration: underline;
    text-underline-offset: 0.5rem; text-decoration-thickness: 3px;
    text-decoration-color: #c5a559; }            
.dropdown-item:hover {
    color: white; border-right: 10px solid #E6334C; margin-right: 0px;
    font-weight: 500; background: transparent; }
.dropdown-item.active, .dropdown-item:focus {
    color: white; text-decoration: none; font-weight: 700; background: transparent; }
.dropdown-toggle:focus, .navbar-toggler:focus, .navbar-toggler:active, .animated-icon:focus  {
    outline: none; box-shadow: none; }
.dropdown-toggle::after {
    margin-left: .35em; }
.dropdown-menu {
    background-color: rgba(30, 39, 73, 0.95); border: none; border-radius: 0px; z-index: 20; }
.dropdown-item {
    color: white; font-weight: 500; margin-right: 10px; }
.dropdown-toggle:hover {
    cursor: default; }
.dropdown:hover .dropdown-menu {
    display: block; top:70%; left: 20px; }
.bg-red {
    background-color: #c5a559; }
.nav-item:hover .bg-red {
    background-color: #1E2749; }

.animated-icon {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.animated-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.animated-icon span {
    background: #074588;
}
.animated-icon span:nth-child(1) {
    top: 0px;
}
.animated-icon span:nth-child(2) {
    top: 10px;
}
.animated-icon span:nth-child(3) {
    top: 20px;
}
.animated-icon.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.animated-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
.animated-icon.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.container-page {
    margin-top: 10rem;
}

.spacer {
    height: 9rem;
}
.carousel-item {
    height: 450px;
}
.carousel-item img {
    position: absolute;
    left: 0;
    min-height: 350px;
    object-fit:cover;
    top: 50%;
    transform: translateY(-50%);
}

blockquote {
    opacity: 0.8; }
blockquote > p {
    font-family: 'Annie Use Your Telescope', cursive; font-size: 1.4rem; }

.footer-bar {
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 1.2rem;
    color: #1E2749;
    border-top: 15px solid #c5a559;
    height: 100%;
    z-index: 0;
}
.footer-bar a {
    color: #1E2749;
    text-decoration: none;
}
.footer-bar a:hover {
    text-decoration: underline;
}
.footer-bar img {
    height: 60px !important; }
.logo-footer {
    height: 3rem;
    margin-bottom: 10px;
}

address {
    margin-bottom: 0px;
}
.red {
    color: #c5a559;
}
.footer-main-menu {
    font-weight: 400;   
}
.footer-main-menu .nav-link:hover, .footer-main-menu .item-sub:hover {
    color: #E6334C;
}
.footer-main-menu .list-group-item {
    background-color: transparent;
    border: 0;
    text-align: left !important;
}
.footer-main-menu .item-main {
    padding: 0;
    margin-bottom: 0.7rem;
    font-weight: 500;
    padding-top: 0.7rem;
    display: block;
    border-top: 5px solid transparent;
}
.footer-main-menu .item-main.active {
    border-top: 5px solid #E6334C;
}
.footer-main-menu .item-sub {
    font-size: 1rem;
    border-bottom: 3px solid transparent;
}
.footer-main-menu .item-sub.active {
    border-bottom: 3px solid #E6334C;
}
.footer-bar svg {
    fill: #074588;
}
.footer-bar svg:hover {
    fill: black;
}

footer {
    font-family: 'Open Sans';
    font-size: 0.85rem;
}
footer .nav-link:hover {
    color: #074588 !important;                
}
footer .nav-link:hover, footer .nav-link.active {
    text-decoration: underline;
}
.myrelate-signature img {
    height: 1.15rem;
    opacity: 0.6;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.myrelate-signature:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (max-width:1200px) {
    .logo {
        height: 4.5rem; }
    .carousel-item {
        height: 250px; }
    .carousel-item img {
        min-height: 250px; }
    .container-page {
       margin-top: 5.5rem; }    
}
@media (max-width:992px) {
}
@media (min-width:992px) {
    .top-nav {
        font-size: 1.1rem; }
}
@media (max-width:767px) {
}
@media (min-width:576px) {
    .top-35 {
        top: 35% !important;
    }
    .fixed-top.scrolled .nav-link {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .fixed-top.scrolled .top-35 {
        top: 25% !important;
    }
}
@media (max-width:576px) {
    .logo {
        height: 3.5rem; }
    .fixed-top {
        background-image: none; background-color: rgba(255, 255, 255, .6); }
    .fixed-top.scrolled .logo {
        height: 2.5rem; }    
    .navbar-collapse  {
        background-color: rgba(255, 255, 255, 0.85); }
    .carousel-item {
        height: 300px; }
    .carousel-item img {
        min-height: 300px; }
    .container-page {
       margin-top: 4rem; }
    .footer-bar p {
        font-size: 1.15rem !important; }
}