@font-face {
	font-family: 'sinkin_sans500_medium';
	src: url('fonts/SinkinSans-500Medium-webfont.eot');
	src: url('fonts/SinkinSans-500Medium-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/SinkinSans-500Medium-webfont.woff') format('woff'),  url('fonts/SinkinSans-500Medium-webfont.ttf') format('truetype'),  url('fonts/SinkinSans-500Medium-webfont.svg#sinkin_sans500_medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'sinkin_sans700_bold';
	src: url('fonts/SinkinSans-700Bold-webfont.eot');
	src: url('fonts/SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/SinkinSans-700Bold-webfont.woff') format('woff'),  url('fonts/SinkinSans-700Bold-webfont.ttf') format('truetype'),  url('fonts/SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'sinkin_sans200_x_light';
	src: url('fonts/SinkinSans-200XLight-webfont.eot');
	src: url('fonts/SinkinSans-200XLight-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/SinkinSans-200XLight-webfont.woff') format('woff'),  url('fonts/SinkinSans-200XLight-webfont.ttf') format('truetype'),  url('fonts/SinkinSans-200XLight-webfont.svg#sinkin_sans200_x_light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'sinkin_sans300_light';
	src: url('fonts/SinkinSans-300Light-webfont.eot');
	src: url('fonts/SinkinSans-300Light-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/SinkinSans-300Light-webfont.woff') format('woff'),  url('fonts/SinkinSans-300Light-webfont.ttf') format('truetype'),  url('fonts/SinkinSans-300Light-webfont.svg#sinkin_sans300_light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Simple-Joys';
	src: url('fonts/simple-joys.ttf') format('truetype');
}
@font-face {
	font-family: 'Thin-Tall';
	src: url('fonts/ThinTall.ttf') format('truetype');
}
@font-face {
	font-family: 'Raleway-SemiBold';
	src: url('fonts/raleway/Raleway-SemiBold-Original.otf') format('opentype');
}
@font-face {
	font-family: 'Raleway-Bold';
	src: url('fonts/raleway/Raleway-Bold-Original.otf') format('opentype');
}
/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html, body {
	height: 100%;
}
body {
	padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.img-portfolio {
	margin-bottom: 30px;
	min-height: 285px;
	width: 100%;
}
.img-hover:hover {
	opacity: 0.8;
}
/* Home Page Carousel */

header.carousel {
	height: 85%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
/* 404 Page Styles */

.error-404 {
	font-size: 100px;
}
/* Pricing Page Styles */

.price {
	display: block;
	font-size: 50px;
	line-height: 50px;
}
.price sup {
	top: -20px;
	left: 2px;
	font-size: 20px;
}
.period {
	display: block;
	font-style: italic;
}
/* Footer Styles */

footer {
	margin: 10px 0 0;
	padding: 30px 0;
	background: #505355;
	color: #505355;
}

/* Responsive Styles */

@media(max-width:991px) {
.customer-img,  .img-related {
	margin-bottom: 30px;
}
}

@media(max-width:767px) {
.img-portfolio {
	margin-bottom: 15px;
}
header.carousel .carousel {
	height: 70%;
}
#shiva {
	width: 100%;
}
.num-right {
	width: 100%;
}
}
.projects-list {
	width: 100%;
	float: left;
	padding: 15px 0;
}
.count-prefix, .count {
	color: #1d7daa;
}
.home-h2 {
	text-align: center;
	font-size: 30px;
	color: #1d7daa;
	font-family: 'Brandon-Medium', sans-serif;
}
.abt-data {
	margin: 30px 0;
}
.abt-data p {
	font-weight: 100;
	margin-top: 20px;
}
.current-projects {
	margin: 60px 0;
}
.current-projects .odd .right {
	padding-left: 50px;
}
.current-projects .even .left {
	padding-right: 50px;
	text-align: right;
}
.current-projects h1.custom-h1 {
	margin-bottom: 50px;
}
.current-projects h2 {
	text-transform: uppercase;
	font-family: 'Raleway-SemiBold';
	line-height: 1.3;
	font-size: 20px;
}
.current-projects h2 span {
	color: #1d7daa;
	display: block;
	font-size: 17px;
}
.current-projects img.border {
	border: 1px solid #c1c1c1;
	width: auto;
}
.current-projects p {
}
.current-projects a {
	border: 1px solid #000;
	color: #000000;
	display: inline-block;
	font-family: "Raleway-Bold";
	font-size: 14px;
	margin-top: 20px;
	padding: 5px 10px;
}
.current-projects a:hover {
	color: #fff;
	background: #000;
	text-decoration:none;
}
.current-projects .content-holder {
	float: left;
	margin: 40px 0;
	width: 100%;
}
.red {
	color: #c5373b;
}
.yellow {
	color: #d9a812;
}
.green {
	color: #46a00c;
}
li {
	list-style: none;
}
.projects-list li {
	float: left;
}
.ele-palms {
	width: 100%;
	float: left;
	padding-top: 40px
}
.abt-data p {
	font-weight: 100;
}
.links a {
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	font-family: 'Brandon-Medium', sans-serif;
}
.footer-col h3 {
	color: #fff;
	font-family: 'Brandon-Medium', sans-serif;
}
.footer-col p {
	font-family: 'Brandon-Medium', sans-serif;
}
/*.mgt:before{ margin-left: 95px!important;}*/
.cnt-img {
	width: 40px;
    float: left;
    margin-right: 20px;
    text-align: center;
    height: 49px;
	margin-top: 5px;
}
.cdtl > span {
	color: #1ab4e0;
	font-size: 18px;
	font-family: 'Brandon-Medium', sans-serif;
	text-transform: uppercase;
}
.cdtl > p {
	color: #505355;
	font-size: 19px;
	font-family: 'Brandon-Medium', sans-serif;
}
.cdtl > p a {
	color: #505355;
}
.cdtl {
	border-right: 1px solid #999999;
}
.footer-col.col-md-5.text-right > p {
	color: #fff;
}
.footer-below a {
	color: #fff;
}
.footer-below {
	color: #fff;
	font-weight: 100;
	font-size: 13px;
}
.list-inline {
	list-style: outside none none;
	margin-left: -5px;
	padding-left: 0;
	margin-bottom: 10px;
}
.list-inline > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}
.btn-social {
	border: 2px solid #fff;
	border-radius: 100%;
	display: inline-block;
	font-size: 20px;
	height: 50px;
	line-height: 45px;
	text-align: center;
	width: 50px;
}
.btn-social:hover, .btn-social:focus, .btn-social:active{
	color: #fff;
}
.btn-outline {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 2px solid #fff;
	color: #fff;
	font-size: 20px;
	margin-top: 15px;
	transition: all 0.3s ease-in-out 0s;
}

.footer-below {
	text-align: center;
}
.footer-last {
	float: left;
	font-weight: 100;
	padding-bottom: 5px;
	width: 100%;
}
.footer-last img {
	margin-top: -40px;
	width: 50px;
}
.carousel-caption{
	left: 0;
    padding-bottom: 0;
    right: 0;
    top: 62%;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 60px;
	height: 120px;
}
.carousel-caption > h2 {
	color: #fff;
    float: left;
    font-family: "Raleway-SemiBold";
    font-size: 38px;
    font-weight: bold;
    line-height: 1.2;
    margin: 7px 0 0;
    text-align: center;
    text-shadow: 1px 2px 16px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    width: 100%;
}
.carousel-caption > span {
	color: #fff;
    float: left;
    font-family: "Brandon-Light";
    font-size: 17px;
    font-weight: bold;
    line-height: 1.1;
    padding-top: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.latest-projects .panel-default {
	border: 0;
	border-radius: 0 !important;
	color: #464646;
}
.panel.panel-default.animated .panel-body {
	border: 1px solid #b2b2b2;
	padding: 25px 20px;
	text-align: center;
}
.panel.panel-default.animated img {
}
.panel.panel-default.animated p {
	font-family: 'Brandon-Medium';
	text-transform: uppercase;
	margin: 20px 0;
}
.panel.panel-default.animated a {
	background: #306e93 none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	line-height: 1;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.panel.panel-default.animated a:hover, .panel.panel-default.animated a:focus, .panel.panel-default.animated a:active {
	color: #fff;
	background: #2c4f63;
}
.latest-projects .panel-default .panel-body p {
	color: #464646;
	height: auto;
}
.latest-projects .panel-default > .panel-heading {
	color: #464646;
	line-height: 1.2;
}
.latest-projects .panel a {
	color: #1ab4e0;
	padding: 0;
	font-weight: 100;
	text-decoration: underline;
}
.latest-projects .bs {
	display: inline-block;
	margin-bottom: 19px;
}
.carousel-caption > a {
	color: #333333;
	font-size: 17px;
	text-shadow: none;
	text-decoration: underline;
}
.inner-banner {
	width: 100%;
	background: url(../images/about-banner.jpg) no-repeat center top #eaa31a;
	height: 530px;
	padding-top: 220px;
}
.contact-inner-banner {
	background: url(../images/guid-banner.jpg) no-repeat center top #453321;
	background-size: cover;
}
.inner-banner-blue {
	width: 100%;
	background: url(../images/project-banner_.jpg) no-repeat center top #0a2a39;
	height: 450px;
	padding-top: 180px;
}
.estate-const-list span {
	text-align: center;
	font-size: 24px;
	line-height: 24px;
}
.estate-const-list b {
	color: #1c7da8;
	float: left;
	font-size: 50px;
	padding-top: 25px;
	font-weight: normal;
	width: 100%;
}
.estate-const li {
	text-align: center;
	border-right: 1px solid #b3b3b3;
}
.estate-const {
	float: left;
	padding: 50px 0;
	width: 100%;
}
.bdr0 {
	border: 0 none !important;
}
.manag-team {
	width: 100%;
	float: left;
}
.nav-tabs li a span {
	border: 6px solid #e6e6e6;
	border-radius: 50px;
	display: inline-block;
	font-size: 24px;
	height: 50px;
	line-height: 40px;
	width: 50px;
	color: #5b5b5b;
}
.nav-tabs .active a span {
	border-color: #eaa31a;
}
.panel-body > p {
	color: #fff;
	height: 80px;
	overflow: hidden;
}
.ele-palms a:hover img {
	opacity: 0.60;
}
.ele-palms a:hover {
	text-decoration: none;
}
.ele-palms a:hover .panel-default {
	border-color: #1ab4e0;
}
.tab-content p {
	margin-bottom: 30px;
}
.mng-ttl {
	text-align: center;
}
.mng-ttl h2 {
	color: #1d7caa;
	margin: 40px 0 20px;
	padding-bottom: 9px;
	display: inline-block;
	font-family:Brandon-Bold,sans-serif;
	font-size: 28px;
}
/*.mng-ttl h2:before {
	content: "";
	position: absolute;
	width: 8.5%;
	height: 1px;
	bottom: 10px;
	border-bottom: 3px solid #1d7caa;
	margin-left: -2px;
}*/
.inner-banner {
	text-align: center;
}
.inner-banner span {
	color: #fff;
	font-size: 65px;
	font-weight: 300;
	line-height: 100%;
	font-family: 'Brandon-Bold', sans-serif;
	text-transform: uppercase;
}
.aboutbigtext {
	font-size: 30px;
	line-height: 120%;
}
.inner-banner-blue .projects-list {
	background: none;
}
.inner-banner-blue .num-right {
	color: #fff;
}
.inner-banner-blue .count-prefix {
	color: #fff;
}
.inner-banner-blue .count {
	color: #fff;
}
.inner-banner-blue .num-right {
	border-right: 1px solid #fff;
}
.inner-banner-blue #shiva > span {
	color: #fff;
}
.home .carousel-caption a {
	color: #fff;
}
.home .carousel-caption a:hover {
	color: #fff;
	text-decoration: none;
}
.ele-palms p.touch-text {
	font-weight: 100;
}
a.btn-link {
	text-decoration: underline;
}
a.btn-link:hover {
	text-decoration: none;
}
.ong-pro .nav-tabs.nav-justified > li > a {
	text-align: left;
	padding-left: 0;
	color: #9fa2a3;
	border-bottom: 5px solid #fff;
	margin-right: 20px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #1ab4e0;
	border-bottom: 8px solid #207cad !important;
}
.nav-tabs > li.palm.active > a {
	border-bottom: 8px solid #90bc19 !important;
}
@media (min-width:768px){
	.custom-row{
		padding: 0 100px;
	}
}
.itsall li {
	text-align: center;
	min-height: 97px;
	padding-bottom: 30px;
}
.itsall li img {
	margin-right: 20px;
	max-height: 42px;
    max-width: 43px;
}
.ia-content {
	float: left;
	margin-left: 10px;
	text-align: left;
	margin-bottom: 10px;
	width: 75%;
}
.ia-content > p {
	line-height: 20px;
}
.red-title {
	text-align: center;
	width: 100%;
	float: left;
	padding: 30px 0;
}
.red-title > h2 {
	font-family: Brandon-Medium;
	color: #e21f25;
	font-size: 32px;
}
.its-img {
	width: 60px;
	text-align: center;
	float: left;
}
.map-tab .nav-justified > li > a {
	color: #3f3f3f !important;
	font-size: 16px;
}
.comfort-im-wrap {
	background: #2b2a29 none repeat scroll 0 0;
    border-radius: 60px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    width: 100px;
	position:relative;
}
.comfort-im-wrap img{
	max-height: 50px;
    max-width: 45px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.itsallcomfort li {
	text-align: center;
	margin-bottom: 20px
}
.itsallcomfort li span {
	color: #5b5b5b;
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    padding-top: 20px;
    text-align: center;
}
.big-comf {
	text-align: center;
	padding-top: 60px;
	display: table;
	width: 100%;
}
.big-comf.no-pad{
	padding:0;
}
.big-comf img{
	max-width:60%;
}
.big-comf span {
	color: #5b5b5b;
    display: block;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 60px;
    padding-top: 20px;
    text-align: center;
}
.design-consept {
	width: 100%;
	float: left;
	clear: both;
	background: #1d7daa;
	color: #fff;
	padding: 30px 0 40px;
	margin-bottom:30px;
}
.design-consept:before {
	content: "";
	background: #c01a20;
}
.dsn2 {
	background: url(../images/design-bg2.png) no-repeat center top fixed #c01a20;
}
.design-consept h2 {
	font-size: 26px;
	margin-bottom:20px;
	font-family: 'Raleway-SemiBold',sans-serif;
	color: #fff;
}
.design-consept li {
	font-size: 17px;
	list-style: disc;
	line-height: 40px;
	margin-left: 20px;
}
.ong-projects h3 {
	font-size: 33px;
	font-family: 'Brandon-Medium';
	line-height: 40px;
	margin-top: 0;
}
.ong-pro .carousel-indicators {
	bottom: -50px
}
.padLeft {
	padding-left: 30px;
}
.projects .ong-pro {
	overflow: hidden;
}
.ong-pro .carousel-indicators li {
	border: 1px solid #bcbec1;
}
.ong-pro .carousel-indicators .active {
	background: #fff;
	border: 3px solid #13b5dd;
}
.inner-banner-blue #shiva {
	width: 100%;
	clear: both;
	font-weight: normal;
}
.inner-banner-blue #shiva span {
	font-weight: normal;
}
.inner-banner-blue .num-right > span {
	font-size: 46px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Brandon-Medium', sans-serif;
}
.inner-banner-blue .num-right p {
	font-size: 46px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 45px;
	font-family: 'Brandon-Medium', sans-serif;
}
.inner-banner-blue .num-right {
	padding-right: 60px;
}
.rmr a {
	color: #000;
}
.newhome-pro-list .num-right {
	width: 100%;
	text-align: center;
	padding-right: 0;
	border-right: 0;
}
.newhome-pro-list #shiva {
	width: 100%;
	text-align: center;
}
.newhome-pro-list .num-right p {
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Brandon-Medium', sans-serif;
}
.newhome-pro-list li {
	border-right: 1px solid #333333;
}
.blue-box {
	background: url(../images/blue-bg.jpg) left bottom #209bbe no-repeat;
	border: 0 none;
}
.green-box {
	background: url(../images/green-bg.jpg) left top #1f9abe;
	border: 0 none;
}
.panel {
	border-radius: 10px;
}
.panel a {
	color: #fff;
}
.btn3 {
	border: 2px solid #fff;
	padding: 5px 10px;
	border-radius: 10px;
}
.fontBrandon-Light {
	font-family: 'Brandon-Light', sans-serif;
}
.cap-btm {
	background: url(../images/gray-bg.png);
	bottom: 0 !important;
	color: #fff;
	padding: 10px 25px;
	position: absolute;
	text-transform: uppercase;
	width: 100%;
}
@media(max-width:768px){
	.cap-btm{
		font-size: 11px;
    padding: 0;
    text-align: center;
	}
		
}
.testi-section {
	background: #e21f25;
	padding: 10px;
	color: #fff;
	text-align: center;
	margin: 30px 0;
}
.text-left .button--isi {
	float: left;
	margin-left: 0;
}
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.pad20 {
	padding-top: 20px;
}
.bgd-detail h4 {
	color: #1ab4e0;
	font-family: "Brandon-Medium";
}
.bgd-detail p{
	margin-bottom:40px;
}
.bgd-detail li{
	font-weight:100;
}
.frm-row {
	float: left;
	margin-right: 15px;
}
.c-btn:hover {
	color: #fff !important;
	background: #c51b20 !important;
}
.list-ul li {
	list-style: disc;
	margin-left: 20px;
}
.sidebar-text {
	color: #8c8c8c;
	padding: 0 20px;
	font-size: 14px;
	line-height: 18px;
}
.sidebar-text a {
	color: #696969;
	text-decoration: underline;
}
.maps iframe {
	pointer-events: none;
}
.details_box {
	margin: 5px 0 10px;
}
.tab-pane {
	margin-top: 20px;
}
p.touch-text {
	color: #1ab4e0;
	margin: -10px 0 40px;
}

@media (max-width:768px) {
	.carousel-control{
		font-size:60px;	
	}
	.ong-pro .carousel-control .glyphicon-chevron-left, .ong-pro .carousel-control .glyphicon-chevron-right, .ong-pro .carousel-control .icon-next, .carousel-control .icon-prev{
		line-height:1!important;
	}
	.carousel-indicators{
		bottom: 0px
	}
.count, .count-prefix {
	font-size: 45px;
}
.inner-banner-blue .num-right > span, .inner-banner-blue .num-right p {
	font-size: 28px;
}
#return-to-top {
	display: none!important;
}
.mng-ttl h2:before {
	margin-left: 0;
}
}
.foot-social {
	bottom: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	position: absolute;
}
#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 10px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover {
	background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
	color: #fff;
	top: 5px;
}
.wrapper-dropdown-1 {
	border: 1px solid #cacaca;
	color: #cacaca;
	cursor: pointer;
	margin: 0 auto;
	outline: medium none;
	padding: 10px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	font-size: 14px;
}
.wrapper-dropdown-1::after {
	border-color: transparent #5b5b5b;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	content: "";
	height: 0;
	margin-top: -6px;
	position: absolute;
	right: 16px;
	top: 50%;
	width: 0;
}
.wrapper-dropdown-1 .dropdown {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cacaca;
	font-weight: normal;
	left: -1px;
	list-style: outside none none;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 100%;
	width: 100.7%;
	z-index: 1;
}
.wrapper-dropdown-1 .dropdown li a {
	color: #797979;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
}
.wrapper-dropdown-1 .dropdown li:hover a {
	background: #f3f8f8 none repeat scroll 0 0;
}
.wrapper-dropdown-1.active .dropdown {
	opacity: 1;
	pointer-events: auto;
}
.wrapper-dropdown-1.active::after {
	border-color: #9bc7de transparent;
	border-width: 6px 6px 0;
	margin-top: -3px;
}
.wrapper-dropdown-1.active, .wrapper-dropdown-1.envoked {
	color: #797979;
}
.no-opacity .wrapper-dropdown-1 .dropdown, .no-pointerevents .wrapper-dropdown-1 .dropdown {
	display: none;
	opacity: 1;
	pointer-events: auto;
}
.no-opacity .wrapper-dropdown-1.active .dropdown, .no-pointerevents .wrapper-dropdown-1.active .dropdown {
	display: block;
}
.wrapper-dropdown-2 {
	border: 1px solid #cacaca;
	color: #cacaca;
	cursor: pointer;
	margin: 0 auto;
	outline: medium none;
	padding: 10px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	font-size: 14px;
}
.wrapper-dropdown-2::after {
	border-color: transparent #5b5b5b;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	content: "";
	height: 0;
	margin-top: -6px;
	position: absolute;
	right: 16px;
	top: 50%;
	width: 0;
}
.wrapper-dropdown-2 .dropdown {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cacaca;
	font-weight: normal;
	left: -1px;
	list-style: outside none none;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 100%;
	width: 100.7%;
	z-index: 1;
}
.wrapper-dropdown-2 .dropdown li a {
	color: #797979;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
}
.wrapper-dropdown-2 .dropdown li:hover a {
	background: #f3f8f8 none repeat scroll 0 0;
}
.wrapper-dropdown-2.active .dropdown {
	opacity: 1;
	pointer-events: auto;
}
.wrapper-dropdown-2.active::after {
	border-color: #9bc7de transparent;
	border-width: 6px 6px 0;
	margin-top: -3px;
}
.wrapper-dropdown-2.active, .wrapper-dropdown-2.envoked {
	color: #797979;
}
.no-opacity .wrapper-dropdown-2 .dropdown, .no-pointerevents .wrapper-dropdown-2 .dropdown {
	display: none;
	opacity: 1;
	pointer-events: auto;
}
.no-opacity .wrapper-dropdown-2.active .dropdown, .no-pointerevents .wrapper-dropdown-2.active .dropdown {
	display: block;
}
.mng-ttl h2.ml-55:before {
	margin-left: 25px;
}
.mng-ttl h2.ml-65:before {
	margin-left: 4px;
}
.mng-ttl h2.ml-115:before {
	margin-left: 115px;
}
.mng-ttl h2.ml-64:before {
	margin-left: 64px;
}
.mng-ttl h2.ml-51:before {
	margin-left: 51px;
}
.mng-ttl h2.ml-75:before {
	margin-left: 75px;
}
.fontBrand {
	color: #333333!important;
	font-family: 'Brandon-Medium', sans-serif!important;
	text-transform: uppercase;
}
#myTabContent h4 {
	font-family: 'Brandon-Medium', sans-serif!important;
}
.brandon-light {
	font-family: 'Brandon-Light', sans-serif;
}
.mng-ttl h2.ml-135:before {
	margin-left: 135px;
}
.mng-ttl h2.ml-95:before {
	margin-left: 95px;
}
.banner-yellow {
	background: #d29f12 none repeat scroll 0 0;
	color: #fff;
	float: left;
	font-weight: 100;
	margin-top: -138px;
	padding: 34px 0;
	text-align: center;
	width: 100%;
}
.inner-banner-gold {
	background: url(../images/gold-banner.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	float: left;
	height: 100%;
	width: 100%;
}
.banner-yellow div {
	margin: 0 20px;
	display: inline-block;
}
.proj-features {
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 100;
	margin: 50px 0;
}
.proj-features h2 {
	font-family: 'Abril Fatface';
	font-size: 40px;
}
.proj-features h3 {
	font-weight: 100;
	font-size: 20px;
}
.proj-features h4 {
	font-weight: 100;
	color: #0ea0e4;
	font-size: 16px;
}
.proj-features .cta {
	border: 1px solid #000;
	font-weight: 400;
	margin-bottom: 10px;
	padding: 8px 10px;
	text-align: center;
	line-height: 1;
	width: 320px;
}
.proj-features ul {
	color: #565656;
	margin: 30px 40px 30px 0;
	text-transform: uppercase;
}
.proj-features ul li {
	border-bottom: 1px solid #bbbbbb;
	float: left;
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 5px;
	padding: 5px 0;
	width: 50%;
}
.inner-banner-gold-big {
	display: none;
}

@media (max-width:768px) {
.mng-ttl h2.ml-55:before {
	margin-left: 15px;
}
.mng-ttl h2.ml-65:before {
	margin-left: 15px;
}
.mng-ttl h2.ml-115:before {
	margin-left: 15px;
}
.mng-ttl h2.ml-135:before {
	margin-left: 15px;
}
.mng-ttl h2.ml-95:before {
	margin-left: 15px;
}
.banner-yellow div {
	margin: 0;
	display: block;
}
.banner-yellow span {
	display: none;
}
.proj-features ul li {
	width: 100%;
}
.proj-features ul {
	margin: 10px 0 20px;
	float: left;
	width: 100%;
}
.proj-features ul li.last {
	border-bottom: 0;
}
.proj-features .cta {
	width: 100%;
}
}

@media (min-width:1281px) {
.inner-banner-gold, .banner-yellow {
	display: none;
}
.inner-banner-gold-big {
	display: block;
	background: url(../images/gold-banner-full.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
	float: left;
	height: 100%;
	width: 100%;
}
}
a:focus {
	outline: medium none;
}
/* Owners */
.owner-inner-banner {
	background: url(../images/owner-banner.jpg) no-repeat center top #1a1a1b;
	background-size: cover;
}
.force {
	margin: 40px 0;
}
.force p {
	line-height: 1.3;
	margin: 0;
	padding: 10px 40px;
}
.force h3 {
	color: #000;
	font-family: "Abril Fatface";
	font-size: 44px;
	font-weight: 600;
	text-transform: uppercase;
}
.force .line {
	border-right: 1px solid #000;
	padding-right: 10px;
}
.brown-data {
	background: #565656;
	color: #fff;
}
.brown-data p {
	line-height: 1.4;
	margin: 0 0 10px;
	padding: 70px 60px;
	text-align: center;
}
.navbar-brand {
	z-index: 2147483647;
}
.boxes {
	margin: 30px 0;
}
.boxes .box {
	border: 1px solid #a7a7a7;
	margin: 10px;
	padding: 50px 0;
	text-align: center;
	min-height: 290px;
}
.boxes .box i {
	color: #0c8ac1;
	font-size: 70px;
}
.boxes .box img {
	width: 90px;
}
.boxes .box h5 {
	font-size: 18px;
	line-height: 1.3;
	margin: 20px 0;
	text-transform: uppercase;
}

.boxes .box:hover{
	background-color:#cc9900;
	border: 1px solid #cc9900;
}
.boxes .box:hover img {
	-webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	-moz-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.boxes .box:hover h5 {
	color:#fff;
}

@media (max-width:768px) {
.force .line {
	border-right: 0;
	padding-right: 0;
}
.force p {
	padding: 10px 0;
}
.brown-data p {
	margin: 0 0 10px;
	padding: 70px 0;
}
.boxes .box {
	min-height: inherit;
}
}
.circle-tick {
	color: #4fb023;
	font-size: 70px !important;
	padding: 20px 0;
}
a.closeW {
	color: #a2a3a5;
	font-size: 20px;
	line-height: 1;
	margin-right: 15px;
	position: absolute;
	right: 0;
	top: 8px;
}
/* VARANDA */
.varanda {
}
.varanda p {
	color: #323232;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.varanda h1 {
	font-family: 'Simple-Joys', serif;
	color: #3d687f;
	font-size: 70px;
}
.varanda .thin {
	font-family: 'Thin-Tall', serif;
	color: #f5811e;
	font-size: 29px;
}
.varanda .section1 {
	background: rgba(0, 0, 0, 0) url("../images/varanda/section1.jpg") no-repeat scroll center center / cover;
	height: 420px;
	width: 100%;
}
.varanda .section2 h3 {
	color: #565656;
}
.varanda .section2 img {
	margin: 20px 0 10px;
	width: 180px;
}
.varanda .section3 {
	background-color: #d3faff;
	margin: 30px 0;
	background-image: url(../images/varanda/section3-left.jpg), url(../images/varanda/section3-right.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
	background-size: 20% auto;
}
.varanda .section3 h3 {
}
.varanda a.link-custom {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #4daeb6;
	border-radius: 5px;
	color: #13a2b7;
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	margin: 20px 0 40px;
	padding: 5px 30px;
	text-decoration: none;
}
.varanda a.link-custom:hover {
	background: #13a2b7;
	color: #fff;
}
.varanda .max-width {
	max-width: 750px;
}
.varanda .section4 {
	margin: 30px 0 60px;
	background-image: url(../images/varanda/section4-left.png), url(../images/varanda/section4-right.png);
	background-position: left 50px, 910px 210px;
	background-repeat: no-repeat, no-repeat;
	background-size: 17% auto, 11% auto;
	margin: 30px 0;
}
.varanda .varanda-slider .carousel-inner {
	position: relative;
	z-index: -1;
}
.varanda .carousel-control span {
	background-size: 100% auto;
	display: inline-block;
	height: 50px;
	width: 25px;
}
.varanda .carousel-control span::before {
	content: ""!important;
}
.varanda .icon-prev {
	background: url(../images/varanda/arrow-left.png) no-repeat;
}
.varanda .icon-next {
	background: url(../images/varanda/arrow-right.png) no-repeat;
}
.varanda .carousel-control .icon-prev {
	margin-left: -45px;
}
.varanda .carousel-control .icon-next {
	margin-right: -55px;
}
.varanda .carousel-indicators {
	bottom: -40px;
	margin-bottom: 0;
}
.varanda .carousel-indicators li.active {
	background-color: rgba(50, 50, 50, 1);
	height: 10px;
	width: 10px;
	margin: 1px;
}
.varanda .carousel-indicators li {
	background-color: rgba(50, 50, 50, 0.5);
}
@media screen and (min-width: 768px){
	.carousel-indicators {
		bottom: 0px;
	}
}
.varanda .features {
	margin: 70px 0;
}
.varanda .features .mt-50 {
	margin-top: 50px;
}
.varanda .features .mt-100 {
	margin-top: 100px;
}
.varanda .features .mt-150 {
	margin-top: 150px;
}
.varanda .features .mt-200 {
	margin-top: 200px;
}
.varanda .features .mt-250 {
	margin-top: 250px;
}
.varanda .features .mt-300 {
	margin-top: 300px;
}
.varanda .features .mt-350 {
	margin-top: 350px;
}
.varanda .features .mt-400 {
	margin-top: 400px;
}
.varanda .features .mt-450 {
	margin-top: 450px;
}
.varanda .features .mt-500 {
	margin-top: 500px;
}
.varanda .features .mt-150m {
	margin-top: -150px;
}
.varanda .features h4 {
	color: #393939;
	font-size: 22px;
	font-weight: 400;
	font-family: 'Thin-Tall', serif;
}
.varanda .section5 {
	background-image: url(../images/varanda/feature-bg1.png), url(../images/varanda/feature-bg2.png), url(../images/varanda/feature-bg3.png), url(../images/varanda/feature-bg4.png), url(../images/varanda/feature-bg5.png), url(../images/varanda/feature-bg6.png), url(../images/varanda/feature-bg7.jpg);
	background-position: right 200px, left 900px, right 1800px, left 2000px, right 2700px, left 3300px, right 4300px;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: 12% auto, 11% auto, 20% auto, 16% auto, 20% auto, 15% auto, 17% auto;
}
.varanda .section6 {
	background-image: url(../images/varanda/spec-bg.jpg);
	background-position: left 200px;
	background-repeat: no-repeat;
	background-size: 13% auto;
}
.varanda h3.customh1 {
	color: #0085c0;
	margin-top: -10px;
	margin-bottom: 100px;
}
.varanda .specs h1 {
	margin-bottom: 50px;
}
.varanda .specs div {
	margin-bottom: 20px;
	padding: 0 30px;
}
.varanda .specs h5 {
	color: #3d687f;
	font-family: "Thin-Tall", serif;
	font-size: 19px;
	font-weight: 700;
}
.varanda .specs img {
	height: 50px;
}
/* NEW CSS */
h1.custom-h1 {
	text-transform: uppercase;
	font-size: 30px;
	color: #2d2f30;
	font-family: 'Brandon-Bold', sans-serif;
	text-align: center;
	margin-bottom: 0;
}
.ong-pro {
	margin: 70px 0;
}
@media(max-width:768px){
	.carousel-inner .item.varanda-banner .carousel-caption{
		bottom: 280px;
	}
	.carousel-inner .item.varanda-banner h3{
		color: #3d687f;
		font-family: "Simple-Joys",serif;
		font-size: 60px;
		text-shadow: none;
	}
	.carousel-inner .item.varanda-banner img.varanda-img{
		margin: 0px auto 10px;
		width: 120px;
	}
}
select#enquiry{
	cursor:pointer;
}
.varanda-banner {
}
.varanda-banner .carousel-caption {
	bottom: 65px;
	left: 10%;
	padding-bottom: 30px;
	right: 10%;
	top: inherit;
	background:none;
}
.varanda-banner h2 {
	font-family: 'Simple-Joys', serif;
	color: #3d687f;
	font-size: 70px;
}
.varanda-banner span {
	color: #f16612;
	font-family: "Thin-Tall", serif;
	font-size: 28px !important;
	text-shadow: none;
	text-transform: none;
}
.varanda-banner a {
	border: 1px solid #1d7daa;
	bottom: -20px;
	color: #1d7daa !important;
	display: inline-block;
	font-size: 13px;
	margin: 0 auto 0;
	padding: 2px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.varanda-banner a:hover {
	color: #fff !important;
	background: #1d7daa;
}
.ong-pro .carousel-control .glyphicon-chevron-left, .ong-pro .carousel-control .glyphicon-chevron-right, .ong-pro .carousel-control .icon-next, .ong-pro .carousel-control .icon-prev {
	height: 60px;
	width: 50px;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.ong-pro .carousel-control .glyphicon-chevron-left, .ong-pro .carousel-control .icon-prev {
	margin-left: -35px;
}
.ong-pro .carousel-control .glyphicon-chevron-right, .ong-pro .carousel-control .icon-next {
	margin-right: -35px;
}
p.copy {
	color: #c5c6c6;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 12px;
}
p.copy a {
	color: #c5c6c6;
}
p.copy a:hover, .footer-col ul li a:hover {
	color: #959999;
}
.footer-col ul {
	margin-top: 15px;
}
.footer-col ul li {
	display: inline-block;
	margin: 0 10px;
}

/* Spacings */
.m-t-20{margin-top:20px;}
.m-b-50{margin-bottom:50px;}


.card{
	box-shadow: 0px 0px 10px #e0dede;
    padding: 40px;
    margin: 20px 5%;
    min-height: 515px;
}
.img-holder{
	height: 160px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.img-holder img{
	top: 50%;
  	transform: translateY(-50%);
  	position:relative;
}

hr.black-line{
	border-color:#7f7f7f;
}

.completed-projects{
	margin: 30px 0 60px;
}

.completed-projects h1.custom-h1{
	margin-bottom:30px;
}
.project-row{
	border-bottom: 1px solid #7f7f7f;
    padding: 40px 0;
	text-align:left;
}
.project-row .col-md-4, .project-row .col-md-8{
	padding:0 15px;
}
.project-row img{
	
}
.project-row h2{
	color: #1d7daa;
    font-family: "Raleway-SemiBold",sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0;
}
.project-row p{
	color: #676767;
}
.project-row h4{
	color:#737272;
	font-family: 'Brandon-Light', sans-serif;
	font-size: 14px;
}
.project-row h5{
	color:#4d4d4d;
	font-family: "Brandon-Bold",sans-serif;
    font-size: 16px;
}
.project-row h5.red{
	color:#f3390e;
}

.project-row.last-child{
	border-bottom:0;
	padding-bottom:0;
}

.inner-banner.inner-banner-elements{
	background:url(../images/elements-banner.jpg) no-repeat;
	height: 450px;
    padding-top: 140px;
    width: 100%;
	background-size:cover;
}
.inner-banner-elements span {
    font-family: "Raleway-SemiBold",sans-serif;
    font-size: 55px;
}
.inner-banner.inner-banner-palms{
	background:url(../images/palms-banner.jpg) no-repeat;
	height: 450px;
    padding-top: 160px;
    width: 100%;
	background-size:cover;
}
.inner-banner-palms span {
    font-family: "Raleway-SemiBold",sans-serif;
    font-size: 55px;
}
.about-project{
	margin-top: 50px;
}
.about-project img{
	max-width: 220px;
}
.about-project h3{
	font-family: Brandon-Bold;
    font-size: 16px;
}
.about-project h3.green{
	color:#83c24b;
}
.about-project h2{
	font-family: Brandon-Bold;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 70px;
}
.project-carousel{
	margin:50px 0;
}
.project-carousel .carousel-control.left{
	left: -10%;
	background:none;
}
.project-carousel .carousel-control.left img, .project-carousel .carousel-control.right img{
	position: inherit;
    top: 50%;
    width: 25px;
}
.project-carousel .carousel-control.right{
	right: -10%;
	background:none;
}
.project-carousel .carousel-indicators {
    bottom: 0;
    margin-top: 10px;
    position: relative;
}
.project-carousel .carousel-indicators li {
    border: 1px solid #7f7f7f;
}
.project-carousel .carousel-indicators .active {
    border-color: #13b5dd;
}

h2.new-blue-title{
	color: #1d7daa;
    font-family: "Raleway-SemiBold",sans-serif;
    font-size: 25px;
    padding-bottom: 40px;
    text-align: center;
}

.project-map{
	margin: 30px 0 0;
    text-align: center;
}
.project-map iframe{
	border:1px solid #909090 !important;
}

a.brochure-btn{
	background: #699f0c none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-family: "Brandon-Medium";
    font-size: 16px;
    margin: 25px auto 0;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}
.project-map hr {
    border-color: #7f7f7f;
    border-width: 1px 0 0;
    margin-bottom: 0;
    margin-top: 30px;
}

@media (max-width:768px) {
	.home .carousel-inner .item .one{background-image:url(../images/mini1.jpg)!important;}
	.home .carousel-inner .item .two{background-image:url(../images/mini2.jpg)!important;}
	.home .carousel-inner .item .three{background-image:url(../images/mini3.jpg)!important;}
	.home .carousel-inner .item .four{background-image:url(../images/mini4.jpg)!important;}
	.home .carousel-inner .item .five{background-image:url(../images/mini5.jpg)!important;}
	
	.project-carousel .carousel-control.left img, .project-carousel .carousel-control.right img{
		top: 30%;
		
	}
	.project-carousel .carousel-control.left {
		left: 10px;
	}
	.project-carousel .carousel-indicators{margin-left: -33%;width: 65%;}
	.project-carousel .carousel-control.right {
		right: 10px;
	}
	.project-carousel .carousel-control.left img, .project-carousel .carousel-control.right img {
		left: inherit;
		position: inherit;
		right: inherit;
		text-align: center;
		top: 30%;
		width: 25px;
	}
	/*.project-carousel .carousel-control.left, .project-carousel .carousel-control.right{
		display:none;
	}*/
	.inner-banner-elements {
		padding-top: 150px;
	}
	.project-row h2{
		padding-top:20px;
	}
	.project-row .col-sm-4{
		padding:5px 0;
	}
	.varanda .features div {
		margin: 40px 0!important;
	}
	.varanda .section4 {
		background-position: left top, left top, right center;
		background-size: 22% auto, 21% auto;
	}
	.varanda .section5 {
		background-size: 12% auto, 11% auto, 14% auto, 16% auto, 20% auto, 11% auto, 17% auto;
		background-position: right 120px, left 900px, right 1800px, left 2000px, right 2700px, left 3300px, right 4300px;
	}
	.varanda .section6 {
		background-position: left top;
		background-size: 12% auto;
	}
	.varanda h3.customh1 {
		margin-bottom: 0;
		margin-top: 0;
	}
	.varanda .carousel-control .icon-next {
		margin-right: 0;
	}
	.varanda .carousel-control .icon-prev {
		margin-left: 0;
	}
	.varanda .section1 {
		height: 200px;
	}
	.varanda-banner a {
		margin: 0 auto;
	}
	.current-projects .odd .right, .current-projects .even .left {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
		margin-top: 50px;
	}
	.ong-pro .carousel-control .glyphicon-chevron-left, .ong-pro .carousel-control .glyphicon-chevron-right, .ong-pro .carousel-control .icon-next, .carousel-control .icon-prev {
		height: 42px;
		line-height: 2;
		width: 40px;
		background: none;
	}
	.ong-pro {
		margin: 50px 0 70px;
	}
	.ong-pro .carousel-control .glyphicon-chevron-left, .ong-pro .carousel-control .icon-prev {
		margin-left: -15px;
	}
	.ong-pro .carousel-control .glyphicon-chevron-right, .ong-pro .carousel-control .icon-next {
		margin-right: -15px;
	}
	.footer-last {
		padding-bottom: 0;
	}
	.footer-last img {
		width: 40px;
	}
	.carousel-caption > h2 {
		font-size: 21px!important;
		margin-bottom: 5px!important;
		margin: 18px 0 0!important;
	}
	.carousel-caption > span {
		font-size: 12px!important;
	}
	.varanda-banner span {
		font-size: 18px !important;
		}
	.inner-banner.inner-banner-blue {
		padding-bottom: 110px;
		padding-top: 110px;
	}
}

.home #myCarousel .item{
	cursor:pointer;
}