/*
Theme Name: Mick & Tina
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.6.0
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Variables
2. Custom CSS
3. IP styles
4. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css

*/

/*******************************************************
 *
 * 1. Variables
 *
 *******************************************************/

:root {
    /** Font default */
    --font-family-default: 'Montserrat', sans-serif;
    --font-family-title: 'Open Sans', sans-serif;
    --font-size-default: 14px;
    --font-size-title: 18px;
    --font-color-default: #000000;
    --font-color-title: #6c757d;

    /** Use for input, button, and any other element */
    --primary: #031428;
    --secondary: #af883d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #ffffff;
    --dark: #343a40;
}

/*******************************************************
 *
 * 2. Navigation
 *
 *******************************************************/

/* Sub Menu */
#nav li {
    position:relative;
    display: inline-block;
}

#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: rgba(0,0,0,0.9) url("images/submenu-fixer.png");
    display: none;
    padding: 0;
    position: absolute;
  width:100%;
  min-width:180px;
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover {
    background: none repeat scroll 0 0 var(--light);
    color: var(--font-color-default);
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
  top:0;
}
#nav li:hover > .sub-menu {
    display: block;
}
#nav .sub-menu li {
    position: relative;
}


#fixednav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: rgba(0,0,0,0.9) url("images/submenu-fixer.png");
    display: none;
    padding: 0;
    position: absolute;
  width:100%;
  min-width:180px;
}
#fixednav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#fixednav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}
#fixednav .sub-menu .sub-menu {
    margin-left: 100%;
  top:0;
}
#fixednav li:hover > .sub-menu {
    display: block;
}
#fixednav .sub-menu li {
    position: relative;
}

/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/

/* Global */

body{
  font-family: var(--font-family-default);
  font-size: var(--font-size-default);
  background: #FFFFFF;
  color: var(--font-color-default);
  margin: 0;

    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

a, button {
  outline:none !important;
  text-decoration: none !important;
}

a:hover {
  text-decoration: none;
  color: #818181;
  outline: none;
  text-decoration: none;

}

    a,
    a:hover,
    a:visited,
    a:focus,
    select,
    input,
    textarea{
        text-decoration: none;
        outline: 0;
        cursor: pointer;
    }

    select,
    textarea {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        border-radius: 0;
    }

    select::-ms-expand {
        display: none;
    }

    .slick-slide{
        outline: 0;
    }

/********CSS Post Launch********/
img{
    max-width: 100%;
    height: auto;
}
a,
a:hover,
a:focus,
input,
input:hover,
input:focus,
textarea,
textarea:focus,
textarea:hover,
select:hover,
select:focus,
select,
button,
button:focus,
button:hover,
.btn-group.bootstrap-select.show-tick.qs-select,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus{
    outline: 0px !important;
}
#content .ihf-search .ihf-select-options ul,
#content .ihf-search .ihf-select-options,
#content .ihf-search .ihf-pagination,
#content #ihf-main-container .nav-tabs,
#content #ihf-main-container .chosen-results{
    margin: 0 0 0;
    padding: 0 0 0;
    list-style: none;
}
#content #ihf-main-container #ihf-search-adv2-submit{
    margin: 20px 0 0;
}
#content #ihf-main-container .ihf-grid-result-address{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
#content #ihf-main-container .ihf-listing-search-results .btn{
    padding: 6px 6px;
}
#content div.wpcf7-response-output,
div.wpcf7-response-output{
    text-align: center;
}

#ihf-main-container #ihf-mortgage-calculator-modal .mc-total-payment-subline,
#content #ihf-main-container .mc-total-payment-subline{
    color:#333;
}

#ihf-main-container .pagination>li>a,
#ihf-main-container .pagination>li>span{
    padding: 6px 9px;
}
#ihf-main-container #ihf-schedule-showing-request-form .form-control{
    padding: 6px 7px;
}
#content #ihf-main-container #ihf-search-location-tab{
    margin: 8px 5px 0 0;
}
#ihf-main-container #ihf-advsearch-features label{
    font-size: .8em;
}
html.name-Microsoft_Edge .ai-default-cf7wrap input[type="submit"],
html.name-Microsoft_Edge .ai-default-cf7wrap input.wpcf7-submit{
    margin: 6px 0 0;
}
#ws-walkscore-tile{
    background:#fff !important;
}
#hero .quick-search form select[name="propertyType"]{
    margin-left: 2%;
}
#content ul.ihf-navbar-nav{
    list-style: none;
    margin: 0 0 0;
}
#content .ihf-eureka .ihf-navbar{
    padding: 4px 14px;
}
#content #ihf-main-container .ihf-listing-open-home-text-grid,
#content #ihf-main-container .ihf-map-info-window-content{
    color:#777;
}
#content #ihf-main-container label{
    color:inherit;
}
#content #ihf-main-container .ihf-polygon-reset{
    color:#000;
}
#ihf-main-container .modal-body {
    color: #000;
}
body.page-id-0 > img,
body.page-id-0 > iframe{
    display: none !important;
}
#content #ihf-main-container #ihf-market-report-nav-container.row,
#content #ihf-main-container #ihf-market-report-nav-container.row .row,
#content #ihf-main-container .row #areaPickerContainer.row,
#content #ihf-main-container .row #ihf-search-location-tab .row,
#content #ihf-main-container .row #ihf-refine-map-search-form .row,
#content #ihf-main-container .row .ihf-grid-result-container .row,
#content #ihf-main-container .row #ihf-search-location-tab.row{
    margin-left: -15px;
    margin-right: -15px;
}
#content #ihf-main-container .row .row{
    margin-left: 0;
    margin-right: 0;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a{
    color:#000 !important;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a:hover{
    color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form label{
    color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form .checkbox {
    padding-left: 0px;
    margin-left: -15px;
}
#ihf-main-container ul.chosen-results {
    margin-left: 0 !important;
}
#content .ihf-eureka ul.ihf-dropdown-menu{
    margin: 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}
#content #ihf-detail-navrow .ihf-detail-navigation .pull-right{
    float: none !important;
    text-align: right;
}
#content #ihf-main-container .map-infobox-img{
    max-width: 100% !important;
}
#ihf-main-container #ihf-map-canvas .ihf-map-info-box-title{
    padding: 0 15px 0 0;
}
.ihf-captcha .g-recaptcha{
    transform-origin: left center;
    transform: scale(.75);
    -moz-transform: scale(.75);
    -webkit-transform: scale(.75);
}
.grecaptcha-badge{
    z-index: 91;
}
#content #IDX-main{}
#content #IDX-main #IDX-boxLabel_remarksConcat input{
    display: block;
    width: 100%;
}
#content #IDX-main ul.select2-choices,
#content #IDX-main ul.IDX-navbar-nav{
    margin: 0 0 0 0;
}
.areaPickerExpandAllTopBar:after{
    content:'';
    display: block;
    clear: both;
}
#ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox{
  padding-left: 0px;
}
#ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox label{
    padding-right: 30px;
    white-space: break-spaces;
}
#ihf-main-container #ihf-detail-features-tab > .row.mt-10{
    margin-left: 0;
    margin-right: 0;
}
#ihf-agent-sellers-rep-own-listing{
    max-width: 100%;
}
#ihf-main-search-form fieldset div[data-ihf-geographic-field="true"] .checkbox{
    padding-left: 0;
}
#content ul#IDX-searchNavList{
    margin: 0 0 0;
}
#content ul#IDX-searchNavList li:first-child{
    padding-left: 0px;
}
#content ul#IDX-searchNavList li:last-child{
    padding-right: 0px;
}
#IDX-formSubmit.IDX-formSubmit {
    font-size: 16px;
    margin-right: 20px;
    line-height: 18px;
}
#IDX-formSubmit.IDX-formSubmit {
    font-size: 16px;
    margin-right: 20px;
    line-height: 18px;
    font-weight:400;
}
#IDX-ccz-group .IDX-controls span{
    vertical-align: middle;
    margin: 0 0 0 10px;
}
#IDX-ccz-group .IDX-controls span:first-child{
    margin: 0 0 0 0;
}
#ihf-main-container #ihf-map-canvas{
    position: relative;
    z-index: 0;
}
#ihf-main-container #ihf-refine-map-search-form{
  margin: 0 0;
}
#ihf-main-container .ihf-mapsearch-refine-overlay-inner{
  padding: 8px 15px;
}
#ihf-main-container .ihf-grid-result{
    margin-bottom: 15px;
}
#ihf-main-container .ihf-grid-result:after{
    content: '';
    display: block;
    clear: both;
}
#listings-results .listings-map{
    position: relative;
    z-index: 0;
}
/********CSS Post Launch End********/

#main-wrapper {
    position: relative;
    overflow: hidden;
}

.cont-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: center;
    font-size: 0;
    letter-spacing: 0;
}

.area-flex {
   display: flex;
   justify-content: center;
   align-items: center;
}

.custom-container {
   padding-left: 90px;
   padding-right: 90px;
 }

  .custom-container > .row {
     display: flex;
  }

/*** Header Area ***/

.main-header {
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 30px 0;
}



/** header left **/

.hdr-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;

}

.slidenavigation {
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  margin-right: 20px;
  }

  .slidenavigation em {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    letter-spacing: 0.15em;
    margin-right: 8px;

  }

  .burger-menu-icon {
      width: 24px;
      height: 20px;
      position: relative;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
  }

      .burger-menu-icon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #fff;
        opacity: 1;
        left: 0;
        right: 0;
        -webkit-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
        margin: 0 auto;
      }

      .burger-menu-icon:hover span,
      .burger-menu-icon:focus span {
          background: #032241;
          width: 100%!important;
      }

      .burger-menu-icon span:nth-child(2) {
           top: 9px;
           width: 100%;
           right: 0;
           left: 0;
      }

      .burger-menu-icon:hover span:nth-child(2),
      .burger-menu-icon:focus span:nth-child(2) {
           width: 15% !important;
      }

      .burger-menu-icon span:nth-child(3) {
          bottom: 0;
      }

.hdr-smi {
    display: block;
    color: #fff;
    font-size: 0;

}

 .hdr-smi a {
     font-size: 20px;
     margin: 0 10px;
     -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
 }

   .hdr-smi a:hover {
     color: #af883d;
   }

/*** Header Logo ***/

.hdr-logo {
    display: block;
    position: relative;
    text-align: center;
}

 .hdr-logo img {
     margin: 0 auto;
     width: 393px;
 }

/** header right **/

.hdr-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

 .hdr-info {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.05em;
    padding-right: 40px;
    border-right: 1px solid;
    margin-right: 28px;

 }

  .hdr-info span {
     display: block;
     text-transform: uppercase;
     margin: 4px 0;
  }

  .hdr-info a {
     font-weight: 500;
  }


  .hdr-info a:hover {
     font-weight: 500;
     color: #af883d;
  }
/***Header Short***/

.fixed-header{
    background:#031428;
    position: fixed;
    z-index: 101;
    width: 100%;
    left: 0;
    top: -100px;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    padding: 2px 0;
}

.fixed-header.active{
    top: 0;
}

.fixed-header .hdr-logo img {
    width: 251px;

}


/*** Fixed Nav ***/

.nav-wrapp {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 55px;
}

.navigation {
  display: inline-block;
  position: relative;
}


#fixednav {
  display: block;
}

#fixednav a {

    font-size: 13px;
    font-weight: 500;
    color:#707070;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

#fixednav a:hover {
  color: #032241;
}
#fixednav li {
    position:relative;
}
#fixednav > li {

    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 45px;

}
#fixednav > li:first-child{
    margin: 0 0 0 0;
}

#fixednav > li:hover > a{
    color:#fff;
}

#fixednav li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height:2px;
    background: #000;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}

    #fixednav li:hover a:after {
       width: 80%;
       left: 0;
    }

/* Sub Menu */

#fixednav .sub-menu {
    list-style: none outside none;
    margin: 0;
    display: none;
    padding: 30px 0;
    position: absolute;
    width:100%;
    min-width:222px;
    text-align: center;
    background: transparent;
}

#fixednav > li > .sub-menu{

    left: -150%;
    right: -150%;
    margin: auto;

}

#fixednav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
    font-size: 13px;
    font-weight: 400;
    background: rgba(3,34,65,0.8);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#fixednav .sub-menu a:hover {
    color: #032241;
    background: #fff;
}

#fixednav .sub-menu .sub-menu {
    margin-left: 100%;
    top:0;
}

#fixednav li:hover > .sub-menu {
    display: block;
}

#fixednav .sub-menu li {
    position: relative;
    display: block;
    padding: 0;
    margin: 1px 0 0;
}

#fixednav .sub-menu li:first-child{
    padding: 0 0 0 0;
}

  #fixednav .sub-menu li a:after {
    display: none;
  }

.fixed-header:not(.active) {
   opacity: 0;
   pointer-events: none;
}

/*** HP SLIDE ***/

#slide-section {
    position: relative;
}

.slide-area {
    width: 100%;
    top: 0;
    height: 100%;

  }

.hp-slide {
  width: 100%;

}

.home .cycloneslider-slide.cycloneslider-slide-image.cycle-slide:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    left: 0;
    right: 0;
    z-index: 2;
}


/*** CTA ***/

 .cta-wrapper {
    position: absolute;
    left:0;
    right:0;
    margin: 0 auto;
    z-index: 5;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
 }


.cta-slide {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
}

 .cta-slide a {
    width: 100%;
    display: inline-block;
    max-width: 358px;
    border: 1px solid #fff;
    line-height: 75px;
    height: 77px;
    margin: 0 15px;
    font-size: 18px;
    color: #fff;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    text-transform: uppercase;
    text-align: center;
    font-family: var(--font-family-title);
    font-weight: 700;
    letter-spacing: 0.05em;
 }

  .cta-slide a:hover {
     background: #af883d;
     border: 1px solid #af883d;
  }

/*** Quick Search ***/

 .qs-wrapper {
    position: absolute;
    left:0;
    right:0;
    margin: 0 auto;
    z-index: 5;
    bottom: 0;
    width: 100%;
        background: rgba(3,20,40,0.5);
 }

 .qs-area-wrapp {
    font-size: 0;
    letter-spacing: 0;
    padding: 20px 0;
    text-align: center;
 }

 .qs-title {

    color: #fff;
    font-weight: 400;
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Playfair Display', serif;
    letter-spacing: 0.01em;
    position: relative;

}

.qs-title:before {
    width: calc(50% - 100px);
    content: '';
    position: absolute;
    left: 0;
    height: 1px;
    background: rgba(255,255,255,0.2);
    top: 50%;
}

.qs-title:after {
    width: calc(50% - 100px);
    content: '';
    position: absolute;
    right: 0;
    height: 1px;
    background: rgba(255,255,255,0.2);
    top: 50%;
}

.qs-cont {

    width: 100%;
    font-size: 0;
    letter-spacing: 0;
    margin-top: 15px;
}

.qs-cont form {
    margin: 0 auto;
    vertical-align: top;
 }

.qs-cont .field-1 {
  width: 19%;
  max-width: 234px;
}

.qs-cont .field-2, .qs-cont .field-3,
.qs-cont .field-4, .qs-cont .field-5 {
    width: 11.5%;
    max-width: 97px;
}

.qs-cont .field-1, .qs-cont .field-2, .qs-cont .field-3, .qs-cont .field-4, .qs-cont .field-5, .qs-cont .field-6 {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.qs-cont input.form-control {
    color: #000 !important;
}

.qs-cont input {

    color: #fff;
    font-size: 11.13px;
    height: 36px;
    padding: 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/qs-arrow.png) no-repeat right 8px center transparent;
    border: transparent;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding: 0 10px;

}

.qs-cont select,
button.btn.dropdown-toggle.btn-default{
    color: #fff;
    font-size: 11.13px;
    height: 36px;
    padding: 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/qs-arrow.png) no-repeat right 8px center transparent;
    border: transparent;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding: 0 10px;
    border-radius: unset;
}

     .qs-cont select > option {
        color: #000;
     }

  select::-ms-expand { display: none; }

 .qs-cont .qs-cont-sub, .qs-cont .adv-srch {
    width: 13.29%;
    max-width: 122px;
    height: 36px;
    background:#af883d;
    text-align: center;
    color: #fff;
    appearance: normal !important;
    -webkit-appearance: normal !important;
    -moz-appearance: normal !important;
    border-radius: 0;
    border: 0;
    margin: 0;
    vertical-align: top;
    display: inline-block;
    line-height: 36px;
    font-weight: 400;
    font-size: 11.13px;
    position: relative;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    }

    .qs-cont .adv-srch {
      background: #031428;
      margin-left: 10px;
    }

    .qs-cont .qs-cont-sub:hover, .qs-cont .adv-srch:hover{
      opacity: 0.8;
    }



/*** Featured properties ***/

section#fp-section {

}

 .fp-area {
    display: block;
    position: relative;
 }

  .fp-wrapper {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
  }

   .fp-list {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
    padding: 1px;
    text-align: left;
   }

    .fp-list a {
        width: 100%;
        display: block;
        position: relative;
    }

     .fp-list a > .fp-img {
      position: relative;
     }

      .fp-list a > .fp-img:before {
         position: absolute;
         left: 0;
         right: 0;
         background: rgba(0,0,0,0.5);
         top: 0;
         width: 100%;
         height: 100%;
         content: '';
         transition: all .4s ease-in-out;
         -moz-transition: all .4s ease-in-out;
         -webkit-transition: all .4s ease-in-out;
         opacity: 0;
      }

      .fp-list a:hover > .fp-img:before {
          opacity: 1;
      }

      .fp-list a > .fp-img canvas {
         width: 100%;
         background-size: cover;
      }

       .fp-list a > .fp-details {
         position: absolute;
         z-index: 1;
         left: 0;
         right: 0;
         bottom: 30px;
         display: flex;
         justify-content: flex-start;
         font-size: 0;
         letter-spacing: 0;
       }

        .fp-list a > .fp-details .fp-d-l {
          background: #fff;
          position: relative;
          border: 5px solid #af883d;
          width: 50%;
          padding: 25px 30px 25px 35px;
          margin-bottom: 20px;
        }

        .fp-list a > .fp-details .fp-d-l:after {
          content:'';
          background: #fff;
          position: absolute;
          right: 0;
          height: 30px;
          width: 170px;
          bottom: -30px;
        }
        .fp-list a > .fp-details .fp-d-l:before {
          content:'';
          background: #af883d;
          position: absolute;
          right: 0;
          height: 1px;
          width: 92px;
          bottom: 0;
        }
         .fp-list a > .fp-details .fp-d-l span {
             display: block;
             font-size: 14px;
             color: #031428;
             letter-spacing: 0.05em;
             font-weight: 500;
             padding: 10px 0;
         }

         .fp-list a > .fp-details .fp-d-l span:first-child {
            padding-top: 6px;
        }

          .fp-list a > .fp-details .fp-d-l span.fp-price {
             font-size: 30px;
             font-weight: 700;
                 font-family: 'Playfair Display', serif;

          }

           .fp-list a > .fp-details .fp-d-l span.fp-address {
             line-height: 24px;
           }

            .fp-list a > .fp-details .fp-d-l span.fp-bb {
                opacity: 0;
                font-size: 0;
                padding: 0;
               transition: all .25s ease-in-out;
               -moz-transition: all .25s ease-in-out;
               -webkit-transition: all .25s ease-in-out;
            }

            .fp-list a:hover > .fp-details .fp-d-l span.fp-bb {
                opacity: 1;
                font-size: 11px;
                padding: 10px 0;
            }

            .fp-list a > .fp-details .fp-d-l span.fp-bb em {
              font-style: normal;
              font-weight: 600;
              padding: 0 6px;
            }

             .fp-list a > .fp-details .fp-d-l span.fp-bb em:first-child {
                 padding-left: 0;
                 border-right: 2px solid #d1d1d1;
             }


        .fp-list a > .fp-details .fp-d-r {
            background: #fff;
            position: absolute;
            width: 51%;
            padding: 25px 0 25px 20px;
            margin-bottom: 0;
            height: 109px;
            right: 0;
            bottom: -5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

         .fp-list a > .fp-details .fp-d-r:before {
            content: '';
            background: #af883d;
            position: absolute;
            left: 0;
            height: 50px;
            width: 1px;
            bottom: 30px;
         }


            .fp-list a > .fp-details .fp-d-r span.fp-bb em {
              font-style: normal;
              font-weight: 600;
              padding: 0 15px;
              color: #031428;
              letter-spacing: 0.05em;
              font-size: 16px;
              transition: all .25s ease-in-out;
              -moz-transition: all .25s ease-in-out;
              -webkit-transition: all .25s ease-in-out;
            }

             .fp-list a > .fp-details .fp-d-r span.fp-bb em:first-child {
                 padding-left: 0;
                 border-right: 2px solid #d1d1d1;
             }

            .fp-list a > .fp-details .fp-d-r span.fp-view {
              font-style: normal;
              font-weight: 600;
              font-size: 18px;
              color: #fff;
              text-align: center;
              display: none;
               transition: all .25s ease-in-out;
               -moz-transition: all .25s ease-in-out;
               -webkit-transition: all .25s ease-in-out;
               text-transform: uppercase;
               letter-spacing: 0.05em;
            }

            .fp-list a:hover > .fp-details .fp-d-r span.fp-view {
              display: block;
            }
            .fp-list a:hover > .fp-details .fp-d-r span.fp-bb em {
                display: none;
            }

             .fp-list a:hover > .fp-details .fp-d-r {
               background: #af883d;
             }

             .fp-list a:hover > .fp-details .fp-d-r {
                 padding-left: 0;
             }

/*** About Section ***/


section#about-section {
     position: relative;
     z-index: 1;
     overflow: hidden;
     background: url(images/agent-map-bg.jpg) no-repeat center/cover;
}

 .about-area {
    display: block;
 }

  .about-area:before {
     position: absolute;
     right: 0;
     background: #fff;
     width: 80%;
     height: 290px;
     content: '';
     top: 0;
  }

  .about-title {
   text-align: center;
    padding: 0px 0 0;
    position: relative;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;

  }

  .about-title:before {
     position: absolute;
     right: 0;
     left: 0;
     background: #af883d;
     width: 67px;
     height: 3px;
     content: '';
         margin: 0 auto;
    bottom: 0;
    z-index: 1;
  }

  .about-title span {
    font-size: 22px;
    font-weight: 400;
    color: #031428;
    text-transform: uppercase;
    position: relative;
  }
  .about-title img {
    margin: 18px auto;
    width: 468px;
    position: relative;
  }


  .wc-wrap{
/*   font-size: 0;
    letter-spacing: 0;
    text-align: center;*/
    position: relative;
    margin-top: 90px;

  }



   .bg-about {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
   }

    .bg-about:before {
    position: absolute;
    right: 0;
    width: 46%;
    background: #fff;
    content: '';
    height: 50%;

    }

    .bg-about:after {
    position: absolute;
    right: 0;
    width: 46%;
    background: #031428;
    content: '';
    height: 50%;
    bottom: 160px;
         opacity: 0;
         pointer-events: none;
    }

    .agent-map-wrapp {
        position: relative;
        padding-top:20px;
    }
   .agent-map-wrapp:before {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
     height: 3px;
     width: 67px;
     content:'';
     background: #af883d;
   }




.wc-wrap{
    position: relative;
}


.wc-wrap .wc-agents{
    background: url(images/team-photo/agent-main-photo.png) center center no-repeat;
    background-size: cover;
    position: relative;
}
.wc-wrap .agents-frame{
    position: relative;
    z-index: 0;
}
.wc-wrap .agents-pattern{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wc-wrap .agents-pattern img{
    display: block;
    width: 100%;
    height: auto;
}
.wc-wrap .agents-hovers{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.wc-wrap .agents-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.wc-wrap .agents-hover.active{
    opacity: 1;
}
.wc-wrap .agents-hover img{
    display: block;
    width: 100%;
    height: auto;
}
.wc-wrap .agents-frame canvas{
    display: block;
    width: 100%;
    height: auto;
}

.wc-wrap .agents-info{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.wc-wrap .info-single{
    position: absolute;
    opacity: 0;
    padding:0;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    bottom: 180px;
    /*min-height: 656px; */
    width: 100%;
}


.wc-wrap .info-single.active{
    pointer-events: auto;
    opacity: 1;
}
.wc-wrap .info-single[data-info-name="liz"]{
    left: 0;
}
.wc-wrap .info-single[data-info-name="mickey"]{

    left: 0;
}
.wc-wrap .info-single[data-info-name="tina"]{
    left: 0;
}
.wc-wrap .info-single[data-info-name="adam"]{

    left: 0;
}
.wc-wrap .info-single[data-info-name="blake"]{

    left: 0;
}
.wc-wrap .info-content{
    color: #fff;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    letter-spacing: 0;

}

.wc-wrap .agent-video,
.wc-wrap .agent-about {
   position: relative;
   width: 50%;
   display: block;

}

 .wc-wrap .agent-video .a-vid-cont {
    position: relative;
 }
 .wc-wrap .agent-video .a-vid-cont canvas {
     width: 100%;
     background-size: cover;
 }

  .wc-wrap .agent-video .a-vid-cont span {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     background: rgba(3,20,40,0.5);
  }

  .wc-wrap .agent-video .a-vid-cont span > em {
    width: 92px;
    height: 93px;
    border: 1px solid #af883d;
    font-size: 35px;
    border-radius: 50%;
    line-height: 93px;

  }


.agent-details {
     position: relative;
     padding: 60px;
     width: 100%;
     display: block;
     font-size: 14px;
     color: #fff;
     text-align: left;
     letter-spacing: 0.05em;
}

.agent-details:before {
    position: absolute;
    content: '';
    background: #031428;
    top: 0;
    /*width: 100%; */
    width: calc(100% + 60px);
    height: 100%;
    z-index: -1;
    left: -100px;
}

.agent-details span {
     display: block;
 }

.agent-details .a-name {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.agent-details .a-pos {
    margin: 20px 0;
}

.agent-details .a-d-info {
     position: relative;
     padding: 5px 0;
     font-weight: 600;
}

.agent-details .a-d-info em {
     font-weight: 400;
}

.agent-details .a-d-info a {
      font-weight: 600;
          transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}
.agent-details .a-d-info a:hover {
    color: #af883d;
}

.agent-details .a-smi {
    font-size: 20px;
    color: #af883d;
    margin: 20px 0;
}
.agent-details .a-smi a {
    color: #af883d;
        transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}
.agent-details .a-smi a:hover {
     color: #fff;
}

.agent-details p {
   display: block;
   margin: 20px 0;
   line-height: 24px;
}

.agent-details a.a-rmore {
    width: 100%;
    max-width: 159px;
    line-height: 45px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.05em;
    display: block;
    margin-top: 30px;
    font-size: 14px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}
.agent-details a.a-rmore:hover {
    background: #af883d;
    border: 1px solid #af883d;
    }


.mtt-btn {
position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
}

 .mtt-btn a {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #031428;
     height: 68px;
     width: 100%;
     max-width: 333px;

 }

  .mtt-btn a span {
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 0.05em;
     font-weight: 700;
     font-family: var(--font-family-title);

  }


/*** Communities **/


section#comm-section {
     position: relative;
     z-index: 1;
     overflow: hidden;
     background: url(images/encinitas.jpg) no-repeat;
     height: 944px;
     background-size: cover;
}

.comm-area {
    display: block;
    position: relative;
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

.comm-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 944px;
    text-align: center;
}

 .comm-list-wrapp {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
 }

 .city-title {
   color: #fff;
    font-weight: 400;
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Playfair Display', serif;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 5;
 }

  .comm-list {
    display: flex;
    width: 100%;
    font-size: 0;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 5;
 }

  .comm-list a {
    width: 20%;
    display: inline-block;
    padding: 20px 2px 5px;
    background: rgba(175,136,61,0);
    border-bottom: 3px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.05em;
    text-align: center;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    height: 109px;

  }

  .comm-list a:nth-child(2), .comm-list a:nth-child(4) {
     border-bottom: transparent;
  }

  .comm-list a:hover {
     padding: 20px 2px 5px;
     background: rgba(175,136,61,1);
     border-bottom: 3px solid #af883d;
  }

   .comm-list a span.city-name {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-top: 30px;
        transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
   }

   .comm-list a:hover span.city-name {
     padding-top: 0;
     font-size: 18px;
   }

   .comm-list a span.city-view {
     display: block;
     font-size: 14px;
     width: 100%;
     max-width: 159px;
     line-height: 45px;
     border:1px solid #fff;
     font-weight: 400;
     margin: 0 auto;
     opacity: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    bottom: -50px;
    position: relative;

   }

   .comm-list a:hover span.city-view {
    opacity: 1;
    bottom: 0;
   }

.comm-h-wrap {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

 .comm-h {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease .2s;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
 }

.comm-h.active{
    opacity: 1;
        background: rgba(0,0,0,1);
}


  .comm-h canvas{
    display: block;
    width: 100%;
    height:100%;
    background-size: cover;
    opacity: 0.6;
    background-position: center;

}



/*** Blog Section **/


section#blog-section {
     position: relative;
     z-index: 1;
     overflow: hidden;

}

.blog-area {
    display: block;
    position: relative;
    background: #af883d;
    position: relative;
    padding-top: 55px;
}

.blog-wrapp {
   display: block;
   position: relative;
   margin-left: -1px;
   margin-right: -1px;
   font-size: 0;
    letter-spacing: 0;
    background: #fff;
    text-align: center;
}

 .blog-list {
     position: relative;
     display: inline-block;
     vertical-align: top;
     width: 25%;
     padding: 1px;
 }

  .blog-list a {
     width: 100%;
     position: relative;
     display: block;
  }

    .blog-list a > .blog-img {
       position: relative;
    }

    .blog-list a > .blog-img:before {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(3,20,40,0.7);
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    opacity: 1;
    z-index: 1;
    }

    .blog-list a > .blog-img canvas {
       position: relative;
       width: 100%;
       background-size: cover;
    }

     .blog-list a > .blog-cont {
        position: absolute;
        bottom: 0;
        padding: 30px;
        text-align: left;
        z-index: 1;
        left: 0;
        right: 0;
     }

      .blog-list a > .blog-cont span.blog-title {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.05em;
        color: #fff;
        line-height: 30px;
        font-family: var(--font-family-title);
      }

       .blog-list a > .blog-cont p {
         font-size: 15px;
         color: #fff;
         line-height: 24px;
         margin: 20px 0;
       }

        .blog-list a > .blog-cont span.r-more {
          width: 100%;
          max-width: 159px;
          line-height: 45px;
          border: 1px solid #fff;
          color: #fff;
          text-transform: uppercase;
          text-align: center;
          letter-spacing: 0.05em;
          display: block;
          margin-bottom: 20px;
          font-size: 14px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
        }
.blog-list a:hover > .blog-cont span.r-more {
   background: #af883d;
   border: 1px solid #af883d;

}

.blog-link-wrapp {
    position: relative;
    overflow: hidden;
    background: url(images/blog-main-bg.jpg) no-repeat center/cover;
    padding: 100px 0;
}

 .blog-link-wrapp:before {
    background: rgba(3,20,40,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content:'';
 }


  .blog-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
  }

   .blog-link div {
      text-align: center;
   }

    .blog-link div > img {
        margin: 0 auto;
    }

     .blog-link div > span {
         font-size: 24px;
         text-transform: uppercase;
         font-weight: 700;
         letter-spacing: 0.05em;
         display: block;
         margin-top: 40px;
         color: #fff;
         font-family: var(--font-family-title);
     }


/*** Explore area **/


section#explore-section {
     position: relative;
     z-index: 1;
     overflow: hidden;
     height: 483px;
}

.explore-area {
    display: block;
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    height: 100%;
}

.explore-wrapper {
    display: block;
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    height: 100%;
}

 .explore-form-cont,
 .explore-cta-cont {
   display: inline-block;
   vertical-align: top;
   width: 50%;
   height: 100%;

 }

  .explore-form-cont {
    background: #031428;
    padding: 45px 115px 30px;

  }

  .git-cont-title {
    font-size: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    padding-top: 68px;
    position: relative;
    margin-bottom: 10px;
  }

  .git-cont-title:before {
     content: '';
     background: url(images/searh-icon.png) no-repeat center;
     width: 48px;
     height: 49px;
     position: absolute;
     left: 0;
     top: 0;
  }

.cont-form  {
    position: relative;
    font-size: 0;
    letter-spacing: 0;

   }

   .git-field {
      width: 50%;
      position: relative;
      padding: 0 4px;
      display: inline-block;
      vertical-align: top;

   }

   .git-field-w {
      width: 100%;
      position: relative;
      padding: 0 4px;
   }


  .cont-form input[type='text'],.cont-form input[type='tel'],
  .cont-form input[type='email'], .cont-form textarea  {
    width: 100%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 46px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: top;
    background: transparent;
    border: transparent;
    outline: none;
    text-transform:uppercase;
    padding: 10px 0;
    border-bottom:1px solid #fff;
    letter-spacing: 0.1em;

  }

.cont-form textarea {
    resize: none;
    margin: 30px 0 0;
    height: 90px;
}

.sub-link {
   margin-top: 35px;
}

div.cont-form input.wpcf7-form-control.wpcf7-submit {
    font-size: 14px;
    border: 1px solid #fff;
    width: 100%;
    height: 44px;
    max-width: 159px;
    position: relative;
    background: transparent;
    color: #fff;
    line-height: 44px;

}

div.cont-form input.wpcf7-form-control.wpcf7-submit:hover{
  background:#fff;
  color: #031428;
}



  div.cont-form div.wpcf7-response-output {
    color: #fff;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    bottom: -30px;
    padding: 5px 0;
}


div.cont-form .use-floating-validation-tip span.wpcf7-not-valid-tip {
  font-size: 12px;
  top: 0;
}

.field-flex {
    margin-left: -2px;
    margin-right: -2px;
    margin-top: 10px;
}

/*** CTA ***/

  .exp-list-wrapp {
    display: flex;
    justify-content: center;
    margin-left: -1px;
    margin-right: -1px;
    font-size: 0;
    letter-spacing: 0;
  }

 .exp-cta-list {
    width: 50%;
    display: block;
    padding: 0 1px;
 }

   .exp-cta-list a {
     width: 100%;
     display: block;
     margin: 0 auto;
     position: relative;
   }

    .exp-cta-list a > canvas {
         width: 100%;
         background-size: cover;
          filter: blur(1.5px);
        -webkit-filter: blur(1.5px);
        height: 483px;

    }

     .exp-cta-list a > .cta-cont {
         display: flex;
         justify-content: center;
         align-items: center;
         position: absolute;
         left: 0;
         right: 0;
         bottom: 0;
         top:0;
         width: 100%;
         height: 100%;
     }

     .exp-cta-list a > .cta-cont:before {
        background: rgba(3,20,40,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content: '';
     }

     .exp-cta-list a:hover > .cta-cont:before {
       background: rgba(3,20,40,0.6);
           transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
     }

      .exp-cta-list a > .cta-cont img {
         margin: 0 auto;
         position: relative;

      }

       .exp-cta-list a > .cta-cont span {
         font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    display: block;
    margin-top: 40px;
    color: #fff;
    font-family: var(--font-family-title);
    position: relative;
       }



/*** Footer Info ***/

section#fi-section {
   position: relative;
   z-index: 1;
   background: #000;
   /*height: 641px;*/
}

section#fi-section:before {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    background: url(images/ftr-main-bg.jpg) no-repeat center/cover;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;

}

 .fi-area {
   position: relative;
   font-size: 0;
   letter-spacing: 0;
   padding: 98px 15px;
   background: rgba(255,255,255,0.8);
   height: 100%;
 }


.ftr-info {
   position: relative;
   display: block;
}

.ftr-info img {
     margin: 0 auto;
     width: 431px;
}

.ftr-contact {
    position: relative;
}

.ftr-contact.flex-area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
}

.ftr-contact span, .ftr-info span.info-add {
     display: block;
     text-align: center;
     font-size: 15px;
     letter-spacing: 0.05;
     color: #031428;
     margin: 0 20px;
     padding: 5px ;
 }

 .ftr-info span.info-add  {
    padding-bottom: 40px;
 }

 .ftr-contact span a {
     font-weight: 500;
 }

 .ftr-contact span a:hover {
       color: #af883d;
 }

 .ftr-smi {
    display: block;
    color: #031428;
    font-size: 0;
    text-align: center;

}

 .ftr-smi a {
     font-size: 20px;
     margin: 0 10px;
     -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
 }

   .ftr-smi a:hover {
     color: #af883d;
   }


.info-logo {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 40px;
}

 .info-logo img.cb-logo {
    margin: 0 10px;
    width: 320px;

 }
 .info-logo img.gl-logo {
    margin: 0 10px;
    width: 174px;

 }

/*** Lets Connect **/

.lets-connect {
   /* position: relative;*/
}

.lc-btn {
    position: absolute;
    bottom: 0;
    right: 30px;
    z-index: 2;
    max-width: 360px;
    width: 100%;
}

 .lc-btn a {
    width: 100%;
    line-height: 62px;
    background: #031428;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    display: block;
    color: #fff;

 }

   .lc-btn a em {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     width: 22px;
     height: 22px;
     background: url(images/chat-icon.png) no-repeat;
     margin-left: 20px;
   }
    .lc-btn a em:before {

    }

/*** Footer ***/

section#ftr-section {
   position: relative;
   z-index: 1;

}

.footernav {
    display: none;
}

.footer {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding: 30px 0 30px;
    text-align: center;
    color: #636363;
}

  .footer li {
 display: inline-block;
    padding: 0 10px;
    line-height: 10px;
    color: #636363;
    text-transform: uppercase;
    font-size: 14px;

  }

  .footer li a {
    color:#636363;
    font-size: 14px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    font-weight: 400;
    letter-spacing: 0.07em;
    text-transform: capitalize;
  }

  .footer li:first-child {
      border: 0;
      padding-left: 0;
    }


 .footer li a:hover {
    color: #555555;
 }

  .footer .copyright {
         color:#636363;
         padding: 5px 0;
         letter-spacing: 0.02em;
         line-height: 20px;
         font-weight: 400;
         font-size: 12px;
         text-transform: capitalize;
  }

  .footer .copyright a {
     color: #977025;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;

  }

.footer .copyright a:hover {
    color: #031428;
}


.ftr-logos {
   display: block;
   font-size: 20px;
   text-align:right;
   margin: 5px 0;

}

.ftr-logos em {
    color: #a5a5a5;
    }

.copyright-wrapp {
   position: relative;
   text-align: left;
}




/*******************************************************
 *
 * 4. IP Styles
 *
 *******************************************************/
.ip-banner{
    position: relative;
    width: 100%;
}
    .ip-banner::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,.6);
    }
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: var(--dark);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFFFFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }
/* Adjust minimum height of page area */
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}

/** Adjust width of content columns **/
#content-sidebar #content{ width: 77.08%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 20.83%; }

/* fullwidth template */
.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}
    .page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
        margin-left: -15px;
        margin-right: -15px;
    }

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {
   font-size: 30px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {

}


/** Connect Area **/


.close-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: -1;
}

.connect-content {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 1030;
    opacity: 1;
    text-align: center;
    padding: 0 100px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    background: #032241;
}
.connect-content:before {
background: url(images/slidenav-bg.jpg) no-repeat center/cover;
content:'';
position: absolute;
left: 0;
right: 0;
margin-bottom: 0 auto;
opacity: 0.1;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}


.connect-content.active {
   opacity: 1;
   right: 0;
}

.connect-content .close-bttn {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 63px;
    top: 24px;
    cursor: pointer;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    text-align: center;
    margin: 0 auto;
    color: #fefefe;
    z-index: 9;
    font-size: 20px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}



  .connect-content .close-bttn:hover {
     color: #ccc;

  }


/*** Slide logo ***/

.slide-navi .slide-m-title {
   display: block;
}
.slide-details  {
    display: block;
    padding-top:220px;
    padding-bottom: 65px;
    position: relative;
    font-size: 0;
    letter-spacing: 0;
}

.slide-info {
    text-align: left;
    position: relative;
    z-index: 1;
    margin-top: 90px;
}


/** Slide Nav **/

.slide-navi {
   display: block;
   width:100%;
   margin: 0 auto;
   text-align: left;
}

 .slide-navi ul.aios-split-nav.slide-nav {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 33.333%;
}

/*.slide-navi ul.aios-split-nav.slide-nav:nth-child(1),
.slide-navi ul.aios-split-nav.slide-nav:nth-child(5) {
    padding-left: 0;
}

.slide-navi ul.aios-split-nav.slide-nav:nth-child(3),
.slide-navi ul.aios-split-nav.slide-nav:nth-child(6),
.slide-navi ul.aios-split-nav.slide-nav:nth-child(7) {
   padding-left: 100px;
}

.slide-navi ul.aios-split-nav.slide-nav:nth-child(2),
.slide-navi ul.aios-split-nav.slide-nav:nth-child(4),
.slide-navi ul.aios-split-nav.slide-nav:nth-child(8) {
   padding-left: 100px;
}*/

.slide-nav li a {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    letter-spacing: 0.05em;

}

.slide-nav li a:hover {
    color: #cdcdcd;
}

.slide-nav li{
    padding-bottom: 25px;
    position: relative;
    display: block;
}

.slide-nav .sub-menu {
   padding-top: 25px;
   font-size: 0;
   letter-spacing: 0;
   display: none;
}

 .slide-nav .sub-menu li a {
   text-transform: capitalize;
   font-size: 16px;
   color: #9c9c9c;
   font-weight: 400;
    text-transform: capitalize;
    text-transform: uppercase;
 }

 .slide-nav .sub-menu li {
    padding-bottom: 15px;
    position: relative;
    display: block;
    vertical-align: top;
 }

.slide-nav .sub-menu .sub-menu {
   display: none;
}


#slide-nav{
    display: none;
}


.slidenav-title {
   display: block;

}

.slidenav-title img {
   width: 272px;
}

.slide-info-flex {
    display: flex;
    align-items: center;

}

.slide-info-flex .hdr-info {
    display: flex;
    border-left: 1px solid #fff;
    border-right: 0;
    margin-left:15px;
    padding-left: 20px;

}

.slide-info-flex .hdr-info span {
  margin: 0 15px;
}
#popup-body{}
#popup-body .cont-form{
  filter:invert(1);
  -webkit-filter:invert(1);
}

#popup-body .cont-form div.wpcf7 .ajax-loader {
  position: absolute;
}

#popup-body .use-floating-validation-tip .wpcf7-not-valid-tip {
  filter:invert(1);
  -webkit-filter:invert(1);
}

#popup-body .popupform-cont-title{
  font-size: 24px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  margin-bottom: 10px;
}

.aiosp-wrap div[class="aiosp-container aiosp-inline-holder aiosp-ref-#popup-body"] .aios-popup-body{
  min-height: 0;
  max-width: 500px;
  text-align: center;
  padding: 60px 1%;
}

.agents-contact li div {
  color: #fff;
}

video.customp-video.aiosp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#content.aios-testimonials-page strong {
  display: inline-block !important;
  font-weight: 700 !important;
}

.hdr-right img {
    max-width: 200px;
}

.fixed-header.active .hdr-right img {
  max-width: 130px;
  padding: 10px 0;
}


/********CSS Post Launch********/



.wpcf7 form .wpcf7-response-output {
    text-align: center;
}

.leaflet-bottom, .leaflet-top {
    z-index: 999;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    text-align: center;
}

.qs-cont ul.dropdown-menu.inner{
    max-height: 200px !important;
}

.ihf-captcha .g-recaptcha{
    transform-origin: left center;
    transform: scale(.75);
    -moz-transform: scale(.75);
    -webkit-transform: scale(.75);
}
.grecaptcha-badge{
    z-index: 5;
}

.home .bootstrap-select>.dropdown-toggle.bs-placeholder,
.home .bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.home .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.home .bootstrap-select>.dropdown-toggle.bs-placeholder:active {
   color: #fff !important;
}

.home button.btn.dropdown-toggle.btn-default {
   background: transparent !important;
}
.home .open>.dropdown-toggle.btn-default:hover {
  background: unset !important;
      color: #fff !important;
    background-color: unset !important;
    border-color: unset !important;
}
.home .bootstrap-select.btn-group .dropdown-toggle .filter-option {
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
}

.ihf-printable-template #breadcrumbs,
.ihf-printable-template #fi-section {
  display: none;
}

/********CSS Post Launch End********/

.blog-link img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

.subscribe-btn {
    margin-top: 20px;
}

.subscribe-btn a {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0 0 0 0.05em;
    line-height: normal;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    padding: 10px 15px;
    -webkit-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
}

.subscribe-btn a:hover {
    color: #fff;
    background: #031428;
}