/*
Theme Name: Pearson Realty, Inc.
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.6
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. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/


/*******************************************************
 *
 * 1. 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 #b2b2b2;
    color: #000000;
    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;
}

span.wpcf7-not-valid-tip {
  position: absolute !important;
  top: auto !important;
  bottom: -45px;
  width: 92% !important;
}


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	background: #FFF;
	color: #000;
	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; */
}

div#main-wrapper {
  overflow: hidden;
}


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

a:hover {
    text-decoration: none;
    outline: none;
    text-decoration: none;

}

a:link, a:visited {
    outline: none;
    text-decoration: none;
}

a {
    color: #000;
}

.slick-initialized .slick-slide {
    outline: none;
}


/*** Header Area ***/

.header-main {
    width: 100%;
    z-index: 100;
    margin: 0 auto;
    position: fixed;
    height: auto;
    padding: 0; 
    background: rgba(255,255,255,0.8);
}

.hdr-logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hdr-logo img {
    max-width: 302px;
    /* width: 302px; */
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;

}

/** Header Right **/

.header-contact-wrapp {
    position: relative;
    margin: 35px auto 0;
    font-size: 0;

}

.hdr-cont-text {
     font-size: 15px; 
     color: #000; 
     display: flex;  
     justify-content: flex-end; 
     padding-right: 15px;

}

.hdr-cont-text .hdr-info {
    display: flex; 
    align-items: center;
}

.hdr-cont-text .hdr-info span {
    margin: 0 10px;
}

.hdr-cont-text .hdr-info span > em {
    color: #69c1d9;  
    font-size: 12px;  
    margin-right:5px; 


} 

.hdr-cont-text .hdr-info a {
  color: #000; 
  font-size: 15px; 
      transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.hdr-cont-text .hdr-info a:hover {
    color: #69c1d9; 
}



/** SMI **/
.smi {
    display: inline-block;
    text-align: center;
}

.smi a {
    color: #000000;
    font-size: 20px;
    margin: 0 10px;
    display: inline-block;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    line-height: 24px;
    vertical-align: middle;
}

.smi a:hover {
    color: #69c1d9;
}

/** Navigation **/

.navigation {
    position: relative;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

#nav {
    text-align: right;

}

#nav li {
    display: inline-block;
    margin: 0 0 0 15px;
    position: relative;
}

#nav li a {

    color: #000000;
    font-size: 15px;
    display: inline-block;
    margin: 0;
    outline: none;
    text-decoration: none;
    padding: 10px 15px;
    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: 1px;
    font-weight: 500;
    background: rgba(105,193,217,0);

}

 #nav li a:hover { 
      background: rgba(105,193,217,1); 
      color: #fff;
 }


#nav .sub-menu {
    min-width: 200px;
    left: 50%;
    margin-left: -100px;
    z-index: 9;
    padding: 17px 10px;
    background: none;
    color: #fff;
    text-align: left;

}

#nav .sub-menu a {
    padding: 0;
}

#nav .sub-menu li {
    width: 100%;
    position: relative;
    margin: 0 0 1px 0;
    background: rgba(105,193,217,1); 

}

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

#nav .sub-menu li a {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 0px;
    text-transform: none;
    color: #fff;
    text-transform: uppercase;
    border-left: none;
    text-align: center;
    border: 0;
}


#nav .sub-menu a:hover {
    color: #fff;
    background: rgba(0,0,0,1); 

}

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



/***Header Short***/

.header-main.short {
    position: fixed;
    z-index: 1001;
    top: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out; 
}

.header-main.short .hdr-logo img {
     transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out; 
    max-width: 230px;
}

.header-main.short .hdr-cont-text {
    display: none;
}

.header-main.short .header-contact-wrapp {
    margin: 25px auto 0;
}


.header-main.short #nav .sub-menu {
    padding: 29px 10px;
}

  
/*** Slide Area ***/


section#slide-main-area {
    position: relative; 
    z-index: 1; 

}

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

  }

.hp-slide {
  width: 100%;
  z-index: 1;
  position: relative; 
}


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

.aios-slider-img::before{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  left: 0;
  right: 0;
  z-index: 2;
}

/*** CTA AREA ***/ 

.cta-wrapper {
    position: absolute; 
    z-index: 1; 
    left: 0; 
    right: 0; 
    margin: 0 auto; 
    bottom: 80px;
}

.cta-cont {
    display: flex; 
    font-size: 0; 
    letter-spacing: 0; 
    margin-left: -2px; 
    margin-right: -2px;
}

.cta-list {
    display: inline-block;
    position: relative;
    width: 33.333%;
    text-align: center; 
    padding: 0 2px;
}

     .cta-list a {
         display: inline-block;
        width: 100%;
        background: rgba(255,255,255,1);
        margin: 0 auto;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;  
        padding: 18px 0; 
        letter-spacing: 0.15em; 
        height: 99px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'EB Garamond', serif;

     }

      .cta-list a:hover {
         background: rgba(105,193,217,1); 
      }

       .cta-list a > span {
            
        position: relative;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 400;
        text-align: center;
        letter-spacing: 0.05em;
        color: #000;
       } 

        .cta-list a > span > em {
            display: block; 
            font-size: 15px; 
            font-style: normal;
        } 

         .cta-list a:hover > span {
             color: #fff;
         }


/*** Quick search ***/

section#qs-section {
    position: relative;
}

 .qs-wrapper {
    position: relative; 
    text-align: center;  
    z-index: 5; 
    background: url(images/qs-bg.jpg) no-repeat center/cover;
 }

 .qs-area {
    position: relative; 
    /* background: rgba(0,0,0,0.8);  */
    padding: 38px 0; 
}

.qs-logo {
    position: relative;
}

.qs-logo:before {
    background: url(images/rr-logo.png) no-repeat center/cover; 
    content:''; 
    width:311px; 
    left:20px; 
    height: 160px; 
    position: absolute; 
    top: -35px;
}

 .qs-title {
    color: #fff;
    font-weight: 400;
    display: block;
    padding: 0 0 15px;
    font-size: 35px;
    text-transform: uppercase;
    font-family: 'EB Garamond', serif;
    letter-spacing: 0.15em; 
}


.qs-cont {

    width: 100%;  
    font-size: 0; 
    letter-spacing: 0;
}

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

.qs-cont .field-1, .qs-cont .field-2 {
        width: 20.4%;
}

.qs-cont .field-3, .qs-cont .field-4, .qs-cont .field-5, .qs-cont .field-6 {
    width: 9.5%; 
}

.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;
    border: 1px solid #a5a5a5;
    margin-right: 4px; 
    vertical-align: top;
}

.qs-cont input {

    color: #fff;
    font-size: 12px;
    height: 36px;
    padding: 0 10px;
    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 rgba(0,0,0,0.1); */ 
    background: transparent;
    border: transparent;
    text-transform: uppercase;
}

.qs-cont select {
    color: #fff;
    font-size: 12px;
    height: 36px;
    padding: 0 10px;
    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 rgba(0,0,0,0.1);
    border: transparent; 
    text-transform: uppercase;
}
    .firefox-true .qs-cont select {
        padding: 0 8px;
    }

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

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

 .qs-cont .qs-cont-sub, .qs-cont a.adv-srch {
    width: 12.29%;
    height: 38px;
    background:#fff;
    text-align: center;
    color: #000;
    appearance: normal !important;
    -webkit-appearance: normal !important;
    -moz-appearance: normal !important;
    border-radius: 0;
    border: 0;
    margin: 0 4px;
    vertical-align: top;
    max-width: 104px;
    display: inline-block;
    line-height: 34px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out; 
    letter-spacing: 0.15em;
    -webkit-transition: all .25s ease-in-out; 
    letter-spacing: 0.03em; 
    font-style: normal;


    }

.qs-cont a.adv-srch {

    background: transparent;
    margin: 0; 
    color: #fff; 
    font-size: 18px; 
    font-family: 'EB Garamond', serif; 
    text-transform: lowercase;

}

.qs-cont a.adv-srch i {
     font-style: normal; 
     text-decoration: underline; 
}

   .qs-cont .qs-cont-sub:hover{
      background: #69c1d9; 
      color: #fff;
    }


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


 /*** Welcome Section ***/
 
 section#welcome-section {
    position: relative; 



 }  

   section#welcome-section:before {
    background: url(images/welcome-bg.jpg) no-repeat center/cover; 
    content:''; 
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
     filter: grayscale(100%); 
    height: 100%; 
    position: fixed;
    background-attachment: fixed;  
    left: 0; 
    right: 0; 
    position: absolute;
   }
  
  .wel-area {
background: rgba(255,255,255,0.9);
    padding: 80px 0 33px;
    position: relative;
  }

  .wel-area:after {
    position: absolute;
    content: '';
    background: #0069aa;
    height: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
  }
   

    .welcome-photo {
         position: relative; 
         padding: 10px; 
         background: #fff; 
         text-align: center; 
         left: 50px;
         z-index: 5;
    }

     .welcome-photo img {
       width:100%;
     } 

 
  .welcome-text-cont {
     position: relative; 
     padding-left: 50px;
  }

   .welcome-text {
     position: relative;
   }

    .welcome-text h1 {
         font-size: 50px; 
         letter-spacing: 0.15em; 
         text-transform: uppercase; 
         color: #000;
         font-family: 'EB Garamond', serif; 
         margin-top: 15px;
    }

    .welcome-text p {
      line-height: 21px;
      letter-spacing: 0.02em;
      color: #757575;
      font-size: 13px;
      margin: 15px 0;
      display: block;
  }


.welcome-text-cont .hdr-cont-text {
    justify-content: flex-start; 
    padding-top: 15px;
}

.hdr-cont-text .hdr-info span:first-child {
    margin-left: 0;
    font-size: 15px;
}

.hp-welcome-pdf-inner {
    display: block;
    padding: 40px 0 0;
}

.hp-welcome-pdf-inner img {
    display: block;
    margin: 0 auto;

    width: 100%;
    height: auto;
    padding: 0 15px;
}


/*** Meet the team Section ***/


section#team-section {
    position: relative;
}


  .team-area {
     position: relative; 
     padding: 80px 0;
  }


  .team-cont {
    position: relative;
    width: 40.350877%;
    padding: 60px 40px;
  }

   .team-cont:before {
     position: absolute; 
     border: 1px solid #000; 
     width:485px; 
     height: 407px; 
     top: 0; 
     left: 0; 
     right: 0; 
     z-index: 1;
     content: '';
   }

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

   .team-text {
     position: relative;  
     z-index: 5;

   }

    .team-text h2 {
         font-size: 70px; 
         letter-spacing: 0.15em; 
         text-transform: uppercase; 
         color: #000;
         font-family: 'EB Garamond', serif; 
    }

     .team-text h2 > em {
         font-style: normal; 
         display: block; 
         font-size: 20px; 
     }

     .team-text p {
          line-height: 25px; 
          letter-spacing: 0.02em; 
          color: #757575; 
          font-size: 14px; 
          margin: 15px 0; 
          display: block;
     }


      .team-photo {
         width:59.649123%;

      }

       .team-image { 

         position: relative;

       }

         .team-image img {
             width:100%;
         }
        

.team-text a.r-more {
    display: block;
    width: 100%;
    max-width: 125px;
    background: #000;
    text-align: center;
    color: #fff;
    line-height: 38px;
    height: 38px;
    text-transform: uppercase;
    -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;
}

.team-text a:hover.r-more{
  background: #69c1d9;
}


/*** Featured Properties ***/

section#fp-section {
    position: relative; 
    z-index: 1; 
    overflow:hidden;
    font-size: 0;
}


.fp-area {
    position: relative; 

}

.fp-wrapper {
    position: relative;
    padding-bottom: 80px;
}

/* FP */


.fp-wrap {
  position: relative;
}

.fp-slick .slick-list {
  margin: 0 -15px;
}
.fp-slick .slick-slide {
  margin: 0 15px;
}

.fp-slick--btn {
  position: absolute;
  top: calc(50% - 29px);
  left: 0;
  right: 0;
}

.fp-slick--btn .slick-arrow {
  cursor: pointer;
}

.fp-slick--btn .slick-btn--prev {
  position: absolute;
  left: calc(20% - 98px);
}
.fp-slick--btn .slick-btn--next {
  position: absolute;
  right: calc(20% - 98.40px);
}

.fp-prev em {
  display: inline-block;
  vertical-align: middle;
  width: 68px;
  height: 68px;
  background: #0069aa;
  background-size: 100% auto; 
  color: #fff; 
  font-size: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fp-next em {
  display: inline-block;
  vertical-align: middle;
  width: 68px;
  height: 68px;
  background: #0069aa;
  background-size: 100% auto; 
  color: #fff; 
  font-size: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fp-item {
  position: relative;
  display: block;
  margin: 0 auto;
  pointer-events: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.fp-item:hover .fp-textview {
  top: 0;
  background: rgba(105, 193, 217, 0.8);
}
.fp-item:hover .fp-misc {
  opacity: 1;
}
.fp-item:hover .fp-imageview::before {
  opacity: 0.06;
}


.slick-current .fp-textview {
  opacity: 1;
}
.slick-current .fp-item {
  pointer-events: auto;
}
.slick-current .fp-item::after {
  opacity: 1;
}
.slick-current .fp-imageview::after {
  opacity: 0;
}
.slick-current .fp-imageview canvas {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.slick-current .fp-imageview .fp-details {
    opacity: 1;
}

.fp-imageview {
  position: relative;
}

.fp-imageview .fp-details {
    position: absolute;
    background: rgba(255,255,255,0.9);
    width: 270px; 
    max-width: 100%;
    /* height: 170px; */
    bottom: 42px;
    z-index: 5;
    right: 30px;
      -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; 
  opacity: 0; 
  padding: 28px;
}

.fp-imageview .fp-details span.fp-price { 
    font-size: 40px; 
    color: #000000;
}

.fp-imageview .fp-details span.fp-add {
     font-size: 14px; 
     font-weight: 300;
    color: #000000; 
    display: block; 
    margin: 12px 0;  
    line-height: 24px; 
}

 .fp-imageview .fp-details .fp-bb {
     display: flex;
 }

 .fp-imageview .fp-details .fp-bb span {
     margin-right: 15px;
 }

  .fp-imageview .fp-details .fp-bb span em {
     margin-right: 6px; 
     color: #000;
  }

.fp-item:hover .fp-imageview .fp-details {
   opacity: 0;
}

.fp-imageview::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.fp-imageview canvas {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.fp-textview {
  position: absolute;
  top: calc(100% - -300px;);
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  background: transparent;
  -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease;
  padding: 0 40px;
  z-index: 1;
}


.fp-textview .view-details {
  color: #fff;
  background: transparent;
  margin: 0 auto; 
  border:1px solid #fff; 
  width:125px; 
  height: 38px;
  text-align: center; 
  line-height: 38px; 
  opacity: 1;
  text-transform: uppercase; 
  font-size: 14px;
}



/*** Featured Communities ***/
section#fc-section {
  position: relative;
}

 .fc-area {
    position: relative;
    text-align: center;  
    padding-top: 80px; 
    padding-bottom: 80px;
 }

    .fc-title {
         font-size: 50px; 
         letter-spacing: 0.15em; 
         text-transform: uppercase; 
         color: #000;
         font-family: 'EB Garamond', serif; 
         padding-bottom: 50px;
    }

     .fc-title > em {
         font-style: normal; 
         display: block; 
         font-size: 20px; 
     }

     .fc-list {
         position: relative; 
         width:100%; 
         display: inline-block; 
         vertical-align: top;
         
     } 

       .fc-list a {
          display: block; 
          width:100%; 
          margin: 0 auto; 
          text-align: center;   
       } 

         .fc-list a > .fc-img {
             display: block; 
             position: relative;  
             display: flex; 
             align-items: center;
             justify-content: center;  
             overflow: hidden;
         }

          .fc-list a > .fc-img:before {
             position: absolute; 
             top: 0; 
             left: 0; 
             right: 0; 
             width:100%; 
             height: 100%; 
             background: rgba(0,0,0,0.5); 
             z-index: 2; 
             content:'';
             transition: all .25s ease-in-out;
             -moz-transition: all .25s ease-in-out;
             -webkit-transition: all .25s ease-in-out; 
          }
   
          .fc-list a:hover > .fc-img:before {
                 background: rgba(81,154,174,0.8);
             }

          .fc-list a > .fc-img canvas {
             width:100%; 
             background-repeat: no-repeat; 
             position: relative; 
             background-size: cover;
          }
             
            .fc-list a > .fc-name {
               text-transform: uppercase;
               font-size: 25px;
               color: #fff;
               margin-top: 0;
               position: absolute;
               top: 0;
               left: 0;
               right: 0;
               display: flex;
               align-items: center;
               justify-content: center;
               z-index: 5;
               width: 100%;
               height: 100%;
               font-family: 'EB Garamond', serif;
            }



/*** Testimonials ***/ 

section#testimonial-section {
    position: relative;
    background: url(images/testi-bg.jpg) no-repeat center/cover; 
    background-attachment: fixed;
}

.testi-wrapper {
    width: 100%;
    background: rgba(0,0,0,0.9);
    padding: 45px 0 110px;
}

 .testi-cont {
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    max-width: 1024px;
    z-index: 5;
    text-align: center;
    margin: 0 auto;
 }


 .testi-title {
    font-size: 50px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    font-family: 'EB Garamond', serif;
    position: relative;
    top: 30px;
 }

  .testi-title > em {
    font-style: normal;
    display: block;
    font-size: 20px;
}


.testi-title:before {
    content: '';
    width: 264px;
    background: #fff;
    height: 1px;
    left: 0;
    position: absolute;
    top: 56%;

}


.testi-title:after {
    content: '';
    width: 264px;
    background: #fff;
    height: 1px;
    right: 0;
    position: absolute;
    top: 56%;

}
  
  .testi-details {
     position: relative;  
     display: inline-block; 
     vertical-align: top; 
     margin: 0 auto;
     text-align: center;  
     font-size: 14px;  
     width:100%;
    border: 1px solid #fff;
    border-top: transparent;

  }
   
   .testi-details .testi-list { 

    color: #fff;
    margin: 60px auto 0;
    padding-bottom: 40px;
   }

   .testi-details .testi-list p {

     width: 80%; 
     margin:20px auto; 
     line-height: 25px; 
     font-weight: 300; 
     letter-spacing: 0.02em;

   }


   .testi-details .testi-list a {
    font-size: 14px;
    color: #69c1d9; 

    }

     .testi-details .testi-list span {
         font-weight: 600; 
         font-style: normal; 
         font-size: 14px; 
         display: block; 
         letter-spacing: 0.02em;

     }


.testi-details ul {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 8;
    bottom: -70px;
}

.testi-details ul.slick-dots li {
    display: inline-block;
    font-size: 0;
    width: 9px;
    height: 9px;
    border-radius: 50% 50%;
     background: transparent;
    position: relative;
    margin: 10px 5px;  
    border: 1px solid #fff;

  }
    .testi-details ul.slick-dots li button {
      position: absolute;
      background: none;
      border: none;
      border-radius: 50% 50%;
      width: 13px;
      height: 13px;
      top: 0;
      left: 0;
      font-size: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: none;
     
    }
    .testi-details ul.slick-dots .slick-active,
    .testi-details ul.slick-dots li:hover,
    .testi-details ul.slick-dots li:active,
    .testi-details ul.slick-dots li:visited {
      background: #fff;
    }


.view-more {
position: relative;
    display: block;
    text-align: center;
    margin-top: -20px;
    z-index: 5;
}

 .view-more a {
     width:100%; 
     max-width: 125px; 
     height: 38px; 
     line-height: 38px; 
     background: #69c1d9; 
     font-size: 15px; 
     text-transform: uppercase;  
     margin: 0 auto; 
     display: block; 
     color: #fff;
 }

  .view-more a:hover {
     background: #000000;
  }



/*** Footer Contact ***/


.footer-widget-wrapp {
    position: relative;
    z-index: 1; 
    padding: 80px 0 0;
}


  .ftr-contact {
     position: relative; 
     text-align: center;
  }

    .ftr-contact img {
        width:100%; 
        max-width: 410px;
   }


.ftr-info {
     display: flex;
    align-items: center;
    justify-content: center; 
    margin: 20px 0;
}

.ftr-info span {
    margin: 0 10px;
}

.ftr-info span > em {
    color: #69c1d9;  
    font-size: 12px;  
    margin-right:5px; 


} 

/*** Contact Us ***/


.ftr-contact-us  {
  
  position: relative; 
  width:100%;  
 
}

.cot-us-title {
    text-transform: uppercase;
    color: #000;
    font-size: 30px;
    letter-spacing: -0.01em;
    padding-bottom: 15px;
}

  .cont-col {
    position: relative;
    margin-left: -5px;
    margin-right: -5px;
    font-size: 0;
    letter-spacing: 0; 
  }

  .field-flex {
    display: flex;
  }

   .git-field {
      width: 50%;   
      position: relative; 
      display: inline-block;
      margin: 5px; 
      vertical-align: top;
      border: 1px solid #757575;

   }

   .merge-field {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #757575;
     margin: 5px;
     position: relative; 
   }

   
  .cont-us-form input[type='text'],.cont-us-form input[type='tel'], .cont-us-form input[type='email'], .cont-us-form textarea  { 
    width: 100%;
    color: #757575;
    display: inline-block;
    font-size: 12px;
    height: 38px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: top;
    margin: 0;
    background: transparent;
    border: transparent;
    outline: none;
    text-transform: capitalize;
    padding: 0 5px;
    font-style: normal;
    text-transform: uppercase;
  }


.cont-us-form textarea {
resize: none;
    margin: 5px 0;
    padding-top: 10px;
    padding-bottom: 0; 
    height: 104px;
}


div.cont-us-form input[type='submit'] {
    height: 21px;
    text-align: center;
    color: #fff;
    vertical-align: top;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    width: 100%;
    max-width: 22px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    border: 0;
    background: url(images/send-icon.png) no-repeat right;
    font-size: 0;
    outline: none;
    margin-top: 0px;
    position: relative;
    z-index: 3;
    right: 15px;
    bottom: 10px;
    position: absolute;
}


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


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


/*** Footer ***/


 .footer {
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    padding: 70px 0 50px;
    text-align: center;
    color: #757575;
    background: #fff;

}

  .footer li {
    display: inline-block;
    padding: 0 25px;
    line-height: 10px; 
    color:#757575; 
    text-transform: uppercase; 
  }

  .footer li a {  
    color:#757575; 
    font-size: 15px;             
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out; 
  }

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


 .footer li a:hover {
    opacity: 0.5;
 }


  .footer .copyright {
    color: #757575;
    padding: 40px 0 0;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #757575;
    margin-top: 30px;
  }


  .footer .copyright a {

    
     color: #777777;
    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: #69c1d9;

}

.copyright span {
   text-transform: uppercase;
}

.ftr-logos {
   display: block; 
   color: #9f9f9f; 
   font-size: 25px;  
   text-align: center; 
   margin-top: 20px;

}

 
/*******************************************************
 *
 * 3. 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: #f9f7f7;
        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: #FFF;
            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: 50px;*/
    font-size: 35px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    line-height: 1;
    color: #69c1d9;
    font-family: 'EB Garamond', serif;
    margin-top: 15px;
    font-weight: 400;
}

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

    font-size: 25px;
    letter-spacing: 0.15em;
    line-height: 1;
    text-transform: uppercase;
    color: #69c1d9;
    font-family: 'EB Garamond', serif;
    margin-top: 15px; 
    font-weight: 400;
}


.sidebar .cta-cont {
    display: block;
}

.sidebar .cta-list {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 2px;
}

.sidebar .cta-list a {
    width: 100%;
    border: 1px solid;
    margin: 10px auto; 
}

 .sidebar .cta-list a > span {
    line-height: 1;
 }

 .aios-roadmaps.no-border.black a.aios-roadmap-link.active-link, .aios-roadmaps.no-border.black a.aios-roadmap-link:hover {
  color: #69c1d9;
 }
 .aios-roadmaps.no-border a.aios-roadmap-link span.aios-roadmap-icon {
  transition: none;
 }
   
 .bs-searchbox input[type=text] {
  color: #333;
  
  }

.btn-group.bootstrap-select.show-tick.qs-select.normal {
    vertical-align: top; 
}

button.btn.dropdown-toggle.bs-placeholder.btn-default,
button.btn.dropdown-toggle.btn-default {
   color: #fff;
   font-size: 12px;
   height: 36px;
   padding: 0 10px;
   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 rgba(0,0,0,0.1); */
   background: transparent;
   border: transparent;
   text-transform: uppercase;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

div#IDX-main ul {
  margin-left: 0 !important;
}

.select2-drop-mask{
  z-index: 2;
}

.select2-drop {
  z-index: 3;
}

.grecaptcha-badge {
  z-index: 1010;
}

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

.qs-area .dropdown-menu.open {
  top: 100%;
  bottom: initial;
}

a.ip-commu-button {
  text-align: center;
  display: block;
  margin-bottom: 18px;
}

.page-template-template-idx #content ul {
      margin:0 !important;
}