@charset "utf-8";
/* CSS Document */

/* PROJECTS */

.project-image-container{ position:relative; cursor:pointer; }
.project-image-container:hover{ opacity:0.6; }
.plus-circle-icon{ position:absolute; width:100%; height:100%; top:0; left:0; background:url('../images/plus-circle-icon.png') no-repeat center center; z-index:10; cursor:pointer; }

/* BLOG */

.single-post h1{ margin-bottom:5px; }
.single-post p:first-of-type{ margin-top:0; }
.single-post li{ padding-left:10px; }
.single-header table{ height:10px !important; }
.news-page{ padding:50px 0 40px 0; }
.news-box{ margin:0 0 35px 0; }
.news-image{ background:#6491b4 url('../images/eye.png') no-repeat center center; width:45%; margin-top:5px; }
.news-image img{ width:100%; height:auto; display:block; }
.news-image a{ display:block; }
.news-image a:hover{ opacity:0.3 !important; }
.news-content{ width:51%;}
#page-container .news-content h2{ font-size:28px; margin:0; padding:0; font-weight:400; }
#page-container .news-content h2 a{ text-decoration:none; color:#6491b4; }
#page-container .news-content h2 a:hover{ opacity:0.7; text-decoration:underline; }
.news-excerpt{ font-size:16px; font-weight:400; line-height:1.8em; }
.news-read-more{ background:#0088f1; color:#FFF; display:inline-block; padding:8px 11px 7px; margin:20px 0 0 0; text-decoration:none; }
.news-read-more:hover{ text-decoration:none; color:#FFF; opacity:0.7; }
.social-buttons-container{ margin-top:35px; }
#page-container .post-date{ color:#999; padding:13px 0 20px; }

@media screen and (max-width:900px){
	
	.single-header{ display:none; }
	.news-image{ float:none; width:100% }
	.news-content{ float:none; width:100%; padding:20px 0 0 0; }
	#page-container .news-content h2{ font-size:22px; text-align:left; }
	#page-container .news-content .font-14{ display:none; }
	#page-container .news-excerpt, .news-read-more{ font-size:14px; }
		
}

@media screen and (max-width:600px){
	
	.single-post p:first-of-type{ margin-top:18px; }
	.single-page h1{ font-size:24px; }
	.single-page .post-date{ font-size:12px; }
	#respond input{ width:98% !important; }
	#respond #submit{ width:100% !important; }
	.single-page img{ display:block; float:none; width:100%; height:auto; margin:0; padding:10px 0; }
	
}

/* CONTACT US */

.contact-page-phone{ font-size:26px; }

.contact-left{ width:38%; float:left; }
.contact-right{ width:58%; float:right; padding:20px 0; }

.contact-page strong{ color:#aed690; font-weight:300; font-size:18px; }
.contact-page a{ color:#aed690; }

#enquiry{ background:#e5e5e5; padding:20px; }
.form-input{ background:#cccccc; padding:5px; margin-top:5px; -webkit-box-shadow:inset -1px 1px 0 0 #919191; box-shadow:inset -1px 1px 0 0 #919191; }
.form-input-container{ padding-bottom:10px; overflow:hidden; }
.form-input-container label{ font-size:14px; font-weight:300; color:#333; }
.form-input-container input{ padding:0; margin:0; background:none; border:none; width:98%; padding:0 1%; color:#333; font-size:14px; }
.form-input-container textarea{ width:98%; padding:1%; border:none; background:none; font-size:14px; color:#333; overflow:hidden; resize:vertical; height:70px; font-family:Arial, Helvetica, sans-serif; }
.form-input-container select{ border:none; background:none; width:99%; padding:0.5%; margin:0; }
.asterisk{ color:#0168aa; }
.wpcf7-submit{ color:#FFF; background:#333; padding:10px 13px 10px; margin:10px 0 0 0; display:inline-block; font-size:16px; cursor:pointer; border:none; }
.wpcf7-submit:hover{ opacity:0.7; text-decoration:none; }
.ajax-loader{ display:none; }
#enquiry .wpcf7-not-valid-tip{ color:#9f2836; font-weight:300; font-size:12px; font-weight:bold; }
#enquiry .wpcf7-response-output{ background:#555; color:#FFF; border:none; padding:5px 10px; font-size:12px; margin:5px 0; }

@media screen and (max-width:950px){
	
	.contact-left{ width:100%; float:none; }
	.contact-right{ width:100%; float:none; padding:10px 0; }
	#enquiry{ margin-top:20px; }
	
}

@media screen and (max-width:600px){
	
	#enquiry{ padding:12px; }
	
	#page-container .form-input-container{ float:none; width:100%; }
	#page-container .wpcf7-submit{ display:block; margin:14px auto 0; }
	
	#map-canvas{ height:240px !important; }
	
}


.maps-container .map-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:10; background:#000; opacity:0.2; }
.maps-container .map{ position:relative; overflow:hidden; height:450px; }
.maps-container h3{ font-size:26px; color:#47b990; }
.map-left iframe, .map-right iframe{ width:100%; height:100%; }
.map-left{ width:49%; float:left; }
.map-right{ width:49%; float:right; }

@media screen and (max-width:780px){
	
	.map-left{ width:100%; float:none; }
	.map-right{ width:100%; float:none; }
	.maps-container .map{ height:250px; }
	.maps-container h3{ margin:0; padding:20px 0 15px; font-size:22px; }

}