@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700,900);

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: none
}

/*Reset*/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Roboto', sans-serif;
	outline: none
}

/*Misc*/
.hidden {
	display: none
}

.no-overflow {
	overflow: hidden
}

.left {
	float: left
}

.right {
	float: right
}

.clear {
	clear: both
}

.block {
	display: block
}

.inline {
	display: inline-block
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.ucase {
	text-transform: uppercase
}

.tcase {
	text-transform: capitalize
}

.calign {
	text-align: center
}

.ralign {
	text-align: right
}

.malign {
	vertical-align: middle
}

.lspace {
	letter-spacing: 2px
}

.justify {
	text-align: justify
}

.box {
	box-sizing: border-box
}

.container {
	padding: 0 5em
}

.container-fluid {
	width: 100%
}

.featured-content {
	padding: 25px
}

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

.scrollup {
	height: 20px;
	width: 20px;
	font-size: 20px;
	line-height: 24px;
	padding: 10px;
	border-radius: 20px 20px 0 0;
	position: fixed;
	z-index: 101;
	bottom: 50px;
	left: 48%;
	display: none
}

.relpar {
	height: 0;
	width: 100%
}

.switch {
	display: table
}

.switch2 {
	display: none
}

.myBtn {
	cursor: pointer
}

.update img {
	padding: 5px;
	background: #fff
}

/*bg-colors*/
.bg-blue {
	background: #34495e
}

.bg-white {
	background: #fff
}

.bg-gray {
	background: #f1f1f2
}

.bg-green {
	background: #5caf4c
}

.bg-red {
	background: #d5265c
}

/*text colors*/
.white {
	color: #fff
}

.black {
	color: #444
}

.green {
	color: #5caf4c
}

.yellow {
	color: #f29620
}

.dblue {
	color: #5e6d77
}

.blue {
	color: #34495e
}

.lblue {
	color: #2aacff
}

/*text*/
h1,
h2,
h3,
h4 {
	font-size: 24px;
	font-weight: 900;
	margin: 10px 0
}

p {
	font-size: 14px;
	margin: 10px 0;
	line-height: 24px
}

.big {
	font-size: 18px;
	line-height: 166%
}

.small {
	font-size: 11px
}

.innerPage header {
	height: 40px;
}

/*header*/
.top-header {
	padding: 5px 5em;
	background: #030f26;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10
}

.logo-main {
	height: auto;
	width: 175px;
	position: absolute;
	left: 25px;
	top: 50px
}

.top-header nav ul li {
	display: inline-block;
	font-size: .70em;
	line-height: 32px;
	font-weight: normal;
	background: none;
	transition: all 400ms
}

.top-header nav ul li a {
	display: block;
	padding: 0 7px;
	color: #fff
}

.top-header .anchor-link {
	font-size: 18px;
	line-height: 32px
}

#menu-toggle {
	display: none;
}

.callnow {
	position: fixed;
	right: 0;
	top: 42px;
	z-index: 9;
	padding: 5px;
	font-size: 18px;
	line-height: 1;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	transition: all 0.3s
}

.callnow span {}

/*gallery*/
.gallery {
	min-height: 650px;
	height: 100vh;
	width: 100%;
	background: url(images/banner-2.jpg) center top no-repeat;
	background-size: 100%;
	background-attachment: fixed
}

.gallery .main-picture {
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: all 500ms
}

/*cta projects*/
.cta {
	height: 200px;
	position: absolute;
	bottom: 0;
	left: 7em;
	right: 7em;
	background: rgba(0, 0, 0, 0.8)
}

.cta .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 30px 100px
}

.cta .cover .boxes {
	margin-right: 50px;
	float: left
}

.cta .title,
.cta .cover .price {
	font-size: 3em;
	margin: 0;
	padding: 0;
	font-weight: 900;
	line-height: 100%
}

.cta .price sup {
	padding: 0;
	margin-right: 5px;
	line-height: 100%;
	font-size: .5em
}

.cta .price sub {
	font-size: .3em;
	position: relative;
	line-height: 100%
}

.cta .cover .plogo {
	width: 90px;
	height: auto;
	position: absolute;
	left: -45px;
	top: 55px
}

.cta .cover .address {
	padding: 10px 0 0
}

.cta-info .info {
	margin-right: 25px
}

.cta-info .info i {
	font-size: 1.5em;
	margin-right: 5px
}

.cta .btn {
	position: absolute;
	right: 70px;
	top: 25px
}

/*blockquote*/
blockquote {
	display: block;
	margin: 10px auto;
	width: 75%;
	padding: 25px 20px 25px 30px;
	position: relative;
	font-size: 16px;
	line-height: 1.2;
}

blockquote::before {
	content: "\201C";
	font: 60px sans-serif;
	position: absolute;
	left: 0;
	top: 15px
}

blockquote::after {
	content: ""
}

/*projects*/
.hot-projects {
	padding: 5em 7em
}

.hot-projects .projects {
	width: 30%;
	margin: 5% 3% 0 0
}

.hot-projects .projects .property-image {
	width: 100%;
	height: 250px;
	overflow: hidden
}

.hot-projects .projects .property-image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transition: all 500ms;
	transform: translate(-50%, -50%);
	height: 100%;
	width: auto
}

.hot-projects .projects:hover .property-image img {
	height: 125%
}

.hot-projects .projects .project-info {
	display: block;
	border: 1px solid #ccc;
	border-top: none
}

.hot-projects .projects .project-info .title {
	margin: 0;
	padding: 15px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	position: absolute;
	top: -46px;
	left: -1px;
	right: -1px;
	background: rgba(0, 0, 0, 0.7);
	transition: all 0.5s
}

.hot-projects .projects .project-info .info {
	margin: 0;
	padding: 15px;
	padding-right: 0;
	font-size: 13px;
	border-top: 1px solid #eee
}

.hot-projects .projects .project-info .info i {
	font-size: 1.5em;
	margin-right: 5px
}

.hot-projects .projects .price-info {
	padding: 10px;
	height: 44px;
	position: absolute;
	top: -20px;
	left: 0;
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	border-radius: 0 22px 22px 0
}

.hot-projects .projects .price-info i {
	font-size: 2.1em;
	line-height: 1;
	margin-right: 5px;
	vertical-align: top
}

/*about us*/
.about {
	padding: 5em
}

/*cerise suites*/
.banners {
	width: 100%;
	margin: 15px auto
}

.banners img {
	width: 100%;
	height: auto
}

.info {
	margin: 15px 0;
	list-style: none;
}

.info li {
	width: 155px;
	height: 50px;
	list-style: none;
	padding: 10px;
	background: #f1f1f2;
	border-radius: 35px;
	margin-right: 20px
}

.info li i {
	height: 50px;
	width: 50px;
	background: url(images/highlights.png) no-repeat;
	background-position: 0 0
}

.info li i.lift {
	background-position: -50px 0
}

.info li i.terrace {
	background-position: -100px 0
}

.info li i.gated {
	background-position: -150px 0
}

.info li i.power {
	background-position: -200px 0
}

.info li i.luxury {
	background-position: -250px 0
}

.info li span {
	font-size: 12px;
	line-height: 1.5;
	vertical-align: top;
	padding: 5px 0 0 10px
}

.highlight {
	background: url(images/banner-2.jpg) no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100vh;
	background-size: 100% 100%;
}

.highlight .highlight-text {
	width: 650px;
	height: auto;
	padding: 25px;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 15vh;
	right: 100px;
}

.price-list {
	background: url(images/pricelist-bg.jpg) no-repeat;
	background-attachment: fixed;
	height: auto;
	padding: 5em
}

table {
	font-size: 12px;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate
}

table td,
.plan .plan-info table th {
	padding: 10px 0;
	text-align: left;
	border-bottom: 1px solid #ddd
}

table.pricelist {
	background: rgba(0, 0, 0, .7);
	margin: 15px 0;
	padding: 15px
}

table.pricelist td,
table.pricelist th {
	border-bottom: 1px solid rgba(255, 255, 255, .5)
}

table.pricelist tr:last-child td {
	border: 0
}

/*floorplan*/
.accordion,
.accordion * {
	box-sizing: border-box;
	-webkit-transition: 0s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: 0s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.accordion {
	overflow: hidden;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25)
}

.accordion-section-title {
	width: 100%;
	padding: 10px 14px;
	display: inline-block;
	background: #5caf4c;
	-webkit-transition: all linear 0.15s;
	transition: all linear 0.15s;
	font-size: 24px;
	color: #fff;
	border-bottom: 2px solid #fff
}

.accordion-section-title span {
	display: block;
	font-size: 15px;
	margin: 6px 0 0 0;
	color: #ddd
}

.accordion-section-title.active,
.accordion-section-title:hover {
	background: #6aca58;
	border-bottom: 2px solid #fff
}

.accordion-section-content {
	padding: 15px;
	display: none;
	background: #fff;
	width: 100%;
	float: left;
}

/*tabbed panels search*/
.TabbedPanels {
	width: 100%;
	margin: 25px 0
}

.TabbedPanels .TabbedPanelsTabGroup {
	height: 60px;
	text-align: center
}

.TabbedPanels .TabbedPanelsTab {
	padding: 0 15px;
	font-weight: 900;
	display: inline-block;
	color: #fff;
	font-size: 1em;
	line-height: 60px;
	list-style: none;
	cursor: pointer
}

.TabbedPanels .TabbedPanelsTabSelected {
	background: #f8f8f8;
	color: #444;
	border-top: 5px solid #5caf4c;
	top: -5px
}

.TabbedPanels .TabbedPanelsContentGroup {
	padding: 15px;
	background: #f8f8f8
}

.TabbedPanels .TabbedPanelsContent {
	clear: both
}

.plan {
	width: 100%;
	padding: 10px;
	background: rgba(255, 255, 255, 0.2);
	-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 380ms;
	transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 380ms;
}

.plan .plan-info {
	padding: 25px
}

.plan .plan-info table {
	font-size: 12px;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate
}

.plan .plan-info table td,
.plan .plan-info table th {
	padding: 10px 0;
	text-align: left;
	border-bottom: 1px solid #ddd
}

.plan .floorplans img {
	max-height: 400px;
	max-width: 100%
}

/*services*/
.services {
	background: url(../assets/images/banner-3.jpg) no-repeat;
	background-attachment: fixed;
	padding: 5em
}

.services .our-services {
	padding: 15px;
	margin: 15px 0
}

.services .our-services .services-info {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, .3);
	margin: 10px auto;
	transition: all 0.5s
}

.services .our-services:hover .services-info {
	background: #2aacff;
	border-color: #2aacff
}

.services .our-services .services-info i {
	font-size: 40px;
	line-height: 100px;
	color: rgba(255, 255, 255, .8)
}

.services .our-services .title {
	font-size: 24px;
	display: block;
	line-height: 36px;
	font-weight: 300
}

/*builders*/
.builders {
	padding: 5em
}

.builders img {
	width: 73px;
	height: 70px;
	margin: auto
}

/*video*/
.video {
	padding: 5em 10em
}

.video video {
	width: 100%;
	height: auto
}

#map {
	width: 100%;
	height: 640px;
	background: #fff
}

/*magnifier lence*/
.wrap {
	width: 100%;
	position: relative
}

.magnifierRentgen {
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	width: 100%
}

.magnifierRentgen .magnifier-loupe {
	overflow: hidden;
	position: absolute;
	border-radius: 10em;
	top: 0;
	left: 0;
	box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 8px;
	cursor: none;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	display: none
}

footer {
	padding: 2em 5em
}

/*-----------form----------*/
.modal {
	width: 250px;
	padding: 20px;
	bottom: 0;
	right: 10px;
	position: fixed;
	display: block;
	z-index: 4;
	background: rgba(0, 0, 0, .9);
	box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.close {
	font-size: 22px;
	line-height: 22px;
	padding: 5px;
	top: 10px;
	right: 10px;
	position: absolute;
	cursor: pointer;
	border-radius: 15px;
	display: block
}

input,
textarea {
	box-sizing: border-box
}

.popup-input {
	background: #fff;
	border-radius: 3px;
	border: 0;
	padding: 5px;
	line-height: 30px;
	height: 30px;
	width: 100%;
	margin: 5px 0;
	color: #444;
	font-size: .8em
}

.popup-field {
	background: #fff;
	font-family: 'poppins';
	border-radius: 3px;
	border: 0;
	padding: 5px;
	line-height: 15px;
	height: 40px;
	width: 100%;
	max-width: 100%;
	max-height: 40px;
	margin: 5px 0;
	color: #444;
	font-size: .8em
}

.popup-input-half {
	background: #fff;
	border-radius: 3px;
	border: 0;
	padding: 5px;
	line-height: 30px;
	height: 30px;
	width: 47.5%;
	margin: 5px 0;
	color: #444;
	font-size: .8em
}

.label {
	font-size: .8em;
	color: #fff;
	margin: 5px 0;
	display: block
}

.popup-input::-webkit-input-placeholder {
	color: #444
}

.popup-input:-moz-placeholder {
	color: #444
}

.popup-input::-moz-placeholder {
	color: #444
}

.popup-input:-ms-input-placeholder {
	color: #444
}

.open-form {
	display: none;
	position: fixed;
	z-index: 10;
	bottom: 20px;
	right: 20px;
	font-size: 14px;
	padding: 10px
}

.animate {
	animation: bg 1.5s infinite
}

@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);
	}
}

.btn {
	width: 100%;
	font-size: 15px;
	line-height: 30px;
	cursor: pointer;
	margin: 10px auto;
	font-weight: 700;
	text-align: center;
	transition: all 0.5s ease
}

.btn.btn-transparent {
	background: transparent;
	border: 2px solid
}

.btn.btn-transparent.white {
	border-color: #000;
	color: #000;
	padding: 10px 15px
}

.btn.btn-transparent.white:hover {
	background-color: #000;
	border-color: #000;
	color: #fff
}

.btn.btn-transparent.green {
	border-color: #4db848;
	border-radius: 3px;
	color: #fff;
	background: #4db848
}

.btn.btn-transparent.blue {
	border-color: #0c78adb;
	color: #fff;
	background: #0c78ad
}

/*content*/
.content {
	padding: 5vh 0
}

.col-75 {
	width: 75%
}

.col-65 {
	width: 65%
}

.col-60 {
	width: 60%
}

.col-50 {
	width: 50%
}

.col-40 {
	width: 40%
}

.col-35 {
	width: 35%
}

.col-25 {
	width: 25%
}

.col-20 {
	width: 20%
}

.row-80 {
	height: 80vh
}

.row-60 {
	height: 60vh
}

.row-50 {
	height: 50vh
}

.row-20 {
	height: 20vh
}

.row-10 {
	height: 10vh
}

.row-0 {
	height: 0vh
}

/*list*/
dl {
	counter-reset: my-badass-counter
}

dl dt {
	position: relative;
	text-align: left
}

dl dt:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	top: 0;
	font: bold 14px sans-serif
}

dl dt,
dl dd {
	padding-left: 20px;
	font-size: 14px;
	margin: 10px 0
}

.list {
	display: block;
	list-style: none;
	margin: 25px 0
}

.list li {
	display: block;
	font-size: 14px;
	margin: 10px 0
}

.list li span {
	margin: 0 10px;
	display: inline
}

/*grid*/
.academies {
	width: 22%;
	height: 250px;
	margin: 1.5% 3% 1.5% 0;
	overflow: hidden
}

.academies img {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 500ms
}

.academies:hover img {
	width: 125%
}

.academies .caption {
	position: absolute;
	bottom: 25px;
	left: 0;
	padding: 10px;
	font-size: 16px;
	color: #fff;
	background: #faa71a
}

.academies2 {
	width: 47%
}

.amenities i {
	font-size: 3em;
	line-height: 70px
}

.amenities p {
	font-size: .7em;
	padding-bottom: 15px
}

.image-gallery {
	padding: 5em 0 0
}

.grid,
.grid2 {
	width: 33.33%;
	height: 200px;
	overflow: hidden
}

.grid2 {
	height: 200px
}

.grid img,
.grid2 img {
	position: absolute;
	width: 127%;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 500ms
}

.grid a,
.grid2 a {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.0);
	background-image: url(../assets/images/zoom-in.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 0 0;
	transition: all 0.3s;
}

.grid:hover a,
.grid2:hover a {
	background-color: rgba(0, 186, 75, 0.6);
	background-size: 32px 32px
}

.grid:hover img,
.grid2:hover img {
	width: 140%;
	height: auto
}

/*tooltip*/
.tooltip {
	position: relative;
	display: none
}

.tooltip .tooltiphover {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 10px;
	position: absolute;
	z-index: 6;
	top: 100%;
	left: -40px;
	border-radius: 5px;
	font-size: 12px !important
}

.tooltip .tooltiphover::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent
}

.tooltip:hover .tooltiphover {
	visibility: visible
}

/*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;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1))
}

.next {
	position: absolute;
	left: 0;
	cursor: pointer;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))
}

.next,
.prev {
	font-size: 22px;
	line-height: 1;
	top: 0;
	bottom: 0;
	border: 0;
	z-index: 1;
	color: #fff;
	padding: 0 25px
}

.slick-dots {
	position: absolute;
	bottom: 25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%
}

.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: #fff
}

/*lightbox*/
.chocolat-zoomable.chocolat-zoomed {
	cursor: zoom-out;
}

.chocolat-open {
	overflow: hidden;
}

.chocolat-overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	background: rgba(0, 0, 0, 1);
	display: none
}

.chocolat-wrapper {
	height: 100%;
	width: 100%;
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	z-index: 16;
	color: #fff;
}

.chocolat-zoomable .chocolat-img {
	cursor: zoom-in;
}

.chocolat-loader {
	height: 32px;
	width: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
	z-index: 11;
	background: url(../assets/images/load.gif);
	display: none;
}

.chocolat-content {
	position: fixed;
	width: 0px;
	height: 0px;
	left: 50%;
	top: 50%;
	z-index: 14;
	text-align: left;
}

.chocolat-content .chocolat-img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.chocolat-wrapper .chocolat-left {
	position: absolute;
	left: 0;
	width: 50px;
	height: 100px;
	top: 50%;
	margin-top: -50px;
	cursor: pointer;
	background: url(../assets/images/left.png) 50% 50% no-repeat;
	z-index: 17;
	display: none;
}

.chocolat-wrapper .chocolat-right {
	position: absolute;
	right: 0;
	width: 50px;
	height: 100px;
	top: 50%;
	margin-top: -50px;
	cursor: pointer;
	background: url(../assets/images/right.png) 50% 50% no-repeat;
	z-index: 17;
	display: none;
}

.chocolat-wrapper .chocolat-right.active {
	display: block;
}

.chocolat-wrapper .chocolat-left.active {
	display: block;
}

.chocolat-wrapper .chocolat-top {
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	z-index: 17;
	margin-bottom: 10px;
}

.chocolat-wrapper .chocolat-close {
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../assets/images/close.png) 50% 50% no-repeat;
}

.chocolat-wrapper .chocolat-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 40px;
	height: 40px;
	font-size: 12px;
	z-index: 17;
	padding-left: 15px;
	padding-right: 15px;
	background: rgba(255, 255, 255, .2);
	text-align: right;
	margin-top: 10px;
}

.chocolat-wrapper .chocolat-set-title {
	display: inline-block;
	padding-right: 15px;
	line-height: 1;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.chocolat-wrapper .chocolat-pagination {
	float: right;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 15px;
}

.chocolat-wrapper .chocolat-fullscreen {
	width: 16px;
	height: 40px;
	background: url(../assets/images/fullscreen.png) 50% 50% no-repeat;
	display: block;
	margin: auto;
	cursor: pointer;
	float: right;
	position: absolute;
	top: 0;
	left: 50%;
}

.chocolat-wrapper .chocolat-description {
	display: inline-block;
	float: left;
}

body.chocolat-open>.chocolat-overlay {
	z-index: 15;
}

body.chocolat-open>.chocolat-loader {
	z-index: 15;
}

body.chocolat-open>.chocolat-content {
	z-index: 17;
}

.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay {
	position: absolute;
}

.chocolat-in-container {
	position: relative;
}

.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
	transition: opacity .3s ease, visibility 0s .3s;
	opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
	visibility: hidden;
	opacity: 0;
}

@media screen and (min-width: 240px) and (max-width: 1024px) {
	.callnow {
		top: 100px;
	}

	.innerPage header {
		top: 56px !important;
	}

	.innerPage {
		padding-top: 80px !important;
	}

	.gallery {
		height: 300px
	}

	.container {
		width: 100%;
		margin: auto;
		padding: 0
	}

	.container-fluid {
		width: 100%
	}

	.logo-main {
		width: 125px;
		height: auto;
		text-align: center
	}

	.top-header {
		padding: 5px 5%
	}

	.top-header nav {
		width: 100%;
		text-align: center
	}

	.top-header ul {
		display: none
	}

	#menu-toggle {
		display: block
	}

	.top-header ul.open {
		display: block;
		background: #5caf4c;
		position: absolute;
		right: 0;
		top: 100%;
		width: 150px;
		line-height: 1;
		padding: 10px;
		z-index: 3
	}

	.top-header ul.open li {
		display: block;
		list-style: none;
		text-align: left;
		border: 0
	}

	.top-header ul.open li a {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		padding: 0;
		text-transform: uppercase
	}

	.switch,
	.view-projects {
		display: none
	}

	.cta {
		display: none
	}

	#map {
		height: 250px
	}

	.switch2 {
		display: table
	}

	.hot-projects,
	.services,
	.about,
	.builders,
	.contact,
	.video,
	.price-list {
		padding: 2%;
		box-sizing: border-box
	}

	.hot-projects .title,
	.services .our-services .title,
	.about .title,
	.builders .title,
	.contact .title,
	.title,
	h2,
	h3,
	h4 {
		font-size: 16px;
		line-height: 20px
	}

	.services .our-services {
		margin: 0
	}

	.services .our-services p {
		display: none
	}

	.hot-projects .projects {
		margin: 10% 0 0 0;
		width: 100%
	}

	.hot-projects .projects .project-info .title {
		font-size: 14px
	}

	.hot-projects .projects .property-image img {
		width: 100%
	}

	.grid,
	.grid2 {
		width: 50%;
		height: 150px;
		overflow: hidden
	}

	.grid img,
	.grid2 img {
		height: 125%;
		width: auto
	}

	.academies {
		width: 45%;
		height: 150px;
		margin: 2.5% 5% 2.5% 0;
		overflow: hidden
	}

	.academies2 {
		display: none
	}

	.image-gallery {
		padding: 5% 0 0 0
	}

	.contact .contact-info,
	.contact .contact-form {
		height: auto;
		padding: 10%
	}

	.col-75,
	.col-65,
	.col-60,
	.col-50,
	.col-40 {
		width: 100%
	}

	.col-35,
	.col-25,
	.col-20 {
		width: 50%
	}

	.modal-content {
		width: 300px;
		height: 300px
	}

	.contact-mail {
		display: none
	}

	.mailbox {
		width: 300px;
		padding: 15px;
		height: 300px;
		background: #fff
	}

	.popup-content,
	.modal-content {
		width: 90%;
		padding: 20px;
		height: auto
	}

	.popup-info {
		display: none
	}

	.popup-form {
		padding: 0
	}

	.list li {
		font-size: 11px
	}

	.highlight .highlight-text {
		width: 100%;
		padding: 10px;
		background: rgba(0, 0, 0, 0.8);
		position: static
	}

	.info li {
		width: 46%;
		margin: 0 2% 2% 0;
		padding: 1%;
		border-radius: 30px
	}

	.TabbedPanels {
		margin: 15px 0
	}

	.TabbedPanels .TabbedPanelsTabGroup {
		height: auto;
		overflow: hidden
	}

	.TabbedPanels .TabbedPanelsTab {
		font-size: .7em;
		width: 100%;
		line-height: 30px
	}

	.TabbedPanels .TabbedPanelsTabSelected {
		border-top: 0;
		top: 0
	}

	.TabbedPanels .TabbedPanelsContentGroup {
		padding: 10px
	}

	.plan .plan-info {
		padding: 10px
	}

	.plan .floorplans img {
		max-height: 300px;
		margin: 15px auto
	}

	.wrap {
		height: auto
	}

	table.pricelist {
		padding: 5px
	}

	table td,
	.plan .plan-info table th {
		padding: 5px 0
	}

	td,
	p,
	li,
	dt,
	dd {
		font-size: 11px;
		line-height: 1.4
	}

	.modal {
		left: 50%;
		transform: translateX(-50%)
	}

	.close {
		display: block
	}
}

/*scroll div*/
.scrolldiv {
	overflow-x: hidden;
	overflow-y: scroll;
}

.scrolldiv::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}

.scrolldiv::-webkit-scrollbar-button {
	width: 2px;
	height: 2px;
}

.scrolldiv::-webkit-scrollbar-thumb {
	background: #09aae0;
	border-radius: 50px;
}

.scrolldiv::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0);
	border: #ffffff none 0;
}

.scrolldiv::-webkit-scrollbar-corner {
	background: transparent;
}

.scrolldiv::-moz-scrollbar {
	width: 2px;
	height: 2px;
}

.scrolldiv::-moz-scrollbar-button {
	width: 2px;
	height: 2px;
}

.scrolldiv::-moz-scrollbar-thumb {
	background: #09aae0;
	border: #ffffff none 0;
	border-radius: 50px;
}

.scrolldiv::-moz-scrollbar-track {
	background: rgba(255, 255, 255, 0);
	border: #ffffff none 0;
	border-radius: 50px;
}

.scrolldiv::-moz-scrollbar-corner {
	background: transparent;
}

@font-face {
	font-family: 'icomoon';
	src: url('../assets/fonts/icomoon.eot?pe4z7x');
	src: url('../assets/fonts/icomoon.eot?pe4z7x#iefix') format('embedded-opentype'),
		url('../assets/fonts/icomoon.ttf?pe4z7x') format('truetype'),
		url('../assets/fonts/icomoon.woff?pe4z7x') format('woff'),
		url('../assets/fonts/icomoon.svg?pe4z7x#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-quotes:before {
	content: "\e913";
}

.icon-menu:before {
	content: "\e900";
}

.icon-home:before {
	content: "\e901";
}

.icon-contact:before {
	content: "\e902";
}

.icon-about:before {
	content: "\e903";
}

.icon-call:before {
	content: "\e904";
}

.icon-bath:before {
	content: "\e905";
}

.icon-bed:before {
	content: "\e906";
}

.icon-rupee:before {
	content: "\e907";
}

.icon-rupee-bold:before {
	content: "\e908";
}

.icon-legal:before {
	content: "\e909";
}

.icon-loan:before {
	content: "\e90a";
}

.icon-booking:before {
	content: "\e90b";
}

.icon-visit:before {
	content: "\e90c";
}

.icon-property:before {
	content: "\e90d";
}

.icon-www:before {
	content: "\e90e";
}

.icon-up:before {
	content: "\e90f";
}

.icon-car:before {
	content: "\e910";
}

.icon-next:before {
	content: "\e911";
}

.icon-back:before {
	content: "\e912";
}

.icon-water:before {
	content: "\e913";
}

.icon-greens:before {
	content: "\e914";
}

.icon-cafe:before {
	content: "\e915";
}

.icon-gym:before {
	content: "\e916";
}

.icon-pool:before {
	content: "\e917";
}

.icon-kids:before {
	content: "\e918";
}

.icon-shopping:before {
	content: "\e919";
}

.icon-yoga:before {
	content: "\e91a";
}

.icon-golf:before {
	content: "\e91b";
}

.icon-club:before {
	content: "\e91c";
}

.icon-power:before {
	content: "\e91d";
}

.icon-sports:before {
	content: "\e91e";
}

.icon-size:before {
	content: "\e91f";
}

.icon-plan:before {
	content: "\e920";
}

a[href^="http://maps.google.com/maps"] {
	display: none !important
}

a[href^="https://maps.google.com/maps"] {
	display: none !important
}

.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
	display: none;
}

.gmnoprint div {
	background: none !important;
}

.list-group-item {

	background-color: transparent !important;

}

.highlight .highlight-text {
    width: 75%;
    overflow-y: scroll;
    padding: 25px;
    background: rgb(0 0 0 / 50%);
    position: absolute;
    top: 15vh;
    bottom: 15vh;
    left: 50%;
    transform: translate(-50%);
}

.title-heading {
	font-size: 30px !important;
	text-align: center;

}

@media screen and (max-width: 1024px) and (min-width: 240px) {

	.dtop,
	.about {
		display: block !important;
	}
}
@media (max-width:768px){
	.gallery {
		min-height: 281px;
	}
	.highlight .highlight-text {
		width: 100%;
		height: 600px;
		overflow-y: scroll;
		padding: 25px;
		background: rgba(0, 0, 0, 0.8);
		position: absolute;
		top: 5vh;
		right: 0;
	}
	.title-heading {
		font-size: 19px !important;
		text-align: center;
	}
}

.footerMain .white {
    color: #888 !important;
    text-align: center;
    margin-top: 10px;
}



.myfooter .footerMain {
	background: #34495e;
	text-emphasis-color: #fff;
}


.myfooter .footerMain ul li a , .myfooter .footerMain p {
	color: #fff !important;
}