/*------------------------------------------------------------------
	[Stylesheet]
	Project:		Earthing WA
	Version:		1.0
	Last change:	01.19.15 [Created]
	Assigned to:	Titan Web (Joan Capuyan)					
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[Table of Contents]
	1.	Fonts
	2.	Global
	3.	Header
	4.	Top Menu
	5.	Banner
	6.	Content
	7.	Footer
	8.	Gallery
	9.	Pagination

	

	[Color codes]
	Background:	#262626 (Dark Grey)
	Content:	#3b3b3b (Light Black)
	Header h1:	#a70d00 (Dark Red)
	a (standard):	#0046e4 (Bright Blue)
	a (visited):	#009ce4 (Lighter Blue)

	[Typography]
	Body copy:	12px/1.3 Verdana, Arial, Helvetica, sans-serif;

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[ 1 Fonts ]
-------------------------------------------------------------------*/
@import url('../fonts/roboto/stylesheet.css');
@import url('../fonts/exo/stylesheet.css');

/*------------------------------------------------------------------
	[ 2 Global ]
-------------------------------------------------------------------*/
html { overflow-y: scroll; }

body {
	font-family: 'RobotoRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	color: #747474;
	font-weight: normal;
}

h2, h3, h4, h5, h6 {
	font-family: 'exodemi_bold';
	color: #4d4d4d;
	font-weight: normal;
}
h1 {
	font-size: 1.750em;
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #2a7b43;
	text-transform: uppercase;
	font-weight: normal;
} 

h2 {
	font-size: 1.625em;
} 

h3 {
	font-size: 1.500em;
} 

h4 {
	font-size: 1.375em;
} 

h5 {
	font-size: 1.250em;
} 

h6 {
	font-size: 1.125em;
}

a {
	color: #1a4d2a;
	cursor: pointer;
}

a:hover, 
a:focus,
a:link { 
	text-decoration: none; 
	color: #1a4d2a;
}

input, 
button, 
textarea, 
select {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

pre,
tt,
code,
kbd,
samp,
var {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

ol ol li { list-style-type: lower-alpha; }
ol ol ol li { list-style-type: lower-roman; }
ul {
	padding-left: 0;
}

q { font-style: italic; }

abbr,
acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}

textarea {
	resize:none;
	overflow-y:auto;
}

.valign-parent {
	height: 100px;
	white-space: nowrap;
}
.valign-item {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}
.valign-helper {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.ie7 .valign-item,
.ie7 .valign-helper {
	display: inline;
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after { clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix { *zoom: 1; }

.gform_validation_container {
	height: 0;
	width: 0;
	overflow: hidden;
}

/*------------------------------------------------------------------
	[ 3 Header ]
-------------------------------------------------------------------*/
.outer-wrapper {
	overflow: hidden;
	position: relative;
}

.header-wrapper {
	background-color: #fdfdfc;
	position: absolute;
	top: 0;
	z-index: 5;
	margin: 0 15px;
}

.headinfo-wrapper{
	padding-right: 0;
	float: right;
}

.headinfo {
	background-color: #236436;
}

.logo {
	padding: 20px 0 15px;
}

.logo img {
	width: 100%;
	height: auto;
	max-width: 184px;
}

.free-quote {
	display: none;
}

.phnum, .email {
	display: inline-block;
	width: 50%;
	height: 38px;
	float: left;
	text-align: center;
}

.phnum {
	background-color: #236436;
}

.phnum-label,
.email-label {
	display: none;
}

.earphone {
	width: 100%;
	background: transparent url('../images/phone-icon.png') no-repeat center;
	display: block;
	width: 20px;
	height: 20px;
	background-size: cover;
	margin: 7px auto 0 ;
}

.phnum a, .email a {
	color: transparent;
	width: 100%;
	height: 100%;
	display: block;
}

.email {
	background-color: #164124;
	float: right;
}

.envelope {
	background: transparent url('../images/email-icon.png') no-repeat center;
	display: inline-block;
	width: 20px;
	height: 16px;
	background-size: cover;
	margin-top: 10px;
}

/*------------------------------------------------------------------
	[ Leadin ]
-------------------------------------------------------------------*/

.leadins-container {
	padding: 0 30px;
}

.leadins-container .slick-list {
	overflow: visible;
}

.leadin-content img {
	width: 100%;
	height: auto;
}

a.leadin-content:link .leadin-title {
	color: #fff;
}

.leadin-title {
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.125em;
	color: #fff;
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	padding: 15px 65px 15px 15px;
	background: #256b3a url('../images/arrow.png') no-repeat 93% center;
	-webkit-box-shadow: inset 0px 0px 60px 0px rgba(37,110,60,0.3);
	-moz-box-shadow: inset 0px 0px 60px 0px rgba(37,110,60,0.3);
	box-shadow: inset 0px 0px 60px 0px rgba(37,110,60,0.3);
	text-align: left;
	height: 105px;
	white-space: nowrap;
}

.leadin-list.slick-active .leadin-title{
	background-color: #205d32;
}

.leadin-title:hover,
.leadin-title:active,
.leadin-title:focus,
.leadin-title:visited {
	background: #256b3a url('../images/arrow-active.png') no-repeat 93% center;
}

/*------------------------------------------------------------------
	[ 4 Top Menu ]
-------------------------------------------------------------------*/
.top-menu-mobile{
	text-align: center;
	position: relative;
	top: 0;
	right: 0;
}

.menu-wrapper .slicknav_btn {
	color: #686868;
	float: right;
	font-size: 1em;
	height: 51px;
	margin-top: 3px;
	font-family: 'exodemi_bold', Arial, "Helvetica Neue", Helvetica,sans-serif;
	width: 100%;
	display: inline-block;
	padding: 13px 5px 0;
}

.slicknav_btn.slicknav_open {
	background: transparent url('../images/menu_bg.jpg') repeat-x top left;
	color: #FFF;
}

button.mobile-menu .toggle-btn span {
	background-color: #686868;
	border-radius: 0.7em;
	height: 5px;
	width: 22px;
}

.slicknav_icon {
	height: 25px;
	line-height: 5px;
	width: 17px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.slicknav_icon-bar {
	background-color: #686868;
	display: inline-block;
	height: 3px;
	width: 100%;
}

.slicknav_open .slicknav_icon-bar {
	background-color: #FFF;
}

.slicknav_menutxt {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
}

.slicknav_nav ul {
	margin: 0;
	padding: 0;
}

.slicknav_nav li {
	list-style: none;
	text-align: right;
	padding: 10px 15px;
}

.slicknav_nav li.current-menu-item,
.slicknav_nav li:hover,
.slicknav_nav li.menu-item-has-children:hover,
#menu-top-menu > li.current-menu-item,
#menu-top-menu > li:hover,
#menu-top-menu > li.menu-item-has-children:hover {
	background: transparent url('../images/menu_bg.jpg') repeat-x top left;
}

.slicknav_nav ul li ul > li.menu-item-has-children {
	padding: 10px 15px;
}

.slicknav_nav li.current-menu-item > a,
.slicknav_nav li.current-menu-item > a > a,
.slicknav_nav li.current-menu-item > a > span,
.slicknav_nav li:hover > a,
.slicknav_nav > li:hover > a,
.slicknav_nav li:hover > a > a,
.slicknav_nav li:hover > ul > li:hover > a  {
	color: #fff;
}

.slicknav_nav ul.sub-menu {
	margin: 10px -15px 0;
	background-color: #fff;
}

.slicknav_nav ul.sub-menu li {
	padding: 10px 35px 10px 15px;
}

.submenu-dropup, .submenu-dropdown {
	font-size: 1.250em;
	color: #686868;
	width: 15px;
	display: inline-block;
	font-weight: bold;
}

.slicknav_nav li.menu-item-has-children:hover .submenu-dropup,
.slicknav_nav li.menu-item-has-children:hover .submenu-dropdown {
	color: #fff;
}

/* Structure and General Styling */
.menu-wrapper { 
	height:54px; 
	margin: 6px 0 0;
	position:relative; 
	z-index:100;
}

.menu-wrapper a { text-decoration: none; }

#menu-top-menu,
#menu-top-menu li,
#menu-top-menu a {
	display: block;
}

#menu-top-menu li,
#menu-top-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-top-menu ul {
	display: none;
	position: absolute;
	z-index: 100;
}

#menu-top-menu li {
	float: left;
	position: relative;
	z-index: 100;
	text-align: right;
}

#menu-top-menu > li.menu-item-has-children > a {
	width: auto;
	float: right;
}

#menu-top-menu li.menu-item-has-children > a:focus,
#menu-top-menu li a:focus {
	outline: none;
}

#menu-top-menu li:hover > ul { display: block; }
#menu-top-menu > li:hover > ul { left: 0; }

#menu-top-menu a {
	color: #FFFFFF;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	text-shadow: none;
}

#menu-top-menu a:hover,
#menu-top-menu a:active {
	color: #FFFFFF;
	text-decoration: none;
}
 
/* Top-level Styling */
#top-menu,
.slicknav_nav {
	background: #fff;
	position: absolute;
	width: 250px;
	right: 0;
	top: 57px;
	display: none;
}

#menu-top-menu {
	height: 51px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
}


#menu-top-menu > li { 
	height: auto; 
	width: 100%;
}

#menu-top-menu > li > a,
.slicknav_nav li a {
	font-size: 1.000em;
	padding: 0;
	font-family: 'exodemi_bold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #686868;
	text-transform: uppercase;
}

#menu-top-menu > li:first-child > a { border-left: none; }

#menu-top-menu > li:hover > a,
#menu-top-menu > .current-menu-item > a {
	color: #fff;
}
 
/* Sub-menu Styling and Positioning. Accounts for infinite levels of dropdowns. */
#menu-top-menu ul {
	background: transparent;
	width: 146px;
}

#menu-top-menu ul.sub-menu {
	margin-top: 40px;
	background-color: transparent;
	border-top: 5px solid transparent;
}

#menu-top-menu ul > li { 
	width: 146px; 
	text-align: left;
}

#menu-top-menu ul > li > a {
	font-size: 0.875em;
	padding: 7px 10px 7px;
	color: #686868;
	font-family: 'exodemi_bold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	background-color: #fff;
}

#menu-top-menu ul > li:hover > a,
#menu-top-menu ul > .current-menu-item > a,
#menu-top-menu ul > .current-menu-item:hover > a,
#menu-top-menu ul > .current-menu-ancestor > a {
	background: transparent url('../images/menu_bg.jpg') repeat-x top left;
	color: #fff;
}

#menu-top-menu li > ul li:hover > ul {
	left: 146px;
	margin-top: 0;
	top: 0;
	border-top: none;
}

/*------------------------------------------------------------------
	[ 5 Banner ]
-------------------------------------------------------------------*/
.banner-wrapper {
	position: relative;
	top: 0;
	z-index: 3;
	height: 550px;
	overflow: hidden;
}

.banner-wrap {
	position: relative;
	display: block;
	width: 100%;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	position: relative;
	text-align: center;
}

.banner-shadow,
.banner-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-75%);
			transform: translateX(-50%) translateY(-75%);
}

.banner-shadow {
	background: transparent url('../images/banner-overlay-mobile.png') no-repeat center;
	width: 100%;
	height: 450px;
	z-index: 4;
}

.banner-content {
	width: 100%;
	z-index: 5;
	text-align: center;
	padding: 0 15px;
}

.banner-content h2 {
	font-size: 1.563em; /*25px*/
	font-family: 'exoblack', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fefeff;
	text-transform: uppercase;
	text-shadow: 0px 0px 23px rgba(0, 0, 0, 1);
	padding-top: 18px;
	margin-top: 0;
}

.banner-description {
	font-size: 1.000em;
	color: #fefeff;
	text-shadow: 0px 0px 23px rgba(0, 0, 0, 1);
}

.banner-image {
	position: relative;
	z-index: 3;
}

/*------------------------------------------------------------------
	[ 6 Content ]
-------------------------------------------------------------------*/
.content-wrapper {
	padding: 15px 15px;
}

.content-wrapper ul li { 
	background: transparent url('../images/li_bg.png') no-repeat left 3px;
	padding-left: 28px;
	list-style-type: none;
	margin-bottom: 10px;
}

/* Front page */
.main-front-page {
	text-align: center;
	margin-bottom: 50px;
}

.homepage-content ul li {
	text-align: left;
}

.why-choose-us-wrapper > h2 {
	font-size: 1.750em;
	text-align: center;
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #2a7b43;
}

.why-choose-us-wrapper ul li {
	margin-bottom: 20px;
}

.readmore-btn,
.readmore-btn:focus,
.readmore-btn:link {
	background: transparent url('../images/read-more-btn.png') no-repeat 0 0;
	padding: 10px 0 0 13px;
	width: 165px;
	height: 39px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	margin-top: 50px;
	text-align: left;
	outline: none;
}

.readmore-btn.active,
.readmore-btn:hover {
	background: transparent url('../images/read-more-btn.png') no-repeat 0 -41px;
	color: #fff;
}

/* Company Profile page */
.staff-wrapper > h3 {
	margin-top: 40px;
	margin-bottom: 30px;
	color: #2a7b43;
}

.staff-list {
	margin-bottom: 40px;
}

.staff-img {
	text-align: center;
}

.staff-img img {
	border: 1px solid #2a7b43;
}

.staff-name {
	color: #2a7b43;
}

/* Sidebar */
.sidebar-wrapper {
	margin-top: 30px;
}

.sidebar .leadin-list {
	border-bottom: 1px solid #1f5b31;
	border-top: 1px solid #2c8347; 
}

.sidebar .leadin-list:first-child {
	border-top: none;
}

.sidebar .leadin-list:last-child {
	border-bottom: none;
}

.sidebar .leadin-title {
	height: auto;
	white-space: normal;
}

/* Services and Equipments Page */
.services-wrapper {
	margin-top: 50px;
}

.service-list {
	margin-bottom: 30px;
	float: left;
}

.service-gallery .image-list h4, .service-gallery .video-list h4 {
	/*overflow: hidden;
	height: 25px;*/
	white-space: nowrap;
}

.service-list .image-list {
	/*float: left;
	width: 265px;*/
	overflow: visible;
}

.image-list {
	margin-bottom: 15px;
	text-align: center;
}

.image-list a {
	display: inline-block;
	background-color: #1d552e;
}

.image-list a:hover img {

/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

.content {}
.entry-meta,
.entry-utility {
	display: none;
}

/*forms*/
.gform_wrapper {}
.gform_wrapper .gfield_required, 
.gform_wrapper .validation_message, 
.gform_wrapper .validation_error {
	color: #c00;
}

.gform_wrapper .validation_message {
	display: none;
}

.gform_wrapper .gform_body .gfield_error input {
	border: 1px solid #c00;
}

.gform_wrapper .validation_error {	padding: 0 0 15px 0; }

.gform_wrapper .gform_edit_link {
	font-size: 80%;
	padding: 10px 0;
}

.gform_wrapper .gform_edit_link { font-size: 70%; }

.gform_wrapper .gform_heading {
	padding: 10px 0 15px 0;
	font-weight: bold;
}

.gform_wrapper .gfield.gform_validation_container {
	visibility: hidden;
	position: absolute;
}

.gform_wrapper .gform_body input, 
.gform_wrapper .gform_body select, 
.gform_wrapper .gform_body textarea {
	padding: 2px 3px;
	width: 100%;
	margin-top: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	background: #f3f3f3;
	border: 1px solid #cdcdcd;
	outline: none;
	color: #000;
}

.gform_wrapper .gform_body input:focus, 
.gform_wrapper .gform_body select:focus, 
.gform_wrapper .gform_body textarea:focus {
	border: 1px solid #297741;
}

.gform_wrapper .gform_body label { 
	font-size: 1.000em; 
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #297741;
	font-weight: normal;
}

.gform_wrapper .gform_body input { height: 22px; }

.gform_wrapper .gform_body textarea {
	width: 100%;
	height: 180px;
}

.gform_wrapper .gform_footer input {
	padding: 0px 15px;
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	background: #fff;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	background: url("../images/read-more-btn.png") no-repeat scroll -20px 0px transparent;
	border: 0;
	border-radius: 0;
	height: 41px;
	width: 146px;
	color: #fff;
	font-size: 0.875em;
	text-transform: uppercase;
	text-align: left;
	line-height: 42px;
}

.gform_wrapper .gform_footer input:hover {
	background: url("../images/read-more-btn.png") no-repeat scroll -20px -41px transparent;
}

.contact-wrapper .gform_wrapper li,
.contact-wrapper .gform_wrapper ul,
.contact-wrapper .contact-details li,
.contact-wrapper .contact-details ul {
	margin: 0;
	list-style: none;
	background: none;
	padding-left: 0;
}

.gform_wrapper ul,
.contact-details ul { 
	padding: 0;
}

.gform_wrapper li {	padding: 0 0 10px 0; }

/* contact */
.google-maps {
	margin: 3px 0 0 0;
	overflow: hidden;
}

.google-maps iframe {
	width: 100%;
	height: 182px;
	overflow: hidden;
	border: 0;
}

.contact-details table { width: 100%; }
.contact-wrapper { margin: 1em 0; }

.gform_wrapper .gform_body li.gform_hidden { padding: 0px; }
.gform_wrapper .gform_body li.gfield.clear { clear: both; }

.contact-info { 
	margin-top: 30px;
}

.contact-info h2 { margin-top: 1em; }

.contact-info ul li { 
	width: 49%;
	color: #444444;
	font-size: 0.875em;
	font-family: 'RobotoRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.contact-details ul li > div {
	display: block;
	margin-bottom: 10px;
}

.contact-info h4 {
	margin: 10px 0 0 0;
	font-size: 1.143em; 
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #297741;
	margin-top: 0;
}

.contact-info table { margin: 0; }
.contact-info table tr td { padding: 1px 0; }

/*------------------------------------------------------------------
	[ 7 Footer ]
-------------------------------------------------------------------*/
.footer-wrapper {
	background-color: #1d552e;
	padding: 30px 0 25px;
}

.footer-pad { padding: 20px 0 35px 0; }

.footer, .footer a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #fff;
}

.footer {
	text-align: center;
}

/* copyright */
.footer .copyright {
	width: 100%;
	padding: 0 0 5px 0;
}

/* footer-menu */
.footer-menu-wrapper {
	display: inline-block;
}

.footer .footer-menu {
	width: 100%;
	padding: 0 0 10px 0;
}

.footer .footer-menu ul {
	margin: 0;
	padding: 0;
}

.footer .footer-menu ul li {
	list-style: none;
	float: left;
	display: block;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #888888;
}

.footer .footer-menu ul li:first-child {
	padding-left: 0px;
	border-left: none;
}

.footer .footer-menu ul li a:hover {
	text-decoration: underline;
}

/* titan badge */

.titan-badge .titan-title {
	display: block;
	padding: 10px 5px 0 0;
}

.titan-badge a.titan-logo {
	display: block;
}

.titan-badge span {
	display: block;
	margin: 30px 0 15px;
}


/* woocommerce */
.woocommerce .star-rating,
.woocommerce-page .star-rating {
	float: right;
	overflow: hidden;
	position: relative;
	height: 24px;
	line-height: 24px;
	font-size: 1em;
	width: 149px;
	background: url('../images/rating.png') no-repeat;
}

.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
	background: url('../images/rating-active.png') no-repeat;
}

/*------------------------------------------------------------------
	[ 8 Gallery ]
-------------------------------------------------------------------*/
/* Projects Page Gallery */
.project-list {
	max-width: 264px;
	margin: 0 auto 30px;
	float: none;
}

.project-list .project-thumb {
	text-align: center;
}

.project-list img {
	max-width: 100%;
}

.project-list h5 {
	font-size: 1.2em;
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	max-height: 44px;
	display: block;
	overflow: hidden;
	margin: 15px 0;
	line-height: 1.2em;
}

/* Projects single page */
.titan-breadcrumb a,
.titan-breadcrumb span {
	font-size: 0.688em;
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.titan-breadcrumb a {
	color: #4d4d4d;
}

.titan-breadcrumb span {
	color: #2a7b43;
	margin-left: 8px;
}

a.return-btn {
	background: url('../images/return-btn.png') no-repeat 0 -41px;
	width: 215px;
	height: 39px;
	display: inline-block;
	color: #fff;
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 40px;
	padding-left: 50px;
	margin-bottom: 40px;
	outline: none;
}

a.return-btn:hover {
	background: url('../images/return-btn.png') no-repeat 0 0;
}

/* NGGallery */
.gallery-wrapper {	width: 960px; }

.content-wrapper .ngg-albumoverview {
	float: none;
	width: 265px;
	margin: 15px auto 30px;
}

/* NGGallery Compact Album */
.content-wrapper .ngg-album-compactbox {
	border: none;
	padding: 0 !important;
}

.content-wrapper .ngg-album-compactbox:before,
.content-wrapper .ngg-album-compactbox:after {
	border: none;
}

.content-wrapper .ngg-album-compactbox .Thumb {
	border: none !important;
}

.content-wrapper .ngg-album-compact h4 {
	margin: 10px 0;
}

.content-wrapper .ngg-album-compact h4 .ngg-album-desc {
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.250em;
	color: #4d4d4d;
	height: auto;
	font-weight: normal;
}

.content-wrapper .ngg-album-compact p {
	display: none;
}

.content-wrapper .ngg-album-compact {
	padding: 0 !important;
	margin-bottom: 30px !important;
}

.content-wrapper a.view-btn {
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.875em;
	color: #fff;
	background-color: #297a42;
	padding: 11px 20px;
	display: inline-block;
	margin-top: 0;
	font-weight: normal;
}

/* NGGallery Extended Album */
.content-wrapper .ngg-album {
	border: none;
	padding: 0;
}

.content-wrapper .ngg-thumbnail img {
	border: none;
	margin: 0;
	padding: 0;
}

.content-wrapper .ngg-description {
	display: none;
}

/* NGGallery single page */
.content-wrapper .ngg-galleryoverview {
	width: 265px;
	margin: auto;
}

.content-wrapper .ngg-gallery-thumbnail-box {
	text-align: center;
	float: none;
}

.content-wrapper .ngg-gallery-thumbnail {
	float: none;
}

.content-wrapper .ngg-gallery-thumbnail img {
	border: none;
	margin: 15px 0;
	padding: 0;
	display: inline-block;
}



.ngg-albumtitle {
	height: 33px;
	overflow: hidden;
	text-transform: capitalize;
}

.ngg-gallery-thumbnail a { 	display: block; }

.ngg-gallery-thumbnail {
	display: block;
	float: left;	
	overflow: hidden;	
	width: auto;
}

.ngg-pagination { float: left;}

.ngg-pagination span,
.ngg-pagination a {
	display: inline-block;
}

.featured-gallery-wrapper .ngg-gallery-thumbnail {
	height: 90px;
	width: 99px;
}

/*------------------------------------------------------------------
	[ 9 Pagination ]
-------------------------------------------------------------------*/
.titan-pagination ul.page-numbers {
	float: right;
}

.ngg-navigation {
	float: right;
}

.titan-pagination ul li,
.ngg-navigation span,
.ngg-navigation a {
	float: left;
	margin: 0 2px;
	background: none;
	padding-left: 0;
}

.content-wrapper .ngg-navigation span,
.content-wrapper .ngg-navigation a,
.content-wrapper .ngg-navigation a.page-numbers {
	display: inline-block;
	color: #fff;
	width: 37px;
	height: 39px;
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.875em;
	text-align: center;
	padding: 0;
	line-height: 39px;
}

.titan-pagination ul li a,
.titan-pagination ul li span {
	padding: 10px 3px 2px;
	display: inline-block;
	color: #fff;
	width: 37px;
	height: 39px;
	font-family: 'exobold', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.875em;
	text-align: center;
}

.titan-pagination ul li a.page-numbers,
.ngg-navigation a.page-numbers {
	background: transparent url('../images/gallery-btn.png') no-repeat -78px 0;
}

.titan-pagination ul li a.page-numbers:hover,
.titan-pagination ul li span.current,
.ngg-navigation a.page-numbers:hover,
.ngg-navigation span.current {
	background: transparent url('../images/gallery-btn.png') no-repeat -78px -41px;
}

.content-wrapper .ngg-navigation a.prev,
.content-wrapper .ngg-navigation a.next,
.content-wrapper .ngg-navigation a.prev:hover,
.content-wrapper .ngg-navigation a.next:hover {
	color: transparent !important;
}

.titan-pagination ul li a.prev,
.ngg-navigation a.prev {
	background: transparent url('../images/gallery-btn.png') no-repeat 0 0;
}

.titan-pagination ul li a.next,
.ngg-navigation a.next {
	background: transparent url('../images/gallery-btn.png') no-repeat -39px 0;
}

.titan-pagination ul li a.prev:hover,
.ngg-navigation a.prev:hover {
	background: transparent url('../images/gallery-btn.png') no-repeat 0 -41px;
}

.titan-pagination ul li a.next:hover,
.ngg-navigation a.next:hover {
	background: transparent url('../images/gallery-btn.png') no-repeat -39px -41px;
}

.service-gallery .image-list .video_cover {
	background: transparent url('../images/youtube_icon.png') no-repeat center;
	height: 32px;
    left: 50%;
    margin-left: -11px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    width: 32px;
}

/*------------------------------------------------------------------
	[ 10 Media Queries ]
-------------------------------------------------------------------*/
@media (min-width: 320px) {
	.service-gallery {
		width: 100%;
	}
	.service-gallery .image-list {
		/*height: 175px;*/
		overflow: hidden;
		height: 220px;
	}
	.service-gallery .image-list img {
		width: 100%;
	}
	.service-gallery .image-list .video_cover {
		margin-top: 15px;
	}
	.service-list {
		float: none;
	}
	.service-list h4 {
		white-space: inherit;
	}
	
	.service-gallery .image-list h4, .service-gallery .video-list h4 {
		white-space: normal;
	}
/*
width: 295px;
float: none;

*/

}
@media (min-width: 480px) {
	/*Header*/
	.header-wrapper {
		margin: 0 auto;
		left: 0;
		right: 0;
		width: 450px;
	}

	.logo img {
		max-width: 262px;
	}

	.earphone {
		width: 25px;
		height: 25px;
	}

	.envelope {
		width: 26px;
		height: 21px;
	}

	/* Top Menu */
	.menu-wrapper { 
		height: 57px;
		margin: 15px 0 0;
	}

	.top-menu-mobile {
		bottom: 10px;
	}

	.menu-wrapper .slicknav_btn {
		height: 54px;
	}

	.menu-wrapper.active .toggle-btn span {
		background-color: #fff;
	}

	.menu-wrapper.active .menu-btn {
		color: #fff;
	}

	button.mobile-menu {
		margin: 18px 0 0;
	}

	.phnum, .email {
		height: 48px;
	}

	.phnum a span, .email a span {
		font-size: 1.500em;
		margin-top: 10px;
	}

	.menu-btn {
		font-size: 1.250em;
		margin-top: 1px;
	}

	#top-menu, .slicknav_nav{
		top: 60px;
	}

	/*Banner*/
	.banner-wrapper {
		height: 575px;
	}

	.banner-content {
		width: 450px;
	}

	/* Leadins */
	.leadins-container {
		padding: 0 75px;
	}

	/* Sidebar */
	.sidebar .leadin-title {
		background: #256b3a url('../images/arrow.png') no-repeat 96% center;
	}

	.sidebar .leadin-title:hover,
	.sidebar .leadin-title:active,
	.sidebar .leadin-title:focus,
	.sidebar .leadin-title:link {
		background: #256b3a url('../images/arrow-active.png') no-repeat 96% center;
	}

	/* Services & Equipments Page */
	.service-gallery .video_list {
	
	}
	.service-gallery .video_list a {
		background: none;
	}
	.service-gallery .video_list img {
		width: 68%;
	}
}

@media (min-width: 568px) {
	.service-gallery .video_list img {
		width: 55%;
	}
}

@media (min-width: 640px) {
	.service-gallery .video_list img {
		width: 48%;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	/*Header*/
	.header-wrapper {
		width: 738px;
	}

	.headinfo-wrapper {
		text-align: right;
	}

	.headinfo {
		background-color: transparent;
	}

	.phnum-label,
	.email-label {
		display: block;
		color: #fff;
		font-family: 'exoblack', Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 16px;
	}

	.phnum {
		width: 33%;
		float: none;
	}

	.email {
		float: right;
	}

	.phnum, .email {
		padding: 6px 15px 0;
		text-align: left;
		height: 58px;
	}

	.phnum a, .email a,
	.phnum a:link, .email a:link {
		color: #fff;
		font-family: 'exomedium', Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 16px;
	}

	.phnum a span, 
	.email a span {
		display: none;
	}

	/*Menu*/

	.top-menu-mobile {
		display: none;
	}

	.menu-wrapper {
		height: 64px;
	}

	#top-menu {
		top: 22px;
		width: 736px;
		display: block;
	}

	#menu-top-menu {
		height: 42px;
		text-align: right;
		float: right;
		display: inline;
		width: auto;
	}

	#menu-top-menu > li {
		width: auto;
		height: 42px;
	}

	#menu-top-menu > li > a {
		padding: 12px 8px 5px;
	}

	/*Banner*/
	.banner-wrapper {
		height: auto;
	}

	.banner-shadow {
		/*top: 38%;*/
	}

	.banner-content {
		width: 738px;
	}

	.banner-image img {
		width: 100%;
	}

	/*Footer*/
	.footer-wrapper {
		padding: 25px 0;
	}

	.footer-pad {
		padding: 0;
	}

	.footer {
		text-align: left;
	}

	.copyright-outer-wrapper {
		float: left;
		margin-top: 15px;
	}

	.titan-wrapper {
		float: right;
	}

	.titan-badge span {
		margin: 0 0 10px;
	}

	/* Leadins */
	.leadins-wrapper {
		margin-top: -120px;
		z-index: 6;
		position: relative;
	}

	.leadins-container {
		padding: 0 15px;
	}

	.leadin-list.dark-green .leadin-title{
		background-color: #205d32;
	}

	/* Services and Equipments */
	.image-list {
		margin-bottom: 30px;
	}

	.image-list img {
		width: 100%;
	}

	/* Contact Us */
	.contact-info {
		margin-top: 0;
	}

	/* Gallery */
	.content-wrapper .ngg-galleryoverview {
		width: 100%;
	}

	.content-wrapper .ngg-galleryoverview br {
		display: none;
	}

	.content-wrapper .ngg-gallery-thumbnail-box {
		width: 29%;
		margin: 0 30px 0 0;
		float: left;
	}

	.content-wrapper .ngg-gallery-thumbnail img {
		margin: 15px 0;
		width: 100%;
		height: auto;
		max-height: 157px;
	}

	.content-wrapper .ngg-albumoverview {
		clear: both;
		width: 100%;
	}

	.content-wrapper .ngg-album,
	.content-wrapper .ngg-album-compact {
		float: left;
		clear: none;
		margin: 15px 10px 30px;
		padding: 0 37px !important;
		width: 47%;
	}

	.content-wrapper .ngg-album-compact {
		height: 302px;
	}

	.content-wrapper .ngg-album {
		height: 241px;
	}

	.content-wrapper .ngg-album-compact h4 {
		max-height: 40px;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.ngg-navigation {
		margin-right: 30px;
	}

	/* Projects page gallery */
	.project-list {
		float: left;
		height: 279px;
		max-width: 100%;
	}

	/* Projects single page */
	.image-list {
		max-height: 165px;
		overflow: hidden;
	}
	
	.service-gallery .image-list {
		/*width: 33%;*/
		width: 50%;
		overflow: visible;
		max-height: 220px;
	}
	
	.service-gallery .video_list {
		width: 50%;
	}
	
	.service-gallery .video_list a {
		overflow: hidden;
		height: 200px;
	}
	
	.service-gallery .image-list h4 {
		white-space: nowrap;
	}
	
	.service-gallery .video_list img {
		width: 80%;
	}
	
	.service-gallery .image-list .video_cover {
		/*margin-top: 15px;*/
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/*Header*/
	.header-wrapper {
		width: 960px;
	}

	.free-quote {
		font-family: 'exoblack', Arial, "Helvetica Neue", Helvetica, sans-serif;
		color: #256b3a;
		font-size: 1.000em;
		display: inline-block;
		margin: 20px 0 0 0;
		float: left;

	}

	.free-quote:hover {
		color: #686868;
	}

	.phnum {
		width: 25%;
	}

	.email {
		width: 33%;
	}

	/*Menu*/
	#top-menu {
		top: 15px;
	}

	.menu-wrapper {
		height: 57px;
	}

	/*Banner*/
	.banner-wrapper {
		/*height: 622px;*/
		/*height: auto;*/
		height: 700px;
		
	}
	.banner-wrap {
		top: -250px;
	}
	.banner-shadow {
		-webkit-transform: translateX(-50%) translateY(-70%);
				transform: translateX(-50%) translateY(-70%);
	}

	.banner-content {
		width: 960px;
		-webkit-transform: translateX(-50%) translateY(-70%);
				transform: translateX(-50%) translateY(-70%);
	}

	.banner-content h2 {
		font-size: 2.375em;
	}

	.banner-description {
		font-size: 1.125em
	}

	/*Footer*/
	.copyright-outer-wrapper {
		margin-top: 0;
	}

	.titan-badge span {
		display: inline-block;
		margin: 0 15px 0 0;
	}

	/* Leadins */
	.leadins-wrapper {
		margin-top: -175px;
	}

	.leadins-container {
		padding: 0;
	}

	/* Content */
	.main-front-page, .why-choose-us-wrapper > h2 {
		text-align: left;
	}

	.main-front-page {
		padding-left: 0;
	}

	.why-choose-us-wrapper {
		padding-right: 0;
	}

	/* Company Profile page */
	.staff-img img {
		width: 100%;
	}

	.staff-name {
		margin-top: 0;
	}

	/* Contact Us */
	.gform_wrapper .gform_body ul li {
		width: 47%;
		float: left;
		margin-right: 3%;
	}

	#field_2_5 {
		float: none;
		width: 97%;
	}

	/* Gallery */
	.content-wrapper .ngg-album,
	.content-wrapper .ngg-album-compact {
		margin: 15px 25px 30px !important;
		padding: 0 !important;
		width: 28%;
	}

	.content-wrapper .ngg-gallery-thumbnail-box {
		width: 21%;
	}

	.content-wrapper .ngg-gallery-thumbnail img {
		max-height: 148px;
	}

	.ngg-navigation {
		margin-right: 57px;
	}

	/* Projects page gallery */
	.project-list {
		height: 273px;
	}

	/* Projects single page */
	.image-list {
		max-height: 159px;
	}
	
	.image-list a {
		position: relative;
		height: 191px;
		overflow: hidden;
	}
	h4.apply_no_wordwrap {
		height: 25px;
		overflow: hidden;
		white-space: inherit;
	}
	
	.service-gallery .image-list .video_cover {
		margin-top: -11px;
	}
	
	
}
@media (min-width: 1024px) {
	.service-gallery .video_list img{
		width: 60%;
	}
	.service-gallery .video_list a {
		height: 87%;
	}
	.service-gallery .video_list h4.apply_no_wordwrap {
		overflow: visible;
	}
	
	
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/*Header*/
	.header-wrapper {
		width: 1170px;
	}

	.headinfo-wrapper{
		max-width: 668px;
		float: right;
	}

	.logo img {
		max-width: 359px;
	}

	.free-quote {
		margin: 28px 0 0 0;
	}

	.phnum, .email {
		height: 73px;
		padding: 13px 15px 0;
	}

	/*Menu*/
	#top-menu {
		top: 21px;
	}

	/*Banner*/
	.banner-shadow {
		/*top: 39%;*/
	}

	.banner-content {
		/*background: transparent url('../images/banner-overlay-mobile.png') no-repeat center;	*/
	}

	/* Leadins */
	.leadins-wrapper {
		margin-top: -212px;
	}

	.leadin-title {
		font-size: 1.500em;
	}

	/* Content */
	.content-wrapper {
		padding: 35px 15px;
	}

	/* Gallery */
	.content-wrapper .ngg-album,
	.content-wrapper .ngg-album-compact {
		margin: 15px 0px 30px !important;
		padding: 0 10px !important;
		width: 25%;
	}

	.content-wrapper .ngg-gallery-thumbnail-box {
		width: 22%;
	}

	.content-wrapper .ngg-gallery-thumbnail img {
		max-height: 157px;
	}

	.ngg-navigation {
		margin-right: 42px;
	}

	/* Projects page gallery */
	.project-list {
		height: 312px;
	}

	.project-list .project-thumb {
		min-height: 198px;
	}

	/* Projects single page */
	.image-list {
		/*max-height: 197px;*/
		max-height: 215px;
	}
	
	.service-gallery .image-list {
		width: 25%;
	}
	
	.service-gallery .video-list {
		width: 25%;
	}
	
	.service-gallery .video_list a {
		background: #1d552e;
	}
	
	.service-gallery .video_list img {
		width: 100%;
	}
	
	.service-gallery h4 {
		text-align: left;
	}
	.service-gallery h4.apply_no_wordwrap {
		height: 25px;
		overflow: hidden !important;
		white-space: inherit;
	}
}