/*
Theme Name: Dana Green Team
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;
}


/* Slide Sub Menu */
#slide-nav li {
  position:relative;
}
  
#slide-nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: rgba(0,0,0,0.9);
    display: none;
    padding: 0;
    position: absolute;
    width:100%;
    min-width:180px;
}

#slide-nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#slide-nav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}
#slide-nav .sub-menu .sub-menu {
    margin-left: 100%;
    top: 0px;
}
#slide-nav li:hover > .sub-menu {
    display: block;
}
#slide-nav .sub-menu li {
    position: relative;
}


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

/* Global */

body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    background: #fff;
    color: #555555;
    margin: 0;
    font-weight: 400; 
    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}


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

a:hover {
  text-decoration: none;
  color: #6a913d; 
  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;
}

.custom-cont {
  width: calc(100% - 118px); 
  margin: 0 auto;  
  background: #fff;
}

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


/*** Header Area ***/ 

.header-main {
    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; ; 
    position: absolute; 
    background: #fff;

} 

/*** Header Logo ***/


.hdr-logo {
    display: block;
    padding: 0;
    position: absolute;
    left: 0;
}

 .hdr-logo img {
   width: 150px;
 }


/*** Header info ***/


.hdr-right {
   display: flex; 
   justify-content: flex-end; 
   align-items: center; 
   padding: 10px 0 15px; 
   position: relative; 
   font-size: 0;
   margin-right: -15px;
}

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


.sign-up-col {
   display: flex;
   align-items: center; 
   justify-content: center; 
/*   width: 460px;*/
   margin-right: 20px; 
   font-size: 0;
}



 .sign-up-col .sign-up-title {
   font-size: 14px; 
   text-transform: uppercase; 
   color: #6a913d; 
   font-weight: 700; 
   letter-spacing: 0.05em;
 }


.sign-up {
   position: relative;  
   margin-left: 20px;
}


.sign-up form {
  display: flex;
}


.su-field-w {
   width: 197px;
}


.su-field {
    width: 82px;
    position: relative;
    display: inline-block;
}

  .sign-up input[type='email'] {
    width: 100%;
    color: #999999;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: top;
    margin: 0;
    background: transparent;
    border: transparent;
    outline: none;
    background: #fff;
    padding: 10px;  
    border: 1px solid #999999;

  }

  .sign-up input[type='submit'] {
    text-align: center;
    vertical-align: top;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    width: 100%;
    border: none;
    font-size: 14px;
    outline: none;
    margin: 0;
    position: relative;
    z-index: 1;
    line-height: 35px;
    font-weight: 400;
    background:#6a913d;
    color: #fff;
    display: inline-block;
    letter-spacing: 0.05em;
    padding: 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;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.sign-up div.wpcf7 .ajax-loader {
   position: absolute; 
}

.sign-up div.wpcf7-response-output {
    color: #000 !important;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    max-width: 897px;
    left: 0;
    right: 0;
    bottom: -45px; 
    background: #fff;  
    z-index: 5;
}

 .sign-up span.wpcf7-not-valid-tip {
    font-size: 12px;
 }

.extra-link {
   display: block;
}


 .extra-link a {
   font-size: 13px; 
   text-transform: uppercase; 
   margin: 0 22px;
 }

 
 .hdr-info {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    position: relative;  
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin-left: 20px; 
    margin-right: 20px;
 } 

    .hdr-info span {
      
      padding: 0 15px; 
      position: relative; 
      font-size: 13px;
    }


   .hdr-info a {
     color: #000;
     transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
   }

   .hdr-info a:hover {
     opacity: 0.6;
   }

   .hdr-info span i {
     color: #6a913d;
   }

    .hdr-info span i.ai-font-phone-alt {
       margin-right: 15px;
    }



/** Navigation **/


.navigation {
   display: flex; 
   justify-content: flex-end; 
   align-items: center; 
   margin-right: -15px;
}
  
#nav {
  display: block;  
}

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

#nav li:last-child {
   margin-right: 0;
}


#nav li a {

    color: #000;
    font-size: 15px;
    display: inline-block;
    margin: 0;
    outline: none;
    text-decoration: none;
    padding: 14px 0;
    -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;
    font-weight: normal;
    text-transform: uppercase; 
    font-weight: 700; 
    text-decoration: unset; 
    letter-spacing: 0.05em;
   
}

#nav li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height:2px;
    background: #6a913d;
    -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 .sub-menu {
    min-width: 224px;
    left: 50%;
    margin-left: -114px;
    z-index: 9;
    padding: 0px 10px 0;
    background: none;
    color: #fff;
    text-align: left; 
    opacity: 0;
    -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; 
    margin-top: 29px;
    }

     #nav .sub-menu:before {
       position: absolute; 
       top: 33px; 
       left: 0; 
       right: 0; 
       margin: 0 auto; 
       width: 10px; 
       height: 7px; 
       content:'';
     }

#nav li:hover > .sub-menu {
   opacity: 1;
   margin-top: 0px; 
   pointer-events: unset;
}

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

          #nav .sub-menu li {
            width: 100%;
            position: relative;
            margin: 1px auto;
            background: rgba(255,255,255,0.8);
            padding: 0;
            border: transparent; 
            
            }

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



    #nav .sub-menu li a {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 0px;
    text-transform: none;
    color: #000;
    border-left: none;
    text-align: center;
    border: 0; 
    text-shadow: none;
    }

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

         #nav .sub-menu li a:hover { 
              color: #fff;
              background: rgba(106,145,61,0.8);
            }

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

/*** Fixed Nav ***/


#fixednav{
    font-size: 0;
    text-align: right;
    line-height: 1;
}
#fixednav a{
    color: #000;
    font-size: 12px;
    display: inline-block;
    margin: 0;
    outline: none;
    text-decoration: none;
    padding: 5px 0;
    -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;
    font-weight: normal;
    text-transform: uppercase; 
    font-weight: 700; 
    text-decoration: unset; 
    letter-spacing: 0.05em;
  
}

#fixednav li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height:2px;
    background: #6a913d;
    -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 10px;
}
#fixednav > li:first-child{
    margin: 0 0 0 0;
}


/* Sub Menu */

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

}
#fixednav > li > .sub-menu{
    left: -150%;
    right: -150%;
    margin: auto;
}
#fixednav .sub-menu a {
    color: #000;
    display: block;
    padding: 10px;
    font-size: 12px;
    font-weight: 400;
    background: rgba(255,255,255,0.8);
    letter-spacing: 0.2em; 
    text-transform: none; 
    text-transform: uppercase; 
    margin-bottom: 1px;
}
#fixednav .sub-menu a:hover {
    color: #fff;
    /*background: rgba(128,171,1,0.8);*/ 
    background: #6a913e;
    
}

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

#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;
}
#fixednav .sub-menu li:first-child{
    padding: 0 0 0 0;
}

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


.fixed-header .hdr-logo:after, .fixed-header .hdr-logo:before {
    display: none;
}


/***Header Short***/


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

.fixed-header .hdr-right {
display: flex;
align-items: center;
justify-content:flex-end; 
padding: 25px 0; 
margin-right: 0;

}

.fixed-header .hdr-cont-text {
    padding: 0;
}

.fixed-header .fixed-logo {
  margin-right: -30px;
}

.fixed-header .fixed-logo img {
    width: 80px;
} 

/*** Slide Area ***/


section#hp-slide {
    position: relative;
    overflow: hidden;  
    background: #fff;
}
    .hpslideshow {


    }
        .slideshow-fixed {
            position: fixed;
            height: 100%;
            top: 0;
            left: 0; 
            right: 0;
            width: calc(100% - 118px);
            margin: 0 auto;
        }

            .slideshow-fixed .textwidget,
            .slideshow-fixed .cycloneslider-template-responsive,
            .slideshow-fixed .cycloneslider-template-responsive .cycloneslider-slides,
            .slideshow-fixed .cycloneslider-template-responsive .cycle-slide,
            .slideshow-fixed .cycloneslider-template-responsive .cycloneslider-slide canvas {
                height: 100%;
                width: 100%;
                max-height: 1300px;
            }
        .slideshow-canvas {
            font-size: 0;
            position: relative;
        }
            .slideshow-canvas canvas {
                 width: 100%;
                 max-height: 1200px;
            }


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


.tagline-s-wrapper {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 45px;
    right: 0;
    width: calc(100% - 118px);
    margin: 0 auto;
    left: 0;
    right: 0;
}

 
  .tagline-s-wrapper > div {

    margin-right: 35px;
    background: #fff;
    width: 100%;
    max-width: 246px;
    padding: 10px;
    text-align: center;


  }

   .tagline-s-wrapper > div .slide-tag {
    width: 100%;
    border: 2px solid #000;
    color: #6a913d;
    height: 100%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    font-size: 0;
    letter-spacing: 0;
    height: 128px;
    line-height: 1;

   }

    .tagline-s-wrapper > div .slide-tag span  {
        font-size: 37px;
        color: #6a913d;  
        font-weight: 700;
        font-family: 'Playfair Display', serif;


    }

     .tagline-s-wrapper > div .slide-tag span em.tag-num {
        font-size: 53px; 
        font-style: normal; 
        font-family: 'Playfair Display', serif;

     }

     .tagline-s-wrapper > div .slide-tag span em.tag-hast {
font-size: 31px;
    font-style: normal;
    position: relative;
    top: -10px;
         

     }
       
       .tagline-s-wrapper > div .slide-tag p {
         display: block; 
         font-size: 23px; 
         font-family: 'Poppins', sans-serif; 
         margin: 6px 0;

       }





/** Main Titlte **/
 

    .title-widget {
    text-transform: uppercase;
    color: #000;
    padding-bottom: 30px;
    position: relative;
    font-size: 56px;
    padding: 0;
    letter-spacing: 0;
    display: inline-block;
    margin-bottom: 50px;
    font-family: 'Playfair Display', serif;
    } 

     .title-widget em {
       color: #555555; 
       font-style: normal;  
       font-size: 28px; 
       display: block; 
       font-family: 'Arial', serif;
       
     }

      .title-widget span {
          display: block; 
          font-size: 24px; 
          color: #ed1b28; 
          padding-top: 10px; 
      }


/** HP Link **/

a.hp-link
{
    display: block;
    width: 165px;
    background: transparent;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
        transition: all ease .3s;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;  
    border:1px solid #000;
}


a.hp-link em {
   font-style: normal; 
   font-size: 13px; 
   position: relative; 
   top: -2px; 

}

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




/*** WWWU Area ***/

section#wwwu-section {
    position: relative; 
    background: #fff;

}

 .wwwu-area {  
     position: relative;  
     text-align: center; 
     padding: 80px 0;
     width: calc(100% - 118px);
     margin:0 auto;
 
    }
.wwwu-area .title-widget {
      font-family: 'Playfair Display', serif;
}


.wwwu-wrapper {
     display: block;
     padding: 60px 40px;
     width:100%;
     margin: 0 auto;
     border: 2px solid #d6d6d6;
     position: relative;
  }


.wwwu-title {
   display: inline-block; 
   position: absolute; 
   top: -3%; 
   left: 0; 
   right: 0; 
   margin: 0 auto;
}

 .wwwu-title span {
    font-size: 28px; 
    display: inline-block; 
    background: #fff; 
    padding: 0 50px; 
    color: #6a913d; 
    text-transform: uppercase; 
    z-index: 2;
 }


 ul.pp-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -8px;
        margin-right: -8px;
    }
        .pp {
            width: 20%;
            color: #000;
            text-align: center; 
            padding: 40px 15px 50px; 
            border-top: transparent; 
            border-bottom: transparent;
        }


            .pp-inner {
                display: inline-block;
                background: transparent;
                padding: 0;
                width: 100%;
                text-align: center;
            }
              
                .pp i {
                    font-style: normal; 
                    font-family: 'Libre Baskerville', serif;
                    font-weight: 400;
                    font-size: 48px;
                }
                .pp span {
                    display: block;
                    font-weight: 400;
                    font-size: 50px;
                    line-height: 1;
                    text-transform: uppercase; 
                    margin-bottom: 25px;
                    text-align: center; 
                    font-family: 'Playfair Display', serif;

                }
                .pp em {
                    display: block;
                    font-style: normal;
                    font-size: 17px;
                    letter-spacing: 0.05em;
                    line-height: 20px; 
                    text-transform: uppercase;
                    
                } 

                 .pp span > em.alt-font {
                   font-style: normal; 
                   font-family: 'Poppins', sans-serif; 
                   font-weight: 200;  
                   display: inline-block; 
                   font-size: 50px; 

                 }

                 .pp span > em.num-font { 
                    text-transform: uppercase;
                    font-family: 'Libre Baskerville', serif;
                    font-size: 48px; 
                    font-weight: normal; 
                    display: inline-block; 

                 }


.wwwu-dis {
   display: block;  
   width: 92%; 
   margin: 0 auto; 
   color: #000; 
   font-size: 16px; 
   line-height: 26px; 
   letter-spacing: 0.025em;

}


/*** Our Listins ***/

section#ol-section {
  position: relative; 
  background: #fff; 
}

 .ol-area {
   width: 100%; 
   position: relative; 
   text-align: center; 
   padding-bottom: 80px;
 }

 
.ol-area .title-widget {
   margin-bottom: 0;
}

.ol-list-wrapp {
         position: relative; 
         font-size: 0; 
         letter-spacing: 0; 
         margin-left: -15px; 
         margin-right: -15px; 
         padding-top: 30px;
    }
      

      .ol-list {
         position: relative; 
         width: 100%;
         display: inline-block; 
         vertical-align: top; 
  /*       padding: 0 15px;*/
      }
        

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


           .ol-list a > .ol-default {
             position: relative;
             z-index: 1;  
             opacity: 1;
                 -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; 
           }



              .ol-list a > .ol-default .ol-img  {
                  position: relative;
                  height: 304px;
              }
              .ol-img canvas {
                  background-position: center;
                  background-size: cover;
              }

               .ol-list a > .ol-default .ol-img:before {
                  position: absolute; 
                  width: 100%; 
                  height: 100%; 
                  /*background: rgba(0,0,0,0.6); */
                  content: '';
               }

               .ol-list a > .ol-default .ol-img canvas {
                  width: 100%; 
                  height: 304px
                  
               }

                .ol-list a > .ol-default .ol-details {
                   position: relative; 
                   display: block;
                   padding: 30px 0 30px 70px; 
                   text-align: left; 
                }

            .ol-list a > .ol-default .ol-details:before {
               position: absolute; 
               width: 2px; 
               height: 122px; 
               left: 35px; 
               top: 0; 
               content:''; 
               background: #6a913d;

            }

                 .ol-list a > .ol-default .ol-details span {
                   display: block; 
                   color: #000; 
                   font-size: 23px; 
                   text-transform: uppercase;
                 }

                  .ol-list a > .ol-default .ol-details span.ol-price {
                       font-size: 38px; 
                       padding-bottom: 10px;
                  }

.ol-list a > .ol-hover {
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0) scale(0.5);
    position: absolute;
    width: calc( 100% + 99px );
    height: 100%;
    top: -90px;
    left: -40px;
    z-index: 2;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; 
    pointer-events: none; 
    border: 5px solid #fff; 
    border-top: 0; 
    border-bottom: 0;
}

              .ol-list a > .ol-hover .ol-img  {
                  position: relative; 
                  height: 100%;
              }

               .ol-list a > .ol-hover .ol-img:before {
                  position: absolute; 
                  width: 100%; 
                  height: 100%; 
                  background: rgba(0,0,0,0.6); 
                  content: '';
               }


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


    .ol-list a > .ol-hover .ol-stats {
       position: absolute; 
       top: 0; 
       left: 0; 
       z-index: 2;
    }

     .ol-list a > .ol-hover .ol-stats span {
    background: #6a913d;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    max-width: 167px;
    line-height: 78px;
    color: #fff;
    position: relative;
    display: block;
    padding: 0 30px;

     }

     .ol-list a > .ol-hover .ol-details-h {
        position: absolute; 
        bottom: 0; 
        left: 0;  
        padding-left: 115px;
        z-index: 2; 
        text-align: left;
        color: #fff; 
        padding-bottom: 50px;
     }

     .ol-list a > .ol-hover .ol-details-h:before {
               position: absolute; 
               width: 2px; 
               height: 282px; 
               left: 94px; 
               bottom: 0; 
               content:''; 
               background: #6a913d;       
     }

      .ol-list a > .ol-hover .ol-details-h span {
         display: block; 
      } 

        .ol-list a > .ol-hover .ol-details-h span.ol-h-add {
            font-size: 23px; 
            font-weight: 700; 
            color: #fff;
        }


         .ol-list a > .ol-hover .ol-details-h span.ol-h-add em {
            font-weight: 400; 
            font-style: normal; 
            display: block; 

         }

          .ol-list a > .ol-hover .ol-details-h span.ol-h-price {
              font-weight: 700; 
              font-size: 38px; 
              padding: 20px 0; 

          }

           .ol-list a > .ol-hover .ol-details-h .ol-h-info {
              display: flex; 
              align-items: center; 
              justify-content: flex-start;
           }

            .ol-list a > .ol-hover .ol-details-h .ol-h-info em {
                font-style: normal; 
                font-size: 19px; 
                text-transform: uppercase; 
                position: relative; 
                margin-right: 20px; 

            }

             .ol-list a > .ol-hover .ol-details-h span.ol-view {
                display: block;
                width: 165px;
                background: #6a913d;
                color: #fff;
                font-size: 15px;
                text-transform: uppercase;
                font-weight: 700;
                margin-top: 40px;
                text-align: center;
                line-height: 50px;

             }

              .ol-list a > .ol-hover .ol-details-h span.ol-view em {
                 font-size: 11px; 
                 display: inline-block; 
                 position: relative; 
                font-style: normal; 


              }


.ol-list a:hover > .ol-hover {
    opacity: 1;
    pointer-events: auto;
    transform: translateZ(0) scale(1);
}

.ol-list a:hover > .ol-default {
    opacity: 0;
}


.ol-list-wrapp .slick-list.draggable {
   overflow: visible;
}

 .ol-list-wrapp .slick-slide  {
   padding: 0 15px;
 }

.slick-current .ol-list:last-child a > .ol-hover {
       left: -5px;
  }

.ol-list-wrapp .slick-slide.slick-current.slick-active + .slick-slide + .slick-slide .ol-list:last-child a > .ol-hover {
    left: -95px;
}

.fp-nav {
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 11;
    font-size:0;
    right: 0;
    left: 0;
    top: 35%;
    transform: translateY(-50%);

}

a.fp-prev {
    left: 0px;
    display: flex !important; 
    align-items: center; 
    justify-content: center;
    position: absolute;
    outline: none;
    text-decoration: none;
    color: #fff;
    width: 71px;
    height: 71px;
    line-height: 71px;
    background:#6a913d;
    margin: 0 auto;
    font-size: 35px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;

}

a.fp-next {
    right: 0px;
    display: flex !important; 
    align-items: center; 
    justify-content: center;
    position: absolute;
    outline: none;
    text-decoration: none;
    color: #fff;
    width: 71px;
    height: 71px;
    line-height: 71px;
    background:#6a913d;
    margin: 0 auto;
    font-size: 35px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

 a.fp-prev:hover, a.fp-next:hover {
    opacity: 0.8;
 } 




/*** About  Section ***/

section#about-section {

   position: relative; 
   background:#fff;   
   min-height: 926px;
} 

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

 .about-area {
    position: relative;
    background: rgba(255,255,255,0.6);
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 85px 0; 

 }

   .about-wrapper {
    width: calc(100% - 330px);
    background: #fff;
    font-size: 0;
    letter-spacing: 0;
    padding: 0 60px;
    height: 760px;
    margin: 0 auto;  
    overflow: hidden;

   }


    .about-left, .about-right {
       width: 50%; 
       display: inline-block; 
       vertical-align: top;  

    }


 .about-left {
    margin-top: 65px;
    padding-right: 40px;
    border-right: 1px solid #6a913d;
    margin-bottom: 90px;
     }




      .about-cont {
          display: block; 
          text-align: left;
          font-size: 17px; 
          color: #000000;
      }

       .about-cont h1 { 
           font-size: 56px; 
           color: #000000;
           text-transform: uppercase;  
           font-family: 'Playfair Display', serif;
        }

         .about-cont h1 > span {
           color: #6a913d;  
           font-size: 56px;  
           font-weight: 400;

         }

         .about-cont h1 em {
           font-size: 25px; 
           color: #555555; 
           font-style: normal; 
           display: block;
           font-family: 'Arial', serif;
         }


         .about-cont p {
            font-size: 17px; 
            color: #444444; 
            letter-spacing: 0.025em; 
            line-height: 26px; 
            margin: 40px 0; 

         }


         .about-cont span {
            font-size: 17px; 
            color: #6a913d; 
            font-weight: 700; 

         }
    
.about-cont ul {
  list-style: none; 
  line-height: 26px; 
  position: relative; 
  margin: 15px 0 35px;
  margin-left: 18px; 
}
.about-cont ul li {
            font-size: 17px; 
            color: #444444; 
}

.about-cont ul li::before {
  content: "\2022";
  color: #6a913d;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}


 .about-right {
    margin-top: 108px;
    padding-left: 40px;
     }

 .about-info-wrapp {
    position: relative;
 }

  .about-info-wrapp img {
     margin: 0 auto; 
     width: 541px;
  }

  .about-info {
    display: flex; 
    justify-content: center; 
    align-items: flex-start;
    line-height: 27px; 
    margin-top: 110px;

}


.about-info-cont {
   position: relative; 
   padding: 0 24px; 

}

.about-info .about-info-cont:first-child {
  padding-left: 0;
}  
.about-info .about-info-cont:last-child {
  padding-right: 0;
}  

.about-info-cont span {
     display: block;  
     font-size: 20.25px;  
     letter-spacing: 0.025em; 
   }

.about-info-cont span.about-name {
      color: #000; 
      /*text-transform: uppercase; */
      font-weight: 700;
    }

.about-info-cont span a {
     color: #777777;
         -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: uppercase;*/
   }

 

.about-info-cont span a:hover {
     color: #6a913d; 

   }



/*** Meeet the team ***/ 


section#mt-section {

   position: relative; 
   background:#fff;   
   overflow: hidden;

}   

  .mt-area {
     position: relative; 
     text-align: center; 
    padding: 80px 0;
    width: calc(100% - 118px);
    margin: 0 auto;
  }

.section-title {
   position: absolute; 
   z-index: 2; 
   left: -15px; 
   right: 0; 
   margin: 0 auto; 
   text-align: left; 
   top: 88px; 

}
 
  .section-title h2.title-widget {
      
  }



.team-holder {
    padding: 0;
  }
    .map-outer {
        position: relative;
        max-width: 1600px;
        margin: auto;
    }

      #team-map .map-inner {
          width: 1600px;
          margin: auto;
          position: relative;
          z-index: 1;
      }
        .map-transparent {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 6;
            max-width: 100%;
        }
        .map-true {
            z-index: 1;
            max-width: 100%;
        }
        .map-hovers {

        }
          .map-hovers > div {
            position: absolute;
            opacity: 0;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
          }
          .map-hovers > div.elem-active {
            opacity: 1;
          }
            .map-hovers img {

            }
            .team-info {
              position: absolute;
     position: absolute;
    width: 261px;
    background: #6a913d;
    text-align: center;
    padding: 10px 10px 25px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    transition-delay: 0.2s;
    transform: translateY(20px) translateZ(0);
    opacity: 0;
    pointer-events: none;
    z-index: 9;

            }

            #team-map .map-hovers > div.elem-active .team-info {
                pointer-events: auto;
                transform: translateY(0) translateZ(0);
                opacity: 1;
            }
            .team-info::before {
              content: '';
              display: block;
              position: absolute;
              width: 1px;
              top: -70px;
              left: 0;
              right: 0;
              margin: 0 auto;
              height: 70px;
              background: green;
              background: #6a913d;
            }
               
               .team-info::after {
              content: '';
              display: block;
              position: absolute;
              width: 16px;
              height: 15px;
              top: -70px;
              left: 0;
              right: 0;
              margin: 0 auto;
              background: green;
              background: #6a913d; 
              border-radius: 50%;                 
               }

              .team-info span {
                display: block;
                font-size: 15px;
                font-weight: 400;
                color: #ffffff;
                line-height: 1;
                text-transform: uppercase;
              }
              .team-info strong {
                display: block;
                font-size: 25px;
                color: #ffffff;
                text-transform: uppercase;
                margin: 5px 0;
              }
              .team-info ul {
                display: flex; 
                justify-content: center;
                align-items: center; 
                padding-top: 20px;
              }
                .team-info li {
                  margin-bottom: 7px; 
                  display: flex; 
                  margin: 0 10px;
                }
                  .team-info li i {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 13px;
                    color: #ffffff;
                    margin-right: 6px;
                  }
                  .team-info li i.ai-font-envelope-f {
                    font-size: 13px; 

                  }
                  .team-info li a {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 13px;
                    font-weight: 400;
                    color: #ffffff;
                    line-height: 1;
                    -webkit-transition: all 0.35s ease-in-out;
                    -moz-transition: all 0.35s ease-in-out;
                    -o-transition: all 0.35s ease-in-out;
                    transition: all 0.35s ease-in-out;
                  }
                  .team-info li a:hover {
                    color: #000000;
                  }

            .map-hovers [data-area="dana-green"] {
                /*top: 460px;
                left: 630px;*/
                top: 620px;
                left: 830px;
            }

            .map-hovers [data-area="team-agent1"] {
                /*top: 460px;
                left: 100px;*/
                top: 670px;
                left: 530px;
            }
            .map-hovers [data-area="team-agent2"] {
                /*top: 430px;
                left: 250px;*/
                top: 640px;
                left: 160px;
            }

            .map-hovers [data-area="team-agent3"] {
                /*top: 550px;
                left: 400px;*/
                top: 570px;
                left: 320px;
            }

            .map-hovers [data-area="team-agent4"] {
                top: 430px;
                left: 850px;
            }

            .map-hovers [data-area="team-agent5"] {
                /*top: 430px;
                left: 1100px;*/
                top: 735px;
                left: 1270px;
            }

            .map-hovers [data-area="team-agent6"] {
                /*top: 460px;
                left: 1240px;*/
                top: 605px;
                left: 1050px;
            }


/*** NEW Team Sec **/

.ot-list-wrap {
   display: flex; 
   align-items: center;
  justify-content: space-between; 
  padding-top: 50px;
} 

  .team-list {
     display: block; 
     width: 100%; 
     margin: 0 auto;  
     padding: 0 12px;

  }

   .team-list .team-img-wrap {
     background: #000;
   }

   .team-list .team-img-wrap img {
      width: 100%;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
   }

    .team-list:hover .team-img-wrap img {
       opacity: 0.8;
    }

    .team-list .team-details {
       display: block; 
       padding: 30px 0;
    }

     .team-list .team-details span {
       display: block; 
       font-size: 15px; 
       color: #555555; 
       text-transform: uppercase; 
       letter-spacing: 0.06em; 


     }

     .team-list .team-details span.team-name {
       font-size: 30px; 
       font-family: 'Playfair Display', serif; 
       display: block;  
       color: #6a913d; 
       padding-bottom: 15px; 
       text-transform: none; 
       letter-spacing: 0; 
     }






/*** GIT  Section***/ 

.git-wrapp {
   position: absolute; 
   top: 92px; 
   right: 0; 
   left: 0; 
   margin: 0 auto; 
   z-index: 5;
} 

 .git-form-wrapp {
     display: flex; 
     align-items: center;
     justify-content: flex-end;
 }

  .git-form-cont {
     width: 984px; 
     max-width: 100%; 
     margin-right: -15px;
       }

   .git-title {
     text-transform: uppercase; 
     color: #6a913d; 
     font-size: 18px; 
     display: block;
     color: #fff;
    text-shadow: 1px 1px rgb(0 0 0 / 30%);
   }
    
     .git-form {
        position: relative; 
        z-index: 2; 
        font-size: 0;
     }

      .git-form form {
        display: flex; 
      }

      .git-field {
         width: 198px; 
         max-width: 100%; 
         padding:0 2px;
      }

      .git-field-merge {
         width: 393px;
         max-width: 100%;
         padding: 0 2px;
      }


 .git-form input[type='text'], .git-form input[type='tel'], .git-form input[type='email'], .git-form textarea  { 
    width: 100%;
    color: #999999;
    display: inline-block;
    font-size: 14px;
    height: 38px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: top;
    margin: 5px 0;
    background: #fff;
    border: transparent;
    outline: none;
    padding: 0 10px;
    letter-spacing: 0.05em;
    text-transform: uppercase;

  }

.git-form textarea {
    resize: none;
    margin: 5px 0;
    padding-top: 12px;
    padding-right: 35px;
}

.git-form input.wpcf7-form-control.wpcf7-submit {
    font-size: 0;
    border: 0;
    width: 27px;
    height: 27px;
    position: absolute;
    bottom: 27px;
    right: 12px;
    background: url(images/send-icon.png) no-repeat;
    background-position: center;
}


  div.git-form div.wpcf7-response-output {
    color: #000 !important;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px; 
    bottom: -20px; 

}

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



/*** WB Section ***/ 

section#wb-section {
   position: relative; 
   background: #fff; 

}
  
  .wb-area {
     position: relative;
     text-align: center;
     padding: 90px 0;
     width: calc(100% - 118px);
     margin: 0 auto;
  }

    .wb-area .title-widget {
    font-family: 'Playfair Display', serif;
}


 .wb-wrapper {
   position: relative;
   text-align: center;
   padding: 0 0 54px;
   border-left: 2px solid #d6d6d6;
   border-right: 2px solid #d6d6d6;
 }

  .wb-wrapper:before {
     content:'';
     position: absolute;
     top: 0;
     width: 100%;
     height: 2px;
     background: #d6d6d6;
     left: 0;
     right: 0;
  }

  .wb-wrapper:after {
     content:'';
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 2px;
     background: #d6d6d6;
     left: 0;
     right: 0;
  }

   .wb-title {
     display: inline-block; 
     background: #fff; 
     font-size: 28px; 
     color: #6a913d;
     text-transform: uppercase; 
     padding: 0 60px; 
     z-index: 2; 
     position: relative;
    top: -12px;
   }

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

   .csau {
     font-size: 0; 
     position: relative; 

   }

   .csau span {
      display: block; 
      font-family: 'Playfair Display', serif; 
      padding-top: 8px;
      padding-bottom: 8px;
      color:#000;
   }

     .csau span.wb-text-1 {
        padding-right: 80px; 
        font-size: 40px; 
        color: #000;
     }
     .csau span.wb-text-2 {
        padding-left: 80px; 
        color: #6a913d; 
        font-size: 57.1px;

     }

     .csau span.wb-text-3 {
        padding-right: 78px; 
        font-size: 47.96px;  
     }
     .csau span.wb-text-4 {
        padding-left: 78px;  
        font-size: 47.96px; 
     }

     .csau span.wb-text-5 {
        color: #6a913d; 
        font-size: 73px;
     }

      .csau span.wb-text-6 {
        font-size: 40px;
     }
     
     .csau span.wb-text-7 {
        color: #6a913d; 
        font-size: 57.1px;
        padding-right: 78px; 
     }

     .csau span.wb-text-8 {
        font-size: 47.96px;
        padding-left: 78px; 
     }

section#cta-section {
   position: relative; 
   background: #fff; 

}

 .cta-area {
   position: relative;  
   padding-bottom: 70px;

 }

  .cta-list {
     position: relative; 
     display: block; 
     max-width: 360px; 
     margin: 15px auto; 
  }

    .cta-list a {
       width: 100%; 
       display: flex; 
       justify-content: center; 
       align-items: center; 
       border: 1px solid #6a913d; 
       background: #fff;
            height: 241px;
               -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
    }

.cta-list a:hover {
   background: #6a913d;
}


     .cta-list a > span {
        color: #6a913d; 
        font-size: 35px; 
        font-weight: 400; 
        text-transform: uppercase;  
        text-align: center;

     }


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


      .cta-list a > span em {
         font-style: normal; 
         font-weight: 700; 
         display: block;
      }

.cta-list a.cta-g {
   background: #6a913d;
}
.cta-list a.cta-g > span {
   color: #fff; 
   position: absolute; 
   left: 0; 
   right: 0; 
   margin: 0 auto;
}

.cta-list a.cta-g > span:before {
   content:''; 
   position: absolute; 
   width: 158px; 
   height: 1px; 
   bottom: -20px; 
   background: #fff; 
   left: 0; 
   right: 0; 
   margin: 0 auto;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
     -o-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}

.cta-list a.cta-g:hover > span:before {
   content:''; 
   position: absolute; 
   width: 297px; 
   height: 116px; 
   bottom: -20px; 
   background: transparent; 
   left: 0; 
   right: 0; 
   margin: 0 auto; 
   border: 1px solid #fff;
}


.cta-list a.single-g > span:before {
   bottom: -40px; 
}

.cta-list a.single-g:hover > span:before {
   content:''; 
   position: absolute; 
   width: 297px; 
   height: 116px;
   bottom: -40px; 
   background: transparent; 
   left: 0; 
   right: 0; 
   margin: 0 auto; 
   border: 1px solid #fff;
}



/*** Social Wrapp ***/ 

section#sm-section {
   position: relative; 
   z-index: 1; 
   background: #fff; 
}
 
 .sm-area {
   position: relative; 
   padding-top: 70px;
 }

  .sm-area .title-widget {
     margin-bottom: 40px;
  }

.sm-video-wrapp {
   position: relative; 
   margin-left: -60px;
}

.video-cont {
       width: 100%; 
       display: inline-block; 
       vertical-align: top; 
       position: relative;  
       max-width: 600px;
        z-index: 5; 
    }

     .video-cont canvas {
        width: 100%; 
        background-size: cover;  
        display: block;
     }

      .video-cont .play-bttn {
         position: absolute;
         width: 100%; 
         height: 100%; 
         display: flex; 
         justify-content: center; 
         align-items: center; 
         background: rgba(0,0,0,.6); 
         top: 0; 
         bottom: 0;
      }

            .video-cont .play-bttn span {
            position: absolute;
            z-index: 5;
            left: 0;
            right: 0;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 90px; 
            height: 90px; 
            background: #fff;  
            border-radius: 50%;
          }

           .video-cont .play-bttn span > i {
              display: block; 
              font-size: 40px; 
              color: #6a913d;
           }
           

.video-text {
   position: relative; 
   display: block;
}

 .video-text p {
   font-size: 17px; 
   color: #555555; 
   line-height: 27px; 
   margin: 40px 0;
 }



.sm-ig-wrapp {
    margin-left: 60px;
    display: block;
    margin-right: -60px;
}

 .ig-list-wrapp {
   position: relative; 
   font-size: 0; 
}

 .ig-list {
    display: inline-block;
    width: calc(100% / 2);
    margin: 0 auto;
    position: relative;
    padding: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }

   .ig-list .img-wrapp {
     position: relative;
   }

      .ig-list .img-wrapp:before {
         background:rgba(106,145,61,0.8); 
         position: absolute; 
         width: 100%; 
         height: 100%; 
         content:''; 
         left: 0; 
         right: 0;  
         margin: 0 auto; 
         z-index: 1; 
         opacity: 0;
             -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
      }

  .ig-list:hover .img-wrapp:before {
    opacity: 1;
  }


   .ig-list canvas {
     position: relative; 
     width: 100%; 
     background-size: cover;
   }


     .ig-list span {
         position: absolute; 
         bottom: 20px; 
         z-index: 2; 
         display: flex; 
         justify-content: flex-end; 
         align-items: flex-end; 
         right: 20px;
     }



      .ig-list span > em {
         font-size: 35px; 
         color: #fff;
      }

      .ig-list:hover span > em {
         opacity: 0;
                      -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
      }

.ig-list .ig-details {
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    position: absolute; 
    margin: 0 auto;
}

     .ig-list .ig-details span.icon-ig {
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    position: relative;
    display: inline-block;
    margin: 0 15px;
    right: 0;
  }

   .ig-list .ig-details span.icon-ig i {
    display: block;
    padding-bottom: 0px;
    font-size: 25px;
    width: 32px;
    height: 28px;
    position: relative;
    margin-bottom: 10px;
   }

  .ig-list .ig-details span.icon-ig i.ai-font-comm {
     position: relative;
  }

   .ig-list .ig-details span.icon-ig i.ai-font-comm:before {
    content: '';
    background: url(images/comment-icon.png) no-repeat center/cover;
    width: 32px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0;

   }


.ig-list:hover .ig-details {
   opacity: 1; 
}


/*** Post Section ***/


section#ot-section {
   position: relative; 
   z-index: 1; 
   background: #fff;

}  


 .ot-area {
   position: relative;
       padding: 80px 0 110px; 
       text-align: center;
 } 

 .ot-area .title-widget {
    margin-bottom: 20px;
 }   


 .ot-list {
    display: block; 
    width: 100%;
    max-width: 360px; 
    margin: 20px auto 0;  
    font-size: 0;
 }

 .ot-content-wrapp {
      display: flex;
 }

 .ot-list > a {
    overflow: hidden;
    display: block;
  }

  .ot-list canvas {
     background-size: cover; 
     width: 100%;
     transition: 400ms ease;
     -webkit-transition: 400ms ease;
  }

  .ot-list a:hover canvas{
    transform: scale(1.1) translateZ(0);
  }

  


    .ot-list .ot-content {
    display: block;
    text-align: left;
    padding: 40px 0 0 25px;
    border-left: 1px solid #6a913d;
    }
      .ot-list .ot-content span {
         font-size: 20px; 
         font-weight: 400; 
         text-transform: uppercase; 
         color: #444444;  
         display: block;
      }

       .ot-list .ot-content p {
          font-size: 17px; 
          color: #444444; 
          margin: 30px 0; 
          line-height: 24px;
       }


.ot-date {
position: relative;
    font-size: 15px;
    text-align: center;
    padding: 40px 20px 0 0;
}
  
  .ot-date em {
    letter-spacing: 0.15em; 
    display: block;
    color: #444444;  
    text-transform: uppercase; 
    font-style: normal;
  }

   .ot-date span {
      color: #6a913d; 
      font-size: 48px; 
      font-family: 'Playfair Display', serif;
   }


/*** QS section ***/

section#qs-section {
  position: relative; 
  z-index: 1;  
  background: url(images/search-bg.jpg) no-repeat center/cover; 
  min-height: 380px;
}

.qs-area {
    position: relative;
    /*background: rgba(0,0,0,0.2);*/
    height: 100%;
    padding: 110px 0;
}

  .qs-text-wrapp {
     position: relative; 
     color: #fff; 

  }

   .qs-text-wrapp .title-widget {
       font-size: 40px; 
       color: #fff;  
       margin-bottom: 23px; 
       margin-top: 20px;

   }

    .qs-text-wrapp .title-widget em {
       font-size: 25px; 
       letter-spacing: 0.06em; 
       color: #fff;
    }

     .qs-text-wrapp p { 
         line-height: 29px; 
         font-size: 19px; 
         color: #fff;
      }


.qs-cont {
 
    font-size: 0; 
    letter-spacing: 0; 
    padding: 0; 
    margin-left: -12px;
     margin-right: -12px;
}

.qs-field-wrapp {
   width: 50%; 
   padding: 0 12px;
}

.qs-cont .qs-field-s {
   width: 50%; 
   display: inline-block; 
   vertical-align: top; 
   padding: 0 7px; 
   margin: 20px 0; 
   height: 50px;

}

.qs-cont .qs-field-w {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0 7px;
    margin: 20px 0;
    height: 50px;

}

.qs-cont form {
    margin: 0 auto;
    vertical-align: top; 
    display: flex; 
    justify-content: flex-start;
    align-items: center; 
    font-size: 0;
 }



.qs-cont input {

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

    
}

.qs-cont select {
    color: #fff;
    font-size: 15px; 
    text-transform: uppercase;
    height: 48px;
    padding: 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/qs-arrow.png) no-repeat right 8px center rgba(0,0,0,0);
    border: transparent;  
    border-bottom: 1px solid #fff;
    
}
/*    .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 {
    height: 50px;
    background: transparent;
    text-align: center;
    color: #fff;
    appearance: normal !important;
    -webkit-appearance: normal !important;
    -moz-appearance: normal !important;
    border-radius: 0;
    border: 1px solid #fff;
    margin: 0;
    vertical-align: top;
    width: 165px;
    max-width: 100%;
    display: inline-block;
    line-height: 50px;
    font-weight: 700;
    text-transform: none;
    font-size: 15px;
    position: relative;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    letter-spacing: 0.05em;
    font-style: normal;
    padding: 0;
    text-transform: uppercase;
    }

   .qs-cont .qs-cont-sub:hover, .qs-cont a.adv-srch:hover{
      background: #69923e; 
      border:1px solid #69923e;
    }


.price-range {
    display: flex;
    font-size: 15px;
    color: #fff;
    padding-top: 16px;
    padding-bottom: 3px;
}

.price-range span.max-price {
   display: flex; 
   justify-content: flex-end; 
   width: 100%;
}

 .price-range em {
    font-style: normal;
 }

.range-input-scoller.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    width: 100%;
    height: 1px;
    background: transparent;
    position: relative; 
    border:0; 
    color: #fff; 
}

    .range-input-scoller.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all .ui-slider-handle {
    position: absolute;
    background: #fff;
    width: 15px;
    height: 15px;
    top: 8px;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    }

        .range-input-scoller.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 28px;
            bottom: 0;
            height: 1px;
            background: #fff;
            border-radius: 0;
            margin: auto;
        }



.input-scroll.range-input .range-input-scoller.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all:first-child:before {
      display: none;
}



/*** Footer Section ***/

section#ftr-section {

   position: relative; 
   background:#fff;  

}

.footernav > div > li > a {
    font-size: 32px;
    color: #000;
    position: relative;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    margin-top: 10px;
}

.footernav li a{
    display: block;
    font-size: 17px;
    color: #555555;
    padding: 10px 0;
} 

 .ftr-area {
     position: relative; 
     padding: 50px 0;
     width: 100%;
 }

   footer {
     position: relative;  
     margin: 0 auto;  
     font-size: 0; 
     letter-spacing: 0; 
     font-size: 12px; 
     color: #555555;

   }


   .ftr-widget-wrapp {
     position: relative; 
     border-bottom: 1px solid #e5e5e5; 
     margin-bottom: 30px;
   }

   .ftr-list {
     display: block; 
     width: 100%; 
     margin: 20px auto;
   }

  .ftr-title-widget {
    font-size: 32px;
    color: #000;
    position: relative;
    padding-bottom: 20px;
    /* margin-bottom: 20px; */
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    }
      .ftr-title-widget a {
        color: inherit;
      }

.ftr-contact-info {
     font-size: 16px; 
     font-weight: 300; 
     color: #333333;  
     margin: 0;

 }

  .ftr-contact-info > span {
    font-size: 16px; 
    display: block;  
    padding: 10px 0;

  }

  .ftr-contact-info > span.slide-address {
     display: flex;
  }


      .ftr-contact-info > span i {
           color: #6a913d; 
           font-size: 16px; 
           margin-right: 15px;
      }

      .ftr-contact-info > span em {
         font-style: normal;
      }

      .ftr-contact-info > span i.ai-font-envelope-f {
         font-size: 13px;
      } 

       .ftr-contact-info > span i.ai-font-location-c {
         font-size: 21px;
       }


    
    .ftr-contact-info a {
       color: #333;
    }

     .ftr-contact-info a:hover {
        color: #6a913d;
     }


  .ftr-a-nav {
    position: relative;
  }

   .ftr-a-nav ul {
     display: block;
   }

    .ftr-a-nav ul li {
       position: relative;
    }

     .ftr-a-nav ul li a {
       display: block; 
       font-size: 17px; 
       color: #555555; 
       padding: 10px 0;
     }


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

 .ftr-compass img {
   width: 138px; 
   margin: 30px auto;
 }


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

   .ftr-dgt img {
   width: 449px; 
   margin: 30px auto;
 }



 .footer .copyright {
position: relative;
    padding: 20px 0; 
   
 }


 .footer .copyright a {
     color: #555555;
    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: #000;

}


.copyright span {
   text-transform: uppercase;
}

.logo-wrapp {
   display: flex; 
   justify-content: center;
   align-items: center; 
   margin-left: -40px;
}

.ftr-logos {
    display: block;
    font-size: 20px;
    text-align: center;
    padding: 0;
    margin: 0px 18px;
}

.ftr-logos em {
    color: #555;

    }


.logo-wrapp img.bbb {
   width: 30px; 
   opacity: 0.5
}

 .logo-wrapp img.ai-logo {
   width: 133px;
 }




/*** Fixed SMI ***/

.fixed-smi {
position: fixed;
    top: 70%;
    z-index: 1001;
    left: 10px;
    text-align: center;
    transform: translate(0, -50%);
}

   .fixed-smi .fs-text {
     position: relative;
   }

    .fixed-smi:after {
        content: '';
        display: block;
        width: 1px;
        background-color: #000;
        margin: 0 auto;
    }
    
    .fixed-smi ul.smi-links{
        text-align: center;
    }

    .fixed-smi:after{
        height: 110px;
        margin-top: 20px;
      }


    .fixed-smi .smi-links{
        display: block;
        text-align: center;
    }

        .fixed-smi ul.smi-links li:not(:last-child) {
            display: block;
            margin-bottom: 18px;
        }

        .fixed-smi .smi-links a{
            height: 30px;
            width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #000;
            transition: 400ms ease;
        }

        .fixed-smi .smi-links a:hover{
            opacity: 0.5;
        }

    .fixed-smi ul.aios-section-nav {
        display: none;
    }

  

    .fixed-smi[class*="nav-active-section-hp-slide"] {
        opacity: 0;
    }





 
/*******************************************************
 *
 * 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-family: 'Playfair Display', serif;   
    font-size: 56px;
    /*color: #6a913d;*/
    color: #000;
    position: relative; 
    letter-spacing: 0.05em; 
    font-weight: 400; 
    text-transform: uppercase;
    line-height: 1.2;
}

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

}


/** Slide Menu ***/


  .slidenavigation {
     cursor: pointer; 
     display: inline-block;
  }

   .slidenavigation em.b-menu {
       width: 24px; 
       height: 9px; 
       background:url(images/b-menu.png) no-repeat center/cover; 
       display: block; 
       margin: 5px 0;
   }

/** Connect Area **/ 

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


.connect-content {
   
    width: 100%; 
    max-width: 881px;
    height: 100%;
    background: url(images/slide-m-bg.jpg) no-repeat center/cover;
    position:fixed;
    right: -1000px;
    top: 0;
    z-index: 1010;
    opacity: 1;
    text-align: center; 
    padding: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    overflow-y: scroll;
}

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

.connect-content .close-bttn {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 25px;
    cursor: pointer;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    text-align: center;
    margin: 0 auto;
    color: #6a913d;
    z-index: 9;
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
}


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

  }

/*** Slide logo ***/ 

.slide-navi .slide-m-title {
   display: block;
}

.slide-m-title  {
    display: block;
    padding-top: 0;
    text-align: left;
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    position: relative;
    left: -40px;
    opacity: 0;
}

 .active .slide-m-title {
    left: 0px;  
    opacity: 1;
 }


.slide-m-title img {
    max-width: 100%;
    width: 134px;
    margin: 0 auto 30px;
}


/*** Connect Slide Nav ***/ 

.slide-navi {

   padding-top: 0;
    transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    position: relative; 
    right: -500px; 
    opacity: 0;
}

 .active .slide-navi {
    right: 0px;  
    opacity: 1;
 }


#slide-nav {
  display: block; 
  padding-top: 35px;
}



#slide-nav li {
    display: block;
    margin: 0 auto; 
    position: relative;
}


#slide-nav li a {

    color: #000;
    font-size: 15px;
    display: block;
    margin: 0;
    outline: none;
    text-decoration: none;
    padding: 0 0 25px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;

}

#slide-nav li a:hover { 
        color: #6a913d;

}
     
   #slide-nav .sub-menu {
    right: 0;
    z-index: 9;
    background: none;
    color: #fff;
    text-align: center;
    opacity: 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;
    max-width: 250px;
    top: -10px;

    }

    #slide-nav li:hover > .sub-menu {
       opacity: 1;
       margin-top: 0px;
    }

         #slide-nav .sub-menu a {
           padding: 0;
           color: #000;
           background: rgba(255,255,255,0.8);
         }

          #slide-nav .sub-menu li {
            width: 100%;     
            position: relative;
            margin:0 auto;
            }

    #slide-nav .sub-menu li a {
    width: 100%;
    padding: 10px 0px;
    text-transform: none;
    color: #000;
    text-transform: uppercase;
    border-left: none;
    text-align: center;
    font-weight: 400; 
    font-size: 15px; 

    }


     #slide-nav .sub-menu li a:after { 

        display: none;

     }

         #slide-nav .sub-menu li a:hover {   
              color: #fff; 
              background: rgba(106,145,61,0.8);

        }

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


/*** Slide Contact ***/


.slide-cont-wrapp {
    position: relative; 
    padding: 0; 
     transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    position: relative; 
    bottom: -100px; 
    opacity: 0;

}

.active .slide-cont-wrapp {
    bottom: 0; 
    opacity: 1;
}

.active .conect-cont-img {

    bottom: 0; 
    opacity: 1; 
    padding-top: 155px;

}

.conect-cont-img {
  opacity: 0; 
  bottom: -300px;
  transition: all 1.8s ease-in-out;
    -moz-transition: all 1.8s ease-in-out;
    -webkit-transition: all 1.8s ease-in-out;
}

.connect-content-wrapper {
  display: flex; 
  font-size: 0;
}

.cont-divider {
   display: block; 
   width: 50%;
}

.div-left {
  padding-left: 80px; 
  text-align: left;
}

 .slide-text {
     font-size: 16px; 
     font-weight: 300; 
     color: #333333;  
     margin: 30px 0 16px;

 }

  .slide-text > span {
    font-size: 16px; 
    display: block;  
    padding-bottom: 18px;

  }

  .slide-text > span.slide-address {
     display: flex;
  }


      .slide-text > span i {
           color: #6a913d; 
           font-size: 16px; 
           margin-right: 15px;
      }

      .slide-text > span em {
         font-style: normal;
      }

      .slide-text > span i.ai-font-envelope-f {
         font-size: 13px;
      } 

       .slide-text > span i.ai-font-location-c {
         font-size: 21px;
       }


    
    .slide-text a {
       color: #333;
    }

     .slide-text a:hover {
        color: #6a913d;
     }


.slide-text img {
   width: 138px; 
   display: block;
}



.slide-title {
   font-size: 30px; 
   font-family: 'Playfair Display', serif; 
   color: #6a913d; 
   text-transform: uppercase; 
   padding: 35px 0 30px; 
   border-bottom: 1px solid #d8dbdf;
}




/*** Sidebar ***/


.ip-qs-cont {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: #fff;
    width: 100%;
}

.ip-qs-cont .ip-qs-title { 
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    line-height: 56px;
    color: #000;
    text-transform: uppercase;
}


.ip-qs-cont form {
    width: 100%;
    margin: 30px auto;
    display: inline-block;
    text-align: right;
    vertical-align: middle; 
    font-size: 0;
}


.ip-qs-cont .field-r {
    float: right;
}
.ip-qs-cont .field-l {
    float: left;
}


.ip-qs-cont .field-long {
    width: 100%;
}

.ip-qs-cont .field-short {
    width: 49%;
}


.qs-cont .field-long, .qs-cont .field-short {
    display: inline-block; 
    margin: 5px 0; 
    background-position-y: 17px; 
    vertical-align: top;

}


.ip-qs-cont input {

    color: #656565;
    font-size: 11px;
    height: 39px;
    padding: 0 5px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative; 
    background: #fff;
    border: 1px solid #666; 
    margin: 5px 0;

   
}


.ip-qs-cont select {
    color: #656565;
    font-size: 11px;
    height: 39px;
    padding: 0 5px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/qs-arrow.png) no-repeat #fff;
    background-position: right;
    border: 1px solid #666; 
    margin: 5px 0;
}


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

 .ip-qs-cont .ip-qs-cont-sub, a.ip-qs-sett {
   width: 100%;
    height: 39px;
    background: #0e3b5e;
    text-align: center;
    color: #fff;
    appearance: normal !important;
    -webkit-appearance: normal !important;
    -moz-appearance: normal !important;
    border-radius: 0;
    border: 0;
    margin: 5px auto;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    position: relative;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    letter-spacing: 0.05em;
    font-style: normal;
    margin-left: 1px; 
    line-height: 39px;
    }

    
    a.ip-qs-sett {
        background:#4bb8d3;
    }


   .ip-qs-cont .ip-qs-cont-sub:hover{
      opacity: 0.8;
    }


/*** IP cta ***/

    a.ctabtn {

        width: 100%;
        display: inline-block;
        background: transparent;
        padding: 15px 18px;  
        border: 1px solid #4bb8d3; 
        margin: 5px auto; 
        text-align: center;
    }
    a.ctabtn:hover {
        background: #4bb8d3; 

    }
    
    a.ctabtn span {

    width: 100%;
    line-height: 49px;
    height: 49px;
    display: inline-block;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    }

    a.ctabtn:hover span {
        color: #fff;
    }

    p#breadcrumbs {
        display: none;
    }

.aios-listings-page.tax-property_status #content-sidebar #content{
   width: 100%;
}


.aios-listings-page.tax-property_status h1.entry-title{
  text-align: center;
}

#content h1.main-title {
	font-family: 'Playfair Display', serif;
	font-size: 60px;
	color: #000;
	position: relative;
	letter-spacing: 0.02em;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: left;
	margin-top: 0;
	text-align: center;
}

.title-page {
    font-size: 60px;
    color: #000;
    position: relative;
    font-weight: 400 !important;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Playfair Display', serif;
    display: block;
    padding-bottom: 50px;
    position: relative;
}


.page-template-default .ip-banner {
    padding: 103px 0 0;
    margin: 0 58px;
    width: initial;
}
  .page-template-default .ip-banner canvas {
    min-height: 450px;
  }

.single-post .ip-banner {
    opacity: 0;
}
    .single-post .ip-banner canvas {
        height: 103px;
        min-height: auto;
    }

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