/*

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


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

/* Global */

body{

    font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	background: #FFF;
	color: #000000;
	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: #3c676e; 
  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;
}


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

.area-flex {
   display: flex;
}

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

 }


 /*** Header Area ***/ 

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

}



/** Navigation **/

.navigation {
   display: inline-block;
    vertical-align: middle;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
}

#nav {
  display: block;
}

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

#fixed_nav {
    font-size: 0;
}
    #fixed_nav li {
        margin: 0 10px;
    }


#nav li a,
#fixed_nav li a {

    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    margin: 0;
    outline: none;
    text-decoration: none;
    padding: 8px 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: 400;
    text-decoration: unset; 
    letter-spacing: 0.15em;
    font-family: 'Fjalla One', sans-serif;
}


#nav li a:after, #nav li a:before,
#fixed_nav li a:after, #fixed_nav li a:before  {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height:2px;
    background: #d26b2e;
    -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 a:after,
#fixed_nav li a:after {
    bottom: 0; 
    top: unset;
}

    #nav li:hover a:after,  #nav li:hover a:before,
    #fixed_nav li:hover a:after,  #fixed_nav li:hover a:before {

       width: 100%;
       left: 0;

    }


#nav li:first-child,
#fixed_nav li:first-child {
   border: transparent; 
   margin-left: 0;
}

   #nav .sub-menu,
   #fixed_nav .sub-menu {
    min-width: 224px;
    left: 0;
    margin-left: 0;
    z-index: 9;
    padding: 13px 0 0;
    background: none;
    color: #a6a6aa;
    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: 20px;
    }

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

         #nav .sub-menu a,
         #fixed_nav .sub-menu a {
           padding: 0;
           color: #fff; 
           text-shadow: 0 0 3px #000;
         }

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

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

    #nav .sub-menu li a,
    #fixed_nav .sub-menu li a {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0px;
    text-transform: none;
    color: #fff;
    border-left: none;
    text-align: left;
    border: 0;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;

    }

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

         #nav .sub-menu li a:hover,
         #fixed_nav .sub-menu li a:hover {
              color: #d26b2e; 
              background: transparent;
            }

#nav .sub-menu .sub-menu,
#fixed_nav .sub-menu .sub-menu {
    margin-left: 80%;
    top: -1px;
    padding-top: 0;
}

/*** HDR SV Logo ***/

.logo-sv {
    display: block; 
}

 .logo-sv img {
     width: 176px; 
     margin: 0 50px;
 }


/*** hdr-info-right ***/


.hdr-info-right {
    display: block; 
    position: relative;
}

 .hdr-info-right .area-flex {
     display: flex; 
     justify-content: flex-end; 
     align-items: center;
 }
  .hdr-info-right .area-flex img {
    width: 170px;
    margin: 0 10px;
  }


   .smi {
     display:flex;
     margin-right: 40px;
   }

    .smi a {
       color: #fff; 
       font-size: 20px; 
       margin: 0 10px;
    }
  

    .slidenavigation {
    vertical-align: middle;
    display: flex;
    justify-content: flex-start; 
    padding-left:40px;  
    position: relative;
    }

    .slidenavigation:before {
    content: '';
    height: 49px;
    width: 1px;
    position: absolute;
    left: 0;
    background: rgba(255,255,255,0.6);
    top: -14px;
    }

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

    }

    #burger-menu-icon {
        width: 31px;
        height: 21px;
        position: relative;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
    }

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

        #burger-menu-icon:hover span {
            background: #d26b2e;
            width: 100%!important;
        }

        #burger-menu-icon span:nth-child(2) {
             top: 9px;
             width: 100%;
             right: 0;
             left: 0;
             margin: 0 auto; 
             height: 3px;
        }

        #burger-menu-icon:hover span:nth-child(2) {
             width: 24% !important; 
        }

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

/***Header Short***/


.fixed-header{
    background:rgba(0,0,0,0.5);
    position: fixed;
    z-index: 101;
    width: 100%;
    left: 0;
    top: -100px;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s; 
    padding: 0;  
}
.fixed-header.active{
    top: 0;
}

.fixed-header .header-logo {
    text-align: left; 
    padding: 18px 0;
}
.fixed-header .hdr-logo img {
    max-width: 182px;
}



.fixed-header .hdr-info-right {
    display: block;
    position: relative;
    padding: 22px 0;
}

/*** Fixed Nav ***/


#fixednav{
    font-size: 0;
    text-align: right;
    line-height: 1;
}
#fixednav a{
    font-size: 12px;
    font-weight: 500;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    text-decoration: none;
    display: block;
    padding:29px 0;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s; 
    font-family: 'Barlow', sans-serif;
}

#fixednav a:hover {
  color: #b09a5f;
}


#fixednav li {
    position:relative;
}
#fixednav > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
}
#fixednav > li:first-child{
    margin: 0 0 0 0;
}

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

/* Sub Menu */

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

}
#fixednav > li > .sub-menu{
    left: -150%;
    right: -150%;
    margin: auto;
}
#fixednav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
    font-size: 11px;
    font-weight: 400;
    background: rgba(176,154,95,0.6);
    letter-spacing: 0.2em; 
    text-transform: none; 
    text-transform: uppercase;
}
#fixednav .sub-menu a:hover {
    background: rgba(176,154,95,1);
    
}
#fixednav .sub-menu .sub-menu {
    margin-left: 100%;
    top:0;
}
#fixednav li:hover > .sub-menu {
    display: block;
}
#fixednav .sub-menu li {
    position: relative;
    display: block;
    padding: 0;
}
#fixednav .sub-menu li:first-child{
    padding: 0 0 0 0;
}

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



/*** Slide Area ***/


section#hp-slide {
    position: relative;
    overflow: hidden;
}
    .hpslideshow {
      position: relative;
    }
         .slideshow-fixed {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
          }

          .slideshow-fixed:after{
            content:'';
            display: block;
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background:#000;
            opacity: 0.2;
          }
            .slideshow-fixed .cycloneslider-slides {
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }

/*            .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%;
            }*/

        .slideshow-canvas {
            font-size: 0;
            position: relative;
        }
            .slideshow-canvas canvas {
                 width: 100%;
            }

        .hpslideshow .cycloneslider-template-responsive .cycloneslider-pager {
          position: absolute;
          bottom: 80px;
          right: 0;
          text-align: right; 
          padding-right: 116px;
        }
          .hpslideshow .cycloneslider-template-responsive .cycloneslider-pager span {
            background: transparent;
            border-radius: 0;
            width: initial;
            height: initial;
            font-size: 14px;
          }

        .hpslideshow .cycloneslider-template-responsive {
          transform: none;
        }


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


.hpslideshow .cycloneslider-template-responsive .cycloneslider-pager span {
    border-radius: none;
  font-size: 11px;
  background: transparent; 
  font-family: 'Fjalla One', sans-serif; 
  letter-spacing: 0.025em; 
  color: #fff; 
  margin: 0 15px; 
  position: relative; 
  font-weight: 400;
}

.home .cycloneslider-template-responsive .cycloneslider-pager span.cycle-pager-active:before {
    position: absolute;
    content: '';
    top: -5px;
    width: 60px;
    height: 25px;
    border-bottom: 1px solid #d0d0d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    -webkit-transition: 0.3s all ease-in;
    -o-transition: 0.3s all ease-in;
    transition: 0.3s all ease-in; 
    left: -5px; 
    right: 0;
}



/*** Logo Slide ***/ 


 .logo-s-wrapper {
    position: absolute; 
    left:0;
    right:0; 
    margin: 0 auto; 
    z-index: 5; 
    top: 0;  
    bottom: 0; 
    display: flex;
    justify-content: center; 
    align-items: center; 
    pointer-events: none;
 }

  .logo-s-wrapper img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
  }

  .logo-s-wrapper .slide-name {
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 43px;
    letter-spacing: .39em;
    display: inline-block;
    vertical-align: middle
  }

    .logo-s-wrapper .slide-name span {
      display: block;
      font-family: 'Source Sans Pro', sans-serif; 
      font-weight:400;
      font-size: 24px;
      letter-spacing: .22em;
      text-align: center;
      margin-top: 10px;
    }




/*** Slide SM ***/ 


.slide-wel {
    position: absolute; 
    width: 45px; 
    top: 45%; 
    transform: translate(0,-50%); 
    z-index: 6;  
    text-align: center;
    left: 2.8125%; 
} 

.wel-text {
    position: relative;
    margin-top: 50px;
}

.wel-text:before{
height: 179px;
    position: absolute;
    width: 1px;
    background: rgba(255,255,255,0.5);
    content: '';
    left: 16px;
    top: -190px;

}


.wel-text span {
    font-size: 14px;
    -webkit-transform: translate(0, 30px) rotate(-90deg);
    -moz-transform: translate(0, 30px) rotate(-90deg);
    -ms-transform: translate(0, 30px) rotate(-90deg);
    -o-transform: translate(0, 30px) rotate(-90deg);
    transform: translate(0, 49px) rotate(-90deg);
    color: #ddd;
    text-transform: uppercase;
    vertical-align: top;
    position: absolute;
    left: -62px;
    font-weight: 400;
    width: 160px;
    letter-spacing: 0.36em;
}


/*** Lgo and scroll Arrow ***/
 .logo-arrow-cont {
    position: absolute; 
    left:0;
    right:0; 
    margin: 0 auto; 
    z-index: 5;  
    bottom: 30px; 
    display: flex;
    justify-content: center; 
    align-items: center;
    pointer-events: none;
 }

  .jh-logo {
     position: absolute; 
     left: 2.8125%; 
    pointer-events: all;
  }

   .jh-logo img {
      width: 228px;
   }


/** Scroll **/
.scr-text {
    position: relative; 
    margin-top: 30px;
    pointer-events: all;
}
.scr-text span {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    vertical-align: top;
    font-weight: 400;
    letter-spacing: 0.49em;
    font-family: 'Fjalla One', sans-serif;
}

.scr-text img {
 cursor: pointer;
    position: relative;
    bottom: 0;
    left: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    margin: 20px auto 0;
}

.scr-text:hover img {
   opacity: 0.5;
}




/** Main Titlte **/
 

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

     .title-widget em {
       display: block; 
       text-align: left; 
       color: #000000; 
       font-size: 17px; 
       font-weight: 500; 
       padding-left: 70px; 
       position: relative; 
       font-style: normal; 
       font-family: 'Heebo', sans-serif;
     }
     
     .title-widget em:before {
       position: absolute; 
       left: 0; 
       content:''; 
       width: 57px; 
       background: #ed2632; 
       height: 3px; 
       top: 50%; 
       transform: translateY(-50%);
     }

      .title-widget span {
          display: block; 
          font-size: 24px; 
          color: #ed1b28; 
          padding-top: 10px; 
          font-family: 'Heebo', sans-serif; 

      }

    a.hp-link {
    width: 100%;
    max-width: 195px;
    height: 60px;
    font-size: 15px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background: transparent;
    text-align: center;
    color: #fff;
    background: rgba(205,184,132,0);
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    border: 1px solid #fff;
    margin-top: 30px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
        pointer-events: all;
    font-family: 'Fjalla One', sans-serif;
      }

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


/** Slide Menu ***/


  .slidenavigation {
     cursor: pointer; 
     display: inline-block; 
     position: relative; 
     display: flex; 
     align-items: center;
  } 

   .slidenavigation em.b-menu {
    width: 25px;
    height: 16px;
    position: relative;
    font-size: 0;
    display: inline-block;

   }

    .slidenavigation em.b-menu:before {
       width: 25px; 
       height: 2px;
      background: #fff;  
       content: ''; 
       position: absolute;
       top: 0; 
       left: 0;

    } 

    .slidenavigation em.b-menu:after{
    width: 25px;
    height: 2px;
    background:#fff;
    content: '';
    position: absolute;
    bottom: 0; 
    left: 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: 601px;
    height: 100%;
    background:url(images/slide-menu-bg.jpg) no-repeat center/cover;
    position:fixed;
    right: -750px;
    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;

}

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

.connect-content .close-bttn {
   font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    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: #ccc;
    z-index: 9; 
    font-size: 25px;
}


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

  }


  /*** Slide Nav ***/

.slide-nav-wrapp {
   width: 100%;
   padding-top: 60px;
   font-size: 0;
}

.slide-navi {
    position: relative;
    width: 100%;
    margin: 150px auto 0;
}

#slide-nav{
    width: 100%;
    vertical-align: top;
    padding-bottom: 30px;
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: center; */
    font-size: 0;
    letter-spacing: 0; 
    padding-left: 60px;
}

#slide-nav li {

    position: relative;
    text-align: left;
    /* padding: 0 40px; */
    vertical-align: top;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;

}


#slide-nav li a {

   color: #fff;
    font-size: 24px;
    font-weight: 400;
    display: block;
    margin-top: 0;
    outline: none;
    text-decoration: none;
    padding: 0 0 20px;
    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.2em; 
    font-family: 'Fjalla One', sans-serif;

}

#slide-nav li a:hover {
    color: #d26b2e;

}

   #slide-nav .sub-menu {
    min-width: auto;
    left: 0;
    margin-left: 0;
    z-index: 9;
    padding: 0 0 20px;
    background: block;
    color: #fff;
    text-align: left;
    -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;

    }

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

          #slide-nav .sub-menu li {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: left;
    background: transparent;
    padding: 0;

            }


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



    #slide-nav .sub-menu li a {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    padding: 9px 0px;
    text-transform: none;
    color: #9c9c9c;
    text-transform: uppercase;
    border-left: none;
    margin: 0 auto;
     font-weight: 400; 
     font-family: 'PT Sans', sans-serif;

    }


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

        display: none;

     }

         #slide-nav .sub-menu li a:hover {
              color: #d26b2e;
              background: transparent;

            }

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

 #slide-nav .sub-menu .sub-menu li a {
   font-size: 16px;
 }


 /*** FL Section ***/

section#fl-section {
    position: relative;  
    background: #fff;
    z-index: 9;
 }
section#fl-section:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(images/fp-title-bg.jpg) no-repeat center/cover;
    width: 35.32%;
    height: 100%;
    /*height: 376px;*/
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    content: '';
    background-attachment: fixed; 
  
}


   .fl-area {
     padding: 0; 
     position: relative; 
     font-size: 0; 
     letter-spacing: 0;
     padding-top: 15px;
   }

    .fl-area:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%; 
    background: url(images/accent-bg.jpg) repeat-y center; 
    background-size: 100%; 
    height: 15px; 
    content:'';
    }



#hp-properties {
    padding: 115px 0 50px;
    position: relative;
    font-size: 0;
}
    .hp-properties-inner {
        background: rgba(255,255,255,0.9);
    }
    

.hp-properties-inner::before,
    .hp-properties-inner::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: 1;
        pointer-events: none;
    }

        .hp-properties-inner .fpcontainer {
            position: relative;
            z-index: 2; 
            width: 100%; 
            overflow: visible; 
        }
        .fp-title {
            position: absolute;
            width: calc( (100% - 30px) / 3 );
            top: 0;
            left: 15px;
            padding: 0;
        }
            .fp-title-inner {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding-left: 44px;
                overflow: hidden;
            }


                .fp-title canvas {
                    display: block;
                    width: 100%;
                }
                .fp-title .section-title {
                    /*margin-bottom: 10px;*/
                    padding-right: 15px;
                }

.fp-title .section-title h2 {
   font-size: 100px;
    color: #2d2d2d;
    display: block;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}

.fp-title .title-flex {
    flex-direction: row-reverse;
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative; 
    justify-content: flex-end;
       }
.fp-title .title-flex:after {
   display: none;
}

  .fp-title .title-flex:nth-child(even) {
    flex-direction: row;
    justify-content: flex-start;
   }


        .fp-title .title-flex span {
           color: #1e3264;
        }


        .fp-title .title-flex a.fp-bttn {
            position: relative;
            display: block;
            width: 100%;
            max-width: 139px;
            height: 41px;
            background: #1e3264;
            line-height: 41px;
            color: #fff;
            /*margin-right: 20px;*/
            margin-left: 20px;
            letter-spacing: 0.15em;
            font-family: 'Oswald', sans-serif;
            -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; 
            font-size: 16px; 
            font-weight: 500; 
            text-align: center;
            text-transform: uppercase; 
           
        }
          .fp-title .title-flex a.fp-bttn:before {
              content: '';
              position: absolute;
              width: 2000px;
              left: 100%;
              background: #aaaaaa;
              height: 3px;
              top: 0;
              bottom: 0;
              margin: auto 0 auto 15px;
              pointer-events: none;
          }


        .fp-title .title-flex a.fp-bttn:hover {
           opacity: 0.6;
        }



        .fp-holder {
            margin: 0;
            position: relative;
            pointer-events: none;
        }
            .fp-slick {

            }
                .fp-slick .slick-list {
                    overflow: visible;
                }
                .dummy-slide {
                    padding: 0;
                }
                    .dummy-slide canvas {
                        display: block;
                        width: 100%;
                    }
                .featured-slick:not(.slick-initialized) {
                    display: flex;
                    flex-wrap: wrap;
                }
                .featured-slick:not(.slick-initialized) .featured-item {
                    display: none;
                    width: 33.33%;
                }
                .featured-slick:not(.slick-initialized) .featured-item:nth-child(1),
                .featured-slick:not(.slick-initialized) .featured-item:nth-child(2),
                .featured-slick:not(.slick-initialized) .featured-item:nth-child(3),
                .featured-slick:not(.slick-initialized) .featured-item:nth-child(4),
                .featured-slick:not(.slick-initialized) .featured-item:nth-child(5) {
                    display: block;
                }
                .featured-slick:not(.slick-initialized) .featured-item:nth-child(1) {
                    margin-left: 33.33%;
                }
                .fp-item {
                    padding: 0;
                }
                    .fp-item a {
                        display: block;
                        position: relative;
                        pointer-events: auto;
                    }
                        .fp-default {
                            position: relative;
                            z-index: 1;
                        }
                        .fp-default::after {
                            content: '';
                            display: block;
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            top: 0;
                            left: 0;
                            z-index: 2;
                            background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%);
                            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
                            background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
                        }
                            .fp-default-img {
                                position: relative;
                                z-index: 1;
                            }
                            .fp-default-img::before,
                            .fp-default-img::after {
                                content: '';
                                display: block;
                                position: absolute;
                                width: 100%;
                                height: 100%;
                                top: 0;
                                left: 0;
                            }
                            .fp-default-img::before {
                                background: url(images/fp-overlay.html) no-repeat center center / cover;
                                opacity: 0.2; 
                                z-index: 2;
                            }
                            .fp-default-img::after {
                                background: #000000;
                                opacity: 0.1;
                                z-index: 3;
                            }
                                .fp-default-img canvas {
                                    display: block;
                                    width: 100%;
                                    position: relative;
                                    z-index: 1;
                                    background-color: #cccccc;
                                    background-position: center center;
                                    background-repeat: no-repeat;
                                    background-size: cover;
                                }
                           .fp-default-txt {
                                display:block;
                                align-items: center;
                                justify-content: center;
                                position: absolute;
                                width: 100%; 
                                padding-left: 40px;
                                bottom: 43px;
                                z-index: 3;
                            }
                                .fp-default-price {
                                    font-size: 24px;
                                    color: #ffffff;
                                    line-height: 1;
                                    margin-right: 14px;
                                    font-family: 'Oswald', sans-serif; 
                                    border: 1px solid #fff; 
                                    display: inline-block; 
                                    /*padding: 10px 20px;*/
                                    max-width: 140px; 
                                    width: 100%;
                                    line-height: 38px;
                                    text-align: center;
                                    font-weight: 500;
                                    letter-spacing: -0.025em;
                                }
                                .fp-default-address {
                                    color: #fff;
                                    font-size: 28px;
                                    font-family: 'Fjalla One', sans-serif; 
                                    display: block; 
                                    padding: 25px 0;
                                    letter-spacing: 0.05em;
                                }


                                .fp-default-txt .area-flex em {
                                   font-size: 14px;
                                    font-weight: 400;
                                    color: #fff;
                                    text-transform: uppercase;
                                    font-style: normal;
                                    padding: 0 10px;

                                }

                                .fp-default-txt .area-flex em:first-child {
                                    padding-left: 0;
                                }

                                .fp-default-txt .area-flex em:nth-child(2) {
                                    border-left: 1px solid #fff;
                                    border-right: 1px solid #fff;
                                }

                        .fp-active {
                            opacity: 0;
                            pointer-events: none;
                            transform: translateZ(0) scale(0.5);
                            position: absolute;
                            width: calc( 100% + 80px );
                            height: calc( 100% + 140px );
                            top: -70px;
                            left: -40px;
                            z-index: 2;
                            /*box-shadow: 0 0 12px 8px rgba(0, 0, 0, 0.4);*/ 
                            border: 3px solid #fff;
                            -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;
                        }
                        .featured-item:first-child .fp-active {
                            left: 0;
                        }
                        .featured-item:last-child .fp-active {
                            right: 0;
                            left: inherit;
                        }
                        .fp-item a:hover .fp-active {
                            opacity: 1;
                            pointer-events: auto;
                            transform: translateZ(0) scale(1);
                        }
                            .fp-active-img {
                                height: 100%;
                            }
                                .fp-active-img canvas {
                                    display: block;
                                    width: 100%;
                                    height: 100%;
                                    background-color: #cccccc;
                                    background-position: center center;
                                    background-repeat: no-repeat;
                                    background-size: cover;
                                }
                            .fp-active-txt {
                                display:block;
                                align-items: center;
                                justify-content: center;
                                position: absolute;
                                width: 100%; 
                                padding-left: 40px;
                                bottom: 43px;
                                z-index: 3;
                            }
                              
                              .fp-active-txt .fp-default-price {
                                 background: rgba(210,107,46,0.8); 
                                 border: transparent;
                              }


                                .fp-active-txt .area-flex em {
                                   font-size: 14px;
                                    font-weight: 400;
                                    color: #fff;
                                    text-transform: uppercase;
                                    font-style: normal;
                                    padding: 0 10px;

                                }

                                .fp-active-txt .area-flex em:first-child {
                                    padding-left: 0;
                                }

                                .fp-active-txt .area-flex em:nth-child(2) {
                                    border-left: 1px solid #fff;
                                    border-right: 1px solid #fff;
                                }

 /*** FC Section ***/

 section#fc-section {
    position: relative; 
    overflow: hidden; 
    background: url(images/accent-bg.jpg) repeat-y center; 
    background-size: 100%; 
    margin: 0 auto; 
    z-index: 1;
    padding: 15px 0; 
 }
  
   .fc-area {
     position: relative; 
     /*background: url(images/fc-main-bg.jpg) no-repeat center/cover; */
     height: 800px; 
     padding: 85px 0; 
   }


    .fc-area:before {
         width: 100%; 
         height: 100%; 
         position: absolute; 
         top: 0; 
         background: rgba(0,0,0,0.4); 
         content:''; 
         left: 0; 
         right: 0;
    }

    .fc-images {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
    }

      .fc-images * {
        height: 100%;
      }

      .fc-img-list {
        position: relative;
      }
        .fc-img-list::before {
          width: 100%;
          height: 100%;
          content: '';
          position: absolute;
          z-index: 1;
          top: 0;
          left: 0;
          background-color: #000000;
          opacity: 0.1;
        }
      .fc-images canvas {
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
      }

    .fc-main-cont {
        position: relative; 
        text-align: center; 
    }

     .comm-title {
       display: inline-block;
       margin: 0 auto; 
       text-align: center; 
       text-transform: uppercase;
     }

      .comm-title h2 {
        font-size: 100px;
        color: #fff;
        display: block;
        font-weight: 500;
        font-family: 'Oswald', sans-serif;
        letter-spacing: -0.025em;
      }
      
       .title-flex {
         display: flex; 
         align-items: center;
         font-family: 'Oswald', sans-serif;  
         position: relative;

       }



        .title-flex span {
            display: block; 
            font-size:60px; 
            font-family: 'Source Sans Pro', sans-serif; 
            text-transform: uppercase; 
            color: #fff; 
            letter-spacing: -0.05em !important;

        }
         
         .title-flex a.view-bttn {
    position: relative;
    display: block;
    width: 100%;
    max-width: 139px;
    height: 41px;
    background: #d26b2e;
    line-height: 41px;
    color: #fff;
    margin-left: 20px;
    letter-spacing: 0.15em;
    font-family: 'Oswald', sans-serif;
    -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;
    font-size: 16px;
    font-weight: 500;
    text-align: center;

         }

          .title-flex a.view-bttn:hover {
             opacity: 0.8;
          }


         .comm-d-text {
            font-size: 18px;
            color: #fff;
            margin: 20px 0;
         }

         .comm-d-text p {
           line-height: 24px;
         }

          .comm-area-details {
             position: relative; 
             margin-left: -65px; 
             margin-top: 130px; 
             text-align: left; 
             color: #fff;
          }

           .comm-slide {
               position: relative; 
               font-size: 0; 

           }

             .comm-list {
                 position: relative; 
                 display: block; 

             }
              .comm-list span {
                font-size: 60px; 
                margin-bottom: 30px; 
                display: block; 
                text-transform: uppercase; 
                font-family: 'Fjalla One', sans-serif;
              } 

.comm-list p {
    display: block;  
    font-size: 26px; 
    line-height: 30px;
    width: 100%; 
    max-width: 800px; 
}


.comm-bttn {
  display: inline-block;
}
.comm-bttn a.hp-link {
     margin: 30px 0; 
     width:auto;  
     padding: 0 25px;
     height: 60px;
     font-family: 'Oswald', sans-serif; 
     font-size: 15px; 
     letter-spacing: 0.15em; 
     max-width: unset; 
}


.fc-main-cont ul.slick-dots {
    text-align: center;
    display: block;
    /*position: absolute;*/
    right: -100px;
}


.fc-main-cont .slick-dots li{
    display: inline-block;
    vertical-align: top;
}

.fc-main-cont .slick-dots li button {
   width: 10px;
   height: 10px;
   padding: 0;
   margin: 0 30px;
   border: none;
   font-size: 0;
   background: #fff;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
  -ms-flex-align: center;
     align-items: center;
   -webkit-box-pack: center;
  -ms-flex-pack: center;
    justify-content: center;
   line-height: 1; 
   letter-spacing: 0.025em;
}

.fc-main-cont .slick-dots li.slick-active button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*background: #d26b2e;*/
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: 0.3s all ease-in;
    -o-transition: 0.3s all ease-in;
    transition: 0.3s all ease-in;
}

.fc-main-cont .slick-dots li button {
  border-radius: none;
  font-size: 10px;
  background: transparent; 
  font-family: 'Fjalla One', sans-serif; 
  letter-spacing: 0.025em;

}
    /*.fc-main-cont .slick-dots li button:before {
      content: '0';
    }*/
    .fc-main-cont .slick-dots li:nth-child(-n+9) button:before {
    content: '0';
    }
    .fc-main-cont .slick-dots li:nth-child(n+10) button:before {
    content: '';
    }
    .fc-main-cont .slick-dots li[aria-controls*="slick-slide1"] button:before {
      display: none;
    }

.fc-main-cont .slick-dots li.slick-active button:after {
    position: absolute;
    content: '';
    top: -5px;
    width: 60px;
    height: 25px;
    border-bottom: 1px solid #d0d0d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    -webkit-transition: 0.3s all ease-in;
    -o-transition: 0.3s all ease-in;
    transition: 0.3s all ease-in;
}


/*** Welcome Section ***/



 section#about-section {
    position: relative; 
    overflow: hidden; 
    background-size: 100%; 
    margin: 0 auto; 
    padding:0;  
    overflow: hidden; 
    z-index: 9;
 }
  
   .about-area {
     position: relative; 
     background: url(images/welcome-bg.jpg) no-repeat left/cover; 
     padding: 0;  
     background-attachment: fixed;  
     overflow: hidden;
/*     max-height: 728px;*/

   }

   .about-wrapper {
     display: block; 
     font-size: 0; 
     letter-spacing: 0; 
     background: rgba(225,225,225,0.7); 
     display: flex;
   }

   .about-info-wrapp {
     width: 62.625%; 
     padding: 0 60px 0 35px;
    display: block; 
    position: relative; 
    background: rgba(225,225,225,0);
    background: -moz-linear-gradient(left, rgba(225,225,225,0.5) 0%, rgba(225,225,225,1) 100%, rgba(225,225,225,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(225,225,225,0.5)), color-stop(100%, rgba(225,225,225,1)));
    background: -webkit-linear-gradient(left, rgba(225,225,225,0.5) 0%, rgba(225,225,225,0.1) 100%, rgba(225,225,225,1) 100%);
    background: -o-linear-gradient(left, rgba(225,225,225,0.5) 0%, rgba(225,225,225,1) 100%, rgba(225,225,225,1) 100%);
    background: -ms-linear-gradient(left, rgba(225,225,225,0.5) 0%, rgba(225,225,225,1) 100%, rgba(225,225,225,1) 100%);
    background: linear-gradient(to right, rgba(225,225,225,0.5) 0%, rgba(225,225,225,1) 100%, rgba(225,225,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); 
   }

    .about-info-cont {
       display: flex; 
    }

   .about-img {
     display: block;
    padding-top: 90px;
    width: 42%;
   }

    .about-img img {
       width: 100%;
    }

    .about-details {
      display: block;
    font-size: 0;
    letter-spacing: 0; 
    padding-left: 48px; 
    width: 58%;
    }

      .about-title {
         display: block; 
         padding-top: 80px;
      }

       .about-title h1 {
         font-size: 100px;
         color: #2d2d2d;
         display: block;
         font-weight: 500;
         font-family: 'Oswald', sans-serif;
         letter-spacing: -0.025em; 
         text-transform: uppercase;
       }


       .about-details .title-flex {
    flex-direction: row-reverse;
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
       }
.about-details .title-flex:after {
   display: none;
}

  .about-details .title-flex:nth-child(even) {
      flex-direction: row;
      justify-content: flex-start;
   }


        .about-details .title-flex span {
           color: #1e3264;
        }


        .about-details .title-flex a.contact-bttn {
            position: relative;
            display: block;
            width: 100%;
            max-width: 139px;
            height: 41px;
            background: #1e3264;
            line-height: 41px;
            color: #fff;
            margin-left: 20px;
            letter-spacing: 0.15em;
            font-family: 'Oswald', sans-serif;
            -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; 
            font-size: 16px; 
            font-weight: 500; 
            text-align: center;
            text-transform: uppercase; 
        }
          .about-details .title-flex a.contact-bttn::before {
            width: 2000px;
            height: 4px;
            content: '';
            position: absolute;
            background: #aaaaaa;
            top: calc(50% - 2px);
            left: 100%;
            margin-left: 15px;
            pointer-events: none;
          }
          .about-details .title-flex a.contact-bttn:hover {
            opacity: 0.6;
          }
          .about-details .title-flex a.contact-bttn:hover::before {
            opacity: 1;
          }

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

          .about-text span {
             font-size: 24px; 
             color: #393939; 
             display: block; 
             margin-top: 40px;
          }

           .about-text p {
             display: block; 
             font-size: 16px; 
             color: #555555; 
             line-height: 26px; 
             letter-spacing: 0.02em; 
             margin: 40px 0;
           }

   .about-text a.hp-link {
         margin: 0; 
         font-size: 15px; 
         color: #2d2d2d; 
         max-width: 200px; 
         font-weight: 400; 
         font-family: 'Fjalla One', sans-serif; 
         letter-spacing: 0.2em; 
         border: 1px solid #2d2d2d;

   }

    .about-text a.hp-link:hover {
        color: #fff;
    }

   .about-prop {
      width: 37.375%; 
      display: inline-block;
   }

    .about-prop-list{  
        position: relative; 
        background: #000;
    }

     .about-prop-list canvas {
        width: 100%; 
        background-size: cover; 
        background-position: center center;
        opacity: 0.9 !important; 
        position: relative; 
     } 
      

       .about-prop-list .sold-area {
          position: absolute;
          top: 45px;
          left: 40px;

       }

        .about-prop-list .sold-area span {
          font-size: 24px; 
          text-transform: uppercase;  
          letter-spacing: -0.025em; 
          background: rgba(210,107,43,0.6);  
          font-weight: 600; 
          color: #fff; 
          font-family: 'Oswald', sans-serif; 
          padding: 10px;
          transition: all .25s ease-in-out;
          -moz-transition: all .25s ease-in-out;
          -webkit-transition: all .25s ease-in-out;
        }
          .about-prop a:hover .about-prop-list .sold-area span {
            background: #d26b2e
          }

         .about-prop-list .ap-list-details {
           position: absolute; 
           bottom: 10px; 
           left: 40px;
         } 

          .about-prop-list .ap-list-details span {
             display: block; 
             margin: 20px 0;

          }

           .about-prop-list .ap-list-details span.prop-name {
              color: #fff; 
              font-size: 28px; 
              font-family: 'Fjalla One', sans-serif;
           }


            .about-prop-list .ap-list-details span.area-flex em {
               font-size: 14px; 
               font-weight: 400;  
               color: #fff; 
               text-transform: uppercase; 
               font-style: normal; 
               padding: 0 10px;

            }

             .about-prop-list .ap-list-details span.area-flex em:first-child {
               padding-left: 0;
             }

              .about-prop-list .ap-list-details span.area-flex em:nth-child(2) {
                 border-left: 1px solid #fff; 
                 /*border-right: 1px solid #fff;*/
              }


/*** TEstimonials ***/

 section#testi-section {
    position: relative; 
    overflow: hidden;
    background-size: 100%; 
    margin: 0 auto; 
    padding: 15px 0; 
    background: #fff;
 }
  
   .testi-area {
     position: relative; 
     background: url(images/testi-bg.jpg) no-repeat center/cover; 
     height: 741px; 
     padding: 105px 0 74px; 
   }

   .testi-main-wrapp {
      margin-left: -30px;
   }

    .testi-title {
         position: relative; 
         display: flex; 
    }

     .testi-title h2 {
    font-size: 99.9px;
    color: #fff;
    text-transform: uppercase;
    font-size: 100px;
    display: block;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    letter-spacing: -0.025em;
    text-transform: uppercase; 

     }

      .testi-title span {
         text-transform: uppercase; 
         color: #c8662d; 
         font-size: 60px; 
         margin-left: 30px; 
         font-family: 'Source Sans Pro', sans-serif; 
         display: flex; 
         justify-content: flex-end; 
         align-items: flex-end;
      }

       .testi-title span:after {
    content: '';
    position: absolute;
    width: 2000px;
    left: 43%;
    margin-left: -182px;
    background: rgba(255,255,255,0.5);
    height: 3px;
    top: 20px;
       }


     .testi-wrapp {
       position: relative; 
       display: block; 
       width: 100%; 
       max-width: 699px; 
       border: 1px solid #b3b3b3; 
       border-right: transparent; 
       height: 402px; 
       margin-top: 65px;  

     }

      .testi-wrapp:before {
         position: absolute; 
         top: 0; 
         right: 0; 
         content: ''; 
         height: 75px; 
         width: 1px;  
         background: #b3b3b3;
         
      }

         .testi-wrapp:after {
         position: absolute; 
         right: 0; 
         content: ''; 
         height: 70px; 
         width: 1px;  
         background: #b3b3b3; 
         bottom: 0;

      }

       .testi-wrapp {
         padding: 48px 155px 48px 78px;
       }

      .testi-slide {
         position: relative;  
      }
        .testi-slide::before {
          width: auto;
          height: auto;
          content: '“';
          position: absolute;
          top: 0;
          left: -50px;
          color: #ffffff;
          font-size: 91px;
          font-family: 'Prata', serif;
        }

       .testi-list {
         position: relative;
       } 

        .testi-list p {
           font-family: 'Prata', serif; 
           font-size: 16px; 
           color: #fff;
                  line-height: 36px; 
                  letter-spacing: 0.025em;
        }

         .testi-list a {
           display: block; 
           font-size: 16px; 
           margin-top: 30px; 
           color: #fff;
            font-family: 'Prata', serif;  
            letter-spacing: 0.025em;
         }



.testi-nav {
    max-width: 100%;
    width: 112px;
    margin: 0 auto;
    position: absolute;
    z-index: 11;
    font-size: 0;
    right: -202px;
    left: auto;
    bottom: 50px;

}


a.testi-prev {
    left: 0;
    display: block !important;
    position: absolute;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 0 auto;
    font-size: 40px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;

}

a.testi-next {
    right: 0;
    display: block !important;
    position: absolute;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 0 auto;
    font-size: 40px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

 a.testi-prev:hover, a.testi-next:hover {
    opacity: 0.6;
 } 

 a.testi-prev:hover {
    color: #1e3264;
    opacity: 1;
}

a.testi-next:hover {
    opacity: 1;
    color: #c8662d;
}


.testi-nav span {
   position: relative;
}

 .testi-nav span:before {
    position: absolute;
    top: -18px;
    left: 54px;
    right: 0;
    margin: 0 auto;
    content: '';
    width: 2px;
    height: 70px;
    background: rgba(255,255,255,0.5);
    bottom: 0;
 }

 /*** Buy Sell Invest ***/ 

section.testi-section {
  position: relative;
  z-index: 9;
}
 section#bsi-section {
    position: relative; 
    overflow: hidden;
    background-size: 100%; 
    margin: 0 auto; 
    padding: 0; 
    background: #fff;
    z-index: 9;
 }

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

  section#bsi-section:after{ 
    position: absolute; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(255,255,255,0.9); 
    content: '';

  }
  
   .bsi-area {
     position: relative; 
     padding: 105px 0 0;  
     z-index: 9;
   }

   .bsi-title {
     display: block; 
     text-align: center; 
     font-size: 100px;
    color: #2d2d2d;
    display: block;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    letter-spacing: -0.025em;
    text-transform: uppercase;
   }

    .bsi-title span {
   display: block;
    font-size: 54px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    color: #1e3264; 
    position: relative;
    }
     
    .bsi-title span:before { 
    content: '';
    position: absolute;
    width: 2086px;
    right: 100%;
    margin-right: -212px;
    background: #cfcfcf;
    height: 4px;
    bottom: 22px;
    }
   
    .bsi-wrapper {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%; 
    margin-top: 80px;  
    padding-bottom: 15px; 
    background: url(images/accent-bg.jpg) repeat-y center; 
    background-size: 100%;
    }


    .bsi-list {
      display: block; 
      width: 100%;  
      font-size: 0; 
      left: 0;

    }

     .bsi-list .bsi-img {
       position: relative; 
     }

      .bsi-list .bsi-img canvas {
         width: 100%; 
         background-size: cover  

      }


        .bsi-list .bsi-content {
           display: flex; 
           font-size: 0; 
           letter-spacing: 0; 
           position: absolute; 
           z-index: 2; 
           width: 100%; 
           height: 100%; 
           left: 0; 
           right: 0; 
           top: 0;
           

        }

         .bsi-list .bsi-content .bsi-play-bttn {
           width: 50%; 
           display: flex; 
           justify-content: center; 
           align-items: center;
         }

           
           .bsi-list .bsi-content .bsi-play-bttn span {
              width: 101px; 
              height: 101px; 
              border-radius: 50%; 
              /*border:1px solid #fff;*/
              display: flex; 
              justify-content: center; 
              align-items: center;
           }
            .bsi-list .bsi-content .bsi-play-bttn span a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                padding-left: 10px;
                border: 1px solid #fff;
                border-radius: 50%;
                transition: all .3s ease;
            }
              .bsi-list .bsi-content .bsi-play-bttn span a:hover {
                background: #1e3264;
                border-color: #1e3264;
              }

           .bsi-list .bsi-content .bsi-play-bttn em { 
              font-size: 38px;
              color: #fff;
           }





          .bsi-list .bsi-content .bsi-prop-cont {
             width: 50%; 
             background: rgba(0,0,0,0.5); 
             height: 100%; 
             padding-left: 108px;  
             display: flex; 
             align-items: center;

          }

           .bsi-list .bsi-content .bsi-prop-cont h2 {
             font-size: 48px; 
             color: #fff; 
             text-transform: uppercase;
             font-family: 'Fjalla One', sans-serif; 
             font-weight: 400;

           }

            .bsi-list .bsi-content .bsi-prop-cont span {
   font-size: 24px;
    font-family: 'Fjalla One', sans-serif;
    color: #fff;
    margin-top: 40px;
    display: block;
            }


             .bsi-list .bsi-content .bsi-prop-cont a.hp-link {
               margin: 30px 0;
             } 

              .bsi-list .bsi-content .bsi-prop-cont em {
                  font-style: normal; 
                  font-size: 18px; 
                  color: #fff;  
                  margin-top: 30px; 
                  text-transform: uppercase; 
                  padding: 0 10px; 
                  border-left: 1px solid #fff; 


              }

               .bsi-list .bsi-content .bsi-prop-cont em:first-child {
                  padding-left: 0;
                  border-left: none;
               }

.bsi-nav {
    max-width: 100%;
    width: 112px;
    margin: 0 auto;
    position: absolute;
    z-index: 11;
    font-size: 0;
    right: 0;
    left: auto;
    top: 83px;
    left: 330px;

}


a.bsi-prev {
    left: 0;
    display: block !important;
    position: absolute;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 0 auto;
    font-size: 40px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;

}

a.bsi-next {
    right: 0;
    display: block !important;
    position: absolute;
    outline: none;
    text-decoration: none;
    color: #fff;
    margin: 0 auto;
    font-size: 40px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

 a.bsi-prev:hover, a.bsi-next:hover {
    opacity: 0.6;
 } 

  a.bsi-prev:hover {
      color: #1e3264;
      opacity: 1;
  }

  a.bsi-next:hover {
      opacity: 1;
      color: #c8662d;
  }


.bsi-nav span {
   position: relative;
}

 .bsi-nav span:before {
    position: absolute;
    top: -18px;
    left: 54px;
    right: 0;
    margin: 0 auto;
    content: '';
    width: 2px;
    height: 70px;
    background: rgba(255,255,255,0.5);
    bottom: 0;
 }


 /*** Section RealDeal ***/


section#trd-section {
   position: relative; 
   overflow: hidden; 
   background: #fff;
   z-index: 9;
}

 .trd-area {
   position: relative; 
   padding: 70px 0 ;
 }

 .trd-text {
   position: relative;
 }


   .trd-title {
         display: block; 
         padding-top: 80px;
      }

       .trd-title h2 {
         font-size: 100px;
         color: #2d2d2d;
         display: block;
         font-weight: 500;
         font-family: 'Oswald', sans-serif;
         letter-spacing: -0.025em; 
         text-transform: uppercase;
       }


       .trd-text .title-flex {
          display: flex;  
          position: relative;

       }

       .trd-text .title-flex span {
         color: #1e3264; 
         font-size: 54px; 
         position: relative;
        }  


        .trd-text .title-flex:before {
    content: '';
    position: absolute;
    width: 2000px;
    right: 100%;
    margin-right: 10px;
    background: #cfcfcf;
    height: 4px;
    bottom: 100px;
         }
       
        .trd-text .title-flex a.contact-bttn {
            position: relative;
            display: block;
            width: 100%;
            max-width: 139px;
            height: 41px;
            background: #1e3264;
            line-height: 41px;
            color: #fff;
            margin-left: 20px;
            letter-spacing: 0.15em;
            font-family: 'Oswald', sans-serif;
            -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; 
            font-size: 16px; 
            font-weight: 500; 
            text-align: center;
            text-transform: uppercase; 
           
        }

        .trd-text .title-flex a.contact-bttn:hover {
           opacity: 0.6;
        }

         .trd-text p {
           font-size: 15px; 
           line-height: 24px; 
           color: #555555; 
           margin: 45px 0; 
           padding-right: 100px;
           
         }

     .trd-numbers {
position: relative;
    font-size: 0;
    letter-spacing: 0;
    margin-left: -40px;
    margin-right: -10px;
     }
       
       .trd-list {
    position: relative;
    display: inline-block;
    height: 248px;
    width: 46%;
    box-shadow: 0 0 20px #ccc;
    text-align: center;
    vertical-align: top;
    margin: 2%;
       }

        .trd-list .area-flex span {
            font-size: 40px; 
            font-family: 'Playfair Display', serif; 
            color: #393939; 
            display: block;  
            text-transform: uppercase; 
            font-style: italic; 
            padding-bottom: 20px;
        }

          .trd-list .area-flex span em {
            font-size: 40px;
          }

        .trd-list .area-flex {

           display: flex;
           justify-content: center;
           align-items: center;
           position: absolute;
           left: 0;
           right: 0;
           height: 100%;
           border-bottom: 4px solid #d26b2e;


        }

         .trd-list .area-flex em {
           font-size: 24px; 
           font-style: normal; 
           color: #555555;
         }


          .trd-numbers .trd-list:first-child .area-flex,
          .trd-numbers .trd-list:last-child .area-flex  {
            border-bottom: 4px solid #1e3264;
          }


/*** contform Form ***/

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

  .contform-area {
     position: relative; 
     padding: 100px 0 130px; 
     width:100%; 
     display: block; 
     text-align: center; 
     background: rgba(0,0,0,0.8);
  } 
   

    .contform-title {
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 30px;
    position: relative;
    font-size: 100px;
    padding: 0;  
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.02em; 
    display: inline-block; 
    margin-bottom: 50px; 
    font-weight: 500;
    } 

     .contform-title span {
        color: #d26b2e; 
     display: block;
    font-size: 60px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    position: relative; 
    text-align: left;
     }

 .contform-title span:after {
    content: '';
    position: absolute;
    width: 2000px;
    left: 100%;
    margin-left: -160px;
    background: rgba(255,255,255,0.5);
    height: 3px;
    top: 29px;
  }


.contform-wrapp { 

    position: relative;  
    margin: 0 auto; 
    max-width: 100%;

}

.contform-wrapp:before {
   content:''; 
   width: 194px; 
   height: 1px; 
   background: #5e5b5e; 
   left: 0; 
   position: absolute; 
   top: 38px; 

}

.contform-wrapp:after {
   content:''; 
   width: 194px; 
   height: 1px; 
   background: #5e5b5e; 
   right: 0; 
   position: absolute; 
   top: 38px; 

}


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

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

  .field-flex {
    display: flex;
  }

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

   }

   .git-field-w {
    width: 100%;
    display: inline-block;
    vertical-align: top; 
    margin: 11px;
    border-bottom: 1px solid #fff;
   }

  .contform-wrapp input[type='text'],
  .contform-wrapp input[type='tel'], 
  .contform-wrapp input[type='email'], 
  .contform-wrapp textarea  { 
    width: 100%;
    color: #e5e5e5;
    display: inline-block;
    font-size: 15px;
    height: 50px;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: top;
    margin: 0;
    background: transparent;
    border: transparent;
    outline: none;
    padding: 0;
    font-style: normal; 
    letter-spacing: 0.02em;
  }


.contform-wrapp textarea {
    resize: none;
    margin: 5px 0;
    padding-top: 10px;
    padding-bottom: 0; 
    height: 95px;
}


div.contform-wrapp span.wpcf7-list-item {
    display: inline-block;
    margin:30px 45px;
    font-size: 18px;
    color: #fff;
}


div.contform-wrapp input[type='submit'] {
    vertical-align: top;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    border: 0;
    width: 100%;
    max-width: 145px;
    background:transparent;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    display: flex;
    height: 61px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 30px; 
    display: inline-block; 
    letter-spacing: 0.2em; 
    position: relative; 
    font-weight: 400;
    font-family: 'Fjalla One', sans-serif; 
    border: 1px solid rgba(255,255,255,0.8)

}
div.contform-wrapp input[type='submit']:hover {
    background: #d26b2e;
    color: #fff; 
    border: transparent;

  }


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

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




/*** Footer ***/

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


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

  section#ftr-section:after{ 
    position: absolute; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(255,255,255,0.9); 
    content: '';

  }


.footer {
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    padding: 85px 0 30px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 5; 
}


/*** Footer Contact Info ***/

.cont-text-wrapp {
    position: relative;
    display: block;
    text-align: left;
    padding-left: 70px;
}


.ftr-logo-name {
    display: flex;
    margin-top: 50px;
    text-align: center;
    justify-content: flex-end;
    align-items: center;
}

  .ftr-logo-name img {
     margin: 0; 
     width: 100%; 
     max-width: 376px;
  }


.cont-text-wrapp span {
       font-size: 15px; 
       padding: 10px 0; 
       color: #7a7a7a; 
       font-size: 18px; 
       display: block; 

}

.cont-text-wrapp span.cont-name {
   font-size: 18px; 
   text-transform: uppercase; 
   font-family: 'Fjalla One', sans-serif;
   letter-spacing:0.2em; 
   color: #000000; 
   font-weight: 400;

}

 .cont-text-wrapp a {
    color: #7a7a7a;
    -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;
 }

 .cont-text-wrapp a:hover {
    color: #8d8d8d;
 }

.logo-list {
  display: flex; 
  align-items: center; 
  justify-content: center;  
  padding: 50px 0 25px; 


}
.logo-list img {
    margin: 0 60px;
}

 .logo-list img.ftr-logo1 {
   width: 161px;
}
 .logo-list img.ftr-logo2 {
   width: 114px;
}

 .logo-list img.ftr-logo3 {
   width: 120px;
}

 .logo-list img.ftr-logo4 {
   width: 89px;
}

  .footer li {
    display: inline-block;
    padding: 0 20px;
    line-height: 10px;
    color: #7a7a7a;
    text-transform: uppercase;
    font-size: 14px; 
    font-family: 'Fjalla One', sans-serif
  }

  .footer li a {  
    color:#7a7a7a; 
    font-size: 13px;             
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;  
    font-weight: 400; 
    letter-spacing: 0.1em;  
  }

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


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


  .footer .copyright {
         color:#7a7a7a; 
         padding: 20px 0 15px; 
         letter-spacing: 0.05em;  
         line-height: 20px; 
         font-weight: 400; 
         font-size: 13px; 
         text-transform: capitalize;
  }



  .footer .copyright a {
     color: #7a7a7a;
    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: #8d8d8d;

}

.copyright span {
   text-transform: uppercase;
}

.ftr-logos {
   display: block;  
   font-size: 25px;  
   text-align: center; 

}
.ftr-logos em {
    color: #7a7a7a;

    }
.copyright-wrapp {
   border-top: 1px solid #cfcfcf;
   padding-top: 50px; 
} 




 
/*******************************************************
 *
 * 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,.3);
    }

.ip-banner:after {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    padding-bottom: 15px;
    background: url(images/accent-bg.jpg) repeat-y center;
    background-size: 100%;
    content: '';
    bottom: 0;
    z-index: 1;
}

    .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: 500;
            font-size: 100px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1; 
            text-align: left;
            letter-spacing: -0.025em; 
            margin-top: 62px ; 
            font-family: 'Oswald', sans-serif;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: -0.05em; 
                color: #fff;
                font-size: 60px;
                font-family: 'Source Sans Pro', sans-serif;
                text-transform: uppercase;
                position: relative;
            }

.ip-banner h1 span:before {
    content: '';
    position: absolute;
    width: 2000px;
    right: 100%;
    margin-right: 30px;
    background: #ffff;
    height: 4px;
    bottom: 22px;
}
/* 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 { 
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif; 
  font-size: 80px; 
  text-transform: uppercase; 
  letter-spacing: -0.025em; 
  color: #2d2d2d;
}

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

}

.page-id-900 #content h2 {
  font-size: 36px;
  color: #393939;
  margin-top: 15px;
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
  line-height: 36px;
}
.page-id-900 #content h2.ip-lv-community-title {
    margin-top: 70px;
}
.page-id-900 #content p {
    line-height: 27px;
    font-size: 16px;
    margin: 20px 0 30px;
    color: #555555;
}
.ip-lv-community {
    margin-bottom: 40px;
}
.ip-lv-community:nth-child(odd) {
    text-align: left;
}
.ip-lv-community:nth-child(even) {
    text-align: right;
}
#content img.wp-image-800 {
    margin-top: 30px;
}


div#paginates {
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

#paginates span.page-numbers.current {
    color: #d26b2e;
    border-bottom: 1px solid #d26b2e;
    font-size: 24px;
}

a.page-numbers {
    position: relative;
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #555;
    text-align: center;
    padding: 0 16px 2px;
    transition: all .4s ease-in-out;
}


.about-info-wrapp:after {
    content: '';
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    background-image: url(images/agent-photo.png);
    /* width: 381px; */
    /* height: 678px; */
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: auto 92%;
    bottom: 0;
    left: 0;
    background-position: bottom left;
}


/*section#fc-section{
  z-index: 10;
}*/

.about-details{
  z-index: 2;
}

.about-info-wrapp:after{
  z-index: 1;
}

.mob-lw-des {
   display: none; 
   text-align: center;
   font-size: 14px; 
   text-align: center; 
   letter-spacing: 0.02em;
}

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