/*-------------------------------------------------------------
Template Name: Appaswamy Realestate
Template Type: Realestate
Author Name: Yungmedia
Author URL: https://yungmedia.com
Version: 1.0
--------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');


@font-face {
    font-family: 'Objectivity ExtraBold';
    font-style: normal;
    font-weight: normal;
src: url(../fonts/Objectivity-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: 'Objectivity Bold';
    font-style: normal;
    font-weight: normal;
src: url(../fonts/Objectivity-Bold.woff) format('woff');
}
@font-face {
    font-family: 'BigCaslon-Rom';
    font-style: normal;
    font-weight: normal;
src: url(../fonts/BigCaslon-Rom.woff) format('woff');
}  

body{background: #FFF;font-family: 'Manrope', sans-serif;}
:focus {
	outline: 0px;
    outline: -webkit-focus-ring-color auto 0px;
}
.top{position: absolute;
    top: 0px;
 
    width: 100%;
    background:none;
}
.topmenufix{
    position: fixed;
    z-index: 100;
    width: 100%;
}
.header-container{ position:absolute; top:0px; width:100%;z-index: 11;background: #FFF; height:60px;}
.header-container .primary-navigation .primary-nav-container{position:inherit}
@media(max-width:767.98px){.header-container .primary-navigation .left-nav-icon-ul{position:absolute;z-index:2}
}
.header-container .primary-navigation .primary-nav-links .primary-nav-dropdown a:focus+.dropdown-container{height:4.0625rem;-webkit-transition:height .3s ease-in;transition:height .3s ease-in}
.header-container .primary-navigation .primary-nav-links .primary-nav-dropdown:focus .dropdown-container{height:4.0625rem;-webkit-transition:height .3s ease-in;transition:height .3s ease-in}
.header-container .primary-navigation .primary-nav-links .primary-nav-dropdown:hover .dropdown-container{height:4.0625rem;-webkit-transition:height .3s ease-in;transition:height .3s ease-in}
.header-container .primary-navigation .primary-nav-links .dropdown-container{width:100%;position:absolute;left:0;top:3.7rem;overflow:hidden;-webkit-transition:height .2s ease-out;transition:height .2s ease-out;height:0; z-index:10;}
.header-container .primary-navigation .primary-nav-links .dropdown-container .dropdown-list{background:#f5f6f7;text-align:center;padding:0;height:100%;line-height:4.0625rem;}
[lang=ar-AE] .header-container .primary-navigation .primary-nav-links .dropdown-container .dropdown-list,[lang=ar-SA] .header-container .primary-navigation .primary-nav-links .dropdown-container .dropdown-list{font-family:"Gotham-Medium",Arial,sans-serif}
.header-container .primary-navigation .primary-nav-links .dropdown-container .dropdown-list .dropdown-list-item{display:inline-block;padding:0 1.5rem;}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;    
    padding-top: 0.5rem;
    padding-bottom: 0rem;
}
 .navbar-nav {margin-top:11px;}
 .navbar-nav ul{ margin:0px auto !important; list-style:none;font-family: 'Montserrat', sans-serif;}
 .navbar-nav li{font-weight: 900;
font-size: 15px;padding: 0px 25px 12px 0px;}
.nav-link{ padding:0px;}
.navbar-nav a{ color:#000;}.navbar-nav a:hover{ color:#d20023;}

.navbar-nav ul li .active{
color:#d20023;
}


.logo{position:relative; z-index:1000;padding: 10px 0px 10px 0px;}
.backgroundVideo {
      position: fixed;
      right: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
   }
.mobile{ padding-left:55px;     
    padding-bottom: 6px;
    background:url("../images/phone-icon.jpg") no-repeat; 
    line-height:20px;
    position: relative;
    z-index: 12;
    float: right;
    top: 0px; 
    padding-top: 3px;
}
    .mobile a{ color: #333940; font-size:16px; text-decoration:none; font-weight:700;}.mobile span{ font-size:14px;font-weight:500;color:#777879}
.carousel { position: relative;
    top: 0px; z-index: 1;
}
.menu{}
.menu ul{margin: 0px;}
.menu li{list-style: none;float: left;font-weight: 900;font-size: 16px;padding: 25px 25px 25px 0px;}
.aboutus{ position: relative;background:#fdf6e5; width:100%; top:60px;}
.aboutus h2{color:#333940;font-size:34px;font-family: 'Objectivity ExtraBold';font-weight: 800; text-transform:uppercase;}
.aboutus h3{color:#333940;font-size:24px;font-family: 'Objectivity Bold';font-weight: 800; text-transform:uppercase;padding-bottom: 15px;}
.aboutus h3 span{color:#707479;font-size:13px;font-family: 'Manrope';font-weight: 500; text-transform:uppercase;}
.aboutus p{color: #707479;font-size: 16px;font-family: 'Manrope'; font-weight: 500;line-height: 26px;}
.readmore{width: 200px;border: solid 2px #d20023; text-align: center;color: #d20023;font-family: 'Manrope';font-weight: 800;border-radius: 10px;padding: 15px 20px 15px 20px;margin-top: 27px;font-size: 17px;}
.aboutus a{ text-decoration:none;}
.projectslist{background:#FFF;}
.projectslist h2{color:#333940;font-size:34px;font-family: 'Objectivity ExtraBold';font-weight: 800; text-transform:uppercase;}
.projectslist h3{color:#333940;font-size:24px;font-family: 'Objectivity Bold';font-weight: 800; text-transform:uppercase;padding-bottom: 15px;}
.projectslist h3 span{color:#707479;font-size:13px;font-family: 'Manrope';font-weight: 500; text-transform:uppercase;}
.projects-item{ border:solid 1px #e8e8e8;}
.viewallprojects{width: 200px;margin: 0px auto;border: solid 2px #d20023; text-align: center;color: #d20023;font-family: 'Manrope';font-weight: 800;border-radius: 10px;padding: 15px 20px 15px 20px;margin-top: 50px;font-size: 17px;}
.project-title{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.6) 79%, rgba(0, 0, 0, 0.86) 114%);
    position: relative;
    z-index: 15;
    bottom: 63px;
    padding: 0px 0px 12px 15px;}
.project-title h3{ margin-bottom:0px; padding-bottom:0px; text-transform:capitalize;}
.project-title p{ margin-bottom:0px; padding-bottom:0px; }
.img-hol a{ text-decoration:none; color:#FFF;}
.img-hol{height:286px; position:relative;}
.img-hol2{height:286px; background:url(../images/trellis-thumb.jpg) center center no-repeat; background-size:cover;width:100%;}
.img-hol3{height:286px; background:url(../images/habitat-thumb.jpg) center center no-repeat; background-size:cover;width:100%;}
.location{}
.viewallprojects a{ text-decoration:none;color: #d20023;}
.projectshortdetails{ padding: 44px 20px 9px 20px;}
.projectshortdetails ul{ list-style:none; padding:0px;font-family: Manrope;}
.projectshortdetails li{ padding-left:40px ;width:50%; margin-bottom:17px; float:left; color:#404040; font-weight:bold; font-size:14px; }
.projectshortdetails li span{color:#7e7e7e; font-size:11px;}
.app{background:url(../images/apartments-type.jpg) no-repeat center left;}
.Possession{background:url(../images/Possession.jpg) no-repeat center left;}
.price{background:url(../images/ruppes.jpg) no-repeat center left;}

.status{background:url(../images/project-status.jpg) no-repeat center left;}
.hospitality{ background:#f5f6f7;}
.hospitality h2{color:#333940;font-size:34px;font-family: 'Objectivity ExtraBold';font-weight: 800; text-transform:uppercase;}
.hospitality h3{color:#333940;font-size:28px;font-family: 'Objectivity Bold';font-weight: 800; text-transform:uppercase;padding-bottom: 0px; padding-top:10px;}
.hospitality h3 span{color:#707479;font-size:13px;font-family: 'Manrope';font-weight: 500; text-transform:uppercase;}
.hospitality p{color: #707479;font-size: 15px;font-family: 'Manrope';
font-weight: 500;line-height: 24px;}
.hospitality a{ text-decoration:none;}
.Press{background:#FFF;}
.Press h2{color:#333940;font-size:34px;font-family: 'Objectivity ExtraBold';font-weight: 800; text-transform:uppercase;}

.blogtag1 {
    position: relative;
    z-index: 10;
    background: #d20023;
    color: #FFF;
    text-transform: uppercase;
    padding: 3px 8px 4px 8px;
    top: -31px;
    width: 80px;
}
.blogtitle{padding: 3px 10px 3px 10px;
    font-weight: 700;
    height: 87px;margin-top: -20px;}
.blogtitle h3{color:#333940;font-size:24px;font-family: 'Objectivity Bold';font-weight: 800; text-transform:uppercase;padding-bottom: 15px;}
.bloglinks{padding: 10px 10px 10px 10px}
.blog-date{ color:#707479; font-size:14px;}
.blog-links{ float:right;}
.blog-links a{ color:#d20023; text-decoration:none; font-weight:800; }
.blogtag2{position: relative;
    z-index: 10;
    background: #029e17;
    color: #FFF;
    text-transform: uppercase;
    padding: 3px 8px 4px 8px;
    top: -31px;
    width: 100px;}
.contactus{background:#f5f6f7; position:relative}
.contact-address{
    width: 320px;
   
    background: #FFF;
    padding: 30px; margin:0px auto;box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;}
  .contact-address p{ font-weight:500; margin-bottom:5px;}
  .contact-address h4{ color:#333940; font-weight:800;}
   .contact-address a{ text-decoration:none; color:#333940;}
.mapbg{ background:url(../images/map.webp) no-repeat top left; background-size:cover; padding:20%; }
.homepage-contact-form{ padding:60px 30px 30px 30px;}
.homepage-contact-form p{ font-size:18px; color:#707479;}
.homepage-contact-form select {
       padding-left: 10px; padding-right:10px;
    word-wrap: normal;
    width: 100%;
    height: 55px;
}
.form-control{ margin-bottom:30px; height:55px ;border: solid 1px #707479;}
.redbotton{ background:#d20023; width:100%; font-weight:bold; border: solid 1px #d20023 }
footer{ background:#2a3036;padding: 36px 0px 0px 0px;}
footer h3{color:#FFF; font-size:17px}
footer p{color: #7e8082;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 10px;}
footer a{ text-decoration:none; color:#7e8082; font-size:14px; padding-right:10px;}
footer a:hover{ color:#7e8082; font-size:14px; padding-right:10px;}
.footer-bottom{ color:#7e8082;margin-top:30px; border-top:solid 1px #4a4a4a; padding:10px 0px 10px 0px;}
.footer-bottom a{    
    padding-right:0px;
}
.footer-bottom a:hover{    
    padding-right:0px;    
}
.zoom-effect-1 img,
.zoom-effect-2 img,
.opacity-effect img,
.blur-effect img,
.grayscale-effect img{
   transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.effect-image-1{
  position: relative;
  display: block;
}
/*!-- ovarlay zoom in effect --*/
  .zoom-effect-1{
    overflow: hidden;
  }
  .zoom-effect-1 img{
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  .zoom-effect-1:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }



@media (max-width: 767px){
  .effect-image-1{
    margin:30px 0px;
  }
}
.caption-top {
    position: absolute;
    bottom: 53px;
    left: 0px;
    width: 420px;
	background:url(../images/home-captions-bg.png) repeat-y left;
   
    color: #000;
    padding-left: 10px;
}
.caption-top1 {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-right: 20px;
    text-align: right;
    color: #FFF;
    right: 0px;
}
.caption-top h2{ font-size:28px; padding-top:30px;}
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.videobg{height:630px;}
.video{ width:100%;}
.video-container {
  height: 100vh;
  position: relative;
  top:60px;
  overflow: hidden;
  background: #fdf6e5;
}

video {
  object-fit: cover; // Set the magic
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.ashbg{background:#f5f6f7 !important;}
/* Paddings and Margins */
.ptb10{padding-top:10px; padding-bottom:10px;}
.ptb56{padding-top:56px; padding-bottom:56px;}
.ptb66{padding-top:56px; padding-bottom:56px;}
.ptb70{padding-top:70px; padding-bottom:70px;}
.pb40{padding-bottom:40px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pt40{ padding-top:40px;}
.mb30{margin-bottom:30px;}


.mobicon{position:  absolute;
    z-index: 12;
    top: 10px;}
.mobimenu{
position: absolute;
    z-index: 12;
    top: 10px;}
.pagination {
  justify-content: center!important;
  width: 75%;
  margin: 1em auto;
  text-align: center;
  
  &:after {
    content: '';
    clear: both;
  }
}
.pagination ul{
    list-style: none !important;
}

.pagination-button {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #e0e0e0;  
  background-color: #eee;
  color: #333;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
  
  &:hover {
    background-color: #ddd;
    color: #3366cc;
  }
  
  &.active {
    background-color: #bbb;
    border-color: #bbb;
    color: #3366cc;
  }
  
  $border-radius: 18px;  
  
  &:first-of-type {
    border-radius: $border-radius 0 0 $border-radius;
  }

  &:last-of-type {
    border-radius: 0 $border-radius $border-radius 0;
  }
}

/* arbitrary styles */
.heading { text-align: center; max-width: 500px; margin: 20px auto; }

.article-loop {
  display: block;
  width: 75%;
  padding: 1em 2em;
  margin: 1em auto;
  border: 1px solid #ddd;
  background-color: #ededed;
}
.carousel {
  position: relative;
}
.carousel-item img {
  object-fit: cover;
}

#carousel-thumbs {
  background: #f0f0f0;
  padding: 0 50px;
}
#carousel-thumbs img:hover {
  opacity: 100%;
}

#carousel-thumbs img {
  opacity: 80%;
  border: 3px solid transparent;
  cursor: pointer;
}
#carousel-thumbs .selected img {
  opacity: 100%;
}

.carousel-control-prev,
.carousel-control-next {
  width: 50px;
}

.carousel-fullscreen-icon {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  z-index: 4;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}

.carousel-fullscreen-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}

.pause .carousel-pause-icon {
  position: absolute;
  top: 3.75rem;
  left: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  z-index: 4;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}
.pause .carousel-pause-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}

.play .carousel-pause-icon {
  position: absolute;
  top: 3.75rem;
  left: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  z-index: 4;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}

.play .carousel-pause-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}

#carousel-thumbs .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#carousel-thumbs .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.modal-content {
  border-radius: 0;
  background-color: transparent;

  border: none;
}
#lightbox-container-image img {
  width: auto;
  max-height: 520px;
}
.modal.show .modal-dialog {
    transform: none;
    background: #fff;
}

.social-icon{}
.social-icon i{    color: #FFF;
    font-size: 35px;}
.facebook i{ color: #FFF;}
.facebook i:hover{ color: #3B5998;}
.instagram i{ color: #FFF;}
.instagram i:hover{color: transparent;
  background: radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;}
.youtube i{ color: #FFF;}
.youtube i:hover{ color: #FF0000;}
.linkedin i{ color: #FFF;}
.linkedin i:hover{ color: #0e76a8;}


.careers-pl{ padding-left:1px;}
.careers-pr{ padding-right:1px;}
.careers h2{color:#333940;font-size:34px;font-family: 'Objectivity ExtraBold';font-weight: 800; text-transform:uppercase;}
.careers h3{color:#333940;font-size:28px;font-family: 'Objectivity Bold';font-weight: 800; text-transform:uppercase;padding-bottom: 0px; padding-top:10px;}
.careers h3 span{color:#707479;font-size:13px;font-family: 'Manrope';font-weight: 500; text-transform:uppercase;}
.careers p {
    color: #333940;
    font-size: 16px;
    font-family: 'Manrope';
    font-weight: 500;
    line-height: 24px;
}
.careers-form{background:#FFF;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16); padding:40px;}
label {
    display: inline-block;
    background-color: #FFFFFF;
    border: solid 2px;
    color: #D20023;
    padding: 0.5rem;
    font-family: sans-serif;
    border-radius: 0.3rem;
    cursor: pointer;
    /* margin-top: 1rem; */
    margin-bottom: 30px;
  font-weight:bold;
}
form label.error {
  display: inline-block;
  background-color: #FFFFFF;
  border: 0px;
  color: #D20023;
  padding: 0;
  padding-bottom: 0px;
  font-family: sans-serif;
  border-radius: 0.3rem;
  cursor: pointer;
  margin-top: 0px; 
  margin-bottom: 0px;
  font-weight: normal;
  position: relative;
  top: -25px;
}
.box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon_home {
  position: absolute;
  right: -4px; top: -4px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon_home span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon_home span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon_home span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span {
  font-size: 9px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
/* rebbon ready */
.ribbon-ready {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon-ready span {
  font-size: 8px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#2ad131 0%, #059b0b 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon-ready span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #0fa915;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #0fa915;
}
.ribbon-ready span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #0fa915;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #0fa915;
}

.ribbon1 {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon1 span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#D20023 0%, #AB2020 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon1 span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #AB2020;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB2020;
}
.ribbon1 span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #AB2020;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #AB2020;
}

.ribbon2 {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon2 span {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #fafa04;
  background: linear-gradient(#fafa04 0%, #edc72b 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon2 span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #FBF200;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #FBF200;
}
.ribbon2 span::after {
  content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #FBF200;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #FBF200;
}
/* rebbon2l */
.ribbon2l {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 128px;
  height: 129px;
  text-align: right;
}
.ribbon2l span {
  font-size: 9px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 155px;
  height: 25px;
  display: block;
  background: #edc72b;
  background: linear-gradient(#fafa04 0%, #edc72b 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 25px;
  padding-top: 3px;
  right: -39px;
}
.ribbon2l span::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #FBF200;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 5px solid #FBF200;
}
.ribbon2l span::after {
  content: "";
  position: absolute;
  right: 9px;
  top: 108%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #FBF200;
  border-bottom: 3px solid transparent;
  border-top: 4px solid #FBF200;
}
/* ribbon-near */
.ribbon-nearing {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 128px;
  height: 129px;
  text-align: right;
}
.ribbon-nearing span {
  font-size: 9px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 155px;
  height: 25px;
  display: block;
  background: #fa6d27;
  background: linear-gradient(#ff935d 0%, #fa6d27 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 25px;
  padding-top: 3px;
  right: -39px;
}
.ribbon-nearing span::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #ad4816;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 5px solid #ad4816;
}
.ribbon-nearing span::after {
  content: "";
  position: absolute;
  right: 9px;
  top: 96%;
  z-index: -1;
  border-left: 5px solid transparent;
  border-right: 5px solid #ad4816;
  border-bottom: 5px solid transparent;
  border-top: 5px solid #ad4816;
}

.enquiry-float{background: #D20023;
    color: #FFF;
    position: fixed;
    right: -45px;
    color:#FFF;
    transform:rotate(-90deg);
    top: 48%;
    padding: 8px;
    z-index: 15; border-radius:5px;} 
.enquiry-float a{ color:#FFF; text-decoration:none;lline-height:24px; text-transform:uppercase; }
.enquiry-float a:hover{ color:#FFF; text-decoration:none;lline-height:24px; text-transform:uppercase; }
@media only screen and (max-width: 800px)  {
	.enquiry-float{background: #D20023;
    color: #FFF;
    position: fixed;
    right: -45px;
    color:#FFF;
    transform:rotate(-90deg);
	display:none !important;
    top: 48%;
    padding: 8px;
    z-index: 15; border-radius:5px;}
.enquiry-float a{ color:#FFF; text-decoration:none;lline-height:24px; text-transform:uppercase; }
.enquiry-float a:hover{ color:#FFF; text-decoration:none;lline-height:24px; text-transform:uppercase; }
	
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}
.flex-viewport {
  max-height: 365px !important;
}
.kott-text{
  font-size: 63px !important;
}
@media (max-width: 768px){
  .text-bigg h2{
      font-size: 50px !important;
  }
  .text-medium h2{
    font-size: 24px !important;
  }
  .app1{
    background:url(../images/apartments-type1.jpg) no-repeat center left !important;
    background-size: 60px !important;
}

.Possession1{
    background:url(../images/Possession.jpg) no-repeat center left !important;
    /* background-size: 60px !important; */
}

.price1{
    background:url(../images/ruppes.jpg) no-repeat center left !important;
    background-size: 60px !important;
}

.pro-location1 {

    background: url(../images/location-black1.jpg) no-repeat center left !important;
    background-size: 60px !important;

}
.status1{
    background:url(../images/project-status1.jpg) no-repeat center left !important;
    background-size: 60px !important;
}
.proje-logo img{
  padding-bottom: 10px !important;
}
}
@media (max-width: 991.98px){
.logo img{
    width: 215px;
}
}
.proje-logo img{
  padding-bottom: 10px !important;
}