.f22_d{font-size:22px !important;}


.top_kk{padding-top:50px;}

.mm_tope{margin-top: -22px;}




.payments{background-color: #c09853;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 2px;}

.carousel {
	position: relative;
}
.carousel-item img {
	object-fit: cover;
}

#carousel-thumbs {
	background: #232323;
	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;
}




.apef {
    margin-top: 18px;
    margin-right: 6px;
}
.dline {
    display: inline;
}















.m_top_13{ margin-top: 13px}
.modal-open .modal{z-index: 999999999999999 !important}


.am_s{position: absolute !important;
    top: 19%;
    left: 11%;}
    
    
   
    
    .ml_3p{margin-top:3px !important}

.kth_0{    border-top: 1px solid rgb(255 255 255 / 23%);}


iframe{width:100%; margin-top:20px; margin-bottom:20px; height:400px !important;}



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

.float-wa {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 15px;
    right: 24px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}






.caption-left-custom {
  left: 5%;
  right: auto;
  top: 20%;
  background-color: rgba(0,0,0,0.3);
  padding: 15px;
  border-radius: 5px;
}





.new_btt{    width: 93%;
    background-color: #c29a53;
    color: #fff !important;
    height: 53px;
    text-align: center !important;
    padding-top: 13px !important;
    margin-bottom: 18px !important;
    margin-left: 17px;}



.line_single{font-size: 18px;
    padding-right: 8px;}


 
.dline{display:inline;}




   .slider-container {
            position: relative;
            width: 100%;
            max-width: 100%;
            margin: auto;
            overflow: hidden;
            border-radius: 10px;
        }

        .slides {
            display: flex;
            transition: transform 0.5s ease-in-out; 
        }

        .slide {
            min-width: 100%;
            transition: opacity 1s ease-in-out;
        }

        .slide img {
            width: 100%;
            display: block;
        }

        .navigation {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }

        .navigation button {
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
            color: white;
            padding: 10px 20px;
            cursor: pointer;
            font-size: 18px;
            border-radius: 5px;
        }

        .navigation button:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .dots {
            position: absolute;
            bottom: 10px;
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .dots span {
            width: 10px;
            height: 10px;
            margin: 0 5px;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .dots span.active {
            background-color: white;
        }































#minimal-bootstrap-carousel {
    margin-top: 0px;
    position: relative;
}

#minimal-bootstrap-carousel .carousel-caption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    text-align: right;
    text-shadow: none;
}

#minimal-bootstrap-carousel .carousel-caption .container {
    display: table;
    width: 100%;
    height: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media (max-width: 1199px) {
    #minimal-bootstrap-carousel .carousel-caption .container {
        max-width: 960px;
    }
}

@media (max-width: 991px) {
    #minimal-bootstrap-carousel .carousel-caption .container {
        max-width: 720px;
    }
}

#minimal-bootstrap-carousel .carousel-caption .container .box {
    display: table-cell;
    text-align: left;
}

#minimal-bootstrap-carousel .carousel-caption .container .box.valign-top {
    vertical-align: top;
}

#minimal-bootstrap-carousel .carousel-caption .container .box.valign-bottom {
    vertical-align: bottom;
}

#minimal-bootstrap-carousel .carousel-caption .container .box.valign-middle {
    vertical-align: middle;
}

#minimal-bootstrap-carousel .carousel-caption .container .box .content {
    display: block;
}

#minimal-bootstrap-carousel [class*=carousel-control] {
    background: none;
    width: 50px;
    height: 50px;
    font-size: 36px;
    line-height: 48px;
    color: #fff;
    background-color: transparent;
    visibility: visible !important;
    opacity: 1;
    border: 1px solid #fff;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}

@media (max-width: 667px) {
    #minimal-bootstrap-carousel [class*=carousel-control] {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
    }
}

@media (max-width: 480px) {
    #minimal-bootstrap-carousel [class*=carousel-control] {
       width: 30px !important;
        height: 30px !important;
        font-size: 17px !important;
        line-height: 40px !important;
        background: rgb(194 154 83 / 99%) !important;
        color: #000 !important;
        color: #fff !important;
        border: none !important;
        margin-left: 7px !important;
        margin-right: 5px !important;
    }
}

#minimal-bootstrap-carousel .carousel-control-prev {
    left: 1%;
}

#minimal-bootstrap-carousel .carousel-control-next {
    right: 1%;
}

#minimal-bootstrap-carousel [class*=carousel-control]:hover {
    opacity: 1;
    background: #FFBA60;
    border-color: #FFBA60;
}

/* fixing slider height */
#minimal-bootstrap-carousel.slider-home-one .carousel-inner .carousel-item {
    min-height: 400px;
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #222;
}


.slider-content-style .content {
    text-align: center;
    position: relative;
    z-index: 999;
}

.slider-content-style .content h3,
.slider-content-style .content h2,
.slider-content-style .content p {
    margin: 0;
}

.slider-content-style .content h3 {
    color: #fff;
    font-size: 100px;
    line-height: 1em;
    font-weight: 600;
    font-family: 'Josefin Sans';
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.slider-content-style .content p {
    font-family: 'Josefin Sans';
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: .150em;
    margin-top: 20px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slider-content-style .content a.thm-btn {
    background: #ffba60;
    display: inline-block;
    vertical-align: middle;
    color: #222222;
    font-size: 18px;
    letter-spacing: .1em;
    font-family: 'Josefin Sans';
    font-weight: 600;
    padding: 10px 17px;
    margin-top: 27px;
    transition: all .4s ease;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slider-content-style .content a.thm-btn:hover {
    background: #fff;
}


.m83{margin-top: 83px !important;}

.mt{ margin-top: 110px}

.meh8{    padding-top: 4%;
    padding-bottom: 5%;}



/* Default container width override */
.container2 {
  max-width: 1400px !important; margin: 0 auto/* Set your desired maximum width here */
}

/* Optional: Adjust container widths for different screen sizes */
@media (min-width: 576px) {
  .container2 {
    max-width: 540px; /* Adjust for small devices (sm) */
  }
}




@media (min-width: 3000px) {
  .container2 {
    max-width: 1400px !important; margin: 0 auto; /* Adjust for small devices (sm) */
  }
}

@media (min-width: 768px) {
  .container2 {
    max-width: 720px; /* Adjust for medium devices (md) */
  }
}

@media (min-width: 992px) {
  .container2 {
    max-width: 960px; /* Adjust for large devices (lg) */
  }
}

@media (min-width: 1200px) {
  .container2 {
    max-width: 1400px !important; margin: 0 auto /* Adjust for extra-large devices (xl) */
  }
}

@media (min-width: 1400px) {
  .container2 {
    max-width: 1400px !important; margin: 0 auto /* Adjust for extra-extra-large devices (xxl) */
  }
}






.m_meh{ margin-top: 13%}
iframe{height: 600px}

.carousel-indicators li.thumbnail {
  width: 100%;
}
.carousel-indicators li.thumbnail:not(.active) {
  
}
.carousel-indicators {
  position: static !important;left: 0 !important;
    right: 0 !important;
    margin-right: 0px !important; margin-top: 18px; height: 172px !important
}
@media screen and (min-width: 992px) {
  .carousel {
    max-width: 100%;
    margin: 0 auto;
  }
}



.carousel-caption {
 position: absolute;
     right: 0!important; 
    bottom: 0px !important;
     left: 0 !important; 
    z-index: 10 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    color: #fff;
    text-align: left;
    background-color: #0000004a !important;
    width: 100% !important;
    padding-left: 14% !important; 
    padding-top: 30px !important;
    padding-bottom: 34px !important;
}

.carousel-caption p {
 
  color: white;
 
  margin: 0;
}



.bg_dia_new{background-image: url(../img/bg_dia_new.jpg);
    
    
    background-size: cover;
    height: auto;
    width: 100%;
    color: #FFFFFF; min-height: 700px;margin-top: -6px;
    }




.tt2{background-image: url(../img/kar4.jpg);
    
    
    background-size: cover;
    height: auto;
    width: 100%;
    color: #FFFFFF; min-height: 700px;margin-top: -6px;
    }





.tt7{background-image: url(../img/kar4.jpg);
    
    
    background-size: cover;
    height: auto;
    width: 100%;
    color: #FFFFFF;margin-top: -6px;
    }





.sp_container{background-image: url(../img/flag.jpg);
    
    
    background-size: cover;
    height: auto;
    width: 100%;
    color: #FFFFFF; min-height: 600px; padding: 30px;padding-right: 43px;
    }



.meh1{ padding-top: 6% !important;
    padding-left: 6% !important;
    padding-right: 4% !important;
}


  

@-webkit-keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}
 
.avatar {
  
  box-sizing: border-box;
  
   
  overflow: hidden;
 
  transform: translatey(0px);
  -webkit-animation: float 5s ease-in-out infinite;
          animation: float 5s ease-in-out infinite;
}
.avatar img {
  width: 100%;
  height: auto;
}

.content {
  width: 100%;
  max-width: 400px;
/*  padding: 20px; padding-top: 0px !important;*/
  box-sizing: border-box;
  text-align: center;
}











.preoo{padding-top: 32px;
    width: 20%;}

.w65{ width: 45px; margin: 0 auto}
.alignw{ margin-top: -7px !important;
    font-size: 19px;}

.ma_txt{    margin-top: 6px !important;
    font-size: 25px;}

.ad_widk{ width: 100%}


.lu_wid{width: 11% !important}


.txtj{ padding-left: 23px;
    padding-top: 7px;}

.ade{padding-top: 4% !important;}


.add5{    padding-top: 4% !important;
    padding-bottom: 1px;}


.add3{padding-top: 7% !important;
    padding-bottom: 28px;}


.l_spd{display: flex !important}

 
.oslr{ width: 15%;
    margin: 0 auto;
    padding-top: 4%; padding-bottom: 21px}


.oslr2{ width: 28%;
    margin: 0 auto;
    padding-top: 4%; padding-bottom: 21px}


.btdd{
  color: #000 !important; border-radius: 0px !important;    background-color: #c39954 !important;text-decoration: none !important
}

	
	.bg_pink {
    background: url(https://promotions.danubeproperties.com/sportz_landing/img/bg_pink.png) no-repeat;
    background-size: cover;
    color: #fff;
}
	





/*
.parale{background-image: url(../img/location2.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

*/







.modal-body{background-color: #000 !important;
    border: 2px solid #ffe79c !important;
    color: #fff !important}



.modal-header{margin: 0 auto !important;
    display: block !important;
    padding-bottom: 4% !important}









.top_spce{ padding-top: 3%}


.psh6{ padding-bottom: 6% !important; padding-top: 5%}

 
.stkx{}
.stkx .hs-richtext p{ color: #fff !important}

	
.arb{ padding-top: 12% !important}
.arb2{ padding-top: 6% !important}
.arb4{ padding-top: 6% !important}


.graysh{ margin-top: 0px}

.f35font{ font-size: 32px !important}
.f35font3{ font-size: 38px !important}

 
 

/*.color_change{filter: hue-rotate(44deg);}*/

.relative{ position: relative;}

.mr68{margin-top: -71px;}



.bg_pink{}


.delay1{ animation-delay: .3s}


body{ 
    
    background-color: #000 !important; color: #fff !important
}






 

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 1, 2023 */



 @font-face {
    font-family: 'begum_sansmedium';
    src: url('begumsans-medium-webfont.woff2') format('woff2'),
         url('begumsans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


h1,h2,h3,h4,h5,h6{	font-family: 'begum_sansmedium' !important}



.kodi{font-family:'begum_sansmedium' !important}

.lato{font-family: 'begum_sansmedium' !important; font-weight:bolder !important}




.line {
  margin-top: 30px !important;
    margin-bottom: 1rem !important;
    border: 0 !important;
    border-top: 1px solid rgb(255 113 38) !important;
    width: 18% !important;
}

.location{ width: 31%;
    margin: 0 auto;
    padding-bottom: 35px;}

.highlight{ color: #ffb800 !important;
    text-decoration: underline;}

 

@media (min-width: 1920px) and (max-width: 3500px) {
	
	
	.hero-video .video-container{height: auto!important}
	
	
}



.ldss{line-height: 35px !important}
.ldss99{line-height: 65px !important}
.ldss93{line-height: 50px !important}

button.close{ background-color: red !important;
    opacity: 1 !important }





.font5{font-size: 17px !important;
    line-height: 27px !important;
}



.initial{ display: initial !important}



.splide__slide img{width: 100% !important; height: 87vh !important



}






.splide__arrow{
	
	    background: #ff7f00 !important; opacity:1 !important;
	width: 3em !important; height: 3em !important;
	
}



.btn-danger{ border: none !important; background-color: #7c1915 !important; width: 277px !important;
    font-size: 21px !important;
    height: 50px !important}





main {
  overflow: hidden;
}

a,
button {
  cursor: pointer;
  user-select: none;
  border: none;
  outline: none;
  background: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

 
 


 

.section-background {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  height: auto;
  width: 100%;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.parallax {
  background-image: url("https://promotions.danubeproperties.com/oceanz/img/luxury_bg.jpg"); 
	
 
}



.parallax1 {
  background-image: url("https://images.unsplash.com/photo-1610128114197-485d933885c5?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NjIzOTA2Nzc&ixlib=rb-1.2.1&q=80");
}
.parallax2 {
  background-image: url("https://images.unsplash.com/photo-1562095241-8c6714fd4178?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NjIzOTA5OTg&ixlib=rb-1.2.1&q=80");
}
.parallax3 {
  background-image: url("https://images.unsplash.com/photo-1543722530-d2c3201371e7?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NjIzOTExOTg&ixlib=rb-1.2.1&q=80");
}
.text-bloc p {
  margin: 75px;
  font-size: 22px;
}




.pt4{margin-top: 40%;}

.padding_b5 {
    padding-top: 7%;
}


.w_480 {
    width: 380px;
}
 
/* Hero Video */









.hero-video .video-container {
  height: auto !important;
  width: 100%;
  position: relative;
  overflow: hidden;
}



	.carousel-control-prev-icon, .carousel-control-next-icon{
		
		    width: 28px !important;
    height: 50px !important; 
		
		

	}


.text-leftgh{ text-align: left}
	


.w75{ width: 64%}



.Spacing_6{ padding-top: 20px}


@media (max-width: 767px) {
    
    
    .m60_d2{margin-bottom:40px;}
    
    .kjd {
        width: 148px !important;
        margin: 0 auto;
        display: block;
    }
 
    
    
    .m30{margin-top:30px !important}

    
    .mm_tope{margin-top: -122px;}
  
    
    
    
    .am_s{position: absolute !important;
    top: 13% !important;
    left: 7% !important}
    
    .f14f{font-size:15px !important;}
    
    .hr_mm{ width:150px !important; margin-bottom:-7px !important;margin-left:4px;}
    
     .hr_mm2{ width:150px !important; margin-bottom:-7px !important;}
    
    
    
    .new_btt{        width: 95% !important;
        margin-left: 7px;
    }
    
    
    
    
    
    .bet_sp{margin-top: -71px;}
    
    
    .mob_re{margin-top:22px !important}
    
    
    .brochure{margin-left:0px !important; margin-bottom:0px !important;}
    
    
    .brochure_level{margin-bottom:6px !important;}
    
    
    .carousel-control-prev, .carousel-control-next{top:230px !important;}
    
    
    
 
    
    .vlah{ text-align: center !important}
    
    .carousel-caption { background-color: transparent !important}
    
    .aj_gh{margin-left: 34px !important;
        margin-right: 27px !important;}
    
    .btdd{height: 46px !important}
    
    .w99{width: 82px;}
    .w67{width: 67px;}
    .w100{width: 102px;}
 
    
    
    .shu_mehs{width: 70% !important;
    padding-top: 8px !important}
    
    
    .brochure_m{ width: 88% !important; margin: 0 auto; display: block !important}
    
    
    .conic3{margin-top: -54px;
    margin-right: 3px;}
    
    
    .conic2{margin-top: -57px;
    margin-left: 8px;}
    
    .f25{ font-size: 25px !important}
    
    .small_p{    font-size: 13px !important;
    line-height: 20px !important;}
    
    
    
    
    .mo_mh_p{        padding: 53px !important;
        margin-top: -165px !important;
        padding-top: 6% !important;
        padding-bottom: 2% !important;
        background-color: #14141480 !important;
        z-index: 9999999999 !important;
        position: relative !important;}
    
    
    .slider__item img{ padding-left: 33px;
    padding-right: 29px;}
    
    
    .karav{margin: 0 auto !important;
        display: block !important;
        margin-top: 13px !important;
        margin-bottom: 18px !important;}
    
    
    
    
    
    .text-left2{ text-align: center !important}
    
    
    .sui_meh{ text-align: center !important}
    
      iframe{height: 323px}
    
    
    .carousel-control-prev-icon, .carousel-control-next-icon{background-color: transparent !important; width:20px !important}
    
    
    .slider__control{
        
              transform: translateY(51%) !important;
        background-color: #c29a53 !important;
        width: 30px !important;
        height: 30px !important;
        border-radius: 1px !important;
        margin-left: 26px !important;
        margin-right: 21px !important; font-size: 18px !important;
    
    
    
    }
    
    
    
    .left26{padding-left: 26px;}
    
    
    .skg2 {
    font-size: 22px !important;
}
    
    
    .skga {
    font-size: 28px !important; margin-top:42px;
}


    .skga4 {
    font-size: 28px !important; margin-top:10px;
}


    
    
    .ldss93{ line-height: 40px !important;margin-top:-17px !important}
    
    
    .cen_mlo{ text-align: center; justify-content: center; margin:0 auto}
    
    .ad_widk{ width: 70%}
    
    
    .latef{ margin-top: 33px}
    
    
    .navbar-light .navbar-toggler{ background-color: #fff !important}
    
    
    .carousel-control-prev-icon, .carousel-control-next-icon{ margin-top: -58px !important}
    
    
    .ade{ padding-top: 12% !important}
    
    .kalaw{font-size: 26px !important;}
    
    
    .preoo{ width: 80% !important}
    
    
    
    .lu_wid{width: 23% !important;}
    
    
    .modal-header{border-bottom: none !important}
    
    
    .right{ color: #fff !important; background-color: #000 !important}
    
    .m_63{margin-top: -4px !important;}
    
    
    .btdd{margin-top: 6px;}
    
    .oslr2{width: 65%;
    margin: 0 auto;
    padding-top: 7%;
    padding-bottom: 8px;}
    
    
    
    .oslr{width: 54%;
    margin: 0 auto;
    padding-top: 11%;
    padding-bottom: 21px;}
    
    
    
    .quicke{padding-bottom: 18px;}
    
    
    .modal-dialog{ margin: 0px !important}
    
    
      .eclips{padding-bottom: 1rem !important;}
    
    
    .Spacing_6{ padding-top: 7px !important}
    
    
    .slae{margin-top: 32px !important}
    
    
    .graysh{margin-top: 0px;}
    
    .sklm{margin-top: 24px;}
    
    
    .f35font {
    font-size: 29px !important;
}
    
    .mr68{margin-top: -11px;}
    
    .w75{ width: 100%}
    
    
    .arb{ padding-top: 0px !important}
    
    .mb12_mobile{ margin-bottom: 12px}
    
    
    .text-leftgh{ text-align: center}
    
    .mobile_kl{font-size: 24px !important;
    line-height: 31px !important;
    text-align: center!important;
    padding-top: 16px !important;}
    
    
	
	.location{width: 92%;
    margin: 0 auto;
    padding-bottom: 35px;
    margin-top: -47px;
}
	

	.same7{margin-top: 43px;}
	
	.para {
    background: url(https://oceanz-by-danubeproperties.com/img/luxury_bg.jpg) no-repeat center fixed;
    background-size: cover;
    color: #fff;background-position-x: -157px;
}
	
	
	
	
    
	
	
	
  .hero-video .video-container {
    height: 325px;
  }
}
.hero-video video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .hero-video video {
   height: -webkit-fill-available;
	  height: 100%;
	  
	  
	  
  }
}
.hero-video .video-container:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
/*  background: rgba(0, 0, 0, 0.2);*/
  z-index: 1;
}
.hero-video h1 {
  text-transform: uppercase;
  margin: 0 0 1rem;
  padding: 0;
  line-height: 1;
  color: white;
}
@media (max-width: 767px) {
  .hero-video h1 {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
    
        .sui{ text-align: center}
    
    
    
  .hero-video h1 {
    font-size: 52px;
  }
}
.hero-video .desc {
  color: white;
  font-weight: 400;
  font-size: 18px;
}
.hero-video .callout {
  position: relative;
/*  display: flex;*/
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
  width: 79%;
  margin: auto; margin-top:0%;
}
@media (max-width: 767px) {
  .hero-video .callout {
    width: 90%;
  }
}
.hero-video .button {
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0px;
  margin-top: 20px;
  background-color: #82bb00;
  padding: 15px 30px;
  border-radius: 0px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
@media (max-width: 767px) {
  .hero-video .button {
    padding: 10px 20px;
  }
}
.hero-video .button:hover {
  cursor: pointer;
  background-color: #6e9e01;
}



 




/*#gallery{background:#111b29}*/


.rewater{position: absolute;
    top: 202%;}





/*
.hs-button {
    background-color: #cd2721 !important;
    color: #fff !important;
    margin-top: -4px !important;
    width: 45% !important;
    margin: 0 auto !important;
    display: block !important;
}

.right>input, textarea, select {
    width: 100% !important;
    height: 39px !important;
    background-color: transparent !important;
    color: #000 !important;
    border: none !important;
    margin-bottom: 13px !important;
    padding-left: 10px !important;
    font-size: 15px !important;
    border-bottom: 1px solid #777 !important;
}




.content input, textarea, select {
    width: 100% !important;
    height: 39px !important;
    background-color: transparent !important;
    color: #fff !important;
    border: none !important;
    margin-bottom: 13px !important;
    padding-left: 10px !important;
    font-size: 15px !important;
    border-bottom: 1px solid #fff!important;
}

*/





 

.arrow{width: 68px;}



.ceram {
       font-size: 31px;
    margin-top: 13px;
    text-decoration: underline;
    font-weight: 300;
    font-style: oblique;
    padding-top: 8px;
}


.bgorenge{ 
	
	
/*	background-color: #843f10; */
	background-color: #a1661b; 
	
padding-top: 1%; padding-bottom: 1%;
	
	color:#fff;}

 
 



.extrag{width: 33% !important;}

.spacing_top{  margin-top: -13px !important;
}


.monthly{margin: 0 auto;
    text-align: center;
    font-size: 35px;}


.line{    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(255 113 38) !important;
    width: 82%;}


.w_460{ width: 400px}



.f_40{ font-size: 40px !important}


.sidemy{    width: 92px;
    margin-top: -38px;
}

video.fullscreen {
     object-fit: cover;
    width: 100%;
    height: auto;
}
video.fullscreen::-webkit-media-controls {
  display: none !important;
}


/*.right{z-index: 99999}*/


label{ margin-bottom: 0px !important}

.hs-form-3f0d73f1-b645-4ee7-8677-322056a24432_e9513108-75e3-403e-95c2-c772f20b494a .legal-consent-container .hs-richtext, .hs-form-3f0d73f1-b645-4ee7-8677-322056a24432_e9513108-75e3-403e-95c2-c772f20b494a {line-height: 15px !important}

 

textarea{height:47px !important}




.flap {
    margin-top: 1px !important;
    background-color: #cc1f28;
    color: #fff !important;
    padding-top: 9px;
    padding-bottom: 19px;
    border-radius: 25px;
    width: 581px;
    margin: 0 auto;
}



/*
.modal-header{ border: none !important;position: absolute;
    right: 0;
    z-index: 9999999999;}
*/


 

input, textarea, select{ width: 100% !important;
    height: 39px;
    background-color: #f0f2f2;
    color: #000;
    border: none;
    margin-bottom: 13px;
    padding-left: 10px; font-size:13px !important;margin-top: -9px !important; border: 1px solid #cbc6c6ad;
    }




.hs-button{ background-color: #c29a53; color:#fff;margin-top:-4px; text-transform: uppercase !important;
    font-size: 1rem !important;}

 
.hs_recaptcha{ display: none}


.hs-error-msg{ font-size: 11px; color: #c02c2c}

ul .inputs-list{ margin-left: 0px !important; padding-left: 0px !important; margin-bottom: 0px !important}


.hs-form-9abad387-fbd3-481e-b5a2-31211a8ad26c_5d7c4202-013f-415b-95d2-2bd223472781 fieldset{ width: 100% !important}

.hs-form-9abad387-fbd3-481e-b5a2-31211a8ad26c_bf9282a1-6ffb-4937-86d4-d55d5e3d5e66 fieldset.form-columns-1 .input{ margin-right: 0px}


.hs-form-9abad387-fbd3-481e-b5a2-31211a8ad26c_fb2e5e1a-427d-43cb-8cd9-160c73d7b2c2 fieldset.form-columns-1 .hs-input{ max-width: 100% !important; width: 100% !important}

.hs-input{ max-width: 100% !important; width: 100% !important}

.form-columns-1{  max-width: 100% !important;}
.form-columns-2{  max-width: 100% !important;}


fieldset{ width: 100% !important}



 


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











.experience{display: block;
    width: 539px;
    margin: 0 auto;}


a{ color: #727272 !important}


p{color: #fff !important;
    font-size: 16px !important; font-weight: 200; line-height: 26px !important;font-family: 'begum_sansmedium'}

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 #b89243;
    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: #b89243}





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


p{font-family: 'begum_sansmedium' !important; font-weight:bolder; font-size:16px !important}


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

.brochure {
       width: 240px;
    height: 59px;
    background-color: transparent;
    text-align: left; font-size: 13px;
    border: none;
    color: #000;
    border-radius: 4px;
      text-decoration: underline; padding-left: 39px;
    outline: none; margin-left: 16px;
    margin-top: 23px;
    margin-bottom: 33px;
}




.brochure_m {
    width: 100%;
    height: 59px;
    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 {
    
    width: 100%;
    color: #fff;
    background-size: cover;
    min-height: auto; background-color: #000 !important;
}



.w73_new{ width: 100%}



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




.br{
    background: url(../img/br.png)no-repeat;    background-color: #05313e;
    width: 100%;
    color: #fff;
    background-size: cover;
     height: auto; padding-top: 1%; padding-bottom: 1%
}






.bg1 {
    background: url(../img/bg1.png)no-repeat;
    width: 100%;
    color: #fff;
    background-size: cover;
     height: 700px    
}



.bg_02 {
    background: url(https://promotions.danubeproperties.com/oceanz/img/bg_03.jpg)no-repeat;
    width: 100%;
    color: #fff;
    background-size: cover;
     height: auto;
}





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






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


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








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




.new30sky{ width: 50px}



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





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





@media (min-width:1366px) and (max-width:1430px)


{
    
     .hr_mm{ width: 300px !important;
    margin-left: 33px !important}
    
    
    .hr_mm2{
    width: 233px !important;
    margin-left: 54px !important;
}
    
    
    
}




 



.vart{font-size: 16px !important;
    padding-top: 6px !important}
    
    
    
    
    @media (min-width:1200px) and (max-width:1300px){
        
        .am_s {
    position: absolute !important;
    top: 16% !important;
    left: 7% !important;
}
        
        
    }
    
    
    
    


@media (min-width:768px) and (max-width:3000px){
    
    
    .topjg{ padding-top:78px ;}
    
    
    .meh5{ padding-top: 6% !important;
    padding-left: 6% !important;
    padding-right: 4% !important;
}
    
   
    
    
     .hr_mm{ width: 400px !important;
    margin-left: 33px;}
    
    
    .hr_mm2{
    width: 333px !important;
    margin-left: 54px;
}
    
    
    .so_sp2{margin-top:113px !important;}
    
    
    .m21{margin-top:21px !important;}
    
    
    .os_meh_1{width: 68% !important}
    
    
    
    .carousel-control-next{right: 13px !important;
           background-color: #999999ad !important;
    opacity: 1 !important;
    width: 30px !important;
    height: 45px !important;
    top: 33% !important;
    padding: 6px!important}


    
    .carousel-control-prev {
    left: 13px !important;
            background-color: #999999ad !important;
    opacity: 1 !important;
    width: 30px !important;
    height: 45px !important;
    top: 33% !important;
    padding: 6px !important;
}

    
    /*.karav{margin-top: 3rem !important;}*/
    
        
    .text-left2{ text-align: left!important}
    
    .sui{ text-align: left}
    
    
    
/*.skga{font-size: 51px !important;}*/
.skg2{font-size: 39px !important;}

    
    
    
    .ptanf{padding-top: 3rem}
      
    
    
    .lineend{border-right: 1px solid #cccccc29;}
    
    
    .mahe{padding-top: 2.5rem !important;}
    
    
    .hs-richtext p{font-size: 9px !important;
    line-height: 13px !important;
    margin-top: -6px !important; color: #ccc !important; }

    
    
/*
    
    .outter.hero-video {
 
background-image: url("https://promotions.danubeproperties.com/bayz101/img/bbg.webp"); 
	
 background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
 
 
}
*/

    
	
	.hidem2{ display: none !important}
	
	
}



.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: 18%}


.w50{ width: 25%}



.w70{ width: 20%}
.w71{ width: 32%}


 





.w90{ width: 149px}



.w90{ width: 149px}


 span{color:#ffe0a0 !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; display: inline-block !important}


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

.f26{ font-size: 34px !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}
 
 
 



.right {
    box-shadow: 2px 2px 2px 2px #ccc;
    width: 350px;
 
    padding: 23px;
    float: right;
    position: absolute;
    right: 184px;
    background-color: #fff;
    top: 201px;color:#000;
}











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


.hr9 {
    border-top: 1px solid #e1e1e1 !important;
}


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


.oreng{color: darkorange !important;}


.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: #fff !important}

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


.wnews{ width: 50%}
.wnews2{ width: 49%}


.h_ur{padding-top: 0px !important; 
    margin-top: 21px !important;}


.sal3{ padding-top: 40px}

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



	.tcenter{ text-align: left !important}


.m72{ margin-top: 40px}



.spddr {
    margin-top: 22px !important;
}












@media (min-width: 1920px) and (max-width: 2000px) {
    
/*      .hero-video video{height: 76% !important}*/
}


@media (min-width: 1800px) and (max-width: 1850px) {
    
/*      .hero-video video{height: 73% !important}*/
}


@media (min-width: 1600px) and (max-width: 1650px) {
    
/*      .hero-video video{height: 67% !important}*/
}



@media (min-width: 1366px) and (max-width: 1480px) {
    
/*      .hero-video video{height: 62% !important}*/
}



@media (min-width: 12px) and (max-width: 1480px) {
    
/*      .hero-video video{height: 62% !important}*/
}







@media (min-width: 2100px) and (max-width: 3500px) {
    
    
 	.hero-video .video-container{height: auto!important}
	
}
 









@media (max-width: 767px) {
    
    .chas4{margin-top: -9px;}
    
    
    .chas{margin-top: 12px !important;}
    
   .m19a {
        margin-top: 19px !important;
    }
    
 
     .mk_8{margin-top: -128px !important}
    
    
    .modern{font-size: 26px !important;
    padding-top: 41px !important}
    
    .m27{margin-top: -21px;}
    
    .pala2{padding-left: 33px !important}
    
    .sarf{padding-top:10px;}
    
    h3{ line-height: 36px !important}
    
    
       ul{margin-left: -24px !important;
   
    line-height: 27px;}
    
    
    
    .plc{padding-left:18px;}
      .plc2{padding-top:7px;}
    
    
    .mo_mh_p{ margin-top: -122px !important; height: 143px}
    
    
    .brochure{ width: 240px !important}
    
    
    .mm29{ margin-top: 29px}
    
    .go_mtw{padding-bottom: 26px !important}
    
    .ptanf{ padding-top: 10px !important}
    
    
    .mahe{ padding-top: 3px}
    
    
    
     .hs-richtext p{font-size: 9px !important;
    line-height: 13px !important;
    margin-top: -6px !important; color: #fff !important}
    
    
    
  
        .outter.hero-video2 {
 
/*
background-image: url("https://promotions.danubeproperties.com/bayz101/img/mobile_building.webp"); 
	
*/
  
    background-size: cover;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;background-position-x: right;
 
 
}

    
    
    
    
    
    
    
    .slider__control{transform: translateY(51%) !important}
    
    
    .spddr {
    margin-top: -34px !important;
    margin-bottom: 42px;
}
    
	
	.arrow{width: 47px !important}
	
	.w_469{ width: 80%; margin: 0 auto; display: block}
	
	
	video.fullscreen{width: 100% !important}
	
	
	.w49{ width: 86% !important}
	
	
	.gua{ padding-top: 20px}
	
	.paypat{line-height: 33px !important;}
	
	
	.parallax {
  background-image: url("https://promotions.danubeproperties.com/oceanz/img/luxury_bg.webp"); background-position: -87px;
	
}

	
	
	.ceram{ font-size: 28px !important}
	
	.tcenter{ text-align: center !important}
	
	
	.btn-danger{ margin-bottom: 40px}
	
	
	
	
	.r_border1{ border: none !important}
 
	
	
	
	.bgoc {
        background: url(../img/mobile_bg.webp)no-repeat;
    width: 100%;
    background-size: cover;
    
}


	
	
	
	.bg1 {
    background: url(../img/bg1_mob.jpg)no-repeat;
    width: 100%;
    color: #fff;
    background-size: cover;
     height: 700px    
}

	
	
	.right_bord{ border: none !important}
	
	.Py_r10{ margin-top: 20px}
	
	.w_460{ width: 100%; padding-top: 12px}
	
	.mob_center{ text-align: center !important}
	
	.p_top_n{line-height: 43px !important}
	
		.monthly{ font-size: 23px !important}
	
	
	
	.float{bottom: 78px !important}
	
	
	.malgh{margin-top: -7px !important}
	
	
	.bt_ncv{ margin: 0 auto !important}
	
	.font_18{font-size: 18px !important}
	
	
	
	.left_price{ z-index: 99999999}
	
	
	
	.bg_ex{background-position: -237px;}
	
	
	.mal_h{padding-top: 22px !important}
	
	
	
.h_ur{padding-top: 0px !important; 
    margin-top: 12px !important;}

	
	.right{ margin-top: 1px; box-shadow: none !important }
	
	.left_price{ width: 100% !important;    background-color: #c60000e3 !important;
    color: #fff !important;;
    text-align: center !important;;
    margin-top: -6px !important;}
	
	
	video.fullscreen{ height: auto}
	
	
	.pattern{background-size: auto !important}
	
	
	.wnews2{ width: 90%}
	
	
	.experience{ width: 100%}
	
	
	.sal3{padding-top: 0px;
    padding-bottom: 23px
}
	
	.sals{margin-top: 22px !important;}
	
	.w70{ width: 69%}
	
	.w50{ width: 56%}
	
	.w49{ width: 67%}
	
	.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: 2px !important}
	
	
	.vtl{ margin-top: 30px !important}
	
	
	.vtl{ width: 100%}
	
		.hidem{ display: none !important}
	
	.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: 110px;
    right: 51px;}
	
	video.fullscreen { height: auto}
 
}






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





@media (min-width: 1600px) and (max-width: 1800px) {
	
	.bg{ height: 680px}
	
.right{ top: 180px !important;
    right: 84px !important;}
	
 
	
}






@media (min-width: 1501px) and (max-width: 1599px) {
	
	.bg{ height: 680px}
	
.right{ top: 161px;
    right: 139px;}
	
 
	
}







 



@media (min-width: 2000px) and (max-width: 3900px) {
	
	
	video.fullscreen{height: auto}
	
	
	
}






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



.bt_ncv{background-color: #ca4801;
    color: #fff;
    border-radius: 0px;
    margin-top: 11px;
    width: 173px;
    height: 43px;
    border: none !important;
    margin-left: 19px;}



@media (min-width: 768px) and (max-width: 890px) {
	
	video.fullscreen{ height: auto}
	
	.sugn{ display:none}
	
	
	.skww{margin: 0 auto !important;
    display: block !important}
	
	.experience{ width: 473px !important}
}





@media (min-width: 1310px) and (max-width: 1380px) {
	
	.right{ top: 160px;
    right: 52px;}
	
	
	video.fullscreen{ height: auto}
	
}




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




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




@media (min-width: 1250px) and (max-width: 1365px) {
	
	.right{ top: 99px;
    right: 42px;}
    
    
     .hr_mm4 {
        width: 300px !important;
        margin-left: 33px !important;
    }
	
	
}



@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: 1300px) and (max-width: 1399px) {
	
		video.fullscreen{height: auto}
	
	
}


@media (min-width: 1400px) and (max-width: 1499px) {
	
		video.fullscreen{height: auto}
	
	
}












@media (min-width: 1801px) and (max-width: 1920px) {
	
	
	video.fullscreen{height: auto !important}
	
	.bg{ height: 740px}
	
	.right{top: 189px;
    right: 201px;
}
	
	
	
	.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) {
    .w40{ width: 70px}
    
    .eclips{padding-bottom: 3rem !important;}
	
	
	.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: 152px !important}



.graysh{ background-color: #000 !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 {
  
  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: 768px) {
  .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);
  }
}





@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: 'Lato', sans-serif !important; font-weight:bolder !important}


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


.slider__control {
      font-size: 35px;
    border: none;
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    z-index: 10;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    color: #ffffff;
/*    background: #ff9900;*/
    cursor: pointer;
    opacity: 1;
    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; padding-left: 33px
}

.owl-nav{ display: none}





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


.left_price{    background-color: #00000000;
    color: #fff;
    text-align: center;
    position: absolute;
    margin-top: -110px;
    width: 41%;
}







/* Begin float */

.float {
  position:fixed;
  bottom:92px;
  right:24px;
  text-align:center;
  z-index:1000;
}

.float .trigger {
  border-radius:50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  position:relative;
  background:#b83434;
  color:#fff;
  height:55px;
  width:55px;
  vertical-align:middle;
  animation: 1.5s linear 0s infinite normal pulse;
  transition: ease-in-out 0.2s;
  cursor: pointer;
}

.float .trigger:hover{
  transform:scale(1.1);
}

 
.float .trigger .fa::after{
  transition: ease-in-out 1s;
}

.fab.open .trigger i{
  transition: all 0.4s ease;
  transform: translateY(5px) rotate(360deg);
}

.float i{
  font-size:28px;
  line-height:58px;
}

.float .actions{
  opacity:0;
  transition: opacity 0.4s ease;
}

.float.open .actions{
  opacity:1;
}

.float .p-info{
  position: absolute;
  opacity:0;
  transition: transform 0.4s ease;
  transition: all 0.4s ease;
  transform: translateY(-156px);
  right:60px;
  width:100%;
  height:auto;
}

.float.open .p-info{
  opacity:1;
  position: absolute;
  transition: transform 0.4s ease;
  transition: all 0.4s ease;
  transform: translateY(-186px);
  right:60px;
  width:40px;
  height:40px;
  
}

.float .p-phone a{
  position: absolute;
  top: 0;
  background: #fff;
  color: #333;
  height: 60px;
  width: 60px;
  line-height: 40px;
  transition: transform 0.4s ease;
  transform: translateY(50px);
  transition: all 0.4s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  right:-50px;
  opacity:0
  transition-delay:0.2s;
}

.float.open .p-phone a{
  position: absolute;
  top: 0;
  background: #fff;
  color: #333;
  height: 60px;
  width: 60px;
  line-height: 40px;
  transition: transform 0.4s ease;
  transform: translateY(50px);
  transition: all 0.4s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  right:10px;
  transition-delay:0.2s;
}

.float.open .p-phone a:hover{
  background:#25d366;
  color:white;
}

.float .p-whatsapp a{
  position: absolute;
  opacity:0;
  background: #fff;
  color: #333;
  height: 60px;
  width: 60px;
  line-height: 40px;
  transition: transform 0.4s ease;
  right: 80px;
  transform: translateY(50px);
  transition: all 0.4s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  right:-50px;
  transition-delay:0.3s;
  transform-origin: right center 0;
}

.float.open .p-whatsapp a{
  position: absolute;
  top: 0;
  opacity:1;
  background: #fff;
  color: #333;
  height: 60px;
  width: 60px;
  line-height: 40px;
  transition: transform 0.4s ease;
  right: 80px;
  transform: translateY(50px);
  transition: all 0.4s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  transition-delay:0.2s;
}

.float.open .p-whatsapp a:hover{
  background:#25d366;
  color:white;

}

.float .p-image{
  top:100px;
  position: absolute;
  right:-65px;
  transition: all 0.4s ease;
  transition: transform 0.4s ease;
  border-radius:50%;
}

.float.open .p-image{
 
}

.float .p-image img{
  top:0;
  position: absolute;
  right:3px;
  transition: all 0.4s ease;
  border-radius:50%;
  transform: translateY(20px);
}

.float.open .p-image img{
  top:0;
  position: absolute;
  right:3px;
  transition: all 0.4s ease;
  border-radius:50%;
  transform: translateY(-50px);
}

.float .p-tooltip {
  position: absolute;
  right:0;
  transition-delay:0.3s;
  transform-origin: right center 0;
  transition: all 0.8s ease;
  transform: translateY(50%) scale(0);
  top: 0;
  right: -50px;
  width: 25vw;
  line-height:5px;
  border-radius:25px;
}

.float.open .p-tooltip{
  right:155px;
  font-size: 16px;
  line-height:5px;
  opacity:1;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  width:25vw;
  height:55px;
  border-radius:25px;
  transform:translateY(52px);
   transition-delay:0.3s;
}

.float .p-tooltip p{
  font-size:16px;
  font-weight:bold;
}

.float.open .p-tooltip p{
  font-size:16px;
  font-weight:bold;
}



.float .actions .p-info:nth-child(1){
 transform: translateY(-190px)
}

.float .actions .p-info:nth-child(2){
 transform: translateY(-260px)
}

.float .actions .p-info:nth-child(3){
 transform: translateY(-330px)
}

.float .actions .p-info:nth-child(4){
 transform: translateY(-400px)
}

.float .actions .p-info:nth-child(5){
 transform: translateY(-470px)
}

.float .actions .p-info:nth-child(6){
 transform: translateY(-540px)
}









/* Animations */

@keyframes pulse {
    0% {
      box-shadow: 0px 1px 0px 3px #ab1a1a30, 0px 0px 0px 0px #ef242450;
    }
    30% {
      box-shadow: 0px 1px 0px 3px #ab1a1a30, 0px 0px 0px 5px #ef242450;
    }
    70% {
      box-shadow: 0px 1px 0px 3px #ab1a1a30, 0px 0px 0px 15px #ef242410;
    }
    100% {   
      box-shadow: 1px 1px 2px 1px #ab1a1a30, 0px 0px 0px 20px transparent;
    }
  }