/* 
brnad : #517891;

*/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype'),
        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/fonts/OpenSans-Regular.woff') format('woff'),
        url('/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('/fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
} 
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/fonts/OpenSans-Bold.woff') format('woff'),
        url('/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
} 
html{
    scroll-behavior: smooth;
}
body{
    /* font-family: 'OpenSans', sans-serif; */
    font-family: "Poppins"!important;
    font-size: 20px; 
    color: #000;
    font-weight: 400;
}
strong{font-weight: 600;}
.fn-w-sb{font-weight: 500;}

a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #da1f31; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/
.fw-re{font-weight: 400;}
.fw-me{font-weight: 500;}
.fw-bo{font-weight: 700;}
.fw-sb{font-weight: 600;}
.fw-li{font-weight: 300;}
.bg-grey{background-color: #231F20!important; }
.bg-red{background-color: #da1f31;}
.bg-brand{background-color: #517891;}
.text-brand{color: #517891!important;}
.btn-brand{background-color: #517891;  transition: all 0.32s ease-out;
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
    padding: 15px 25px;
    letter-spacing: 1.5px;
    display: block;
    max-width: 350px;
    text-align: center; }
.btn-brand:hover{background-color: #484c4c; color: #FFF!important;}
.text-black{color:#000!important;}
.text-grey{color: #6F6D6E!important;}

.has-bg{background-position: center; background-size: cover; }


.img-linked{
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    -o-transition: all 0.12s ease-out;
    -ms-transition:  all 0.12s ease-out;
    transition: all 0.12s ease-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.img-linked2:hover{  
    transform: scale(.98);
    cursor: pointer;
}
.h-80{font-size: 80px;}
.fs-50{font-size: 50px;}
.h-42{font-size: 42px;}
.rendering-title{font-size: 21px; margin-bottom: 45px; margin-top: 15px; color: #00468B; font-weight: 600;}


/* Navigation */

.navlinks{color: #000; background-color: #FFF; display: block; margin: 15px; font-size: 21px; padding: 15px 10px 10px; font-weight: 400;}
.navlinks:hover,
.active-nav{background-color: #000!important; color: #FFF!important;}

@media screen and (max-width: 991px){
    .h-80{font-size: 60px;}
}
@media screen and (max-width: 767px){
    .h-80{font-size: 40px;}
}
@media screen and (max-width: 767px){
  
   .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    .navbar-toggler {border-color: rgb(4,63,131);} 
     .navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 567px){
    .h-80{font-size: 32px;}
}


.nav-wrapper{
    background-color: #517891;
    width: 475px;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    overflow: auto;

}

.nav-wrapper::-webkit-scrollbar {
    display: none;
}

.content-wrapper{
    width: calc(100% - 475px);
    float: right;
    height: 100vh;   
}
.content-wrapper .container{margin-left: 0;}

h1{font-size: 32px;}

#login{background-image: url('/images/hero-1.jpg'); background-position: left;}
#home{background-image: url('/images/hero.jpg'); background-position: center;}


.disclaimer a:hover{text-decoration: underline;}
.frmLogin input{border-radius: 0; height: 50px; }
.frmLogin button{background-color: #000; color: #FFF; border: none; font-size: 24px; padding: 8px 20px; }

.fp-link{border: 2px solid #00468B; display: block; margin-bottom: 50px;}
.fp-link:hover{transform: scale(1.05);}

.fp-link .home-title{font-weight: 500; font-size: 24px; margin-bottom: 10px; }
.fp-link hr{border-bottom: 1px solid #FFF; width: 30%; margin: auto; margin-bottom: 20px;}
.fp-link .home-caption{font-weight: 600; font-size: 32px; letter-spacing: 2px;}
.fp-link .home-bed-baths{font-weight: 400; font-size: 16px;}
.fp-link p{font-size: 16px;}

@media screen and (max-width: 991px){
    .nav-wrapper{width: 100%; position: relative;}
    .nav-wrapper .wrapper{max-width: 375px; margin: auto;}
    .content-wrapper .container{margin-left: auto;}
    
    .content-wrapper{ width: 100%; float: none; height:auto;}
}