@charset "utf-8";
/* CSS Document */
html,body{margin: 0;padding: 0;height: 100%;width: 100%;transition: all .5s linear}
.table_display{display:table; width:100%; height:100%; z-index:10;}
.cell_display{display:table-cell; vertical-align:middle; width:100%; height:100%;}
#loginPage{text-align: center;}
.dark #loginPage{background: url("../images/login_dark.jpg") no-repeat center;}
.light #loginPage{background: url("../images/login_light.jpg") no-repeat center;}
.dark h6{color:#FFFFFF;}
.light h6{color:#000000;}
#loginHolder{width: 440px; margin: 0 auto;}
#mainLogo{width:100%;height:132px;max-width:434px;max-height:132px;margin: 0 auto;}
.dark #mainLogo{background: url("../images/logo_dark.png") no-repeat;}
.light #mainLogo{background: url("../images/logo_light.png") no-repeat;}
h6.loginTitle{text-transform: uppercase; font-size: 15px; font-weight: 400;margin-bottom: 25px;}
.mt-80{margin-top:80px;}
.leaflet-tooltip{ background:none !important; border:0 !important;}
.polyline_popup{ font-family: 'MatterRegular'; font-size: 20px; color: white; font-weight: bold;}
.masterplan_map .leaflet-tooltip{ background:#fff !important; border:1px solid #fff !important;}
.max-image-width img{max-width: 100%;width:100%;}

#loginForm{width:230px;margin: 0 auto;}
#loginForm .form-control,
#loginForm .btn{
	border-radius: 25px;
	width: 100%;
	text-align: center;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	-ms-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	-o-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	margin-bottom: 15px;
}
#loginForm .form-control,
#loginForm .form-control:-internal-autofill-selected{background-color: #FFFFFF !important;border: 1px solid #FFFFFF !important;}
#loginForm .btn{background-color: #b61d21 !important;border: 1px solid #b61d21 !important;text-transform: uppercase;}

#preloader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	position: absolute;
	animation: spinLoader 2s linear infinite;
	z-index: 1024;
}

@keyframes spinLoader {
	0%{ transform: rotate(0deg); }
	100%{ transform: rotate(360deg); }
}

/*START MAP Style*/
#map { width:100%; height:100%; margin:0; padding:0; z-index: 1;}
#background { width:100%; height:100%;z-index: -1;position: absolute;}
#background.blur {filter: blur(5px); -webkit-filter: blur(5px);}
#background.uae {background: url("../images/uae.jpg") no-repeat center center;}
#background.abu-dhabi {background: url("../images/abu-dhabi-map.jpg") no-repeat center center;}
#background.dubai {background: url("../images/Dubai-map.jpg") no-repeat center center;}
#background.al-ain {background: url("../images/Al-Ain-map.jpg") no-repeat center center;}
#background.masterplan {background: url("../images/masterplan-map.jpg") no-repeat center center;}
#bloom_logo{position: absolute;top: 66px;left:51px;width: 216px;height: 65px;background-image: url("../images/bloom_logo.svg");background-size: cover;background-repeat: no-repeat;z-index: 9999;}
.leaflet-container{background-color: transparent;}
.leaflet-bottom.leaflet-left,
/*.leaflet-popup-close-button,
.leaflet-top .leaflet-control-zoom-in,
.leaflet-top .leaflet-control-zoom-out,*/
.landmark-popup .leaflet-popup-close-button,
.leaflet-bottom a:first-child{display: none;}
.leaflet-right .leaflet-control{margin-top: 50px;}
#fullscreen{position: absolute;z-index: 9999;width: 34px;height: 34px;border: 2px solid rgba(0,0,0,0.2);background-clip: padding-box;right:10px;top:10px;background-repeat: no-repeat;cursor: pointer;background-color: #FFFFFF;border-radius: 5px;}
.fullscreen-icon{background-image: url("../images/icon-fullscreen.svg"); background-size:30px 60px;}
.fullscreen-icon.fullscreen-on{background-position: 0px -30px !important;}
.draw-path{
	fill:none;
	stroke:#F7F7F7;
	stroke-width:1;
	stroke-dasharray:0,443; 
	animation: draw 4s linear forwards;
	animation-iteration-count: 1;
}
@keyframes draw {
	0% {stroke-dasharray: 0,443;}
	100% {stroke-dasharray: 443,0;}
}
.tooltip_text{border:0px;background-color:transparent;color:#FFFFFF;font-family: 'OrpheusProBold';font-size: 17px;box-shadow:0px 0px 0px;}
.tooltip_text:before{display: none;}
.tooltip_title{border:0px !important;background-color:transparent;color:#FFFFFF;font-family: 'MatterMedium';font-size: 17px;box-shadow:0px 0px 0px;padding: 0;margin: 0;}
.tooltip_title:before{display: none;}
.popup_masterplan {text-align: center; background-color: rgba(0,0,0,0.7);}
.popup_masterplan .leaflet-popup-content-wrapper{background: none !important;}
.popup_masterplan .leaflet-popup-content {margin: 0; width: 255px !important; padding: 35px 35px;}
.popup_masterplan .leaflet-rrose-content-wrapper{background: none !important;}
.popup_masterplan .leaflet-rrose-content {margin: 0; width: 255px !important; padding: 35px 35px;}
.popup_masterplan .container-fluid{padding: 0; }
.popup_masterplan .popup_masterplan_col {padding: 0;position: relative;}
.popup_masterplan .popup_masterplan_col .gal_icon{position: absolute; z-index: 10; top: 5px; left: 5px; width: 35px;cursor: pointer;}
.popup_masterplan .popup_masterplan_col img{width: 100%;}
.popup_masterplan .popup_masterplan_col .text_container {margin-top:10px;line-height: 12px;}
.popup_masterplan .popup_masterplan_col .text_container p{text-align: left; max-width: 100%; font-family: 'MatterRegular';font-size: 13px; color: #ffffff; margin: 0; margin-bottom: 5px;}
.popup_masterplan .popup_masterplan_col .text_container span{font-family: 'MatterRegular';font-size: 13px; color: #969694;}
.popup_masterplan .popup_masterplan_col .text_container a{padding: 10px !important; font-size: 14px; line-height: 20px; width: 100%; display: block; text-align: center; }
.popup_masterplan .popup_masterplan_col .text_container .popup_a1{background-color: #ffffff; font-family: 'MatterMedium'; color: #000000; border-radius:50px; margin-bottom: 10px;  margin-top: 10px;}
.popup_masterplan .popup_masterplan_col .text_container .popup_a2{background-color: #9a3424; font-family: 'MatterRegular'; color: #ffffff; border-radius:50px;}

.bloom-popup .leaflet-popup-content-wrapper {background-color:transparent;color:#FFFFFF;font-size:14px;line-height:24px;border-radius:0px;box-shadow:0px 0px 0px;}
.bloom-popup .leaflet-popup-content{transition: all 0.2s linear;}
.bloom-popup .leaflet-popup-content-wrapper a{color:#FFFFFF;}
.bloom-popup .leaflet-popup-content{margin:0;}
.bloom-popup .popup-holder{border:3px solid #b61d22;background-color:rgba(0,0,0,0.3) }
.bloom-popup .container-fluid,
.bloom-popup .row,
.bloom-popup .col-6,
.bloom-popup .col-12{margin: 0;padding: 0; }
.bloom-popup .popup-text,
.bloom-popup .popup-description{padding:0px 15px;font-family: 'MatterRegular';font-size: 13px;/*word-break: break-all;*/}
.bloom-popup p{margin-top: 0px;margin-bottom: 5px;}
.bloom-popup a{font-weight: bold;;font-size: 14px;font-style: italic;text-decoration: underline;}
.bloom-popup p.district_link{margin-top: 19px;}
.bloom-popup p.district_link a{font-weight: normal;font-size: 12px; line-height: 26px; font-style:normal; text-decoration: none; color: #ffffff; background-color: #b62025; border-radius: 50px; padding: 13px 17px; margin-left: 9px; text-transform: uppercase;}
.bloom-popup .popup-bloom-title{
    display: inline-block;
    text-align: center;
    padding:15px 20px;
    background-color:#b61d22;
    border-radius:30px;
    margin-top: -30px;    
    margin-right:0px;
}
.bloom-popup .leaflet-popup-tip{background-color:#b61d22;}
.leaflet-popup-tip-container{margin-top: -2px;display: none;}
.popup_masterplan .leaflet-popup-tip-container{margin-top: 0px;display: block;}
.popup_masterplan .leaflet-popup-tip{background-color: rgba(0,0,0,0.7);}
.bloom-popup .col-6 img{ width: 198px;;}
.leaflet-popup.bloom-popup {
    transition-property: opacity;
    transition-duration: 0.7s;
    opacity: 1;
}
.bloom-popup .popup-description{ 
    opacity: 0;
    height: 0;
    overflow: hidden;   
    /*display:none;*/
}
.bloom-popup .popup-bigger{
    width:440px !important;
}
.bloom-popup .popup-bigger .popup-description{
    /*
    height: auto;
    transition-property: opacity;
    transition-duration: 2s;
    opacity: 1;*/
    /*display:block;*/
}
.bloom-popup .popup-bigger .popup-bloom-title{    
    margin-right:38px;
}
.bloom-popup .popup-text{
    height: auto;
    transition-property: opacity;
    transition-duration: 1s;
    opacity: 1;
}
.bloom-popup .popup-bigger .popup-text{
    opacity: 0;
    height: 0;
    overflow: hidden;
    /*display:none;*/
}
.bloom-popup .popup-bigger .row .col-6:first-child{
    flex: 0 0 46% !important;
    max-width: 46% !important;
}
.bloom-popup .popup-bigger .row .col-6:last-child{
    flex: 0 0 54% !important;
    max-width: 54% !important;
}
.leaflet-container .bloom-popup a.leaflet-popup-close-button{padding: 10px 24px 0 0;}
.landmark-popup{bottom: 30px !important;}
.landmark-popup .leaflet-popup-content-wrapper{border-radius: 50px; background-color: rgba(255,255,255,0.4);box-shadow:0px 0px 0px;color:#ffffff;font-family: 'MatterRegular';font-size: 14px;text-transform: uppercase;}
.landmark-popup .leaflet-popup-content-wrapper .leaflet-popup-content { margin: 13px 22px; line-height: 24px; text-align: center; }
.landmark-popup .leaflet-popup-tip{background-color: rgba(255,255,255,0.5);box-shadow:0px 0px 0px;color:#000000;font-family: 'MatterRegular';font-size: 20px;text-transform: uppercase;}
#roadMap{position: absolute;right:20px;top:70px;border: 2px solid #FFFFFF;z-index: 2;background-color: rgba(255,255,255,0.5);padding: 20px;color:#FFFFFF;font-family: 'MatterRegular';}
#roadMap ul{margin: 0;padding: 0;list-style-type: none;}
#roadMap li{margin: 0;padding: 0;}
#roadMap .roadList{border-left: 3px dashed #FFFFFF;margin: 10px; padding: 20px; padding-left: 10px;margin-left: 20px;}
#roadMap .roadList i{margin-right: 10px;font-size: 20px;}
#roadMap .roadImg{margin-right: 10px;width: 45px;}
/*END MAP Style*/

.book_holder{position:absolute; top:0; left:0; z-index:20;background: rgba(0, 0, 0, 0.7); width:100%; height:100%; display:none;font-size: 13px;font-family: 'MatterRegular';}
.book_holder select{font-family: 'MatterRegular'; font-size: 14px !important; line-height: 20px !important; color:#000000 !important; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.book_holder select option{font-family: 'Arial'; font-size: 14px !important; line-height: 20px !important; }

.book_holder .box:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #000000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.gallery_list.book_holder{background-color:  rgba(255,255,255,0.8);}
.book_holder .book_container{max-width:650px; padding:40px; margin:0 auto; background-color: #ffffff;}
.book_holder .book_container .form-control{ font-size: 14px; height: 45px; width: 100%; padding: 5px 15px; border: 1px solid #c8c9ca; line-height: 30px; color: #000000; border-radius: 0px;}
.book_holder .book_container .btn{ border-radius: 0px;text-align: center;width: 100%;color:#FFFFFF;margin-top: 0px;font-size: 14px; padding: 5px 15px; line-height: 30px; font-weight: bold; }
.book_holder .book_container .btn.btn_cancel{background-color: #9a3324;}
.book_holder .book_container .btn.btn_submit{background-color: #5c7f71;}
.book_holder .book_container .row.marginBottom5{margin-bottom: 5px;}
.book_holder .book_container .form_booking_message{display: none;margin-top: 20px; text-align: center;}
.book_holder .book_container .form_booking_message h6{margin-bottom: 20px;}
.book_holder .book_container .form_booking_message input{ background-color: #9a3324; width: 206px; }
*:focus {
    outline: none !important;
    border-color: #c8c9ca !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.book_holder .book_container input:focus ~ .floating-label,
.book_holder .book_container input:not(:focus):valid ~ .floating-label{
  top: 1px;
  left: 15px;
  font-size: 10px;
}

.book_holder .book_container .floating-label {
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 13px;
    transition: 0.2s ease all;
    color: #999999;
}
.separator_popup{color: #9a3324;}
.book_holder .book_container .detail_popup{background-color: #e9e8e0; margin-bottom: 5px; margin-top: 5px; padding-top: 10px;}
.book_holder .book_container .margintop25{margin-top: 25px;}
.book_holder .book_container .nopad{padding: 0;position: relative;}
.book_holder .book_container .detail_popup1{background-color: #e9e8e0; width: calc(100% - 5px); line-height: 26px; padding-left: 15px;height: 100%;}
.book_holder .book_container .detail_popup1.lastchild{width: 100%;}
.book_holder .book_container .widthMinus5{width: calc(100% - 5px);}
.form_booking .row{margin-bottom: 20px;}

.book_holder .title_popup{font-size: 15px;}

.book_holder .gallery_container{width: 80%;margin: 0 auto;max-width: 1700px;}
.book_holder .error{border:1px solid red !important;}
.book_holder .gallery_container .title_row{position: relative;}
.book_holder .gallery_container .title_row .close_gallery{position: absolute;right:0;bottom:10px;cursor: pointer;}
.book_holder .gallery_container .title_row .close_gallery i{color:#000000;}
.book_holder .gallery_container .title_row .close_all_gallery{position: absolute;right:0;bottom:10px;cursor: pointer;}
.book_holder .gallery_container .title_row .close_all_gallery i{color:#FFFFFF;}
.book_holder .gallery_container .title_gallery {color:#FFFFFF;}
.book_holder .gallery_container .carousel-inner img {width: 100%;height: 100%}
.book_holder .gallery_container #custCarousel .carousel-indicators {bottom: 50px;display: block;margin-left: 0px;margin-right: 0px;}
.book_holder .gallery_container #custCarousel .carousel-indicators li {width: 120px;opacity: 1;display: inline-block;}
.book_holder .gallery_container #custCarousel .carousel-indicators li img {display: block;}
.book_holder .gallery_container #custCarousel .carousel-indicators li.active img {border:2px solid #FFFFFF;}
.book_holder .gallery_container .carousel-item img {width: 100%;}
.book_holder .gallery_container .carousel-control-next{right: 0%;}
.book_holder .gallery_container .carousel-control-prev{left: 0%;}
.book_holder .gallery_container .carousel-control-next,
.book_holder .gallery_container .carousel-control-prev{width:60px;}
.book_holder .gallery_container .carousel-control-prev-icon,
.book_holder .gallery_container .carousel-control-next-icon{width:60px;height: 60px;background-color: rgba(151,151,151,0.5);border-radius:50%;background-image:none;}
.book_holder .gallery_container .arrow-right{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #FFFFFF;top:50%;margin-top: -10px;position: absolute;left:50%;margin-left: -5px;}
.book_holder .gallery_container .arrow-left{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right:10px solid #FFFFFF;top:50%;margin-top: -10px;position: absolute;left:50%;margin-left: -5px;}
.all_gallery{background: rgba(255,255,255,1);padding:30px 15px;max-width: 1400px;}
.book_holder .all_gallery .title_row .close_all_gallery i,
.book_holder .all_gallery .title_row .title_gallery{color:#000000;}
.book_holder .all_gallery .title_row .close_all_gallery{bottom: auto;top: 0px;right: 15px;}
.book_holder.gallery_list .title_row .close_all_gallery i{color: #000000;}
#custCarousel .close_gallery{position: absolute;right:20px;top:20px;cursor: pointer;z-index: 666;}
#custCarousel .close_gallery i{color: #FFFFFF;}

.book_holder_360{position:absolute; top:0; left:0; z-index:20; width:100%; height:100%; display:none;font-size: 13px;font-family: 'MatterRegular';}
.book_holder_360 .popup_masterplan_col .text_container span{color:#000000;}
.book_holder_360 .book_holder_360_info{position:absolute; top:0; left:55px; background: rgba(0, 0, 0, 0.1); z-index:20; width:255px; padding: 20px 30px;}
.book_holder_360 .book_holder_360_info .popup_gal_a{ margin-top: 30px; display: block; position: relative; }
.book_holder_360 .close_360 i,
.book_holder_360 .close_360{position: absolute; top: 7px;left: 34px;width: 30px;z-index: 30;cursor: pointer;color:#FFFFFF;}
.book_holder_360 .book_holder_360_data, .book_holder_360 .book_holder_360_data iframe{width: 100%; height: 100%;}