/* Font */
@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
@import "compass/css3";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@font-face {
    font-family: ParagonMedium;
    src: url(../fonts/ParagonCleanersMedium.ttf);
}
@font-face {
    font-family: ParagonBlack;
    src: url(../fonts/ParagonCleanersBlack.ttf);
}

/* ------------------------------------
   CSS Prefix
   -----------------------
   <div> - layer
   <table> - table
   <tr> - row
   <td> -column
   <h1>~<h6> - header
   <span> - style
   <a> - link
   <ul>/<ol> - listing
   <li> - list
   <img> - img
   <p> - panel
---------------------------------------*/

@media all{
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	outline:0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight:400;
	color: #444444;
}
a {
	color: #946185;
	text-decoration:none;
	-webkit-transition: color .25s ease-out;
	-moz-transition: color .25s ease-out;
	-ms-transition: color .25s ease-out;
	transition: color .25s ease-out;
	-webkit-user-modify: read-only;
	-moz-user-modify: read-only;
}
a:hover{
	color: #000000;
	text-decoration:none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	opacity:0.75;
}

	h1{
		font-size: 31px;
		font-weight: 700;
		color: #18325b;
		margin: 0 auto 40px;
		padding-bottom: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

h4 {
    text-align: center;
    font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;
    color: #946185;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

h4.background {
    position: relative;
    z-index: 1;
    }

h4.background::before {
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 45%; left: 0; right: 0; bottom: 0;
        width: 95%;
        z-index: -1;
height:6px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#613a17+0,d4a648+35,d4a648+75,613a17+100 */
background: #613a17; /* Old browsers */
background: -moz-linear-gradient(left, #613a17 0%, #d4a648 35%, #d4a648 75%, #613a17 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #613a17 0%,#d4a648 35%,#d4a648 75%,#613a17 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #613a17 0%,#d4a648 35%,#d4a648 75%,#613a17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#613a17', endColorstr='#613a17',GradientType=1 ); /* IE6-9 */
    }

	h4.background span {
        /* to hide the lines from behind the text, you have to set the background color the same as the container */
        background:#f5f5f5;
        padding: 2px 10px;
		font-size: 31px;
		font-weight: 700;
		color: #18325b;
		letter-spacing: 1px;
    }


	h3{
		font-size: 26px;
		color: #15195d;
    	font-weight: 700;
		text-transform: uppercase;
		margin: 0 0 10px;
		padding: 0;
		border-bottom: 0px solid #57a6cc;
		display: inline-block;
	}
	h2{
		font-size: 18px;
		color: #15195d;
    	font-weight: 700;
	}
p{
    font-size: 12px;
    font-weight: 500;
    color: #2e2e2e;
    margin: 10px 0;
    padding: 0;
    line-height: 22px;
    text-align: right;
}
ul li, ol li{
    font-size: 12px;
    font-weight: 500;
    color: #2e2e2e;
    margin: 10px 0;
    padding: 0;
    line-height: 22px;
}
.remark{
	font-size:13px;
	color:#444;
	margin: 5px 0 15px;
	font-weight: 300;
}

.font-14px, .font-14px p, .font-14px li{
	font-size:14px!important;
	color:black!important;
}
hr{
	    height: 0.5px;
    background: #eee;
    margin: 15px 0;
    padding: 0;
	}

a.toggle{
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}

/*
::-webkit-scrollbar {width: 6px; height: 4px; background: white; }
::-webkit-scrollbar-thumb { background-color: #333; -webkit-border-radius: 1ex; }*/

/* Text Style*/
.white{color:white}
.red {color:#e90000!important;}
.dark-red {color:#c1292e;}
.orange {color:#f9a603!important;}
.grey {color:#666666!important;}
.light-grey {color:#aaaaaa!important}
.green {color:#18325b;}
.blue {color:#15195d!important;}
.black {color:#000000!important;}
.blackbold {color:#000000; font-weight:bold;}
.white {color:#ffffff!important;}
.gold {color:#b8a252;}
.brown{color:#f4c0b5}
.bgRed {background:#FF0000;}
.bgOrange {background:#FF6600;}
.bgGrey {background:#666666;}
.bgGreen {background:#18325b;}
.bgBlue {background:#2d95d1;}
.bgLightBlue {background:#ccdef8;}
.bgLightRed{background:#f8d3d3;}
.bgLightGrey{background:#eeeeee;}
.bgBlack {background:#000000;}
.bgWhite {background:#ffffff!important;}
.bgBlue{background:#9ac9bf!important;}
.style-greentext {display:block;color:#18325b;margin:0 0 20px;}
.grey-remark{font-size:13px;color:#9ac9bf;}
.border-black{border:1px solid black}
.lightblue{color: #15195d!important;font-weight: 700}
.mediumblue{color: #00bff3;font-weight: 700;}
.bronze{color:#82331a}
.silver{color:#808282}
.gold{color:#bd9235}
.platinum{color:#15123e}
	.purple{color:#946185;}

/* reusable classes */
.floatLeft {float:left;width:auto;}
.floatRight {float:right;width:auto;}
.right, .input-right {text-align:right!important;}
.left {text-align:left!important}
.center {text-align:center;}
.justify {text-align:justify}
.blank {border:1px solid #bbb;padding:0;margin:0;}
.subtitle {color:#000000;padding:15px 15px 0 15px;}
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#9ac9bf;}
.alert {color:#CC0000;font-size:15px;}
.spacer {line-height:1px;}
small {color:#999;font-size:60%;}
.line {border-top: 1px solid #9ac9bf;height: 1px;margin-top:6px;margin-bottom:6px;padding:0px;clear:both;}
.dotted {border-top: 1px dotted #9ac9bf;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.imgFloatLeft {float:left;padding:0 20px 20px 0;display:block;}
.imgFloatRight {float:right;padding:0 0 20px 20px;display:block;width:auto;}
.img-responsive {max-width:100%;}
.img-responsive2 {max-width:90%;margin: 0 auto;text-align: center;}
img.img-responsive{width:100%;height: auto}
select{
	font-size:14px;
	padding:5px 10px;
	background:white;
}
.bg-grey{background:#eee;}
.bg-lightgrey{background:#f7f7f7;}
.bg-orange{background: #ff5000!important;}
.bg-blue{background: #15195d}
.bg-lightblue{background: #57a6cc;}
	.bg-home{
		background: url(../img/bg-home.jpg) no-repeat;
    	background-size: cover;
    	background-position: top center;
	}
.divider {
    height: 40px;
    display: block;
}

/*general*/
.clear{clear:both;}

.clearfloat:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .clearfloat {
    height: 1%;
}
.clearfix {
    display: block;
}

.hide {
	display: none;
}

.center{
		text-align: center!important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


input, textarea {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}
[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.3s ease;
  opacity: 0;
}

input[type=checkbox], input[type=radio] {
	display:inline-block;
	width:auto;
	margin-left: 5px!important;
}

input [placeholder]{
	color:#bbbbbb;
}


label .label-red {
	color:#c75c5c!important;
	font-size:16px!important;
	font-family: 'Lato'!important;
}

table { border-collapse: collapse; border-spacing: 0; }

.background-white{background:white;}
.background-grey{background:#eeeeee;}
.background-grey2{background:#e6e6e6;}
.background-red{background:#e49392;}

ol li{
	margin-bottom:15px;
}

ul.list-tick{
   padding-left: 20px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside;
   margin-bottom:10px;
}
ul.list-tick li:before{
    content: '✔';
    margin-right: 10px;
}

	.btn-hotline{
		display: inline-block;
		padding: 10px 25px;
		line-height: 22px;
		font-weight: 400;
		font-size: 12px;
		letter-spacing: 1px;
		color: white;
		background: #57a6cc;
		border-radius: 60px;
		text-transform: uppercase;
		margin-top: 40px;
		border: none;
	}
	a:hover.btn-hotline{
		background: #eeeeee;
	}

.margin-bottom {
    margin-bottom: 35px;
}

.btn-back{
	background: #eeeeee;
    border: 2px solid #dddddd;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 18px;
    margin: 15px 0 0 0;
    display: inline-block;
}
.btn-book a span{
	background: #d97805;
    color: white;
    border: none;
    padding: 8px 20px;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
}
	.btn-demo a{
		background:#acacac;
		padding: 10px 15px;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		    width: 100%;
	}
	.btn-open a{
		background: #f9a603;
		padding: 10px 15px;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		    width: 100%;
	}
	.btn-grey{
		background:#acacac!important;
		padding: 10px 15px!important;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		width: auto!important;
		border: 0px!important;
	}
	.btn-orange{
		background: #f9a603!important;
		padding: 10px 15px!important;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		width: auto!important;
		border: 0px!important;
	}
	.btn-login2 {
		padding: 12px 15px!important;
		color: #444;
		opacity: 1.0;
		margin-top: 5px!important;
		font-weight: 700;
		background: #f9a603;
		border-radius: 0;
	}
	.btn-login {
		padding: 10px 6px!important;
		color: #444;
		border-radius: 3px;
		opacity: 1.0;
		margin-top: 5px!important;
		font-weight: 700;
	}

	.btn-login:hover, .btn-login2:hover{
		opacity: 0.9;
	}

.fa {height: auto!important;}
input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #bbbbbb;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
	    box-shadow: 0px 0px 5px #cccccc;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #da5555;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
 	box-shadow: 0px 0px 5px #cccccc;
}
	.input-white{
		background: #fff;
		border: 1px solid black;
		padding: 5px 10px;
		border-radius: 0px;
		margin-left: 5px;
	}
.form-input{
	border:1px solid #eeeeee;
	padding:6px 10px;
	display:block;
	width:100%;
	height: 32px;
	margin:0 0 10px!important;
}
.form-input2{
	padding:6px 10px;
	display:block;
	width:100%;
	height: 32px;
	margin:0 0 10px!important;
	border-radius:3px;
	border:none;
}
textarea.form-input2{height: auto;}
.form-inputCampaign{
	border:1px solid #eeeeee;
	padding:6px 10px;
	display:inline-block;
	width:50%;
	height: 32px;
	margin:0 0 10px!important;
}
.form-inputTotal{
	padding:6px 10px;
	display:inline-block;
	width:55%;
	margin:0 0 10px!important;
	color:black!important;
	font-weight: bold;
	font-size:15px!important;
}
.form-remark{
	font-size: 13px!important;
	color:#b0b0b0!important;
	font-style: italic!important;
	display: inline-block!important;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    background: white;
    border: 1px solid #dddddd;
    padding: 6px 10px;
}
.form-control-mobile {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    background: white;
    border: 1px solid #dddddd;
    padding: 6px 10px;
}
form label{
	font-size:14px;
	color:#4d4d4d;
	margin:0!important;
	padding:0;
	width:100%;
	text-align:left;
}
form span{
	display:block;
}

.top-48px{
	margin-top:48px;
	padding:40px 0;
	border-bottom: 1px solid #cccccc;
}
.layer-page{
	margin-top:48px;
	padding:40px 15px;
	min-height:700px;
}
.layer-myacpage{
	padding:25px 15px 0;
	min-height:700px;
}
.search { position: relative; }
.search .fa-search {
  position: absolute;
    top: 7px;
    right: 8px;
    font-size: 16px;
    color: #777777;
}
.btn-lyc{
	background: #18325b;
	color: white;
	font-weight:700;
	border: none;
}
.btn-register{
	color: white;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
	background: #d97805;
	border-radius: 0 0 15px 15px;
	padding: 35px 70px;
}
a:hover .btn-register{
	opacity: 0.7;
}
.inline-block{
	display:inline-block;
}

.btn a{
		display: inline-block;
		padding: 10px 25px;
		line-height: 22px;
		font-weight: 400;
		font-size: 12px;
		letter-spacing: 1px;
		color: black;
		background: #18325b;
		border-radius: 60px;
		text-transform: uppercase;
		margin-top: 40px;
	}
	.btn a:hover{
		background: #eeeeee;
	}


/* Alignment Style */
body {
	width:100%;
	height:100%;
	padding:0;
	margin:0 auto;
    overflow-x: hidden;
    display: block!important;
	background: url("../img/bg.jpg") top center no-repeat #f8f7f3;
	background-size: cover;
}
	html{
		width: 100%;
		overflow-x: hidden;
		display: block!important;
	}

	section{
		padding: 60px 0;
	}

/*Controls Section*/
	.layer-wrapper{
		max-width:1300px;
		height: 100%;
		margin:0 auto;
		padding:0;
		position: relative;
		background: url("../img/bg-one.png") right top no-repeat;
	}
.layer-container{
	max-width:1200px;
	margin:0 105px 0 0;
	padding:0 15px;
	position: relative;
}
.layer-insidepage{
	width:100%;
	min-height:400px;
	padding: 50px 15px;
}
	.layer-content{
		padding: 15px 20px;
	}


.slider-img {position:relative;}
.slider-img img, .w-100 {width:100%;}
.slider-img .caption-btm-right {position:absolute;bottom:0px;right:12px;z-index:1;color:#fff;font-size:.8em;}

/*Slider*/
.owl-carousel .item{
	width: 100%;
	height:600px;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: center center!important;
	opacity: 1;
	visibility: inherit;
}
	.owl-carousel .layer-overlap{
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.0);
		position: absolute;
	}
.owl-carousel .layer-slogan{
    position: relative;
    top: 25%;
    max-width: 1400px;
    margin: 0 auto;
	padding: 0 15px;
	text-align: center!important;
    display: block;
    left: 0;
    /*margin-right: -50%;
    transform: translate(-50%, -50%);*/
}
	.owl-carousel .layer-slogan h3{
			margin: 0;
			padding: 0;
			font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;
			font-weight: 700;
			color: #946185;
			font-size: 32px;
			text-transform: uppercase;
			line-height: 36px;
			letter-spacing: 1px;
		}
	.owl-carousel .layer-slogan h4{
		    margin: 0;
			padding: 0;
			font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;
			font-weight: 700;
			color: #666666;
			font-size: 26px;
			text-transform: uppercase;
			line-height: 30px;
		letter-spacing: 1px;
	}

		.item p{
			line-height: 18px;
			text-transform: none;
			color: white;
			font-size: 11px;
			text-align: right;
			position: absolute;
			right:10px;
			bottom:0px;
			text-shadow: 0px 0px 5px black;
		}

    .owl-carousel .layer-slogan h3 .font-mono, .font-mono {font-family: 'MonotypeCorsiva', Arial, sans-serif;}
    .owl-carousel .layer-slogan h3 .font-mono {font-size: 58px;}

		.owl-carousel .layer-slogan ul{
			margin: 20px 0;
			padding: 0;
			list-style-type: none;
		}
		.owl-carousel .layer-slogan ul li{
			margin: 5px 0;
			padding: 0;
			font-size: 16px;
			color:#333333;
			font-weight: 300;
		}
		.owl-carousel .layer-slogan ul li i{
			color: #777777;
			margin: 0 10px 0 0;
			border: 1px solid #777777;
			border-radius: 50%;
			padding: 4px;
			width: 22px;
			height: 22px!important;
			font-size: 12px;
		}
		.owl-carousel .layer-slogan ul li.white i{
			color: white;
			margin: 0 10px 0 0;
			border: 1px solid white;
			border-radius: 50%;
			padding: 4px;
			width: 22px;
			height: 22px!important;
			font-size: 12px;
		}
		.owl-carousel .layer-slogan .icon-fb{
			font-size: 30px;
			width: 58px;
			height: 58px!important;
			border-radius: 50%!important;
			background: #18325b;
			color:white;
			text-align: center;
			padding: 13px;
			margin: 0 10px 0 0;
		}
		.owl-carousel .layer-slogan .icon-email{
			font-size: 28px;
			width: 58px;
			height: 58px!important;
			border-radius: 50%!important;
			background: #8c8c8c;
			color:white;
			text-align: center;
			padding: 14px;
		}

section{
	text-align: center;
}


/* Inside Page */
	.logo-style{
		padding: 10px 0;
	}
	.logo-style h2{
		font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;
		font-size: 28px;
		color:black;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 0;
    	padding: 0;
	}
  .logo-style h3{
		font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;
		font-size: 20px;
    font-weight: 400;
		color:#946185;
		text-align: left;
		text-transform: uppercase;
		margin: 0;
    padding: 0;
	}
	.logo-style h6{
		font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;
		font-size: 13px;
		color: white;
		text-align: center;
		background: #946185;
		padding: 5px 10px 2px;
		text-transform: uppercase;
		letter-spacing: 4px;
		margin: 0;
	}
	.layer-info{
		width: 373px;
	}
  .layer-info ul li{
    font-size: 12px;
    font-weight: 500;
    color: #2e2e2e;
    margin: 0;
    padding: 0;
    line-height: 22px;
    text-align: right;
  }
.layer-info ul { list-style-type: none;padding-right: 5px; }
.layer-info ul li a { direction: ltr; unicode-bidi: embed; }
.listing-security i{
   font-size: 6px;
    vertical-align: middle;
    margin-left: 5px;
}
}

.layer-siteplan{
  width: 100%;
  height: auto;
  background: rgba(136,89,123,0.20);
  padding: 60px 30px;
}
	.layer-siteplan span{
		display: block;
		font-size: 18px;
		text-transform: uppercase;
		margin: 10px 0 15px;
	}
	.layer-siteplan ol{
		list-style-type: none;
		margin: 0;
    	padding: 0 0 0 30px;
	}
	.layer-siteplan ol li{
		font-size: 12px;
		margin: 0;
		padding: 6px 0;
		counter-increment: count-me;
	}
	.layer-siteplan li::before {
    content: counter(count-me) ". ";
    display: inline;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -2.0em;
    top: .05em;
    background: #946185;
    color: white;
    padding: 1px 3px;
    font-size: 11px;
	}
	.link-popup{
		font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;
		color:black;
		font-size:16px;
		text-transform: uppercase;
		vertical-align: middle;
		margin: 35px 0 0;
    	display: block;
	}
	.link-popup span{
		color: white;
		font-size: 16px;
		border-radius: 50%;
		background: #946185;
		width: 20px;
		height: 20px;
		display: inline-block;
		margin: 0 5px;
		text-align: center;
	}
/* Banner */

.banner-home{background:url("../img/banner-home.jpg");}
.banner-west{background: url("../img/banner-concept-weldwest.jpg")}
.banner-east{background: url("../img/banner-concept-weldeast.jpg")}
.banner-security{background: url("../img/banner-features-security.jpg")}
.banner-security img{width:auto!important;position:absolute;top:-130px;left:20px;}
.banner-recreationpark{background: url("../img/banner-features-recreationpark.jpg")}
.banner-clubhouse1{background: url("../img/banner-features-clubhouse.jpg")}
.banner-clubhouse2{background: url("../img/banner-features-clubhouse-b.jpg")}
.banner-terraces{background: url("../img/banner-development-terraces.jpg")}
.banner-semid{background: url("../img/banner-development-demiD.jpg")}


/* Location */
	.layer-location{
		width: 100%;
	}
	.layer-location .layer-left{
		padding: 60px 15px;
		text-align: center;
		min-height: 660px;
		background: #88597b;
	}
	.layer-location .layer-left img{
		text-align: center;
		margin: 0 auto;
	}
	.layer-location .layer-right{
		padding: 60px 15px;
		min-height: 660px;
		background: rgba(136,89,123,0.60);
	}
	.layer-location .layer-right h4{
		color:white;
		font-size: 16px;
		font-weight: 400;
		text-transform: uppercase;
		text-align: left;
		margin: 0 0 15px;
		padding: 0
	}
	.layer-location .layer-right P{
		color:white;
		text-align: left;

	}
	.layer-location span{
		font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;
		font-weight: 300;
		letter-spacing: 2px;
		display: block;
		color: white;
		font-size: 18px;
		text-transform: uppercase;
		margin: 10px 0 25px;
	}
/* Developer */
.layer-developer{
		padding: 60px 15px;
		min-height: 635px;
		background: rgba(136,89,123,0.30);
	}
	.layer-developer p{
		text-align: justify;
	}
/* Registration */
	.layer-registration{
		padding: 100px 30px 30px;
		min-height: 635px;
		background: rgba(136,89,123,0.30);
	}
	.layer-registration h4{
		font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;
		color: #946185;
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 5px;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		display: inline-block;
	}
	.layer-registration form{
		padding: 40px 0 0;
		margin: 0;
	}
	.layer-registration span{
		display: block;
		border-bottom: 1px solid #946185;
		padding: 20px 5px 5px;
		clear:both;
	}
	.layer-registration span label{
		color:#946185!important;
		float: left;
		display: inline-block;
		width:auto!important;
		margin-right:10px!important;
	}
	.layer-registration input, .layer-registration textarea{
		background: transparent;
		border:none;
		display: inline-block;
	}
	.layer-registration select{
		border:none;
		display: inline-block;
		background: #ba9db3;
		color:#946185;
	}
	.layer-registration ul{

	}
	.layer-registration ul li, .layer-registration ul li a{
		font-size: 12px;
	}
	.form-button{
		text-align: right;
		font-size: 12px;
		color:#946185;
	}
	.btn-submit{
		width: 100px;
		height: 80px;
    	display: inline-block;
		background: url("../img/btn-submit.png") center center no-repeat;
		vertical-align: middle;
	}
	.popup-clubhouse-left{
		margin-bottom: 0!important;
	}
	.popup-clubhouse-right{
		margin-top: 38px!important;
	}

/* Gallery */
.box-min-height {background:#dcdddf;min-height:60vh;padding:60px 20px;}
.cell-padding {padding:50px 10% 20px;}
.cell-padding-sm {padding:50px 25px;}
.gallery-cell a {margin:5px 20px;display:block;}
.gallery-cell.less a {margin:5px;}
.gallery-cell a, .gallery-cell a:hover {-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;}
.gallery-cell a:hover {transform:scale(1.01);}
.gallery-cell .gallery-img {display:block;min-height:260px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.gallery-cell.less .gallery-img {min-height:180px;}
.gallery-cell img {max-width:100%;}
.gallery-title {display:block;padding:20px 5px;min-height:60px;max-height:60px;overflow:hidden;text-align: center;font-family: 'ParagonMedium', 'Open Sans', Arial, sans-serif;color: #946185;font-size: 14px;font-weight: 300;letter-spacing: 2px;text-transform: uppercase;}

/* Footer */
footer{
	max-width: 1270px;
	padding: 0;
    margin: 35px auto;
    text-align: left;
	font-size: 10px;
	color:#2e2e2e;
}
	footer a{
		font-size: 10px;
	color:#2e2e2e;
	}

}

@media (min-width: 1921px){
	section.bg-news{
		min-height: 1600px;
	}
}

@media (min-width: 1401px){
.owl-carousel .item {
    height: 600px;
}
}

@media (max-width: 1401px){
.layer-book{
	top:160px;
}
}

@media (max-width: 1200px){
	.btn-cart a{
		padding: 17px 25px;
	}
	.owl-carousel .item{
		height:550px;
	}
}

@media (max-width: 1116px){
}

@media (max-width: 1023px){
	.owl-carousel .item{
		height:430px;
	}
	.banner-security img{width:auto!important;position:absolute;top:-90px;left:10px;background: rgba(255, 255, 255, 0.7);padding: 8px;}
}


@media (max-width: 991px){
	.layer-container {
    	width: 100%!important;
		padding: 0 5px;
		display: block;
	}
	.popup-clubhouse-right{
		margin-top: 0px!important;
	}
}

@media (max-width: 980px){
}

@media (max-width: 768px){
	.banner-security img{width:auto!important;position:absolute;top:-50px;left:0;}
	.owl-carousel .item{
		height:320px;
	}
	.layer-wrapper{
		max-width:1300px;
		height: 100%;
		margin:0 auto;
		padding:0 15px;
		position: relative;
		background: none;
		/*background: url("../img/bg-one-mobile.png") right top no-repeat;*/
	}

	section{
		padding: 40px 15px;
	}
	h1, footer h2{
		font-size: 28px;
	}
	footer .layer-mobile div{
		font-size: 17px;
	}
	.layer-homeblock i{
		margin-top: 0;
	}
	.owl-carousel .layer-slogan{
		top: 25%;
		text-align: center!important;
		width: 95%;
	}
	.owl-carousel .layer-slogan p{
		text-align: center;
		font-size: 12px;
	}
	.owl-carousel .layer-slogan h3, .owl-carousel .layer-slogan h3 span{
		font-size: 32px;
		line-height: 38px;
	}
	.owl-carousel .layer-slogan h3 .more-line-height{
		font-size: 15px;
		line-height: 20px;
	}
	.owl-carousel .layer-overlap{
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.35);
		position: absolute;
	}
	.owl-carousel .layer-slogan h3{
		font-size: 20px;
		line-height: 20px;
		margin-top: 20px;
	}
	.owl-carousel .layer-slogan h4{
		font-size: 10px;
    	line-height: 12px;
	}
	.img-responsive2 {max-width:100%;margin: 0 auto;text-align: center;}
	.layer-content .floatLeft, .layer-content .floatRight, .layer-content p, .layer-content{
		text-align: center;
		float: none;
	}
	.layer-content{
		padding:10px 0;
	}
	.layer-info{
		width: 100%;
	}
  .logo-style h3{
		text-align: center;
	}
	.form-button{
		text-align: center;
	}
	.layer-location .layer-left{
		padding: 40px 15px;
		text-align: center;
		min-height: auto;
	}
	.layer-location .layer-right{
		padding: 40px 15px;
		min-height: auto;
	}
	.layer-registration{
		padding: 60px 15px 30px;
		min-height: auto;
		background: #ccb6c2;
	}

	/* Hide
	.banner-home{background:url("../img/mobile/banner-home.jpg");}
	.banner-west{background: url("../img/mobile/banner-concept-weldwest.jpg")}
	.banner-east{background: url("../img/mobile/banner-concept-weldeast.jpg")}
	.banner-security{background: url("../img/mobile/banner-features-security.jpg")}
	.banner-security img{width:auto!important;position:absolute;top:-85px;left:15px;}
	.banner-recreationpark{background: url("../img/mobile/banner-features-recreationpark.jpg")}
	.banner-clubhouse1{background: url("../img/mobile/banner-features-clubhouse.jpg")}
	.banner-clubhouse2{background: url("../img/mobile/banner-features-clubhouse-b.jpg")}
	.banner-terraces{background: url("../img/mobile/banner-development-terraces.jpg")}
	.banner-semid{background: url("../img/mobile/banner-development-demiD.jpg")}
	*/
}

@media (min-width: 767px){
	.services-row2{
		margin-top: 35px;
	}

}

@media (max-width: 767px){
	.btn-demo a{
		background:#acacac;
		padding: 6px 8px;
		font-size: 10.5px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		width: 100%;
		margin-bottom: 3px;
	}
	.btn-open a{
		background: #f9a603;
		padding: 6px 8px;
		font-size: 10.5px;
		font-weight: 700;
		text-transform: uppercase;
		color:#15195d;
		display: inline-block;
		text-align: center;
		width: 100%;
		margin-bottom: 3px;
	}

}

@media (max-width: 640px){
	.owl-carousel .item{
		height:240px;
	}
}

@media (max-width: 480px){
	.owl-carousel .item {
		width: 100%;
		height: 220px;
	}
	.banner-security img{position:absolute;top:-25px;left:0;width:110px!important;height: auto;}
	.owl-carousel .layer-slogan {
		top: 14%;
		}
	.owl-carousel .slogan-lower{
		top:25%;
	}

	.item p{font-size:9px;}
}
@media (max-width: 360px){
	.owl-carousel .owl-item img{
		width: 80px!important;
		height: auto;
	}
	.owl-carousel .item{
		height:190px;
	}
}