@charset "utf-8";
/* CSS Document */
.refreshNumeric i{color:green;cursor:pointer}
.numeric_flex{display:flex;justify-content:space-between;align-items:center}
.numeric_flex .numeric_item:last-child{width:80%}
.numericPlus,.numericRand1,.numericRand2{font-weight:700;text-align:center;font-size:1em;color: #EA178F}
.numeric_flex .numeric_item input{border:none;border-radius:5px;width:100%;padding:5px 10px;border:1px solid #ccc;}
.errorMessage{display:block;width:100%;color:#dc0c0c;font-weight:700;font-size:13px}

.recent_post{text-align: center;}
.recent_post article{
   
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;

}
.recent_post .blog_front {
    width: 49%;
    margin: 1em auto;
    border: 2px solid #f5f5f5;
    padding: 1em;
    
}
.recent_post p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.recent_post h3{text-align: left;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;font-size: 1em}
.recent_post h2{text-align: center;
    margin-bottom: 1em;
    margin-top: 10px;
    border-bottom: 2px solid #000;
    display: inline-block;}

.recent_post ul.roll_blog{list-style-type: none;
    display: flex;
    justify-content: flex-start;
    padding: 0;    font-size: 13px;}
.recent_post ul.roll_blog li:last-child{padding-left: 15px;}
.recent_post a:hover{    text-decoration: none;}

	* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;
box-sizing: border-box;
}

.h-col-xs-5-h,.h-col-sm-5-h,.h-col-md-5-h,.h-col-lg-5-h{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}

.h-col-xs-5-h{width:20%;float:left;}

.container1920-h{ margin: 0 auto; padding: 0 15px; position: relative;}

@media (min-width:768px){

.h-col-sm-5-h{width:20%;float:left;}

.container1920-h{ width:750px }

.h-col-sm-5-h-0{margin-left:0}

}

@media (min-width:992px){

.h-col-md-5-h{width:20%;float:left;}
.h-col-md-5-h-1{ margin-left:10%;  }

.container1920-h{ width: 970px }

}

@media (min-width:1200px){

.h-col-lg-5-h{width:20%;float:left;}

.container1920-h{ width: 1170px }

}

@media (min-width:1500px){

.container1920-h{ width: 1300px }

}

@media (min-width:1700px){

.container1920-h{ width: 1500px }

}

body{font-family: 'Open Sans', sans-serif;font-size:16px;font-weight:500;color:#222;overflow-x:hidden;max-width:1920px;position:relative;margin:0 auto;}

hr{margin:50px 0;border:1px solid #ccc;}

strong{font-weight:700;}

a{ text-decoration: none; }

ul, li{list-style:none;margin:0;padding:0;}

.row{ margin-left:-15px; margin-right:-15px;  }

.box::after,.row::after{clear:both}

.box::after, .box::before, .row::after, .row::before{display:table;content:" ";}

.topcontact{width:100%;text-align:center;}

.tncform{display:block;text-align:center;color:#000!important;font-size:13px;font-weight:600;text-transform:uppercase;}

.animation{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}

.sqbroke{text-align:center;font-size:13px!important}

.cookiesbox{width:100%;}

.topcontact span{ display: inline-block!important; }

.fixedheader{position:fixed;top:0;left:0;width:100%;z-index:99;background:#fff; box-shadow: 0 2px 3px rgba(0,0,0,0.3);}

header{padding:0px 0px;top:0;width:100%;left:0;top:0;position: relative;}

header .header-left{ float: left; }

header .header-right{float:right;}

header .logo{text-align:left; position: relative; transition: .5s; margin:0px 0 0; padding: 5px 0 }

header .logo img{text-align:left;display:inline-block;max-height:71px;}

.menusection{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+75,006cb5+100 */

background: #000000;
 /* Old browsers */

 }

.menusection .menu ul{ }

.menusection .menu ul li{float:left; border-left:1px solid #342fe4; border-right:1px solid #ffffff;  text-align: center; }

.menusection .menu ul li:first-child{border-left:none;}

.menusection .menu ul li:last-child{border-right:none;}

.menusection .menu ul li a{padding:0px 40px;color:#3d3a35; display:block; font-size:14px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5)}

.menusection .menu ul li a:hover{ text-decoration: none; }

.menusection .menu ul li a.active{ text-decoration: none; }

.menusection .menu ul li.active a{ background: #8c0f46 }

.menusection .menu .closebtn{ display: none}

.nav{display:block;}

.menubtn{display:none;}

.whatsapp{background:#e4314b;margin:15px 0px 5px 0;border-radius:30px;color:#fff;display:inline-block;float:left;}

.whatsapp a{display:block; color: #fff; padding:5px 10px; font-weight: 700; font-size: 18px;}

.whatsapp a:hover{ color: #fff; text-decoration: none; }

.whatsapp a:active{ color: #fff; }

.whatsapp .whatsicon{background:#4fb948;color:#fff;font-size:30px;padding:0px 10px;border-radius:30px 0px 0px 30px;display:inline-block;float:left;}

.whatsapp .whatapptxt{color:#fff;text-transform:uppercase;font-weight:600;font-size:20px;padding:7px 10px 0;display:inline-block;float:right;}

.mainbanner{position:relative;height:100vh;background-size:cover; background-position: center;}

#webslide{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0 }

#bannerslide{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0 }

#bannerslide .owl-stage-outer,

#bannerslide .owl-stage-outer .owl-stage,

#bannerslide .owl-stage-outer .owl-stage .owl-item,

#bannerslide .owl-stage-outer .owl-stage .owl-item .ban-bg{ background-position:center; background-size: cover; height: 100%; position: relative; }

#bannerslide .owl-stage-outer .owl-stage .owl-item .ban-bg:after{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; /*background: rgba(30,45,59,0.3);*/ }

.owl-carousel{ display: none; }

#bannerslide .middlecenter{ position: absolute;  left: 0px; right: 0px; z-index: 1;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);  }

#bannerslide .bannerslidertxt{ position: relative;  height: auto!important; left: 15%;top: 50%; -ms-transform: translateY(-50%);transform: translateY(-50%); }

#bannerslide .bannerslidertxt p{ font-weight: 700; text-shadow: 0 3px 5px rgba(0,0,0,0.5); color: #fff; font-size: 80px; display: inline; background: rgba(0,0,0,0.4);  }

.mobtxt{ background:#000; text-align: center; color: #fff; padding: 4px 10px; }

.mobtxt p{ margin: 0; font-weight: 700; font-size: 18px; }

.mainbanner .banner-container{position: absolute;bottom:0;left:0;right:0; background:#000000;  border-top: 1px solid #000; border-bottom: 1px solid #000 }

.tagline{ font-size:40px; color: #fff; float: left;  margin: 80px 0 0; 

/*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/

}

.tagline span{background:rgba(44,41,106,20.7); display: inline-block; padding: 10px 15px;  }

.banner-txt{position:relative;}

.banner-txt .banner-txtbox{  position: relative;text-align:left; z-index: 1;  font-size: 16px; font-weight: 700; float: left; width: 20%;  padding: 15px 10px; border-left:1px solid #000;  }

.banner-txt .banner-txtbox.bg{  }
.banner-txt .banner-txtbox:first-child{ border-left:none;  }

.banner-txt .banner-txtbox:last-child{ border-right:none;  }

.banner-txt .banner-txtbox .bantxticon{  text-align: center; float: left;  font-size: 40px; margin:0 15px;  color: #e5314b;/* box-shadow: 0 2px 3px rgba(0,0,0,0.3)*/ }

.banner-txt .banner-txtbox .bantxticon:after{ z-index: -1; position: absolute; left:20px; right: 20px; bottom: 5px; height: 30px; border-radius: 50%; background: rgba(0,0,0,0.6);  content: "";  filter:blur(2px);}

.banner-txt .banner-txtbox .bantxtbox .banboxrught{ float: left; }

.banner-txt .banner-txtbox .bantxtbox{   background: #fff; border-radius: 10px; bottom: 0; overflow: hidden; padding: 10px 0  }

.banner-txt .banner-txtbox .bantxtbox span{ font-size: 13px; font-weight: 400; color: #000;  }

.banner-txt .banner-txtbox .bantxtbox p{ color: #000; font-size: 16px;}

.bannerheading{ position: absolute; top: -90px; background: rgba(255,255,255,0.7); text-align: center; font-weight: 600; width: 100%; font-size: 28px; padding: 8px 15px; color: #000; font-weight: 700 }

/*.bannerheading:before{position:absolute;content:"";top:0;bottom:0px;left:-100%;width:100%; background: rgba(255,255,255,0.7); }*/

.ban-txt-width{width:100%;text-align:center; position: relative; z-index: 1;}

.ban-logo{text-align:right;margin-right:50px}

.ban-logo img{width:60px;display:inline-block;}

.bantxt{ position: absolute; left:10%; top:40%;   }

.bantxt h3{ color: #000; font-size:40px; padding: 10px 30px; display: inline-block; font-weight: 700; background: #fff;}

.bantxt h3 span{ color: #000000 }

/*.bannerheading{ position: absolute; top: -80px; background: rgba(255,255,255,0.5); width: 100% }*/

#success_message{display:none;}

.form-cont{ height: 100%; }

.form-cont .middlebox{ position: absolute;  left: 0; right: 0; top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);  }

.form{width: 29%; float: right;}

.form .formbg{ border:1px solid #999;background:#fff;  }

.form .formheader{padding:20px 30px 10px; color: #1E3549 }

.form .formheader h1{font-size:22px;margin:0 0 5px;padding:0 0 5px; text-transform: uppercase;  font-weight: 700; border-bottom: 2px solid #000;  }
.form .formheader span{font-size:16px; font-weight: 700;  text-transform: uppercase; }

.form .formbox{padding:0 30px;}
.form select, .form input[type="text"], .form input[type="email"], .form input[type="tel"]{height:42px;color:#545454;padding:5px 15px;background:#fff;font-size:14px;margin:0px 0;width:100%;border:1px solid #aaa;box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;}

.form button{color:#fff;text-transform:uppercase;font-weight:bold;font-size:20px;height:auto;background:#000;padding:8px 0;border-radius:0px;border:none;bottom:-55px;left:0;width:100%;right:0;margin:0px auto 0px;position:static;}

input::-webkit-input-placeholder{color:#545454 !important;}

input:-moz-placeholder{color:#545454 !important;}

input::-moz-placeholder{color:#545454 !important;}

input:-ms-input-placeholder{color:#545454 !important;}

.form .countryleft{float: left;  width: 30%  }
.form .countryright{ float: right; width: 70%  }

.form .formrow{ margin-bottom: 10px;  }

.formtxt{padding:10px 30px; text-align: center; margin: 0 0px 0px; background:#342fe4 }

.formtxt li{}

.formtxt h3{padding:0px 0px 5px;font-size:24px; color: #fff; margin: 0 0 0px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5) }

.formtxt h3 strong{ font-size: 28px; }

.rera{color:#fff;font-size:16px;text-align:center;}

.rera a{color:#000}
.mobilemenu{ display: none; }

.form22{ width: 100%; float: none; }

.form22 select, .form22 input[type="text"], .form22 input[type="email"], .form22 input[type="tel"]{height:42px;color:#000;padding:5px 15px;font-size:14px;margin:0px 0;width:100%;border:1px solid #aaa;box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;}

.form22 button{color:#fff;font-weight:bold;font-size:20px;height:auto;background:#06F; height: 42px; border-radius:0px;border:none;bottom:-55px;left:0;width:100%;right:0;margin:0px auto 0px;position:static;}

.form22 input::-webkit-input-placeholder{color:#000000 !important;}

.form22 input:-moz-placeholder{color:#000000 !important;}

.form22 input::-moz-placeholder{color:#000000 !important;}

.form22 input:-ms-input-placeholder{color:#000000 !important;}

.form22 .countryleft{float: left;  width: 30%  }

.form22 .countryright{ float: right; width: 70%  }

.form22 .formrow{ margin-bottom: 10px;  }

.modal-dialog{ max-width: 450px!important }

.downloadbtn{ position: relative; padding: 10px 0; display: block; }

.downloadbtn a{ background: #fff; display: inline-block; padding: 5px 15px; color: #000; text-decoration: none; cursor: pointer;}

.downloadbtn a:hover{ text-decoration: none; }


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

.menusection .menu ul li a{ padding: 4px 24px }

.form select, .form input[type="text"], .form input[type="email"], .form input[type="tel"]{height:30px;}

.form .formheader h3{ font-size:20px; }

.form .formrow{ margin-bottom: 6px;  }

.overimg{ margin: 50px 0 0 }

.banner-txt .banner-txtbox .bantxticon{ font-size: 26px; }

.banner-txt .banner-txtbox .bantxtbox p{ font-size: 13px; }
}

@media only screen and (max-height:700px){.mainbanner{height:750px;}

.form select, .form input[type="text"], .form input[type="email"], .form input[type="tel"]{height:30px;}
}

@media only screen and (max-height:600px){.mainbanner{height:650px;}

.formheader{ padding: 7px 30px 7px }

.form select, .form input[type="text"], .form input[type="email"], .form input[type="tel"]{height:30px;}
}

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

.menusection .menu ul li a{ padding: 4px 15px }

.form{ width: 33%; }

.form .formheader h1{ font-size: 16px; }

.form .formheader span{ font-size: 14px; }

.formtxt h3{ font-size: 18px; }

.formtxt h3 span{ font-size: 24px; }

.form select, .form input[type="text"], .form input[type="email"], .form input[type="tel"]{ height: 32px; }

.form button{ padding: 2px 0; font-size: 16px; }

.form .formrow{ margin-bottom: 6px;  }

.tagline{ margin: 20px 0 0 }

.banner-txt .banner-txtbox .bantxtbox p{ font-size: 14px; }

.banner-txt .banner-txtbox .bantxticon{ width: 100%; text-align: center; margin: 0 }

.banner-txt .banner-txtbox .bantxtbox .banboxrught{ width: 100%; text-align: center; min-height: 50px; }

}

@media only screen and (max-width:991px){
body{font-size:13px;}

.menusection .menu ul li a{ padding: 4px 8px; font-size: 13px; }

.mainbanner{ height: 750px; }

.form .formheader{ padding: 20px 20px 10px }
.form .formbox{ padding: 0 20px; }

.form .formheader h1{ font-size: 13px; }

.form .formheader span{ font-size: 12px; }

.formtxt{ padding: 8px 20px; }

.banner-txt .banner-txtbox .bantxtbox p{ font-size: 14px; }

.formtxt h3{ font-size: 16px; }

.formtxt h3 strong{ font-size: 20px; }

.tagline{ font-size: 22px; }

.banner-txt .banner-txtbox .bantxtbox .banboxrught{ width: 100%; text-align: center; min-height: 75px; }


}

@media only screen and (max-width:767px){
header{ padding: 5px 10px; }

header .logo{     padding: 5px 0px 0px;
    width: 150px; }
.mo_ban_txt{display: none;}

.headerrightbox{ margin: 3px 0 0 }

.menubtn{ display: inline-block; padding:5px 15px; background: #e5344b; color: #fff; font-size: 18px; border-radius:5px; margin-left:5px; font-size: 12px; }

.whatsapp{ float: left; margin: 0;  border-radius:5px;  }

.whatsapp a{font-size: 12px;}

.menusection .menu .closebtn{ display: inline-block; padding: 10px 12px; background: #324f69; color: #fff; }

.menusection .menu-mobile{ position: fixed; top: 0; right: -200px; width: 200px; height: 100%; z-index: 10; background: #e5344b; }

.menusection .menu-mobile.active{ right: 0; }

.menusection .menu ul li{ float: none;  border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

#webslide{}

.form-cont .middlebox{ position: static; top: 0; -ms-transform: translateY(-0%);transform: translateY(-0%); }

.form{ width: 100%; float: none; margin: 10px 0 }

.form select, .form input[type="text"], .form input[type="email"], .form input[type="tel"]{height:30px;}

.form button{ font-size: 18px; padding: 2px 0 }

.form .formrow{ margin-bottom: 5px;  }

.form .formheader h1{ font-size: 16px; }

.form .formheader span{ font-size: 13px; }

.formtxt{ margin: 0 -15px; position: relative; }

.formtxt h3{ font-size: 24px; }

.form .formbg{ margin: 0 0 10px; }

.mainbanner{ height: auto;  }

.tagline{ float: none; font-size: 16px; text-align: center; line-height: normal; margin: 0 -15px; }

.tagline span{ display: block; }

#mobilebanner{ margin: 44px 0 0; position: relative; }

.mo_ban_txt{ position: absolute; left: 0; right: 0; bottom: 15px; z-index: 2; background: rgba(0,0,0,0.8); color: #fff; text-align: center; font-size: 18px; font-weight: 700; padding: 5px 15px; }

.mobilemenu{ position: fixed; display: block; bottom: 0; left: 0; width: 100%; z-index: 9; border-top: 2px solid #fff; }

.mobilemenu li{ float: left; width: 50%; border-right: 1px solid #fff; border-left: 1px solid #fff; }

.mobilemenu li a{ display: block; background: #324f69; display: block; text-align: center;  color: #fff; padding: 7px 10px; font-size: 18px; }

.mainbanner .banner-container{  position: static; padding: 20px 0 0; border: none; }

.banner-txt .banner-txtbox{ width:48%; margin:5px 1% 5px;   border: none; padding: 5px; }

.banner-txt .banner-txtbox.mobleft{ margin-left:25%;  }
.row{margin-right:0;margin-left:0;}

}
#glance{padding:25px 0;overflow:hidden}
.glance-box{min-height:100px}
.glance-box-circle{width:100px;height:100px;margin:0 auto 15px}
.glance-common{background:url(../images/glance.png) no-repeat;width:100px;height:100px}
.glance-type{background-position:120px 120px}
.glance-location{background-position:0 -222px}
.glance-size{background-position:0 -304px}
.glance-startfrom{background-position:0 -406px}
.glance-possession{background-position:0 -510px}
.glance-box > p{text-align:center;text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:5px}
.glance-box > span{font-size:14px;text-align:center;display:block}
.row.fontawesome-icon-list{margin:0;}
.row-feat {
    padding-top: 10px; font-family: Roboto;
} 
/* popup css */

#overlay  {
    position:  absolute;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    background-color: ;
    z-index:  100;
    display:  none;
}

.cnt223 p {
    text-decoration:  none;
    font-weight:  bold;
    font-size:  23px;
    text-align:  right;
    position: relative;
    z-index: 1;
    margin-top: 2px;
    margin-right: 3px;
    float:  right;
    color: #000;
}


.popup1 {
    width:  100%;
    margin:  0 auto;
    position:  fixed;
    z-index:  100000;
    left: 0;
    top: 0;
    height:  100%;
    right: 0;
    background-color: hsla(0, 0%, 0%, 0.8);
}

.cnt223 {
    width:  533px;
    border-radius: 5px;
    max-height: 533px;
    height: 533px;
    background:  url(../images/popup.jpg) no-repeat;
    background-size: contain;
    margin:50px auto;
    left: 0;
    right: 0;
    position:  relative;
    z-index: 3000;
    padding:  4px 10px;
}

.cnt223 h1 {
    font-size: 35px;
     text-align: center;
     line-height: 25px;
     color: #656464;
}

.cnt223 .x:hover {
    cursor:  pointer;
}

.cnt223 a img {
    margin-top: -30px;
     border-radius:  8px;
}

.closee {
     position: absolute;
     right: -15px;
     top: -15px;
     color: #ccc;
     font-size: 15px;
     z-index: 11111;
     cursor:  pointer;
}


.closee:hover {
     color: #fff;
 }





@media only screen and (max-width: 991px) {
    
.cnt223  {
    
    width: 75%;
    
    margin:  20vh auto;
    
}

.closee  {
    position:  absolute;
      right:  -7px;
    top:  -15px;
    color:  #ccc;
    font-size:  15px;
    z-index:  11111;
    margin-top:  0;
}


}