/* Font --- */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
/* --- Font */
@import url('https://fonts.googleapis.com/css?family=Tajawal:200,300,400,500,700,800,900&display=swap');
/* Reset css --- */
/* body,html{overflow-x: hidden;} */
* {padding:0px; margin:0px;}
*:focus {outline: 0;}
html,body{font-size: 16px;}
body{margin:0; padding:0; font-size:16px; color:#2b2b2b; font-family: 'Poppins', sans-serif; overflow-x:hidden;}
ol, ul {list-style: none; margin:0; padding:0;}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:2px 0; margin:0;}
.clear {clear:both;}
a {color:#337ab8; text-decoration:none;}
a:hover {text-decoration:none; color:#0c528f;}
a:focus{outline:none !important;}
:hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
h1, h1 a, h2, h2 a, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; font-family: 'Poppins', sans-serif;}
input, select{font-family: 'Poppins', sans-serif;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:1; color: #000;}
:-moz-placeholder{opacity:1; color: #000;}
::-moz-placeholder{opacity:1; color: #000;}
:-ms-input-placeholder{opacity:1; color: #000;}
 
/* --- Reset css */

/* common part css start */
.body_content{
  margin-top: 93px;
  position: relative;
}
h1{
  font-size: 36px;
  color: #31647f;
  font-weight: 300;
  padding-bottom: 20px;
}
.header_area{
  margin: 0;
  /*padding: 10px 0;*/
  min-height: 93px;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #fff;
  top:0;
}
.account_area{
  float: right;
  color: #d2d0d0;
  padding: 10px 0;
}
.account_area span.userimg{
  width:62px;
  height: 56px;
}
.account_area span.userimg img{
  border-radius: 50%;
}
.account_area select{
  border:none;
  color: #1d1d1d;
  appearance: none;
  -webkit-appearance: none;
  background: url(../images/arrow.png) no-repeat;
  background-position: right center;
  padding-right: 20px;

}
.account_area span{
  margin: 0 18px;
}
.account_area form{
  margin: 0 18px;
}
.account_area .search_area{
  position: relative;
}
.account_area .search{
  background: #f7f7f7;
  border:1px solid #c9c9c9;
  width: 100%;
  height: 48px;
  border-radius:30px;
  padding: 0 23px 0 20px;
}
.account_area .search::placeholder{
  color: #969797;
}
.account_area .search_btn{
  background: url(../images/search_icon.png) no-repeat;
  width: 20px;
  height: 20px;
  border:none;
  position: absolute;
  right:20px;
  top:11px;
  z-index: 2;
  cursor: pointer;
}

.content_area{
  width: 100%;
  padding-left: 273px;
  background-color:white;
}
.banner_area img{
  width:100%;
}
.content_wrapper{
  margin-right:6%;
  width:94%;
  padding-top: 40px;
}
.paddingLeft55{
  padding-left: 35px;
}
.blue_big_button{
  background: #0a70ff;
  padding: 13px 35px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
}
.menubar_icon{
  display: none;
}

.green_title{background: #6EDC55; border-left: 50px solid #0A70FF; position: relative; padding: 20px 0;}
.green_title:after{position: absolute; left: 0; content: ''; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #0a70ff; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.green_title h1, .green_title h5, .green_title p{padding: 0 25px 0 25px; color: #FFFFFF; line-height: 28px;}
.green_title h5{font-size: 24px; font-weight: 400; margin-bottom: 15px; text-transform: uppercase;}
.green_title p{font-size: 16px; font-weight: 400; line-height: 26px;}
.green_title p a{color: #fff; border-bottom: 1px solid #fff;}
.green_title h1 { line-height: 38px;}
.referafriend a{
  color: #fff;
}

/* common part css end */

/* menu css start */
.menu_area{
  width:273px;
  background: #f1f1f1;
  height:100vh;
  position: absolute;
  top:0;
  left:0;
  min-height: 100%;
  z-index: 99;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area.left_menu{
  left:0;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
  position: fixed;
  z-index: 99;
}
.menu_area ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu_area ul li{
  margin: 0;
  padding: 15px 0;
  list-style: none;
  border-bottom:1px solid #e1e1e1;
  position: relative;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li a{
  /*text-align: center;*/
  color: #000;
  display:block;
}
.icon{
  margin: 0 auto;
  padding: 0;
  width:77px;
  height: 73px;
}
.img_main_menu{
	width: 50px;
    margin-right: 10px;
}
.div_main_menu
{
	font-family:18px;
}
.home_icon{
  background: url(../images/home_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .home_icon{
  background: url(../images/home_icon_hover.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .home_icon{
  background: url(../images/home_icon_hover.png) no-repeat;
  background-position: center center;
}
.portfolio_icon{
  background: url(../images/portfolio_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .portfolio_icon{
  background: url(../images/portfolio_icon_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .portfolio_icon{
  background: url(../images/portfolio_icon_h.png) no-repeat;
  background-position: center center;
}
.handover_icon{
  background: url(../images/handover_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .handover_icon{
  background: url(../images/handover_icon_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .handover_icon{
  background: url(../images/handover_icon_h.png) no-repeat;
  background-position: center center;
}
.payment_icon{
  background: url(../images/payment_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .payment_icon{
  background: url(../images/payment_icon_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .payment_icon{
  background: url(../images/payment_icon_h.png) no-repeat;
  background-position: center center;
}
.service_icon{
  background: url(../images/service_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .service_icon{
  background: url(../images/service_icon_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .service_icon{
  background: url(../images/service_icon_h.png) no-repeat;
  background-position: center center;
}
.customer_icon{
  background: url(../images/customer_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .customer_icon{
  background: url(../images/customer_icon_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .customer_icon{
  background: url(../images/customer_icon_h.png) no-repeat;
  background-position: center center;
}
.community_icon{
  background: url(../images/community_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .community_icon{
  background: url(../images/community_icon_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .community_icon{
  background: url(../images/community_icon_h.png) no-repeat;
  background-position: center center;
}
.city_icon{
  background: url(../images/city_service_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .city_icon{
  background: url(../images/city_service_icon_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .city_icon{
  background: url(../images/city_service_icon_h.png) no-repeat;
  background-position: center center;
}

.latest_icon{
  background: url(../images/latest.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .latest_icon{
  background: url(../images/latest_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .latest_icon{
  background: url(../images/latest_h.png) no-repeat;
  background-position: center center;
}

.er_icon{
  background: url(../images/er_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .er_icon{
  background: url(../images/er_icon_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .er_icon{
  background: url(../images/er_icon_h.png) no-repeat;
  background-position: center center;
}

.loyalty_icon{
  background: url(../images/loyalty_icon.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .loyalty_icon{
  background: url(../images/loyalty_icon_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .loyalty_icon{
  background: url(../images/loyalty_icon_h.png) no-repeat;
  background-position: center center;
}

.stars_icon{
  background: url(../images/stars.png) no-repeat;
  background-position: center center;
  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.menu_area ul li:hover a .stars_icon{
  background: url(../images/stars_h.png) no-repeat;
  background-position: center center;
}
.menu_area ul li.active a .stars_icon{
  background: url(../images/stars_h.png) no-repeat;
  background-position: center center;
}
/* menu css end */



/* login page css start */

.login-page-area{ width:100%; height:100vh; position: relative; overflow: hidden; background: url("../../../../../wp-content/uploads/2019/08/login-bg.jpg") no-repeat center center; background-size: cover; }

.login-box{ width:100%; max-width: 1450px; background: #3b8f45 url("../../../../../wp-content/uploads/2019/08/green-ray-bg.png") no-repeat top center; position: fixed; top:0px; right:0px; bottom:0px; left:0px; margin:auto; box-shadow: rgba(0,0,0,0.5) 0px 0px 20px; }

.login-box-sctn{ display:flex; display:-webkit-flex; align-items: center; float: left; }

.login-box-left-sctn{ width:50%; height:100%; padding-left:99px; }

.login-icon{ width:99px; height:99px; position: absolute; top:0px; left:0px; bottom:0px; margin:auto 0; z-index:1; text-align: center; color:#fff; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; font-size:24px; font-weight:300; border-left:#fff solid 7px; }

.login-icon span{ margin-top:10px; line-height:20px; font-size:22px; }

.login-welcome-panel{ width:100%; height:716px; position: relative; align-items: center; display:flex; display:-webkit-flex; align-items: center; background:#f4f4f4 url("../../../../../wp-content/uploads/2019/08/white-ray-bg.png") no-repeat top left; background-size: 100% 100%; }

.login-welcome-panel:after{ content:''; width:98px; height:100.3%; background:url("../../../../../wp-content/uploads/2019/08/Login-vertical-curve.png") no-repeat center center; position: absolute; right:-49px; top:-1px; z-index:1; }

.login-welcome-panel .content-wrap{ width:100%; display:inline-block; text-align:center; }

.login-welcome-panel h1{ padding:0px; margin:0px 0px 15px 0px; font-size:48px; line-height:40px; color:#0e3245; font-weight:300; letter-spacing: -1px; }

.login-welcome-panel h2{ padding:0px; margin:0px 0px 0px 0px; font-size:36px; line-height:40px; color:#3b8f45; font-weight:400; text-transform: uppercase; letter-spacing: -1px; }

.login-logo-area{ width:100%; display:inline-block; margin-bottom:35px; }

.login-logo-area a{ display:inline-block; }

.login-logo-area img{ width:100%; max-width:335px; }

.login-box-right-sctn{ width:50%; height:100%; }

.login-form-sctn{ width:100%; display:inline-block; padding:0px 10%; }

.login-form-sctn .form-sctn-heading{ font-size:44px; color:#fff; line-height:40px; padding:0px; margin:0px 0px 20px 0px; font-weight:300; }

.login-form-sctn .form-sctn-heading-2{ font-size:48px; color:#013407; line-height:40px; padding:0px; margin:0px 0px 40px 0px; font-weight:600; letter-spacing: 6px; }

.heading-deco{ position: relative; }

.heading-deco:after{ content:''; position: absolute; right:-122px; bottom:15px; width:108px; height:11px; background:url("../../../../../wp-content/uploads/2019/08/heading-deco.png") no-repeat top left; }

.login-form-sctn .form-control::-webkit-input-placeholder { color: #fff; text-overflow: ellipsis; font-size: 16px; font-weight:300; }

.login-form-sctn .form-control::-moz-placeholder { color: #fff; text-overflow: ellipsis; opacity: 1; font-size: 16px; font-weight:300; }

.login-form-sctn .form-control:-ms-input-placeholder { color: #fff; text-overflow: ellipsis; opacity: 1; font-size: 16px; font-weight:300; }

.login-form-sctn .form-group{ margin-bottom:10px; }

.login-form-sctn input[type=text].form-control,
.login-form-sctn input[type=email].form-control,
.login-form-sctn input[type=password].form-control{ height: 62px; border-radius:0px; -webkit-border-radius:0px; font-weight:300; background:transparent; border:#fff solid 1px; color:#fff; appearance: none; -webkit-appearance: none; }

.login-form-sctn input[type=text].form-control:hover,
.login-form-sctn input[type=text].form-control:focus,
.login-form-sctn input[type=email].form-control:hover,
.login-form-sctn input[type=email].form-control:focus,
.login-form-sctn input[type=password].form-control:hover,
.login-form-sctn input[type=password].form-control:focus{ box-shadow:none; -webkit-box-shadow:none; outline:none; }

.login-form-sctn .check-area{ width:100%; display:inline-block; margin:20px 0px 0px 0px; color:#fff; font-size:16px; font-weight:300; }

.login-form-sctn .forgot-pass-link{ color:#fff; float: right; }

.login-form-sctn .custom-control-label::before,
.login-form-sctn .custom-control-label::after{ top: 2px; }

.login-box .action-area{ width:100%; display:inline-block; margin: 30px 0px 0px; }

.login-btn{ width:auto; height:60px; border:none; background:#013307; padding:10px 20px; color:#fff; appearance: none; -webkit-appearance: none; font-size:20px; cursor: pointer; }

.login-btn svg{ margin-right:5px; }

.login-btn p{ margin-left:5px; margin:0px; padding:0px; }

.login-btn:hover{ color:#148f22; background:#dae11e; }

.login-box .contact-info{ color:#fff; font-size:16px; margin:30px 0px 0px 0px; font-weight:300; }

.login-box .contact-info a{ color:#013407; text-decoration: underline; }

/* login page css ended */

/* home page css start */
.green_heading{
  margin: 0;
  padding: 13px 30px 13px 90px;
  min-height: 55px;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
  background: url(../images/live_utility_icon.png) #6fdc56 no-repeat;
  background-position:30px center;
}
.green_box{
   margin: 10px 0 0 0;
   padding: 0;
}
.green_bg{
  margin: 0;
  padding: 0;
  background: #6fdc56;
  min-height: 139px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.green_box ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.green_box ul li{
  margin: 0 0.7% 0 0;
  padding: 0;
  list-style: none;
  width:20%;
  display: inline-block;
  vertical-align: top;
}
.green_box ul li:first-child{
  width:37%;
}
.green_box ul li:last-child{
  margin: 0 0 0 0;
}
.green_bg h2{
   margin: 0;
   padding: 0;
   color: #fff;
   font-size: 20px;
   text-align: center;
}
.green_bg .price{
  color: #003e96;
  font-size: 20px;
  font-weight: 500;
}
.green_bg img{
  margin-bottom: 10px;
}
.green_bg.small_box h2, .green_bg.small_box .price{
  font-size: 16px;
}
.blue_heading{
  margin: 0;
  padding: 13px 30px 13px 90px;
  min-height: 55px;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
  background: url(../images/live_utility_icon.png) #0a70ff no-repeat;
  background-position:30px center;
}
.blue_box{
  margin: 10px 0 0 0;
  padding: 0;
}
.blue_bg{
 margin: 0;
 padding: 0;
 background: #0a70ff;
 min-height: 139px;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
}
.blue_box ul{
 margin: 0;
 padding: 0;
 list-style: none;
}
.blue_box ul li{
 margin: 0 0.7% 0 0;
 padding: 0;
 list-style: none;
 width:20%;
 display: inline-block;
 vertical-align: top;
}
.blue_box ul li:first-child{
 width:37%;
}
.blue_box ul li:last-child{
 margin: 0 0 0 0;
}
.blue_bg h2{
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.blue_bg .price{
 color: #9eff88;
 font-size: 20px;
 font-weight: 500;
}
.blue_bg img{
 margin-bottom: 10px;
}
.blue_bg.small_box h2, .blue_bg.small_box .price{
 font-size: 16px;
}
.current_property_block{
  margin-bottom: 30px;
}
.outstanding_box{
  min-height: 112px;
  background: #e8e8e8;
  border-left:10px solid #6fdc56;
  border-right:10px solid #6fdc56;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-bottom:30px;
}
.outstanding_box span {
  font-size: 36px;
  color: #1d1d1d;
  font-weight: 400;
  padding: 0 10px;
}
.outstanding_box span .amount{
  font-size: 42px;
  font-weight: 500;
  color: #003e96;
}

/* Promotion css start */
.promo_col{margin-bottom: 30px;}
.promo_box{background: #F1F1F1; height: 100%;  margin-bottom: 15px;}
.promo_img_wrap img{width: 100%;}
.promo_box_text h4{font-size: 24px; font-weight: 400; color: #1D1D1D; line-height: 28px; min-height: 55px;}
.promo_box_text{padding: 15px;}
.promo_list{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; list-style: none; flex-wrap: wrap; margin: 20px 0 40px 0; width: 88%;}
.promo_list li{margin-right: 12px; line-height: 2; color: #565656;}
.promo_list li span{margin-right: 3px;}
.promo_list li:last-child{margin-right: 0;}
.button_wrapper .bl_btn{padding: 14px 30px;}
.promo_img_wrap{position: relative; overflow: hidden;}
.gry_bg{height: 50px; background: #f1f1f1; position: absolute; bottom: -62px; left: -10px; width: 100vw; transform: rotate(3deg);}
/* promotion css end */

/* Buy in keac section css start */
.bl_btn{ background-color: #0a70ff; color:#ffffff; font-size: 18px; text-transform: uppercase; padding: 16px 29px; line-height: 18px; }
.F_right{ float:right;}
.F_left{ float:left;}
.iner_buy{ border:1px solid #cccccc;display: -ms-flexbox; display: flex;}
.buy_col{margin-bottom: 30px;}
.iner_buy img{ width:auto;     height: 100%;}
.iner_buy img{ border-right:1px solid #cccccc;}
.iner_buy h4{ color:#1d1d1d; font-size: 24px; font-weight: 500;     margin-bottom: 12px;}
.buy_keac_text{margin: 30px 0 30px 15px;}
.iner_buy h5{ color:#3b3c3b; font-size: 21px; font-weight: 600; padding-bottom: 12px;  }
.iner_buy h5 span{ color:#565656; font-size: 21px; font-weight: 400; }
.plot li{ color:#565656; display: inline-block; vertical-align: top; padding-right: 24px;}
.plot li:last-child{padding-right: 0;}
.plot li img{ float:left; width:auto !important;; border-right: 0px; margin-right: 8px;}
.plot li span{ color:#565656; font-size: 21px; font-weight: 400; }
/* Buy in keac section css end */

/* home page css end */

/* Hover effect css start */

.btn-effect {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.btn-effect::after {
  width: 139%;
  height: 150%;
  background: #fff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-103%,0);
  opacity: 0.35;
}
.btn-effect:hover::after{
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  left:-100px;
}
.hovr:hover{background: #003e96; color: #fff;}

/* Hover effect css end */
/* image hover css start */
.hovr_img_wrap:hover .hovr_img img {opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
.hovr_img img {-webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1);transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.hovr_img{overflow: hidden;}
/* image hover css end */

/* Footer css start */
footer{padding-top: 40px;}
.footer{background: #E8E8E8; padding: 30px 0;}
.footer_menu_wrapper{text-align: center;}
.footer_menu_wrapper ul.footer_menulist, .footer_menu_wrapper .footer_social{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; align-items: center; justify-content: center;}
.footer_menulist li a{padding: 0 12px; margin: 0; position: relative;}
.footer_menulist li a:before{position: absolute; top: 3px; right: 0; content: ''; width: 2px; height: 15px; background:#737373;}
.footer_menulist li:last-child a:before{background: transparent;}
.footer_menu_wrapper ul.footer_social{margin: 15px 0;}
.footer_menu_wrapper ul.footer_social li .social_icon{color: #3F3F3F; font-size: 20px; padding: 0 10px;}
.footer_menu_wrapper ul.footer_social li:first-child .social_icon{padding-left: 0;}
.footer_menu_wrapper ul.footer_social li .social_icon .fa_icon:hover{color: #0a70ff;}
.copyRight_area p, .copyRight_area a, .footer_menulist li a{font-size: 16px; color: #494949; font-weight: 300;}
.copyRight_area a:hover, .footer_menulist li a:hover{color: #0a70ff;}
.copyRight_area p{padding: 0;}
.chat_wrapper a{position: fixed; right:16px; bottom: 16px;}
/* Footer css end */

/* community page start */
.community_images_block{
  margin: 30px 0 0 0;
  padding: 0;
}
.community_images_block .img_block{
  position: relative;
}
.community_images_block .img_block a{
  display: block;
}
.community_images_block .img_block img{
  width:100%;
}
.community_images_block .img_block:hover img{
  opacity: 0.6;
  -webkit-transform: scale3d(1.05,1.05,1); 
  transform: scale3d(1.05,1.05,1);
  transition: all 0.5s ease; 
  -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease;
}
.community_images_block .img_block .textwithimg{
  position: absolute;
  top:0;
  text-align: center;
  width:100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  height: 100%;
}
.community_images_block .img_block .textwithimg .text{
  color: #fff;
  font-weight: 500;
  font-size:20px;
}
.community_images_block .img_block .textwithimg .image_icon img{
  width: auto;
}

.property_description_area{
  margin: 30px 0 0 0;
}
.property_brand{
  margin: 0 0 20px 0;
  padding: 0;
}
.property_logo{
  width:15%;
  float: left;
  margin-right: 2%
}
.property_hedaing{
 width: 83%;
 float: left;
}
.property_hedaing h1{
  padding-bottom: 10px;  
}
.property_heading_txt{
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #a8a9ab;
  text-align: center;
}
.property_loog{
  text-align: center;
}
.property_subtitle{
  margin: 0;
  padding: 0;
  font-size: 24px;
  color: #31647f
}
.property_des{
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}
.property_img img{
  width: 100%;
}
.property_action_btn{
  margin: 30px 0 0 0;
  padding: 0;
}
.property_action_btn a{
  background: #efefef;
  padding: 8px 30px;
  margin-right: 16px;
  display: inline-block;
  margin-bottom: 16px;
  min-width: 233px;
}
.why_area{
  margin:60px 0 0 0;
  padding: 0;
}
.why_area .image_block img{
  width:100%;
}
.why_area .image_block:hover img{
  opacity: 0.6;
  -webkit-transform: scale3d(1.05,1.05,1); 
  transform: scale3d(1.05,1.05,1);
  transition: all 0.5s ease; 
  -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease;
}
.why_area .image_block .why_txt{
  margin: 0;
  padding: 18px 0;
  color: #31647f;
  font-size: 20px;
  text-align: center;
}
.aminities_area{
  margin:30px 0 0 0;
  padding: 30px;
  background: #f1f1f1;
}
.amenities_cont{
  margin-top: 20px;
}
.amenities_cont ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.amenities_cont ul li{
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  width: 20%;
  float: left;
}
.amenities_cont ul li span{
  padding-left: 5px;
}
.share_area{
  margin-top: 50px; 
  text-align: center;
}
.custompaddingtitle{
  padding: 8px 0;
}
.custompaddingtitle span{
  display: inline-block;
  padding: 10px 0;
}
/* community page end */

/* paymentbillings page start */
.payment_block{
  margin-top: 30px;
}
.tariff_btn{
  float: right;
  margin-right: 20px;
}
/* paymentbillings page end */

/* Faq css start */
.accordion-title-wrapper > a:before {float: right !important; font-family: 'Font Awesome 5 Free'; content:"\f068"; font-weight: 900; color: #0B70FF; font-size: 20px;}
.accordion-title-wrapper > a.collapsed:before {float: right !important; content:"\f067";}
.accordion-title-wrapper > a:hover, .accordion-title-wrapper > a:active, .accordion-title-wrapper > a:focus {text-decoration:none;}
.accordion-title{display: block; margin-bottom: 10px;}
.faq_content_wrapper{margin-top: 30px;}
.custom_accordian .accordion-title-wrapper{background: #E9E9E9; background-image: url(../faq-page-images/faq-bg.png); background-repeat: no-repeat; background-position: left center; width: 100%; height: 100%;}
.custom_accordian .accordion-title-wrapper a{font-size: 24px; font-weight: 400; color: #48728A; padding: 15px;}
.custom_accordian .card{margin-bottom: 15px; background-color: #F5F5F5; border-radius: 0;}
.custom_accordian .card-body{font-size: 16px; font-weight: 400; color: #333333; line-height: 30px; padding: 20px;}
/* Faq css end */

/* Referral information css start */
.mt-30{margin-top: 30px;}
.Referral_content_wrapper .title_wrapper h1{color: #242424;}
.Referral_content_wrapper .title_wrapper p{color: #000000; font-size: 16px; font-weight: 400; padding: 0;} 
.Referral_form label{font-size: 16px; font-weight: 400; color: #000000; margin-bottom: 8px;}
.Referral_form .form-group{margin-bottom: 30px; padding-right: 20px;}
.Referral_form label span{font-size: 11px; font-weight: 400; color: #545454;}
.Referral_form .form-control{padding: 12px 10px; border-radius: 0; color: #969696;}
.Referral_form input.form-control::placeholder, .Referral_form select, .Referral_form input.form-control.hasDatepicker{font-size: 14px; font-weight: 400; color: #969696;}
.Referral_form select{height: auto !important; -webkit-appearance: none; background: url(../images/arrow.png) no-repeat 99% center;}
.date_box{position: relative;}
.date_box span.input-icon{position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 10px; color: #808080;}
.Referral_form .timepicker-picker td a.btn, .Referral_form .bootstrap-datetimepicker-widget table td span:hover{background: transparent;}
.Referral_form .timepicker-picker td a .glyphicon.glyphicon-chevron-up::before{content: '' !important; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:20px;}
.Referral_form .timepicker-picker td a .glyphicon.glyphicon-chevron-down::before{content: '' !important; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:20px;}
.Referral_form .bootstrap-datetimepicker-widget table td span{line-height: normal;}
.submit_btn{border: none; padding-left: 40px; padding-right: 40px;}
.Referral_form .timepicker-picker td .btn.btn-primary{background: #003e96; border-color: #003e96;}
.Referral_form input:focus, .Referral_form select:focus, .Referral_form textarea:focus, .Referral_form .custom-control-input:focus{box-shadow: none;}
.Referral_form .custom-control-label::before{width: 1.2rem; height: 1.2rem; border:1px solid #969696; background: rgba(197,197,197,1);
  background: -moz-linear-gradient(left, rgba(197,197,197,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,197,197,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(left, rgba(197,197,197,1) 0%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(left, rgba(197,197,197,1) 0%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(197,197,197,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(197,197,197,1) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#ffffff', GradientType=1 );
}
.Referral_form .custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image: none; content: ''; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:13px; color: #003e96;}
.Referral_form .custom-control-label::after{left: 3px;}
.Referral_form .custom-control-label{font-size: 16px; font-weight: 300; color:#393939; margin-bottom: 0; margin-top: 2px; margin-left: 7px;}
.check_box_wrap{margin-top: -15px;}

/* Referral information css end */

/***** City Services Start *****/
.accordion-title{
  color: #fff;
  position: relative;
  cursor: pointer;
}
.accordion-title h1{
  font-weight: 400;
}
.accordion-title svg{
  font-size: 28px;
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
}
.accordion-title .fa-minus{
  display: none;
}
.accordion-title.active .fa-minus{
  display: inline-block;
}
.accordion-title.active .fa-plus{
  display: none;
}
.accroblk-title{
  margin: 0 0 34px 0;
}
.title-tag{
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #48728A;
  font-weight: 400;
  margin: 0;
}
.title-icon{
  margin: 0 1rem 0 0;
}
.accro-blk{
  margin: 0 3rem 3.75rem;
}
.airport-sec{
  padding-top: 1.5rem;
}
.airport-sec .h6{
  margin: 0;
  font-weight: 400;
}
.web-info{
  font-size: 1.375rem;
  line-height: 1.375rem;
  color: #333333;
  margin: 1.5rem 0 0 0;
}
.web-info a{
  color: #1886C6;
}
.web-info a:hover{
  color: #333333;
}
.carinfo-in{
  background: #F5F5F5;
  padding: 2.25rem 1.75rem;
}
.carinfo-in .h4{
  color: #48728A;
  font-weight: 400;
  margin: 0 0 1.25rem 0;
}
.carinfo-in .h6{
  font-weight: 400;
  color:#333333;
  line-height: 1.5rem;
}
.box-title{
  font-size: 1.875rem;
  color: #48728A;
  font-weight: 400;
  line-height: 1.875rem;
  margin: 0 0 1.5rem 0;
}
.carsafety-item {
  height: 100%;
  padding: 2rem 1.25rem;
  background: #FFFFFF;
  border-left: 0.3125rem solid #9FE190;
}
.carsafety-in{
  background: #E8E8E8;
  padding: 3rem 1.875rem;
}
.carsafety-in .col-sm-12{
  margin-bottom: 1.875rem;
}
.transpo-in{
  background: #DFEBE3;
  padding: 3rem 1.875rem;
}
.transpo-item{
  background: rgba(255,255,255,0.4);
  padding: 0.625rem;
  width: 31.33%;
  margin: 0 1%; 
  min-height: 7rem;
}
.transpo-name{
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.transpo-info{
  margin: 0 -1%;
  
}
.transpo-info .transpo-item{
  flex-flow: column;
  justify-content: center;
}
.transpo-icon{
  margin-bottom: 0.625rem;
}
.accordion-slide{
  display: none;
}
.accordion-slide.active{
  display: block;
}
.transpo-time ul li{
  background: #fff;
  padding: 1.125rem 1.25rem 1.125rem 5rem;
  position: relative;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0 0 1rem 0;
}
.transpo-time ul li i{
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  width: 2rem
}
.transpo-in .h6{
  margin: 0 0 1.5rem 0;
  font-weight: 400;
}
.transpo-btm h6:not(.transpo-name){
  padding: 0 0 1.875rem 0;
  line-height: 1rem;
}
.taxi-info ul li{
  width: 33.33%;
  flex-flow: column;
  padding: 1.25rem 1.25rem 1.5rem;
  background: #6FDC56;
  border-right: 0.125rem solid #fff;
}
.taxi-info ul li:last-child{
  border: 0;
}
.taxi-info .text1{
  font-size: 1.125rem;
  line-height: 1.125rem;
  color: #FFFFFF;
  font-weight: 400;
  margin-bottom: 0.625rem;
}
.taxi-info .text2{
  font-size: 1.375rem;
  line-height: 1.375rem;
  color: #FFFFFF;
  font-weight: 400;
}
.taxi-info .text2 a{
  color: #FFFFFF;
}
.short-para{
  font-size: 1.375rem;
  line-height: 2.25rem;
  color: #333333;
  font-weight: 400;
}
.service-infolist ul {
  flex-flow: wrap;
  margin: 0 -2%;
}
.service-infolist ul li{
  width: 46%;
  padding: 0 0 0 2.125rem;
  margin: 0 2% 4%;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.service-infolist ul li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../city-services-images/tick-icon1.png) no-repeat 0 0;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
  width: 1.5625rem;
  height: 1.5625rem;
}
.service-infolist{
  padding-top: 2rem;
}
.taxitrans-in{
  background: #F5F5F5;
  padding: 3rem 1.875rem;
}
.service-information{
  background:#fff;
  padding: 2rem 1.875rem;
}
.taxitrans-title{
  font-size: 2.25rem;
  line-height: 2.25rem;
  color: #48728A;
  margin: 0 0 2.25rem 0;
}
.medicaltax-info{
  background: #333333;
}
.medicaltax-info .meditax-lt{
  padding: 2.5rem 1.75rem;
}
.meditax-rt{
  flex: 1;
  color: #fff;
  padding: 3rem;
  border-left: 1px solid rgba(255,255,255,0.2);
}
.meditax-rt p{
  margin: 0;
  padding: 0;
  line-height: 1.875rem;
}
.meditax-lt{
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #fff;
}
.meditax-name{
  text-transform: uppercase;
  margin: 0 0 1rem 0;
}
.contact-link a{
  color: #fff;
}
.contact-link a:hover{
  color: #6EDC55;
}
.taxitrans-sec{
  margin-bottom: 0;
}
/* 09.08.2019 */
.accordion-slide.active{margin-bottom: 10px;}
.intro_text p{font-size: 22px; font-weight: 22px; color: #333333; line-height: 36px;}
.mb-30{margin-bottom: 30px;}
.emergency_plan_wrapper{background: #EDEDED; padding:35px 0 5px 0;}
.emergency_plan_box_wrapper{padding-right: 55px;}
.plan_left{padding: 15px 22px; flex: 1; align-self: center; justify-content: center; position: relative;}
.plan_left h5, .plan_left p, .plan_list li{font-weight: 400; color: #fff; line-height: 30px;}
.plan_left h5{font-size: 24px; margin-bottom: 15px;}
.plan_left p{font-size: 16px; padding: 0;}
.plan_one{display: -webkit-box; display: -ms-flexbox; display: flex; background: #0956B0; height: 100%;}
.plan_left:after{position: absolute; right: -15px; content: ''; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #0956B0; top: 50%;
  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.plan_one img{width: 100%; height: 100%;}
.plan_two{background: #0956B0; height: 100%; display: flex; padding: 15px 22px;}
.v_center{flex: 1; align-self: center; justify-content: center;}
.plan_list li{font-size: 24px; line-height: 35px;}
.plan_col{margin-bottom: 30px;}
.plan_four:after{border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right:15px solid #1B8AC2; border-left: 0; left: -15px; right: inherit;}
.dnld_btn{background: #01A546; border: none; box-shadow: none; padding: 18px 65px 18px 12px; text-transform: uppercase; font-size: 16px; font-weight: 400; color: #EDEDED; margin-top: 15px;}
.dnld_btn span svg{vertical-align: middle;}
.dnld_btn span{padding: 17px 20px 18px 20px; height:97%; background: #019942; margin-left: 16px; position: absolute; right: 1px; top: 1px;}
.dnld_btn.btn-effect::after{width: 148%;}
.dnld_btn.hovr:hover{border-color: none; }
.dnld_btn.hovr:hover span{ background: #003e96;}
.trap_plan{background: #1B8AC2;}
.plan_two.plan_three{padding: 0;}
.emergency_number_box h1, .short_decription h1{text-transform: uppercase;}
.emergency_call span .fa-phone{transform: rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); color: #333333;}
.emergency_call span .fa-phone:hover{color: #48728A;}
.emergency_box p, .emergency_call{font-size: 22px; font-weight: 400; color: #333333; padding: 0;}
.emergency_call{color: #48728A;}
.emergency_call span{margin: 0 0 0 10px;}
.emergency_box{background: #fff; padding: 15px; text-align: center; -webkit-box-shadow: 0px 0px 5px 3px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 5px 3px rgba(204,204,204,1); box-shadow: 0px 0px 5px 3px rgba(204,204,204,1); height: 100%;}
.emergency_col{margin-bottom: 30px;}
.safty_bg{background: url(../city-services-images/safty_bg.jpg) no-repeat center; width: 100%; height: 264px;}
.plan_two.plan_three .plan_left:after{display: none;}
.safty_accordian .faq_content_wrapper{width: 80%; margin: -118px auto 0 auto; background: #fff; padding: 20px;}
.short_decription h6{font-size: 22px; font-weight: 400; color: #626262; line-height: 35px; margin-bottom: 15px;}
.short_decription p{font-size: 16px; font-weight: 400; color: #333333; line-height: 35px; padding: 0;}
.short_decription{margin-bottom: 30px;}
.safty_accordian .card-body h3{font-size: 22px; font-weight: 500; color: #333333; line-height: 25px; margin-bottom: 15px; margin-top: 15px;}
.safty_accordian .card-body p, .safty_list li, .safty_accordian .card-body h6{font-size: 16px; font-weight: 400; color: #333333;}
.safty_accordian .card-body h6{margin-bottom: 10px;}
.safty_accordian .card-body h3:first-child{margin-top: 0;}
.safty_accordian .custom_accordian .accordion-title-wrapper, .safty_accordian .card{background: transparent; border: none;}
.safty_accordian .custom_accordian .accordion-title-wrapper{border-bottom: 2px solid #1C89C2; border-top: 0; border-right: 0; border-left: 0;}
.customer_box_wrapper h4{font-size: 24px; font-weight: 600; color: #31647f; text-transform: uppercase; margin-bottom: 15px;}
.number_list li{font-size: 24px; font-weight: 400;}
/***** City Services End *****/

/******* Attractions Start *******/
.animation-img{
  overflow: hidden;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.animation-img img{
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  width: 100%;
}
.animation-img:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.box-icons{
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
}
.box-icons a{
  display: inline-block;
  vertical-align: top;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  background: #fff;
}
.box-icons a:hover{
  background: #6EDC55;
}
.location i{
  width: 1.25rem;
  height: 1.5rem;
  background: url(../images/location-icon.png) no-repeat 0 0;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
  display: inline-block;
  vertical-align: top;
}
.box-icons a:hover i{
  background-position: 0 bottom;
}
.attractions-img{
  position: relative;
}
.attractions-btm .h4{
  margin: 0 0 0.875rem 0;
  padding: 0;
  text-align: center;
}
.attractions-btm .h4 a{
  color: #31647F;
  font-weight: 400;
}
.attractions-btm{
  padding: 1.25rem 1.25rem 0;
  text-align: center;
}
.attractions-listing .col-sm-6{
  margin-bottom: 2rem;
}
.attractions-item{
  background: #F5F5F5;
  height: 100%;
  padding-bottom: 3.3125rem;
}
.attractions-item:hover{
  background: #0A70FF;
}
.dsce{
  font-weight: 400;
  line-height: 1.75rem;
  color: #303030;
}
.read-more{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.read-more a{
  height: 3.3125rem;
  border: 0;
  padding: 0;
  width: 12rem;
  line-height: 3.3125rem;
  font-size: 1.25rem;
  background: #6FDC56;
  color: #fff;
  display: inline-block;
  vertical-align: top;
}
.read-more a:hover{
  color: #fff;
}
.attractions-item:hover .attractions-btm .h4 a{
  color: #fff;
}
.attractions-item:hover .attractions-btm .dsce, .attractions-item:hover .attractions-btm .dsce a{
  color: #fff;
}
.attractions-listing{
  padding: 2.5rem 0 2.5rem 3.125rem;
}
/******* Attractions End *******/

.menu-button {
  width: 30px;
  height: 30px;
  padding-top: 3px; /* you're gonna have to adjust the paddings */
  text-align: center;
}

.hamburger-box {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  position: absolute;
  width: 40px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #000;
}
.hamburger--slider .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform,opacity;
}
.hamburger-inner:before {
  top: -10px;
}

.hamburger-inner:after {
  bottom: -10px;
}
.hamburger-inner:after, .hamburger-inner:before {
  display: block;
  content: "";
}
.referafriend{
  width:208px;
  /* height: 226px; */
  background: #6fdc56;
  position: fixed;
  right:-81px;
  z-index: 2;
  top:45%;
  padding: 10px 20px 10px 31px;
  transform: rotate(-90deg);
  
}
.referafriend .arrow{
  color: #fff;
  font-size: 22px;
  margin-right: 10px;
  transform: rotate(-90deg);
}
.referafriend h1{
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
/****** Packages Start ******/
.package-btm{
  padding: 1.625rem 0.75rem 0;
}
.package-btm h5{
  font-weight: 400;
  min-height: 3.875rem;
  margin: 0;
}
.package-btm .h6{
  color: #414141;
  margin: 0 0 1.5rem 0;
}
.package-listing{
  padding: 2.5rem 0 2.5rem 3.125rem;
}
.package-item{
  position: relative;
  padding-bottom: 2.4375rem;
  height: 100%;
}
.package-btm .read-more{
  text-align: center;
}
.package-btm .read-more a{
  height: 2.4375rem;
  line-height: 2.4375rem;
  width: 9.375rem;
}
.package-listing .col-sm-6{
  margin-bottom: 4.875rem;
}
.loadbtn{
  font-size: 1.125rem;
  height: 3.1875rem;
  line-height: 3.1875rem;
  background: #0A70FF;
  display: inline-block;
  vertical-align: top;
  padding: 0 1.375rem;
  cursor: pointer;
  color: #fff;
}
.loadbtn:hover{
  background: #6FDC56;
  color: #fff;
}
.package-row > div{
  display: none;
}

/****** Packages End ******/


/****** Events Start *******/
.event_calendar { padding: 2.5rem 0 2.5rem 3.125rem; }

.event_calendar .calendar {height: 100%;}
.ui-datepicker table{border: 1px solid #DFDFDF;}
.event_calendar .calendar .ui-widget.ui-widget-content { width: 100%; border: 0; background:  none; }
.event_calendar .calendar .ui-datepicker th{padding: 0;}
.event_calendar .calendar .ui-datepicker td { padding: 0;border-left: 1px solid #DFDFDF;border-top: 1px solid #DFDFDF;width: 6.75rem; }
.event_calendar .calendar .ui-state-default, .event_calendar .calendar .ui-widget-content .ui-state-default{background: #fff;}
.event_calendar .calendar .ui-state-default, .event_calendar .calendar .ui-widget-content .ui-state-default, .event_calendar .calendar .ui-widget-header .ui-state-default, .event_calendar .calendar .ui-button, .event_calendar .calendar .ui-button.ui-state-disabled:hover, html .event_calendar .calendar .ui-button.ui-state-disabled:active { border: 0; text-align: center; padding: 1.25rem 0; font-size: 1.5rem; line-height: 2.34375rem; }
.event_calendar .calendar .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: 1;  }
.event_calendar .calendar .ui-state-default.ui-state-highlight, .event_calendar .calendar .ui-widget-content .ui-state-default.ui-state-highlight,.event_calendar .calendar .ui-state-default.ui-state-active,.event_calendar .calendar .ui-widget-content .ui-state-default.ui-state-active{background: #1d64c2; color: #fff;}
.event_calendar .calendar .ui-datepicker th span { background: #F2F2F2; font-size: 1.5rem; line-height: 0.0625rem; color: #1d64c2; padding: 2rem 0; display: block; font-weight: normal; text-transform: uppercase;border-right: 1px solid #DFDFDF; }
.event_calendar .calendar .ui-datepicker th:last-child span{border-right: 0;}
.event_calendar .calendar .ui-datepicker .ui-datepicker-next, .event_calendar .calendar .ui-datepicker .ui-datepicker-prev { background: #ffffff; color: #fff; width: auto; height: 3.1875rem; border-radius:0; cursor: pointer;border: 1px solid #D6D6D6; }
.event_calendar .calendar .ui-datepicker .ui-datepicker-next span, .event_calendar .calendar .ui-datepicker .ui-datepicker-prev span{
  text-indent: 0;
  font-size: 1.175rem;
  line-height: 3rem;
  color: #424242;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
  margin: 0;
  font-weight: 400;
  padding: 0 1rem;
  min-width: 5.625rem;
  background: transparent;
}

@media (min-width:992px) and (max-width:1123px){
  .event_calendar .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.event_calendar .col-lg-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
}

@media (min-width:1124px) and (max-width:1360px){
  .event_calendar .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.event_calendar .col-lg-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
}

.event_calendar .calendar .ui-datepicker .ui-datepicker-next span:hover, .event_calendar .calendar .ui-datepicker .ui-datepicker-prev span:hover{
  color: #1D64C2;
}
.event_calendar .calendar .ui-datepicker .ui-datepicker-prev span:before,.event_calendar .calendar .ui-datepicker .ui-datepicker-next span:after{
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: 0;
  width: 0.625rem;
  height: 1rem;
}
.event_calendar .calendar .ui-datepicker .ui-datepicker-prev span:before{
  margin-right: 0.5rem;
  background: url(../images/arrow_left.png) no-repeat 0 0;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
}
.event_calendar .calendar .ui-datepicker .ui-datepicker-next span:after{
  margin-left: 0.5rem;
  background: url(../images/arrow_right.png) no-repeat 0 0;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
}
.event_calendar .calendar .ui-datepicker .ui-datepicker-next { right: 0; top: 0;  }
.event_calendar .calendar .ui-datepicker .ui-datepicker-prev { left: 0; top: 0; }
.event_calendar .calendar .ui-datepicker .ui-datepicker-next:hover, .event_calendar .calendar .ui-datepicker .ui-datepicker-prev:hover { margin: 0; padding: 0; width: auto;border: 1px solid #D6D6D6; }

.event_calendar .calendar .ui-datepicker .ui-datepicker-header { height: 3.1875rem; background: none; border: 0; margin-bottom: 1rem; }
.event_calendar .calendar  span.ui-state-default, .event_calendar .calendar .ui-widget-content span.ui-state-default {color: #a9a9a9!important;}
.event_calendar .calendar .ui-datepicker .ui-datepicker-title { font-size: 17px; line-height: 2.5rem;margin: 0; color: #1D64C2;font-weight: 400; }

.event_calendar .calendar a.ui-state-default:hover  {background: #1d64c2; color: #fff;}
.event_calendar .calendar table tr:last-child .ui-state-default, table tr:last-child .event_calendar .calendar .ui-widget-content .ui-state-default { border-bottom: 0px; }

.event_calendar .event_list {background: #f2f2f2; height: 100%; padding: 1rem 0;}
.event_calendar .event_date { width: calc(100% - 30px); border-bottom: 1px solid #c6c6c6; padding: 0 0 1rem 0; margin: 0 auto; text-align: center;}
.event_calendar .event_date h3 { font-size: 1.5rem; text-transform: uppercase; padding-bottom: 1rem;  }
.event_calendar .event_date .date { width: 4.6875rem; height: 4.6875rem; background: #68d462; font-size: 2.375rem; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto; }

.event_calendar .event_list_row { display: flex; padding: 1rem; border-bottom: 1px solid #dedede; }
.event_calendar .event_list_row:last-child { border-bottom: 0px; }
.event_calendar .event_list_row .pic { width: 5.625rem; }
.event_calendar .event_list_row .txt { width: calc(100% - 5.625rem); padding-left: 1rem; }
.event_calendar .event_list_row h5 { font-size: 1.0625rem; font-weight: 600; padding-bottom: 0.3125rem;  }
.event_calendar .event_list_row p { font-size: 0.875rem; padding-bottom: 0.3125rem; }
.event_calendar .event_list_row p.place { text-transform:  uppercase; padding-bottom: 0; }

/****** Events Emd *******/

/****** Resident Portal Home BUY Start *******/
.brand-logo{
  width: 6.3125rem;
  height: 6.3125rem;
  border-radius: 50%;
  background: #fff;
  margin: -3.15625rem auto 0;
  position: relative;z-index: 9;
}
.residential-listing .package-btm{
  padding-top: 0;
}
.residential-listing .package-btm h5{
  text-align: center;
}
.residential-listing .package-btm .property-info{
  margin: 0 0 0.625rem;
  padding: 0 0 0 2.25rem;
  position: relative;
  font-weight: 400;
  line-height: 1.5rem;
  align-self: center;
  color: #010101;
}
.residential-listing .package-btm .property-info span{
  color: #414141;
}
.residential-listing .property-info i{
  position: absolute;
  left: 0;
  top: 0;
}
.residential-listing .property-info.type i{
  background: url(../images/resident-icon1.png) no-repeat 0 0;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
  width: 1.5625rem;
  height: 1.375rem;
}
.residential-listing .property-info.area i{
  background: url(../images/resident-icon2.png) no-repeat 0 0;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
  width: 1.5625rem;
  height: 1.5rem;
}

.residential-listing .property-info.map i{
  background: url(../images/icon_map.png) no-repeat 0 0;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
  width: 1.5625rem;
  height: 1.6rem;
}

.prcie-sec.h6{
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 1.5rem;
  background: #6FDC56;
  font-weight: 400;
  color: #fff;
  padding: 0.75rem 0.5rem;
  text-align: center;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.property-in-sec{
  margin-bottom: 0.875rem;
}
.residential-view{
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: -100%;
  background: -moz-linear-gradient(top,  rgba(111,220,86,0.85) 0%, rgba(10,112,255,0.85) 100%);
  background: -webkit-linear-gradient(top,  rgba(111,220,86,0.85) 0%,rgba(10,112,255,0.85) 100%);
  background: linear-gradient(to bottom,  rgba(111,220,86,0.85) 0%,rgba(10,112,255,0.85) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96fdc56', endColorstr='#d90a70ff',GradientType=0 );
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.package-item:hover .residential-view{
  bottom: 0;
  top: 0;
}
.package-img{
  position: relative;
  overflow: hidden;
}
.view-btn{
  height: 2.875rem;
  line-height: 2.875rem;
  background: #6FDC56;
  color: #fff;
  padding: 0 0.875rem;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
}
.view-btn:hover{
  color: #fff;
  background: #0A70FF;
}
.residential-panel .green_title h1{
  flex: 1;
}
.filter-box{
  position: relative;
}
.filter-box:before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #6EDC55;
  width: 2rem;
  pointer-events: none;
}
.filter-box:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  pointer-events: none;
}
.filter-box .filter-sel{
  height: 1.75rem;
  border: 0;
  background: #6EDC55;
  font-size: 1rem;
  color: #fff;
  padding: 0 2rem 0 0;
}
.filter-box .filter-sel:focus{
  outline: 0;
  border: 0;
}
.filter-lable{
  color: #033780;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  margin: 0 0.5rem 0 0;
}
.filter-drop{
  padding: 0 1.75rem 0 0;
}
.residential-panel .package-item:hover {
  box-shadow: 0 0 10px 0px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.35);
  -o-box-shadow: 0 0 10px 0px rgba(0,0,0,0.35);
  -ms-box-shadow: 0 0 10px 0px rgba(0,0,0,0.35);
}
.residential-listing .package-item{
  padding-bottom: 4rem;
  z-index: 1;
  position: relative;
}

/****** Resident Portal Home BUY End *******/

/* service request css start */
.search_wrapper{background: #E8E8E8; padding-top: 22px; padding-bottom: 22px}
.search_wrapper p{font-size: 16px; font-weight: 400; color: #0A70FF; margin-bottom: 6px; padding: 0;}
.bl_btn{font-weight: 300;}
.btn_line span{position: relative; margin-right: 15px;}
.btn_line span:after{position: absolute; top: 5px; right: -10px; content: ''; background: #7DB2FE; width: 2px; height: 15px;}
.service_search_form .form-control{padding: 13px 15px; border-radius:0;}
.submit_btn{cursor: pointer;}
.service_search_form .form-control{border-color: #B7B7B7; background: transparent;}
.data_table .table{margin-bottom: 12px;}
.data_table tbody tr:nth-child(even) {background: #EDFFEF}
.data_table tbody tr:nth-child(odd) {background: #E6F0FF}
.data_table thead tr{background: #0A70FF;}
.data_table .table-bordered thead th{border-bottom: 6px solid #fff; position: relative;}
.data_table .table-bordered th, .data_table .table-bordered td{border: 2px solid #fff;}
.data_table .table-bordered thead th, .data_table .table-bordered tbody tr td{font-size: 14px; font-weight: 600; color: #fff; vertical-align: middle;}
.data_arrow:after, .data_arrow:before{position: absolute; right: 15px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 14px; color: #91B9F4;}
.data_arrow:after{content: '';}
.data_arrow:before{content:'';}
.data_table .table-bordered tbody tr td{color: #252525; font-weight: 400;}
.pagination_box .pagination li a, .pagination_box .pagination li span{padding: 3px 10px; font-size: 14px; font-weight: 400; color: #072855; background: #D7D7D7; border: none;}
.pagination_box .pagination li a:first-child, .pagination_box .pagination li span:first-child{border-top-left-radius: 0; border-bottom-left-radius:0;}
.pagination_box .pagination li a:last-child, .pagination_box .pagination li span:last-child{border-top-right-radius: 0; border-bottom-right-radius:0;}
.nxt_arrow{font-size: 10px; vertical-align: unset;}
.pagination_box .pagination li + li{margin: 0 6px;}
.pagination_box .pagination li:last-child{margin-right: 0;}
.pagination_box .pagination li.current .page-link, .pagination_box .pagination li a:hover, .pagination_box .pagination li span:hover{background: #3B8F44; color: #fff;}
.result_box{text-align: right;}
.result_box p{font-size: 14px; font-weight: 300; color: #252525; padding: 0;}
.result_box p span{font-weight: 600; color: #072855;}
.progress_box h4{font-size: 20px; font-weight: 500; color: #2E2E2E; margin-bottom: 10px;}
.info_content_wrapper .row{justify-content: center; align-items: center;}
.progress_box{text-align: center;}
.progress_box{font-size: 20px; color: #2E2E2E; font-weight: 500;}
.progress_box .progress{display: inline-block !important; background: transparent; height: auto;}
.value{position: absolute; left: 0; right: 0;
  top: 47%; font-size: 35px; font-weight: 600; color: #76AFFF;padding-right: 23%;}
.bar{
  position: relative;
  top: 0; left: 0;
  width: 150px; height: 150px; /* full circle! */
  border-radius: 50%;
  box-sizing: border-box;
  border: 14px solid #D7E9F9;     /* half gray, */
  border-bottom-color: #76AFFF;  /* half azure */
  border-right-color: #76AFFF;
}
.bar_green{border-color:#D4FFCA; border-bottom-color: #BABABA; border-right-color: #BABABA;}
.bar_red{border-color:#ffabab; border-bottom-color: #BABABA; border-right-color: #BABABA;}
.browse_file{border: 1px solid #ced4da; padding: 12px 10px;}
.browse_file input[type=file]{font-size: 14px; font-weight: 400; color: #969696;}
.Referral_form.request_form .form-group, .issue_box{margin-bottom: 12px;}
.Referral_form.request_form .form-group textarea{height: 142px;}
.center_div{text-align: center;}
.info_content_wrapper{width: 50%; margin: 30px auto 0 auto;}
/* service request css end */


/* demo */
.fire_safty_area{
  margin: 0;
  padding: 0;
}
.greenBg{
  margin: 0;
  padding: 0;
  background: url(../images/faresafty_bg.jpg) no-repeat;
  background-position: right center;
  background-size: cover;
  min-height: 264px;
  width:100%;
}
.fire_safty_bg{
  margin: 0;
  padding: 0;
  width:100%;
  background: #fff;
  margin-top: -20px;
}
.success-alert
{
	color: white;
    background-color: #6edc55;
    padding: 10px;
	margin-bottom: 15px;
}
/*******home menu*******/
.dropdown-content{position: absolute;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  left: 273px;
  top: 0;
  width: 270px;
  padding:5px 0 !important;
  display: none;
}
.dropdown-content li:last-child{border:none;}
.dropdown-content a {
  color: black;
  padding:0 20px;
  text-decoration: none;
  display: block !important;
  text-align: left !important;
}
.dropdown-content a:hover{color: #6fdc56;}
.show {display: block;}
.dropdown_a{/*text-align: center;*/}
.sub_sub_menu{
  left: 270px;
}
.sub_arrow{margin: 2px 0 0 0; float: right;}
/*******home menu*******/
/********02-09-2019*********/
.sub_arrow_new{float: none; padding: 0 0 0 5px; display: inline-block; vertical-align: middle;}

/****home v1 menu****/
.dropdown_hover:hover .dropdown_content_new{transform: scale(1);}
.sub_sub_menu_new{position: absolute; width: 270px; background: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); top: 0; transform: scale(0); transition: ease-out 0.3s;}
.sub_dropdown:hover .sub_sub_menu_new{transform: scale(1);z-index: 1;}
.dropdown_content_new{display: block;  transform: scale(0);
  transition: ease-out 0.3s;}
/****home v1 menu****/
/********02-09-2019*********/

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.9;
    background-color: #fff;
    z-index: 9999;
    text-align: center;
}
#loading-image {
    position: fixed;
    top: 30%;
    left: 46%;
    z-index: 100;
}
.errorInput{
	background-color: #f8d7da;
}
.buyinkaecimg
{
	width:200px; height: 170px;
}
.searchform{
	/*width:100%;*/
	float:right;
}

/** hide Refer button on mobile **/
@media (max-width:576px) {
	.referafriend{
		display:none;
	}
}

.info-alert {
    background-color: #f2fbff;
    border: 0;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    color: #00b3ff;
    margin: 0 0 10px 0;
}
.wpml-rtl-ar{
  text-align: right;
}
.wpml-ltr-ar{
  text-align: left;
}
.wpml-fl-ar{
  float:left;
}
.languge_option {
  padding-top: 26px;
}
.wpml-abr-ar{
  right:0;
}
.wpml-pdr-ar{
  padding-left: 0;
  padding-right: 273px;
}
.wpml-dropdown-ar{
  left:0;
  right:273px;
}
.wpml-subdropdown-ar{
  right:270px;
  left:0;
  text-align: right;
}
.languge_option.wpml-fl-en {
  float: right;
}
.wpml-dropdown-ar li a{
text-align: right !important;
}
ul.wpml-rtl-ar {}

.wpml-rtl-ar button#searchsubmit {
    left: 10px;
    right: inherit;
    top: 14px;
}


@media (max-width:575px){
  .footer_item {
      min-height: auto !important;
      margin-bottom: 30px;
  }
}