@font-face {
  font-family: Roboto-Bold;
  src: url(Roboto-Bold.ttf);
}
@font-face {
  font-family: Roboto-Medium;
  src: url(Roboto-Medium.ttf);
}
@font-face {
  font-family: Roboto-Regular;
  src: url(Roboto-Regular.ttf);
}
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
.navbar-brand img{
	width:150px;
}
.pd-left5{
	padding-left: 5%;
}
.pd-right5{
	padding-right: 5%;
}
.pd-left8{
	padding-left: 8%;
}
.brown-color{
	color:#70462b;
}
.display-4 {
    font-size: 2.7rem;
    letter-spacing: 1px;
}
.display-6 {
    font-size: 2.2rem;
}
.bg-1{
	background: linear-gradient(90deg, rgba(124,143,150,1) 0%, rgba(201,206,206,1) 100%);
}
.bg-2{
	background: #c39e8d;
}
.bg-4{
	background: #a5a877;
}
.bg-5{
	background: #98c4c7;
}
.bg-7{
	background: #9fbba2;
}
.bg-8{
	background: #e8eded;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.pos-relative{
	position: relative;
}
.fimg-abrt, .fimg-abrt-green{
	position: absolute;
	left: 20px;
	top:0;
	width: 250px;
}
.fimg-gallery{
	position: absolute;
	right: 7%;
	top:0;
	width: 150px;
}
.b-fly{
	position: absolute;
	width: 100px;
	height: 100px;
	right: 6%;
	top:5%;
	animation: upDown 1.5s linear infinite alternate;
}
.ctm-button{
	color: #70462b;
	border: 2px solid #70462b;
	padding: 8px 20px;
	border-radius: 30px;
}
.ctm-button:hover{
	background: #70462b;
	border: 2px solid #70462b;
	padding: 8px 20px;
	border-radius: 30px;
	color: #ffffff;
}
.mb-10{
	margin-bottom: 10px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-50{
	margin-bottom: 50px;
}
.z-index-0{
	z-index: 0;
}
.z-index-1{
	z-index: 1;
}
.z-index-2{
	z-index: 2;
}
.z-index-3{
	z-index: 3;
}
.no-padding{
	padding: 0;
}
.fp-Slider a{
    color: #010101;
}
.fp-Slider a:hover {
    color: #3d2313;
}
.d-flex{
	display: flex;
}
.mr-auto{
	margin: auto;
}
.amn-col i{
 font-size: 3rem;
 color: #70462b;
 margin-bottom: 10px;
}
/*.amn-box{
	box-shadow: 0 6px 8px 0 rgba(0,0,0,.2);
    text-align: center;
    padding: 2rem 1rem 1rem;
    margin-bottom: 25px;
    border-radius: 8px 40px;
}*/
#scroll {
    display: none;
    width: 40px;
    position: fixed;
    right: 1%;
    bottom: 2%;
    z-index: 999;
}
.q-eqr {
    position: fixed;
    z-index: 101;
    writing-mode: vertical-rl;
    top: 32%;
    right: 0;
    color: #ffffff!important;
    padding: 16px 7px;
    background:  #70462b;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.mob {
    display: none;
}
.float {
    position: fixed;
    width: 60px;
    bottom: 2.5%;
    left: 10px;
    z-index: 100;
}
.web {
    display: block;
}
.whatsapp img,
.brochure img {
    width: 55px;
    height: 55px;
}

/*Left-bar*/
.box-wrapper {
    /*width: inherit;*/
    background: #fff;
    border-radius: 4px;
    border-radius: 0;
    display: table;
    position: fixed;
    background: #70462b;
   bottom: 35%;
    right: 0;
    /*opacity: 0.8; */
     z-index: 999;
}
.box-wrapper a {
  padding: 13px 8px;
  line-height: initial;
  margin: 0;
  color: #fff;
  font-size: 12px;
  display: block;
  border-bottom: 1px solid #fff;

}
.box-wrapper a:hover {
    background: #3d2313;
    color: #fff;
    text-decoration: none;
}
.social i{
   animation: 0.6s ease 0s alternate none infinite running crcle-anim;
    color: #f1f1f1;
    transition: all 1s ease 0s;
    float: left;
    margin: 0 5px 0 0;
}


@keyframes crcle-anim {
    0% {
        transform: scale3d(0.5, 0.5, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

.modal-dialog{
	max-width: 40%;
	top:10%;
}
.modal-header {
    padding: 1.2rem!important;
}
.modal-body {
    padding: 2rem;
}
.modal-content{
	border-radius: 0!important;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    color: #f1f1f1!important;
    top: 55%;
    background: rgb(112 70 43 / 40%);
    font-size: 20px!important;
    padding: 5px 10px!important;
    height: auto!important;
  }
#p-gallery .swiper-button-next, #p-gallery .swiper-button-prev {
    position: absolute;
    color: #f1f1f1!important;
    top: 40%;
    background: transparent;
    font-size: 20px!important;
    padding: 5px 10px!important;
    height: auto!important;
    z-index: 9999;
}

.swiper-button-next:after, .swiper-button-prev:after  {
  font-size: 25px;
}
.header .navbar .navbar-nav li a:hover, .header .navbar .navbar-nav li a:hover ~ span, .header .navbar .navbar-nav li a.active, .header .navbar .navbar-nav li a.active ~ span {
    font-weight: 600;
}
.home-banner-slider .hero__content1 {
  position: absolute;
  top: 45%;
  width: 100%;
  left: 55%;
  /*transform: translate(-50%, -50%);*/
}
.home-banner-slider .hero__content2 {
  position: absolute;
    top: 55%;
    padding: 2rem 3rem 0;
    left: 50%;
    background: rgb(22 12 6 / 60%);
    transform: translate(-50%, -50%);
}
.y-color{
  color:#ffeed8;
}
.home-banner-slider .mb-5 {
    margin-bottom: 2rem !important;
}
.swiper-pagination {
  bottom:7%;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #70462b;
}
.new-inner-page-header-bg{
  background: #d0af9e;
}
.inner-htitle{
  color: #70462b;
  font-size: 2.5rem;
}

.pd-left5{
  padding: 5%;
}
.amn-box p{
  font-size: 14px;
}
.mr-tp50{
  margin-top: 50px;
}
/*.f-plan-box{
  border: 2px solid #70462b!important;
  width: 100%;
  padding: 6rem 2rem;
  color: #70462b!important;
  border-radius: 0!important;
  font-size: 1.5rem;
}*/



/*Social */
.social-btn {
  display: flex;
  /*width: 170px;*/
  align-items: center;
  /*justify-content: space-between;*/
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  border: 1px;
/*  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;*/
  margin-bottom: 5px;
  position: relative;
  right: -74%;
  transition: right 1s;
}
.social-btn:hover {
  right: 0px;
  transition: right 1s;
}

.social {
  position: fixed;
  top: 45%;
  z-index: 99;
  right: 0;
  pointer-events: none;
}
.social-btn {
  pointer-events: auto;
}
.social a {
  text-decoration: none;
}

.color-common {
  background-color: #70462b;
}
.color-common:hover {
  background-color: #3d2313;
}
.social-btn p {
  color: white;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12px;
}
.social-btn i{
  color: #ffffff!important;
  margin-right: 15px;
}
.fnt-small{
  font-size: 14px;
  line-height: 20px;
}
.g-location{
  height: 450px;
  width:100%;
}
.ftr-logo{
  width: 70%;
}
.d-desk{
  display: block;
}
.d-mob{
  display: none;
}
#hero{
  margin-top: 5rem;
}

/*New Css*/
.pd-all-5{
  padding: 5% 0% 5% 10%;
}
.m-img{
  width: 100%;
    top: 0;
    position: absolute;
}
.bounce-y {
    -webkit-animation: bounce-y 10s infinite linear;
    animation: bounce-y 10s infinite linear
}

.bounce-x {
    -webkit-animation: bounce-x 8s infinite linear;
    animation: bounce-x 8s infinite linear
}
.bounce-xb {
    -webkit-animation:bounce-xb 5s linear infinite;
}

.bounce-rtl {
    -webkit-animation: bounce-rtl 5s linear infinite;
}
.bounce-b3 {
    -webkit-animation: bounce-b3 5s linear infinite;
}
.bounce-rightc {
    -webkit-animation: bounce-rightc 5s linear infinite;
}



@keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}


@keyframes bounce-rtl {
  0% {
    transform: translate(20px, 20px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

@keyframes bounce-xb {
 from {
    transform: translateX(0) translateY(20px);
  }

  to {
    transform: translateX(20px) translateY(0);
  }
}

@keyframes bounce-b3 {
  from {
    transform: translateX(0px) translateY(0px);
  }

  to {
    transform: translateX(-20px) translateY(-20px);
  }
}

.diagonal-to-top-right {
  /*animation-name: diagonal-to-top-right;*/
   /*animation-duration: 3s;*/
  /* animation-iteration-count: 3; */
  /*animation-iteration-count: infinite;*/
  /*animation-timing-function: linear;*/
  /*-webkit-animation: diagonal-to-top-right 8s linear infinite alternate;*/
  -webkit-animation: diagonal-to-top-right 5s linear infinite;
}
.diagonal-to-bottom-right {
  /*animation-name: diagonal-to-bottom-right;*/
  -webkit-animation: diagonal-to-bottom-right 5s linear infinite;
}

@keyframes diagonal-to-top-right {
  from {
    transform: translateX(0) translateY(40px);
  }

  to {
    transform: translateX(40px) translateY(0);
  }
}

@keyframes diagonal-to-bottom-right {
  from {
    transform: translateX(0) translateY(0);
  }

  to {
    transform: translateX(30px) translateY(30px);
  }
}

.cloud-1{
  position: absolute;
  bottom: 12%;
  left: 20%;
  width: 14%;
}
.cloud-2{
  position: absolute;
  top: 12%;
  left: 8%;
  width: 14%;
}
.cloud-3{
  position: absolute;
  top: 12%;
  left: 28%;
  width: 14%;
  z-index: 0;
}
.zi6{
  z-index: 6;
}
.zi5{
  z-index: 5;
}
.zi4{
  z-index: 4;
}
.zi3{
  z-index: 3;
}
.zi2{
  z-index: 2;
}
.zi1{
  z-index: 1;
}
.zi0{
  z-index: 0;
}

.bnr-3-cloud-3{
  position: absolute;
  right: 0%;
  width: 100%;
  top: 0;
}
.bnr-3-cloud-1{
  position: absolute;
  left: -6%;
  width: 100%;
  z-index: 1;
  top: 0;
}
.bnr-2-cloud1{
  position: absolute;
  left: -2%;
  width: 100%;
  z-index: 3;
  top:0;
}
.bnr-2-cloud2{
  position: absolute;
  left: -2%;
  width: 100%;
  z-index: 3;
  top:0;
}
.bnr-2-cloud3{
  position: absolute;
  width: 100%;
  z-index: 3;
  top:0;
}
.slide1bg{
      background: linear-gradient(90deg, rgba(124,143,150,1) 0%, rgba(201,206,206,1) 100%);
}
.bnr-1-bird1{
  position: absolute;
    top: 20%;
    left: 35%;
    width: 40px;
}
.bnr-1-bird2{
  position: absolute;
    top: 10%;
    left: 15%;
    width: 40px;
    z-index: 9;
}
.bnr-1-bird3{
  position: absolute;
  top: 15%;
  left: 31%;
  width: 34px;
  z-index: 9;
}
.bnr-3-bird1{
  position: absolute;
  top: 75%;
  left: 3%;
  width: 100px;
  z-index: 9;
}
.bnr-3-bird2{
  position: absolute;
  top: 60%;
  right: 5%;
  width: 80px;
  z-index: 9;
}
.bnr-3-bird3{
  position: absolute;
  top: 10%;
  left: 5%;
  width: 50px;
  z-index: 9;
}
.cta-row{
  display: none;
}
@keyframes bounce-rightc {
  0% {
    transform: translate(0px, 30px);
  }

  100% {
    transform: translate(30px, 30px);
  }
}

.whatsapp .float {
    bottom: 2.5%;
}

.brochure .float {
    bottom: 12%;
}