/*
    Theme Name: dreamland
    Theme URI: #
    Description: dreamland
    Author URI: #
    Version: 1.0.0
    License: GNU General Public License v3 or later.
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
    Text Domain: dreamland
*/
@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-BlackItalic.woff2') format('woff2'),
        url('assets/fonts/CeraPro-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-Black.woff2') format('woff2'),
        url('assets/fonts/CeraPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/CeraPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-Bold.woff2') format('woff2'),
        url('assets/fonts/CeraPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-LightItalic.woff2') format('woff2'),
        url('assets/fonts/CeraPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-Light.woff2') format('woff2'),
        url('assets/fonts/CeraPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/CeraPro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-Medium.woff2') format('woff2'),
        url('assets/fonts/CeraPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-Italic.woff2') format('woff2'),
        url('assets/fonts/CeraPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-Regular.woff2') format('woff2'),
        url('assets/fonts/CeraPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-Thin.woff2') format('woff2'),
        url('assets/fonts/CeraPro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-ThinItalic.woff2') format('woff2'),
        url('assets/fonts/CeraPro-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}


body{
    overflow-x: hidden;
}
* h1,h2,h3,h4,h5,h6,p,ul{
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Cera Pro';
}
*{box-sizing:border-box;}
*{margin:0px;padding:0px;}
p{
    color:#000000;
    font-size: 16px;
    line-height:26px;
    font-family: 'Cera Pro'
}

ul{margin-bottom: 0px;}
ul li{list-style:none;}
a{text-decoration:none;    font-family: 'Cera Pro'; font-weight: 500; transition: all 0.3s ease-in-out; color: #000;}
a:hover{
    text-decoration: none;
    color: inherit;
    color: #000;
}
input, textarea, select{ border:0px none; background:none; outline:none; font-size:16px; color:#323c3f;    }
img{ outline:none; max-width:100%; height:auto; border:0px none; }
input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; }
:focus{ outline:none;}

@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl{
      max-width: 1405px !important;
  }
}
/*------------------------Header------------------*/
.header{
    overflow: hidden;
    position: fixed;
    z-index: 11;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 30px 0px;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.header_inner .navbar{
    padding: 0px;
}
.sticky{
    background:rgba(0,0,0,0.9);
    padding: 10px 0px;
    width: 100%;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
}

/*-------Menu bars-----*/
/* Icon 1 */

.animated-icon1{
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span{
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #fff;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.navbar-light .navbar-toggler:focus {
  outline: none;
}
.navbar-light .navbar-toggler {
  border: none;
  padding-right: 0px;
  padding-left: 0px;
}
/*----------------Header-------------------------*/
.header-logo-area{
    max-width: 110px;
}
.menu-area-wrap{
    margin-top: 25px;
}
.mobile-lang-area{
  display: none;
}
.lang-select-area select{
    width:50px;
    padding: 0px 5px;
  appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(assets/images/lang-drop-arrow.png) no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    font-family: 'Cera Pro';
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.lang-select-area select option{
    color: #000;
}
.header-main-menu{
    display: flex;
    margin:0px 0px 0px 20px;
}
.header-main-menu li{
    margin-left: 40px;
}
.header-main-menu li a,
.right-side-menu-area ul li a{
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-family: 'Cera Pro';
    font-weight: normal;
}
.header-main-menu li a:hover,
.right-side-menu-area ul li a:hover{
    color:#e4d17d;
    text-decoration: none;
}
.header-main-menu li.current-menu-item a{
	color:#e4d17d;
}
.right-side-menu-area{
    display: flex;
    margin-left: auto;
    align-items: center;
}
.right-side-menu-area ul{
    display: flex;
    margin:0px 0px 0px 15px;
    align-items: center;
}
.right-side-menu-area ul li{
    margin-left: 35px;
}
.right-side-menu-area ul li:last-child{
    margin-left:15px;
}
.right-side-menu-area ul li a i{
    margin-right: 10px;
}
#get-in-touch{
    background:#fff;
    color: #000;
    width: 150px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    border:1px solid transparent;
}
#get-in-touch:hover{
    background:transparent;
    color: #e4d17d;
    border:1px solid #e4d17d;
}
/*-------------------Home-----------------*/
.banner-section{
  position: relative;
}
.search-property-section{
  position: absolute;
  bottom: 85px;
  max-width: 1145px;
  margin: auto;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
	z-index:1;
}
.rent-buy-tabs.nav-tabs .nav-link:focus,
.rent-buy-tabs.nav-tabs .nav-link:hover{
  border: 0px;
}
.rent-buy-tabs.nav-tabs .nav-link{
  border: 0px;
  border-radius: 0px;
  background:rgba(255,255,255,0.80);
  color: #000;
  padding: 3.5px 22px;
  font-family: 'Cera Pro';
  font-size: 15px;
}
.rent-buy-tabs.nav-tabs .nav-link.active{
  color: #000;
  background: #fff;
  border: 0px;
}
.rent-buy-tabs.nav-tabs{
  margin-left: 15px;
  border: 0px;
}
.rent-buy-tabs.nav-tabs li{
  margin-right:4px;
}
.rent-buy-tab-content{
  background: #fff;
  padding: 10px 15px;
}
/*---cutom select drop down-----*/
.search-select-dropdown{
  position: relative;
  width: 100%;
}

.search-select-dropdown select {
  display: none;
}

.search-select-selected{
  background-color:#fff;
}

.search-select-selected:after {
  position: absolute;
  content: "\f107";
  font-family:"FontAwesome";
  top:50%;
  right:0px;
  font-size: 17px;
  transform: translateY(-50%);
  
}
.search-select-selected.select-arrow-active:after {
  content: "\f106";
}
.search-select-selected{
  padding-bottom: 10px;
}
.search-select-items div,.search-select-selected {
  color: #000;
  font-size: 17px;
  font-family: 'Cera Pro';
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
}
.search-select-items div{
  border-top: 1px solid rgba(0,0,0,0.1);
  padding:5px;
}
.search-select-items {
  position: absolute;
  background-color:#e4d17d;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.search-select-hide {
  display: none;
}
.search-select-items div:hover, .search-same-as-selected{
  background-color: rgba(0, 0, 0, 0.1);
}
/*----End----*/
.types-rent-buy{
  width: 100%;
  margin:0px;
  display: flex;
}
.types-rent-buy li{
  width: 25%;
  border-right: 1px solid #c9c7c7;
  padding: 0px 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.types-rent-buy li:last-child{
  border-right: 0px;
}
.types-rent-buy li span{
  font-size: 14px;
  font-family: 'Cera Pro';
  display: block;
  width: 100%;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.search-btn{
  width: 100%;
  background: #000;
  border: 0px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-family: 'Cera Pro';
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.search-btn:focus{
	outline:none;
}
.search-btn:hover{
  background:#fff;
  color: #000;
  border: 1px solid #000;
}
.padding-top{
  padding-top: 130px;
}
.padding-bottom{
  padding-bottom: 130px;
}
.h1-heading{
  font-size: 50px;
  line-height: 48px;
  color:#c3a459;
  font-family: 'Cera Pro';
  font-weight: 500;
  margin-bottom: 35px;
}
.inner-villa-listing-hm .h1-heading{
  text-align: center;
}
.inner-villa-listing-hm p{
  text-align: center;
  margin-top: 0px;
}
.hm-apartment-listing{
  margin:50px auto 0px;
  width: 100%;
  display:flex;
  max-width:1300px;
}
.hm-apartment-listing li{
  width: 32%;
  margin-left: 2%;
}
.hm-apartment-listing li:first-child{
  margin-left: 0px;
}
.hm-apartment-img-box{
  width: 100%;
  height: 355px;
  overflow: hidden;
  margin-bottom: 40px;
}
.hm-apartment-img-box img{
  height: 100%;
  object-fit:cover;
}
.hm-apartment-content-box{
  padding: 0px 10px;
}
.hm-apartment-content-box h3{
  font-size: 38px;
  line-height: 40px;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}
.hm-apartment-content-box p{
  font-size: 13px;
  margin-bottom: 35px;
  line-height:20px;
}
.hm-apartment-content-box a{
  margin: auto;
}
a.btn-view-more{
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #071c35;
  color: #fff;
  display: block;
  font-size: 14px;
  font-family: 'Cera Pro';
  text-transform: uppercase;
  border:1px solid transparent;
  font-weight:normal;
  letter-spacing: 1px;
}
a.btn-view-more:hover{
  background:transparent;
  color: #071c35;
  border: 1px solid #000;
  text-decoration: none;
}
button.loadmore-btn{
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #071c35;
  color: #fff;
  display: block;
  font-size: 14px;
  font-family: 'Cera Pro';
  text-transform: uppercase;
  border:1px solid transparent;
  font-weight:normal;
  letter-spacing: 1px;
 margin:auto;
}
button.loadmore-btn:hover{
  background:transparent;
  color: #071c35;
  border: 1px solid #000;
  text-decoration: none;
}
button.loadmore-btn:focus{
	outline:none;
}

.img-hover{
  position: relative;
  overflow: hidden;
}
.img-hover::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.img-hover:hover::before {
  -webkit-animation: shine .90s;
  animation: shine .90s;
}
.life-style-hm-inner{
  display: flex;
  align-items: center;
}
.life-style-hm-left{
  width:35%;
  padding-right: 50px;
}
.life-style-hm-right{
  width: 65%;
}
.latest-insights-hm{
  overflow: hidden;
}
.section-heading{
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}
.section-heading span{
  font-size: 12px;
  font-family: 'Cera Pro';
  color: #000;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
}
.section-heading span:after{
  position: absolute;
  content: "";
  width:125px;
  height: 1px;
  background:#c9c7c7;
  top: 50%;
  margin-top: -1px;
  right: -135px;
}
.h2-heading{
  font-size: 46px;
  line-height: 40px;
  color: #c3a459;
  font-weight: 500;
  margin-bottom: 40px;
}
.life-style-hm-left p{
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-bottom: 35px;
}
.life-style-hm-left .btn-view-more{
  width: 330px;
  background:#000;
}
.dream-land-logos-list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 70px 0px 0px;
}
.dream-land-logos-list li{
  width: 50%;
  margin-bottom: 25px;
}
.life-style-listing-hm{
  display: flex;
  margin: 0px;
  flex-wrap: wrap;
}
.life-style-listing-hm li{
  width: 48.5%;
  margin-left: 3%;
  margin-bottom: 25px;
}
.life-style-listing-hm li:nth-child(2n+1){
  margin-left: 0px;
}
.life-listing-img-box{
  height: 235px;
  width: 100%;
  margin-bottom: 25px;
}
.life-listing-img-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.life-style-listing-hm li h3 a{
  font-size: 14px;
  color: #000;
  font-family: 'Cera Pro';
  font-weight: normal;
  text-decoration: none;
  display: block;
  position: relative;
}
.life-style-listing-hm li h3 a:hover{
  color: #c3a459;
}
.life-style-listing-hm li h3 a:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0px;
  width:80px;
  height: 1px;
  background:#c9c7c7;
}
.life-style-listing-hm li h3{
  margin-bottom: 0px;
}
.latest-insights-hm-inner .h2-heading{
  text-transform: uppercase;
}
.hm-insight-slide{
  width: 308px;
}
.hm-insight-slide-image{
  margin-bottom: 25px;
  height: 400px;
  width:100%;
}
.hm-insight-slide-image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.hm-insight-slide-content span{
  font-size: 14px;
  font-family: 'Cera Pro';
  color: #000;
  font-weight: normal;
  display: block;
  margin-bottom: 25px;
}
.hm-insight-slide-content h4{
  margin-bottom: 15px;
}
.hm-insight-slide-content h4 a{
   font-size: 24px;
  font-family: 'Cera Pro';
  color: #000;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}
.hm-insight-slide-content h4 a:hover{
  color: #c3a459;
}
.hm-insight-slide-content p{
  font-size: 14px;
  line-height: 24px;
  font-family: 'Cera Pro';
  color: #000;
  font-weight: normal;
  margin-bottom: 0px;
  min-height: 48px;
}
.hm-insights-slider .slick-slide{
  margin: 0px 13px;
}
.feel-love-follow-hm{
  padding-bottom: 75px;
  overflow: hidden;
}
.feel-follow-hm-inner .h2-heading{
  color: #000;
}
.follow-us-links{
  display: flex;
  margin:0px 0px 25px;
}
.follow-us-links li{
  margin-right: 40px;
}
.follow-us-links li a{
  font-size: 16px;
  color: #000;
  font-family: 'Cera Pro';
  text-decoration: none;
}

.follow-us-links li a:hover{
  color: #c3a459;
}
.follow-us-slide{
  height: 307px;
  width: 100%;
}
.follow-us-slide img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.follow-us-slider{
  margin: 0px -13px;
}
.follow-us-slider .slick-slide{
  margin: 0px 13px;
}
/*----------------------Footer------------------*/
.footer{
  background:#e8e9ea;
  overflow: hidden;
}
.footer-top{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dbdcde;
  padding:25px 0px 40px;
  box-shadow: 0px 1px 0px rgb(0 0 0 / 10%);
}
.news-letter-area{
  margin-left: auto;
}
.footer-logo-socialmedia{
  display: flex;
  align-items: center;
}
.footer-logo{
  max-width: 110px;
}
.footer-social-media{
  display: flex;
  margin: 0px;
}
.footer-social-media li{
  margin-right: 15px;
}
.footer-social-media li a{
  webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.footer-social-media li a i{
	color:#000;
	font-size:18px;
}
.footer-social-media li:hover a i{
  animation: iconupdown .5s cubic-bezier(.43,.41,.36,.9) forwards;
	color:#c3a459;
}
.footer-logo-socialmedia .footer-social-media{
  margin-left: 35px;
  padding-left: 50px;
  position: relative;
}
.footer-logo-socialmedia .footer-social-media:before{
  content: "";
  background:#c9c7c7;
  height:50px;
  width: 1px;
  position: absolute;
  left: 0px;
  top: -10px;
}
.news-letter-area{
  width: 40%;
  display: flex;
  align-items: center;
}
.news-letter-area .tnp.tnp-subscription{
	margin:0px;
	max-width:100%;
}
.news-letter-area .tnp.tnp-subscription form{
	display:flex;
}
.news-letter-area .tnp-field.tnp-field-email{
	width:100%;
}
.news-letter-area .tnp-field.tnp-field-email label{
	display:none;
}
.news-letter-area .tnp-field{
	margin-bottom:0px !important;
}
.news-letter-area input[type='email'].tnp-email{
  background: #fff;
  height: 50px;
  font-family: 'Cera Pro';
  font-size: 16px;
  font-weight: normal;
  color: #000;
  padding: 0px 20px;
  width:100%;
  border:0px;	
}
.news-letter-area input[type='email'].tnp-email::placeholder{
  font-family: 'Cera Pro';
  font-weight: normal;
  color: #000;
}
.news-letter-area input[type='submit'].tnp-submit{
  min-width: 188px;
  background: #071c35;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Cera Pro';
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
  padding:0px;
}
.news-letter-area input[type='submit'].tnp-submit:hover{
  background: #fff;
  color: #071c35;
  border: 1px solid #071c35;
}
.footer-center{
  padding:60px 0px 110px;
  display: flex;
}
.footer-heading{
  font-size: 16px;
  font-weight: 500;
  font-family: 'Cera Pro';
  color: #000;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.footer-main-menu{
  margin: 0px;
  width:200px;
  padding-right: 20px;
}
.footer-main-menu li{
  width: 100%;
  margin-bottom: 20px;
}
.footer-main-menu li:last-child{
  margin-bottom: 0px;
}
.footer-main-menu li a,
.footer-contact p,
.footer-contact a{
  font-size: 15px;
  font-weight: normal;
  font-family: 'Cera Pro';
  color: #000;
  line-height: 22px;
  display: block;
}
.footer-main-menu li a:hover,
.footer-contact a:hover,
.copy-right-inner ul li a:hover{
  text-decoration: none;
  color: #c3a459;
}
.footer-menu-wrap{
  display: flex;
}
.footer-contact p{
  margin-bottom: 20px;
}
.footer-contact a{
  display: block;
  margin-bottom: 20px;
}
.footer-menu-links{
  margin-right: 30px;
}
.footer-media-area{
  margin-left: 175px;
}
.copy-right-area{
  padding: 20px 0px;
  overflow: hidden;
}
.copy-right-inner ul{
  display: flex;
  margin:0px auto;
  justify-content: center;
}
.copy-right-inner ul li a{
  font-size: 12px;
  font-weight: normal;
  font-family: 'Cera Pro';
  color: #000;
  letter-spacing: 1px;
  line-height: 22px;
  display: block;
}
.copy-right-inner ul li{
  border-right: 1px solid #c9c7c7;
  padding: 0px 25px;
}
.copy-right-inner ul li:last-child{
  border-right: 0px;
  padding-right: 0px;
}
/*-------------------------About us---------------------*/
.banner-image{
  height: 670px;
}
.banner-heading{
  position: absolute;
  bottom: 85px;
}
.banner-heading h1{
  color: #fff;
  font-family: 'Cera Pro';
  font-weight: 500;
  text-transform: uppercase;
  font-size:50px;
}
.dreamland-abt{
  overflow: hidden;
}
.about-video-area{
  width: 100%;
}
.dreamland-abt-inner{
  display: flex;
  align-items: center;
}
.dreamland-abt-left{
  width: 65%;
}
.dreamland-abt-right{
  width: 30%;
  margin-left: auto;
}
.dreamland-abt-left .h2-heading{
  margin-bottom: 15px;
}
.dreamland-abt-left span{
  display: block;
  font-size: 18px;
  font-family: 'Cera Pro';
  line-height: 22px;
  color: #000;
  margin-bottom: 25px;
}
.dreamland-abt-left p{
  font-size: 14px;
  line-height: 24px;
  color:#000000;
  margin-bottom: 20px;
}
.dreamland-abt-left p:last-child{
  margin-bottom: 0px;
}
.dreamland-abt-right ul{
  margin: 0px;
  display:flex;
  flex-wrap: wrap;
}
.dreamland-abt-right ul li{
  width:50%;
  margin-bottom: 55px;
}
.dreamland-abt-right ul li span{
  display: block;
  color:#071c35;
  font-size: 50px;
  font-weight: 500;
  font-family: 'Cera Pro';
  margin-bottom: 20px;
  line-height: 30px;
}
.dreamland-abt-right ul li p{
  margin-bottom: 0px;
  font-size: 22px;
  line-height: 24px;
  color: #000;
}
.dreamland-abt-right ul li:nth-of-type(4),
.dreamland-abt-right ul li:nth-of-type(3){
  margin-bottom: 0px;
}
.about-story-abt{
  overflow: hidden;
}
.about-story-abt-inner{
  display: flex;
  align-items: center;
}
.about-story-abt-left{
  width: 52%;
  padding-right: 60px;
}
.about-story-abt-right{
  width: 48%;
  height: 405px;
}
.about-story-abt-right img{
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.about-story-abt-left p{
   font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-bottom: 20px;
}
.about-story-abt-left p:last-child{
  margin-bottom:0px;
}
.about-story-abt-left .h2-heading{
  margin-bottom: 25px;
}
.about-story-abt-inner:first-child{
  margin-bottom: 40px;
}
.about-story-abt-inner:nth-child(even) .about-story-abt-left{
  order: 1;
  padding-right: 0px;
  padding-left: 60px;
}
.about-story-abt-inner:nth-child(even) .about-story-abt-right{
  order: 0;
}
.about-story-abt-left .h2-heading{
  line-height: normal;
  font-size: 45px;
  line-height:50px;
}
.life-slider-section{
  overflow: hidden;
}
.life-slider-inner h3{
  font-size: 50px;
  color: #c3a459;
  font-family: 'Cera Pro';
  line-height: normal;
  text-align: center;
  margin-bottom: 25px;
}
.life-slider-inner p{
  text-align: center;
  font-size: 16px;
  color: #000;
  margin-bottom: 0px;
}
.life-style-slide-content h4{
  font-size: 28px;
  font-family: 'Cera Pro';
  line-height: normal;
  color:#000000;
  margin-bottom: 20px;
}
.life-style-slide-content h4 a{
  color:#000;
}
.life-style-slide-content h4 a:hover{
  text-decoration: none;
  color:#c3a459;
}
.life-style-slide-content p{
  font-size: 16px;
  color: #000;
  line-height: normal;
  text-align: left;
  margin-bottom: 0px;
}
.life-style-slide-img-box{
  height: 365px;
  margin-bottom: 35px;
}
.life-style-slide-img-box img{
  width:100%;
  height: 100%;
  object-fit: cover;
}
.life-style-slider{
  margin:50px -20px 20px;
}
.life-style-slider .slick-slide{
  margin: 0px 20px;
}

.slick-prev:before, .slick-next:before{
  font-family:"FontAwesome" !important;
  color: #000 !important;
  font-size: 36px !important;
  opacity: 1 !important;
}
.slick-prev:before{
  content: "\f104" !important;
}
.slick-next:before{
  content: "\f105" !important;
}
.slick-next:focus:before,
.slick-prev:focus:before{
  color: #c3a459 !important;
}
.life-style-slider .slick-prev,.life-style-slider .slick-next{
  top: 35%;
}
.life-style-slider .slick-prev{
  left: -35px;
}
.life-style-slider .slick-next{
  right: -35px;
}
.holding-company-abt{
  background:#c3a459;
  padding: 60px 0px;
  margin-top: 130px;
}
.holding-company-abt-inner .btn-view-more{
  width: 185px;
  font-weight: 500;
}
.holding-company-abt-inner h3{
  color: #fff;
  font-size: 50px;
  line-height:55px;
  font-weight: 500;
  margin-bottom: 20px;
}
.holding-company-abt-inner p{
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 35px;
}
/*-----------------Contact Us---------------*/
.contactus-map-section{
  height:720px;
	opacity:0.7;
}
.map-wrap-area{
  position: relative;
	background:#000;
}
.map-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
}
.contact-get-touch-section{
  background: linear-gradient(90deg, #ffffff 50%, #fafafa 50%);
  padding:85px 0px 140px;
  overflow: hidden;
}
.contact-get-touch-inner{
  display: flex;
}
.get-in-touch-left{
  width: 50%;
  padding: 0px 70px;
}
.contact-us-right{
  width: 50%;
}
.contact-us-right-inner{
  padding-left: 70px;
}
.h3-heading{
  font-family: 'Cera Pro';
  font-size: 46px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.get-in-touch-left p{
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-bottom: 0px;
}
.get-in-touch-form{
  margin-top: 60px;
}
.get-in-touch-form .intl-tel-input{
	margin-top:12px;
}
.life-form-field-wrap{
  width: 47%;
  display: inline-block;
  float: left;
  font-family: 'Cera Pro';
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin-bottom: 30px;
  margin-left: 6%;
	-webkit-animation-fill-mode:unset !important;
}
.life-form-field-wrap:nth-child(2n+1){
  margin-left: 0px;
}
.life-form-field-wrap:nth-of-type(5){
  width: 100%;
}
.life-form-field,
.life-form-select,
.life-form-field-textarea{
  height: 55px;
  width: 100%;
  border:1px solid #afafaf;
  font-family: 'Cera Pro';
  font-weight: normal;
  /*color: #c7c5c5;*/
  color:#000;	
  font-size: 14px;
  padding: 0px 18px;
  margin-top: 12px;
}
.life-form-field::placeholder{
  font-family: 'Cera Pro';
  color: #c7c5c5;
  font-size: 14px;
}
.life-form-select{
  -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(assets/images/select-drop.png) no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
}
.life-form-field-textarea{
  height: 100px;
  resize: none;
  padding-top:10px;
}
.life-submit-btn{
  float: right;
  width: 200px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #000;
  color: #fff;
  font-family: 'Cera Pro';
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
}
.life-submit-btn:hover{
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
.contact-us-options li{
  margin-bottom: 30px;
}
.contact-us-options li p{
  display: flex;
  align-items:baseline;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-bottom: 0px;
  font-weight: normal;
}
.contact-us-options li a{
  color: #000;
  font-size: 14px;
  font-family: 'Cera Pro';
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: normal;
}
.contact-us-options li a:hover{
  color: #c3a459;
}
.contact-us-options li p i,
.contact-us-options li a i{
  margin-right: 15px;
}
.contact-us-options li h5,
.contact-social-media-wrap h5{
  font-family: 'Cera Pro';
  font-size: 20px;
  color: #000;
  font-weight: 500;
  margin-bottom: 12px;
}
.contact-us-options{
  margin-top: 25px;
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
}
.contact-us-options-space li{
  margin-bottom: 45px;
}
.contact-social-media{
  display: flex;
  margin-bottom: 0px;
}
.contact-social-media li{
  margin-right: 25px;
}
.contact-social-media li a{
  color: #000;
  font-size: 26px;
}
.contact-social-media li a:hover{
  color:#c3a459;
}
.contact-social-media-wrap{
  padding-left: 70px;
  padding-top: 40px;
  position: relative;
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}
.contact-social-media-wrap:before{
  content: "";
  position: absolute;
  width: 200%;
  height:1px;
  background: rgba(180,170,170,0.49);
  left: 0px;
  top: 0px;
}
#content-map {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Cera Pro';
}
#content-map a{
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Cera Pro';
    font-weight: normal;
}
#content-map a:hover{
  color:#c3a459;
}
/*-----------------Apartments----------------*/
.apartment-listing-section{
	padding-bottom:60px;
}
.apartment-listing{
  display: inline-block;
  width: 100%;
  margin:0px 0px 25px;
}
.apartment-listing li{
  display: inline-block;
  float: left;
  width:32%;
  margin-left:2%;
  margin-bottom: 40px;
}
.apartment-listing li:nth-child(3n+1){
  margin-left: 0px;
}
.apartment-listing-img-box{
  height: 355px;
  width: 100%;
}
.apartment-listing-img-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.apartment-listing-content-box{
  padding-top: 22px;
}
.apartment-list-cat{
  background: rgba(201,199,199,0.35);
  color: #000000;
  font-size: 15px;
  font-family: 'Cera Pro';
  font-weight: normal;
  padding: 6px 13px;
  text-transform: uppercase;
}
.apartment-list-cat:hover{
  color:#fff;
  background:#000;
  text-decoration: none;
}
.apartment-list-heading{
  margin:20px 0px;
}
.apartment-list-heading a{
  color: #000;
  font-size: 27px;
  line-height:normal;
  font-family: 'Cera Pro';
  font-weight: bold;
}
.apartment-list-heading a:hover{
  color:#c3a459;
  text-decoration: none;
}
.apartment-list-descp{
  font-family: 'Cera Pro';
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0px;
}
.unit-beds{
  display: flex;
  margin:20px 0px 25px;
}
.unit-beds-inner{
  display: flex;
  align-items: flex-end;
   margin-right: 30px;
}

.unit-beds-inner:last-child{
  margin-right: 0px;
}
.unit-beds-inner span{
  margin-left: 10px;
  font-size: 15px;
  line-height: 14px;
  color: #000;
  font-family: 'Cera Pro';
  font-weight: normal;
}
.price-discount{
  display: flex;
  margin-bottom: 40px;
}
.discount-price{
  font-size: 15px;
  font-weight: bold;
  color: #000;
  font-family: 'Cera Pro';
  line-height: 15px;
  margin-left: 12px;
}
.actual-price{
  font-size: 15px;
  font-weight:normal;
  color: #000;
  font-family: 'Cera Pro';
  line-height: 15px;
  text-decoration: line-through;
}
.price-discount-inner{
  display: flex;
  align-items: flex-end;
  margin-right: 22px;
}
.price-discount-inner:last-child{
  margin-right: 0px;
}
/*-------------------Villas--------------------*/
.banner-image-villas{
  height: 800px;
}
.villas-listing-section .h2-heading{
  margin-bottom: 20px;
}
.explore-zone{
  margin-bottom: 0px;
  font-size: 23px;
  line-height: 22px;
  color: #000;
  font-weight: 500;

}
.villas-listing{
  margin: 0px -12px;
  display: flex;
  flex-wrap: wrap;
}
.villas-listing li{
  display: none;
}
.villas-listing li{
  margin: 0px 12px;
  width: calc(100% / 3 - 24px);
  margin-bottom: 110px;
}
.villas-zone-names{
  display: flex;
  margin-top: 40px;
  flex-wrap: wrap;
}
.villas-zone-names button.hide-all{
  display: none;
}
#show_all_button{
	justify-content:center;
}
.villas-zone-names button{
  background: #fff;
  width: 200px;
  height: 55px;
  padding: 0px;
  color: #fff;
  font-size: 16px;
  font-family: 'Cera Pro';
  font-weight: normal;
  margin-right:28px;
  border: 1px solid #c3a459;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  margin-bottom:45px;
  background:#c3a459;
  border-radius:30px;
}
.img-btn-wrap{
  margin-right:15px;
  max-width:40px;
  margin-top: 5px;
}
.villas-zone-names button:last-child{
  margin-right: 0px;
}
.villas-zone-names button:hover,
.villas-zone-names button.active{
  color: #c3a459;
  border: 1px solid #c3a459;
	background:transparent;
}
.villas-zone-names button:focus{
  outline: none;
}
.villas{
  margin-top:30px;
}
.loadmore-btn{
  font-size: 20px;
  color: #000;
  font-family: 'Cera Pro';
  font-weight: normal;
  display: block;
  text-align: center;
}
.loadmore-btn:hover{
  text-decoration: none;
  color:#c3a459;
}
.villas{
  padding-bottom: 60px;
}
/*--------------------Dine---------------*/
.dine-section{
  padding-bottom: 70px;
}
.breadcrumbs-area{
  display: flex;
  margin-bottom: 45px;
}
.breadcrumbs-area li{
  margin-right: 4px;
}
.breadcrumbs-area li a,
.breadcrumbs-area li span{
  font-size: 14px;
  font-family: 'Cera Pro';
  font-weight: normal;
  color:#000;
  line-height: 14px;
}
.breadcrumbs-area li a:hover{
  text-decoration: none;
  color:#c3a459;
}
.dine-listing{
  width: 100%;
  display:flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.dine-listing li{
  width: 31%;
  margin-left: 3.5%;
  margin-bottom: 50px;
}
.dine-listing li:nth-child(3n+1){
  margin-left: 0px;
}
.dine-list-img-box{
  height:445px;
  margin-bottom: 20px;
}
.dine-list-img-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.dine-list-content-box h4{
  margin-bottom: 20px;
}
.dine-list-content-box h4 a{
  color: #000;
    font-size: 27px;
    line-height: normal;
    font-family: 'Cera Pro';
    font-weight: 500;
}
.dine-list-content-box h4 a:hover{
  color: #c3a459;
    text-decoration: none;
}
.dine-list-content-box p{
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-bottom: 50px;
}
/*---------------Lifestyle------------*/
.lifestyle-listing{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0px;
}
.lifestyle-listing li{
  width: 48%;
  margin-left: 4%;
  margin-bottom: 90px;
}
.lifestyle-listing li:nth-child(2n+1){
  margin-left: 0px;
}
.lifestyle-list-content-box h4{
  margin-bottom: 20px;
}
.lifestyle-list-content-box h4 a{
  color: #000;
    font-size: 30px;
    line-height: normal;
    font-family: 'Cera Pro';
    font-weight: 500;
}
.lifestyle-list-content-box h4 a:hover{
  color: #c3a459;
    text-decoration: none;
}
.lifestyle-list-content-box p{
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-bottom: 50px;
}
.lifestyle-list-img-box{
  height:480px;
  margin-bottom: 25px;
}
.lifestyle-list-img-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
/*---------------------Insights--------------*/
.insights-all-cat{
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.insights-all-cat button{
  border: 0px;
  background: transparent;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  margin-right: 35px;
  position: relative;
  padding-bottom: 10px;
}
.insights-all-cat button:focus{
  outline: none;
}
.insights-all-cat button:last-child{
  margin-right: 0px;
}
.insights-all-cat button:after{
  content:none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #000;
}
.insights-all-cat button:hover:after,
.insights-all-cat button.active:after{
  content: "";
}
.insights-all-cat button.active{
	color:#c3a459;
}
.insights-all-cat button.active:after{
	background:#c3a459;
}
.insight-list-content-box span{
  display: block;
  color:#000;
  font-size: 14px;
  font-family: 'Cera Pro';
}
.insight-list-content-box h4{
  margin:20px 0px 15px;
}
.insight-list-content-box h4 a{
  font-size: 24px;
  color: #000;
  line-height: 24px;
  font-weight: normal;
}
.insight-list-content-box h4 a:hover{
  text-decoration: none;
  color: #c3a459;
}
.insight-list-content-box p{
  color: #000;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 30px;
}
.insight-list-img-box{
  height: 355px;
  margin-bottom: 20px;
}
.insight-list-img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.insights-listing{
  display: flex;
  flex-wrap: wrap;
  margin: 0px -12px;
}
.insights-listing li{
  margin: 0px 12px;
  width: calc(100% / 3 - 24px);
  margin-bottom: 100px;
}
.insights-listing li{
  display: none;
}
/*-------------DreamLand Lounge Resturant-------------*/
.dl-lounge-first-section{
  display: flex;
  align-items: center;
  margin-bottom: 150px;
}

.dl-lounge-left{
  min-width:400px;
  max-width: 400px;
  height: 355px;
  margin-right: 60px;
}
.dl-lounge-left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dl-lounge-right h2{
  font-size: 46px;
  color: #000;
  line-height: normal;
  margin-bottom: 30px;
}
.dl-lounge-right p{
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-bottom: 20px;
}
.dl-lounge-contact-section{
  background:#c3a459;
  padding: 100px 0px;
}
.dl-lounge-contact-list{
  display: flex;
  max-width: 1200px;
  margin: auto;
  justify-content: space-between;
}
.dl-lounge-contact-list li h4{
  font-size: 26px;
  line-height: 24px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
}
.dl-lounge-contact-list li p{
  font-size: 12px;
  color:rgba(255,255,255,0.9);
  font-weight: normal;
  line-height: normal;
  margin-bottom: 20px;
}
.dl-lounge-contact-list li p a{
  font-size: 12px;
  color:rgba(255,255,255,0.9);
  font-weight: normal;
  line-height: normal;
}
.dl-lounge-contact-list li p strong a{
  font-size: 12px;
  color:rgba(255,255,255,0.9);
  font-weight: 500;
  text-transform: uppercase;
}
.dl-lounge-contact-list li p a:hover{
  text-decoration: none;
  color: #000;
}
.gallery-large-img-slide{
  height: 725px;
}
.gallery-large-img-slide img,
.gallery-large-thumb-img-slide img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.gallery-large-thumb-img-slide{
  width: 160px;
  height: 130px;
  overflow: hidden;
  border-radius: 10px;
}
.dl-thumb-slider-wrap{
  width: 77.5%;
  margin:-65px auto 0px;
}
.gallery-large-thumb-slider .slick-slide{
  margin: 0px 10px;
}
.dl-lounge-gallery-section{
  padding: 60px 0px 130px;
  overflow: hidden;
}

.gallery-large-thumb-img-slide:hover,
.gallery-large-thumb-slider .slick-current.slick-active{
  -webkit-filter: blur(1px);
    filter: blur(1px);
}
.gallery-large-thumb-slider .slick-next,
.gallery-large-thumb-slider .slick-prev{
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #000;
}
.gallery-large-thumb-slider .slick-prev{
  left: -55px;
}
.gallery-large-thumb-slider .slick-next{
  right: -50px;
}
.gallery-large-thumb-slider .slick-prev:before,
.gallery-large-thumb-slider .slick-next:before{
  font-size: 30px !important;
}
.gallery-large-thumb-slider .slick-prev:focus,
.gallery-large-thumb-slider .slick-next:focus{
	border:1px solid #c3a459;
}
/*-------------------invsetments------------------*/
.invsetment-inner-area span{
  text-transform: uppercase;
  color: #000;
  font-family: 'Cera Pro';
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  display: block;
  margin-bottom: 5px;
}
.invsetment-inner-area h2{
  font-weight: 500;
  font-size: 46px;
  color: #000;
  line-height:46px;
  margin-bottom:35px;
}
.invsetment-inner-area p{
  font-size: 14px;
  line-height: 24px;
  color: #000;
  font-weight: normal;
  margin-bottom: 20px;
  width: 100%;
  display: inline-block;
}
.invsetment-inner-area .btn-view-more{
  margin-top: 35px;
}
.investments-full-image{
  width: 100%;
  margin: 120px 0px;
}
.investments-full-image img{
  width: 100%;
  object-fit: cover;
}
.invsetment-list-section{
  padding-bottom: 100px;
}
.invsetment-list-area{
  display: flex;
  margin-bottom: 0px;
  flex-wrap: wrap;
}
.invsetment-list-area li{
  padding: 25px 20px;
  border: 1px solid #888888;
  border-radius: 5px;
  width: 49%;
  margin-left: 2%;
  margin-bottom: 65px;
}
.invsetment-list-area li:nth-child(2n+1){
  margin-left: 0px;
}
.invsetment-list-area li p{
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  min-height: 48px;
}
.img-invsetment-list{
  margin-bottom: 20px;
  max-width: 85px;
  min-height: 70px;
  display: flex;
  align-items: center;
}
/*-------------------News Detail page------------------*/
.news-detail-date{
  font-size: 14px;
  color: #fff;
  font-family: 'Cera Pro';
}
.detail-banner-heading{
  max-width: 760px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.news-detail-section{
  padding-bottom: 80px;
}
.news-detail-inner{
  max-width: 760px;
  margin: auto;
}
.news-detail-inner p{
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-bottom: 40px;
}
.news-detail-inner img{
  margin:50px 0px;
}
.related-posts-section{
  overflow: hidden;
}
.related-posts-inner{
  border-top: 1px solid #b4aaaa;
  padding-top: 65px;
  padding-bottom: 110px;
}
.related-posts-inner h3{
  text-align: center;
  font-size: 50px;
  font-weight: 500;
  color: #000;
  margin-bottom: 60px;
}
.related-posts-slider{
  margin: 0px -15px;
}
.related-posts-slider .slick-slide{
  margin: 0px 15px;
}
.related-posts-slider .slick-next{
  right: -10px;
}
.related-posts-slider .slick-prev{
  left: -10px;
}

/*----------------------Media Center------------------*/
.media-center-banner{
  background:#706464;
  height: 355px;
  display: flex;
  align-items: flex-end;
}
.nav-tabs.media-tabs{
  justify-content: center;
  border: 0px;
  padding-bottom: 30px;
}
.nav-tabs.media-tabs li{
  margin-bottom: 0px;
  margin-left: 40px;
}
.nav-tabs.media-tabs li:first-child{
  margin-left: 0px;
}
.nav-tabs.media-tabs li a{
  border: 0px;
  background: transparent;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Cera Pro';
  position: relative;
  padding: 0px;
  text-transform: uppercase;
  font-weight: normal;
}
.nav-tabs.media-tabs li a:after{
  content: none;
  position: absolute;
  bottom: -25px;
  width: 100%;
  height: 5px;
  background: #000;
  left: 0px;
}
.nav-tabs.media-tabs li a.active{
  background: transparent;
  color: #fff;
}
.nav-tabs.media-tabs li a:hover{
  color:#e4d17d;
}
.nav-tabs.media-tabs li a.active:after{
  content: "";
}
.media-section{
  padding: 100px 0px 120px;
}
.media-tabs-content h3{
  font-size: 50px;
  text-align: center;
  color:#c3a459;
  margin-bottom: 0px;
}
.photo-all-views{
  display: flex;
  justify-content: center;
  margin:30px 0px 65px;
}
.photo-all-views button{
  border: 0px;
  background: transparent;
  font-size: 17px;
  color: #000;
  line-height: 22px;
  font-weight: 500;
  margin:0px 17px;
  transition: all 0.3s ease-in-out;
  position:relative;
  text-transform: capitalize;
}
.photo-all-views button:after{
  content:none;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000;
  left: 0px;
  bottom: -5px;
}
.photo-all-views button:focus{
  outline: none;
}
.photo-all-views button:hover{
  color:#e4d17d;
}
.photo-all-views button.active:after{
  content: "";
}
.photo-all-views button.active{
	color:#e4d17d;
}
.photo-all-views button.active:after{
	background:#e4d17d;
}
.media-image-gallery{
  display: flex;
  flex-wrap: wrap;
  margin:0px -15px;
}
.media-image-gallery li{
  display: none;
}
.media-image-gallery li{
  margin: 0px 15px;
  width: calc(100% / 3 - 30px);
  margin-bottom: 60px;
}
.media-image-gallery-box{
  height: 355px;
}
.media-image-gallery-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
/*---------Image popup----------*/
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
img.mfp-img{
  max-width:1100px !important;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close
{
  right: -30px !important;
  top:20px;
}
/*---------Image popup End----------*/
/*---------Video popup End----------*/
.media-space-top{
	padding-top:65px;	
}
.media-video-gallery{
	padding-top:65px;	
}
.media-video-gallery li{
	display:block;
}
.mfp-iframe-scaler iframe video{
	width:100% !important;
}
.media-video-gallery .media-image-gallery-box{
	position:relative;
}
.media-image-gallery-box img.media-video-ply-btn{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 58px;
    height: 58px;
    transform: translate(-50%, -50%);
}
.mfp-inline-holder .mfp-content{
	width:auto !important;
	max-width:100%;
}
.video-popup{
	max-width:1100px;
}
.mfp-content video{
	max-width:100% !important;
}
.mfp-inline-holder .mfp-close{
	right: -30px !important;
  	top:-10px;
	color:#fff !important;
}
.mfp-inline-holder .mfp-close:active{
	top:-10px;
}
/*-------------------------Apartments Properties---------------*/
.banner-section-apartment-detail{
  height: 820px;
  overflow: hidden;
}
.detail-large-image-slide{
  height: 820px;
  position: relative;
}
.detail-large-image-slide img{
  height: 820px;
  width: 100%;
  object-fit: cover;
}
.banner-section-villas-detail .detail-large-image-slide:before{
  content:none;
}
.detail-large-image-slide:before{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.3);
}
.detail-large-nav-slide{
  width: 175px;
  height: 135px;
  border-radius: 5px;
  overflow:hidden;
  position:relative;
  cursor:pointer;
}
.detail-large-nav-slider .slick-current.slick-active .detail-large-nav-slide:before{
	content:"";
	background:rgba(7,28,53,0.5);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.detail-nav-slider-wrap{
  width: 75%;
  max-width:1000px;
  margin: auto;
  margin-top: -160px;
}
.detail-large-nav-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-large-nav-slider .slick-slide{
  margin: 0px 15px;
}
.detail-large-nav-slider .slick-next, 
.detail-large-nav-slider .slick-prev{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.detail-large-nav-slider .slick-prev:before,
.detail-large-nav-slider .slick-next:before{
  font-size: 18px !important;
  color: #fff !important;
}
.detail-large-nav-slider .slick-next:focus,
.detail-large-nav-slider .slick-prev:focus{
  border-color:#c3a459 !important;
}
.detail-large-nav-slider .slick-next:focus:before,
.detail-large-nav-slider .slick-prev:focus:before{
  color:#c3a459 !important;
}
.detail-large-nav-slider .slick-prev{
  left:-50px;
}
.detail-large-nav-slider .slick-next{
  right: -45px;
}
.aprt-detail-wrap{
  padding: 100px 0px 0px;
}
.aprt-det-rain-drop{
  background:#e4e4e4;
  color:#000;
  height: 50px;
  line-height: 50px;
  text-align: center;
  min-width: 200px;
  padding: 0px 25px;
  display: inline-block;
  font-size: 13px;
  font-family: 'Cera Pro';
  font-weight: normal;
  text-transform: uppercase;
}
.aprt-det-rain-drop:hover{
  color:#fff;
  text-decoration: none;
  background:#000;
}
.heading-interst-share{
  margin-top: 15px;
}
.heading-text-wrap-dtl .h2-heading{
  margin-bottom: 20px;
}
.villa-detail-wrap .heading-text-wrap-dtl .h2-heading{
  margin-bottom:15px;
}
.heading-text-wrap-dtl p{
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 0px;
}
.heading-interst-share{
  display: flex;
	position:relative;
	z-index:1;
}
.share-register-interest{
  margin-left: auto;
  display: flex;
}
.share-register-interest .btn-view-more{
  font-size: 12px;
  font-weight:300;
}
.share-area{
  margin-left:20px;
}
.share-area span{
  display: block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  background:#e4e4e4;
  text-align: center;
   font-size: 12px;
   color: #000;
   font-family: 'Cera Pro';
   text-transform: uppercase;
   border:1px solid transparent;
}
.share-area:hover span{
	background:#071c35;
	color:#fff;
}
.share-area span i{
  margin-left: 25px;
}
.share-area ul{
  margin: 0px;
  position: absolute;
  width: 200px;
  display: none;
  border-top:1px solid #fff;
  z-index:1;
}
.share-area ul li{
  width: 100%;
  background:#e4e4e4;
  text-align: center;
  border-bottom:1px solid #fff;
}
.share-area ul li a{
  color:#000;
  font-size:12px;
  padding:10px 0px;
  display: block;
}
.share-area ul li a i{
  margin-right: 20px;
}
.share-area:hover ul{
  display: block;
}
.price-units-detail{
  margin:60px 0px;
}
.price-units-detail-list{
  margin:0px;
  display: flex;
}
.price-units-detail-list li{
  border:1px solid #000;
  padding:40px 30px;
  width:300px;
  height:135px;
  margin-left:45px;
  position: relative;
}
.price-units-detail-list li:first-child{
  margin-left: 0px;
}
.price-units-detail-list li span{
  font-size: 26px;
  font-weight: bold;
  font-family: 'Cera Pro';
  line-height:26px;
  color: #000;
  display: block;
  margin-bottom: 10px;
}
.price-units-detail-list li p{
  font-size: 16px;
  font-weight: normal;
  color:#000;
  margin-bottom: 0px;
}
.price-units-detail-list li bdi{
  font-size:18px;
  font-weight: normal;
  text-decoration: line-through;
  position: absolute;
  top: 18px;
  line-height:20px;
}
.about-apartment-property{
  margin-bottom:60px;
}
.about-apartment-property h4{
  font-size: 24px;
  line-height: 22px;
  font-weight:500;
  color:#000;
  letter-spacing:1px;
  margin-bottom: 10px;
}
.about-apartment-property p{
  font-size: 16px;
  line-height:26px;
  color:#000;
  margin-bottom:0px;
}
.aprt-dtl-facility{
  background:#efefef;
  padding:50px 0px;
}
.facility-dtl-content-box h4{
  font-size:24px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom:15px;
  color:#000;
}
.facility-dtl-content-box p{
  font-size:14px;
  line-height:24px;
  color:#000;
  font-weight: normal;
}
.facility-dtl-img-box{
  height: 400px;
  margin-bottom:40px;
}
.facility-dtl-img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.facility-dtl-slider{
  margin:0px -30px;
}
.facility-dtl-slider .slick-slide{
  margin:0px 30px;
}
.facility-dtl-slider .slick-prev{
  left: -10px;
}
.facility-dtl-slider .slick-next{
  right:-10px;
}
.facility-dtl-slider .slick-prev,
.facility-dtl-slider .slick-next{
  top:38%;
  z-index: 1;
}
.more-apart-dtl-slider .slick-next,
.solution-partner-slider .slick-next{
  right:-15px;
}
.more-apart-dtl-slider .slick-prev,
.solution-partner-slider .slick-prev{
  left:-15px;
}
.aprt-location-golfclub{
  padding:100px 0px;
}
.amenities-inner h3{
  font-size:50px;
  color:#c3a459;
  font-weight: 500;
  margin-bottom:25px;
}
.amenities-inner p{
  font-size:14px;
  line-height:24px;
  color:#000;
  margin-bottom:20px;
}
.amenities-list{
  display: flex;
  margin:60px 0px;
}
.amenities-list li{
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border:1px solid #000;
  margin-left:1.87%;
  width:18.5%;
}
.amenities-list li:hover{
  border-color:rgba(0,0,0,0.5);
}
.amenities-list li:first-child{
  margin-left: 0px;
}
.amenities-list li img{
  margin-right: 10px;
}
.amenities-list li h4{
  font-size:15px;
  line-height:normal;
  color:#000;
  margin-bottom: 0px;
  font-weight: normal;
  text-align: center;
  width:80%;
}
.amenities-inner .btn-view-more{
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing:2px;
}
.left-side-calc-detail ul{
  margin:0px;
  width: 100%;
}
.left-side-calc-detail ul li{
  width:100%;
  display: inline-block;
  margin-bottom: 70px;
}
.left-side-calc-detail ul li:last-child{
  margin-bottom:0px;
}
.left-side-calc-detail ul li bdi{
  text-decoration: line-through;
  font-size: 18px;
  font-family: 'Cera Pro';
  color: #000;
  display: block;
  margin-bottom:10px;
}
.left-side-calc-detail ul li span{
  display: block;
  font-size:55px;
  font-weight:500;
  color: #000;
  line-height:50px;
  margin-bottom: 10px;
}
.left-side-calc-detail ul li span strong{
  font-weight: normal;
}
.left-side-calc-detail ul li p{
  font-size:12px;
  color: #000;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.calculator-section{
  padding: 100px 0px 50px;
  overflow: hidden;
}
.calculator-inner-area{
  display: flex;
}
.left-side-calc-detail{
  width: 45%;
}
.mortage-calc{
  width:53%;
  max-width: 670px;
  margin-left: auto;
  padding-top: 25px;
}
.field-plus-wrap h5{
  font-size: 20px;
  line-height: 24px;
  color: #000;
  font-weight: normal;
  margin-bottom: 15px;
}
.outer-field-btns{
  display: flex;
}
.field-area-dtl{
  border: 1px solid #c9c7c7;
  width: 435px;
  height: 75px;
  display: flex;
  padding:0px 25px;
  align-items: center;
}
.field-area-dtl span{
  font-size: 20px;
  font-family: 'Cera Pro';
  line-height: normal;
  color: #000;
}
.field-area-dtl input{
  width: 100%;
  height: 75px;
  font-family: 'Cera Pro';
  font-size: 20px;
  color: #000;
}
.field-area-dtl input::placeholder{
  color:#000;
  font-family: 'Cera Pro';
  font-size: 20px;
}
.plus-mins-btns{
  margin-left: auto;
}
.plus-mins-btns button{
  width:75px;
  height: 75px;
  border:0px;
  margin-left:25px;
  font-size: 20px;
  font-family: 'Cera Pro';
  color:#000;
}
.plus-mins-btns button:focus{
  outline:none;
  border:1px solid #000;
}
.plus-mins-btns button:first-child{
  margin-left: 0px;
}
.advanced-payment-value-outer{
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
.advanced-payment-value-outer span{
  margin-left: auto;
   font-family: 'Cera Pro';
  font-size: 18px;
  color: #000;
}
.advanced-payment-value-outer h4{
  font-family: 'Cera Pro';
  font-size: 21px;
  color: #000;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-weight: normal;
}
.range-calc-wrapp p{
  color: #aeaeae;
  font-size: 22px;
  line-height: 26px;
  font-family: 'Cera Pro';
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 0px;
}
.range-calc-wrapp{
  margin: 45px 0px;
  display: block;
}
.range-calc-wrapp .rangeslider, 
.range-calc-wrapp .rangeslider__fill{
  box-shadow: none;
}
.range-calc-wrapp .rangeslider--horizontal{
  height:8px;
}
.range-calc-wrapp .rangeslider{
  background:#c9c7c7;
}
.range-calc-wrapp .rangeslider__fill{
  background:#a3a2a2;
}
.range-calc-wrapp .rangeslider__handle{
  width: 140px;
  height: 60px;
  background: #fff;
  border: 1px solid #c9c7c7;
  border-radius: 30px;
  box-shadow: none;
  top: -30px !important;
  text-align: center;
  line-height: 57px;
  font-family: 'Cera Pro';
  font-size: 19px;
  color: #000;
}
.range-calc-wrapp .rangeslider__handle:active{
  background:#fff;
}
.range-calc-wrapp .rangeslider__handle:before{
  content: "\f104";
  font-family:"FontAwesome";
  position: absolute;
  top:50%;
  left:11px;
  transform: translateY(-50%);
  font-size: 18px;
  color: #000;
}
.range-calc-wrapp .rangeslider__handle:after{
  content: "\f105";
  font-family:"FontAwesome";
  position: absolute;
  top:50%;
  right:11px;
  margin-top:-28px;
  font-size: 18px;
  color: #000;
  width: unset;
    height:60px;
    left: unset;
    background: transparent;
}
.estimted-price-value-wrap{
  display: flex;
  align-items: center;
}
.estimated-price-dtl{
  margin-top:60px;
}
.price-all-calct bdi{
  font-size:55px;
  font-weight: 500;
  font-family: 'Cera Pro';
}
.price-all-calct span{
  margin-left: 15px;
  font-size: 23px;
  line-height: 27px;
  font-weight: normal;
  font-family: 'Cera Pro';
}
#btn-calct{
  margin-left: auto;
  border: 0px;
  width: 200px;
  height:50px;
  background:#c9c7c7;
  color: #fff;
  font-size: 12px;
  font-family: 'Cera Pro';
  letter-spacing: 1px;
  text-transform: uppercase;
  border:1px solid transparent;
  transition: all 0.3s ease-in-out;
}
#btn-calct:focus{
  outline: none;
}
#btn-calct:hover{
  border: 1px solid #c9c7c7;
  color: #000;
  background:#fff;
}
.solution-partner-dtl{
  background:#efefef;
  padding:65px 0px;
  overflow: hidden;
}
.solution-dtl-inner ul{
  margin-bottom: 0px;
}
.solution-partner-slider .slick-slide{
  margin:0px 10px;
}
.solution-partner-slider .slick-prev,.solution-partner-slider .slick-next{
	top:40%;
}
.solution-dtl-inner ul li h4{
  font-size:18px;
  color:#000;
  font-weight:normal;
  text-align: center;
  margin-bottom: 0px;
  margin-top:20px;
}
.solution-dtl-img-box{
  height:180px;
}
.solution-dtl-img-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.feel-love-dtl{
  padding:40px 0px 160px;
  overflow: hidden;
}
.follow-us-slide-dtl{
  height:400px;
}
.villa-detail-map-wrap{
  position: relative;
}
.villa-detail-map-inner{
  position: absolute;
  top:60px;
  z-index: 9;
}
.villa-detail-map-inner .h2-heading{
  color:#000;
}
.aprt-detail-map{
  height:700px;
}
.more-apart-dtl-img-box{
  height:400px;
}
.more-apart-dtl-img-box img{
  height:100%;
  object-fit: cover;
}
.more-apart-dtl-slider{
  margin: 0px -25px;
}
.more-apart-dtl-slider .slick-slide{
  margin: 0px 25px;
}
.more-apart-dtl-content-box .apartment-list-heading{
  margin:10px 0px;
}
.more-apart-dtl-content-box .apartment-list-heading a{
  font-size:24px;
  font-weight: 500;
}
.more-apart-dtl-content-box .apartment-list-descp{
  font-size:15px;
  font-weight: normal;
}
.more-apart-dtl-content-box .unit-beds{
  margin:12px 0px 15px;
}
.more-apart-dtl-content-box .price-discount{
  flex-wrap: wrap;
}
.more-apart-dtl-content-box .price-discount-inner{
  margin-right: 0px;
  width: 100%;
}
.more-apart-dtl-content-box .discount-price{
  margin-left: 0px;
}
.more-apart-dtl-content-box .actual-price{
  font-size:13px;
}
.more-apart-dtl-content-box .price-discount{
  margin-bottom: 15px;
}
.more-apart-dtl-section{
  padding:130px 0px 100px;
  overflow: hidden;
}
.more-apart-dtl-section .h2-heading{
  text-align: center;
}
.register-interst-dtl{
  background:#e8e9ea;
  padding:40px 0px 60px;
  display: inline-block;
  width: 100%;
}
.register-interst-dtl-inner .h2-heading{
  text-align: center;
}
.register-interst-dtl-form{
  display:block;
  max-width: 1045px;
  margin: auto;
}
.dtl-field-wrap{
  width:48%;
  display: inline-block;
  float: left;
  margin-left:4%;
  margin-bottom: 25px;
	-webkit-animation-fill-mode:unset !important;
}
.dtl-field-wrap:nth-of-type(5){
  width: 100%;
}
.dtl-field-wrap:nth-child(2n+1){
  margin-left: 0px;
}
.dtl-field-wrap label{
  width:100%;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Cera Pro';
  margin-bottom: 10px;
  line-height: normal;
}
.apart-dtl-field{
  width: 100%;
  height: 55px;
  border:1px solid #e8b4b7;
  padding:0px 10px;
}
textarea.apart-dtl-field{
  border:1px solid #afafb0;
  height:140px;
  resize: none;
  width: 48%;
  padding-top:10px;
}
.apart-dtl-btn-sb{
  width: 200px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #071c35;
  background:#071c35;
  color:#fff;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Cera Pro';
  letter-spacing: 1px;
  font-weight: normal;
  transition: all 0.3s ease-in-out;
}
.apart-dtl-btn-sb:hover{
  color:#000;
  background: transparent;
  border: 1px solid #071c35;
}
#email-validation-message{
	color: #D8000C;
	position:absolute;
	bottom:-35px;
	margin-bottom:0px;
}

/*-------Page---------*/
.page-banner-heading{
  position: relative;
}
.page-section{
  padding-bottom:100px;
}
.wrap-page-inside{
  padding-bottom:50px;
}
.error-404{
  padding:100px 0px;
}
/*-------Contact form 7-------*/
.register-interst-dtl-inner .wpcf7 form.invalid .wpcf7-response-output{
	max-width:1045px;
	margin:30px auto 0px;
}
.register-interst-dtl-inner .wpcf7 form.sent .wpcf7-response-output{
	max-width:1045px;
	margin-left:auto;
	margin-right:auto;
}
.wpcf7-not-valid-tip{
	position:absolute;
	font-size:13px;
	left:0px;
} 
.wpcf7-form-control-wrap{
	display:block;
}
.wpcf7 form.invalid .wpcf7-response-output{
	margin-top:3em;
	border: 1px solid #D8000C;
    color: #D8000C;
    font-size: 13px;
    background: #FFBABA;
    padding: 5px 10px;
    text-align: center;
	font-family: 'Cera Pro';
}
.wpcf7 form.sent .wpcf7-response-output{
	color: #46b450;
    background: #fff;
    border: 1px solid #6f9b41;
	text-align:center;
}
#wpcf7-f1372-o2 .life-form-field-wrap:nth-of-type(5){
	width:47%;
}
#wpcf7-f1372-o2 .life-form-field-wrap:nth-of-type(9){
	width:100%;
}
#wpcf7-f896-o2 .life-form-field-wrap:nth-of-type(3){
	width:100%;
}
#wpcf7-f896-o2 .life-form-field-wrap:nth-of-type(4){
	width:100%;
    margin-left:0px;
}
#from_page{
	height:55px;
	margin-top:12px;
}
.hm-result-section h2{
	text-align:center;
}
/*.tp-video-play-button{
	background:url(assets/images/play-btn.png) no-repeat !important;
	width:88px !important;
	height:88px !important;
	transform: translate(-50%, -50%);
	margin-top:0px !important;
	margin-left:0px !important;
}
.tp-video-play-button i,
.tp-video-play-button .tp-revstop{
	display:none !important;
}*/
/*-------video call popup------*/
.modal.modal-static .modal-dialog{ 
	-webkit-transform: none !important; 
	transform: none !important; 
}
.modal-dialog {
    pointer-events: unset !important;
}
.modal-dialog.dreamland-popup{
	max-width:1200px;
}
.dreamland-popup-content{
	background:#fff;
	padding:50px;
}
.video-popup-form-area{
	display:inline-block;
	margin-top:20px;
}
.close.dreamland-popup-close{
    opacity: 1;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
}
.close.dreamland-popup-close span{
	font-weight: 500;
    font-size: 50px;
    height: 40px;
    line-height: 30px;
    display: inline-block;
}
.close.dreamland-popup-close:focus{
    outline: none;
}
.close.dreamland-popup-close:hover{
    transform: rotateZ(90deg);
}
.dreamland-popup-content-area h4{
	font-weight: 500;
    font-size: 30px;
    color: #000;
	text-transform:uppercase;
}


/*--------------Key frames------------*/
@keyframes iconupdown{
    50%{
      transform:translateY(-6px);
    }
    100%{
      transform:translateY(0);
    }
  }
  @-webkit-keyframes iconupdown{
    50%{
      transform:translateY(-6px);
    }
    100%{
      transform:translateY(0);
    }
  }
@-webkit-keyframes shine {
  100% {
    left: 100%;
  }
}
@keyframes shine {
  100% {
    left: 100%;
  }
}
@keyframes scrolldown {
    0%{
        background-position: 0 $line-height-abs;
    }
    75% {
        background-position: 0 0;
    }
    100%{
        background-position: 0 $line-height;
    }
}


/*---------Key Frames----------*/
@keyframes slide-in-nav-item {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slide-in-nav-item-reverse {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes iconupdown{
    50%{
      transform:translateY(-6px);
    }
    100%{
      transform:translateY(0);
    }
  }
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animatable{
  
    /* initially hide animatable objects */
    visibility: hidden;
    
    /* initially pause animatable objects their animations */
    -webkit-animation-play-state: paused;   
    -moz-animation-play-state: paused;     
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;   
    animation-play-state: paused; 
  }
  
  /* show objects being animated */
  .animated {
    visibility: visible;
    
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
  
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
  }
  
  /* CSS Animations (extracted from http://glifo.uiparade.com/) */
  @-webkit-keyframes fadeInDown {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-20px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes fadeInDown {
      0% {
          opacity: 0;
          -moz-transform: translateY(-20px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes fadeInDown {
      0% {
          opacity: 0;
          -o-transform: translateY(-20px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes fadeInDown {
      0% {
          opacity: 0;
          transform: translateY(-20px);
      }
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }

     @-webkit-keyframes slideRight {
       0% {
          opacity: 0;
          transform: translateX(80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
    @-moz-keyframes slideRight {
       0% {
          opacity: 0;
          transform: translateX(80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    } 
    @-o-keyframes slideRight {
       0% {
          opacity: 0;
          transform: translateX(80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
    @keyframes slideRight {
      0% {
          opacity: 0;
          transform: translateX(80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
  
  
  
  @-webkit-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @keyframes fadeIn {
      0% {
          opacity: 0;
      }
      60% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  @-webkit-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-1000px);
      }
      60% {
          -webkit-transform: translateX(20px);
      }
  
      80% {
          -webkit-transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
      }
  }
  
  @-moz-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -moz-transform: translateX(-1000px);
      }
  
      60% {
          -moz-transform: translateX(20px);
      }
  
      80% {
          -moz-transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateX(0);
      }
  }
  
  @-o-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -o-transform: translateX(-1000px);
      }
  
      60% {
          opacity: 1;
          -o-transform: translateX(20px);
      }
  
      80% {
          -o-transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateX(0);
      }
  }
  
  @keyframes bounceInLeft {
      0% {
          opacity: 0;
          transform: translateX(-1000px);
      }
  
      60% {
          transform: translateX(20px);
      }
  
      80% {
          transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
  }
  @-webkit-keyframes bounceInRight {
      0% {
          opacity: 0;
          -webkit-transform: translateX(1000px);
      }
  
      60% {
          -webkit-transform: translateX(-20px);
      }
  
      80% {
          -webkit-transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
      }
  }
  
  @-moz-keyframes bounceInRight {
      0% {
          opacity: 0;
          -moz-transform: translateX(1000px);
      }
  
      60% {
          -moz-transform: translateX(-20px);
      }
  
      80% {
          -moz-transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateX(0);
      }
  }
  
  @-o-keyframes bounceInRight {
      0% {
          opacity: 0;
          -o-transform: translateX(1000px);
      }
  
      60% {
          -o-transform: translateX(-20px);
      }
  
      80% {
          -o-transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateX(0);
      }
  }
  
  @keyframes bounceInRight {
      0% {
          opacity: 0;
          transform: translateX(1000px);
      }
  
      60% {
          transform: translateX(-20px);
      }
  
      80% {
          transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
  }
  @-webkit-keyframes fadeInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(20px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes fadeInUp {
      0% {
          opacity: 0;
          -moz-transform: translateY(20px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes fadeInUp {
      0% {
          opacity: 0;
          -o-transform: translateY(20px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes fadeInUp {
      0% {
          opacity: 0;
          transform: translateY(20px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  @-webkit-keyframes slideLeft {
       0% {
          opacity: 0;
          transform: translateX(-80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
    @-moz-keyframes slideLeft {
       0% {
          opacity: 0;
          transform: translateX(-80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    } 
    @-o-keyframes slideLeft {
       0% {
          opacity: 0;
          transform: translateX(-80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
    @keyframes slideLeft {
      0% {
          opacity: 0;
          transform: translateX(-80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
  @-webkit-keyframes bounceIn {
      0% {
          opacity: 0;
          -webkit-transform: scale(.3);
      }
      50% {
          -webkit-transform: scale(1.05);
      }
  
      70% {
          -webkit-transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: scale(1);
      }
  }
  
  @-moz-keyframes bounceIn {
      0% {
          opacity: 0;
          -moz-transform: scale(.3);
      }
  
      50% {
          -moz-transform: scale(1.05);
      }
  
      70% {
          -moz-transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          -moz-transform: scale(1);
      }
  }
  
  @-o-keyframes bounceIn {
      0% {
          opacity: 0;
          -o-transform: scale(.3);
      }
  
      50% {
          -o-transform: scale(1.05);
      }
  
      70% {
          -o-transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          -o-transform: scale(1);
      }
  }
  
  @keyframes bounceIn {
      0% {
          opacity: 0;
          transform: scale(.3);
      }
  
      50% {
          transform: scale(.9);
      }
  
      70% {
          transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          transform: scale(1);
      }
  }
  @-webkit-keyframes moveUp {
      0% {
          opacity: 1;
          -webkit-transform: translateY(40px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes moveUp {
      0% {
          opacity: 1;
          -moz-transform: translateY(40px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes moveUp {
      0% {
          opacity: 1;
          -o-transform: translateY(40px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes moveUp {
      0% {
          opacity: 1;
          transform: translateY(40px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  @-webkit-keyframes moveDown {
      0% {
          opacity: 1;
          -webkit-transform: translateY(-40px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes moveDown {
      0% {
          opacity: 1;
          -moz-transform: translateY(-40px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes moveDown {
      0% {
          opacity: 1;
          -o-transform: translateY(-40px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  @keyframes moveDown {
      0% {
          opacity: 1;
          transform: translateY(-40px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  @-webkit-keyframes fadeBgColor {
      0%{
          background:none;
      }
   
    70%{
          background:rgba(0,0,0,0.95);
      }
      100%{
          background:#000;
      }
  }
  @-o-keyframes fadeBgColor {
      0%{
          background:none;
      }
   
    70%{
          background:rgba(0,0,0,0.95);
      }
      100%{
          background:#000;
      }
  }
  @keyframes fadeBgColor {
      0%{
          background:none;
      }
    70%{
          background:rgba(0,0,0,0.95);
      }
      100%{
          background:#000;
      }
  }
  
  .animated.animationDelay{
      animation-delay:.25s;
      -webkit-animation-delay:.25s;
  }
  .animated.animationDelayMed{
      animation-delay:1s;
      -webkit-animation-delay:1s;
  }
  .animated.animationDelayLong{
      animation-delay:1.2s;
      -webkit-animation-delay:1.2s;
  }
  .animated.fadeBgColor {
      -webkit-animation-name: fadeBgColor;
      -moz-animation-name: fadeBgColor;
      -o-animation-name: fadeBgColor;
      animation-name: fadeBgColor;
  }
  .animated.bounceIn {
      -webkit-animation-name: bounceIn;
      -moz-animation-name: bounceIn;
      -o-animation-name: bounceIn;
      animation-name: bounceIn;
      -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
  }
  .animated.bounceInRight {
      -webkit-animation-name: bounceInRight;
      -moz-animation-name: bounceInRight;
      -o-animation-name: bounceInRight;
      animation-name: bounceInRight;
  }
  .animated.bounceInLeft {
      -webkit-animation-name: bounceInLeft;
      -moz-animation-name: bounceInLeft;
      -o-animation-name: bounceInLeft;
      animation-name: bounceInLeft;
  }
  .animated.fadeIn {
      -webkit-animation-name: fadeIn;
      -moz-animation-name: fadeIn;
      -o-animation-name: fadeIn;
      animation-name: fadeIn;
  }
  .animated.fadeInDown {
      -webkit-animation-name: fadeInDown;
      -moz-animation-name: fadeInDown;
      -o-animation-name: fadeInDown;
      animation-name: fadeInDown;
    
  }
  .animated.slideRight {
      -webkit-animation-name: slideRight;
      -moz-animation-name: slideRight;
      -o-animation-name: slideRight;
      animation-name: slideRight;
  }
  .animated.slideLeft {
      -webkit-animation-name: slideLeft;
      -moz-animation-name: slideLeft;
      -o-animation-name: slideLeft;
      animation-name: slideLeft;
  }
  .animated.fadeInUp {
      -webkit-animation-name: fadeInUp;
      -moz-animation-name: fadeInUp;
      -o-animation-name: fadeInUp;
      animation-name: fadeInUp;
  }
  .animated.moveUp {
      -webkit-animation-name: moveUp;
      -moz-animation-name: moveUp;
      -o-animation-name: moveUp;
      animation-name: moveUp;
  }
  .animated.moveDown {
      -webkit-animation-name: moveDown;
      -moz-animation-name: moveDown;
      -o-animation-name: moveDown;
      animation-name: moveDown;
  }