/* Custom CSS
---------------------------------- */

body {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.6em;
}

h1 {color: #999999 !important; font-size: 27px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 38px !important; font-family: 'Roboto', sans-serif;}
h2 {color: #4f4f4f !important; font-size: 25px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 35px !important; font-family: 'Roboto', sans-serif;}
h3 {color: #fff !important; font-size: 38px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 48px !important; font-family: 'Roboto', sans-serif;}
h4 {color: #88bd23 !important; font-size: 29px !important; font-weight: 400 !important; letter-spacing: normal !important; line-height: 24px !important; font-family: 'Roboto', sans-serif;}  


a{color: #fff; text-decoration: none;}
a:visited{color: #fff; text-decoration: none;}
a:hover{color: #999999; text-decoration: none;}
a:active{color: #fff; text-decoration: none;}

.navbar-collapse a{color: #fff; text-decoration: none; background: none !important; font-family: 'Roboto', sans-serif;}
.navbar-collapse a:visited{color: #fff; text-decoration: none; background: none !important;}
.navbar-collapse a:hover{color: #52bba; text-decoration: none; background: none !important;}
.navbar-collapse a:active{color: #fff; text-decoration: none; background: none !important;}

footer a{color: #999999; text-decoration: none;}
footer a:visited{color: #999999; text-decoration: none;}
footer a:hover{color: #fff; text-decoration: none;}
footer a:active{color: #999999; text-decoration: none;}

.margin-top {margin-top: 30px;}
em, b {font-style: normal !important; font-weight:700 !important;}

.panel-padding {display: block; padding: 6% 15%;}
.col-md-8 .panel-padding {display: block; padding: 12% 15%;}
.panel-padding p{text-align:center;}
.panel-padding-extra {padding: 25% 15% !important;}
.image-padding {display: block; height: 320px;}

.aqua {color: #999999 !important;} 
.grey {color: #4f4f4f !important;}

.padding-top { padding: 20px 0px 0px 0px !important;}
.no-padding-bottom { padding: 15px 15px 0px 15px !important;}
.padding {padding: 45px !important;}

.container-fluid {padding: 0px !important;}

.dropdown-menu>li>a {padding: 15px 25px; font-size: 16px; background: none !important;}
.dropdown-menu>li>a{color: #4f4f4f; text-decoration: none; background: none !important;}
.dropdown-menu>li>a:visited{color: #4f4f4f; text-decoration: none; background: none !important;}
.dropdown-menu>li>a:hover{color: #999999; text-decoration: none; background: none !important;}
.dropdown-menu>li>a:active{color: #4f4f4f; text-decoration: none; background: none !important;}
	
.dropdown-menu {border: 1px solid #4f4f4f !important; min-width: 120px;}



/* All Pages
------------------*/

	header {
		background: #4f4f4f;
		padding: 20px 0;
		position:relative;
		z-index:2;
	}

	/* Nav */

	.icon-bar {border: 1px solid #fff !important;}
	.navbar-brand {height:auto !important;}
	.navbar-toggle {width: 45px;}
	.navbar-collapse {float: right; font-size: 18px !important; margin-top: 30px; text-transform:lowercase; position: relative; z-index: 1000; text-align: right;}
	.navbar-collapse li{}
	
	
	/* Footer */
	
	footer {background: #4f4f4f; color: #fff;}
	
	.footer-top {padding: 40px 0 45px;}
	.footer-top ul{margin-left: -40px;}
	.footer-top li{list-style: none;}
	
	.social-container {margin: 20px auto 0; width: 153px; padding: 20px 0px;}
	.social-icon a{
		display:block;
		float: left;
		height: 46px;
		margin-left: 5px;
		width: 46px;	
	}
	.facebook a{background: url(../img/facebook-icon.png) bottom no-repeat;}
	.twitter a{background: url(../img/twitter-icon.png) bottom no-repeat;}
	.linkedin a{background: url(../img/linkedin-icon.png) bottom no-repeat;}
	.facebook a:hover, .twitter a:hover, .linkedin a:hover {background-position: top;}
	
	.footer-bottom {
		background:#323232;
		color: #fff;
		font-size: 12px;
		letter-spacing: 2px;
		padding: 30px 0;
		text-transform:uppercase;	
	}
	.footer-bottom-right {text-align: right;}
	

/* Home Page
------------------*/

.hero-bg {
	background: url(../img/hero-bg2.jpg) center bottom no-repeat;
	height: 560px;
	width: 100%;
	border-top: 2px solid #fff;	
}

.home-intro {padding: 0px 40px;}
.home-intro h1 {text-align:center; padding-top: 30px!important;padding-bottom: 30px!important; text-transform: uppercase !important;}

.home-about-bg { background: #999999;}
.home-about-bg p{ text-align: center !important;}
.home-about-bg h2{text-transform:uppercase !important; text-align: center !important;}
.home-proj-bg { background: #4f4f4f; text-align: center !important}
.home-proj-bg h2{ color: #999999 !important;text-transform:uppercase !important;}

.home-enquire-bg { background:#999999;}
.home-enquire h2{text-align:center; text-transform:uppercase !important; padding-bottom: 13px !important;}

.footer-top {text-align:align;}
.footer-top h3{font-weight:700 !important; font-size: 27px !important; text-transform: uppercase !important; line-height: 33px !important;} 
.footer-top-txt { font-size: 18px; font-weight:400; text-transform: uppercase; letter-spacing: 3px;}


/* Inner Pages
---------------------------*/
.inner-bg {
	/* background: url(../img/about-hero.jpg) center top no-repeat; */
	background: #999999 !important;
	width: 100%;
	border-top: 2px solid #fff;
}
.inner-bg h1 {margin: 0px !important}

.panel-padding-extra h1{text-align:center; color: #fff !important; background: rgba(79,79,79,0.8); padding: 15px 0px;}

.panel-padding-extra h1 a{text-align:center; color: #fff !important;}
.panel-padding-extra h1 a:hover{color: #999999 !important; text-decoration: none;}

.inner-container {padding-top: 60px; padding-bottom: 60px;}

.services-info li{padding-bottom: 8px;}

.inner-bg h1{
	display: inline-block; 
	text-align: center !important; 
	padding: 40px 30px; 
	color: #fff !important; 
	font-size: 40px !important;
	width: 100% !important;
}	

/* Residential Page
---------------------------*/

.residential1 {background: url(../img/tennyson-5.jpg) no-repeat center; background-size: cover;}
.residential2 {background: url(../img/casa-baja.jpg) no-repeat center; background-size: cover;}
.residential3 {background: url(../img/casa-carr.jpg) no-repeat center; background-size: cover;}
.residential4 {background: url(../img/casa-la-quinta-3.jpg) no-repeat center; background-size: cover;}
.residential5 {background: url(../img/casa-monte-halcones-1.jpg) no-repeat center; background-size: cover;}
.residential6 {background: url(../img/casa-neil-2.jpg) no-repeat center; background-size: cover;}
.residential7 {background: url(../img/casa-nico-6.jpg) no-repeat center; background-size: cover;}
.residential8 {background: url(../img/casa-rosado-3.jpg) no-repeat center; background-size: cover;}
.residential9 {background: url(../img/la-quinta-7.jpg) no-repeat center; background-size: cover;}
.residential10 {background: url(../img/reserva-3.jpg) no-repeat center; background-size: cover;}
.residential11 {background: url(../img/commercial-3.jpg) no-repeat center; background-size: cover;}
.residential12 {background: url(../img/rosa.jpg) no-repeat center; background-size: cover;}

/* Contact Forms
---------------------------*/

.input, .textarea, .input-half {background-color: #fff; border: none; color: #999999 !important; font-size:17px !important; margin-bottom:3px; padding:5px; width:100%; -webkit-appearance: none; font-family: 'Lato', sans-serif;  font-weight:700; text-align:center;}
.textarea {height: 150px;}
.input-half {width: 49.875%; float: left;}
.button {
	background: #4f4f4f;
	border: none;
	color: #fff;
	display:block;
	cursor: hand; cursor: pointer;
	font-family: 'Lato', sans-serif;
	font-size: 17px; 
	font-weight: 700; 
	padding: 9px;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 15px !important;
}
.button:hover {background: #fff ;	color: #4f4f4f;}

::-webkit-input-placeholder {color: #999999; text-transform: uppercase; text-align:center;}
:-moz-placeholder {color: #999999; text-transform: uppercase; text-align:center;}
::-moz-placeholder {color: #999999; text-transform: uppercase; text-align:center;}
:-ms-input-placeholder {color: #999999; text-transform: uppercase; text-align:center;}



/* Responsive Styles
---------------------------*/

.my-row {width: 100% !important; margin: 0px !important;}


	@media only screen and (min-width : 1200px){
		
		.my-row {
		  display: table;
		  table-layout: fixed;
		  height: 100%;
		  margin-right: -15px;
    		margin-left: -15px;
			width: 100%;
		}
		.img-fluid {width: 100%; height: auto;}
		.row.my-row > [class*="col-"] {display: table-cell; float: none; height: 100%;}
	
		.vertical-center {
			position: relative;
			  top: 50%;
			  left: 50%;
			  padding: 0 15%;
			  transform: translate(-50%, -50%);	
		}
	 
	}

/* md Devices, Wide Screens */
	@media only screen and (min-width : 992px) and (max-width : 1200px){
		
		/* Main Styles */
		.margin-top-md {margin-top: 30px;}	
		
		.navbar-toggle {width: 45px;}
		.navbar-collapse {}
		.navbar-collapse li{}
		.nav > li > a {font-size: 14px !important; padding: 20px 10px;}
		.footer-bottom, .footer-bottom-right {text-align:center;}
		
		/* Custom */
		.my-row {
		  display: table;
		  table-layout: fixed;
		  height: 100%;
		  margin-right: -15px;
    		margin-left: -15px;
			width: 100%;
		}
		.img-fluid {width: 100%; height: auto;}
		.row.my-row > [class*="col-"] {display: table-cell; float: none; height: 100%;}
	
		.vertical-center {
			position: relative;
			  top: 50%;
			  left: 50%;
			  padding: 0 15%;
			  transform: translate(-50%, -50%);	
		}
	 
	}
 

/* sm Devices, Desktops */
	@media only screen and (max-width : 992px){
		
		/* Main Styles */
		.margin-top-sm {margin-top: 30px;}
		
		.navbar-toggle {width: 45px;}
		.navbar-collapse {font-size: 16px !important; }
		.navbar-collapse li{}
		.nav > li > a {font-size: 16px !important; }
		.footer-bottom, .footer-bottom-right {text-align:center;}
		
		
		/* Custom */
		
		.img-fluid {display: block; max-width: 100%; height: auto;}
 		.vertical-center {padding: 40px;}
		
		h1 {font-size: 23px !important; line-height: 30px !important;}
	
	}
	
 
/* xs Devices, Tablets */
	@media only screen and (max-width : 768px){
		/* Main Styles */
		.margin-top-xs {margin-top: 30px;}
		
		.navbar-toggle {width: 45px;}
		.navbar-collapse {font-size: 16px !important; margin-top: 20px;}
		.navbar-collapse li{}
		.nav > li > a {font-size: 16px !important; padding: 10px !important}
		
		.footer-bottom {text-align: center !important;}
		
		/* Custom */	
			
 		h1 {font-size: 19px !important; line-height: 27px !important;}
		.inner-bg h1 {padding: 25px 30px !important;}
		.inner-bg h1 {font-size: 30px !important; line-height: 37px !important;}
	}
	
 
/* Mobile Devices, Phones */
	@media only screen and (max-width : 480px){
		/* Main Styles */
		.margin-top-mobile {margin-top: 30px;}
		.col-mobile {width: 100% !important;}
		
		/* Custom */
		body {font-size: 112%;}
		.inner-hero-bg h1 {font-size: 2.8em !important; line-height: 1.3em !important;}
		h2 {line-height: 20px !important;}
	}




/******************* Plugins **************************/



/****** Galleria ******/

#galleria{ width: 100%; height: 600px; background-color: transparent; }