@charset "utf-8";
/*Reset*/
html, body{
  overflow-x: hidden;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select, options,button {margin:0; padding:0; border:0; font-family:'Poppins', sans-serif; box-sizing: border-box; outline: none;}
body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
/* header */
.top-header{ height: 50px; z-index: 8;}
.topheader{position: absolute; top: 0; left: 0; right: 0; height: 50px; z-index: 9}
.topheader .pxpo-logo{float: left;; padding:5px 10px}
.topheader .pxpo-logo img{height:40px; width: auto; display: block}
.topheader .topnav li{padding:12px 0}
.topheader .topnav li:last-child{padding-left: 15px}
.topheader .topnav .icon-menu{font-size: 1.5em; line-height: 1}
.topheader .topnav a{color: #444 !important; text-decoration: none !important}
.topheader .topnav .call{width: 35px; height: 36px; text-align: center; display: block; background: #f29620; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; margin:5px 0}
.topheader .topnav .call i{line-height: 35px}
.topheader .topnav .aniwaves{position: absolute; top:50%; z-index: -1; left:50%; background: #f29620; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border-radius:50%; -webkit-border-radius: 50%; animation:callin 1.5s infinite}
.topheader .select-city .city-selector{display: block; padding:10px 0 !important; font-size: 14px; line-height:30px}
/* header secondary */
.header-second{position:fixed; top: 0; left: 0; right: 0; height:50px; z-index: 1; border-bottom: 1px solid #ddd}
.header-second .pxpo-logo{padding:5px 10px}
.header-second .pxpo-logo img{height:31px; width: auto; margin-top:5px; display: block}
.header-second .topnav{display: block}
.header-second .topnav li{padding:0 !important; height: 50px; display: block; list-style: none; float: left;}
.header-second .topnav a{color: #444 !important; text-decoration: none; padding: 0 15px; display: block; line-height:50px !important}
.header-second .topnav a .icon-menu{font-size:1.5em; line-height: 30px; margin-top: 10px}
.header-second .topnav .call{width: 30px; height:30px; margin:10px 0 0 0; text-align: center; display: block; background: #ff5a5f; color: #fff; border-radius: 50%; -webkit-border-radius: 50%}
.header-second .topnav .call i{line-height: 30px}
.header-second .topnav .aniwaves{position: absolute; top:50%; z-index: -1; left:50%; background: #ff5a5f; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border-radius:50%; -webkit-border-radius: 50%; animation:callin 1.5s infinite}
.innerPage header {
    top: 0 !important;
}
.innerPage {
    padding-top: 0 !important;
}
/* animation */
@keyframes callin {
    0%   {background:rgba(242,150,32,1); width:30px; height: 30px}
	100% {background:rgba(242,150,32,.0); width:100px; height: 100px}
}

.disclamer-popup{width:45%; z-index:1035; display:none; max-width: 80%; position: fixed; left: 50%; top: 22%; transform: translate(-50%, -50%)}
.disclamer-popup .disclamer-content{padding:15px; font-size:16px; border-bottom:1px solid #ddd; background:#fff; padding:15px; border-radius: 5px; font-size: 1em; font-weight: 400; color: #444;}

/* city selector */
.select-city{float: left; position: relative; margin:0 20px}
.select-city .city-selector{display: block; padding:12px 0; font-size: 14px; line-height: 46px}
.select-city .city-selector i{font-size: 12px}
.select-city .city-box{display:none; position: absolute; z-index:11 !important;  min-width:600px; height: auto; max-height:400px; padding: 20px; left: 0; top: 60px; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,.3)}
.select-city .city-box:before{position: absolute; width: 0; height: 0; border-left:10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; vertical-align: middle; top: -10px; left: 20px; content:""}
.select-city .city-box .city-list{display: block;}
.select-city .city-box .city-list li{display: inline-block; width:125px; font-size: 12px}
.select-city .city-box .city-list li a{color: #444}
.select-city .city-box .city-list li a.selected{font-weight:700; color: #007bff}

/* main nagigation */
.main-nav{height:100%; width:200px; position:fixed; z-index:12 !important; top:0; right:-200px; background:#fff; overflow-x:hidden; transition:.5s; box-shadow: 0 0 10px rgba(0,0,0,.2); font-size: 14px}
.main-nav i{font-size: 16px}
.main-nav a{text-decoration: none; padding: 10px !important; display: block; color: #444}
.main-nav .closebtn{font-size:1em}
.main-nav .btns{border-right: 1px solid rgba(0,0,0,.1)}
.main-nav .btns:last-child{border-right: none}
@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}

/* breadcrumb */
ul.breadcrumb{padding:0; background: none; list-style:none}
ul.breadcrumb li{display:inline;font-size:11px; color: #999}
ul.breadcrumb li+li:before{padding:8px;color:#999 !important; content:">"}
ul.breadcrumb li a{color:#999 !important;text-decoration:none}
ul.breadcrumb li a:hover{color:#999 !important;text-decoration:underline}

.mwidth {
    max-width: 100%;
    height: auto;
    margin: auto;
    max-width:none !important;
}

.bgimg {
    display: block !important;
}
.bgmob {
    display: none !important;
}

/* custom */
.top-spacer{height:50px}
.spacer{height: 90px; display: block}
.top-search{height: 50px}
.selector-for-some-widget {box-sizing: content-box;}
.relative{position: relative}
.left{float: left}
.right{float: right;}
.nopad{padding: 0 !important}
.nomar{margin: 0 !important}
.nowrap{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nobor{border: none !important; border: 0}
.ucase{text-transform: uppercase}
.clear{clear: both}
.borbot{border-bottom: 1px solid rgba(0,0,0,.1)}
.smltxt{font-size:10px; margin: 0; padding: 0; line-height: 1 !important}
.smltxt.block{display: block}
.flame{color: #ff5a5f}
.bg-flame{background: #ff5a5f}
.dheight{line-height: 3 !important}
.pointer{cursor: pointer}
.yellow{color:#ffcc33}
.green{color:#28a745}
.big-title{.big-title {
    margin: 0 auto 25px;
    font-size: 1.8em;
}}
.tlight{font-weight: 500 !important}
.bg-green{background:#28a745}
.close-btn{position: absolute; right:10px; top:10px; font-size: 12px; cursor: pointer}
.home-box-padding{padding: 50px !important}
.home-box-padding2{padding: 50px 15px !important}
.bg-gray{background: #f6f7fb}
.clear:after{display: block; content:""; clear: both}
.black{color: #222 !important}
.golden{color:#D5AD6D; background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%); background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gray{color: #999 !important}
.white{color: #fff}
.btn{border-radius: 0 !important; border: none; outline: none;}
.col-8x{width:80% !important}
.col-7x{width:78% !important}
.col-5x{width:50% !important}
.col-2x{width:20% !important}
.col-1x{width:10% !important}
.col-33x{width:auto; margin-right: 15px}
.col-33,.col-3x{width:33%}
h2 p{font-size: .7em; line-height: 20px}
.marbot30{margin-bottom: 30px}
.mwidth{display:block; width:100% !important; height: auto !important; max-width: 800px; margin: auto;}
.inr{font-family: sans-serif; font-style:normal}
.gradient {background-color: #000; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003333), to(#339966)); background: -webkit-linear-gradient(top, #339966, #003333); background: -moz-linear-gradient(top, #339966, #003333); background: -ms-linear-gradient(top, #339966, #003333); background: -o-linear-gradient(top, #339966, #003333)}
.tradient {background-color: #000; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));  background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1))}
.yradient{background: linear-gradient(to right, rgba(242,150,32,1) , rgba(0,0,0,0));  -webkit-linear-gradient(to right, rgba(242,150,32,1) , rgba(0,0,0,0));} 
.featured-bg{background: url(images/home/featured-bg.jpg) no-repeat center center; background-size: cover;}
.luxury-bg{background: url(images/home/chrome.gif) left top}
.content-bg{background: url(images/home/luxury-bg.jpg) no-repeat left top; background-size: cover;}
.bg-plan{background: url(images/plan-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed;}
.bg-services{background: url(images/home/services.jpg) no-repeat; background-size: cover; background-attachment: fixed;}
.bg-plan-content{background: rgba(0,0,0,.7)}
.bg-content{background: url(images/projects/godrej-properties/gurgaon/godrej-nature-plus/gallery/2.jpg) no-repeat; background-size: cover}
.bg-content-trans{background: rgba(0,0,0,.7)}
.buttons{cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    width: auto !important;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 12px 0 !important;
    color: #484848 !important;
    font-weight: 700 !important;
    border-width: 2px !important;
    border-style: solid !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    min-width: 77.66563145999496px !important;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05) !important;
    background: #ffffff !important;
    border-color: transparent !important}
/* search home*/
.search-box-home{background:url(images/home/search-banner.jpg); background-size: cover}
.search-box-home .search-widget{margin:300px auto 100px !important; max-width:750px}
.search-widget h1{font-size:2em; line-height: 2 !important; font-weight: 500; color: #fff; text-shadow: 1px 1px 20px rgba(22, 23, 31, 0.4) !important}
.nav-tabs{border-bottom: none;}
.nav-item{margin-bottom: 0 !important}
.home-search-tabbs{background: none; border:none !important; font-weight: 500; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,.50); border-radius: 0 !important; -webkit-border-radius:0; font-size: 1em; line-height: 30px}
.home-search-tabbs:hover,.home-search-tabbs:focus{color: #fff; border:none !important}
.home-search-tabbs.active{border:none; color:#fff !important; background: rgba(0,0,0,.5) !important}
.search-widget .searchbar{margin:10px 0 0; background:#fff; line-height: 50px}
.search-widget .searchbar .search-select{width:100%; background: #f6f7fb; border: none; border-radius: 0; font-size: 14px}
.search-widget .searchbar .search-text-input{border:none; line-height: 50px; font-size: 14px; outline: none; width: 100%}
.search-widget .searchbar .home-search-btn, .search-widget .searchbar .home-map-btn{line-height:50px; padding:0; margin: 0; background: #f29620; color: #fff; font-size: 14px; width: 100%; text-align: center; text-shadow: 0 0 2px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 2px rgba(0,0,0,.2)}
.search-widget .searchbar .home-map-btn{background:#f6f7fb; color: #444}
.search-widget .advance-search{margin:0; padding:15px; background:#f6f7fb}
.search-widget .advance-search .close-advance-search{position: absolute; right:10px; top:10px; font-size: 12px; cursor: pointer}
.search-widget .advance-search .search-modifier{border: 1px solid #ddd; padding:10px; margin-right: 10px; color:#666; float: left; font-size: 13px; line-height: 1; font-weight: 400; cursor: pointer}
.search-widget .advance-search .active{background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.1)}
.search-widget .advance-search .search-modifier:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.1)}
.search-widget .advance-search .search-modifier i{font-size: 10px; line-height: 12px; color: #888}
.search-widget .advance-search:after{display: block; content: ""; clear: both}
.search-widget .advance-search p{font-size: 10px;  font-weight: 700; margin-bottom: 5px}
.search-widget .advance-search .search-reset{padding:11px; float: right; font-size: 12px; line-height: 1; font-weight: 400; color: #28a745; text-decoration:underline; cursor: pointer}

.search-widget .advance-search .advance-filter{display:none; margin: 10px 0 0}
.search-widget .advance-search .advance-filter .prop-type-filter p{font-size: 10px; font-weight: 700; margin:10px 0 0}
.checkboxes{}
.checkboxes input[type=checkbox]{display:none}
.checkboxes input[type=checkbox]+label{display:inline-block;position:relative;padding-left:20px;margin:5px 10px 5px 0;font-size:11px;color:#666;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.checkboxes input[type=checkbox]+label:last-child{margin-bottom:0}
.checkboxes input[type=checkbox]+label:before{content:'';display:block;width:12px;height:12px;border:1px solid #28a745; position:absolute;left:0;top:2px;opacity:.6;-webkit-transition:all .12s,border-color .08s;transition:all .12s,border-color .08s}
.checkboxes input[type=checkbox]:checked+label:before{width:5px;top:0;left:5px;border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

/* projects of the month */
.top-seller-container{position: relative; top: -25px; width:74%; margin: auto}
.top-seller-container .top-seller{width: 45%; position: relative; box-shadow: 0 5px 5px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);}
.top-seller-container .top-seller img{width: 100%; height: auto; display: block; border-radius:3px}
.top-seller-container .top-seller .top-detail .top-label{position: absolute; border-radius: 3px; box-shadow: 2px 2px 10px rgba(0,0,0,.5); background: #f29620; left:25px; right:25px; text-align: center; top:-15px; z-index: 1; padding: 5px 10px; font-size: 10px}
.top-seller-container .top-seller .top-detail{position: absolute;left: 0; top: 0; bottom: 0; border-radius: 3px 0 0 3px; padding: 15px; right: 50%; background: rgba(255,255,255,1)}
.top-seller-container .top-seller .top-detail .controw{font-size: 14px; line-height:2.5}
.top-seller-container .top-seller .top-detail .controw.small{font-size: 12px; border-bottom: 1px solid rgba(0,0,0,.2)}
.top-seller-container .top-seller .top-detail .amentop{padding:10px 0}
.top-seller-container .top-seller .top-detail .amentop .amenicon{float: left; font-size:24px; color: #28a745; margin-right: 10px; text-shadow: 0 0 2px rgba(255,255,255,.5)}

/* preview-project */
.preview{position: relative; width: 74%; margin:20px  auto; height: 300px; overflow: hidden; box-shadow:0 0 2px rgba(0,0,0,.3), inset 0 0 2px rgba(0,0,0,.3)}
.preview img{position: absolute; width: 100%; height: auto; display: block;}
.preview .preview-content{position: absolute; left: 0; top: 0; bottom: 0; padding:25px; right: 30%; background: linear-gradient(to right, rgba(255,255,255,1) , rgba(255,255,255,0));}
.preview .builder{position: absolute; top:30px; right:0; width:auto; height:60px; padding:0 10px; background: #fff}

/* buy sell rent */
.bsr{position: relative; width: 74%; margin:20px auto}
.bsr .bsrbtns{width: 30% !important; border:1px solid #eee; float: left; box-shadow: 0px 2px 4px rgba(0,0,0,0.06) !important;}
.bsr .bsrbtns.mid{margin:0 5%}
.bsr .bsrbtns img{width: auto; height: 70px; display: block; float: left}
.bsr .bsrbtns .bsrcontent{float: left; padding:15px 25px; line-height: 40px; margin: 0}

/* prop type */
.proptype{position: relative; margin:20px auto}
.proptype .resicom{width:48.6%; margin:.7%}
.proptype .resicom a{position: relative; display: block; transition: all .2s ease-in-out;  box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-radius: 3px; overflow: hidden; margin-bottom: 10px}
.proptype .resicom a:after{content:''; position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0); z-index:2; transition: all .2s ease-in-out}
.proptype .resicom a:hover::after{background: rgba(0,0,0,.5)}
.proptype .resicom a:before{content:''; position: absolute; top:25px; left:25px; right:25px; bottom:25px; z-index:2; border: 1px solid rgba(255,255,255,.3); transition: all .2s ease-in-out}
.proptype .resicom a:hover::before{border: 1px solid #fff; top:10px; left:10px; right:10px; bottom:10px}
.proptype .resicom a:hover{box-shadow: 0 6px 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 6px 15px rgba(0,0,0,0.2)}
.proptype .resicom img{width: 100%; height:auto; display: block;}
.proptype .resicom .ptype-title{position: absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:1.5em; font-weight:700; z-index: 3; text-shadow:2px 2px 4px rgba(0,0,0,.4)}

/* home projects */
.prophome{transition: all .2s ease-in-out; width:98.6%; margin:.7%; float:left; position: relative}
.prophome a{text-decoration: none; display: block; height: 100%; position: relative}
.prophomefs a:after{content:''; position: absolute; top:25px; left:25px; right:25px; bottom:25px; z-index:2; border: 1px solid rgba(242,150,32,1)}
.prophome img{width:100%; height:auto; display:block; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.prophome .img2, .prophome .img3{width:100% !important; height:auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all .2s ease-in-out}
.prophome .img3{width: auto !important; height: 100% !important}
.prophome:hover .img3{height: 105% !important}
.prophome:hover .img2{width: 105% !important}
.prophome .prophome-content{padding:10px 0; line-height: 1.5}
.prophome .prophome-content2{position: absolute; left:25px; bottom:50px; line-height: 2; width: 400px; padding:25px; transition: all .2s ease-in-out}
.prophome .ptag{border: 1px solid #28a745; padding:0 7px}
.prophome3{width:31.93%}
.prophome2{width:48.6%}
.prophome4{width:23.6%; height: 400px; border-radius: 3px; overflow: hidden}
.prophome4 .cont-bot{padding: 20px; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7)}
.prophome4 .cont-bot i{position: absolute; bottom: 25px; right:25px; font-size: 2em; color: #fff}

/* prop budget */
.propbudget{width: 15.26%; padding:.5em 1em .5em 4.5em; height:4em; margin: .7%; text-align: center; border:1px solid rgba(0,0,0,.1); box-shadow: 0px 2px 4px rgba(0,0,0,0.06) !important;}
.propbudget img{position: absolute; z-index:1; left:0; top:0; bottom:0;; width: 4em}
.propbudget .brange{line-height:1; padding-bottom: 10px; font-size:.9em;}
.propbudget a{font-size: 11px; line-height: 1; padding: 4px 5px; border-radius: 10.5px; display: inline-block; background: #28a745}

/* seavices */
.services{width:18.6%; margin:.7%; float: left; padding:25px 15px; height: 275px; box-shadow: 0 0 5px rgba(0,0,0,.1);}
.services img{height: 75px; width: auto}
.services p{line-height:1.5em; padding:10px}

/* projects */
.home-project-cards-title{font-size: 1.2em; padding-bottom:10px}
.home-collections{width:31.93%; margin:0 .7%;}
.new-collection{height: 485px; position: relative; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); transition: all .2s ease-in-out}
.other-collection{height: 235px; position: relative; overflow: hidden; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); transition: all .2s ease-in-out}
.new-collection:hover, .other-collection:hover{box-shadow: 0 6px 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 6px 15px rgba(0,0,0,0.2);}
.new-collection img{position: absolute; width:100%; height: 110%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all .2s ease-in-out}
.collection-title{position: absolute; top:25px; left: 25px; right: 0; padding:10px 15px; font-size:.8em; text-transform: uppercase; background: rgba(255,255,255,.75); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color: #444; z-index: 2}
.new-collection .collection-title::before, .other-collection .collection-title::before{position: absolute; content: ''; top:0; left: 0; width: 0; height: 100%; background:rgba(0,0,0,.8); transform-origin:left; z-index:-1; transition:width 0.5s ease-in-out}
.new-collection:hover .collection-title::before, .other-collection:hover .collection-title::before{width: 100%}
.new-collection:hover .collection-title, .other-collection:hover .collection-title{color: #fff}
.other-collection img{position: absolute; height: 105%; width: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all .2s ease-in-out}
.new-collection .collection-title .collection-arrow, .other-collection .collection-title .collection-arrow{position: absolute; right: 15px; line-height: 25px; font-size:1.5em; line-height: 1; transition: all .2s ease-in-out}

/* top locations */
.top-locations{width: 18.6%; margin:.7%; height: 200px; position: relative; overflow: hidden; border-radius: 3px; float: left;}
.top-locations2{width: 38.6%}
.top-locations::after{content:''; position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0); z-index:1; transition: all .5s ease-in-out}
.top-locations:hover::after{background: rgba(0,0,0,.5); z-index:1}
.top-locations img{width: 100%; height: auto; display: block;}
.top-locations .loname{position: absolute; z-index: 2; padding:10px; font-size: 13px; line-height:1; border-radius: 3px; background: rgba(0,0,0,.5); color: #fff; left:20px; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all .2s ease-in-out}
.top-locations .pronum{text-align: center; position: absolute; bottom: -50px; left: 0; right: 0; text-shadow: 0 0 2px rgba(0,0,0,.5); font-size: 12px; transition: all .5s ease-in-out}
.top-locations:hover .pronum{bottom:25px; z-index: 2; text-decoration: underline; color: #fff}

/* luxury collection */
.luxcollection{width:33.33%; height:550px; float:left}
.luxcollection .luxcover{position: relative; height: 100%; width: 100%}
.luxcollection .luxcontent{position:absolute; top:0; left:0; right:0; bottom:0; overflow: hidden; box-shadow: 0 5px 37px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 37px 0 rgba(0,0,0,.2);  transition: all .2s ease-in-out; text-align:center}
.luxcollection.big1 .luxcontent{top: -25px; bottom: -25px; left:0; right:0; z-index:1}
.luxcollection .luxcontent:after{content:''; position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,.1); z-index:2; transition: all .2s ease-in-out}
.luxcollection:hover .luxcontent:after{background: rgba(0,0,0,.6); z-index:2}
.luxcollection:hover .luxcontent{box-shadow: 0 5px 37px 0 rgba(0,0,0,.4); -webkit-box-shadow: 0 1px 37px 0 rgba(0,0,0,.4)}
.luxcollection .luxcontent img{width:100%; height:100%}
.luxcollection .luxcontent .luxtext{position: absolute; z-index: 3; top: 30px; left: 30px; right: 30px; bottom: 30px; padding: 50px 25px; border: 1px solid rgba(226,186,120,.5); transition: all .2s ease-in-out}
.luxcollection:hover .luxcontent .luxtext{top: 20px; left: 20px; right: 20px; bottom: 20px}
.luxcollection .luxcontent .title-collection{font-weight: 300}
.luxcollection .luxcontent .budget-collection{font-weight: 300; position: absolute; bottom:-100px; left: 0; right: 0; transition: all .2s ease-in-out}
.luxcollection:hover .luxcontent .budget-collection{bottom: 50px}

/* blogs section home */
.blogpost1{width:65.27%; margin:.7%; float: left; height: 600px;position: relative; overflow: hidden; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.1)}
.blogpost1 img{display: block; width:auto; height:100% !important}
.blogpost1 a, .blogposts a{display: block}
.blogposts{width: 31.93%; margin: .7%; float: left; height:600px}
.blogposts .blogs{height:135px; margin:0 0 20px; width: 100%; overflow: hidden; position: relative; box-shadow:0 0 5px rgba(0,0,0,.1)}
.blogposts .blogs .picbox{width:33%; height: 100%; overflow: hidden; float: left;}
.blogposts .blogs .picbox img{height:200px; display: block}
.blogcontent{padding: 15px; position: absolute; z-index:3; left: 0; bottom: 0; right: 0; background: #fff}
.blogcontent2{width:67%; padding: 15px; float: left;}

/* project of the month */
.similar-projects .project-cards{margin: 15px 10px 15px 5px !important}
.similar-projects .project-cards a{box-shadow: 0 0 5px #fff}
.project-cards{width:23.6%; margin:.7%; float: left;}
.project-cards a{text-decoration: none; box-shadow: 0 5px 37px 0 rgba(165,165,165,.29); -webkit-box-shadow: 0 1px 37px 0 rgba(165,165,165,.29); display: block; position: relative; top: 0; transition: all .1s ease-in-out}
.project-cards:hover a{top:-5px; transition: all .3s ease-in-out; box-shadow:0 0 15px rgba(0,0,0,.5)}
.project-cards .project-head{position: relative; background: #fff}
.project-cards .project-head .project-name{padding:13px 10px; background:rgba(0,0,0,.5); color: #fff; font-size: 1em; line-height: 1; font-weight:500; position: absolute; left: 0; right:0; bottom: 0}
.project-cards .project-head img{display: block; width: 100%; height: auto}
.project-cards .project-content{border:1px solid #ddd; border-top: 0}
.project-cards .project-content p{font-size:.85em; padding:15px 10px; line-height: 1; box-sizing: border-box; color: #333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.home-rera, .home-rera2{padding:5px 10px; background:rgba(0,0,0,.5); color: #fff; font-size: 10px; text-shadow: 0 1px 2px rgba(0,0,0,.25); position: absolute; left: 0; top: 0; text-transform: uppercase;}
.project-cards .project-head .blogo{height:80px; width: auto; margin:auto}

/* developer cards*/
.devcards{margin:10px !important}
.devcards .project-head{position: relative; width:100px; height:94px; background: #fff; border: 1px dotted #ddd}
.devcards img{height:48px; width:auto; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all .2s ease-in-out; z-index:1}

/* trending projects */
.trending-projects{margin:0 0 30px 0;}
.trending-projects a{display: block; background: #fff !important; position: relative; top: 0; box-shadow: 0 5px 37px 0 rgba(165,165,165,.29); -webkit-box-shadow: 0 1px 37px 0 rgba(165,165,165,.29); transition: all .1s ease-in-out}
.trending-projects:hover a{top: -5px}
.trending-projects .pics{width: 50%; height:225px; position: relative; overflow: hidden;}
.trending-projects .pics img{position: absolute; width: auto; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all .2s ease-in-out}
.trending-projects .details{width: 50%; padding: 15px}
.trending-title{font-size:1em; line-height: 1; border-bottom: 1px solid #ddd; padding:0 0 10px; margin-bottom: 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.trending-title small{font-size: .75em; display: block; line-height:2}
.trending-projects .details p{font-size:.85em; padding:3px 0; box-sizing: border-box; color: #333}
.trending-projects .details p.type{margin-top: 10px}
.trending-projects .details button{margin-bottom: -20px}

/* app content */
.fullpicture{max-width: 100%; height: auto; display: block; margin: auto;}
.appcontent{padding: 100px 25px}


/* login form */
.login-body,.login-form{background: url(images/home/login-backgrounds.jpg) center bottom no-repeat; background-size: cover; padding:35px; height: 400px}
.login-form{background: #f6f7fb}
.login-logo{margin: 20px auto}
.brand-parent{position: relative; display: block; height: 100%; width: 100%}
.brand-box{position: absolute; width: 75%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; margin: 10px !important}
.brand-box .facebook,.brand-box .google{margin: 10px 0}
.brand-box .facebook img,.brand-box .google img{width: 200px; height: auto; display: block;}
.txtbox{margin: 10px 0; border-radius: 0; box-shadow: 0 3px 7px rgba(0,0,0,.10); -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.10); padding:5px 0 5px 50px; position: relative; background: #fff; outline: none !important}
.txtbox .form-control{border: 0; border-radius: 0; font-size: 14px}
.txtbox .formicon{position: absolute; left: 0; top: 0; bottom: 0; width: 50px; text-align: center; background: #64cbf4; color: #fff}
.txtbox .formicon i{font-size: 22px; line-height: 40px; display: inline-block;}
.login-form .btn{box-shadow: 0 3px 7px rgba(0,0,0,.10); -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.10)}

/* refine search */
.refine-filters{position: fixed; z-index: 8; top: 50px; left: 15px; right: 15px; height: 50px; padding: 10px 15px; box-shadow:0 0 5px #ddd}
.refine-search{display: block; height: 30px; max-width: 125px}
.refine-txt{font-size: 12px; line-height: 20px; margin: 5px 15px 5px 0; }
.clear-txt{font-size: 12px; line-height: 20px; margin: 5px 0 5px 15px}

/* project-box */
.projects{height:auto; width: 23%; margin: 15px 10px 15px 5px !important; float: left; position:relative}
.projects a{color: #444; text-decoration: none; display: block; transition:200ms ease-in-out;}
.projects:hover a{box-shadow:0 0 15px rgba(0,0,0,.5)}
.projects img{width:100%; height:auto; display:block}
.projects .project-info{border:1px solid #eee; border-top:none}
.projects .project-info .title{margin:0; padding:15px; font-size:16px; line-height:16px; font-weight:400; position:absolute; top:-46px; left:-1px; right:-1px; background:rgba(0,0,0,0.5); transition:all 0.5s; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.projects:hover .project-info .title{background:rgba(0,0,0,0.8)}
.projects .project-info .location{padding:15px; font-size:13px; margin:0; line-height:100%; white-space: nowrap; text-overflow: ellipsis;}
.projects .project-info .info{margin:0; padding:15px; padding-right:0; font-size:13px; border-top:1px solid #eee; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.projects .project-info .info i{font-size:1em; line-height:1; margin-right:5px}

/* research-filters */
.research-filters{display: none; height: 0}
.showfilter{display: block; height:auto}
.research-text-input{border:none; line-height: 48px; font-size: .8em; padding: 0 20px; outline: none; width: 100%; min-width:150px}
.research-btn{border:none; line-height: 50px; font-size: 14px; padding: 0 20px; outline: none}

/* projects list */
.list-projects{background: #fff; margin:0 0 25px 0; box-shadow: 2px 2px 5px #ddd}
.list-projects:after{display: block; content: ""; clear: both;}
.list-projects .dp{float: left; height: 300px; width: 30%; overflow: hidden; position: relative;}
.list-projects .dp img{height: 300px; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%)}
.wishlist{position: absolute; right: 15px; top: 10px; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 1px rgba(0,0,0,.8)}
.wishlist i{font-size: 28px; line-height: 1 !important}
.wishlist span{font-size: 9px; line-height:1 !important}
.wishlist.shortlisted{color: #ffcc33}
.list-projects .ldetails{width: 70%; padding: 20px 20px 20px 25px; float: left;}
.list-projects .ldetails .dhead:after{display: block; content: ""; clear: both;}
.list-projects .ldetails .dhead .pname{float: left}
.list-projects .ldetails .dhead .pname h3{font-size:1.2em; line-height: 1.5}
.list-projects .ldetails .dhead .pname p{font-size:.8em; line-height: 1.5}
.list-projects .ldetails .dhead .prange{float: right}
.list-projects .ldetails .dhead .prange p{font-size:1em; line-height: 1}
.list-projects .ldetails p.rera{padding:5px 0}
.btn-green,.btn-green:hover{background:#28a745; color: #fff; border-radius: 20px !important}
.link-green,.link-green:hover{color:#28a745}
.pagination .page-item .page-link{color:#ff5a5f !important}

/* pdetails */
.pdetail-header img{width: 100%; height: auto; display: block}
.pdetail-header .project-header-title{position: absolute; bottom: 0; left:0; right:0; padding:8px; background: rgba(0,0,0,.7); box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-box-shadow:0 0 10px rgba(0,0,0,.5)}
.pdetail-header .project-header-title .plogo{height:50px; width: auto; display: block; margin-right: 15px}

.uratings{margin: 0 25px}
.current-offers{width:600px; margin:15px auto}

.stats{padding:15px 10px 10px !important; -webkit-box-shadow: 0 2px 25px rgba(0,0,0,.2); box-shadow: 0 2px 25px rgba(0,0,0,.2)}
.col-state{width: 16.66% !important}
.stats .stat{padding:10px 10px 10px 50px; box-sizing: border-box; position: relative;}
.stats .stat i{position: absolute; left: 0; top:10px; font-size: 2em; color: #28a745}
.stats .stat span{display: block; font-size: .85em; line-height: 1.2}
.stats .stat a{font-size: .7em !important; line-height: 1 !important}

.navbar-toggler{border: none;}
.navbar{padding:0 1em; background: #fff}
.pnavigation .nav-item{padding: 0 10px}
.pnavigation .nav-item .nav-link{font-size: .75em; line-height:24px !important; padding: 0 1em; border-radius: 12px; color: #fff}
.pnavigation .nav-item .nav-link{color: #fff !important;}
.pnavigation .nav-item .nav-link:hover{color: #fff !important;}
.pnavigation .nav-item .nav-link.active{background:#28a745; color:#fff}
.sticky{position: fixed !important; top:60px; left: 0; right: 0; z-index: 9; background:rgba(0,0,0,.7) !important; visibility: visible; height: 47px !important; box-shadow: 0 5px 37px 0 rgba(165,165,165,.29); -webkit-box-shadow: 0 1px 37px 0 rgba(165,165,165,.29)}
.stickyfrm{position: fixed !important; top: 15px !important; right:15px; width: 265px !important; z-index: 14; box-shadow: 0 5px 37px 0 rgba(165,165,165,.29); -webkit-box-shadow: 0 1px 37px 0 rgba(165,165,165,.29)}
.spacer25{height: 25px}
.pcontent{padding:50px !important}
.pcontent p{line-height: 2}
.pcontent .nav-tabs{margin-top: 25px; border-bottom: 1px solid #ddd}
.pcontent .nav-tabs .nav-item{margin-bottom: -1px !important}
.pcontent .nav-tabs .nav-item .nav-link{color: #666}
.pcontent .nav-tabs .nav-item .nav-link:hover{border-radius:0; border-bottom: 1px solid #fff}
.pcontent .nav-tabs .nav-item .nav-link.active{color: #339966; background: none; border-radius: 0; border-bottom: 1px solid #fff}
.pcontent .tab-content{padding:0}

.cbox{margin: 15px 30px 15px 0}
.cbox img{width: 100%; height: auto; display: block}
.cbox .home-usp-content{padding: 15px; background: #fff}
.nav-pills .nav-link{padding:0 10px; margin:0 1em 0 0; font-size:14px; line-height:2; color: #444; border-radius: 14px}
.nav-pills .nav-link.active {color: #fff !important; background-color:#28a745 !important}
.transpt .nav-pills .nav-link.active {color: #fff; background-color:rgba(0,0,0,0); border-bottom: 2px solid #fff}
.transpt .nav-pills .nav-link {border-radius:0; padding:.5rem 0; margin-right:25px; color: #fff}

.imgal{width:25%}
.imgal li{display:block; margin:10px 5px 0; position:relative; overflow:hidden; box-sizing:border-box}
.imgal li img{position:absolute; width:auto; height:100%; top:50%; left:50%; transform:translate(-50%,-50%); transition:1s ease-in-out;}
.imgal li img:hover{height:125%; opacity:1}
.imgal li:hover span{opacity:0; transition:all 500ms}
.imgal li:hover span{opacity:1; font-size:.8em; position:absolute; top:0; left:0; padding:15px; z-index:1; color:#fff; text-shadow:0 0 2px rgba(0,0,0,.75)}
.bigpic .li{margin-top:0 !important}
.gall-1{height:500px} .gall-2{height:245px}
.imgal:after{content:""; clear:both; display:block}

.five-points{list-style:none;margin:0;padding:0;margin-bottom:20px}
.five-points li{display:block;vertical-align:top;width:20%; float: left;}
.five-points li .number{font-size:26px;display:inline-block;vertical-align:middle;color:#28a745;margin-right:8px;font-weight:400}
.five-points li .desc{max-width:80px; text-align:left; display:inline-block;vertical-align:middle;color:#818181;line-height:1;font-size:12px;font-weight:400}
@media (max-width:768px){
    .navbar-nav{
        background: rgba(0,0,0,.7) !important;
        margin-top: -2px;
    }
	.five-points{margin-top:20px}
	.five-points li .number{font-size:16px;font-weight:700}
	.five-points li .desc{font-size:12px;width:100%}
}

/* plan */
.plan{margin:15px !important; position: relative; padding-bottom: 10px; background:#fff; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 2px 25px 0 rgba(0,0,0,.2); box-shadow: 0 2px 25px 0 rgba(0,0,0,.2)}
.plan .iplan{position: relative; height: 100%; width: 100%; background: #fff}
.plan:hover .iplan{top: -5%; left:-5%; width: 110%; height: 110%}
.plan img{width:80%; margin: 10%; height:auto; display:block; ; transition:1s ease-in-out}
.plan img:hover{opacity: 1}
.caption{display:block; text-align:center; font-size:.9em; padding:5px; margin:auto; color: #444}
.bor-bot{border-bottom:1px solid rgba(0,0,0,.1)}
.plan .sm-btn{width:75%; font-size:11px; line-height:22px; display: block; margin:auto auto 15px}

/* configurations */
.configuration{width:100%; font-size:.9em; border-bottom: 1px solid #eee}
.configuration .colls{width: 20%; text-align: center; line-height: 25px; padding:15px 0;  float: left}
.configuration .colls .sm-btn{width:50%; font-size:12px; line-height:25px; padding: 0; background: #28a745; color: #fff; display: block; margin:auto !important}

/* pictures */
.pictures{overflow: hidden}
.pictures-img{height:100%; width: auto; display: block}
.pictures i{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #fff; font-size:5em; line-height: 1; text-shadow: 0 0 5px #000}

/* img box */
.galthumb{width: 23%; margin: 10px 2% 0 0; float: left;  box-shadow: 0 5px 37px 0 rgba(165,165,165,.29); -webkit-box-shadow: 0 1px 37px 0 rgba(165,165,165,.29)}
.galthumb img{width: 100%; height:auto; display: block;}
.galthumb .galcaption{background: rgba(0,0,0,.5); font-size: 13px; line-height: 2; position: absolute; bottom: -50px; left: 0; right: 0; text-align: center; color: #fff; transition: all .2s ease-in-out}
.galthumb:hover .galcaption{bottom: 0}

/* specifications */
.specifications{margin:0 20px 0 0; padding: 15px; height: 275px; background: #fff; -webkit-box-shadow: 0 2px 25px 0 rgba(0,0,0,.2); box-shadow: 0 2px 25px 0 rgba(0,0,0,.2); overflow: hidden;}
.specifications h4{line-height:24px}
.specifications h4 i{font-size: 24px; vertical-align: middle; margin-right: 10px}
.specifications ul{display: block; list-style: none}
.specifications ul li{font-size: 12px; line-height: 2.2; list-style:none; display: block; color: #666}
.specifications ul li span{display:inline-block; color: #999}

.cupdate{}
.cupdate a{display: block; position: relative;}
.cupdate .con-title{position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; color: #fff}

.update{margin:15px !important; border-radius: 3px; overflow: hidden; position: relative; -webkit-box-shadow: 0 2px 25px 0 rgba(0,0,0,.2); box-shadow: 0 2px 25px 0 rgba(0,0,0,.2)}
.update img{display: block; width: 100%; height: auto;}
.update p{position: absolute; left:0; right:0; background: rgba(0,0,0,.5); bottom:-50px; color: #fff;  transition: all .2s ease-in-out}
.update:hover p{bottom:0; line-height: 1; padding: 10px}
/* payment plan */
.paymentplan .paypart .paycircle{width: 150px; height: 150px; position: relative; margin: auto; background:none; border: 2px solid #fff; transition: all .2s ease-in-out}
/*.paymentplan .paypart .paycircle:hover{background: #dc3545; border: 5px solid #fff}*/
.paymentplan .paypart .paycircle .per100{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%; text-align: center; font-size: 2em; font-weight: 300; line-height: 1}
.paymentplan .paypart p{margin:15px auto}
.paymentplan .paypart .paycircle .per100 .small{font-size: .4em}


.more-links{display:block; list-style:none; color:#fff; text-transform: uppercase; text-align: center;}
.more-links li{display:inline-block; list-style: none; font-size:1em; font-weight:500; width:auto; margin:0 10px; }
.more-links li.switch{display:inline-block}
.more-links a::before{content: "🡇"; margin-right:5px;}
.more-links li a {
    padding: 5px 35px;
    display: block;
    color: #fff;
    background: #d88c13;
    border-radius: 4px;
    border-bottom: 6px solid #e7c48d;
    margin-bottom: 10px;
}


/* picture gallery */
.picture-gallery .big-title{position: absolute; top: 20px; left: 20px; z-index: 2; font-size: 18px; text-shadow: 1px 2px 3px rgba(0,0,0,.5)}
.pinfo{font-size: .8em; line-height: 24px; position: absolute; bottom:20px; left: 20px; z-index: 2; text-shadow: 1px 2px 3px rgba(0,0,0,.5)}
.picture-gallery .pinfo i{font-size: 1.5em}
.picture-gallery .main-picture-gallery{position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden}
.picture-gallery.main-picture{height:600px}
.picture-gallery.half-picture{height:290px; margin:0 0 20px 20px}
.picholder, .picholder img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); height: 100%; width:100%}
.picholder img{transition: all 500ms ease-in-out}
.main-picture .picholder img{width: auto; height: 100%}
.half-picture .picholder img{width: 100%; height: 100%}
.main-picture-gallery:hover .picholder img{height: 125%; width: 125%}
.main-picture:hover .picholder img{height: 125%; width: auto}

/* video walkthrough */
.vidx{position: relative; height: 190px; -webkit-border-radius: 3px;border-radius: 3px; overflow: hidden; margin: 15px !important; -webkit-box-shadow: 0 2px 25px 0 rgba(0,0,0,.2); box-shadow: 0 2px 25px 0 rgba(0,0,0,.2)}
.vidx img{height:auto; width:100%; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.vidx i{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #fff; font-size:4em; line-height: 1; text-shadow: 0 0 5px #000}
.vidx p{position: absolute; font-size: .8em; left:0; right:0; background: rgba(0,0,0,.5); bottom:-50px; color: #fff;  transition: all .2s ease-in-out}
.vidx:hover p{bottom:0; line-height: 1; padding: 10px}
/* list */
.list{padding:0; margin:20px 0 0 0}
.list li{margin-bottom:10px; font-size: 13px; list-style: none; padding-left: 15px; position: relative}
.list li:before{position: absolute; left: 0; top:5px; font-family:'icomoon'; font-size:5px; content:'\e958'}

/* map google */
#wraper{width: 100%; margin-top: 10px}
#map_canvas {height: 500px; width: 100%}

/* slider-gallery */
.slider-gallery img{width: 100%; height: auto;}

/* amenity list */
.amenity{display: block; list-style: none}
.amenity li{display:block; width:11%; float: left; height: 100px; list-style: none; transition: all .3s ease-in-out}
.amenity li:hover{box-shadow: 0 0 1px rgba(0,0,0,1)}
.amenity li i{display: block; text-align: center; font-size:2em; color: #ffcc33; margin-top: 10px; transition: all .3s ease-in-out}
.amenity li:hover i{font-size:3em; transform: rotateY(180deg); -webkit-transform: rotateY(180deg)}
.amenity li span{font-size: 11px; display: block; text-align: center; margin-top: 10px; color: #fff !important}

/* enquiry */
.enquire{width:100%; background: #fff; box-shadow: 0 5px 37px 0 rgba(165,165,165,.29); -webkit-box-shadow: 0 1px 37px 0 rgba(165,165,165,.29)}
.enquire .head{padding: 20px; background: #55acee}
.enquire .formbody{padding: 20px; border:1px solid #55acee}
.enquire .inputxt{width: 100%; border: none; background: #FFF; margin: 0 0 5px; padding: 10px 0; box-sizing: border-box; color: #444; border-bottom: 1px solid #ddd; font-size: .8em}
.enquire .inputxt:focus{border-bottom: 1px solid #339966}
.enquire .btn{width: 100%; margin-top: 10px; background: #f29518; border-radius: 3px !important}
.enquire .ficon{width: 100%; height: auto; display: block;}
/*table*/
table {
    width:100%;
    border-spacing: 0;
    border-collapse: separate;
    font-size: 1em;
    
}
table th, table td {
    border: 1px solid rgba(0,0,0,.2);
    text-align: center;
    padding:2px;
}

/* portfolio */
.work{position:relative;padding:0!important;margin:25px 0 !important; max-height: 450px; overflow: hidden; -webkit-box-shadow: 0 2px 25px rgba(0,0,0,.2); box-shadow: 0 2px 25px rgba(0,0,0,.2)}

.logo-background{position:absolute;width:100%;text-align:center; background-color:rgba(255,255,255,1); transition:all .25s ease-in-out;bottom:0;color:#1b1b1b; height:50px}
.logo-background:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.work>img{display:block;width:100%}
.logo-background img{height:30px; width: auto;vertical-align:middle}
.work-description{position:absolute; bottom:115px; left:30px; top:30px; right:30px; z-index:7}
.work-description ul{display: block; list-style: none; color:#fff; line-height: 3 !important}
.work-description ul li{font-size:.85em; display:block; border-bottom: 1px solid rgba(255,255,255,.2); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.work-description ul li span{font-weight: 700; margin-right: 7px; display: inline-block}
.work:hover .work-description ul li{color:#fff; border-bottom: 1px solid rgba(255,255,255,.3); overflow:visible; white-space:pre-wrap}
.work:before{left:0}
.work:hover:before{opacity:1;visibility:visible}
.work:hover .logo-background{bottom: -75px}
.work:before{background:rgba(0,0,0,.2); transition:all .25s ease-in-out; content:''; height:100%; position:absolute; width:100%}
.work:hover:before{background:rgba(0,0,0,.6)}

.download{margin: 15px !important; border-radius: 3px; overflow:hidden; text-align:center; background:url(images/projects/godrej-properties/gurgaon/godrej-nature-plus/gallery/2.jpg); background-size:cover;-webkit-box-shadow: 0 2px 25px 0 rgba(0,0,0,.2); box-shadow: 0 2px 25px 0 rgba(0,0,0,.2)}
.download a{display:block; height:100%; width:100%; background:rgba(0,0,0,0.5); padding:25px 0; font-size:.7em; color: #fff; text-decoration: none;}
.download a i{font-size: 2.5em; color: #ffcc33}

.animate{-webkit-animation:bg infinite; -webkit-animation-duration: 1.5s; animation: bg infinite; animation-duration: 1.5s;}
@-webkit-keyframes bg {0%{background:rgba(0,90,171,1);}49%{background:rgba(0,90,171,1);}50%{background:rgba(77,184,72,1);}99%{background:rgba(77,184,72,1);}}
@keyframes bg {0%{background:rgba(0,90,171,1);}49%{background:rgba(0,90,171,1);}50%{background:rgba(77,184,72,1);}99%{background:rgba(77,184,72,1);}}
@media screen and (min-width: 240px) and (max-width:971px) {    
    .form-container{bottom:50px; left:50%; transform:translateX(-50%); -webkit-transform: translateX(-50%);} .open-form{left:50%; transform:translateX(-50%); -webkit-transform: translateX(-50%)}
}

.form-container{
    z-index: 8 !important;
}

.mobileno {
    position: fixed;
    right: 10px;
    color: #fff;
    top: 120px;
    font-size: 1.2em;
    line-height: 1;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    z-index: 9; 
    transition: all 0.3s;
	padding: 12px 30px 12px 30px;
	border-radius: 50px;
	border: none;
	cursor: pointer;
}


.mobileno:hover {
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}


@media screen and (min-width: 240px) and (max-width:1024px) {
.mobileno{font-size:16px; padding:12px 30px 12px 30px; }
    
.bgimg {
    display: none !important;
}
.bgmob {
    display: block !important;
}
    
}

@media screen and (max-width:990px){
    .pnavigation .nav-item {
        padding: 5px 10px;
    }
    #project-nav .navbar-toggler{
        background: #fff;
        padding: 0 8px;
        margin-top: -5px;
    }
}
@media screen and (max-width:751px){
	.topheader .pxpo-logo img{padding:5px 0}
	.topheader .topnav li:last-child{padding-left:5px}
	/*.header-second .pxpo-logo{display: none;}*/
	.proname{width: 100%; margin-bottom: 15px}
	.uratings{margin: 0}
	.header-second .container-fluid{padding: 0}
	.search-box-home{height:auto; max-height:auto; background-attachment:scroll;}
	.search-box-home .search-widget{margin:100px auto 70px !important}
	.searchbar{height: auto !important}
	.home-search-tabbs{font-size: 12px; padding: 8px 12px; font-weight: 700}
	.select-city{margin:0 0 0 10px}
	.city-selector{font-size: 12px}
	.city-box{min-width: 150px !important; max-height: 300px; overflow:scroll }
	.home-box-padding{padding:20px 0 !important}
	.prev{right:0px !important}
	.next{left:0px !important}
	.appcontent{padding: 20px 25px !important}
	.pdetail-header img{min-height:370px}
	.project-header-title{position: static !important; padding:10px; background: rgba(0,0,0,1) !important}
	.pdetail-header .project-header-title .plogo{display: none}
	.big-title{margin:10px auto !important; font-size: 1em; line-height: 1.5}
	.home-project-cards-title{font-size: 1em !important; padding-bottom:10px}
	.new-collection{height:350px !important; margin-bottom: 15px}
	.new-collection img{width: 100% !important; height: 100%;}
	.other-collection{height: 250px; margin-bottom: 15px}
	.col-8x{width:70% !important}
	.col-2x{width:30% !important}
	.col-33x{width:33.3333% !important; margin-right: 0}
	.col-5x{width:50% !important}
	.col-state{width: 50% !important}
	.stats .stat{padding:10px 10px 10px 40px; box-sizing: border-box; position: relative;}
	.stats .stat i{position: absolute; left: 0; top:10px; font-size: 2em; color: #28a745}
	.stats .stat span{display: block; font-size: 12px}
	.imgal{width:100%}
	.imgal li{height:auto !important; margin:0; float: left}
	.imgal li.big-pic{height:200px; overflow:hidden}
	.imgal li img{position:static; width:100%; height:auto !important; transform:none; -webkit-transform:none; display: block;}
	.imgal:after{content:""; clear:both; display:block}
	.gall-1{width: 98%; margin:1% !important}
	.gall-2{width: 48%; margin:1% !important}
	.margin-top-mobile{background: #fff; margin-top: 5px; max-height: 31px; border: 1px solid #ddd}
	.margin-top-mobile .SumoSelect,.margin-top-mobile .btn-refine{border: none !important; margin: 0 !important}
	.refine-filters{padding-right: 0 !important}
	.SumoSelect{font-size: .75em !important; line-height: 29px !important}
	.research-btn span{display: none;}
	.picture-gallery.main-picture{height:300px}
	.picture-gallery.half-picture{height:300px}
	.col-5x{width:100% !important}
	.pictures-img{height:auto !important; width: 100%; display: block}
	.configuration{overflow: hidden; font-size:.7em;}
	.configuration .colls .sm-btn{width: 100%; font-size: 11px}
	.amenity li{width:33% !important}
	.pcontent{padding: 10px !important}
	.pcontent .nav-tabs .nav-item .nav-link{padding: .5rem !important; font-size: 12px}
	.nav-pills .nav-link{font-size: 12px; margin-right: .5em}
	.smtabs{padding:.7em .3rem !important; font-size: 11px}
	/*.sticky{display: none;}*/
	.vidx img{height:100%; width:auto}
}

/* footer */
footer,.footpad{padding:25px 50px}
footer .footer-tltle{margin-bottom: 15px; font-size: 14px}
footer ul{display: block;}
footer ul li{padding: 0; margin: 0; display: block; font-size: .75em; line-height:2}
footer ul li a{color: #888}
footer .form-control{border-radius: 0; font-size: 12px; margin-bottom: 10px}
.footpad p{font-size: 12px}
.footpad .dlheight{line-height: 2 !important}
.footpad .dlheight a{color: #666}

/* icons */
@font-face {
  font-family:'icomoon';
  src:  url('fonts/icomoon.eot?cr46ys');
  src:  url('fonts/icomoon.eot?cr46ys#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?cr46ys') format('truetype'),
    url('fonts/icomoon.woff?cr46ys') format('woff'),
    url('fonts/icomoon.svg?cr46ys#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-car:before {
  content: "\e95f";
}
.icon-money:before {
  content: "\e95b";
}
.icon-book:before {
  content: "\e95c";
}
.icon-bba:before {
  content: "\e95d";
}
.icon-pplan:before {
  content: "\e95e";
}
.icon-amenities:before {
  content: "\e959";
}
.icon-aim:before {
  content: "\e95a";
}
.icon-circle:before {
  content: "\e958";
}
.icon-star:before {
  content: "\e94a";
}
.icon-star-empty:before {
  content: "\e956";
}
.icon-star-half:before {
  content: "\e957";
}
.icon-images:before {
  content: "\e948";
}
.icon-land:before {
  content: "\e925";
}
.icon-home-search:before {
  content: "\e927";
}
.icon-apartments:before {
  content: "\e928";
}
.icon-home:before {
  content: "\e920";
}
.icon-like:before {
  content: "\e921";
}
.icon-flame:before {
  content: "\e904";
}
.icon-compare:before {
  content: "\e900";
}
.icon-alert:before {
  content: "\e901";
}
.icon-call:before {
  content: "\e902";
}
.icon-phone:before {
  content: "\e90c";
}
.icon-menu:before {
  content: "\e903";
}
.icon-search:before {
  content: "\e906";
}
.icon-close:before {
  content: "\e907";
}
.icon-scroll:before {
  content: "\e908";
}
.icon-inr-bold:before {
  content: "\e909";
}
.icon-inr:before {
  content: "\e90a";
}
.icon-crown:before {
  content: "\e90b";
}
.icon-ready:before {
  content: "\e90d";
}
.icon-under-construction:before {
  content: "\e90e";
}
.icon-new-launch:before {
  content: "\e90f";
}
.icon-near-possession:before {
  content: "\e910";
}
.icon-flag:before {
  content: "\e911";
}
.icon-admin:before {
  content: "\e912";
}
.icon-user:before {
  content: "\e905";
}
.icon-email:before {
  content: "\e91a";
}
.icon-lock:before {
  content: "\e91b";
}
.icon-navigator:before {
  content: "\e913";
}
.icon-bed:before {
  content: "\e914";
}
.icon-location:before {
  content: "\e91c";
}
.icon-tag:before {
  content: "\e915";
}
.icon-prev:before {
  content: "\e916";
}
.icon-next:before {
  content: "\e917";
}
.icon-google:before {
  content: "\e918";
}
.icon-facebook:before {
  content: "\e919";
}
.icon-refine:before {
  content: "\e91d";
}
.icon-order:before {
  content: "\e91e";
}
.icon-refresh:before {
  content: "\e91f";
}
.icon-award:before {
  content: "\e922";
}
.icon-walkthrough:before {
  content: "\ea15";
}

/* amenity */
.icon-gas:before {
  content: "\e923";
}
.icon-lift:before {
  content: "\e924";
}
.icon-grocery:before {
  content: "\e926";
}
.icon-wifi:before {
  content: "\e929";
}
.icon-vaastu:before {
  content: "\e92a";
}
.icon-water:before {
  content: "\e92b";
}
.icon-power:before {
  content: "\e92c";
}
.icon-spa:before {
  content: "\e92d";
}
.icon-bike:before {
  content: "\e92e";
}
.icon-theatre:before {
  content: "\e92f";
}
.icon-dog:before {
  content: "\e930";
}
.icon-marshall:before {
  content: "\e931";
}
.icon-fire:before {
  content: "\e932";
}
.icon-cctv:before {
  content: "\e933";
}
.icon-video:before {
  content: "\e934";
}
.icon-Intercom:before {
  content: "\e935";
}
.icon-security:before {
  content: "\e936";
}
.icon-kids-train:before {
  content: "\e937";
}
.icon-school:before {
  content: "\e938";
}
.icon-kids-play:before {
  content: "\e939";
}
.icon-kids-pool:before {
  content: "\e93a";
}
.icon-slides:before {
  content: "\e93b";
}
.icon-court:before {
  content: "\e93c";
}
.icon-yoga:before {
  content: "\e93d";
}
.icon-chess:before {
  content: "\e93e";
}
.icon-bowling:before {
  content: "\e93f";
}
.icon-football:before {
  content: "\e940";
}
.icon-cricket:before {
  content: "\e941";
}
.icon-badminton:before {
  content: "\e942";
}
.icon-tennis:before {
  content: "\e943";
}
.icon-pool:before {
  content: "\e944";
}
.icon-jogging:before {
  content: "\e945";
}
.icon-gym:before {
  content: "\e946";
}
.icon-concierge:before {
  content: "\e947";
}
.icon-skyhigh:before {
  content: "\e948";
}
.icon-automation:before {
  content: "\e949";
}
.icon-golf:before {
  content: "\e94b";
}
.icon-atm:before {
  content: "\e94c";
}
.icon-bank:before {
  content: "\e94d";
}
.icon-park:before {
  content: "\e94e";
}
.icon-bar:before {
  content: "\e94f";
}
.icon-cafe:before {
  content: "\e950";
}
.icon-club:before {
  content: "\e951";
}
.icon-wardrobe:before {
  content: "\e952";
}
.icon-terrace:before {
  content: "\e953";
}
.icon-ac:before {
  content: "\e954";
}
.icon-chimney:before {
  content: "\e955";
}
/*slick*/
.slider {width:100%; margin:auto}
.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}
.slick-list{ position: relative; display: block; overflow:hidden}
.slick-list:focus{ outline: none}
.slick-list.dragging{ cursor: pointer; cursor: hand}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slick-track{ position: relative; top: 0; left: 0; display: block}
.slick-track:before,.slick-track:after{ display: table; content: ''}
.slick-track:after{ clear: both}
.slick-loading .slick-track{ visibility: hidden}
.slick-slide{display: none; float: left; margin:0; min-height: 1px}
[dir='rtl'] .slick-slide{ float: right}
.slick-slide img{ display: block}
.slick-slide.slick-loading img{ display: none}
.slick-slide.dragging img{ pointer-events: none}
.slick-initialized .slick-slide{ display: block}
.slick-loading .slick-slide{ visibility: hidden}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent}
.slick-arrow.slick-hidden { display: none}
.slick-loading .slick-list{ background: #fff url(images/load.gif) center center no-repeat}
.prev{position: absolute; right:0; cursor:pointer}
.next{position: absolute; left:0; cursor:pointer}
.next, .prev{font-size:20px; line-height:45px; padding: 0; height: 45px; width: 45px; border-radius:50%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); border:0; z-index:1; color:#444; background:#fff; -webkit-box-shadow: 0 2px 25px 0 rgba(208,208,208,.7); box-shadow: 0 2px 25px 0 rgba(208,208,208,.7);}
.next i, .prev i{line-height: 45px !important}

.slick-dots{position:absolute; bottom:20px; left: 0; right: 0; list-style:none; display:block; text-align:center; padding:0}
.slick-dots li{position: relative; display:inline-block; height: 20px; width: 20px; cursor: pointer}
.slick-dots li button{border:0; background:transparent; display:block; height:20px; width:20px; outline:none; color:transparent; cursor: pointer}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before { position:absolute; top: 0; left: 0; content: "•"; width:20px; height:20px; font-family: "slick"; font-size:40px; line-height:40px; text-align: center; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.slick-dots li.slick-active button:before {color:#999}
.gradbg{cursor:pointer; }
.gradbg:hover{background-color:white; color:black !important; padding-left:3px;}

.table td, th {
   text-align: center;   
}

.zoom-effect:hover{
	
	transform:scale(1.07);
	transition: .2s ease-out;
}

.zoom-effect2:hover{
	
	transform:scale(1.07);
	transition: .2s ease-out;
}





.mobile {
    display: none;
    width: 100%;
    height: auto;
	padding-right: 5px;
}

@media screen and (max-width: 1024px) and (min-width: 240px){
.dtop, .about {
    display: none;
}
}

@media screen and (max-width: 1024px) and (min-width: 240px){
.mobile {
    display: block;
}
}




.high {
    display:inline-block; width:100%;	
}

@media screen and (min-width: 400px) {
   .high {
        display:inline-block; width:30%;
    }
}

.cno {
    display:none;	
}

@media screen and (min-width: 500px) {
   .cno {
        margin-top:14px; display:block;
    }
}


.hidden-xs,
.hidden-sm,
.hidden-md,
.hidden-lg {
  .responsive-visibility();
}
.hidden-xs {
  @media (max-width: @screen-tablet) {
    .responsive-invisibility();
  }
}
.hidden-sm {
  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
    .responsive-invisibility();
  }
}
.hidden-md {
  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
    .responsive-invisibility();
  }
}
.hidden-lg {
  @media (min-width: @screen-large-desktop) {
    .responsive-invisibility();
  }
}

.form-container {
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 300px;
    height: auto;
    z-index: 111;
}

.callback {
    width: 100%;
    height: auto;
    min-height: 290px;
    background: #4CAF50;
}

.closeit {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #000;
    width: 30px;
    height: 30px;
    font-size: 24px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    z-index: 112;
}

.animate {
    -webkit-animation: bg infinite;
    -webkit-animation-duration: 1.5s;
    animation: bg infinite;
    animation-duration: 1.5s;
}
.open-form {
    display: none;
    position: absolute;
    bottom: 20px;
    right: 20px;
	cursor:pointer;
    font-size: 13px;
    line-height: 1;
    padding: 10px 15px;
    background: #349f00;
    color: #fff !important;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

@keyframes bg{
0% {
    background: rgba(0,90,171,1);
}

49% {
    background: rgba(0,90,171,1);
}
50% {
    background: rgba(77,184,72,1);
}
99% {
    background: rgba(77,184,72,1);
}
}




.data-first{
    height: 150px;
    overflow: hidden;
    position: relative;   
}
#bottom_fade {
    width: 100%;
    height: 170px;
    z-index: 5;
    position: absolute;
    bottom: 0px;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}


a {
    color: black;
    text-decoration: none;
}


.locat{  
    margin: 4px;
    border-radius: 31px;
    color: white;
    height: 37px;
    /* padding: 2px; */
    padding-left: 13px;
    padding-right: 13px;
    font-size: 11px;
    background-color: #28a745;
    display: inline-block;
    /* height: 32px; */
}

.modal-body{
	
	font-size:11px;  
	  height: 250px;

}


 h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select, options,button {margin:0; padding:0; border:0; font-family:'poppins', sans-serif; box-sizing: border-box; outline: none;}
.price-frame{background:url(images/projects/godrej-properties/gurgaon/godrej-nature-plus/gallery/header-pic.jpg) no-repeat center center; padding: 25px; background-size: cover;}
.price-frame .price-content{border: 25px solid #fff; padding:50px}
.price-frame .price-content .pricing{background:#fff}
.tlight{font-weight: 300 !important}
.big-title{margin:0 auto 25px; font-size: 1.4em}
.configuration{width:100%; font-size:.9em; border-top: 1px solid rgba(0,0,0,.5)}
.configuration .colls{width: 20%; text-align: center; line-height: 25px; padding:15px 0;  float: left}
.nowrap{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inr{font-family: sans-serif; font-style:normal}
.clear{clear: both}

.half{
width:50%;
}   



.price-frame .price-content {
       border: 0px solid #fff;
       padding: 0px;
}

@media screen and (min-width: 600px) {
    .price-frame .price-content {
            border: 25px solid #fff;  
            padding: 50px;
    }
    
}



   .containercustom{
 width:48%;
 position:relative;
 display:inline-block;
 box-sizing:border-box;
 margin-bottom:5px;
 } 
 
 
 
 @media screen and (min-width: 600px)
 {
.containercustom{
 width:24.3% ;
 position:relative;
 display:inline-block;
 box-sizing:border-box;
 }
 }
  
  .custombg{
  background-color:black;
  width:100%;
  height:auto;
  box-sizing:border-box;
  }
  
 .imgalign{
    width: 100%;
    border: 1px solid white;
    
  box-sizing:border-box;	
 }
 
 @media screen and (min-width: 600px){
  .imgalign{
    width: 100%;
    border: 2px solid white;
    
  box-sizing:border-box;	
 }
 }
 

 
 .maintxt {
    width: 91%;
    box-sizing: border-box;
    margin: 5%;
    height: 20%;
    background-color: rgba(0, 0, 0, 0.8);;
    position: absolute;
    top: 50%;
    margin-top: -10%;
    border: 1px solid #e49622;
    border-radius: 5px;
	}
	
@media screen and (min-width: 600px){
 .maintxt {
    width: 91%;
    box-sizing: border-box;
    margin: 5%;
    height: 20%;
    background-color: rgba(0, 0, 0, 0.8);;
    position: absolute;
    top: 50%;
    margin-top: -10%;
    border: 2px solid #e49622;
	border-radius: 11px;
	}
}	
	
	
	
	
.imgcontainer{
padding:10%
}

.textfeatured{
color:white;
font-family:calibri;
font-size:3vw;
text-align:center;
display:block;
}

@media screen and (min-width: 600px)
{
.textfeatured{
color:white;
font-family:calibri;
font-size:1.9vw;
text-align:center;
display:block;
}
}


@media screen and (min-width: 600px){
.textmaincontent{
    padding-top: 3% !important;
    line-height: 1.2;

}

}

.textmaincontent{
padding-top:5%;
}

.readmore{
color: white;
    background-color: #28a745;
    font-weight: normal;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 35px;
	
}

a .readmore{
	text-decoration:none;
}
  
  
.reservedSection {
  background: #000;
  color: #fff;
  text-transform: uppercase;
  padding: 20px;
}
.reservedSection .wrapper {
  border: 2px solid #606062;
  width: 100%;
  padding: 50px;
}
.reservedSection .generationProcess h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.reservedSection .generationProcess ul li {
  font-size: 16px;
  padding: 2px 0;
}
.reservedSection .generationProcess .spotOffer {
  border: 1px solid #606062;
  border-radius: 5px;
  padding: 7px 0;
  font-size: 18px;
  width: 90%;
  margin: 29px auto;
}
.reservedSection .generationProcess .allotment {
  font-size: 40px;
  letter-spacing: 3px;
  font-weight: 500;
  margin: 30px 0 0;
}
.reservedSection .generationProcess .date {
  margin: 0;
  font-size: 58px;
  letter-spacing: 5px;
  font-weight: bold;
  margin-top: 0;
}
.reservedSection .reserved h1 {
  font-size: 50px;
  letter-spacing: 10px;
  font-weight: 500;
  margin: 30px 0 0;
}
.reservedSection .reserved h3 {
  font-size: 30px;
  letter-spacing: 3px;
  font-weight: 500;
  margin: 30px 0 0;
}
.reservedSection .reserved .members {
  background: #9e9fa3;
  font-size: 30px;
  letter-spacing: 3px;
  display: inline-block;
  clear: both;
  margin: 20px 0;
  color: #000;
  padding: 5px 10px;
}
.reservedSection .reserved .description {
  float: left;
  font-size: 10px;
  width: 100%;
  margin-top: 40px;
  text-transform: lowercase;
}
.reservedSection .reserved .description span {
  text-transform: uppercase;
}



.dwld-popup{width:350px; z-index:1000; display:none; max-width: 80%; border: 10px solid rgba(0,0,0,.5); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.dwld-popup .dwld-content{padding:15px; font-size:16px; border-bottom:1px solid #ddd}
.dwld-popup .textarea{font-size:14px; padding: 10px; width: 100%; border: 1px solid #ddd; margin:10px auto; color: #666}
.dwld-popup .submit-btn{font-size:14px; padding: 11px; width: 100%; border: none; margin: 10px auto; color: #ffffff; background-color: #017bff; cursor: pointer;}
.dwld-form{cursor: pointer;}


.otp-popup{width:350px; z-index:1000; display:none; max-width: 80%; border: 10px solid rgba(0,0,0,.5); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.otp-popup .otp-content{padding:15px; font-size:16px; border-bottom:1px solid #ddd}
.otp-popup .textarea{font-size:14px; padding: 10px; width: 100%; border: 1px solid #ddd; margin:10px auto; color: #666}
.otp-popup .submit-btn{font-size:14px; padding: 11px; width: 100%; border: none; margin: 10px auto; color: #ffffff; background-color: #017bff; cursor: pointer;}
.otp-popup{cursor: pointer;}


@media only screen and (max-width: 900px) {
  .reservedSection .generationProcess .allotment {
    font-size: 30px;
  }
  .reservedSection .generationProcess .date {
    font-size: 40px;
  }
  .reservedSection h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 680px) {
  .reservedSection {
    padding: 5px;
  }
  .reservedSection .reserved h1 {
    font-size: 40px;
  }
  .reservedSection .reserved .members {
    font-size: 20px;
  }
  .reservedSection .reserved .shape {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 600px) {
.ui imgal, .left {
    margin-bottom: 0px;
}
.price-frame{
  padding: 0px;
}
}


.show-rest-data:hover{
	text-decoration:none !important;
}


.enquireNow {
	    position: fixed;
	    bottom: 30px;
	    right: 20px;
	    font-size: 1rem;
	    color: #fff;
	    z-index: 999;
	    background-color: #28a745;
	padding: 12px 30px 12px 30px;
	border-radius: 50px;
	border: none;
	    cursor: pointer;
	    display: none;
	    box-shadow(0 1px 5px 0 rgba(0,0,0,.5));
	    -webkit-animation-name: blinkColor;
	    /* Safari 4.0 - 8.0 */
	    -webkit-animation-duration: 2s;
	    /* Safari 4.0 - 8.0 */
	    -webkit-animation-iteration-count: infinite;
	    animation-name: blinkColor;
	    animation-duration: 2s;
	    animation-iteration-count: infinite;
	}
	

.whatsapp {
    position: fixed;
    z-index: 999;
    left: 20px;
    bottom: 30px;
    color: #ffffff;
    background-color: #eabd07;
    border: 1px dotted #848b88;
    font-size: 1rem;
    padding: 12px 15px 12px 15px;
    border-radius: 50px;
    border: none;
}


@media (max-width: 768px){
.callBackForm, .enquireNow {
    left:50%;
	bottom:69px !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 16px !important;
    width: fit-content;
}
}

@media (max-width: 768px){
.whatsapp {
    left: 50%;
    bottom: 13px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    width: fit-content;
}
}