.input_01 {
    width: 100%;
    height: 39px;
    background-color: #f0f2f2;
    color: #000;
    border: none;
    margin-bottom: 13px;
    padding-left: 10px;
}


a{ color: #727272 !important}


p{color: #414141 !important;
    font-size: 16px !important; line-height: 26px !important;font-family: "EB Garamond", serif;}

html, body {
   max-width: 100%;
  /* overflow-x: hidden;*/
}



@media (min-width: 960px){
.uk-child-width-1-4\@m>* {
    width: 24%;
    border: 1px solid #ccc;
    margin-right: 24px;
}


}



.nav{display: flex !important;justify-content: center !important; align-items: center !important}


.uk-h2, h2{ line-height: 13px !important}
.uk-h3, h3{ line-height: 13px !important}


.uk-light{    width: 80% !important;
    margin: 0 auto !important}



.modal-dialog {
    max-width: 860px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: 70px !important;
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    color: #000 !important;
}




ul.checkmark li {
    font-size: 15px;
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0.25em 0 0 2.5em;
    position: relative;
    line-height: 27px;
}


.grid {
    line-height: 32px !important;
}



ul.checkmark li:after {
    content: " ";
    display: block;
    width: 0.3em;
    height: 0.6em;
    border: solid #fff;
    border-width: 0 0.2em 0.2em 0;
    position: absolute;
    left: 1em;
    top: 40%;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}



ul.checkmark li:before {
    content: " ";
    display: block;
    border: solid 0.8em #b88a32;
    border-radius: 0.8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.5em;
    top: 41%;
    margin-top: -8px;
}



button:focus{ outline: none !important}


.aston{ width: 40%}
.skyvilla{ width: 39%}
.prime_location{ width: 36%}
.gallery_img{ width: 19%}
.amenities_img{ width: 36%}
.kui{ width: 69%}



.brochure_text{ width: 47%}


.text-dark3{ color: #df7f19}





.input_02 {
    width: 100%;
    height: 65px;
    background-color: #f0f2f2;
    color: #000;
    border: none;
    padding-left: 10px;
}


p{font-family: 'Montserrat', sans-serif !important; font-weight:bolder; font-size:16px !important}


.navbar-light .navbar-nav .nav-link{ color: #000}
 
 

.brochure {
    width: 204px;
    height: 43px;
    background-color: transparent;
    text-align: left; font-size: 13px;
    border: none;
    color: #000;
    border-radius: 4px;
      text-decoration: underline; padding-left: 39px;
    outline: none;
}

.w55{ width: 55px}


.center{ margin: 0 auto; display: block}




.rounded-social-buttons {
 
}

.rounded-social-buttons .social-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
 width: 2.125rem;
    height: 2.125rem;
  border: 0.125rem solid transparent;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #fefefe;
  font-size: 1px;
  font-weight: normal;
  line-height: 2em;
  border-radius: 1.6875rem;
  transition: all 0.5s ease;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
  font-size: 25px;
}
 
.rounded-social-buttons .social-button.facebook {
  background: #fff;color:#000;
}

.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
  color: #000;
  background: #fff;
  
}

.rounded-social-buttons .social-button.twitter {
  background: #fff;
}

.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
  color: #000;
  background: #fff;
 
}

.rounded-social-buttons .social-button.linkedin {
  background: #fff; color: #000;
}

.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
  color: #000;
  background: #fff;
 
}

.rounded-social-buttons .social-button.youtube {
  background: #fff; color:#000
}

.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
  color: #000;
  background: #fff;
 
}

.rounded-social-buttons .social-button.instagram {
  background: #fff;  color: #000;
}

.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
  color: #000;
  background: #fff;
   
}

.w138{ width: 160px}


.line8{border-top: 1px solid #aa3c3c;}


.bgfooter {
    background: url(../img/footer.webp)no-repeat;
    width: 100%;
    color: #fff;
    background-size: cover;
    min-height: auto;
}




.pattern {
    background: url(../img/bgbg.webp)no-repeat;
    width: 100%;
    color: #fff;
    background-size: cover;
    min-height: auto;
}




.new30sky{ width: 50px}



.blue {
    background: url(../img/blue.webp)no-repeat;
    width: 100%;
    color: #fff;
    background-size: cover;
    min-height: auto;
}



.vart{font-size: 16px !important;
    padding-top: 6px !important}


@media (min-width:769px) and (max-width:3000px){
	
	.hidem2{ display: none}
	
	
}



.two_hunt{ width: 129px;}
 

.register-btn {
    background-color: #cd1f28;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 45px;
    padding-top: 0px;
    border-radius: 6px;
    border: none;
}




.register-btn6 {
    background-color: #cd1f28;
    color: #fff;
    width: 60%;
    text-align: center;
    height: 45px;
    padding-top: 0px; margin: 0 auto; display: block;
   
    border: none;
}


.h27{ height: 27px}



 

.register-btn2 {
    background-color: #c08546;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 45px;
    padding-top: 0px;
    border-radius: 6px;
    border: none; margin-top: 28px
}


.w49{ width: 16%}


.w50{ width: 25%}
.w70{ width: 33%}

.w90{ width: 149px}



.w90{ width: 149px}


span{ color:#df7f18 !important}
.right_bord{border-right: 1px solid #b1b1b1 !important}

 


.vtl {    box-shadow: 2px 2px 2px 2px #ccc;
       width: 350px;
    /* right: 4px; */
    padding: 23px;
    
    background-color: #fff;
     
}

.icon_ju{ width: 27px;
    padding-right: 6px;}


.m1t{ margin-top: 1px !important}

.f26{ font-size: 29px !important}


.bg{ background:url(../img/bg.jpg)no-repeat; width: 100%; background-size: cover; height: 600px;}



.b4{ background:url(../img/bg4.jpg)no-repeat; width: 100%; background-size: cover; height: auto}


.f12{ font-size: 12px}
 
 
.right2 {    box-shadow: 2px 2px 2px 2px #ccc;
       width: 100%;
    /* right: 4px; */
    padding: 23px;
    
     
    background-color: #fff;
    
}


.p2{    color: #434343 !important;
    line-height: 32px;
    font-size: 15px;}


@media only screen and (max-width: 1045px){
html, body {
   overflow-x: clip;
}
}


.bg-black{ background-color: #000; color:#fff}

.center{ margin: 0 auto; display: block}


.r_border1 {
    border-right: 1px solid #d6d6d6;
}





.spl{     font-weight: bold;
    font-size: 29px;}



.bg2{
   color: #000;
    margin-top: -15px;
    padding-top: 5%;
    padding-bottom: 4%;}



.input01{width: 100%;
    height: 43px;
    color: #000;
    background-color: transparent;
	border:none;
    border-bottom: 1px solid #000;}





.input01:focus-visible{ outline: none}

.fifty{ width: 50%}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #989898;
  opacity: 1; /* Firefox */ font-size: 13px
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #989898;font-size: 13px
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #989898;font-size: 13px
}

:focus-visible{outline: none !important}

*+.uk-h1, *+.uk-h2, *+.uk-h3, *+.uk-h4, *+.uk-h5, *+.uk-h6, *+.uk-heading-2xlarge, *+.uk-heading-large, *+.uk-heading-medium, *+.uk-heading-small, *+.uk-heading-xlarge, *+h1, *+h2, *+h3, *+h4, *+h5, *+h6{ margin-top: 30px !important}



.navbar-light .navbar-nav .nav-link{ color: #000 !important}

*+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul{ margin-top: 6px !Important}


.wnews{ width: 40%}


.sal3{ padding-top: 120px}

.sals{margin-top: 60px !important;}

@media (max-width: 767px) {
	
	
	.sal3{padding-top: 0px;
    padding-bottom: 23px
}
	
	.sals{margin-top: 22px !important;}
	
	.w70{ width: 69%}
	
	.w50{ width: 56%}
	
	.w49{ width: 53%}
	
	.plog{ padding-top: 14px}
	
	.kui{ width: 100%}
	
	.brochure_text{ width: 94%}
	
	.gallery_img{ width: 56%}
	
	.aston{ width: 100% !important}
	
	.skyvilla{ width: 100% !important}
	.prime_location{ width: 100% !important}
	
	.amenities_img{ width: 91% !important}
	
	
	.cvdr2{    line-height: 33px !important;}
	.cvdr3{font-size: 22px !important;
    line-height: 33px !important;}
	
	.uk-child-width-1-4\@m>* {
    width: 24%;
    border: 1px solid #ccc;
    margin-right: 24px;
}

	
	
	.cvdr3{ font-size: 24px !important}
	
		.cvdr2{ font-size: 27px !important}
	
	.cvdr{ font-size: 25px !important}
	
	.mobnew7{ margin-top: 60px !important}
	
	
	.vtl{ margin-top: 30px !important}
	
	
	.vtl{ width: 100%}
	
		.hidem{ display: none}
	
	.c_new{ width: 163px !important}
	
	
	
	.bgth {
    background: url(../img/success.webp)no-repeat center;
    width: 100%;
    color: #fff;
    background-size: cover;
    min-height: 100vh;
}
 
	.tnk {
    padding-top: 15px;
    font-size: 75px !important;
    font-weight: bolder !important;
    text-shadow: 2px 2px 2px #0000009e !important;
}
	
	
	.flex {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
	
	
	
.wnews{ width: 90% }
	
	
	
	
	.mobile_col {
    width: 50% !important;
    float: left !important;
}
	
	
	
	.decode{margin-top: -57px !important;}
	
		.w_20{ width: 50%}
	.fifty{ width: 90%; margin: 0 auto}
	
		.sec6{ margin-top: 20px !important}
	.m47n{ margin-top: -47px}
	
	.wn50{ width: 100%}
	
	
	.spl{ font-size: 24px}
	
	.logo_top{ position: none; display: flex; align-items: center; justify-content: center}
	
	.right{ width: 100%; right: 0; float: none; top: 248px; position: inherit}	
	
	.bg2{    margin-top: 117%;    padding-top: 104px;
    padding-bottom: 42px}
	
	.bg{height: 271px !important}
	
	.mobcol{flex-grow: 4 !important}
	
	
	.mobile {
    width: 49% !important;
    float: left !important;
    margin: 0 auto;
}
	
	.p20{ padding-top: 20px}
	
	.p50{ padding-top: 50px}
	
	.h27{ height: 52px}
	
}


 



@media (min-width: 1102px) and (max-width: 1200px) {
	
 
	.right{top: 131px;
    right: 51px;}
 
	
}






@media (min-width: 768px) and (max-width: 1100px) {
 
	.right{ display:none}
	
 
	
}





@media (min-width: 1600px) and (max-width: 1800px) {
	
	.bg{ height: 680px}
	
.right{ top: 201px;
    right: 75px;}
	
 
	
}



@media (min-width: 1920px) and (max-width: 3500px) {
	
	.bg{ height: 880px}
	
	.right{ top: 201px;
    right: 184px;}
	
	
	
	.input_01{width: 100%;
    height: 43px;
    background-color: #f0f2f2;
    color: #000;
    border: none;
    margin-bottom: 22px;
    padding-left: 10px;}
	
	
	
	
}




@media (min-width: 1366px) and (max-width: 1400px) {
	
	.right{ top: 160px;
    right: 52px;}
	
	
}




@media (min-width: 1250px) and (max-width: 1365px) {
	
	.right{ top: 149px;
    right: 52px;}
	
	
}



@media (min-width: 1400px) and (max-width: 1500px) {
	
	.right{ top: 149px;
    right: 52px;}
	
	
}


.purp{color: #2b5be2}



.cap{ text-transform:uppercase; font-weight: bolder}



@media (min-width: 1801px) and (max-width: 1920px) {
	
	.bg{ height: 740px}
	
	.right{ top: 201px;
    right: 52px;}
	
	
	
	.input_01{width: 100%;
    height: 43px;
    background-color: #f0f2f2;
    color: #000;
    border: none;
    margin-bottom: 22px;
    padding-left: 10px;}
	
}


 .salv{background-color: aliceblue;
    width: 63%;
    margin: 0 auto;
    padding: 21px;
    margin-bottom: 47px;}






@media (min-width: 769px) and (max-width: 1199px) {
	
	
	.cvdr2{    line-height: 33px !important;}
}


@media (min-width: 768px) and (max-width: 3000px) {
	
	
	.r_border2{border-right: 1px solid #d6d6d6;}
	
	.w_20{ width: 20%}
	
	.wn50{ width: 50%}
	
	.r_border4 {
    border-right: 1px solid #d6d6d6;
}

	
	
	.logo_top{position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 2px;}
	
	
	
	
.bgth {
    background: url(../img/success.webp)no-repeat center;
    width: 100%;
    color: #fff;
    background-size: cover;
    min-height: 100vh;
}

	.tnk {
    padding-top: 15px;
    font-size: 75px !important;
    font-weight: bolder !important;
    text-shadow: 2px 2px 2px #0000009e !important;
}
	
	
	.flex {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
	
	
	
.input_01{ margin-top: 14px}	
	
	
	
	
}

/**Custom***/
.iti { 
    display: block !important; 
}
.help-block{color:red;}

.c_new{ width: 260px}



.graysh{ background-color: #fff !important}



 
.slider {
  position: relative;
}

.slider__container {
  cursor: grab;
  display: flex;
  overflow: hidden;
  scroll-behavior: smooth;
}

.slider__container.dragging {
  scroll-behavior: auto;
  cursor: grabbing;
}

.slider__container::-webkit-scrollbar {
  display: none;
}

.slider__item {
  padding: 16px 8px;
  flex: 0 0 auto;
  width: calc(100% / 5);
}

.slider__container[data-step="4"] .slider__item {
  width: calc(100% / 4);
}

.slider__container[data-step="3"] .slider__item {
  width: calc(100% / 3);
}

.slider__container[data-step="2"] .slider__item {
  width: calc(100% / 2);
}

.slider__container[data-step="1"] .slider__item {
  width: calc(100% / 1);
}

@media screen and (max-width: 1024px) {
  .slider__item,
  .slider__container[data-step="4"] .slider__item {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 768px) {
  .slider__item,
  .slider__container[data-step="4"] .slider__item,
  .slider__container[data-step="3"] .slider__item {
    width: calc(100% / 2);
  }
}
@media screen and (max-width: 480px) {
  .slider__item,
  .slider__container[data-step="4"] .slider__item,
  .slider__container[data-step="3"] .slider__item,
  .slider__container[data-step="2"] .slider__item {
    width: calc(100% / 1);
  }
}



h4{font-family: 'Montserrat', sans-serif !important; font-weight:bolder !important}


h3{font-family: 'Montserrat', sans-serif !important; font-weight:bolder !important}


.slider__control {
  font-size: 16px;
  border: none;
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  z-index: 10;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  background: #b88a32;
  cursor: pointer;
  opacity: .5;
  transition: all .3s;
}

.slider__control.prev {
  left: 16px;
}

.slider__control.next {
  right: 16px;
}

.slider__control:hover {
  opacity: 1;
  transform: translateY(-50%) scale(1.2);
}

.slider__item img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-select: none;
}

.owl-nav{ display: none}


.w40{ width: 70px}


.aligner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.item{     border: 1px solid #ccc;}




#all {
    
}

#play-video {
 
}
#play-video:hover {
    transform:scale(1.05);
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
}
#play-video i {
    transition: all 0s ease !important;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    line-height: 0;
}
#play-video:hover {
    background-color: #ae2f3b;
    color: #ffffff;
}
#close-video {
    border: 4px solid;
    border-radius: 50%;
    background: transparent;
    font-size: 26px;
    color: #8D908A;
    height: 56px;
    width: 56px;
    text-align: center;
}

.youtube-video .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    padding: 0 15px;
    height: 100%;
    max-width: 1000px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
iframe#youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.youtube-video .modal-footer {
    border: none;
    text-align: center;
    display: block;
    padding: 0;
}
.youtube-video .modal-content {
    background: none !important;
    border: none;
}