@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap');


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
}

.card {
    transform: scale(0.95);
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    padding: 1rem;
}
.card-shadow{
  box-shadow: 0 1px 10px #E3E7EB;
}
.btn-success.focus, .btn-success:focus, .btn-success:active:focus{
  outline: none;
  box-shadow: none;
  background-color: #9dca36;
  border-color: #9dca36;
}
.form-control:focus{
  box-shadow: none;
  border: 1px solid #f9a11b !important;
}
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%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; font-family: 'Roboto', sans-serif;     background-color: #f8f8f8; overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p { font-size: 15px; color: #4f4f4f; line-height: 24px; }

.myheader {  width: 100%; position: fixed; z-index: 99; padding:15px 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; height: 150px !important;}
.myheader.myheader2 { background:#123456;  top:0;}
.logo { display:inline-block; background:url(../images/logo.webp) no-repeat; width:221px; height:60px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.logo img {  -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; max-height:61px; }
.shrink { height: 80px !important; background:#123456 ; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
/* .shrink .logo { background:url(../images/s-logo.webp) no-repeat; width:188px; height:51px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } */
.shrink .logo img{  padding-top: 0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; max-height:51px }
.myheader nav { display:inline-block; float:right;}

/*Menu*/

/*.main-menu { margin-top:0 !important; border:none !important; padding: 12px 0 0 10px; cursor: pointer; width: 47px; height: 42px; float: right; border-radius: 2px;}
.main-menu span, .main-menu span:before, .main-menu span:after {content: ''; transition: all 200ms ease-in-out; cursor: pointer; height: 3px; width: 30px; background:#fff; position: absolute; display: block;}
.main-menu span:before {top: -12px;}
.main-menu span:after {bottom: -12px;}*/

.bbox { position:relative;}
.bbox  .owl-carousel.owl-loaded { float:left;}
.shbg { background:url(../images/shadow-l.webp) no-repeat ; width: 23px; height: 423px; position: absolute; left: -20px; float:left;}
.shbg2 { background:url(../images/shadow-r.webp) no-repeat ; width: 23px; height: 423px; position: absolute; right: -20px; float:right;}
#nav-toggle { cursor: pointer; padding-right:30px; position:relative; top:7px; border:none !important; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer; border-radius: 1px; height: 3px; width: 30px; background: white; position: absolute; content: '';}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 100ms ease-in-out;}
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0;}
#nav-toggle.active span:before { transform: rotate(45deg); }
#nav-toggle.active span:after { transform: rotate(-45deg);}

.main-menu.active span:before{ transform: rotate(45deg);}
.meb-mrnu { line-height:18px !important;}
.meb-mrnu span { font-size:14px; color:#565656; font-weight:400;}
.soc { display: block; width: 100%; float: left; background:#fff;    box-shadow: 0 1px 5px #E3E7EB; padding:20px 0; padding-left:25px;}
.soc li { width: 20%; float: left; margin-left:5px;}
.soc li a { border-radius: 100%; color:#fff; display: inline-block; padding: 7px 16px; width: 40px; height: 40px;}
.soc li .fb { background:#3b5998;}
.soc li .tw { background:#1da1f2;}
.soc li .gp { background:#db4437;}
.soc li .li { background:#007bb5;}
.smenu {  float:right; margin-top:13px; position:relative;}
.smenu a {font-size:14px; color:#fff; text-transform:uppercase; margin: 0 10px;  padding:8px 12px 10px; border:1px solid #fff; border-radius:3px;}
.smenu .social { font-size:18px;}
.smenu .fprop {padding:11px 12px;}
.bheart { position:relative;}
.bheart i { font-size:18px; color:#fff;}
.smenu .coun { font-size:13px; margin-left:5px; padding:3px 6px;  position:absolute; top:-10px; right:-8px;  border-radius:100%;  background:#f9a11b;}
 /*Carousel banner*/


/* .search-dhome .ptype-w { background: url(../images/ptype_w.webp) no-repeat 15px, url(../images/drop.webp) no-repeat 95% 17px;  } */
/* .search-dhome .ctype-w { background:url(../images/city_w.webp) no-repeat 15px, url(../images/drop.webp) no-repeat 95% 17px;} */
.search-dhome .ctype-w { background: url(../images/drop.webp) no-repeat 95% 17px;}
.search-dhome .ptype-w { background: url(../images/drop.webp) no-repeat 95% 17px;  }
/* .search-dhome .stype-w { background:url(../images/search_w.webp) no-repeat 15px;} */
.search-dhome select {-moz-appearance: none; -webkit-appearance: none; }
.search-dhome select option {border-radius:10px !important; border-bottom:2px solid #fff;   width:80%; border-radius:10px !important; height:50px !important; }
/*Services**/

.choose-area {overflow: hidden; position: relative; background:#fff; margin-top:30px;}
.choose-img {background-image:url(../images/aword-bg.webp); background-position: center center; background-size: cover; padding: 0; position: absolute; right: 0; top: 0 ;padding:20px 50px 38px;  }
.custom-row { margin:0;}
.choose-space { padding:25px; }
.choose-content-wrapper { padding: 0px 10px 33px;}
.about-head { margin:45px 0 0;}
.about-head h2 {padding:0 0 15px 50px; font-size:25px; color:#123456; font-weight:500;}
.about-head p { color:#888f99; font-size:16px; padding-left:50px;}
.aw-head { margin:0;}
.aw-head h2{ padding:25px 0; color:#fff;}

.choose-categories-content { text-align:left;}
.choose-categories-content .sicons { padding:6px; border-radius:3%; border:2px solid #e7e7e7; display:inline-block; float:left; margin-right:20px;}
.choose-categories-content i { font-size:30px; color:#f9a11b; background:#123456; padding:15px; border-radius:3%; }
.choose-categories-content h5,.choose-title {font-size: 16px; margin-bottom:10px; color:#123456; line-height:20px;}
.choose-categories-content p { font-size: 14px; color:#888f99; line-height: 21px; margin-bottom: 0; }
.awords { padding-top:16px;}
.awords p { font-size:16px;    text-align: center; line-height:28px;     margin-bottom: 6px;}
.awords img { margin:0px auto; text-align: center; margin-bottom: 0 !important;}
/*.choose-space:hover { background:#123456; color:#fff !important;}*/

#prroject-city { padding:45px 0;}
.comm-heading { text-transform:uppercase; line-height:34px; padding:15px 0;}
.comm-heading h1,.comm-heading .main-title{ font-size:30px; color:#123456; border-bottom:5px solid #f9a11b; padding-bottom:10px; display:inline-block;}
.comm-heading h1 small,.comm-heading .main-title small{ color:#76767; font-size:17px;}
.comm-heading hr { border-bottom:3px solid #123456; margin-top:-4px;}


.similer {/* width:100%;*/ margin-right:0; padding:0 5px;}
.similer a:hover { text-decoration:none;}
.similer2 { padding-bottom:50px; transition:}
.similer .owl-item { margin-right:0px;}
.services-box { background:#fff; display:table-cell;  /*-webkit-box-shadow: 2px 2px 0px 0px rgba(216,216,216,0.75); -moz-box-shadow: 2px 2px 0px 0px rgba(216,216,216,0.75); box-shadow: 2px 2px 0px 0px rgba(216,216,216,0.75);*/ border-radius:3px; border: 2px solid rgba(216,216,216,0.75); margin-bottom:20px !important;}
.services-box2 { background:#f5f5f5;}
/* .services-box-cont {  padding:20px 9px 0; } */

.services-box-cont h4,.project-title {font-size:16px; margin-bottom:10px; margin-top: 20px;font-family: "Roboto Slab", serif;}
.services-box-cont h4 a,.project-title a{ color:#123456;}
.services-box-cont h4 a:hover,.project-title a:hover{ text-decoration:underline;}
.services-box-cont p { font-size:13px; line-height:22px; padding-bottom:20px; text-align:left;}
.services-box-cont p a {color: #4f4f4f;}
.services-box-cont p a:hover { text-decoration:underline;}
.ptb p { padding-bottom:0;}
.services-box-cont p span { display:block; font-size:14px; padding:10px 0; color:#f9a11b; position:relative;}
.services-img img.hactive {
  min-height: 40px;
  width: 40px !important;
  height: 40px;
  border: 1px solid #f9a11b;
  background: #fff;
  padding: 6px 5px;
  border-radius: 50%;
  position: absolute;
  bottom: -1.2rem;
  right: 5%;
  }
.services-box .pro-feture { margin-top:0;}
.services-box .pro-feture li img{ width:auto !important;  float: left; margin-left: 0px; margin-right: 0px; }
.services-box .list-inline { margin-left:0;}

.city-filter { background:#123456; padding:0; border-radius:3px; }
.city-filter .nav-tabs { border:0; width:100%; }
.city-filter .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #fff;  background:#f9a11b;  border: 0;  }
.city-filter .nav-tabs>li { width:50%;}
.city-filter .nav-tabs>li>a { font-size:21px; text-transform:uppercase;  background-color: #0b213a; }
.city-filter .nav-tabs>li>a:hover {background-color: #0b213a; border:0;}
.city-filter .tab-content { padding:35PX; font-size:18px; padding-bottom:8px; }
.city-filter #tabs-1 {height:302px; overflow:hidden; overflow-y:scroll;}
.city-filter #tabs-2 {height:302px; overflow:hidden;}
.city-filter .chiller_cb {background:#f9a11b; margin:10px 0; height:40px; width:85%; padding-left:10%; border-radius:3px; box-shadow: 1px 1px 1px #fff; }
.city-filter .chiller_cb span { border: 2px solid #fff; left:10%;  transition: all 0.2s; z-index: 1; box-sizing: content-box;}
.city-filter .chiller_cb label { font-size:18px; color:#123456; z-index:20; }
.city-filter .chiller_cb input:checked ~ span { background: #f9a11b; border-color: #123456;}
.city-filter .chiller_cb input:disabled ~ span { background: #ececec;  border-color: #dcdcdc;}
.city-filter #tabs-1::-webkit-scrollbar { width: 10px;}
.city-filter #tabs-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(256,256,256,1); background:#fff;	border-radius:10px;}
.city-filter #tabs-1::-webkit-scrollbar-thumb {  background-color: #f9a11b; outline: 1px solid #fff; 	border-radius:10px;}

#b-logo { background:#f8f9fa; }
.builder { margin-bottom:15px;}
.builder img {    transition: transform .2s; width: 100%; background: #fff; padding: 5px; border-radius: 2px; height: 100px; box-shadow: 1px 1px 1px #cecece; }
.builder img:hover {transform: scale(1.1);}
.logo-effect {display:inline-block ; width: 100%; height: auto; }
.overlay { position: absolute; top: 0; bottom: 0; left: 15px; right: 15px; opacity: 0; transition: .5s ease; background-color: #193a5b; }

.company-profile { text-align:center; padding:0px 0; margin:0; background:url(../images/video-bg.webp) no-repeat center center; color:#fff; }
.company-profile h2 { font-size:36px; font-weight:600; padding:40px 0 40px;}
.company-profile p { font-size:20px; color:rgba(256,256,256,0.5);}
.video-lcd { background:url(../images/mac.webp) no-repeat center 0px; margin:0 auto; height:540px;}
.video-pos{ position:relative; left:34px; top:20px}

#review {margin-bottom:15px;}
.points { background:url(../images/point-bg.webp) no-repeat center center;}
.point-lay { padding:20px 0;}
.point-content { background:#f9a11b; color:#fff; padding:24px 0px; margin:20px 80px;  border-radius:3px; }
.point-content h5 { font-size:3rem;}
.point-content p { color:#fff; line-height:30px; text-align:center;}

/* .web-review { background:url(../images/review-icon.webp) no-repeat 100% 25px;} */
.rev-text .conrrr { min-height:140px; background:#fff;   -webkit-box-shadow: 2px 2px 0px 0px rgba(235,235,235,0.75); -moz-box-shadow: 2px 2px 0px 0px rgba(235,235,235,0.75); box-shadow: 2px 2px 0px 0px rgba(235,235,235,0.75); }
.rev-text p { padding:5px; color:#72767b; font-size:15px; line-height:26px; text-align:inherit;}
.rev-text:after {top:89%; left:90%; border:solid transparent; content:" "; height:0px; width:0px; position:absolute; pointer-events:none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 23px; margin-left: -23px; }
.rev-write { font-size:18px; color:#123456; text-align:right; padding-right:6%; padding-top:30px; position:relative; top:20px;}
.rev-write small{ font-size:14px; color:#818181; text-transform:uppercase;}


.blogcont h4,.project-title { font-size:18px;}
.blogcont h5 { color:#b8b8b8; font-size:13px; text-transform:uppercase; padding-bottom:15px; }
.blogcont h5 span { font-size:15px; color:#888888;}
.blogcont p { font-style:italic;}
.blogcont a { font-size:15px; display:block; color:#72767b; padding:0 0 10px 0; text-align:right;}
.blogcont a .fa{
  right: 0px;
  transition: all .2s;
}
.blogcont a:hover .fa{
    right: -5px;
    transition: all .2s;
    position: relative;
  }
.property-type .bhkkk {
    width: 100%;
    float: left;
}

footer { background:#123456; padding:40px 0; color:#fff; margin-top:40px;}
.widget_nav_menu { margin-bottom:20px;}
.widget_nav_menu h1,.widget_nav_menu h6 { font-size:18px; text-transform:uppercase; padding-bottom:15px;}
.widget_nav_menu ul li a { color:#fff; font-size:14px; line-height:30px;}

.newsl h1,.newsl h6 { font-size:30px; text-transform:uppercase;}
.newsl h1 small,.newsl h6 small { font-size:17px; color:#fff; }
.newsl input { border:none; background:none; border-bottom:2px solid #fff; height:40px; margin-top:20px; width:100%; }
.newsl button, .newsl button:hover { background:#123456; color:#fff; border-radius:0; border:2px solid #fff; margin-top:20px; height:40px; font-size:20px; text-transform:uppercase; padding:0px 10px;}
#copy { background:#f9a11b; line-height:60px;}
.copywrite { font-size:14px; color:#123456;}

/*Search Page*/

.search-bg {margin-top: 20px;}
.search-d { margin-bottom:0; }
.search-d select {-moz-appearance: none; -webkit-appearance: none; }
.search-d .form-control { border-radius:3px !important; height:45px; border:2px solid #cccccc; text-indent:30px; }
.s-brn { width:100%; height:45px; border-radius:3px; background-color:#f9a11b; border-color:#f9a11b; text-transform:uppercase;}
.my-br { font-size:12px; margin-bottom:0; padding-bottom:0;}
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after { content: ""; display: inline-block; background: #fff; width: 0; height: 15px; position: absolute; transform-origin: 0% 0%;}
.chiller_cb { position: relative; height: 2.5rem; display: flex; align-items: center;}
.chiller_cb input {display: none;}
.chiller_cb input:checked ~ span {background: #f9a11b; border-color: #f9a11b;}
.chiller_cb input:checked ~ span:before { width: 0.6rem; height: 0.1rem; transition: width 0.1s; transition-delay: 0.3s; }
.chiller_cb input:checked ~ span:after {  width: 0.4rem; height: 0.1rem; transition: width 0.1s; transition-delay: 0.2s;}
.chiller_cb input:disabled ~ span { background: #ececec; border-color: #dcdcdc; }
.chiller_cb input:disabled ~ label {color: #dcdcdc; }
.chiller_cb input:disabled ~ label:hover { cursor: default;}
.chiller_cb label {  padding-left: 1.5rem; position: relative; z-index: 15; cursor: pointer; margin-bottom:0;     color: #6b6b6b;
    font-weight: 400;
    font-size: 14px; }
.chiller_cb label:hover{
  color: #9dca36;
}
.chiller_cb span { display: inline-block; width: 0.9rem; height: 0.9rem; border: 1px solid #c1c1c1	;     border-radius: 3px;position: absolute; left: 0; transition: all 0.2s; z-index: 1; box-sizing: content-box; }
.chiller_cb span:before { transform: rotate(-47deg); top: 0.7rem; left: 0.3rem; }
.chiller_cb span:after { transform: rotate(44deg); bottom: 0.35rem; left: 0.17rem; }
.ui-draggable, .ui-droppable {background-position: top;}
.ui-widget-content { background-color:#cfcfcf !important; height:2px !important; color:#fff !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { height: 15px; width: 15px; border-radius: 100%; background: #f9a11b !important; border: 0 !important; }
.ui-widget-content a { color:#fff !important; font-size:13px; line-height:30px !important;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { line-height:35px !important; background: #123456 !important; font-size:15px !important; opacity:1 !important; color:#f9a11b !important; }
.ui-slider-horizontal .ui-slider-handle { top: -.6em !important; margin-left: -.6em;}
#amount { font-size:14px; border:0; margin:5px 0 20px;}
.property-features-add h1 { font-size:18px; color:#123456; text-transform:uppercase;}
.property-features-add h2 { font-size:16px; margin-top:5px; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #ccc;}
.property-features-add h2 a { font-size:13px !important;}

.property-listing { margin-bottom:25px; background:#f7f7f7; }
.my-media-heading  { font-size:18px;  line-height:30px; color:#123456; margin-top:10px;}
.my-media-body hr { margin:10px 0;}
.add, .my-media-body p { font-size:14px !important; color:#4a4848 !important; line-height:22px; text-align:justify;}
.my-media-body span i { color: #123456}
.pdd { padding-left:0;}
.poss { font-size:12px !important;background: #d8d8d8; padding: 6px; border-radius: 10px;}
.pro-feture { background:#123456; color:#fff;  margin-top:10px; padding:4px 0;line-height:28px;}
.pro-feture li { font-size:12px !important;}
.pro-feture li img { float:left; margin-left:10px; margin-right:5px; }
.pro-feture .amoun { font-size:20px !important; color:#f9a11b;}
.plt { padding-bottom:5px; border-bottom:2px solid #cccccc;}
.search-tags { padding:10px; font-size:14px; text-transform:uppercase; margin:0px 0;}

.search-tags span img {  position: relative; top: 3px; margin-left: 5px;    filter: brightness(0.3);}
.ptype { background: url(../images/ptype.webp) no-repeat 15px, url(../images/dropg.webp) no-repeat 95% 17px; }
.ctype { background:url(../images/city.webp) no-repeat 15px, url(../images/dropg.webp) no-repeat 95% 17px; }
.stype { background:url(../images/search.webp) no-repeat 15px;}
/*Testimonial Page*/
.page-bg { background:#fff; margin-top:65px;}
#page-head {
    background: #f2f2f2;
    padding: 13px 0 8px;
    margin-top: 5px;
}
#page-head .border-bottom{border-bottom: 1px solid #d6d6d6;padding: 20px 0 15px;}

.inner-head h1,.inner-head h3 { font-size:25px; color:#2c394c; text-transform:uppercase;}
#page-head .breadcrumb {padding-left: 0; padding-right:0; background:none; margin-bottom:0; font-size: 12px;  text-transform: uppercase;}
#page-head .breadcrumb a { color:#2c394c;}
#page-head .breadcrumb>.active a{color: #123456;}
.inner-page {  padding:30px 0;}
.msg { background:#f9a11b; border-radius:35px; padding:30px;}
.msg p{ color:#4f4f4f; font-size:15px; line-height:24px; }
.arr { background:url(../images/others/t-icon.webp) no-repeat; width:32px; height:22px; margin-left:50px;}
.writer {margin:20px; display:inline-block; text-align:left;  width:100%;}
.writer img { float:left;}
.writer h2{ color:#7d7d7d; font-size:18pxpx; padding:20px 0 0 120px; }
.writer h2 small { color:#bebebe; font-size:13px; text-align:right;}
.gray { background:#f2f2f2;}
.arr2 { background:url(../images/others/gt-icon.webp) no-repeat; }


.city-icon{ text-align:center; margin-bottom:25px; }
.city-icon img {border:1px solid #e2e2e2; padding:10px; margin-bottom:20px; border-radius:3px;}
.city-icon a { background:#123456; color:#fff; font-size:14px; padding:5px 25px;}
.city-icon a:hover { text-decoration:none; background:#f9a11b;}
.about { padding:25px;}
.about h1, .about-smc h2 { font-size:25px; color:#2c394c;  line-height:30px;}
.about p, .about-smc p { font-size:15px; color:#4f4f4f; line-height:24px;}
#why-smc { background:#f6f6f6; }
.about-smc {  padding:20px;}
#msvision { padding:50px 0;}
.smcvm { border:1px solid #f0f0f0; text-align:center; padding:20px; color:#4f4f4f; margin:10px;}
.smcvm  h3 { text-transform:uppercase; font-size:20px; }
.smcvm  i { padding:30px 0; color:#123456; }

.topsearch { padding: 10px 0; width: 232px; height: 42px; position: relative; left: -12px; float: left; line-height: 22px; }
.topsearch input { position: absolute;  width: 34px;  float: Left;  margin-left: 198px; -webkit-transition: all 0.7s ease-in-out;  -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; height: 42px; top:-12px; line-height: 18px; border-radius:1px; background:none; border:1px solid #fff; padding:0 10px; opacity:0; color:#fff; }
.topsearch:hover input, .search input:focus { width: 200px; opacity:1; margin-left: 0px; }
.topbtn {  height: 42px;  position: absolute;    right: 0;   top: -12px;    border-radius:1px;	background:none; 	border:1px solid #fff; }
.topbtn:active, .topbtn:focus, .topbtn:active{ background:none; border:1px solid #fff;}

#team { background:#f3f3f3; padding:30px 0;}
.heading-title { text-align:center;  }
.heading-title h3 { font-size:20px; padding-bottom:20px; text-transform:uppercase;}
.heading-title p { text-align:justify; line-height:20px;}

.team-member, .team-member .team-img {position: relative; border:1px solid #f9a11b; border-bottom:5px solid #f9a11b; }
.team-member {overflow: hidden; }
.team-member, .team-member .team-img { position: relative; }
.team-title {position: static; padding: 20px 0; display: inline-block; letter-spacing: 2px; width: 100%; }
.team-title h5 { margin-bottom: 0px; display: block; text-transform: uppercase;}
.team-title span { font-size: 12px; text-transform: uppercase; color: #a5a5a5; letter-spacing: 1px;}
.Financial_part{ background-color: #fff; padding: 50px 0px; }
.Financial_img img{margin: 40px 0px; width:350px; }
.Financial-box{height: 9rem;border-radius: 5px; padding: 9px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); margin-bottom: 30px;}
.Financial-box img{ background: #123456; padding: 8px; border-radius: 8px; margin-bottom: 5px; width: 55px; height:55px; display:inline-block !important;}
.Financial-box h3 { margin: 10px 0px; font-size: 15px; text-transform:uppercase; color: #123456; }
.Financial-box p {  margin: 10px 0px 0px; font-size: 13px; font-weight: 400; line-height: 22px; }



/*Bulder Page*/

/*Website Start*/
.main-part { padding:30px 0; background:url(../images/bulder-bg.webp) no-repeat ; background-size:cover;}
.profile-header {  margin:0; }
.profile-left h3 { font-size:25px; color:#fff; }
.profile-left p { font-size:15px; line-height:50px; color:#fff; }
.fit {  margin-bottom:35px; text-transform:uppercase;}
.fit img { border:1px solid #fff; padding:5px; float:left;}
.fit span {line-height: 44px; padding-left: 15px; color:#fff; font-size:14px; }
.aboutus { background:#fff; margin:0 auto; margin-top:20px; color:#fff; font-size:14px; line-height:22px;}
.aboutus p {padding:20px; }
.blogo {background: #fff; padding: 10px;}
/* Top Filter Box */
.media-body .list-inline { margin-left:-15px;	}
.top-filter { background:#fff; height:45px; padding:0; }
.tfilter-box { border-top:1px solid #e7e7e7;}
.my-filter { background:#fff;  margin-bottom:0px; padding-top:30px;}
.my-filter select {display: block; width: 100%; height: 45px; border:0; border-right: 1px solid #ededed; border-radius: 0; box-shadow: none; color: #000; font-size: 14px; padding-left:45px;}
.filter1 { background:url(../images/icon5.webp) no-repeat 10px; width:34px; height:34px;}
.filter2 { background:url(../images/icon6.webp) no-repeat 10px; width:34px; height:34px;}
.filter3 { background:url(../images/icon7.webp) no-repeat 10px; width:34px; height:34px;}
.filter4 { background:url(../images/icon8.webp) no-repeat 10px; width:34px; height:34px;}
.filter5 { background:url(../images/icon9.webp) no-repeat 10px; width:34px; height:34px;}
#top-filter .filter1, #top-filter .filter2, #top-filter .filter3, #top-filter .filter4, #top-filter .filter5{
  background-position: 83%;
}
.pdd { padding:0;}
.mybtn { padding:6px 35px;}
.bgc-fff {background-color: #fff!important;}
.box-shad {}
.media { border:1px solid #e7e7e7;}
.media a { width:51%; padding:0;}
.media2 a { width:100%; padding:0;}
.media2 .media-left, .media>.pull-left { padding-right:0;}
/* Font changes */
.fnt-smaller {font-size: 16px;}
.fnt-lighter { color: #bbb; }
.property { padding:0px 0;}
.media-heading a { font-size:20px; line-height:30px; color:#3f3f3f;}
.media-heading a span { color:#5cb85c !important; padding-left:5px;}
.media-body { padding:15px;}
.media-body p { font-size:14px; line-height:20px;}
.media-body hr { margin:9px 0;}

ul.ui-menu{height:max-content !important;max-height:320px !important;overflow-y:scroll;box-shadow:-5.67px 9.43px 35px 0 rgba(0, 0, 0, .2);border:none !important;}
ul.ui-menu::-webkit-scrollbar{width:5px;height:5px}
ul.ui-menu::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.5);border-radius:20px}
ul.ui-menu::-webkit-scrollbar-thumb{background:#949494;border-radius:20px}
.ui-menu-item {font-family: 'Roboto', sans-serif !important;font-size:14px; line-height:20px;  background:#fff; border-bottom:1px solid #ddd;padding:5px 10px;}
.ui-menu-item:hover{ background:#f9a11b;}
.ui-menu .ui-menu-item-wrapper{color:#212121 !important;border:none !important;}
.ui-menu .ui-menu-item-wrapper:hover{text-decoration:none;}
.ui-menu .ui-state-disabled,.ui-menu .ui-widget-content .ui-state-disabled,.ui-menu .ui-widget-header .ui-state-disabled{
background:#f3f4f5 !important;font-weight:600;color:#123456 !important;font-size:13px !important;padding:2px 10px !important;}

.city-detail{ }
.city-detail p { padding-bottom:20px; text-align:justify; }
.l-count { padding:30px 0;}
.l-count h1 { padding:10px 20px; font-size:20px; color:#123456; display:inline;  background:#f5f5f5; }
.l-count2 {padding:10px 0;}
.l-count2 .form-group {padding:10px 20px; background:#f5f5f5; }
.l-count2 .form-group .form-control { background:#f5f5f5; border-radius:0; color:#123456;}

.page-header h1  { font-size:25px !important; color: #2c394c; text-transform:uppercase;}
.page-header { margin:0; margin-bottom:20px;}
.page-header h1 small { color: #383838;}/**/
.page-header hr { border-bottom:2px solid #dfdfdf;}
.about-sub-details {    margin: 70px 0 0 0;   display: inline-block;  clear: both;  width: 100%;}
ul.about-sub-listings li {    width: 49%; float: left; font-size: 35px; font-weight: normal; text-transform: uppercase; margin: 0 0 35px;  color: #000;  font-style: normal;}
ul.about-sub-listings li span { font-size: 18px; color:#4f4f4f; display: block;  margin: 15px 0px; text-transform: initial; font-style: normal; }
ul.about-sub-listings li:after {  width: 75px; background: #123456; position: relative; display: inline-block;  height: 3px;  content: '' ; transition: all 300ms ease-in-out; opacity: 1;}

#vpont { padding:50px 0; background:#FFF; }
.smcnum { text-align:center; font-size:25px; color:#123456; border-bottom:2px solid #123456; padding-bottom:10px; display:inline-block;}
.count {height: 9rem;padding:20px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.count img { padding-top:15px; }
.count img, .count p  { float:left; text-align:left !important;}
.count p span { font-size:45px; line-height:55px;  color:#123456;}
.bdd { border-right:0;}
.bdd2 { border-bottom:0;}
.team-title2 { letter-spacing:1px !important; line-height:25px;}
.team-img2 img { width:100% !important;}
#awd { background:url(../images/others/award-parllax.webp) no-repeat bottom left; width:100%; background-size:cover; }
.main-hdd { text-align:center; text-transform:uppercase; font-size:35px; color:#fff; padding:20px 0;}
.headd  { margin-top:20px;}
.headd img { padding:30px 0;}
.headd h3:before { width: 37%; border: 2px dotted; position: relative; display: inline-block; content: ''; transition: all 300ms ease-in-out; opacity: .5; margin-right: 20px; top: -11px;}
.headd h3:after {  width: 37%; border: 2px dotted; position: relative; display: inline-block; content: ''; transition: all 300ms ease-in-out; opacity: .2; margin-left: 20px; top: -11px;}
.fixed { position: fixed; top:80px; left:0; width: 100%; z-index:3;}

.career:before { margin-top:30px;}
.heading-title hr { margin:10px 0;}
.heading-title h5 { text-align:left; text-transform:uppercase; padding-left:20px;  color:#123456; background:#f7f7f7; line-height:40px;}
.heading-title ul { text-align:left; padding:20px 0; }
.heading-title ul li { line-height:30px; margin-left:20px; font-size:14px; list-style-type:disc;}
.heading-title p { padding: 0 20px;}
.cartxt { font-size:16px !important; line-height:20px !important;}
.count div { padding:0;}
.count2 img { padding-top:0px; width:70px;}
.feature { border:1px solid #e2e2e2; padding:20px; border-radius:10px; margin-top:10px;}
.contact-googlemap{ border:1px solid #e2e2e2;}
#map{height:600px;width:100%;border:1px solid #999}
.map-address-mn{width:100%;border:1px solid #b3b3b3;background-color:#fff}
.map-address-mn-ul{padding:0;margin:0;list-style:none}
.map-address-mn-ul li{float:left}
.map-address-mn-ul li:first-child{width:25%}
.map-address-mn-ul li:last-child{width:75%}
.left-mn{overflow-y:scroll;height:600px;width:100%}
.left-mn::-webkit-scrollbar{width:10px; background-color:#e2e2e2;}
.left-mn::-webkit-scrollbar-thumb{background-color:#f9a11b;}
.left-mn div{padding:15px;line-height:20px;color:#4d4d4d;border-bottom:1px solid #b3b3b3;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; font-size: 14px;}
.left-mn div:hover{background-color:#123456!important;cursor:pointer;color:#fff}
.left-mn div:hover h2{color:#fff}
.left-mn div.active{background-color:#123456;color:#fff}
.left-mn div.active h2{padding-bottom:10px;font-size:20px;color:#fff;}
.left-mn div h2{padding-bottom:10px;font-size:18px;color:#4d4d4d;}



.cont { border:1px solid #e2e2e2; padding:20px;}
.cont h2 { font-size:20px;}
.focus-t input:focus{border-color: #d74141;	}
.text-effect input, .text-effect textarea  { border:none; border-bottom:2px solid #073951 !important; border-radius: 0; position:absolute; bottom:0; border-style: none none solid; border-width: 0 0 2px; box-shadow: none; z-index:2; background-color:transparent;}
.text-effect { position: relative; height:70px; }
.my-btn { margin-top:10%;}



.bhead h1 { font-size:21px; text-transform:uppercase; color:#123456; background: #fff; margin: 20px 0; line-height: 45px; text-indent: 15px;}

.bhkkk { width:33%; float:left;}
.ui-autocomplete-loading { background:url('/images/loader.gif') no-repeat right center }

.mrt { margin-bottom:20px;}

#topcity { padding-bottom:120px; }
.city1 { background:url(../images/others/city/city1.webp);}
.city2 { background:url(../images/others/city/city2.webp);}
.city3 { background:url(../images/others/city/city3.webp);}
.city4 { background:url(../images/others/city/city4.webp);}

.category { overflow: hidden; position: relative; margin: 0 0 20px 0;}
.category:hover:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background-color: #000; opacity: 0.4; z-index: -11; transition: 0.3s ease-out; }
.category_bg_box {  transition: all 0.55s; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 200px; }
.category:hover .category_bg_box {transform: scale(1.06); transition: transform 0.35s ease-out; }
.category_long_bg { height: 420px;}
.category .category-overlay {    background-color: rgba(0, 0, 0, 0.3); bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: background-color .15s linear; }
.category-content {display: block; left: 90px; position: absolute; top: 50px; transform: translateX(-50%) translateY(-35%); transition: all .15s linear;}
.category-title{  margin: 0;display:inline-block;   color: #fff; font-size: 14px; background:#f9a11b; border-radius: 50px; padding: 4px 16px; }
.category-subtitle {  white-space: nowrap; text-transform: uppercase; background: rgba(18, 52, 86, 1); color: #fff; border-radius: 50px; padding: 4px 16px; font-size: 14px; letter-spacing: 1px; margin-bottom: 10px; }

.timel { background:url(../images/others/abt-bg.webp) center center no-repeat; 	 }
.timeline-parcours {width:960px; height:auto; min-height:10px; margin:100px auto; }
.container-info  { width:960px; margin:0 auto; height:auto; /* min-height:187px; */ min-height:155px;}
.timeline-section-tl {width:236px; height:auto; min-height:10px; display:inline-block;}
.timeline-section-tl p { font-size:18px; color:#fff; margin-top:15px; text-align:center;font-family: "Roboto Slab",serif;}
.infobox { width:226px; height:auto; min-height:10px; padding:5px; display:inline-block; margin:0px 1px; }
p.infobox-text{ font-size:16px !important;font-family:'Roboto', sans-serif;}
.infobox a { font-size:16px; color:#fff; padding:10px 15px; text-align:center; margin:5px auto; display:table; border:1px solid #fff; border-radius:5px;}
.fleche-bloc { width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #ffffff transparent transparent transparent; margin:auto; }
.parcours-box {opacity:0; z-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.container-time-line { width:960px; margin:auto;}
.time-line-parcours { width:730px; height:10px; background-color:#123456; margin:auto;}
.timeline-indicator { width:0px; height:10px; background:#fea500; -webkit-transition: all 100ms ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.tl-round { width:50px; height:50px; border-radius:50%; border:1px solid #fff; background-color:#1234656; margin:auto; -webkit-transition: all 100ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.container-bulle {  margin-top:-30px;}
/* animation classe */
.tl-round i { padding:15px; color:#fea500; font-size:20px;}
.anim-phase-1 { width:240px; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease;}
.anim-phase-2 { width:475px; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease;}
.anim-phase-3 { width:720px; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease;}
.parcours-active { opacity:1; z-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.pclose {    position: absolute;
    right: 7px;
    top: 6px;
    font-size: 23px; color:red !important;}
	.addprop { padding:0 10px;
    margin: 0 auto;
    border-radius: 0;}
.addprop .form-control { width:80%;}
.addprop i { font-size:25px;}
.list-text3:hover { box-shadow:2px 2px 3px #CCC;}
.list-text2 { font-weight:600; }
.list-text li {border:1px solid #CCC; padding:15px 0; line-height:26px; text-align:center; font-size:14px;}
.pd0 { padding:0;}
.services-box3 { border:0;}
.services-box3:hover{ border:0;}
.services-box-cont2 { padding-top:0;}
.services-box-cont2 h4 { margin:0;}
.services-box-cont2 p { text-align:center; padding:0;}
.addprop p { text-align:center; padding-bottom:10px;}

/* .favorite {	position:relative; width: 30px; top:-4px; height: 30px; border: 2px solid #f9a11b; color: #f9a11b !important; border-radius: 3px; background: transparent; transition: all ease-in-out 0.3s; transition-delay: 0.1s;} */
.favorite {
    position: absolute;
    right: 0.9375rem;
    width: 40px;
    height: 40px;
    background: #123456;
    color: #fff;
    bottom: -0.9375rem;
    border-radius: 50%;
    border: none;
}
.favorite:focus {outline: 0;}
.favorite:before {  content: '\f08a'; font-family: 'FontAwesome';  font-size: 22px;  position: absolute;  top: 9px;  left: 9px;}
.favorite:after {  content: ''; opacity: 0;  position: absolute;  top: 4px;  right: 10px;}
/* .favorite:hover {  width: 120px;  transition: all ease-in-out 0.3s;} */
/* .favorite:hover:after { content: "Favorite This";  opacity: 1;  transition: all ease-in-out 0.3s; font-size: 13px;} */
.favorite.favorited:before {  content: '\f004';  color: red; }
/* .favorite.favorited:hover:after {  content: "Favorited!";} */

.crp { padding:0 8px; line-height:40px;} .crp2 { padding:0; font-size:14px; line-height: 18px;}
.item_delete { color:#123456 !important; font-size:20px !important;   margin: 0 !important; padding: 4px !important; display:block; margin-top:5px !important; }
.shopping-cart {
  margin: 20px 0;
  float: right;
  background: white;
  width: 320px;
  position:absolute;
  border-radius: 3px;
  padding: 20px;
  right: 0;
  z-index: 9;
  top: 2rem;
    box-shadow: 0px 0px 5px #B5B4B3;
}
.shopping-cart hr { margin:10px 0;}
.shopping-cart .shopping-cart-header {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 15px;
}

.shopping-cart:after {
  bottom: 100%;
  right: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: white;
  border-width: 8px;
  margin-left: -8px;
}


.button {
  background: #6394F8;
  color: white;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  display: block;
  border-radius: 3px;
  font-size: 16px;
  margin: 25px 0 15px 0;
}
.button:hover {
  background: #729ef9;
}




.mybuilder { width:100%; text-align:center;  margin:0px;  }
.mybuilder article { position: relative;}
.mybuilder article:before, article:after {   content: ""; display: table;}
.mybuilder article:after { clear: both }
.mybuilder article section { margin-top:20px;}
.mybuilder article section:first-of-type { float: right; width: 100%;}
.mybuilder article section:last-of-type {  display: none; }
.mybuilder input[type=checkbox] {border:0; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; overflow:hidden; padding: 0; position:absolute; }
.mybuilder [for="read_more"] { position: absolute; bottom: -55px; left:44%; width: 14%; text-align: center; padding: .65rem; box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), inset -1px -1px rgba(0, 0, 0, 0.1);background:#123456; border-color:#123456; border-radius:3px;}
.mybuilder [for="read_more"]:hover { background: rgba(0,0,0,.5); color: rgb(255,255,255);background:#f9a11b; border-color:#f9a11b;}
.mybuilder [for="read_more"] span:last-of-type { display: none; visibility: hidden; }
.mybuilder input[type=checkbox]:checked ~ section { display: block; visibility: visible; width: 100%;}
.mybuilder input[type=checkbox]:checked ~ figure { width: 100% }
.mybuilder input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type { display: none; visibility: hidden;}
.mybuilder input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type { display: block; visibility: visible; }
.cityb { margin-bottom:10px; }
.citybtn {     display: grid;    margin-bottom: 0px;}
.citybtn a { border:2px solid #123456;  padding:15px; color:#000; margin-bottom:20px; border-radius:3px;}
.citybtn a:hover {background:#123456; color:#fff;}
.search-bg .navbar-collapse {float: right; background: #123456;  padding: 5px 13px;}
.search-bg .navbar-nav>li>a { color:#fff !important;}
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake,
.shake {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.fillt {display: inline-block; font-size: 20px; text-transform: uppercase; float: left;}
.myheader .dropdown-menu {
  top: 2.5rem;
  padding: 0;
  border-radius: 0;
  left: 15px;
    /* min-width:100%;
    width:100%;
    position:absolute;
    transition:all 0.5s ease;
    height:0;
    display: block;
    opacity: 0;
	border-radius:3px;
	padding:10px;
    visibility:hidden;
    background:#f2f2f2; */
}

.myheader.shrink .dropdown-menu{
  top: 2rem;
}

li.dropdown:hover .dropdown-menu {
    opacity:1;
    height:300px;

    visibility: visible;
}

.navbar-nav .navbar {
    position: static;
}

.navbar-nav {
    position:static !important;
}

.dropdown {
    position:static;
}



.dropdown-menu a {
    width:100%;
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  -webkit-animation: pulse 0.5s linear infinite;
  animation: pulse 0.5s linear infinite;
}


.amine span { background:#123456; padding:5px 10px; color:#fff; margin:7px; display:inline-block;}
.amt-title {    font-size: 20px;
    text-transform: uppercase;}


/*Refer a friend*/
.login-sec .form-control {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}
.login-sec .form-group {
  margin:14px 0;
}
.login-sec{ text-align:center;}
.forgot a {
  color: #123456;
  font-size: 14px;
  text-align:center;
  text-decoration: underline;
}
.login-sec  .btn.btn-primary {
  background: #f0ad4e none repeat scroll 0 0;
  border-color: #f0ad4e;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.forgot { margin:15px 0;
}
.botto-text {
  color: #ffffff;
  font-size: 14px;
  margin: auto;
}
.login-sec .btn.btn-primary.reset {
  background: #ff9900 none repeat scroll 0 0;
}
.refer-bg{ background:url(../images/refer-a-friend.webp)  no-repeat ; width:598px; height:400px;  padding:0;}
.my-modal-body { padding:0 15px;}
#referfrind .modal-content { border-radius:0;}
#referfrind .modal-title {    font-size: 20px; text-transform: uppercase; color: #123456;}
#referfrind .modal-header .close {background: #123456; color: #fff; opacity: 1; padding: 4px 8px;  font-weight: normal;}

/*Fastival offer*/
.fav-offer { margin-bottom:30px;}
.fav-offer img, .brr img { border-radius:5px; margin-bottom:20px;}
.fav-inner-page { position:relative;}
.dance { background:url(../images/others/dance.webp); width:200px; height:170px; position:absolute; left:0; bottom:0;}
.dance2 { background:url(../images/others/dance.webp); width:200px; height:170px; position:absolute; right:0; bottom:0;}
.hang { background:url(../images/others/hang.webp) no-repeat; width:63px; height:193px; position:absolute; left:2%; top:0;}
.hang2 { background:url(../images/others/hang.webp) no-repeat; width:63px; height:193px; position:absolute; right:2%; top:0;}

/*walkthought*/
.walkt { background:url(../images/others/walk.webp) no-repeat center center ;
    background-size: cover;
    width: 100%;
	height:200px;}


.search {
	margin-top:10%;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:60px;
    height:60px;
    background:#fff;
    box-shadow:3px 3px 0px rgba(0,0,0,.2);
    border-radius:0px;
    transition:width .5s;
    overflow:hidden;
}
.search.active {
    width:600px;
}
.search input {
    position:absolute;
    top:10px;
    left:10px;
    width:calc(100% - 90px);
    height:40px;
    border:none;
    outline:none;
    font-size:15px;
    padding:0 10px;
    color:#666;

}
.search.active .icon {
    background:#f9a11b;
}
.icon {
    position:absolute;
    top:10px;
    right:10px;
    width:40px;
    height:40px;
    cursor:pointer;
    transition:.5s;
    border-radius:0px;
}
.search.active .icon:before {
    content:'';
    position:absolute;
    top:0px;
    left:6px;
    width:18px;
    height:30px;
    background:transparent;
    border:none;
    border-right:2px solid #fff;
    border-radius:0;
    transition:.5%;
    transform:rotate(45deg);
}
.search.active .icon:after {
    content:'';
    position:absolute;
    top:12px;
    left:6px;
    width:18px;
    height:30px;
    background:transparent;
    border:none;
    border-right:2px solid #fff;
    border-radius:0;
    transition:.5%;
    transform:rotate(-45deg);
}
.icon:before {
    content:'';
    position:absolute;
    top:4px;
    left:6px;
    width:24px;
    height:24px;
    background:transparent;
    border:2px solid #262626;
    border-radius:50%;
    transition:.5%;
}
.icon:after {
    content:'';
    position:absolute;
    top:16px;
    left:28px;
    width:18px;
    height:18px;
    background:transparent;
    border-left:2px solid #262626;
    border-radius:0;
    transform:rotate(-45deg);
    transition:.5%;
}
.wkn { padding:0;}
.wkn h4 { font-size:16px; padding:15px 10px 5px; text-transform:uppercase;}
.wkn p { padding:5px 10px; line-height:20px; font-size:14px;}
.wkn hr { margin-bottom:0;}
.mbtn { display:block; background: #123456;
    color: #fff;
    padding: 10px 0;
    text-align: center; text-transform:uppercase;}

.mbtn:hover { color:#fff;}


/*-- Sapan - CSS --*/

/*-- About-us --*/
.sp-about-section{
padding-top:40px;
padding-bottom:20px;
background:#fff;
}
.sp-about-video,.sp-about-content{
margin-bottom:20px;	
}
.sp-about-video{
position:relative;
z-index:1;
}
.sp-about-video:before,.sp-about-video:after{
content:'';
position:absolute;
z-index:-1;
width:80px;
height:80px;
background:#f9a11b;	
transition:width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.sp-about-video:before{
top:-12px;
left:-12px;	
}
.sp-about-video:after{
bottom:-12px;
right:-12px;	
}
.sp-about-video:hover:before,.sp-about-video:hover:after{
width:100px;
height:100px;	
}
.sp-about-video video{
width:100%;
height:360px;
display:block;
outline:none;
object-fit:cover;
padding:8px;
background:#fff;
}
.sp-about-content{
padding-left:15px;	
}
.sp-about-title{
font-size:30px;
margin-bottom:20px;
}
.sp-about-content p{
line-height:1.7;
margin-bottom:10px;
}
/*-- Read-text --*/
#more-txt{
display:none;
}
#read-txt{
font-family:"Roboto Slab",serif;
cursor:pointer;
display:inline-block;	
}


/*-- About-listing --*/
.sp-about-list-section{
padding-top:40px;
background:#f9f9f9;
}
.sp-about-list-row{	
display:flex;
flex-wrap:wrap;	
}
.sp-about-listing{
margin-bottom:40px;	
}
.sp-about-list-head{
margin-bottom:20px;	
}
.sp-about-list-head h3{
font-size:26px;
margin-bottom:5px;	
}
.sp-about-list-head p{
font-size:16px;	
font-family:"Roboto Slab",serif;
}
p.about-p{
font-family:'Roboto', sans-serif;
font-size:15px;	
}
.sp-about-listing ul li{
display:flex;
margin-bottom:10px;	
}
.sp-about-listing ul li:nth-last-child(1){
margin-bottom:0;	
}
.sp-about-listing ul li i{
color:#f9a11b;	
margin-right:10px;
margin-top:2px;
}


/*-- Timeline --*/
.sp-timeline-section .timeline-parcours,.sp-timeline-section .container-info,.sp-timeline-section .time-line-parcours,.sp-timeline-section .infobox{
width:auto;
}
.sp-timeline-section{
background-size:cover;
}
.sp-timeline-section .timeline-parcours{
margin:100px auto 60px;
}
.sp-timeline-section .container-info{
margin:0;
padding:0;
}
.sp-timeline-section .container-info,.sp-timeline-section .container-bulle{
display:flex;
}
.sp-timeline-section .timeline-section-tl{
width:20%;
display:grid;
align-items:end;
padding-bottom:40px;
}
.sp-timeline-section .container-time-line{
width:80%;
overflow:hidden;
}
.sp-timeline-section .tl-round{
line-height:50px;
text-align:center;
}
.sp-timeline-section .tl-round i{
padding:0;
font-size:18px;
}


/*-- Our-vision --*/
.sp-vision-section{
padding-top:40px;
padding-bottom:10px;
background:#fff;
}
.sp-vision-item{
margin-bottom:30px;	
}
.sp-vision-icon{
display:flex;
align-items:center;
margin-bottom:15px;	
}
.sp-vision-icon img{
margin-right:15px;
}
.sp-vision-icon h4{
font-size:22px;	
}
.sp-vision-item p{
line-height:1.5;	
}


/*-- Team --*/
.sp-team-section{
padding-top:40px;
padding-bottom:20px;
background:#f3f3f3;	
}
.sp-team-title{
font-size:30px;
margin-bottom:30px;	
}
.sp-team-head img{
width:100%;
display:block;
}
.sp-team-head figcaption{
box-shadow:0 10px 15px rgba(221,221,221,0.38823529411764707);
background:#fff;
padding:15px;
border-radius:3px;
position:relative;
top:-30px;
margin:0 20px;	
}
.sp-team-head h5{
font-size:15px;
text-transform:uppercase;
margin-bottom:3px;	
}
.sp-team-head span{
color:#a5a5a5;
font-size:12px;	
text-transform:uppercase;
}
.sp-team-content{
margin-bottom:20px;
}
.sp-team-content p{
line-height:1.7;
}


/*-- Services --*/
.sp-services-section{
padding-top:40px;
padding-bottom:20px;
background:#f7f7f7;		
}
.sp-service-img{
margin-top:60px;	
margin-bottom:20px;	
}
.sp-service-img img{
width:100%;
display:block;		
}
.sp-service-row{	
display:flex;
flex-wrap:wrap;
padding-left:15px;
margin-left:-10px;
margin-right:-10px;
}
.sp-service-row .col-sm-4{
padding-left:10px;
padding-right:10px;
display:grid;	
}
.sp-service-item{
position:relative;
z-index:1;	
box-shadow:0 0 11px 0 rgba(38,59,94,0.12);
border-radius:5px;
padding:25px;
background:#fff;
margin-bottom:20px;	
display:grid;
align-items:center;
overflow:hidden;
transition:transform 0.3s ease-in-out;
}
.sp-service-item:hover{
transform:translateY(-3px);	
}
.sp-service-item:before{
content:'';
position:absolute;
top:-30px;
right:-30px;
z-index:-1;
width:80px;
height:80px;
border-radius:50%;
background:#f5f5f5;
transform:scale(0.8); 
transition:transform 0.3s ease-in-out, background 0.3s ease-in-out;	
}
.sp-service-item:hover:before{
transform:scale(1);	
background:#f9a11b;
}
.sp-service-item img{
margin-bottom:15px;	
}
.sp-service-item h3{
font-size:16px;	
word-break:break-word;
}

/*-- Builder --*/
.sp-builder-ssection{
background:#f5f5f5;	
}
.sp-builder-row{
display:flex;
flex-wrap:wrap;
margin-left:-8px;
margin-right:-8px;	
}
.sp-builder,.sp-builder a,.sp-builder-title{
display:grid;	
}
.sp-builder{
padding-left:8px;
padding-right:8px;	
margin-bottom:16px;
}
.sp-builder a{
box-shadow:0 1px 3px rgba(0,0,0,.2);
background:#fff;	
text-decoration:none;
}
.sp-builder a:hover{
transform:scale(1.04);	
}
.sp-builder-img{
padding:5px;	
}
.sp-builder-img img{
margin:auto;
max-width:100%;
display:block;	
}
.sp-builder-title{
text-align:center;	
align-items:end;	
padding:0 10px 5px;	
font-size:13px;	
font-family:"Roboto Slab", serif;
color:#212121;
}

/*-- Project-details - Page --*/
.pj-title{
font-size:26px;
margin-bottom:20px;
}
.pj-title span{
color:#9dca37;	
}
.pj-title p{
font-size:16px;
margin-top:5px;	
}
.pj-nav{
margin-bottom:0;	
}
.pj-breadcrumb-section,.pj-section{
background:#fff;	
}
.pj-breadcrumb{
padding:0;
margin-top:20px;
margin-bottom:20px;
background:transparent;	
}
.pj-breadcrumb li{
margin-bottom:10px;	
}
.pj-breadcrumb li a{
color:#909090;	
}
.pj-breadcrumb li a:hover{
color:#9dca37;	
}
.pj-breadcrumb li.active{
color:#212121;	
}
.pj-header{
margin-bottom:25px;	
}
.pj-price{
margin:6px 0 0;
font-family:"Roboto Slab", serif;
font-size:18px;	
}
.pj-section ul.pj-feature li img{
width:25px !important;
height:25px;	
filter:brightness(.5) invert(1);
}
.pj-content{
margin-bottom:25px;	
}
.pj-content p{
margin-bottom:10px;	
}
.pj-content p:nth-last-child(1){
margin-bottom:0;	
}
.pj-content strong{
font-weight:500;	
color:#212121;
}
.pj-content ul br{
display:none;	
}
.pj-content ul li{
list-style:none;	
position:relative;
padding-left:25px;
margin-bottom:15px;
font-size:15px;	
}
.pj-content ul li:before{
content:'\f058';
position:absolute;
top:0;
left:0;
font-family:'FontAwesome';
color:#123456;
}
.pj-content ul li:nth-last-child(1){
margin-bottom:0;	
}

/*-- Enqiury-form --*/
.sidebar-col-4{
padding-left:15px;	
}
.sticky-fix{
position:sticky;
top:160px;	
}
.enquiry-form{
padding:25px 30px 30px;
box-shadow:1px 5px 10px 0 rgba(0,0,0,.17);
background:#fff;	
border-top:2px solid #9dca37;
margin-bottom:30px;
}
.enquiry-form:hover{
box-shadow:-5.67px 9.43px 35px 0 rgba(0,0,0,.2);
}
.enquiry-form.active{
border:2px solid #9dca37;
box-shadow:-5.67px 9.43px 35px 0 rgba(0,0,0,.2);	
}
.enquiry-form-head{
margin-bottom:18px;	
}
.enquiry-form-head p{
font-family:"Roboto Slab", serif;
font-size:22px;	
color:#212121;
margin-bottom:8px;
}
.enquiry-form-head span{
line-height:1.3;
}
.form-row{
display:flex;
flex-wrap:wrap;	
}
.form-row .form-group{
margin-bottom:15px;	
}
.form-row .form-control,.form-row .btn{
border-radius:0;
box-shadow:none;
height:45px;	
outline:none;
}
.form-row .form-control{
border-color:#dadada;	
}
.form-row .form-control:focus{
border-color:#c5c5c5 !important;	
}
.form-row textarea.form-control{
height:70px;	
}
.form-row textarea.textarea-lg{
height:150px;	
}
.captcha-box{
display:flex;
align-items:center;	
}
.captcha-input{
flex:1;	
}
.form-row .btn{
padding:0 18px;	
background:#f9a11b;
color:#fff;
}
.form-row .btn i{
margin-right:5px;	
}
.form-row label.error{
margin-left:0;	
margin-bottom:0;
font-size:12px;
color:#ff1b0a;
position:relative;
}
.form-row input.error{
border:1px solid #ff786d;	
}

/*-- Amenities --*/
#types.sp-amenities ul{
display:flex;
flex-wrap:wrap;
margin-left:-5px;
margin-right:-5px;	
margin-bottom:15px;
}
#types.sp-amenities ul li{
width:20%;	
padding-left:5px;
padding-right:5px;
display:grid;
margin-bottom:10px;
border:none;
height:auto;
}
#types.sp-amenities ul li .inner-box{
padding:12px 8px;
height:100%;
border:1px solid #E0E0E0;
display:grid;
align-items:center;	
background:#fff;
}
#types.sp-amenities ul li .inner-box img{
width:48px;
height:48px;
margin:0;
display:inline-block;	
}
#types.sp-amenities ul li .inner-box .content h3{
margin-top:8px;
font-size:14px;	
}

/*-- Gallery --*/
.sp-gallery-row{
display:flex;
flex-wrap:wrap;
margin-left:-7px;
margin-right:-7px;
margin-bottom:16px;	
}
.sp-gallery-row .thumb{
padding-left:7px;
padding-right:7px;	
}
.sp-gallery-row .thumbnail{
box-shadow:0 1px 3px rgba(0,0,0,.2);
display:block;
padding:5px;
background:#fff;
margin-bottom:14px;	
border:none;
border-radius:0;
line-height:normal;
}
.sp-gallery-row .thumbnail img,#image-gallery-image{
width:100%;	
display:block;
object-fit:cover;
}
.sp-gallery-row .thumbnail img{
height:180px;		
}
.sp-gallery-row .thumbnail img.img-auto{
height:auto;	
}
#image-gallery-image{
height:400px;		
}

/*-- Floor-plans --*/
.floor-plan-box{
border:1px solid #ddd;
margin-bottom:30px;	
}
.floor-plan-nav{
border-bottom:1px solid #ddd;
padding:20px 15px 10px 15px;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
}
.floor-plan-nav li{
display:inline-block;
margin-right:10px;
margin-bottom:10px;	
}
.floor-plan-nav li:nth-last-child(1){
margin-right:0;	
}
.floor-plan-nav li a{
display:block;	
padding:0 10px 10px;
text-decoration:none;
font-size:14px;
color:#909090;
border-bottom:2px solid transparent;
}
.floor-plan-nav li.active a{
border-bottom-color:#123456;
color:#123456;	
}
.floor-plan-tab{
padding:15px 15px 5px;	
}
.floor-plan-row{
margin-left:-5px;
margin-right:-5px;
display:flex;
flex-wrap:wrap;
}
.floor-plan-row .col-md-4{
padding-left:5px;
padding-right:5px;	
}
.floor-plan-item{
margin-bottom:10px;	
}
.floor-plan-item .thumbnail{
padding:5px;
border:1px solid #ddd;
border-radius:0;
margin-bottom:10px;	
}
.floor-plan-item .thumbnail.active,.floor-plan-item .thumbnail:focus,.floor-plan-item .thumbnail:hover{
border-color:#ddd;	
}
.floor-plan-item img{
width:100%;
height:150px;
display:block;
object-fit:cover;	
}
.floor-plan-content p{
font-size:14px;	
}
.floor-plan-content p i{
color:#123456;
margin-right:5px;	
}
.floor-plan-content span.bhk{
font-size:16px;
color:#f9a11b;	
}
.floor-plan-content p.price{
font-weight:500;
font-size:16px;	
}

/*-- Pricing-table --*/
.price-list-sheet{
margin-bottom:30px;
}
.price-list-sheet h2{
color:#123456 !important;
text-align:left !important;	
margin-bottom:12px;
font-size:18px;
}
.pricing-table{
margin-bottom:25px;
}
.pricing-table table.table{
margin-bottom:0;
}
.pricing-table table.table tbody tr:nth-child(1){
background:linear-gradient(#f5f5f5,#EEEEEE);
}
.pricing-table table.table tbody tr:nth-child(1) td{
color:#212121;	
}
.pricing-table table.table tbody tr td{
border-color:#ddd;
padding:10px 15px;
color:#636363;
font-size:14px;
white-space:normal;
vertical-align:middle;
}
.pricing-table table.table tbody tr td b{
font-weight:500;
}

/*-- Brochure --*/
.brochure-frame{
position:relative;	
margin-top:20px;
margin-bottom:30px;
height:400px;
}
.brochure-frame:before,.brochure-frame figcaption{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;	
}
.brochure-frame:before{
content:'';	
background:rgba(7, 33, 58, 0.75);
}
.brochure-frame figcaption{
padding:0 !important;
display:flex;
justify-content:center;
align-items:center;	
}
.brochure-frame.active:before,.brochure-frame.active figcaption{
display:none;	
}
.brochure-frame figcaption .btn{
background:#9dca37;
color:#123456;
border-radius:2px;
padding:0 18px;
border:none;
height:50px;
line-height:50px;
font-size:16px;
font-weight:500;
}
.brochure-frame figcaption .btn i{
margin-right:5px;	
}
#slider.active{
right:0;	
}

/*-- Reviews --*/
.review-thanks{
font-family:"Roboto Slab", serif;
color:#f9a11b;
font-size:20px;	
margin-bottom:30px;
}
.review-box{
overflow-y:scroll;
max-height:270px;
padding-right:10px;
margin-bottom:30px;	
}
.review-box::-webkit-scrollbar{
width:3px;
}
.review-box::-webkit-scrollbar-track{
background:#f1f1f1;
}
.review-box::-webkit-scrollbar-thumb{
background:#888;
}
.review-box::-webkit-scrollbar-thumb:hover{
background:#555;
}
.review-list{
border:1px solid #eaeaea;
border-radius:3px;	
margin-bottom:10px;
background:#fff;
padding:15px;
}
.review-top{
display:flex;
margin-bottom:10px;	
}
.review-top img{
width:50px !important;
height:50px;
margin-right:15px;	
}
.review-top p{
font-size:13px;	
line-height:normal;
margin-bottom:2px;
}
.review-top p span{
color:#123456;	
font-family:"Roboto Slab", serif;
font-size:15px;
}
.review-top p small{
color:#9e9e9e;	
}
.review-bottom p{
font-size:13px;
line-height:1.5;	
}


/*-- Responsive --*/
@media(max-width:1199px){
.sp-service-img{
margin-top:100px;	
}
.sidebar-col-4{
padding-left:0;	
}
.enquiry-form{
padding:20px 25px 25px;	
}
.enquiry-form-head p{
font-size:18px;	
margin-bottom:6px;
}
#types.sp-amenities ul li{
width:25%;	
}
.sp-gallery-row .thumbnail img{
height:160px;	
}
}

@media(max-width:991px){	
.sp-about-content{
padding-left:0;
}
.sp-about-content h1{
margin-bottom:20px;	
}
.sp-team-head{
text-align:center;	
}
.sp-team-head img{
width:250px;
height:250px;
margin:auto;
}
.sp-team-content{
margin-bottom:30px;	
}
.sp-service-img{
margin-top:0;
margin-bottom:30px;
}
.sp-team-head figcaption{
display:inline-block;	
}
.sp-service-row{
padding-left:0;
}
.sticky-fix{
position:relative;
top:0;	
}
.pj-breadcrumb{
margin-bottom:0;	
}
.pj-breadcrumb.mt-resp-0{
margin-top:0;
text-align:left;
padding:5px 15px 10px;		
}
.pj-price{
margin-top:0;
margin-bottom:15px;	
}
#types.sp-amenities ul li{
width:25%;	
}
.sp-gallery-row .thumbnail img{
height:180px;	
}
}

@media(max-width:767px){
.sp-about-video:before,.sp-about-video:after{
width:50px;
height:50px;
}	
.sp-about-video:before{
top:-8px;
left:-8px;	
}
.sp-about-video:after{
bottom:-8px;
right:-8px;	
}
.sp-about-video:hover:before,.sp-about-video:hover:after{
width:70px;
height:70px;	
}
.sp-about-video video{
padding:6px;	
}
.sp-about-list-section{
padding-bottom:10px;	
}	
.sp-about-listing{
margin-bottom:30px;	
}
#types.sp-amenities ul li{
width:33.33333333%;	
}
.pj-header-btns{
text-align:left;
padding:0 30px;	
}
.floor-plan-item img{
height:auto;	
}
.pricing-table{
border:none;	
}
.pricing-table table.table{
border:1px solid #ddd;
}
.pricing-table table.table tbody tr td{
padding:8px 12px;	
}
}

@media(max-width:567px){
.sp-about-video video{
height:280px;	
}	
.sp-service-row{
margin-left:-6px;
margin-right:-6px;
margin-bottom:8px;
}
.sp-service-row .col-sm-4{
padding-left:6px;
padding-right:6px;
}
.sp-service-item{
padding:20px;
margin-bottom:12px;	
}
.sp-service-item:before{
top:-20px;
right:-20px;
width:60px;
height:60px;
}
.sp-service-item img{
margin-bottom:12px;	
}
.sp-service-item h3{
font-size:14px;	
}
.pj-title{
font-size:22px;
margin-bottom:15px;	
}
#types.sp-amenities ul li{
width:50%;	
}
.sp-gallery-row{
margin-left:-4px;
margin-right:-4px;	
margin-bottom:17px;
}
.sp-gallery-row .thumb{
padding-left:4px;
padding-right:4px;	
}
.sp-gallery-row .thumbnail{
padding:3px;
margin-bottom:8px;	
}
.sp-gallery-row .thumbnail img{
height:140px;	
}
#image-gallery-image{
height:230px;		
}
.sp-builder-row{
margin-left:-4px;
margin-right:-4px;	
}
.sp-builder{
padding-left:4px;
padding-right:4px;	
margin-bottom:8px;
}
.brochure-frame,.brochure-frame embed{
height:280px;	
}
}

@media(max-width:399px){
.sp-team-head img{
width:100%;
height:auto;
}
.sp-team-head figcaption{
display:block;	
}
.sp-builder-title{
font-size:12px;	
}
}
table{width:100%;}