/*!
* Custom CSS, Generations Virtual Sales Office
*/
@font-face {
   font-family: 'Gotham Light';
   src: url('../fonts/Gotham-Light.eot');
   src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Light.woff2') format('woff2'),
       url('../fonts/Gotham-Light.woff') format('woff'),
       url('../fonts/Gotham-Light.ttf') format('truetype'),
       url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Gotham Bold';
   src: url('../fonts/Gotham-Bold.otf');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Gotham Book';
   src: url('../fonts/Gotham-Book.otf');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Gotham Medium';
   src: url('../fonts/Gotham-Medium.otf');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Gotham Condensed Light';
   src: url('../fonts/GothamCondensed-Light.otf');
   font-weight: 100;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Gotham Condensed Bold';
   src: url('../fonts/GothamCondensed-Bold.otf');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Babes NeuePro Regular';
   src: url('../fonts/BebasNeuePro-Regular.otf');
   font-weight: 100;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Babes NeuePro Bold';
   src: url('../fonts/BebasNeuePro-Bold.otf');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Lato Light';
   src: url('../fonts/Lato-Light.ttf');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Lato Bold';
   src: url('../fonts/Lato-Bold.ttf');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}
body {
   font-family:'Gotham Light';
   color: #838383;
}

a, a.menu:hover{
   text-decoration: none;
}
a.menu{
   font-family: "Gotham Medium";
   display: block;
   font-size: 1rem;
   color: #838383;
   padding: 0.8rem 10%;
   line-height: 1.3;
   text-transform: uppercase;
}
.container{
   max-width: 688px;
}
.d-inherit {
   display: inherit;
}
.text-blight {
   color: #00B0CE;
}
.text-dlight {
   color: #1d3e71;
}
.text-line {
   text-decoration: initial;
}
.text-line:hover {
   text-decoration: initial;
}
.menu .active{ 
   font-family: "Gotham Bold";
   color: #58595B;
}
.gotham-light {
  font-family: 'Gotham Light';
}
.font-bold {
   font-family: 'Gotham Bold';
}

.font-medium {
   font-family: 'Gotham Medium';
}
.font-con-bold {
   font-family: "Gotham Condensed Bold";
}
.gotham-med {
   font-family: 'Gotham Medium';
   color:#838383;
   font-size: 1rem;
}
.bg-blue {
   background: #688BC6;
}
.vso-heading {
   font-family: 'Babes NeuePro Bold';
   font-size: 3rem;
   position: absolute;
   top: auto;
   bottom: 0;
   color: #FFF;
   width: 100%;
   text-transform: uppercase;
   letter-spacing: 0.2rem;
}
.title {
   font-family: "Lato Bold";
   color: #0E3E56;
}
.statement, .comstatement {
   font-family: "Lato Light";
   color: #0E3E56;
   font-size: 1.4rem;
}
.text-gray { color: #58595B; }

.text-linked{color: inherit;}
.pt-20 {
   padding-top:2rem;
}
.pb-20 {
   padding-bottom:2rem;
}
.pt-25 {
   padding-top:2.5rem;
}
.pb-25 {
   padding-bottom:2.5rem;
}
.mob-px {
   padding:0px;
}
.w-70 {
   width: 70%;
}
.w-80 {
   width: 80%;
}

.mob-logo {
   padding:1rem 30px;
}
.rotated {
   writing-mode: tb-rl;
   transform: rotate(-180deg);
}
.logo-text {
   font-size: 3rem;
   font-weight: 700;
   color: #58595B;
   text-transform: uppercase;
   margin-left: 0px;
   padding-bottom: 40px;
   bottom: 1px;
   letter-spacing: 0.5rem;
   margin-right: 10px;
}
.bottom-text {
   color: #58595B;
   font-size: 1.5rem;
   font-weight: 400;
   margin-top: -10px;
   padding:1rem 30px 1rem 15%;
   margin-bottom: 0px;
}
.ml-auto .dropdown-menu {
   left: auto !important;
   right: 0px;
}
.menu-heading {
   line-height: 1;
   font-size: 2.7rem;
   font-weight: 700;
   color: #1d3e71;
   text-transform: uppercase;
   padding:1rem 30px 1rem 15%;
   margin: 0px;
} 
.blue-box {
   background: #cddae4;
}
.btn-blue {
   padding: 6px 20px;
   background: #00B0CE;
   color: #FFFFFF;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0.2rem;
   border-radius:0px;
}
.btn-blue strong{
   font-family: "Babes NeuePro Bold";
   font-size: 1.8rem;
}
.white-box, .blue-box {
   padding:0px 2.1rem;
}
/* Floor plans **/
.view-fp {
   background: #5884A5;
}
.print {
   top: auto;
   bottom: 0;
   left: 0;
}
/* Floor plans **/
/* Sales Representatives **/
.w-img {
   width:200px;
}
.top-br {
   border-top: 1px solid #688BC6;
}
/* Sales Representatives **/
footer {
   padding:0rem 2.1rem !important;
   border-top:2px solid #000;
}
.text-linked:hover, .copy-right a {
   color:#FFFFFF;
   text-decoration: none;
}
.img-linked, .text-linked, footer 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;
}
.img-linked:hover, .text-linked:hover, footer a:hover{
   transform: scale(.96);
   cursor: pointer;
}
.gen-heading {
   font-size: 1.3rem;
   font-weight: 300;
   text-transform: uppercase;
}
.sidenav {
   height: 100%;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   overflow-x: hidden;
   padding-top: 0px;
   border-right: 1px ridge #eee;
}
.nav {
   position: absolute;
   z-index: 1;
   background: #FFFFFF;
   padding-left: 13px;
   border: 1px solid rgba(29, 62, 113,1);
   margin-top:5px;
   right: 5px;
}
.nav-link {
   padding: .3rem 1rem;
}

.bg-hero {
   background-image:url("../images/generations/main-generations.jpg");
   background-size:cover;
   background-position:center center;
   background-repeat:no-repeat;
   height:75vh;
}

.border-1 {
   border:1px solid;
}

.border-2 {
   border:10px solid;
}

.border-4 {
   border:10px solid;
   font-family: 'Gotham Bold';
}


.border-blue {
   border-color:#5884A5;
}

.ft-img{
   max-width:250px;
}

.icon-wrap {
   width:60px;
}

.icon-id{
   max-width:50px;
}

.icon-cheque{
   max-width:50px;
}

.icon-lawyer{
   max-width:50px;
}

.icon-mortgage{
   max-width:50px;
}


@media (max-width:767px) {
   
   
}
@media (min-width:768px) {
   
}
@media (min-width:992px) {
  
}
@media (min-width:1200px) {
   
}
@media (min-width:1600px) {
   
} /*
@media only screen and (max-width:1024px) and (min-width:767px) {
   .menu-heading {
      font-size: 1.5rem;
   }
}
@media only screen and (max-width:1200px) and (min-width:1024px) {
   .menu-heading {
      font-size: 1.5rem;
   }
} */
@media only screen and (max-width:1366px) and (min-width:768px) {
  
}
@media only screen and (max-width:1440px) and (min-width:1366px) {
  
}
@media only screen and (max-width:1600px) and (min-width:1440px) {
  
}

@media only screen and (min-width:1600px) and (max-width:1920px) {
  
}

@media only screen and (max-width:1920px) and (min-width:1600px) {
   
}



@media screen and (max-width: 991px){
   
}

@media screen and (min-width: 1199px){

}

@media screen and (max-width: 767px){
  
}