/*
Theme Name:  Nura Motal
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

*/


@font-face {
    font-family: 'museo_sans500';
    src: url('fonts/museosans_500-webfont.woff2') format('woff2'),
         url('fonts/museosans_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans300';
    src: url('fonts/museosans-300-webfont.woff2') format('woff2'),
         url('fonts/museosans-300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

:root {
    /** Font default */
    --font-family-default: 'Montserrat', sans-serif;
    --font-family-title: 'Playfair Display', serif;
    --font-family-title-l: 'museo_sans300', serif;
    --font-family-title-b: 'museo_sans500', serif;
    --font-size-default: 14px;
    --font-size-title: 18px;
    --font-color-default: #000000;
    --font-color-title: #6c757d;
    --font-weight-title: 100;

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

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

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

#nav .sub-menu {
    background: transparent;
    display: block;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    min-width: 240px;
    list-style: none outside none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-align: center;
    padding-top: 10px;
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
    top:0;
}
#nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
#nav .sub-menu li {
    position: relative;
}

#fixednav li {
    position:relative;
    display: inline-block;
}

#fixednav .sub-menu {
    background: transparent;
    display: block;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    min-width: 240px;
    list-style: none outside none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-align: center;
    padding-top: 10px;
}
#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 {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
#fixednav .sub-menu li {
    position: relative;
}
/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/

/* Global */

body{
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    color: var(--font-color-default);
    margin: 0;
  letter-spacing: 0.05em;
  display: block;
    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

html {
  /*scroll-behavior: smooth;*/
}

html:has(#inner-page-wrapper) {
    scroll-padding-top: 95px; /* height of your sticky header */
}

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

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;
    }

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


.ease-in-out3 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ease-in-out5 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


.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: 50px;
   padding-right:50px;
 }

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

/*Intro*/
.intro-video.close-intro {
    height: 0;
}
    .close-intro .intro-contain {
        opacity: 0;
        transition-delay: .2s;
    }
.ip-container .intro-video {
    display: none;
}
.intro-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9999;
}
    .intro-contain {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    }
        .intro-contain video {
            background-size: cover;
            background-position: 50% 50%;
            position: absolute;
            margin: auto;
            width: 100%;
            height: 100%;
            right: 0;
            bottom: 0;
            top: 0;
            left: 0;
            object-fit: cover;
            z-index: -100;
        }
/*Intro end*/

.main-header {
    width: 100%;
    z-index: 100;
    margin: 0 auto;
    position: fixed;
    height: auto;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    padding-top: 40px;
}

/** Header **/

.main-header {
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 40px 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

/*** Header Logo ***/

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

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

 .hdr-logo img {
/*   width: 269px;*/
 }

 .hdr-logo .textwidget.custom-html-widget {
     display: flex;  
     justify-content: flex-start;
 }

  .hdr-logo .textwidget.custom-html-widget .ai-font-compass {
     font-size: 18px; 
     color: #fff !important;
  }

  .b-logo {
     margin-left: 15px; 
     padding-left: 15px; 
     border-left: 1px solid rgba(225,225,225,1);
    display: flex;
    align-items: center;
  }

  .b-logo img {
    position: relative;
    top: 8px;
}

/** Header Contact **/

.contact-info {
  display: block;
  margin-left: 40px;
}

.contact-info span {
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 0.05em;
   padding: 0;
   color: #fff;

}

.contact-info span:nth-child(2) {
   margin-left: 20px;
}

.contact-info span > i {
   font-size: 12px;
   margin-right: 10px;
}
.contact-info a {
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
       color: #fff;
}

.contact-info a:hover {
   opacity: 0.8;

}


.logo-r {
   position: relative;
   display: block;
   margin-left: 30px;
}

.logo-r img {
  width: 140px;
}


#nav {
  display: block;
}

#nav a {

    font-size: 14px;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    display: block;
    padding: 0;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    /*font-family: 'museo_sans300';*/
    font-weight: 200;

}

#nav a:hover {
  color: #fff;
}

#nav li a:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height:2px;
    background: #fff !important;
    -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;

}

    #nav li:hover a:after {

       width: 100%;
       left: 0;

    }

#nav li {
    position:relative;
}
#nav > li {

    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
    position:relative;

}

#nav > li:first-child{
    margin: 0 0 0 0;
}
#nav > li:first-child:before {
    display: none;
}

#nav > li:hover > a{
    color:#fefefe;
}


/* Sub Menu */


#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background: #000;
}

#nav .sub-menu a:hover {
    color: #000;
    background: rgba(255,255,255,1);
}

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

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

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

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

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

/***Header Short***/

.fixed-header{
    background:#000;
    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: 38px 0;
}

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

.fixed-header .hdr-logo img {
/*    width: 262px;*/
}


/*** Fixed Nav ***/

.nav-wrapp {
    align-items: center;
    text-align: right;
    display: flex;
}

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


#fixednav {
  display: block;
}

#fixednav a {
    font-size: 14px;
    color:#fff;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    display: block;
    padding: 0;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    font-family: var(--font-family-title-b);
}

#fixednav a:hover {
  /*color: #fefefe !important;*/
}

#fixednav li a:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height:2px;
    background: #fff;
    -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: 100%;
       left: 0;

    }

#fixednav li {
    position:relative;
}
#fixednav > li {

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

}

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

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


/* Sub Menu */

#fixednav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background: #000;
}

#fixednav .sub-menu a:hover {
    color: #000;
    background: rgba(255,255,255,1);
}

#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 ***/

section#slide-main-area {
  position: relative;
}

.slide-area {
    width: 100%;
    position: relative;
    z-index: 0;
    top: 0;
    height: 100%;
  }

.slide-wrapper {
  position: relative;
}

.hp-slide {
  width: 100%;
  z-index: 1;
  position: relative;
}
.hp-slide .cycloneslider-template-video .cycloneslider-volume,
.hp-slide #aios-slider-hp-slide .aios-slider-volume {
    top: 175px;
    bottom: auto;

}
.home .cycloneslider-template-responsive {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home .cycloneslider-slide.cycloneslider-slide-image.cycle-slide:before,
.home .cycloneslider-template-responsive .cycloneslider-slide:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
    left: 0;
    right: 0;
    z-index: 2;
}
.home .cycloneslider-slide.cycloneslider-slide-image.cycle-slide:after,
.home .cycloneslider-template-responsive .cycloneslider-slide:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 2;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
top: 0;
opacity: 0.8;

}

.hp-slide .cycloneslider-template-responsive {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hp-slide .cycloneslider-template-responsive .cycloneslider-slide {
    background-color: transparent;
}

.cycloneslider-template-responsive .cycloneslider-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    background: transparent !important;
    color: #fff;
    opacity: 1 !important;
    text-align: center;
    top: 0;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.cycloneslider-template-responsive .cycloneslider-caption-title {
  display: none;
}

.slide-tagline {
  position: relative;
  font-size: 65px;
  /* font-family: var(--font-family-title-b); */
  /*font-family: 'museo_sans300';*/
  /*text-shadow: 2px 1px 10px #000;*/
  font-family: var(--font-family-default);
  font-weight: var(--font-weight-title);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  line-height: 1;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-weight: 200;
}

 .slide-tagline span {
   font-size: 25px;
   font-style: italic;
   display: block;
   font-weight: 400;
   font-family: 'Arapey', serif;
   text-transform: none;
   letter-spacing: normal;
   padding-bottom: 5px;
 }


/*** Slide SMI ***/

.slide-cta {
    position: absolute;
    width: 100%;
    z-index: 9;
    text-align: center;
    left:0;
    right: 0;
    top: 55%;
    transform: translateY(-50%) !important;
}

.slide-taglines-wrapper{
  display: block;
  position: relative;
}

.slide-taglines-wrapper:not(.slick-initialize) > div {
    /* display: none; */
}


.slide-taglines-wrapper:not(.slick-initialize) .slide-tagline:nth-child(n+2) {
    display: none;
}

.cta-slide {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    padding-top: 60px;
}

.slide-cta a > img {
    position: absolute;
    right: 30px;
    bottom: -150px;
    filter: invert(100%);
}


/** Main Titlte **/

.title-wrap {
   position: relative;
   display: block;
   padding-bottom: 15px;
   margin-bottom: 40px;
   font-family: var(--font-family-title-b);
}

.title-wrap:before {
   width: 50px;
   height: 1px;
   content:'';
   background: #fff;
   left: 0;
   position: absolute;
   bottom: 0;
   display: none;
}


  .title-widget {
    text-transform:capitalize;
    color: #6c6c6c;
    position: relative;
    display: inline-block;
    line-height: 1;
    letter-spacing: 0.2em;

  }

  .title-wrap span {
    font-size: 20px;
    color: #fff;
    display: block;
    font-family: var(--font-family-title-b);
    letter-spacing: 0.4em;
    text-transform: uppercase;
    margin-bottom: 10px;
  }


/******/

  .hp-link {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 240px;
    /*line-height: 60px;*/
    height: 50px;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    margin: 0px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    background: transparent;
    padding: 0 20px;
    font-size: 0;
    justify-content: center;
    border:1px solid #333;
    position: relative;


  }

     .hp-link span {
          color: #333;
          font-size: 14px;
          letter-spacing: 0.2em;
          text-transform:uppercase;
          position: relative;
          display: block;
          /*font-weight: 100; */
          /*font-family: var(--font-family-title-b); */
          text-align: center;
          font-family: var(--font-family-title-l);
     }

     .hp-link:hover {
      background: #fff;
      border: 1px solid #fff;
      color: #000;
  }

     .hp-link:hover span {
         color: #000;
     }

  .cta-slide .hp-link {
     border:1px solid #fff;
  }

   .cta-slide .hp-link span {
      color: #fff;
   }

      .cta-slide .hp-link:hover {
         background: #000;
        border:1px solid #000;
      }


section#fp-section {
   position: relative;
   overflow: hidden;
   background: #000;
}

section#fp-section::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(images/fp-fc-bg.jpg) no-repeat center/cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed; 
    position: absolute;
    top: 0;
    left: 0; 
    
}

 .fp-area {
   width: 100%;
   padding: 90px 20px;
 }

  .fp-wrap {
     display: flex;
     flex-flow:row-reverse;
     align-items: center;
     justify-content: center;
  }

   .fp-details {
     width: 28.57142857142857%;
     display: flex;
     align-items: center;
     text-align: left;
     justify-content: center;
     position: relative;
   }

   .fp-info-wrap {
    display: block;
    max-width: 600px;
    margin: 0 auto;
    position: absolute;
    padding:60px;
    background: #fff;
    z-index: 5;
    right: 0;
    -webkit-box-shadow: 10px 0px 20px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 10px 0px 20px 0px rgba(0,0,0,0.20);
    box-shadow: 10px 0px 20px 0px rgb(0 0 0 / 20%);
}

  .fp-info-wrap .title-wrap span{
    color: #000;
  }


   .fp-info-list {
     position: relative;
     display: block !important;
   }

.fp-info-list:not(.slick-initialized) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.fp-info-list:not(.slick-initialized) .fp-info {
  width: calc(100%);
}

.fp-info-list:not(.slick-initialized) .fp-info:nth-child(1) ~ div {
  display: none;
}


   .fp-info {
     display: block;
     position: relative;
     font-family: var(--font-family-title-l) !important;
   }

      .fp-info span {
         display: block;
         color: #000;

      }
      .fp-info .hp-link{
        border-color: #000;
      }
      .fp-info .hp-link:hover{
        background: #000;
      }

      .fp-info .hp-link:hover span{
        color: #fff;
      }

     .fp-info span.fp-price {
        font-size: 33px;
        letter-spacing: -0.05em;
        color: #000;
        font-family: var(--font-family-title-l);
     }

      .fp-info span.fp-add {
         font-size: 17px;
         font-family: var(--font-family-title);
         text-transform: capitalize;
         font-style: italic;
         margin: 15px 0;
      }

      .fp-info span.fp-d {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 30px 0;

      }

       .fp-info span.fp-d em {
         font-style: normal !important;
         font-size: 13px;
         letter-spacing: 0.075em;
         text-transform: lowercase;
         padding-left: 10px;
       }

       .fp-info span.fp-d em:before {
         left: -10px;
         position: relative;
       }

       .fp-info span.fp-d em:nth-child(2) {
         margin: 0 10px;
         padding: 0 10px;
       }


   .fp-image {
     position: relative;
     display: block;
     width: 71.42857142857143%;
   }


.fp-img-slide:not(.slick-initialized) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.fp-img-slide:not(.slick-initialized) .fp-img-list {
  width: calc(100%);
}

.fp-img-slide:not(.slick-initialized) .fp-img-list:nth-child(1) ~ div {
  display: none;
}

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

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

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

      .fp-img-list a .img-wrap canvas {
         position: relative;
         width: 100%;
      }

      .fp-img-list a .img-wrap img {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height:100%;
         width: 100%;
         object-fit: cover;
         transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out;
      }

      .fp-img-list a span:before {
         width: 30px;
         height: 2px;
         position: absolute;
         right: calc(50% - 100px);
         content: '';
         background: #d73d47;
       }


/** FP Nav **/

.fp-nav {
    margin: 0;
    position: absolute;
    z-index: 4;
    font-size: 0;
    right: 60px;
    bottom: 50px;
    max-width: 80px;
    width: 100%;
    display: none;
}


button.fp-prev {
    left: 0px;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #999999;
    margin: 15px 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: lowercase;
    font-family: var(--font-family-default);
    display: flex !important;
    align-items: center;
}
button.fp-next {
    right: 0px;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #999999;
    margin: 15px 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: lowercase;
    font-family: var(--font-family-default);
    display: flex !important;
    align-items: center;
}

button.fp-prev em,
button.fp-next em {
   color: #999999;
   font-size: 15px;
}

button.fp-prev em {
   margin-right: 10px;
}
button.fp-next em {
  margin-left: 10px;
}

button.fp-next:hover,
button.fp-prev:hover {
   color: #000;
}

button.fp-prev:hover em,
button.fp-next:hover em {
   color: #000;

}

/** Featured Communities **/

section#fc-section {
   position: relative;
   overflow: hidden;
   background: #000;
}

section#fc-section::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(images/fp-fc-bg.jpg) no-repeat center/cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    
    position: absolute;
    top: 0;
    left: 0; 
    
}

 .fc-area {
   width: 100%;
   /*padding-top: 100px; */
   padding-bottom: 60px;
   position: relative;z-index: 2;
 }

   .fc-wrap {
     position: relative; 
     padding-top: 50px;
  }

 .fc-wrap-flex {
   display: flex;
   justify-content: center;
 }

 .fc-title-wrap {
   position: relative;
   width: 18.75%;
   padding-left: 100px;
   display: none;
 }

  .fc-title-wrap .title-wrap:before {
     background: #fff;
  }


   .fc-title-wrap .title-wrap span {
     color: #fff;
   }

  .fc-list-wrap {
    position: relative;
    width: 100%;
  }

 .fc-slide {
    position: relative;
    font-size: 0;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    align-items: center;
    /* right: -80px; */
    padding: 0 15px;
}

  .fc-slide .slick-list.draggable {
     padding-bottom: 60px;
  }

.fc-slide .slick-slide {
    padding: 0 5px;
}

   .fc-list {
     width: 100%;
   }

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


    .fc-list a .img-wrap {
      position: relative;
      display: block;
      width: 100%; 
      overflow: hidden;
    }

      .fc-list a .img-wrap canvas {
         position: relative;
         /*width: 100%;*/
         height: 500px;
      }

      .fc-list a .img-wrap:before {
         position: absolute;
         width: 100%;
         height: 100%;
         background: rgba(0,0,0,0.3);
         left: 0;
         right: 0;
         content:'';
         z-index: 1;
                  transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out;
      }
/*      .fc-list a:hover .img-wrap:before {
         background: rgba(0,0,0,0.6);
      }*/

      .fc-list a .img-wrap img {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height:100%;
         width: 100%;
         object-fit: cover;
         transition: all .25s ease-in-out;
         -moz-transition: all .25s ease-in-out;
         -webkit-transition: all .25s ease-in-out;
         object-position: center;
      }


      .fc-list a:hover .img-wrap img {
         transform: scale(1.1);
      }

       .ip-comm-explore-item:hover .ip-comm-img img {
         transform: scale(1.1) !important;
       }


       .fc-list a .fc-title {
         position: absolute;
         width: 100%;
         display: block;
         align-items: center;
         z-index: 2;
         /*bottom: -60px; */
         bottom: 35px;
         transition: all .35s ease-in-out;
         -moz-transition: all .35s ease-in-out;
         -webkit-transition: all .35s ease-in-out;
         padding-left: 45px;
         pointer-events: none;
         font-family: var(--font-family-default);
       }

       .fc-list a:hover .fc-title {
         bottom: 40px;
       }

        .fc-list a .fc-title:before {
          position: absolute;
          content: '';
          width: 1px;
          height: 76px;
          background: #fff;
          left: 20px;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
        }

        .fc-list a:hover .fc-title:before {
           height: 80px;
        }

        .fc-list a .fc-title span {
           display: block;
           font-size: 18px;
           color: #fff;
           text-transform: uppercase;
           letter-spacing: 0.4em;
           font-family: var(--font-family-default);
           padding: 0;

           position: relative;
           top: 15px;

           -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;

        }

        .fc-list a:hover .fc-title span {
            top: 5px;
        }

        .fc-list a .fc-title span.hp-link {
           text-align: center;
           display: flex;
           align-items: center;
           margin-top: 30px;
           opacity: 0;
        }

        .fc-list a:hover .fc-title span.hp-link {
           opacity: 1;
        }

        .fc-list a .fc-title span.hp-link em {
           font-size: 13px;
           font-style: normal;
           text-transform: uppercase;
        }

        .fc-wrap .title-wrap {
            position: relative;
            display: block;
            color: #fff;
            text-align: center;
        }

         .fc-wrap .title-wrap span {
           padding-bottom: 0;
           color: #fff;
         }


        .fc-wrap .title-wrap h2 {
          font-size: 60px;
          /*font-family: 'museo_sans300';*/
          text-transform: uppercase;
          color: #fff;
          font-family: var(--font-family-default);
          font-weight: var(--font-weight-title);

        }



/** FP Nav **/

.fc-nav, .fl-nav {
/*    margin: 0;
    position: absolute;
    z-index: 4;
    font-size: 0;
    left: 100px;
    bottom: 50px;
    max-width: 80px;
    width: 100%;*/
    margin: 0;
    position: revert;
    z-index: 4;
    font-size: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}


button.fc-prev, button.fl-prev {
    left: 0px;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 15px 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: lowercase;
    font-family: var(--font-family-default);
    display: flex !important;
    align-items: center;
}
button.fc-next, button.fl-next  {
    right: 0px;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 15px 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: lowercase;
    font-family: var(--font-family-default);
    display: flex !important;
    align-items: center;
}

button.fc-prev em, button.fl-prev em,
button.fc-next em, button.fl-next em {
   color: #fff;
   font-size: 15px;
}

button.fc-prev em, button.fl-prev em {
   margin-right: 10px;
}
button.fc-next em, button.fl-next em {
  margin-left: 10px;
}

button.fc-next:hover, button.fl-next:hover
button.fc-prev:hover, button.fl-next:hover {
   opacity: 0.8;
}


/*** welcome Area ***/

section#about-section {
    position: relative;
    overflow: hidden;
}

section#about-section:before {
    content: '';
    background: url(images/fp-bg.jpg) no-repeat center/cover;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 36%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    display: none;

}

   .about-area {
     width: 100%;
     /*max-width: 1600px; */
     margin: 0 auto;
     position: relative;
     padding-top: 110px;
     padding-bottom: 0;
   }
  .about-area .title-wrap {
     margin-bottom: 0;
   }

   .about-area .title-wrap h1 {
     position: relative;
    font-size: 65px;
    font-family: var(--font-family-default);
    font-weight: var(--font-weight-title);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #000;
    margin-left: -4px;
    /*font-family: 'museo_sans300';*/
   }

   .about-area  .title-wrap:before {
     display: none;
   }


   .about-area .title-wrap img {
      filter: invert(1);
   }
    .about-area .title-wrap span {
       color: #000;
    }
    .about-area .row {
         display: flex;
         align-items:flex-start;
         position: relative;
    }

/*     .container.about-cont {
        width: 100%;
        max-width: 1170px;
     }
*/

     .about-img {
         position: relative;
         display: block;
         z-index: 1;
         margin-left: -93px;

     }

      .about-img img{
         margin: 0;
         position: relative;
         z-index: 2;
      }

      .about-text {
         position: relative;
         margin-right: -150px;
         padding: 0 30px;

      }

    .about-text::before {
    content: '';
    width: 652px;
    height: 859px;
    background: url(images/nura-logo.png) no-repeat center;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;  
    right: 0;
    z-index: -1;
    opacity:1;
}

      .about-text-flex {
         display: block;
         justify-content: center;
         align-items: flex-start;
         /*margin-left: -25px;
         margin-right: -25px;*/
      }

      .about-text-flex div {
         padding: 0 25px;
         width: 50%;
      }

       .about-text strong {
           font-size: 18px;
           line-height: 25px;
           font-weight: 500;
           color: #333333;
       }
        /* .about-text strong em {
          font-style: normal;
        } */

       .about-text p {
         letter-spacing: 0.025em;
         margin: 10px 0;
         line-height: 25px;
         font-size: 16px;
          color: #333333;
          font-weight: 500;
          font-family: 'Arapey', serif;
          font-style: italic;
       }

       .about-text .hp-link {
         margin-top: 20px;
       }




/** Testimonials **/


section#testi-section {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

section#testi-section:before {
   content:'';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(0,0,0,.2);
   z-index: 2; 
   display: none;
}

section#testi-section:after {
   content:'';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1;
   background: url(images/testi-bg-n01.jpg) no-repeat center center/cover !important;
   display: block; 
   background-position: fixed;
}


  .testi-area {
   position: relative;
    padding: 100px 0 80px;
    width: 100%;
    margin: 0 auto;
    display: block;
    max-width: 1300px;
    z-index: 2;
  }

  .testi-main-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: rgba(0,0,0,0.8);
    max-width: 900px;
    padding: 70px;
    /*box-shadow: 0 0 25px;*/
  }

  .testi-main-wrap .title-wrap {
    margin-bottom: 0;
  }

  .testi-main-wrap .title-wrap span {
       color: #fff;
       text-align: center;
       font-size: 40px;
       padding-bottom: 30px;
       margin-bottom: 20px;
       position: relative;
    text-transform: uppercase;
    font-family: var(--font-family-default);
    font-weight: var(--font-weight-title);
  }

  .testi-main-wrap .title-wrap span:before {
    content:'';
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 1px;
    left: 15px;
    background: #fff;
    display: none;
  }

  .title-wrap-cont .title-wrap {
    text-align: left;
    margin-bottom: 85px;
  }

   .testi-wrap {
     position: relative;
     display: block;
     width: 100%;
     margin: 0 auto;
     padding:  0;

   }

    .testi-slide {
       position: relative;
       font-size: 0;
       letter-spacing: 0;
       padding-top: 20px;

    }

    .testi-slide:before {
        content:'';
        position: absolute;
        top: 0;
        background: url(images/testi-q.png) no-repeat center;
        width: 33px;
        height: 27px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.testi-slide .slick-slide {
    outline: 0;
    /* padding: 0 50px; */
}

     .testi-list {
       position: relative;
       display: block;
       /* padding: 30px 0; */
       padding: 0;
       text-align: center;
     }

      .testi-list p {
         font-size: 15px;
         color: #fff;
         letter-spacing: 0.02em;
         line-height: 25px;
         margin-top: 0;
         display: block;
         /* font-weight: 600;   */
         /*font-style: italic;
             font-family: 'Arapey', serif;*/
             font-weight: 200;
             font-family: var(--font-family-default);
      }

       .testi-list span {
         display: block;
         text-transform:capitalize;
         font-size: 16px;
         font-weight: 400;
         margin-top: 30px;
         color: #fff;
         position: relative;
         font-family: var(--font-family-default);

       }


/** FP Nav **/

.testi-nav {
    margin: 0;
    position: relative;
    z-index: 4;
    font-size: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 504px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0;
    display: none;
}

.testi-nav button:hover, .testi-nav button:hover em {
  color: #fff !important;
}
button.testi-prev {
    left: 0px;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 15px 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: lowercase;
    font-family: var(--font-family-default);
    display: flex !important;
    align-items: center;
}
button.testi-next {
    right: 0px;
    display: block !important;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 15px 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    top: 0;
    border: none;
    background: none;
    cursor: pointer;
    text-transform: lowercase;
    font-family: var(--font-family-default);
    display: flex !important;
    align-items: center;
}

button.testi-prev em,
button.testi-next em {
   color: #fff;
   font-size: 15px;
}

button.testi-prev em {
   margin-right: 10px;
}
button.testi-next em {
  margin-left: 10px;
}

button.testi-next:hover,
button.testi-prev:hover {
   color: #111;
}
button.testi-prev:hover em,
button.testi-next:hover em {
     color: #111;
}

.testi-nav .r-more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 30px auto;
  width: 230px;
}

.r-more .hp-link {
  /*margin-right: 60px;*/
  margin: 0 auto;
  border-color: #fff;
}

.testi-wrap .r-more .hp-link span {
    color: #fff;
}

.testi-wrap .r-more .hp-link:hover span {
    color: #000;
}

/*** Form Footer ***/

section#git-section {
    position: relative;
    overflow: hidden;
    padding: 0 15px;
    background: url(images/contact-bg2.jpg) no-repeat center/cover; 
    background-attachment: fixed;
}

section#git-section:after {
    content: '';
    background:rgba(0,0,0,0);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height:100%;
    z-index: 0;

}

 .git-area {
    position: relative;
    display: block;
    z-index: 1;
    padding-top: 110px;
    padding-bottom: 120px;
    text-align: center;
    color: #fff;
    max-width: 1230px;
    margin: 0 auto;
 }


.git-area .title-wrap {
    position: relative;
    display: block;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.git-area .title-wrap span {
  color: #fff;
  font-family: var(--font-family-default);
  font-weight: var(--font-weight-title);
  font-size: 40px;

}

.git-area .title-wrap:before {
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.cwu-wrap p {
    font-size: 15px;
    color: #fff;
    letter-spacing: 0.02em;
    line-height: 25px;
    margin-top: 0;
    display: block;
    padding-bottom: 5px;
    font-weight: 200;
    font-family: var(--font-family-default);
    padding: 0 50px;

}

.form-wrapper {
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   align-items: center;
}

.cwu-wrap {
    display: block;
    width: 100%;
    max-width: 900px;
    /*width:50 50%;*/
    background: rgba(0,0,0,0.8);
    padding: 50px 30px;
    /*border: 2px solid rgba(255,255,255,0.5);*/
}

.cont-col {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    z-index: 5;
    text-align: center;
  }

   .cont-col form {
      width:100%;
      max-width: 750px;
      margin: 0 auto;
      position: relative;
   }

  .field-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
  }

    .field-flex.r-btn {
      margin-bottom: 50px;
    }

  .field-flex.r-btn p {
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    position: relative;
    top: 5px;
    margin-right: 15px;
    letter-spacing: 0.3em;
  }

   .git-field {
    width: 50%;
    position: relative;
    display: inline-block;
    margin: 15px;
    vertical-align: top;
   }

   .git-field-w {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 15px;

   }

  .contform-wrap input[type='text'],
  .contform-wrap input[type='tel'],
  .contform-wrap input[type='email'],
  .contform-wrap textarea  {
    width: 100%;
    color: #e5e5e5;
    display: inline-block;
    font-size: 12px;
    height: 50px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: top;
    margin: 0;
    background: transparent;
    border: transparent;
    outline: none;
    padding: 0;
    font-style: normal;
    letter-spacing: 0.15em;
    text-transform: capitalize;
    border-bottom: 1px solid;
    font-family: var(--font-family-title-l);
  }


.contform-wrap textarea {
    resize: none;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 0;
    height: 80px;
}

div.contform-wrap input[type='submit'] {
    vertical-align: top;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    border: 1px solid #fff;
    background:transparent;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    display: inline-block;
    letter-spacing: 0.2em;
    position: relative;
    width: 100%;
    max-width: 170px;
    height: 52px;
    font-family: var(--font-family-title-l);
}


div.contform-wrap input[type='submit']:hover {
    color:  #fff;
    background: #000;
    border: 1px solid #000;

  }

  div.contform-wrap div.wpcf7-response-output {
    color: #fff !important;
    position: absolute;
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
    left: 0;
    right: 0;
    font-size: 12px;
}

div.contform-wrap span.wpcf7-not-valid-tip {
   font-size: 12px;
   color: #000 !important;
}


div.contform-wrap div.wpcf7 .ajax-loader {
    position: absolute;
    bottom: 0;
}

div.contform-wrap .wpcf7-spinner {
    position: absolute;
    bottom: 0;
}

.hr-wrap {
    display: block;
    width: 43.089430894308944%;
    /*width: 50%;*/
    padding: 60px 40px;
    border: 2px solid rgba(255,255,255,0.5);
    /*border-left: transparent;*/
    /*background: rgba(255,255,255,0.3); */
    position: relative;
    left: -40px;
    z-index: 2;
    display: none;
}


.hr-wrap p {
     display: block;
     padding-bottom: 20px;
     font-size: 14px;
}


  .hrform-wrap input[type='email']  {
width: 100%;
    color: #e5e5e5;
    display: inline-block;
    font-size: 12px;
    height: 50px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: top;
    margin: 0;
    background: transparent;
    border: transparent;
    outline: none;
    padding: 0 20px;
    font-style: normal;
    letter-spacing: 0.15em;
    text-transform: capitalize;
    font-family: var(--font-family-title-l);
    background: rgba(0,0,0,0.5);
    border-bottom: 1px solid;
  }

div.hrform-wrap input[type='submit'] {
    vertical-align: top;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    border: 1px solid #fff;
    background:transparent;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-top: 40px;
    display: inline-block;
    letter-spacing: 0.2em;
    position: relative;
    width: 100%;
    max-width: 170px;
    height: 52px;
    font-family: var(--font-family-title-l);
}


div.hrform-wrap input[type='submit']:hover {
    color:  #fff;
    background: #000;
    border: 1px solid #000;

  }

  div.hrform-wrap div.wpcf7-response-output {
    color: #fff !important;
    position: absolute;
    width: 100%;
    margin: 50px auto;
    text-align: center;
    font-size: 14px;
    left: 0;
    right: 0;
    font-size: 12px;
}

div.hrform-wrap span.wpcf7-not-valid-tip {
   font-size: 12px;
   color: #000 !important;
   position: absolute;
   top: 20px;
}


div.hrform-wrap div.wpcf7 .ajax-loader {
    position: absolute;
    bottom: 0;
}

div.hrform-wrap .wpcf7-spinner {
    position: absolute;
    bottom: 0;
}


/*** Footer ***/
section#ftr-section {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.footer {
    display: block;
    position: relative;
    padding: 70px 100px 100px;
    font-family: var(--font-family-title-l);
}

 .ftr-top,
 .ftr-mid {
    display: block;
    position: relative;
 }

 .ftr-top .title-ftr {
     font-size: 19px;
     font-weight: 200;
     color: #000;
     display: block;
     margin-bottom: 30px;
     text-transform: uppercase;
 }

 .ftr-info-wrap {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   flex-flow: row wrap;
 }

 .ftr-info-wrap strong{
        font-weight: 200 !important;
 }

 .ftr-info-l {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   width: 60%;
   /*padding-right: 200px;*/
 }


 .ftr-info-r {
    width: 40%;
    display: flex;
    justify-content: flex-end;
 }

.ftr-name {
    color: #000;
    font-family: var(--font-family-default);
    font-weight:200;
    font-size: 40px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    margin-bottom: 60px;
    display: block;
}


/*** news Form ***/

.news-form {
    font-size: 0;
    position: relative;
    z-index: 5;
    margin: 30px auto;
    width: 100%;
    max-width: 376px;
}

.news-form input[type=email] {
    font-size: 15px;
    width: 100%;
    font-weight: 200;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    height: 57px;
    border: 1px solid rgba(153,153,153,0.5);
    color: #999999;
    padding: 0;
    border-radius: 0;
    resize: none;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 0px 60px 0 20px;

}

.news-fields.news-textarea input.wpcf7-form-control.wpcf7-submit {
    font-size: 0;
    border: 0;
    width: 56px;
    height: 57px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(images/send-icon.jpg) no-repeat;
    background-position: center;
}

.news-fields {
    display: block;
    margin-bottom: 9px;
    width: 100%;
    position: relative;
}

.news-fields .ajax-loader {
    margin-left: 0 !important;
}

.news-form span.wpcf7-not-valid-tip {
    font-size: 12px;
}

.news-form span.wpcf7-form-control-wrap {
    display: block;
}

.news-form div.wpcf7-response-output {
    margin: -20px 0 0;
    position: absolute;
    width: 100%;
    font-size: 11px;
    color: #000;
    text-align: center;
}


  .ftr-info-r .smi a {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    margin: 0 4px;
    border-radius: 50%;
    width:39px;
    height: 39px;
    background:rgba(0,0,0,1);
    text-align: center;
    line-height: 39px;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;

  }


  .ftr-info-r .smi a:first-child {
    margin-left: 0;
  }

.ftr-info-r .smi a:hover {
   background: #3b3b3b;
}



 .logo-footer img.hdr-logo {
    width: 393px;
    filter: invert(1);
    margin: 0 0 50px;

 }


/** Footer Nav **/


.footernav {
   display: block;
   text-align: left;
}


.footernav li{
    margin-bottom: 20px;
    position: relative;
    display: block;
}

.footernav li a {
    color: #333333;
    font-size: 15px;
    line-height: 1;
    font-weight: 200;
    letter-spacing: 0.02em;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    text-transform:capitalize;
}

.footernav li a:hover {
    color: #000;
}



.cont-info {
    display: block;
    font-size: 15px;
    color: #333333;
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.02em;
}

 .cont-info span,
 .cont-info strong {
     display: block;
     margin-bottom: 20px;
 }

 .ftr-dis {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    margin-top: 60px;

 }

  .ftr-dis img {
    margin-bottom: 30px;
    filter: brightness(0);
  }

   .ftr-dis p {
     display: block;
     margin: 10px 0;
   }

   .ftr-dis p span {
    font-size: 40px;
    line-height: 14px;
    position: relative;
    top: 10px;
}

.copy {
   display: block;
   margin-top: 15px;
}

.ftr-logos {
   font-size: 35px;
   color: #000;
   margin-top: 60px;
}



/*******************************************************
 *
 * 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%;
        height: 450px;
        min-height: 450px;
        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;
        padding-top: 70px;
    }
        .ip-banner h1 {
            font-weight: 400;
            color: #fff;
            line-height: 1;
            font-size: 70px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 200;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            text-shadow: 5px 5px 15px rgba(0,0,0,0.85);

        }
            .ip-banner h1 span{
                display: block;
                font-size: 25px;
                font-style: italic;
                font-family: 'Arapey', serif;
                font-weight: 500;
                text-transform: none;
                letter-spacing: 0em;
                margin: 30px 0 0;
            }




/* 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 {
    color: #000;
    position: relative;
    font-weight:200;
    display: inline-block;
    font-size: 50px;
    line-height: 1;
    /*font-family: var(--font-family-title-b); */
    font-family: var(--font-family-default);
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

#inner-page-wrapper h1.entry-title {
  display: none;
}

.aios-custom-ihomefinder-results-template #content-full .entry-title {
    display: block;
    padding: 0 !important; 
    padding-bottom: 30px; 
    width: 100% !important; 
    display: none;
}


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

}

body #pojo-a11y-toolbar {
  bottom:0 !important;
  top: auto !important;
}
body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
  top:auto !important;
  bottom:0 !important;
}
button:focus-visible, a:focus-visible {
  outline-style: solid !important;
  outline-width: 5px !important;
  outline-color: red !important;
  transition: none !important;
}

/* High contrast and Negative contrast break canvas elements with backgrounds */
#pojo-a11y-toolbar .pojo-a11y-btn-grayscale,
#pojo-a11y-toolbar .pojo-a11y-btn-light-background,
#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {
    display:none !important;
}

#listings-details .listings-smi ul > li > a {
   font-family: 'agentimage'!important;
}
[class^=ai-font]:before {
    font-family: agentimage!important;
}

body.pojo-a11y-readable-font em[class^=ai-font] {
    font-family: agentimage!important;
}


.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    font-size: 12px;
    padding: 0.2em 0.8em;
    width: auto;
}

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


.wpcf7-spinner {
  position: absolute;
}

span.wpcf7-not-valid-tip {
    font-size: 12px;
    /* width: 100%; */
    position: absolute;
    top: 30px;
}


/* ABOUT PAGE: START */
.page-template-about #inner-page-wrapper {
    margin-bottom: 0;
}
.page-template-about #inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}
.page-template-about .ip-banner h1 {
    display: none;
}
.ip-about-main-wrap {
    margin-top: 80px;
}
    #ip-about-section {
        padding: 0 6.25%;
    }
        .ip-about-area {
            position: relative;
        }
        .ip-about-area-top {
            position: relative;
        }
            .ip-about-area-top::before {
                content: '';
                background: url(images/fp-bg.jpg) no-repeat center/cover;
                position: absolute;
                top: 70px;
                right: 0;
                left: 0;
                width: 100%;
                height: 77%;
                max-height: 480px;
                z-index: 0;
                opacity: 1;
            }
            .ip-about-area > .container {
                max-width: 100%;
            }
            .ip-about-text {
                padding-left: 35px;
            }
                .ip-about-text-top {
                    margin-top: 135px;
                }
                .ip-about-text-bottom {
                    margin-top: -25px;
                }
                    .ip-about-text-top .ip-about-text-flex {
                        font-size: 18px;
                    }
                .ip-about-text-bottom .ip-about-text-flex {
                    display: flex;
                    justify-content: center;
                    align-items: flex-start;
                }
                    .ip-about-text-bottom .ip-about-text-flex > div {
                        width: 50%;
                    }
                        .ip-about-text-bottom .ip-about-text-flex > div:last-child {
                            margin-left: 50px;
                        }
                .ip-about-text .title-wrap {
                    line-height: 1;
                    margin-bottom: 0;
                }
                    .ip-about-text .title-wrap:before {
                        display: none;
                    }
                    .ip-about-text .title-wrap span {
                        margin-bottom: 0;
                    }
                    .ip-about-text .title-widget {
                        margin-top: 10px !important;
                    }
                .ip-about-contact-info {
                    display: flex;
                    font-family: var(--font-family-title-l);
                    position: relative;
                    padding-bottom: 20px;
                    margin-bottom: 45px;
                }
                    .ip-about-contact-info::after{
                        width: 50px;
                        height: 1px;
                        content: '';
                        background: #000;
                        left: 0;
                        position: absolute;
                        bottom: 0;
                    }
                    .ip-about-contact-info .info {
                        margin-left: 25px;
                    }
                        .ip-about-contact-info .info:first-child {
                            margin-left: 0;
                        }
                    .ip-about-contact-info .info i {
                        display: inline-block;
                        vertical-align: middle;
                        font-size: 10px;
                        font-style: normal !important;
                    }
                        .ip-about-contact-info .info i.ai-font-business-card {
                            font-size: 16px;
                        }
                    .ip-about-contact-info .info span {
                        display: inline-block;
                        vertical-align: middle;
                    }
                .ip-about-affiliation {
                    font-size: 0;
                    margin: 75px 0 0 70px;
                }
                    .ip-about-affiliation span {
                        display: block;
                        margin-bottom: 15px;
                        font-size: 20px;
                        font-family: var(--font-family-title-l);
                        text-transform: uppercase;
                        letter-spacing: 0.4em;
                    }
            .ip-about-area .title-wrap img {
                filter: invert(1);
            }


            .about-text .hp-link:hover {
                  background: #000;
                  border-color: #000;
            }

            .about-text .hp-link:hover span {
                 color: #fff;
            }
    /* HP STATISTICS */
    #ip-about-stats-wrap {
        padding: 150px 0 130px;
        margin-top: 80px;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
        .ip-about-stats-bg {
            width: 100%;
            height: 100%;
            font-size: 0;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #000000;
        }
            .ip-about-stats-bg canvas {
                opacity: 0.55;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-position: center;
            }
        .ip-about-stats-content {
            position: relative;
            z-index: 2;
            max-width: 1430px;
            margin: 0 auto;
            padding: 0 15px;
        }
            .ip-stats-title {
                color: #ffffff;
                font-size: 20px;
                font-family: var(--font-family-title-l);
                text-transform: uppercase;
                line-height: 1;
                letter-spacing: 0.4em;
                position: relative;
                padding-bottom: 30px;
                margin-bottom: 45px;
            }
                .ip-stats-title::after {
                    width: 50px;
                    height: 1px;
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    background-color: #ffffff;
                }
            .stats_list_wrap {
                font-size: 0;
            }
                .stats_list_wrap ul {
                    margin: 0 !important;
                    list-style-type: none;
                    display: flex;
                    align-items: flex-end;
                    justify-content: space-between;
                }
                .stats_list_wrap li {
                    display: inline-block;
                    vertical-align: top;
                    color: #ffffff;
                    text-transform: uppercase;
                    text-shadow: 0 2px 15px rgb(0 0 0 / 60%);
                }
                    .stats_list_wrap li:first-child {
                        margin-left: 0;
                    }
                    .stats_number {
                        font-size: 70px;
                        font-weight: 300;
                        font-style: italic;
                        text-transform: initial;
                        line-height: 1;
                    }
                        .stats_count {
                            min-width: 224px;
                            position: relative;
                            bottom: 18px;
                        }
                    .stats_description {
                        min-height: 75px;
                        margin-top: 25px;
                        font-size: 20px;
                        font-family: var(--font-family-title-l);
                        letter-spacing: 0.1em;
                        line-height: 25px;
                    }
                        .stats_description.top {
                            min-height: auto;
                            margin-bottom: 5px;
                        }
    #ip-about-video-wrap {
        position: relative;
        padding: 110px 0;
        text-align: center;
    }
        .ip-about-video-bg {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
            .ip-about-video-bg canvas {
                width: 100%;
                height: 100%;
                background-size: cover;
                background-position: center;
            }
        .ip-about-video {
            width: 100%;
            max-width: 1070px;
            margin: 0 auto;
            padding: 0 15px;
        }
            .ip-about-video a {
                width: 100%;
                height: 100%;
                display: block;
                position: relative;
                -webkit-box-shadow: 0 0 70px 0 rgba(0,0,0,0.5);
                box-shadow: 0 0 70px 0 rgba(0,0,0,0.5);
            }
                .ip-about-video a::before {
                    width: 100%;
                    height: 100%;
                    content: '';
                    position: absolute;
                    z-index: 1;
                    top: 0;
                    left: 0;
                    background-color: #000000;
                    opacity: 0;
                    transition: all 0.3s ease-in-out;
                }
                    .ip-about-video a:hover::before {
                        opacity: 0.3;
                    }
                .ip-video-thumbnail {
                    width: 100%;
                    display: inline-block;
                    vertical-align: top;
                    font-size: 0;
                }
                    .ip-video-thumbnail canvas {
                        width: 100%;
                        height: auto;
                        min-height: 300px;
                        display: block;
                    }
                    .ip-video-thumbnail img {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        object-fit: cover;
                    }
                .ip-video-play-icon {
                    width: 80px;
                    height: 80px;
                    font-size: 0;
                    position: absolute;
                    z-index: 2;
                    top: calc(50% - 40px);
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                }
                .ip-video-main-title {
                    position: absolute;
                    z-index: 2;
                    bottom: 100px;
                    left: 0;
                    right: 0;
                    color: #ffffff;
                    font-size: 20px;
                    font-family: var(--font-family-title-l);
                    text-transform: uppercase;
                    line-height: 1;
                    letter-spacing: 0.4em;
                    padding-bottom: 25px;
                    margin: 0 auto;
                }
                    .ip-video-main-title::after {
                        width: 50px;
                        height: 1px;
                        content: '';
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: 0 auto;
                        background-color: #ffffff;
                    }
                .ip-video-item-title {
                    position: absolute;
                    z-index: 2;
                    bottom: 55px;
                    left: 0;
                    right: 0;
                    color: #ffffff;
                    font-size: 14px;
                    letter-spacing: 0.025em;
                }

                .page-template-about .aiosp-iframe-holder .aiosp-content {
                    max-width: 75%;
                }

/* ABOUT PAGE: END */

.ip-banner h1 span a {
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.listings-pagination {
    position: relative;
    margin-top: 81px;
}

.listings-pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
}

.listings-pagination ul li {
    display: block;
    margin: 2px;
    padding: 0;
}

.listings-pagination ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    font: 500 12px 'Montserrat', sans-serif;
    line-height: 1;
    color: #999999;
    text-decoration: none;
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    /* border: 1px solid #cecece; */
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.listings-pagination ul li.active a, .listings-pagination ul li a.active, .listings-pagination ul li a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

.listings-pagination ul li.active a, .listings-pagination ul li a.active {
    cursor: not-allowed;
}

.listings-pagination ul li.ellipsis a {
    pointer-events: none;
    cursor: text;
}

#agents-results .agent-top {
    display: none;
}
#agents-results {
  margin-top: 50px !important;
}

.ip-comm-details-wrap::before {
  display: none !important;
}

.ip-comm-explore-row {
    justify-content: center !important;
}

.ip-comm-explore-item {
  padding: 9px 5px !important;
}

.ip-comm-details-explore {
  padding: 30px 0 90px !important;
  margin-top: 0 !important;
}

.ip-comm-explore-item:hover {
    transform: scale(1) !important;
    -webkit-transform: scale(1.) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
}

/** Featured listings **/
.canvas-img {
    position: relative;
}
.canvas-img canvas {
    width: 100%;
    height: auto;
    display: block;
}
.canvas-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.fl-slider {
       position: relative;
       font-size: 0;
       letter-spacing: 0;
       margin-left: -2px;
       margin-right: -2px;

    }

   .fl-slider .slick-slide {
       padding: 0 2px;
       margin: 2px 0;

   }

     .fl-list {
       display:block;
       width: 100%;
       vertical-align: top;
              margin: 2px 0;
     }

      .fl-list a {
         width: 100%;
         display: block;
         margin: 0 auto;
         position: relative;
         overflow: hidden;
      }

       .fl-list a > .fl-details {
        position: absolute;
        display: flex;
        justify-content: space-between;
        z-index: 3;
        padding: 35px 40px 0;
        width: 100%;
        bottom: -120px;
        text-align: left;
        overflow: hidden;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
         -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
       }

       .fl-list a:hover > .fl-details {
           bottom: 0;
       }

       .fl-list a > .fl-details .fl-info {
         position: relative;
         display: block;
         align-items: center;
         width: 100%;
         -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
       }

        .fl-list a > .fl-details .fl-info span {
          display: block;
          font-size: 24px;
          letter-spacing: 0.2em;
          color: #fff;
          text-transform: uppercase;
          font-weight: 300;
        }

         .fl-list a > .fl-details .fl-info span.fl-a-i {
            font-family: 'Arapey', serif;
            letter-spacing: normal;
             margin-top: 20px;
             text-transform: capitalize;

         }

         .fl-list a > .fl-details .fl-info span.fl-info-d {
           display: flex;
           align-items: center;
           justify-content: flex-start;
           font-family: 'Arapey', serif;
            letter-spacing: normal;
            font-size: 13px;
            margin: 30px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0;
         }

         .fl-list a:hover > .fl-details .fl-info span.fl-info-d {
            margin: 20px 0;
            opacity: 1;
         }

          .fl-list a > .fl-details .fl-info span.fl-info-d span {
             font-style: normal;
             font-size: 15px;
             letter-spacing: 0;
             margin-left: 20px;
             font-weight: 400;
             letter-spacing: 0.05em;
             font-size: 13px;

          }

          .fl-list a > .fl-details .fl-info span.fl-info-d i {
            margin-right: 10px;
          }

          .fl-list a > .fl-details .fl-info span.fl-info-d span:nth-child(1) {
             margin-left: 0;
          }


         .fl-list a > .fl-details .fl-info span.fl-price {
            font-size: 33px;
            letter-spacing: -0.05em;
            font-weight: 400;
            padding-bottom: 35px;
         }

          .fl-list a > .fl-details .fl-info span.fl-view {
            width: 230px;
            text-align: center;
            background: rgba(0,0,0,0.9);
            padding: 16px 0;
            font-size: 15px;
            border:1px solid rgba(255,255,255,0.6);
          }


         .fl-list a > .fl-photo.canvas-img:before {
             position: absolute;
             width: 100%;
             height: 100%;
             left: 0;
             right: 0;
             z-index: 1;
             content: '';
             /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+26,000000+58,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.17) 26%, rgba(0,0,0,0.38) 58%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 26%,rgba(0,0,0,0.38) 58%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 26%,rgba(0,0,0,0.38) 58%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 /* IE6-9 */
 opacity: 1;

          }

.fl-list a:hover > .fl-photo.canvas-img img {
   transform:scale(1.05);
}


.fl-list a > .fl-details .fl-info.site-easing {
    opacity: 0;
    position: relative;
    margin-bottom: -50px;
    display: flex;
    justify-content: flex-end;
}

.fl-list a:hover > .fl-details .fl-info.site-easing {
   opacity: 1;
   margin-bottom: 0px;
   margin-top: 10px;
}

.fl-list a:hover > .fl-photo.canvas-img:before {
    opacity: 0.8;
}
.fp-area {
  text-align: center;
}
.fp-area .title-wrap h2 {
    font-size: 60px;
    /*font-family: 'museo_sans300';*/
    text-transform: uppercase;
    color: #fff;
    font-family: var(--font-family-default);
    font-weight: var(--font-weight-title);
}

.fl-content {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.8);
  padding: 35px;
  opacity: 0;
  margin-right: 10%;
}

 .fl-content p {
   font-size: 13px;
   font-family: var(--font-family-title);
   letter-spacing: 0.025em;
   line-height: 25px;
   color: #333333;
 }

.fl-list a:hover .fl-content {
   opacity: 1;
}

.page-template-template-listings .ip-banner h1 p, 
.page-template-template-communities .ip-banner h1 p {
   font-weight: 200 !important;
}

.ip-prop-list-details {
  padding: 72px 30px 50px !important;
}

.single-aios-communities .ip-banner canvas {
   background-image:url(images/commbaner.jpg)!important;
}

.ip-comm-desc-txt h1 {
    font-size: 20px !important;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    font-weight: 100 !important;
    font-style: normal !important;
    font-family: var(--font-family-default) !important;
}

#content .ip-comm-desc-txt h1 span {

    font-family: var(--font-family-default) !important;
    font-weight: 200 !important;
    letter-spacing: 0.15em !important;
}

.ip-comm-explore-item .ip-comm-title {
    font-weight: 100 !important;
}

#aios-testimonials .aios-testimonials-lists h3,
#aios-testimonials .aios-testimonials-lists .aios-testimonials-content,
#aios-testimonials .aios-testimonials-lists .aios-testimonials-content {
       font-family: var(--font-family-default) !important;
    font-weight: 100 !important;

}

#content p#breadcrumbs, p#breadcrumbs {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #000;
    margin: 10px 0;
}

    #content p#breadcrumbs span.breadcrumb_last,
    p#breadcrumbs span.breadcrumb_last {
        color: #000;
    }


.aios-contact-wrap .aios-contact-main:before {
    background: transparent url(images/contact-bg-new.jpg) no-repeat center cover;
}

.aios-contact-title strong {
     font-weight: 200 !important;
}

.page-id-3764 .ipan-video .icon-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.4;
    width: 80px;
    height: 80px;
    background: url(./images/about-new/icon-play.png) center/contain no-repeat;
    margin: auto;
    transition: opacity .3s ease;
}

.page-id-3764 .ipan-video {
    width: 100%;
    position: relative;
}

.page-id-3764 .ipan-video canvas {
     width: 100%;
}

.aios-contact-wrap .aios-contact-main .aios-contact-form {
    margin-bottom: 20px !important;
}

.slide-cta a > i.ai-font-compass {
    position: absolute;
    right: 30px;
    bottom: -150px;
    color: #fff;
    font-size: 30px;
}

.testi-area .hp-link {

    margin-top: 30px;
}


.testi-area .hp-link:hover {
    background: #000;
    color: #fff;
    border-color: #000; 
}

.testi-area .hp-link:hover span {
    color: #fff !important;
}

.post-page-contact .aios-contact-wrap .aios-contact-main .aios-contact-title {
    position: relative;
    font-size: 65px;
    font-family: var(--font-family-default);
    font-weight: var(--font-weight-title);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    line-height: 1;
    color: #fff;
    font-weight: 200;
}

.post-page-contact .aiosp-iframe-holder .aiosp-content {
    max-width: 1600px;
}

.aios-contact-wrap .aios-contact-main {
    margin-bottom: 50px !important;
}


/* Socmed Section */

#socmed-section {
    position: relative;
    overflow: hidden; 
    z-index: 1; 
    padding: 80px 115px; 
}


#socmed-section::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(images/social-bg.jpg) no-repeat center/cover;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;  
    background-attachment: fixed;
    
}
#listings-details .listings-box {
    position: relative !important;
}
#listings-details .listings-box:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(images/fp-fc-bg.jpg) no-repeat center/cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}


/*#socmed-section .title-wrap span {
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-family: var(--font-family-default);
    font-weight: var(--font-weight-title);
    font-size: 40px;
    color: #000;  
    padding: 0 115px;

}*/

.socmed-wrap {
    position: relative; 
    display: flex; 
    justify-content: center; 
    align-items: flex-start;
    flex-flow: row wrap;  
    margin-left: -50px; 
    margin-right: -50px;
}

.video-area,
.socmed-area {
     width: 50%; 
     display: block; 
     padding: 0 50px;
}

.socmed-wrap .video-area .title-wrap h2 {
    margin-top: 5px;
}


.sm-list-wrap {
  position: relative; 
  display: flex; 
  flex-flow: row wrap;
  justify-content: center; 
  align-items: center; 
  margin-left: -5px; 
  margin-right: -5px; 
  margin-bottom: 50px; 

}

  .sm-list {
     display: block; 
     width: 33.333%; 
     padding: 0 5px; 
     margin: 5px 0; 

  }

  .sm-list a {
     width: 100%; 
     display: block; 
     margin: 0 auto; 
     position: relative; 
     overflow: hidden; 
     
  }

    .sm-list a > span {
 position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 24px;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 1 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    padding-left: 20px;
    padding-bottom: 20px; 
    background: rgba(0,0,0,0.2);

    }


     .sm-list a:hover > span {
         opacity: 1;
     }

     .sm-list a:hover .sm-photo.canvas-img img {
       transform: scale(1.1);
     }



.icon-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.88;
    width: 80px;
    height: 80px;
    background: url(./images/about-new/icon-play.png) center/contain no-repeat;
    margin: auto;
    transition: opacity .3s ease;
}


.sm-list-wrap {
  position: relative; 
  display: flex; 
  flex-flow: row wrap;
  justify-content: center; 
  align-items: center; 
  margin-left: -5px; 
  margin-right: -5px; 
  margin-bottom: 50px; 

}

  .sm-list {
     display: block; 
     width: 33.333%; 
     padding: 0 5px; 
     margin: 5px 0; 

  }

  .sm-list a {
     width: 100%; 
     display: block; 
     margin: 0 auto; 
     position: relative; 
     overflow: hidden; 
     
  }

    .sm-list a > span {
     position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 24px;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 1 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    padding-left: 20px;
    padding-bottom: 20px; 
    background: rgba(0,0,0,0.2);

    }

  .socmed-wrap .title-wrap h2 {
     position: relative;
    font-size: 40px;
    font-family: var(--font-family-default);
    font-weight: var(--font-weight-title);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #000;
   text-align: left;

   }

   .socmed-wrap .title-wrap span {
     color: #000;
     margin: 10px 0;
   }
 
   .video-list-wrap {
     padding: 5px 0;
   }


  .video-list {
     display: block; 
     width: 100%; 
     padding: 0; 
     margin: 5px 0; 

  }

  .video-list a {
     width: 100%; 
     display: block; 
     margin: 0 auto; 
     position: relative; 
     overflow: hidden; 
     
  }

    .video-list a > span {
     position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 20px;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 1 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
    background: rgba(0,0,0,0.2);

}


.page-id-0  #listings-details .listings-price,
.page-id-0  #content h1, aside h1, 
.page-id-0  #content h2, aside h2, 
.page-id-0  #content h3, aside h3, 
.page-id-0  #content h4, aside h4, 
.page-id-0  #content h5, aside h5, 
.page-id-0  #content h6, aside h6, 
.page-id-0  #content b, aside h6, 
.page-id-0  #content strong,
#listings-details .listings-address span,
#listings-details .listings-plan>ul>li>strong,
#listings-details .listings-plan span,
#listings-details .listings-smi h2,
#listings-details .listings-description h2,
#listings-details .listings-description p,
#listings-details .listings-accordion-title span,
#listings-details .listings-accordion-content ul li,
#listings-details .listings-form h2 span,
#listings-details .listings-form h2,
#listings-details .listings-link-navigation-main, 
aside strong
{
    font-weight: 100 !important;
}

.page-id-36 #inner-page-wrapper:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(images/testi-bg-n01.jpg) no-repeat center/cover;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    background-attachment: fixed; 
    z-index: -1;
}

.page-id-38 .ip-banner canvas {

    background-image: url(images/testi-bg-n01.jpg) !important;

}

.page-id-38 .ip-banner h1 {
    color: #000;
}

.page-id-3764 .cycloneslider-template-video .cycloneslider-volume.off {
    display: none;
}

.aios-contact-wrap .aios-contact-main .aios-contact-form {
    padding: 39px 68px 0px !important;
}
.ipan-agent a {
  position: relative; 
  
}

.ipan-agent a:hover canvas {
        -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}

.ipan-agent a:hover canvas {
   transform: scale(1.05);
}

/** Home Valuation page **/

#aios-home-valuation-wrap {
    background-image: url(https://cdn.agentimagehosting.com/74qvls3RHSWhdkVILGPDs/2023/01/fp-fc-bg.webp) !important;
}

.ai-font-location-c:before{
    color: gray !important;
}

.aios-home-valuation-step-1 .aios-home-valuation-property-search .aios-home-valuation-next {
    background-color:gray !important;
}

/** Pages H2 default **/

/*.page-id-2597 #content h2,
.page-id-2599 #content h2,
.page-id-2601 #content h2,
.page-id-2603 #content h2{
    font-family: var(--font-family-default) !important;
    font-weight: var(--font-weight-title) !important; 
    font-size: 30px !important;
}*/

.page-template-default #content h2 {
    font-family: var(--font-family-default);
    font-weight: var(--font-weight-title); 
    font-size: 30px;
    line-height: 1.2;
}

#agents-single .agents-smi {
    display: none !important;
}
.ip-comm-details-explore .ip-comm-info-txt{
    height: 78px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
}
.ip-comm-details-explore .ip-comm-info-txt::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

/*** CTA Communtite spage **/

.ip-comm-explore-item .ip-comm-title,
.ip-comm-details-explore .ip-comm-info-txt {
    text-align: left !important;
}

.aios-custom-ihomefinder-shortcode .ip-listing-wrap {
     margin-top: 30px;
} 

.page h1.entry-title > span{
    display: none;
}

.post-page-featured-properties h1.entry-title > span{
    display: block!important;
}

#listings-details .listings-price {
    position: relative;
}

h1.agent-entry-title {
    display: none;
}
  
#agents-single .agents-main {
    margin-top: 50px;
}

.aios-contact-wrap .aios-contact-main .aios-contact-info ul li i.location::before {
    color: #fff !Important;
}

#content .archive-thumbnail {
    margin-top: 28px !important;
}

.aios-contact-wrap .aios-contact-main {
    padding-bottom: 30px !important;
}

#listings-details .listings-link-navigation-main:focus,
 #listings-details .listings-link-navigation-main:hover {
    color: #fff !important;
 }


.post-page-real-estate #content-full #content {
    padding: 0 15px;
}

.single-aios-communities #content p#breadcrumbs, p#breadcrumbs {
  padding: 10px 15px;
}


.post-page-contact .aios-contact-wrap .aios-contact-main .aios-contact-title {
    font-size: 45px !important;
}



/*Opt-in Forms*/
.opt-in-wrap {
    gap: 15px;
    display: flex;
    align-items: flex-start;
    padding: 15px 0;
}

#content .opt-in-wrap p{
    margin: 0;
    line-height: 1.3;
}

.opt-in-wrap span.wpcf7-list-item-label {
    display: none;
}

.opt-in-wrap .cf7-opt-in {
    font-size: 0;
    line-height: 0;
}

.opt-in-wrap input {
    margin: 2px 0;
    width: 15px;
    height: 15px;
    border: 1px solid;
    font-size: 0;
    padding: 0;
}

.opt-in-wrap span.wpcf7-list-item.first.last {
    margin: 0;
}

.opt-in-wrap p {
    font-size: 15px;
    color: inherit;
    line-height: 1.3;
    padding: 0;
}

.opt-in-wrap p a {
    font-weight: 500;
}

.opt-in-wrap p a:hover{
    color: var(--color-accent);
    transition: all .4s ease-in-out;
}
/*Opt-in Forms*/


.aios-contact-wrap .aios-contact-main .aios-contact-form .aios-contact-field.lg{
    position: relative;
}

/* optimization */

#fp-section, #fc-section, #testi-section{
    opacity: 0;
}

#about-section, #socmed-section, #git-section, #ftr-section{
    display: none;
}


iframe[name="widgetCta"]:not(:last-child) {
    display: none !important;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */