@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: "RobotoSlab-Regular";
  src: url("../fonts/locality/RobotoSlab-Regular.eot"); /* IE9*/
  src: url("../fonts/locality/RobotoSlab-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/locality/RobotoSlab-Regular.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/locality/RobotoSlab-Regular.woff") format("woff"), /* chrome、firefox */
  url("../fonts/locality/RobotoSlab-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/locality/RobotoSlab-Regular.svg#RobotoSlab-Regular") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/locality/Roboto-Regular.eot"); /* IE9*/
  src: url("../fonts/locality/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/locality/Roboto-Regular.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/locality/Roboto-Regular.woff") format("woff"), /* chrome、firefox */
  url("../fonts/locality/Roboto-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/locality/Roboto-Regular.svg#Roboto-Regular") format("svg"); /* iOS 4.1- */
}

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
a {color: #10A5A9;}
a:hover {color: #16BEC3;text-decoration: none;cursor: pointer;}
h1, h2, h3, h4, h5, h6 {font-family: "RobotoSlab-Regular"; font-weight: 500;line-height: 1.1;color: inherit;}
body {line-height: 1;  font-family: "Roboto-Regular"; background: #f5f5f5; font-size: 14px; background: #ebebeb;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
.overlay {position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); top: 0px; left: 0px; right: 0px; bottom: 0px;}
header {position: absolute; z-index: 999; width: 100%;  min-height: 70px;
  background: -moz-linear-gradient(bottom,transparent 0,rgba(0,0,0,.7) 100%);
  background: -webkit-gradient(linear,left bottom,left bottom,color-stop(0,transparent),color-stop(100%,rgba(0,0,0,.6)));
  background: -webkit-linear-gradient(bottom,transparent 0,rgba(0,0,0,.7) 100%);
  background: -o-linear-gradient(bottom,transparent 0,rgba(0,0,0,.7) 100%);
  background: -ms-linear-gradient(bottom,transparent 0,rgba(0,0,0,.7) 100%);
  background: linear-gradient(to top,transparent 0,rgba(0,0,0,.7) 100%);
  padding: 25px 0px; 
}  
header .container {color: #ffffff;}
header .container .logos a {color: #ffffff; font-size: 12px; float: left;}
header .container .logos a.icon-menu {position: relative; top: 4px;}
header .container .logos a.icon-menu:hover {color: #10A5A9;}
.logo_commonfloor {margin-left: 20px;}
.logo_quikr {padding-left: 20px; margin-left: 2px; padding-top: 4px; position: relative;}
.logo_quikr:before {width: 1px; height: 24px; background: #777; position: absolute; top: 4px; left: 8px; content: "";}
.mrt30 {margin-top: 30px;}
.mrt10 {margin-top: 10px;}
.mrb10 {margin-bottom: 10px;}

header .container .icon-menu:before {font-weight: bold;}
.rightlogin {float: right;}
h1.cityName {color: #fff; padding: 15px 0 30px; font-size: 32px; font-family: "RobotoSlab-Regular";}
.container .bgclolr h3 {font-size: 24px; color: #000; margin-bottom: 12px; font-family: "RobotoSlab-Regular";}
.logos .logo_commonfloor .formmobile {display: none;}
.rightlogin .dropdown a i {display: none;}
.contactform .close {padding: 10px; position: absolute; right: 0px; top: 0px; z-index: 999;}

footer { background-color: rgba(0,0,0,.8); background-image: url(../images/footer-bg.jpg); padding: 20px 0px 0px; margin-top: 20px;}
.footerlink h3 {color: #ccc; font-size: 24px; margin: 0px 0px 10px 0px;}
.footerlink ul li a {font-size: 16px; color: #888; text-decoration: none; padding: 5px 0px; display: inline-block;}
.footerlink ul li.contacticon {margin-bottom: 25px; border-bottom: solid 1px #666; padding-bottom: 28px;}
.footerlink ul li.contacticon a {display: inline-block; border-radius: 100%; height: 35px; width: 35px; color: #888; text-align: center; line-height: 25px; margin-right: 5px; font-size: 30px;}
.copyright {text-align: right; background: #222; color: #666; position: relative; padding: 15px; margin-top: 80px;}
.copyright .morefooter {position: absolute; top: -51px; left: 43%; cursor: pointer; color: #ccc; text-align: center; border-bottom: 50px solid #222; line-height: 51px;border-left: 50px solid transparent;border-right: 50px solid transparent;height: 0;width: 220px;}
#showfooterhide {display: none;}
.leftmenu {position: fixed; height: 100%; width: 260px; background:#333 url(../images/footer-bg.jpg);  z-index: 9999; top: 0px; bottom: 0px; left: -260px; padding: 30px 20px 10px;}
.leftmenu .centermenu {height: 100%; overflow: auto; overflow-x: hidden;}
.leftmenu .centermenu ul li a {display: block; padding: 13px 0px; font-size: 14px; color: #ffffff;}
.leftmenu .centermenu ul li a:hover {color: #16BEC3;}
.leftmenu .auikrcompanyad { text-align: center; padding-top: 20px; border-top: 1px solid #666; }
.leftmenu .topclosebutton {text-align: right; color: #fff; position: absolute; right: 0px; top: 0px; cursor: pointer; padding: 12px;}
.captchad {margin-top: 24px;}
.right_sideform .nametext,
.right_sideform .phonetext {font-size: 18px; font-family: "RobotoSlab-Regular"; color: #666; padding-bottom: 12px;}
.right_sideform .emailtext {font-size: 14px; font-family: "RobotoSlab-Regular"; color: #999; padding-bottom: 12px;}
.right_sideform .verficaiontext {font-size: 12px; font-family: "RobotoSlab-Regular"; color: #999; padding-bottom: 12px;}
.resendcode {text-align: right; padding: 18px 0px 10px;}
.resendcode a {color: #10A5A9;}
.right_sideform .checkbox_raidobox {color: #999;}
.right_sideform .thankum {font-family: "RobotoSlab-Regular"; font-size: 12px; color: #999; border-bottom: 1px dotted #DDD; padding: 0px 0px 10px 46px; margin-bottom: 10px; position: relative;}
.right_sideform .thankum strong {color: #000;font-weight: 500; font-family: "RobotoSlab-Regular"; font-size: 18px; display: block; padding: 0px 0px 10px; margin-bottom: 10px;}
.right_sideform .thankum i {position: absolute; font-size: 32px; color: #689F38; left: 0px;}
.right_sideform .tellus {font-size: 18px; font-family: "RobotoSlab-Regular"; color: #666;}
.dropdwons span {display: block; border-bottom: 1px solid #DDD; width: 100%; padding-bottom: 5px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dropdwons .selectdrop {position: absolute; z-index: 999; background: #ffffff; position: absolute; width: 100%; box-shadow: 0 2px 5px 0 rgba(0,0,0,.32); border-radius: 0px 0px 3px 3px; padding: 20px 10px; top: 15px; display: none;}
.dropdwons .selectdrop select {border: none; background: none;}
.dropdwons {min-height: 20px;}
.dropdwons i {position: absolute; right: 0px; bottom: 5px; color: #999;}
.dropdwons.pd .selectdrop {padding: 0px 10px 10px;}
.dropdwons.pd .selectdrop .checkbox_raidobox {padding: 3px 0px;}
.bedromess {color: #666;}
.bedromess .heasld {padding-bottom: 12px;}
.bedromess ul li{border: 1px solid #DDD; float: left; width: 37px; height: 30px; text-align: center; cursor: pointer; margin-left: -1px; margin-top: -1px; display: flex; justify-content: center; align-items: center; position: relative;}
.bedromess ul li.active:before {height: 2px; width: 100%; position: absolute; bottom: 0px; content: ""; background: #10A5A9; left: 0px;}
.editform .icon-pencil {position: relative; padding-left: 10px; top: 1px; cursor: pointer; font-size: 14px;}
.editform .hidefield {display: none; margin-bottom: 10px;}

.btn {display: inline-block; padding: 8px; border-radius: 3px; transition: all 0.3s;}

.orgin-line {border:solid 1px #F68121; background: #ffffff; color: #333;}
.orgin-line:hover {background: #F68121; color: #ffffff;}

.blue-line {background: #10A5A9; color: #ffffff;}
.blue-line:hover {background: #16BEC3; color: #ffffff;}

.orgin {background: #F68121; color: #ffffff;}
.orgin:hover {background: #F68121; color: #ffffff;}
.badgeimg {display:inline-block; max-width: 100%;}

.set h5 {font-size: 24px; color: #111; text-align: center; color: #f6911f; padding-bottom: 8px; text-transform: capitalize;}


@media screen and (max-width: 992px){
  .projects_slider .carousel-inner>.item .boxp {margin-bottom: 10px;}
  .projects_slider .carousel-inner>.item a.similarproj {margin-bottom: 10px;}
  .slideright {margin-top: 10px;}
  header .container .logos a img {max-width: 134px;}
  .rightlogin .dropdown a {font-size: 12px;}
}

@media screen and (max-width: 767px){
  body {font-size: 12px;}
  header {padding: 10px 0px;}
  section .container {margin: 0px; overflow-x: hidden; overflow-y: inherit;  padding: 0px;}
  header .container{padding: 0px 15px;}
  .copyright .morefooter {left: 17%;}
  .citypage .carousel-inner>.item {height: 241px;}
  .citypage .carousel-inner>.item img {min-height: 241px; }
  .footerlink ul li {display: inline-block;}
  .footerlink.fl ul li a img {max-width: 85px; height: 32px;}
  .copyright {text-align: center; font-size: 11px;}
  .footerlink ul li a {font-size: 12px;  position: relative;}
  .footerlink ul li.contacticon {border: none; margin: 0px 0px 15px; padding: 0px;}
  h1.cityName {font-size: 22px; padding: 10px;}
  .container .bgclolr h3 {font-size: 16px;}

  .bgclolr.mobileform {position: fixed!important; bottom: 25px; width: 100%!important; left: 0px; z-index: 999; display: none; top: auto!important;}
  .disiplayb.mobilebutton {position: fixed; bottom: 0px; width: 100%; z-index: 999; border-radius: 0px; display: block;}
  .footerlink h3 {font-size: 14px; margin: 0px 0px 5px;}
  .footerlink ul {margin-bottom: 8px;}
  .footerlink ul.uls li { padding: 5px 16px 5px 0px;}
  .footerlink ul.uls li a:after {position: absolute; content: ""; right: -10px; background: #888; width: 1px; height: 10px; top: 5px;}
  .logos .logo_commonfloor .formmobile {display: block; padding-top: 4px;}
  .logos .logo_commonfloor .forweb,
  .logos .logo_quikr {display: none;}
}


/*========================Offer page CSS starts Here ====================== */

.b_top_minus .container {margin-top: -20px; position: relative; z-index: 99;}
.b_top_minus .container .bgclolr {background: #ffffff; padding: 15px; margin-bottom: 15px; border-radius: 3px; box-shadow: 0px 0px 6px rgba(0,0,0,0.1); position: relative;z-index: 2;}
.b_top_minus .container .bgclolr .bgclolr {margin: -2px -25px 0px; border-radius: 3px 3px 0px 0px;}
.offer_badge{text-align: left; padding: 30px 0px 40px 0px;}
.offer_badge h2{ font-size:38px; color:#333; text-transform: uppercase; font-weight: bold; padding-top: 20px;}
.offer_badge h2 span{ color:#666666; font-size:30px; font-weight: normal; font-family: "Roboto-Regular";}
.offer-steps{ text-align: center; margin-bottom:30px}
.offer-steps h6{ font-size:20px; color: #333; padding:10px 0px;font-family: "Roboto-Regular"; font-weight: bold;}
.offer-steps h6 span{color: #1cbdc2;}
.offer-steps p{line-height:18px; font-weight:bold;}
.avail_btn{text-align:left;}
.headinganew {text-align: center; background: #ffd200; padding: 15px; font-size: 27px; color: #6600d8; margin: 15px -15px;}
.rightside {float: right; color: #999999;}
.call_back{width: 100%; max-width: 255px; background: #ffffff; padding: 0px 10px 10px 66px; height: 79px; position: absolute; top: -79px; right: 55px; border-radius: 3px 3px 0px 0px; }
.call_back img{position: absolute;left: 14px;bottom: 0px;width: 70px;}
.call_back p{width:100%;display: block; font-size: 14px; text-align: center; padding: 20px 10px 5px 10px; color: #333; font-weight: bold; line-height: 18px;}
.call_back span{width:100%;display:block; text-align: center; margin: 0px 0px; font-size: 24px;}
.offerbg {background: #fff6cc; margin: -15px; padding: 20px; border-radius: 3px 3px 0px 0px;}
.term_condition{background:#f2f2f2; padding:30px; margin-bottom: -15px; border-radius: 0px 0px 3px 3px;}
.term_condition ul{margin: 10px 0px 0px 0px; padding: 0;}
.term_condition ul li{color:#666; font-size:11px; line-height:18px;}
.ico_style{ font-size:40px; color:#f6911f; padding-bottom: 10px;}
.offer_list{ margin-bottom: 15px;}
.offer_list > p{ margin-top:-20px; line-height:18px;}
.list_box{ float:left; text-align: center; width: 200px; font-size: 18px; font-weight: bold; min-height:120px;}
.list_box img{ margin: 10px 0px;}
.set{ padding:20px 20px 40px 20px;}
.set h2{font-size:24px; padding-bottom: 30px; font-weight: bold;}
.new{text-transform:uppercase; padding: 15px 20px; font-size: 18px;}
.odd_list{margin: 0; padding: 0; font-size:16px;}
.odd_list ol,li {margin: 0;padding: 0;}
.odd_list ol {counter-reset: foo;display: table;}
.odd_list li {list-style: none;counter-increment: foo;display: table-row; line-height: 24px;}
.odd_list li span,
.odd_list li strong {font-weight: bold;}
.odd_list li::before {content: counter(foo) ".";display: table-cell;text-align: right;padding-right: .3em;}
.orange-line {background: #f6911f; color: #ffffff;}
.orange-line:hover {background: #f79e3a; color: #ffffff;}
.citypage.offer .carousel-inner>.item {height: 367px;}
.orgin.pull-right {padding: 16px; min-width: 130px; margin: 20px 0px 0px;}
.ing-offer {text-align: center; margin: 35px 0px 10px;}
.ing-offer > img {display: inline-block;max-width: 458px;}
.textnes {line-height: 20px;}
.textnes span {font-weight: bold; display: block; margin-bottom: 15px;}
.textnes span strong {font-size: 18px; display: block;}
.textnes p {font-size: 14px;}
.mrb20 {margin-bottom: 50px;}

.offerpg .offerb {position: relative; padding-left: 190px; margin-left: 50px;}
.offerpg .offerb .imgo{ position: absolute; width: 200px; left: 0px; top: 0px;}
.offerpg .offerb span {font-size: 16px; display: block; padding: 50px 0px 65px; line-height: 23px;}
.offerpg .offerb span strong {font-size: 20px;}
.offerpg .offerb span strong b {color: #f6911f; font-size: 20px;}
.margindd {padding: 30px 20px 10px;}
.margindd ul {margin-bottom: 20px;}
.margindd ul span {font-size: 18px; font-family: "RobotoSlab-Regular"; display: block; margin-bottom: 10px; text-transform: uppercase;}
.margindd ul li {color: #f6911f; font-size: 14px; padding-bottom: 7px;}
.term_conditiona {color:#666; float: right; font-size: 12px; margin-top: 5px;}
.carousel {max-width: 1290px; margin: 0 auto;}

.bgclolr .nav>li>a {padding: 15px; min-width: 150px; text-align: center; font-size: 20px;}


/*=======Become a property Expert Today CSS starts Here ============ */
h1.toptitle {width: 100%; font-size: 24px; color: #111; text-align: center; text-transform: uppercase;font-weight: normal;}
.topsubtitle {width: 100%; font-size: 18px; margin: 10px 0px; color: #666; text-align: center; text-transform: uppercase;font-weight: normal;}
.topsubtitle > b{font-weight: bold; color: #111;}
.exp-form {width:100%;background:#fff;padding: 20px 0px 0px 0px;border-left: 8px solid #16BEC3; border-radius: 3px 3px 3px 3px;box-shadow: 0px 0px 24px rgba(0,0,0,0.1); position: relative;right: -50px;}
.exp-form-box {width: 100%;position: relative;}
.exp-form-box .input_field {position: relative; margin-top: 15px;}
.exp-form-box .input_field input {width: 100%; border: none; border: solid 1px #DDD; position: relative; z-index: 99; background: none; padding: 30px 10px 10px 10px;border-radius: 2px;}
.exp-form-box .input_field label {position: absolute; left: 10px; top: 24px; z-index: 9; color: #7c7c7c; transition: all 0.3s; font-weight: normal;margin: 0px;font-size: 11px;text-transform: uppercase;}
.exp-form-box .input_field input:focus ~ label,
.exp-form-box .input_field input:not(:focus):valid ~ label{top: 8px; font-size: 11px; color: #10A5A9;font-weight: normal;}
.exp-form-box .input_field.open label {top: 8px;}
.exp-form-box .input_field span.error {display: none;}
.exp-form-box .input_field.error span.error {display:block; color: #FC5B5B; font-size: 10px; display: block; margin-top: 2px; position: absolute;}
.exp-form-box .input_field.error input {border: solid 1px #FC5B5B;}
.exp-form-box .input_field button {border: none; padding: 0px; background: none;}
.exp-form-box .input_field button:hover {background: none;}

.exp-form-box .input_field .dropdown {border: none; padding: 0px; position: absolute; z-index: 999; top: 4px;}
.exp-form-box .input_field .dropdown-menu {min-width: 70px; top: 20px; padding: 0px;}
.exp-form-box .input_field .dropdown-menu li {cursor: pointer; text-align:}
.exp-form-box .input_field .dropdown-menu li a {padding: 5px 10px; border-bottom: solid 1px #DDD;}
.exp-form-box .input_field .dropdown-menu li:last-child a {border-bottom: none;}
.exp-form-box .input_field.dropdwonad input {padding-left: 35px;}
.exp-form-box .input_field .open>.dropdown-toggle.btn-default:focus {background: none; background-color: none;}

.or {width: 32px;height: 32px;background: #eee;color: #16BEC3;font-size: 14px; text-align: center;padding-top: 8px; border-radius: 100%;clear: both;margin: 30px auto;position: relative;right: -50px;}
.getmob {width: 100%;height:auto;min-height:110px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);position: relative;top: 0px;right: -50px;padding: 0 15px 0 90px; text-align:left; background: #fff url('../images/girl.gif'); background-repeat: no-repeat;background-size: 90px 90px;background-position: bottom left;border-radius: 3px;}
.getmob img.gebmobimg {
    float: left;
    top: -2px;
    left: 0;
    display: block;
    max-width: 80px;
}
.getmob .stext {
    width: 100%;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 20px 0px 10px 0px;
    float: left;
}
.getmob .stext small {
    display: inline-block;
    width: auto;
    font-size: 14px;
}
.getmob .sinput {
    width: 100%;
    position: relative;
    padding-left: 80px;
    border: 1px solid #eee;
    border-radius: 2px;
}
.getmob .sinput .stdcode {
    width: 80px;
    float: left;
    top: 10px;
    position: absolute;
    left: 0;
    z-index: 101;
}
.getmob .sinput .stdcode span {
    width: 15px;
    right: -2px;
    top: 2px;
    font-size: 20px;
    color: #333;
    line-height: 16px;
    float: left;
    text-align: right;
    display: inline-block;
    position: relative;
}
.getmob .sinput .stdcode > select {
    font-size: 16px;
    width: 60px;
    height: 20px;
    float: left;
    border: 0 solid #fff;
    background: rgba(255,255,255,0)!important;
    color: #333;
    box-shadow: none;
    outline: 0;
}
.getmob .sinput input {
    -moz-width: calc(100% - 80px);
    -webkit-width: calc(100% - 80px);
    width: calc(100% - 80px);
    padding: 11px 0 13px 0px;
    box-shadow: 0 0 5px transparent;
    border: 0 solid #999;
    border-right: solid 0 #999;
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    height: 42px;
}
.getmob .sinput button.button {
    background: #16BEC3;
    color: #fff;
    display: block;
    border:0px solid #ddd;
    width: 80px;
    height: 42px;
    text-align: center;
    position: absolute;
    right: 0;
    border-radius: 0;
    top: 0;
    padding: 8px 6px;
    box-shadow: 0 0 5px transparent;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
}
.getmob .thankyou {
    width: 81px;
    height: 44px;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 102;
    background: #00ac00;
    color: #fff;
    font-size: 14px;
    display: block;
    padding: 13px 3px;
    text-align: center;
    line-height: 18px;
    font-weight: 600;
    border-radius: 0 2px 2px 0;
    cursor: default;
}



@media screen and (max-width:1024px) {
  .offer_badge h2{font-size:30px;}
  .offer_badge h2 span{font-size:24px;}
}

@media screen and (max-width: 767px) {
  .b_top_minus .container .bgclolr {border-radius: 0px;}
  .list_box{ width:200px;}
  .offer_badge img{ width:40%;}
  .offer_badge h2{font-size:22px;}
  .offer_badge h2 span{font-size:18px;}
  .set {padding: 20px 0px 40px 0px;}
  .call_back{ margin-top:21px;position: relative;max-width: 100%;top: 0px;right: 0px;}
  .citypage.offer .carousel-inner>.item {height: 210px;}
  h1.cityName.offer {font-size: 14px;}
  .text-label span{display: none;}
  .ce {text-align: center;}
  h1.toptitle {text-align: left;}
  .offerpg .offerb .imgo {position: relative;}
  .offerpg .offerb {padding: 0px; margin: 0px; text-align: center;}
  .offerpg .offerb .imgo {width: auto;}
  .offerpg .offerb span {padding: 10px 0px 25px;}
  .margindd ul span {font-size: 14px;}
  .margindd ul li {font-size: 12px;} 
  .margindd {padding: 30px 0px 10px;}
}

@media screen and (max-width:480px) {
  .list_box{ width:50%;}
  .offer_badge{padding: 30px 0px 10px 0px;}
  .offer_badge h2{font-size:18px;}
  .offer_badge h2 span{font-size:14px;}
  .set h2{font-size:18px;}
  .offer-steps img{ width: 40%;}
}

/*=======Become a property Expert Today CSS End Here ============ */
/*========================Offer page CSS Ends Here ======================== */