@font-face {
  font-family: Cairo-Regular;
  src: url(../fonts/Cairo-Regular.ttf);
}
body{
  font-family: Cairo-Regular !important;
  color: #9EB8E9 !important;
  font-size: 16px;
}

.landing_bg{
  background-image: url(../images/landing_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 700px;
  height: 100%;
  background-color: #0b1019;
}
.inner_bg{
  background-image: url(../images/inner_bg.png);
  /* background: radial-gradient(circle at 0%, #191e57 20%, #161e32 75%); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 700px;
}
.thankyou_bg{
  background-image: url(../images/thankyou_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 700px;
}
.width100{
    float: left;
    width: 100%;
    height: auto;
}
.header {
  margin: 20px 0;
}
.logo_box{
  float: left;
  width: 190px;
}
.landing_usertype_box{
  margin: 180px 0 0 0;
}

.top_language_box{
  float: right;
  position: relative;
  cursor: pointer;
}
.top_language_selected{
  float: right;
  font-size: 13px;
  color: #fff;
}
.top_language_box span{
  float: left;
  margin: 0;
}
.top_language_box img{
  float: right;
  margin: 8px 0px 0 7px;
}
.top_language_box a{
  float: right;
  clear: both;
  margin: 5px 14px 0 0;
  font-size: 13px;
  color: #fff;
  display: none;
  text-decoration: none;
}
.top_language_box:hover a{
  display: block;
}
.top_language_box a:hover{
  color: #88dbdf;
}

.text31_white{
  color: #fff;
  font-family: Cairo-Regular;
  font-size: 31px;
}
.text16_blue{
  font-family: Cairo-Regular;
  font-size: 16px;
  color: #88DBDF;
}
.blue_btn{
  float: left;
  width: auto;
  background-color: #88DBDF;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  padding: 9px 20px;
  border-radius: 5px;
  text-decoration: none;
  transition-duration: 0.3s;
  border: 2px solid #88DBDF;
  min-width: 135px;
  text-align: center;
  position: relative;
}
.blue_btn:hover{
  text-decoration: none;
  color: #000;
  border: 2px solid #fff;
  box-shadow: 0px 4px 30px #fff;
}
.blue_btn2{
  width: auto;
  background-color: #88DBDF;
  font-size: 14px;
  font-weight: bold;
  color: #161A22;
  padding: 9px 40px;
  border-radius: 5px;
  text-decoration: none;
  transition-duration: 0.3s;
  border: 2px solid #88DBDF;
  text-transform: uppercase;
}
.blue_btn2:hover{
  text-decoration: none;
  color: #161A22;
  border: 2px solid #fff;
  box-shadow: 0px 4px 30px #000;
}
/* ----RIGHT-PAGINATION-START---- */
.right_pagination_box{
  float: right;
  /*position: absolute;*/
  right: 0;
  margin: 5% 4% 0 0;
  min-height: 350px;
  border-right: 1px solid #474d5d;
}
.pagination_number{
  float: left;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: #161e32;
  margin: 0 0 0 7px;
  display: none;
}
.pagination_select{
  float: right;
  color: #fff;
  background-color: #161e32;
  margin: 0 -2px 0 0;
  display: block;
}
.pagination_select_line{
  float: right;
  width: 1px;
  height: 80px;
  background-color: #88dbdf;
  margin: 0 -1px 0 0;
  clear: both;
}
.pagination_box2 .pagination_select{
    margin: 70px -1px 0 0;
}

/* ----RIGHT-PAGINATION-END---- */

/* ----TENANT-DROPDOWN-START---- */
.tenant_dropbox{
    display: none;
  float: left;
  width: 100%;
  clear: both;
  margin: 20px 0 0 0;
}
.tenant_dropbox_mainbox{
    float: left;
}
.tenant_dropbox_mainbox:hover .tenant_dropbox{
  display: block;
}
.tenant_dropbox a{
  float: left;
  width: 100%;
  text-align: center;
  clear: both;
  padding: 8px 0;
  line-height: normal;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}
.tenant_dropbox a:hover{
    color: #88DBDF;
}
/* ----TENANT-DROPDOWN-END---- */


/* ----PROJECT-SLIDER-START---- */
.project_slider_img{
  padding: 20px;
  min-height: 380px;
}
.project_slider_img a{
    transition-duration: 0.3s;
}
.project_slider_img a:hover{
  box-shadow: 1px 10px 21px rgba(255, 255, 255, 0.3);
  width: auto;
  /* float: left; */
  border-radius: 12px;
}
.select_project_sliderbox img{
  max-height: 350px;
  width: auto !important;
  margin: 0 auto;
  display: inherit !important;
  transition-duration: 0.3s;
}
.select_project_sliderbox img:hover{
  background-color: #ffffff2e;
  border-radius: 10px;
}
.owl-stage-outer{
  z-index: 500;
}
.owl-nav{
  margin: 0 auto;
  position: relative;
  top: 0;
  width: 80px;
}
.owl-nav div{
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-size: 12px;
  font-size: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  color: #c9cfe4;
  transition-duration: 0.3s;
  background-position: center;
}
.owl-nav div:hover{
  background-color: #1f3b52;
}
.owl-nav .owl-prev{
    float: left;
}
.owl-nav .owl-next{
  float: right;
  background-image: url(../images/arrow_right.png);
}
.select_project_sliderbox{
    min-height: 350px;
}
/* ----PROJECT-SLIDER-END---- */


/* ----HORIZONTAL-DETAILS-BOX-START---- */
.horizontal_details_box{
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 50px;
  border-bottom: 1px solid #41485d;
}
.horizontal_details_box li{
  float: left;
  color: #717891;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-transform: uppercase;
  font-size: 15px;
  width: 33%;
  text-align: center;
  line-height: normal;
  font-weight: 600;
}
.horizontal_details_box .selected{
  border-bottom: 1px solid #7bc0c7;
  margin: 0 0 -1px 0;
  color: #c9cfe4;
}
/* ----HORIZONTAL-DETAILS-BOX-END---- */

.content_inputs input, textarea, select{
  background-color: #1f2a44;
  border: 1px solid #253963;
  font-size: 16px;
  color: #9EB8E9;
  line-height: normal;
  padding: 6px 4px;
  border-radius: 4px;
  font-family: Cairo-Regular;
  min-height: 43px;
  transition-duration: 0.3s;
}
.content_inputs input:hover, textarea:hover, select:hover{
  border: 1px solid #9c9faa;
  box-shadow: inset 2px 2px 10px #18223d;
}
option{
  font-family: arial;
}

.content_inputs input:focus{
  border: 1px solid #9c9faa !important;
  outline: none;
}

.input_list{
  width: 90%;
  margin: 0 0 10px 0;
  min-height: 43px;
  float: left;
  position: relative;
}
.input_list input, select{
  width: 100%;
}
.adults_input_box select{
  padding: 6px 0px;
}

.yesno_leftbox{
  width: 16%;
  float: left;
}
.yesno_rightbox{
  float: right;
  background-color: #1f2a44;
  min-height: 100px;
  width: 80%;
  border-radius: 5px;
  position: relative;
}
.yesno_rightbox span{
  left: 0;
  position: absolute;
  margin: 9px 0 0 11px;
  opacity: 0.3;
}
.yesno_textarea_box textarea{
  width: 100%;
  max-height: 99px;
  z-index: 500;
  position: relative;
  min-height: 99px;
  padding: 6px 0 0 10px;
}
.yesno_leftbox input{
  display: none;
}
.yesno_leftbox label{
  cursor: pointer;
  width: 100%;
  background-color: #1f2a44;
  border: 1px solid #2e4677;
  text-align: center;
  border-radius: 3px;
  line-height: normal;
  padding: 7px 0;
}
.yesno_leftbox label:hover{
  border: 1px solid #9c9faa;
}


.checkbox_design input{
  display: none;
}
.checkbox_design label{
  width: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  float: left;
}
.checkbox_design label:before{
  content: "Yes";
  width: 14%;
  background-color: #1f2a44;
  min-height: 40px;
  float: left;
  border-radius: 5px;
  margin: 0;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  padding: 7px 0;
  border: 1px solid #1f2a44;
  transition-duration: 0.3s;
  font-size: 0;
  font-weight: normal;
}
.checkbox_design span{
  padding: 10px 0 0 10px;
  width: 86%;
  float: left;
  font-size: 14px;
  font-weight: normal;
}
.checkbox_design input[type=checkbox]:hover + label:before{
  border: 1px solid #9c9faa;
  box-shadow: inset 4px 2px 6px #121a2e;
}
.checkbox_design input[type=checkbox]:checked + label:before{
  border: 1px solid #9c9faa;
  box-shadow: inset 4px 2px 6px #121a2e;
  font-size: 14px;
}

.unitnumber_selectbox{
  padding: 100px 0;
}
.unitnumber_selectbox select{
  width: 28%;
}
.unitnumber_selectbox .unitnumber_select{
  width: 68%;
  float: right;
}

/* -------DRAG-DROP-UPLOAD-START-------- */
.details_count{
  font-size: 35px;
  color: #3C5D9D;
}
.calender_icon{
  float: right;
  position: absolute;
  margin: 7px 1px 0 -33px;
  cursor: pointer;
  top: 0;
  right: 0;
}
.dragdrop_list{
  float: left;
  width: 31%;
  background-color: #1f2a44;
  border: 1px solid #253963;
  padding: 5px;
  border-radius: 4px;
  margin: 0 2% 15px 0;
  min-height: 60px;
}
.dragdrop_list2{
  width: 48%;
}
.dragdrop_list:hover{
  background-color: #161a22;
  border: 1px solid #161a22;
}
.dragdrop_list:hover .drop_file_text{
  background-color: #161a22;
}
.dragdrop_icon{
  float: left;
  width: 20%;
  text-align: center;
  margin: 6px 0;
}
.dragdrop_rightbox{
  float: left;
  width: 80%;
  position: relative;
}
.dragdrop_heading{
  float: left;
  width: 100%;
  font-size: 19px;
  line-height: 22px;
  margin: 3px 0 0 0;
}
.dragdrop_clicktoupload{
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: normal;
}
.dragdrop_clicktoupload_selected{
  margin: 12px 0 18px 0;
}
.dragdrop_list label{
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: block;
}
.drop_file_text{
  float: left;
  position: relative;
  left: 0;
  width: 100%;
  background-color: #1f2a44;
  line-height: 45px;
  overflow: hidden;
  max-height: 48px;
}
/* -------DRAG-DROP-UPLOAD-END-------- */

/* -------DATE-POPUP-START-------- */
.date_placeholer_input{
  background-image: url(../images/calendar_icon.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.date_dropdown_box {
  border: 1px solid #fff;
  float: left;
  padding: 0px;
  border-radius: 3px;
  width: auto;
  position: absolute;
  margin: -20px -203px 0 0;
  right: 0;
  z-index: 500;
}
.date_dropdown_box div{
  float: left;
  position: relative;
}
.date_dropdown_box div label{
  margin: 0;
  padding: 0;
}
.date_dropdown_box select{
  border: 0px;
  width: 52px;
}
.dmy-cal-months select{
  width: 102px;
  border: 0px;
}
.dmy-cal-years select{
  width: 65px;
}

.date_dropdown_box select:focus{
  border: 0;
  outline: none;
}
.date_dropdown_box .dmy-cal-days label::before{
  content: "Day";
  position: absolute;
  background-color: #1f2a44;
  padding: 9px 0 10px 0;
  width: 66%;
  text-align: center;
  margin: 0;
  border-radius: 5px;
  display: none;
}
.date_dropdown_box .dmy-cal-months label::before{
  content: "Month";
  position: absolute;
  background-color: #1f2a44;
  padding: 9px 0 10px 0;
  width: 67%;
  text-align: center;
  margin: 0;
  border-radius: 5px;
  display: none;
}
.date_dropdown_box .dmy-cal-years label::before{
  content: "Year";
  position: absolute;
  background-color: #1f2a44;
  padding: 9px 0 10px 0;
  width: 67%;
  text-align: center;
  margin: 0;
  border-radius: 5px;
  display: none;
}

.date_close{
  float: left;
  position: absolute;
  background-color: #b5cbf6;
  line-height: 12px;
  color: #000;
  font-size: 15px;
  padding: 0 3px 1px 4px;
  font-weight: bold;
  height: auto;
  margin: -14px 0 0 0;
  right: 0;
  cursor: pointer;
}
.date_close:hover{
  background-color: #fff;
}

.date_dropdown_mainbox {
  display: none;
  margin: -44px 0 0 0;
}
.active_date .date_dropdown_mainbox {
  display: block;
}

.date_openclose_box{
  display: none;
}
.date_open .date_openclose_box{
  display: block;
}
/* -------DATE-POPUP-END-------- */
.navigation_arrow_box{
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: -260px auto 0;
}
.navigation_inner_arrow_box{
  width: 80%;
}
.navigation_arrow_box a{
  float: left;
  opacity: 0.3;
  position: relative;
  z-index: 500;
}
.navigation_arrow_box a:hover{
  opacity: 1;
}
.navigation_arrow_box .rightarrow{
  float: right;
}
.listcount_desktop{
  display: block;
}
.listcount_mobile{
  display: none;
}

.desktop_tenant_dropdown_desktop{
  display: block;
}
.desktop_tenant_dropdown_mobile{
  display: none;
}
.tenant_dropdown_box{
  display: none;
}
.tenant_open .tenant_dropdown_box{
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: 20px 0 0 0;
}
.tenant_open .tenant_dropdown_box a{
  color: #fff;
  float: left;
  width: 100%;
  padding: 10px 0;
  text-decoration: none;
}


.tenant_open .tenant_dropdown_box a:hover {
  color: #88DBDF;
}

.plus_sign{
  font-size: 40px;
  color: #88DBDF;
}

.middle_box{
  min-height: 540px;
}
.footer_copyright_box{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #fff;
  margin: 60px 0 10px 0;
}



@media screen and (max-width:1300px) {


}
@media screen and (max-width:992px) {
.inner_bg{
    background-color: #1c233c;
}
/* ----PROJECT-SLIDER-START---- */

.owl-nav div{
    margin: 0 0 0 -20px;
}
.owl-nav .owl-next{
    margin: 0 -20px 0 0px;
}
/* ----PROJECT-SLIDER-END---- */

.middle_box {
  max-width: 80%;
  margin: 0 auto;
  float: none;
  min-height: inherit;
}


.navigation_arrow_box{
  position: relative;
  min-width: 94%;
  max-width: 94%;
  margin: 50px auto 0;
}
.input_list{
  width: 100%;
}
.dragdrop_list{
  width: 48%;
}

.navigation_lastarrow{
  max-width: 40px;
  min-width: inherit;
}

.unitnumber_selectbox {
  padding: 20px 0;
}
.date_dropdown_box{
  margin: 0;
}

.listcount_desktop{
  display: none;
}
.listcount_mobile{
  display: block;
}

.desktop_tenant_dropdown_desktop{
  display: none;
}
.desktop_tenant_dropdown_mobile{
  display: block;
}
/* ----RIGHT-PAGINATION-START---- */
.right_pagination_box{
  margin: 0 0 20px 0;
  /*position: relative;*/
  min-height: inherit;
  width: 100%;
  border-right: 0;
  border-bottom: 1px solid #474d5d;
}
.pagination_number{
  width: 20%;
  display: block;
  float: left;
  background: inherit;
  margin: 0;
  opacity: 0.3;
  padding: 0 0 5px 0;
}
.pagination_select{
  border-bottom: 1px solid #88dbdf;
  opacity: 1;
}
.pagination_select_line{
  display: none;
}
/* ----RIGHT-PAGINATION-END---- */

.navigation_arrow_box a{
  margin: 0px !important;
}

/* ----HORIZONTAL-DETAILS-BOX-START---- */
.horizontal_details_box{
  display: none;
}
/* ----HORIZONTAL-DETAILS-BOX-END---- */

}


@media screen and (max-width:768px) {
.landing_usertype_box{
  margin: 20% 0 0 0;
}

/* ----PROJECT-SLIDER-START---- */

/* ----PROJECT-SLIDER-END---- */

/* ----HORIZONTAL-DETAILS-BOX-START---- */
.horizontal_details_box{
  padding: 10px;
  border: 0px;
}
.horizontal_details_box li{
  width: 100%;
  margin: 0 !important;
  padding: 7px 0;
  border-bottom: 1px solid #41485d;
}
/* ----HORIZONTAL-DETAILS-BOX-END---- */



/* ----RIGHT-PAGINATION-START---- */
.right_pagination_box{
  display: none;
}
/* ----RIGHT-PAGINATION-END---- */

}

@media screen and (max-width:580px) {

.landing_bg{
  min-height: inherit;
}
.footer_copyright_box {
  margin: 20px 0;
}

/* ----PROJECT-SLIDER-START---- */

.select_project_sliderbox .owl-nav div{
    margin: 0 0 0 -30px;
}
.select_project_sliderbox .owl-nav .owl-next{
  margin: 0 -30px 0 0;
}
/* ----PROJECT-SLIDER-END---- */

.dragdrop_list{
  width: 100%;
}
.blue_btn{
  min-width: 100%;
  padding: 9px 10px;
}
.tenant_dropbox_mainbox {
  width: 100%;
  margin: 20px 0 0 0;
}
.home_content_box{
  min-height: 130px;
}

.adults_input_box select{
  min-width: 100%;
  margin: 0 0 10px 0 !important;
}

.owl-nav{
  margin: -210px auto 0;
  width: 100%;
}






}