/*
Theme Name: RipeConcepts Templates
Theme URI: http://www.ripeconcepts.com/
Author: RipeConcepts
*/

@charset "utf-8";



/* Predefined  */

*{
	padding:0;
	margin:0;
}
body{
	font-family: 'CalibriRegular';	
	background:#181617;
	color:#101010;
}
p{  
	font-size:16px;
	line-height:22px;
}
a{
	outline:none;
	text-decoration:none;	
	font-family: 'CalibriRegular';
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #92d400;
}
a img{
	border:0 none;
	outline:none;
}
ul, ol{
	list-style-type:none;
	display:block;
}
ol li, ul li {
	font-size:16px;
	line-height:22px;
	color: #fff;
}
*:focus {
    outline: 0;
}
input[type="search"] { 
    -webkit-appearance: none; 
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
h3 {
	font-family: 'CalibriBold';
	font-size: 20px;
	color: #92d400;
}
.bullets {
	list-style: disc;
	margin-left: 15px;
	margin-bottom: 15px;
}
.bullets li {
	padding-left: 10px;
}

.left{
	float:left;	
}
.right{
	float:right;	
}
.clear{
	height:0;
	clear:both;
}
.alignleft {
	padding: 5px 20px 10px 0;
	float: left;
}
.alignright {
	padding: 20px 0 20px 30px;
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#news img { max-width: 100%;}
/* Header */
		
	/* Menu Navigation */

		#top-nav ul {
			margin-top: 30px;
			float: right;
		}
		#top-nav ul > li {
			float: left;
		}
		#top-nav ul > li > a {
			margin: 0 20px 0 13px;			
			font-size: 16px;
			padding: 15px 0;
			display: block;
			color: #fff;
		}
		#top-nav ul > li.last > a,
		#top-nav ul > li#contactNav > a {
			margin-right: 10px;
		}
		#top-nav ul > li.active a,
		#top-nav ul li:hover > a,
		#top-nav ul > li.current_page_item a,
		#top-nav ul#menu > li.current-menu-parent a,
		#top-nav ul#menu li.current_page_item ul.sub-menu > li:hover a,
		#top-nav ul#menu li.current-menu-parent ul.sub-menu > li.current_page_item a {
			background: url(images/header/bg-topnav-active.png) repeat-x left bottom;
		}
		#top-nav ul li.active > a,
		#top-nav ul li:hover > a,
		#top-nav ul li.current_page_item > a {
			color: #92d400;
		}
		#top-nav ul#menu li.current_page_item ul.sub-menu li a {
			background: none;
		}
		#top-nav ul#menu li.current_page_item {
		    margin-right: 1px;
		    margin-left: 1px;
		}
		#top-nav ul#menu li ul.sub-menu {
		    cursor: pointer;
		    position: absolute;
		    visibility: hidden;
		    top: 50px;
		}
		#top-nav ul#menu li:hover ul.sub-menu {
			 visibility:visible;
			 z-index: 9999;
			 margin-left: 0px;
		}
		#top-nav ul#menu li ul.sub-menu li {
			 display:inline;
			 border:none;
			 float:none;
			 min-width: 190px;
			 *margin-top: -5px;
		}

	/* End of Menu Navigation */

	.header {
		background: url(images/header/header-bg.png) repeat-x;
	    position: fixed;
	    margin: 0 auto;
		color: #fcfbf7;
		height: 133px;	
		width: 100%;	
		z-index: 9;

	}
	.header h1 {
		background-color: #000;
		font-family: 'CalibriRegular';
		display: inline-block;
		float: right;
		margin: 0 auto;
		font-size: 18px;
		padding: 5px 10px;
	}
	.header h1 span {
		font-family: Arial;
		font-weight: bold;
		font-size: 22px;
	}
	.top-links {
		padding-right: 15px;
		float: right;
	}
	.top-links ul {
		float: right;
	}
	.header.green {
		background-color: rgba(85, 255, 2, 0.25);
	}
	.header.gray {
		background-color: rgba(68, 66, 66, 0.75);	
	}
	.scrolltop {
		background: url(images/up.png) no-repeat;
	    text-decoration: none;
	    display: none;
	    height: 36px;
	    opacity: 0.6;
	    position: fixed;
	    right: 2%;
	    top: 50%;
	    width: 36px;
	    z-index: 33;
	    text-indent: 9999px;
	}
	.scrolltop:hover {
		color: #fff;
	}
	.scrolltop span {
	    left: 10px;
	    position: relative;
	    top: 7px;
	}

/* End of Header */

/* Home Page */

		/* Banner */

			#banner {
				position: relative;
				width: 100%;
				height: 950px;
			    margin: 0 auto;
			    padding: 0;
			}
			#banner .scroll-down a {
				bottom: 10%;
			}
			.carousel.banner .item img {
				height: 1080px;
			}
			.carousel-inner > .item > img, .carousel-inner > .item > a > img {
				display: inline-block;
			}
			.carousel.banner .item img {
				width: 100%;
			}
			.carousel .carousel-caption {
				background: url(images/banner-text.png) no-repeat;
				padding: 30px 140px;
				text-align: left;
				height: 330px;				
				width: 713px;
				left: 10%;
				top: 30%;
			}
			.carousel .carousel-caption h1 {
				border-bottom: 3px solid #92d400;
				font-family: 'CalibriBold';
				font-size: 40px;
				padding-bottom: 10px;
				text-transform: uppercase;
			}
			.carousel .carousel-caption p {
				font-size: 16px;
			}
			.carousel-control.left {
				background: url(images/scroll-left.png) no-repeat;
				height: 25px;
				width: 30px;
				left: 71%;
				top: 60%;
			}
			.carousel-control.left:hover {
				background: url(images/scroll-left-active.png) no-repeat;
			}
			.carousel-control.right {
				background: url(images/scroll-right.png) no-repeat;
				height: 25px;
				right: 25%;
				width: 30px;
				top: 60%;
			}
			.carousel-control.right:hover {
				background: url(images/scroll-right-active.png) no-repeat;
			}
			.carousel-control span {
				display: none;
			}
			.about-mountain {
				background: url(images/about-mountain.png);
				position: absolute;
				bottom: 0;
				height: 170px;
				width: 100%;
			}
		
		/* End of Banner */

		/* About Us */

			#about-us {
				background: url(images/about-bg.png) 50% 0 fixed;
				position: relative;
				width: 100%;
				min-height: 650px;
				margin: 0 auto;
				padding: 0;
			}
			#about-us .title {		
				position: relative;
				text-align: center;
				opacity: 0;
			}
			#about-us .title h1 {
				background: url(images/header/bg-topnav-active.png) repeat-x left bottom;
				font-family: 'CalibriBold';
				padding: 0 40px 20px;
				display: inline-block;		
				font-size: 36px;		
			}
			#about-us .contents {
				padding-top: 40px;
				opacity: 0;
			}
			#about-us .read {
				border: 1px solid #92d400;
				display: inline-block;
				color: #92d400;
				padding: 5px 15px;
				transition:All 1s ease;
				-webkit-transition:All 1s ease;
				-moz-transition:All 1s ease;
				-o-transition:All 1s ease;
				transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
				-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
				-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
				-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
				-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
			}
			#about-us .read:hover {
				transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
				-webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
				-moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
				-o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
				-ms-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			}

		/* End of About Us */

		/* Services */

			#services {
				background: url(images/services.png) 50% 0 fixed;
				position: relative;
				width: 100%;
				height: 1300px;
				margin: 0 auto;
				padding: 0;
			}
			#services .title {
				position: relative;
				text-align: center;
				opacity: 0;
			}
			#services .title h1 {
				background: url(images/header/bg-topnav-active.png) repeat-x left bottom;
				font-family: 'CalibriBold';
				padding: 0 40px 20px;
				display: inline-block;
				font-size: 36px;
				color: #fff;
			}
			#services .contents {
				position: relative;
				top: 40px;
				color: #fff;
				opacity: 0;
			}
			#services .contents img {
				margin-bottom: 10px;
			}
			#services .portfolio-title {
				position: relative;
				color: #fff;
				top: 0px;
				opacity: 0;
			}
			#services .portfolio-title h1 {
				font-family: 'CalibriBold';
				font-size: 24px;
			}
			#services .portfolio {				
				border-bottom: 4px solid #92d400;
				border-top: 4px solid #92d400;		
				display: inline-block;						
				position: relative;
				padding: 10px 0;				
				top: 0px;
				opacity: 0;
			}
			#services .portfolio img {
				width: 175px;
				height: 180px;
			}
			#services .portfolio .box {
				position: relative;
				width: 175px;
			}
			#services .portfolio .box .titles {
				width: 100%;
				bottom: 0;
			}
			#services .portfolio .col-xs-6 {
				padding-left: 0;
			}
			#services .view-portfolio {
				border: 1px solid #fff;
				position: relative;
				padding: 5px;
				float: right;
				color: #fff;
				opacity: 0;
				top: 10px;
			}
			#services .box {
				position: relative;
				width: 277px;
			}
			#services .box .titles {
				background: url(images/sidebar-bg.png) repeat-y;
				transition:All 1s ease;
				-webkit-transition:All 1s ease;
				-moz-transition:All 1s ease;
				-o-transition:All 1s ease;
				position: absolute;
				font-family: 'CalibriBold';
				font-size: 20px;
				color: #fff;
				padding: 5px;
				bottom: 10px;
				width: 100%;				
			}
			#services .box .titles:hover {
				transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
				-webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
				-moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
				-o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
				-ms-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			}
			#services .carousel {
				top: 15px;
			}
			#services .left-quote {
				background: url(images/left-quote.png) no-repeat left top;
				padding-top: 40px;
			}
			#services .right-quote {
				background: url(images/right-quote.png) no-repeat right bottom;
			}
			#services .author {
				font-style: italic;
				display: block;
				color: #92d400;
			}
			#services .position {
				font-family: 'CalibriBold';
				color: #92d400;
			}
			#services .portfolio-top {
				padding-top: 50px;
			}
			.services-mountain {
				background: url(images/services-mountain.png);
				position: absolute;
				width: 100%;
				height: 130px;
				bottom: 0;
			}


		/* End of Services */

		/* Latest News */

			#latest-news {
				background: url(images/latest.jpg) 50% 0 fixed;
				position: relative;
				width: 100%;
				min-height: 1600px;
				margin: 0 auto;
				padding: 0;
			}
			@media screen and (-webkit-min-device-pixel-ratio:0) { 
				#latest-news {
					position: inherit;
				}
				#latest-news .divider {
					position: relative;
				}
				#latest-news .divider-black {
					height: 260px;
					position: relative;
				}
			}			
			#latest-news .title h1 {
				background: url(images/header/bg-topnav-active.png) repeat-x left bottom;
				font-family: 'CalibriBold';
				font-size: 36px;
				padding: 0 40px 20px;
				display: inline-block;
				color: #fff;
			}
			#latest-news .title {
				position: relative;
				margin-bottom: 50px;
				text-align: right;
				top: 110px;
				opacity: 0;
			}
			#latest-news .contents {
				position: relative;
				top: 90px;
				opacity: 0;
			}
			#latest-news .contents p {
				color: #fff;
			}
			#latest-news .contents h1 a {
				font-family: 'CalibriBold';
				display: block;
				padding-left: 80px;
				font-size: 24px;
				color: #fff;
			}
			#latest-news .contents h1 a:hover {
				color: #92d400;
			}
			#latest-news .titles {
				margin-bottom: 30px;
			}
			#latest-news .date {
				background: url(images/date.png) no-repeat;
				position: relative;
				float: left;
				width: 64px;
				height: 66px;
			}
			#latest-news .date .day {
				position: absolute;
				font-weight: bold;
				font-size: 26px;
				color: #566813;
				left: 30%;
				top: 20%;
			}
			#latest-news .date .year{
				background-color: #92d400;
				position: absolute;
				font-size: 10px;			   
			    padding: 0 10px;
			    color: #fff;
			    left: 15%;
			    top: 70%;
			}
			#latest-news .author {
				border: 1px solid #fff;
				padding: 5px;
				color: #fff;
			}
			#latest-news .author .comments a {
				border-bottom: 2px solid #e5f2c8;
			}
			#latest-news .author a {
				color: #fff;
			}
			#latest-news .author .read {
				padding-right: 10px;
				float: right;
			}
			#latest-news .wp-pagenavi {
				margin-top: 20px;
				color: #fff;
			}
			#latest-news .wp-pagenavi a {
				padding-left: 10px;
				color: #fff;
			}
			#latest-news .wp-pagenavi .current {
				padding-left: 10px;
			}

		/* End of Latest News */

		/* Contact Us */

			#contact-us {
				/*background: url(images/contact-bg.jpg) 50% 0 fixed;*/
				background-color: #181617;
				position: relative;
				width: 100%;
				height: 950px;
				margin: 0 auto;
				padding: 0;
			}
			#contact-us .title {
				position: relative;
				text-align: right;
				opacity: 0;
			}
			#contact-us .title h1 {
				border-bottom: 4px solid #92d400;
				font-family: 'CalibriBold';
				font-size: 36px;
				padding: 0 40px 20px;
				display: inline-block;
				color: #fff;
			}
			#contact-us .contents {
				position: relative;
				height: auto;
				top: 40px;
				color: #fff;
				opacity: 0;
			}
			#contact-us .contents p {
				margin-bottom: 0;
				line-height: 20px;
			}
			#contact-us .contents h1 {
				background-color: #000;
				font-size: 18px;
				padding: 5px 10px;
			}
			#contact-us .contents h1 span {
				font-size: 22px;
				font-family: Arial;
			}
			#contact-us input {
				margin-bottom: 10px;
				padding: 5px;
				color: #000;
			}
			#contact-us input.wpcf7-captchar {
				width: 50px;
			}
			#contact-us input.wpcf7-submit {
				background-color: #92d400;
				color: #fff;
				border: none;
				width: 75px;
			}
			#contact-us input,
			#contact-us textarea {
				margin-bottom: 10px;
				width: 300px;
			}
			#contact-us textarea {
				height: 240px;
				padding: 5px;
			}
			#contact-us h2 {
				font-size: 20px;
				color: #92d400;
			}
			#contact-us .social li {
				padding-right: 10px;
				float: left;
			}
			#contact-us .social li.last {
				padding-right: 0;
			}

		/* End of Contact Us */

		/* Sidebar */

			.sidebar {
				background: url(images/sidebar-bg.png) repeat-y;
				margin-bottom: 20px;
				padding: 10px 20px 30px;
				width: 304px;
			}
			.sidebar .titles {
				border-bottom: 3px solid #92d400;
				padding-bottom: 5px;
				margin-bottom: 20px;
				font-size: 24px;
				color: #fff;
				
			}
			.sidebar ul li {
				background: url(images/bullets.png) left 5px no-repeat;
				padding-left: 20px;
			}
			.sidebar ul li a {
				border-bottom: 1px solid #758a43;
				padding-bottom: 5px;
				margin-right: 10px;
				font-size: 16px;
				display: block;
				color: #fff;
			}
			.sidebar ul li a:hover {
				color: #92d400;
			}


		/* End of Sidebar */

	.opacity {
		opacity: 1 !important;
	}
	.home {
		background: #000;
	}
	.scroll-down a {
		background: url(images/down.png) no-repeat;
		position: absolute;
		height: 68px;
		width: 68px;
		bottom: 0%;
		z-index: 99;
		left: 48.4%;
	}

/* End of Home Page */

/* SubPages */

	/* About Us Page */

		#about-us-header {
			background: url(images/about-us.jpg) 50% 0 fixed;
			position: relative;
			height: 460px;
			margin: 0 auto;
			padding: 0;
		}
		.page-id-33 #subpage-contents .thumb img {
			padding-left: 40px;
			float: right;			
			height: 50%;
			width: 50%;
		}
		.page-id-33 #subpage-contents li {
			margin-right: 10px;
			float: left;
		}
		.page-id-33 h3 span {
			font-size: 16px;
		}


	/* End of About Us Page */

	/* Latest Page */

		#latest-news-header {
			background: url(images/latest-news.jpg) 50% 0 fixed;
			position: relative;
			width: 100%;
			height: 600px;
			margin: 0 auto;
			padding: 0;
		}
		#latest-news-contents {
			/*background: url(images/latest-news-contents.png) 50% 0 fixed;*/
			background-color: #181617;
			position: relative;
			height: auto;
			margin: 0 auto;
			width: 100%;
			padding: 0;
		}
		#latest-news-contents .sidebar {
			border: 1px solid #333;
			background: none;
		}
		#latest-news-contents .contents h1 a {
			font-family: 'CalibriBold';
			display: block;
			font-size: 24px;
			color: #fff;
		}
		#latest-news-contents .contents h1 a:hover {
			color: #718541;
		}
		#latest-news-contents .contents h1 {
			font-family: 'CalibriBold';
			display: block;
			padding-left: 80px;
			font-size: 24px;
			color: #92d400;
		}
		#latest-news-contents .date {
			background: url(images/date.png) no-repeat;
			position: relative;
			margin-bottom: 20px;
			float: left;
			width: 64px;
			height: 66px;
		}
		#latest-news-contents .date .day {
			position: absolute;
			font-weight: bold;
			font-size: 26px;
			color: #566813;
			left: 30%;
			top: 20%;
		}
		#latest-news-contents .date .year{
			background-color: #92d400;
			position: absolute;
			font-size: 10px;			   
		    padding: 0 10px;
		    color: #fff;
		    left: 15%;
		    top: 70%;
		}
		#latest-news-contents .author {
			border: 1px solid #fff;
			padding: 5px;
			color: #fff;
		}
		#latest-news-contents .author .comments a {
			border-bottom: 2px solid #c6c5c6;
		}
		#latest-news-contents .author a {
			color: #fff;
		}
		#latest-news-contents .author .read {
			padding-right: 10px;
			float: right;
		}
		#latest-news-contents .wp-pagenavi {
			margin-top: 20px;
			color: #fff;
		}
		#latest-news-contents .wp-pagenavi a {
			padding-left: 10px;
			color: #fff;
		}
		#latest-news-contents .wp-pagenavi .current {
			padding-left: 10px;
		}
		#latest-news-contents a {
			color: #fff;
		}
		#latest-news-contents a:hover {
			color: #92d400;
		}
		#latest-news-contents .title {			
			position: relative;
			text-align: right;
			opacity: 0;
		}
		#latest-news-contents .title h1 {
			background: url(images/header/bg-topnav-active.png) repeat-x left bottom;
			font-family: 'CalibriBold';
			padding: 0 40px 20px;
			display: inline-block;		
			font-size: 36px;
			color: #fff;
		}
		#latest-news-contents .contents {
			position: relative;
			color: #fff;
			/*top: 180px;*/
			opacity: 0;
		}
		#latest-news #news .fa-spinner {
			font-size: 60px;
			color: #92D400;
			display: block;			
			text-align: center;
			margin: 0 auto;
		}
		#latest-news-contents .sidebar ul li a {
			border-bottom: 1px solid #464545;
		}

	/* End of Latest Page */

	/* Services Page */

		#services-header {
			background: url(images/services.jpg) 50% 0 fixed;
			position: relative;
			width: 100%;
			height: 600px;
			margin: 0 auto;
			padding: 0;
		}
		.services-page .box {
			position: relative;
			margin-bottom: 40px;
			width: 277px;
		}
		.services-page .box .titles {
			background: url(images/sidebar-bg.png) repeat-y;
			transition:All 1s ease;
			-webkit-transition:All 1s ease;
			-moz-transition:All 1s ease;
			-o-transition:All 1s ease;
			position: absolute;
			font-family: 'CalibriBold';
			font-size: 20px;
			color: #fff;
			padding: 5px;
			bottom: 0;
			width: 100%;				
		}
		.services-page .box .titles:hover {
			transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			-webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			-moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			-o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			-ms-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
		}
		.single-services #latest-news-contents .contents h1 {
			font-family: 'CalibriBold';
			display: block;
			font-size: 24px;
			color: #92d400;
			text-align: center;
		}
		.single-services #thumbs {
			padding: 0;
		}
		.single-services #news .images {
			padding-bottom: 20px;			
		}
		.single-services .text-wrapper {
			margin-top: 20px;
		}

	/* End of Services Page */

	/* Project Portfolio Page */

		#filters {
			margin-bottom: 40px;
			text-align: center;
		}
		#filters button.is-checked {
			background: #92d400;
			border: none;			
		}
		#filters button {
			background: none;
			border: 1px solid #fff;
			margin-right: 15px;
			padding: 10px 50px;
			color: #fff;
		}
		#filters button.last {
			margin-right: 0;
		}
		.isotope .element-item {
			float: left;
		    height: 181px;
		    margin: 10px;
		}
		.isotope .element-item .name {
			background: url(images/sidebar-bg.png) repeat-y;
			transition:All 1s ease;
			-webkit-transition:All 1s ease;
			-moz-transition:All 1s ease;
			-o-transition:All 1s ease;
			position: absolute;
			margin-bottom: 0;
			font-family: 'CalibriBold';
			font-size: 20px;
			color: #fff;
			padding: 5px;
			bottom: 0;
			width: 100%;
		}
		.isotope .element-item  .name:hover {
			transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			-webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			-moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			-o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
			-ms-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
		}
		#portfolio-header {
			background: url(images/portfolio-page.jpg) 50% 0 fixed;
			position: relative;
			width: 100%;
			height: 600px;
			margin: 0 auto;
			padding: 0;
		}
		.gallery-thumb {
			margin-top: 20px;
		}
		#latest-news-contents .navigation {
			display: inline-block;
			margin-top: 20px;
		}
		#latest-news-contents .navigation .nav-links a {
			margin-right: 10px;		
			color: #92D400;	
		}
		.single-portfolio #latest-news-contents .contents h1 {
			text-align: center;
		}

	/* End of Project Portfolio Page */

	/* Contact Us Page */

		.contact-us .contents h1 {
			background-color: #000;
			font-size: 18px;
			padding: 5px 10px;
		}
		.contact-us .contents h1 span {
			font-size: 22px;
			font-family: Arial;
		}
		.contact-us input {
			margin-bottom: 10px;
			padding: 5px;
			color: #000;
		}
		.contact-us input.wpcf7-submit {
			background-color: #92d400;
			color: #fff;
			border: none;
			width: 75px;
		}
		.contact-us input,
		.contact-us textarea {
			margin-bottom: 10px;
			width: 300px;
		}
		.contact-us textarea {
			height: 240px;
			padding: 5px;
		}
		.contact-us h2 {
			font-size: 20px;
			color: #92d400;
		}
		.contact-us .social li {
			padding-right: 10px;
			float: left;
		}
		.contact-us .social li.last {
			padding-right: 0;
		}
		.contact-us .contents p {
			margin-bottom: 0;
			line-height: 20px;
		}

	/* End of Contact Us page */

		#subpage-contents {
			/*background: url(images/about-us-contents.png) 50% 0 fixed;*/
			background-color: #181617;
			position: absolute;
			min-height: 500px;
			height: auto;
			margin: 0 auto;
			width: 100%;
			padding: 0;
		}
		#subpage-contents a {
			color: #92D400;
		}
		#subpage-contents .title {			
			position: relative;
			text-align: center;
			/*top: 150px;*/
			opacity: 0;
		}
		#subpage-contents .title h1 {
			background: url(images/header/bg-topnav-active.png) repeat-x left bottom;
			font-family: 'CalibriBold';
			padding: 0 40px 20px;
			display: inline-block;		
			margin-bottom: 60px;
			font-size: 36px;
			color: #fff;
		}
		#subpage-contents .contents {
			position: relative;
			color: #fff;
			/*top: 180px;*/
			opacity: 0;
		}
		.black {
			background: url(images/black-mountain.png);
			position: absolute;
			width: 100%;
			height: 160px;
			bottom: 0;
		}
		.black-invert {
			background: url(images/black-mountain-invert.png);
			position: absolute;
			width: 100%;
			height: 160px;
			top: 0;
		}
		.page-list ul.children {
			padding-left: 20px;
		}

/* End of SubPages */

/* Footer */
	
	.home #footerWrap {
		position: absolute;
		bottom: 0;
	}
	#footerWrap {
		background: url(images/footer.png) repeat-x;
		width: 100%;
		height: 190px;
	}
	#footerWrap p {
		margin-top: 17%;
		margin-bottom: 0;
		float: right;
		font-size: 12px;
		color: #fff;
	}
	#footerWrap a {
		color: #fff;
	}
	#footerWrap a:hover {
		color: #92d400;
	}
	#footerWrap .social-media {
		float: right;
		margin-top: 40%;
	}
	#footerWrap .qms {
		margin-top: 15%;
	}
	#footerWrap .qms li,
	#footerWrap .social-media li {
		margin-right: 5px;
		float: left;
	}
	#footerWrap .qms li a {
		display: inline-block;
	}
	#footerWrap .qms li.last {
		padding-left: 5%;
		margin-right: 0;
	}

/* End of Footer */


/* Comment Page */
	
	.comments-title,
	.comment-list,
	.comment-reply-title,
	.must-log-in,
	.comment-respond .comment-form,
	.comment-respond iframe {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 604px;
		width: 100%;
	}

	.sidebar .comments-title,
	.sidebar .comment-list,
	.sidebar .must-log-in,
	.sidebar .comment-reply-title,
	.sidebar .comment-navigation,
	.sidebar .comment-respond .comment-form {
		max-width: 1040px;
		padding-left: 60px;
		padding-right: 376px;
	}

	.comments-title {
		font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
	}

	.comment-list,
	.comment-list .children {
		list-style-type: none;
		padding: 0;
	}

	.comment-list .children {
		margin-left: 20px;
	}

	.comment-list > li:after,
	.comment-list .children > li:before {
		background: url(images/dotted-line.png) repeat left top;
		background-size: 4px 4px;
		display: block;
		height: 1px;
		width: 100%;
	}

	.comment-list > li:last-child:after {
		display: none;
	}

	.comment-body {
		padding: 24px 0;
		position: relative;
	}

	.comment-author {
		float: left;
		max-width: 74px;
	}

	.comment-author .avatar {
		display: block;
		margin-bottom: 10px;
	}

	.comment-author .fn {
		word-wrap: break-word;
	}

	.comment-author .fn,
	.comment-author .url,
	.comment-reply-link,
	.comment-reply-login {
		color: #bc360a;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
	}

	.says {
		display: none;
	}

	.no-avatars .comment-author {
		margin: 0 0 5px;
		max-width: 100%;
		position: relative;
	}

	.no-avatars .comment-metadata,
	.no-avatars .comment-content,
	.no-avatars .comment-list .reply {
		width: 100%;
	}

	.bypostauthor > .comment-body .fn:before {
		vertical-align: text-top;
	}

	.comment-list .edit-link {
		margin-left: 20px;
	}

	.comment-metadata,
	.comment-awaiting-moderation,
	.comment-content,
	.comment-list .reply {
		float: right;
		width: 79%;
		width: -webkit-calc(100% - 124px);
		width:         calc(100% - 124px);
		word-wrap: break-word;
	}

	.comment-meta,
	.comment-meta a {
		color: #a2a2a2;
		font-size: 13px;
	}

	.comment-meta a:hover {
		color: #ea9629;
	}

	.comment-metadata {
		margin-bottom: 20px;
	}

	.ping-meta {
		color: #a2a2a2;
		font-size: 13px;
		line-height: 2;
	}

	.comment-awaiting-moderation {
		color: #a2a2a2;
	}

	.comment-awaiting-moderation:before {
		margin-right: 5px;
		position: relative;
		top: -2px;
	}

	.comment-reply-link:before,
	.comment-reply-login:before {
		margin-right: 3px;
	}

	/* Comment form */
	.comment-respond {
		padding: 30px 0;
		clear: both;
	}

	.comment .comment-respond {
		margin-bottom: 20px;
		padding: 20px;
	}

	.comment-reply-title {
		font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
	}

	.comment-reply-title small a {
		color: #131310;
		display: inline-block;
		float: right;
		height: 16px;
		overflow: hidden;
		width: 16px;
	}

	.comment-reply-title small a:hover {
		color: #ed331c;
		text-decoration: none;
	}

	.comment-reply-title small a:before {
		vertical-align: top;
	}

	.sidebar .comment-list .comment-reply-title,
	.sidebar .comment-list .comment-respond .comment-form {
		padding: 0;
	}

	.comment-form .comment-notes {
		margin-bottom: 15px;
	}

	.comment-form .comment-form-author,
	.comment-form .comment-form-email,
	.comment-form .comment-form-url {
		margin-bottom: 8px;
	}

	.comment-form [for="author"],
	.comment-form [for="email"],
	.comment-form [for="url"],
	.comment-form [for="comment"] {
		float: left;
		padding: 5px 0;
		width: 120px;
	}

	.comment-form .required {
		color: #ed331c;
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"] {
		max-width: 270px;
		width: 60%;
	}

	.comment-form textarea {
		width: 100%;
	}

	.form-allowed-tags,
	.form-allowed-tags code {
		color: #686758;
		font-size: 12px;
		display: none;
	}

	.form-allowed-tags code {
		font-size: 10px;
		margin-left: 3px;
	}

	.comment-list .pingback,
	.comment-list .trackback {
		padding-top: 24px;
	}

	.comment-navigation {
		font-size: 20px;
		font-style: italic;
		font-weight: 300;
		margin: 0 auto;
		max-width: 604px;
		padding: 20px 0 30px;
		width: 100%;
	}

	.no-comments {
		background-color: #f7f5e7;
		font-size: 20px;
		font-style: italic;
		font-weight: 300;
		margin: 0;
		padding: 40px 0;
		text-align: center;
	}

	.sidebar .no-comments {
		padding-left: 60px;
		padding-right: 376px;
	}
	
	.comment-content {
		margin-left: 30px;
		margin-top: 10px;
	}
	.comment-respond input[type='text'], .comment-respond input[type='email'], .comment-respond input[type='url'] {
		padding: 5px;
	}
	.comment-respond label {
		display: block;
	}
	.comment-respond input[type='submit'] {
		border: none;
		padding: 5px;
		cursor: pointer;
		background: #92d400;
		color: #fff;
		font-size: 16px;
	}

/* End of Comment Page */

/* Error 404 Page */

	#error-header {
		background: url(images/services.jpg) 50% 0 fixed;
		position: relative;
		width: 100%;
		height: 770px;
		margin: 0 auto;
		padding: 0;
	}
	#error-contents {
		background: url(images/about-us-contents.png) 50% 0 fixed;
		position: relative;
		width: 100%;
		height: 480px;
		margin: 0 auto;
		padding: 0;
	}
	#error-header .title {			
		position: relative;
		text-align: center;
		top: 500px;
	}
	.error404 h1 {
		background: url(images/header/bg-topnav-active.png) repeat-x left bottom;
		font-family: 'CalibriBold';
		padding: 0 15px 20px;
		display: inline-block;
		font-size: 36px;
		color: #fff;
	}
	.error404 #primary {
		padding-top: 105px;
	}

/* End of Error 404 Page */

/* Chrome Hack */

	@media screen and (-webkit-min-device-pixel-ratio:0) { 

		#about-us {
			background: #fff;
		}
		#services {
			background: #181617;
		}
	}

/* Chrome Hack */


/* Media Responsive CSS */	
	
	/* 1200 up */

		@media only screen and (min-width: 923px) {

			.container {
				width: 960px;
			}
			.story {
			    margin: 0 auto;
			    min-width: 980px;
			    width: 980px;
			    padding-bottom: 10%;
			}
			body > header > div > div > div.col-md-10.col-sm-10 {
				float: right;
				padding-right: 0;
			}
			#top-nav ul#menu li ul.sub-menu {
				display: block !important;
			}
			.caret {
				display: none;
			}
			#latest-news #news {
				width: 62.667%;
			}
			/*#latest-news-contents #news {
				width: 62.999%;
			}*/
			#services .container .col-md-8 {
				padding-right: 8%;
			}
			#services .container .col-md-4 {
				padding-left: 0;
			}
			#services .container .col-md-4:last-child {
				padding-right: 0;
			}
			#services .testimonial-top {
				width: 29.333%;	
			}
			.blog .top-links {
				padding-right: 35px;
			}
			#footerWrap .qms li.last {
				padding-left: 14%;
			}
		}

	/* End of 1200 up */

	@media only screen and (min-width: 993px) and (max-width: 1024px) {
		/*.page #footerWrap .col-md-8 {
			width: 52.33333333%;
		}
		.page #footerWrap .qms li.last {
			padding-left: 0;
		}
		.page #footerWrap p {
			margin-top: 0;
		}
		.page #footerWrap .social-media {
			margin-top: 30%;
		}
		.page #footerWrap .col-md-4 {
			width: 47.66666667%;
		}*/
		#latest-news {
			background: url(images/tablet-latest.jpg) scroll;
			min-height: 1700px;
		}
		#latest-news .black-invert {
			display: none;
		}
		#latest-news .black {
			bottom: 0px;
		}
		#services {
			height: 1300px;
		}
		.scroll-down a {
			display: none;
		}
		.services-page .contents .box img {
			width: 280px;
		}
		.isotope {
			left: 30px;
		}
		#latest-news-contents #thumbs img.attachment-services_thumb {
			margin-left: 15px;
		}
	}

	/* Large Devices (destops, less than 992)  */

		@media only screen and (max-width: 992px) { 

			h1 {
				font-size: 30px;
			}
			p {
				font-size: 13px;
			}
			
			/* Home Page */

				/* Header */

					.top-links {
						float: left;
					}
					#top-nav ul > li > a {
						margin: 0 10px 0 9px;
					}
					#top-nav ul#menu li ul.sub-menu {
						display: block !important;
					}

				/* End of Header */
				
				/* Banner */

					#banner {
						height: 705px;
					}
					.carousel.banner .item img {
						height: 740px;
					}
					.carousel .carousel-caption h1 {
						font-size: 30px;
					}
					.carousel-control.left {
						left: 85%;
					}
					.carousel-control.right {
						right: 7%;
					}

				/* End of Banner */		

				/* About Us */

					#about-us {
						min-height: 850px;
					}
					#about-us img {
						margin-top: 20px;
					}
					#about-us .title {
						text-align: center;
						top: 0px;
					}
					#about-us .contents {
						padding-top: 50px;
					}
					#about-us .black {
						bottom: 0;
					}

				/* End of About Us */	

				/* Services */

					#services {
						min-height: 1880px;
					}
					#services .title {
						top: 0px;
					}
					#services .contents {
						top: 50px;
					}
					#services .portfolio .box {
						width: 145px;
					}
					#services .portfolio img {
						width: 145px;
						height: 145px;
					}
					#services .portfolio-top {
						padding-top: 100px;
					}

				/* End of Services */

				/* Latest News */

					#latest-news {
						background: url(images/tablet-latest.jpg) scroll;
						min-height: 2200px;
					}
					#latest-news .title {
						text-align: center;
						top: 100px;
					}
					#latest-news .story {
						padding-bottom: 0;
					}
					#latest-news .contents {
						top: 50px;
					}
					#latest-news #news {
						margin-bottom: 20px;
					}
					#latest-news .black-invert {
						display: none;
					}
					#latest-news-contents .date {
						margin-right: 10px;
					}
					.sidebar {
						background-repeat: repeat;
						width: 100%;
					}

				/* End of Lates News */

				/* Contact Us */

					#contact-us .title {
						text-align: center;
						top: -30px;
					}
					#contact-us .contents {
						top: 0px;
					}
					#contact-us input,
					#contact-us textarea {
						width: 100%;
					}

				/* End of Contact Us*/

			/* End of Home Page */

			/* Sub Pages */
				
				/* About Us */

					#about-us-header {
						height: 600px;
					}

				/* About Us */			

				/* Services */

					#services-header {
						height: 600px;
					}
					.services-page .box {
						margin: 0 auto 20px;
					}
					.services-page .contents .col-sm-6 {
						width: 40%;
					}
					.services-page .contents .col-sm-6:nth-child(odd) {
						margin-left: 10%;
					}
					.services-page .contents .col-sm-6:nth-child(even) {
						margin-left: 0;
					}

				/* End of Services */

				/* Project Porfolio */

					#portfolio-header {
						height: 600px;
					}
					.isotope .element-item {
						margin-left: 55px;
					}

				/* End of Project Porfolio */

				/* Latest News */

					#latest-news-header {
						height: 600px;
					}
					#latest-news-header .black {
						bottom: 0%;
					}
					#latest-news-contents .contents h1 {
						padding-left: 0;
					}
					#latest-news-contents .attachment-services_thumb {
						display: block;
						margin-left: auto;
						margin-right: auto;
					}
					#latest-news-contents .title {
						text-align: center;
					}
					.alignright {
						padding: 0;
						float: none;
						width: auto !important;
					}

				/* End of Latest News */

				.single-portfolio .black {
					bottom: 0;
				}
				.caret {
					display: none;
				}
				.story {
					padding-bottom: 20%;
				}

			/* End of Sub Pages */

			/* Footer */	

				#footerWrap .qms {
					margin-left: 0;
					margin-top: 20%;
				}
				#footerWrap .qms li.last {
					padding-left: 0;
				}
				#footerWrap p {
					margin-top: 0px;
				}

			/* End of Footer */

		}

	/* End ofLarge Devices (destops, less than 992 but greater than 768)  */

	/* Medium Devices (tablets, less than 768 but greater than 480)  */

		@media only screen and (max-width: 767px) { 

			/* Header */

				/* Banner */

					.carousel .carousel-caption {
						background: url(images/banner-text-mobile.png) no-repeat;
						padding: 30px 10% 30px 16%;
						width: 85%;
						left: 0%;
					}
					.carousel .carousel-caption h1 {
						font-size: 17px;
					}
					.carousel .carousel-caption p {
						font-size: 11px;
					}

				/* End of Banner */

				/* Menu */

					.mobile-menu {
						background: #7eb405 url(images/bg-mobile-nav.jpg) repeat-x left bottom;
						height: 39px;
						position: fixed;
						width: 100%;
						z-index: 999;
						left: 0;
						top: 0;
						text-shadow: 1px 1px 1px #023e5b;				
					}		
					.mobile-menu ul li {
						list-style: none;
						float: left;
						padding: 8px 15px;
						border-right: 1px solid #698e16;
					}		
					.mobile-menu .navbar-toggle {
						padding: 9px 15px;
						margin: 0;
						border-radius: 0;
						border: 0;
						border-left: 1px solid #698e16;
						outline: 0;
						color: #fff;
					}
					.mobile-menu .navbar-toggle span {
						margin-right: 4px;
						font-size: 16px;
					}
					#top-nav{
						background: #7eb405;
						position: fixed;
						padding: 0;
						top: 39px;
						right: 0px;
						width: 100%;
						z-index:9999;
					}
					#top-nav ul{
						padding:10px 0;
						float: none;
					}
					#top-nav ul > li{
						float:none;
						padding:0;
						height:auto;
						text-align:center;
					}
					#top-nav ul > li:hover{
						background: #4E6F08;
					}
					#top-nav ul > li a {
						margin: 0;
						color:#fff;
						display:block;
						padding:5px 0;
					}
					#top-nav ul li:hover a {
						background: none;
						-webkit-transition: none;
						-moz-transition: none;
						-ms-transition: none;
						-o-transition: none;
						transition: none;
					}
					#top-nav ul#menu li:hover ul.sub-menu {
						visibility: hidden;
					}
					#top-nav ul#menu li.clicked ul.sub-menu {
						visibility: visible;
						position: inherit;
						top: 0;
					}
					#top-nav ul#menu li.clicked ul.sub-menu li {
						min-width: 90px;
					}

					/*#top-nav ul#menu li ul.sub-menu {
						visibility: visible;
						position: inherit;
						top: 0;
					}*/
					#top-nav .menu-item-has-children.clicked {
						background: #4E6F08;
					}
					#top-nav .menu-item-has-children {
						position: relative;
					}
					#top-nav ul#menu li ul.sub-menu li {
						display: inline-block;
					}
					.page #top-nav ul > li > a {
						display: inline-block;
					}
					.navbar-collapse {
						max-height: 500px;
					}
					.caret {
						position: absolute;
						display: inline-block;
						cursor: pointer;
						border-top: 7px solid;
						border-right: 5px solid transparent;
						border-left: 5px solid transparent;
						margin: 5px 10px 10px;
						top: 30%;
						right: 10%;
					}
					.caret.down {
						border-bottom: 7px solid; 
						border-top-width: 0;
						top: 12%;
					}
					.home .header #top-nav {
						padding-right: 0;
					}
					.page #top-nav ul > li > a {
						text-transform: uppercase;
						font-weight: bold;
						margin-left: 0;
					}
					#top-nav ul {
						margin-top: 0;
					}

				/* End of  Menu */

				.header,
				.header.gray,
				.header.green {
					background: none;
				}
				.header {
					height: 40px;
				}
				#logo {
					text-align: center;
					margin-top: 39px;
				}
				.scroll-down a {
					z-index: 8;
				}

			/* End of Header */

			/* Home Page */

				/* Services */

					#services {
						min-height: 2150px;
					}
					#services .box {
						margin: 0 auto 10px;
						text-align: center;
					}
					#services .title {
						top: -100px;
					}
					#services .testimonial-top {
						top: 180px;
					}
					#services .left-quote {
						position: relative;
						top: -130px;
					}
					#services .portfolio-top {
						padding-top: 200px;
					}
					#services .portfolio .box .titles {
						text-align: left;
						font-size: 16px;
					}

				/* End of Services */

				/* Latest News */

					#latest-news-contents .title {
						text-align: center;
					}
					#latest-news-contents .contents .date {
						margin-right: 10px;
					}
					#latest-news-contents .wp-pagenavi {
						margin-bottom: 20px;
					}
					#latest-news-contents #news img {
						width: 100%;
					}
					#latest-news #news {
						width: 100%;
					}

				/* Latest News */

				/* Project Portfolio */
					.isotope .element-item {
						margin-left: 10px;
					}

				/* End of Project Portfolio */				

				/* Contact Us */

					#contact-us {
						height: 1250px;
					}
					#contact-us .title {
						text-align: center;
					}
				
				/* End of Contact Us */

			/* End of Home Page */

			/* Sub Pages */

				/* Services Pages */

					.services-page .box {
						margin-bottom: 20px;
					}
					.services-page .contents .col-sm-6:nth-child(odd) {
						margin-left: 0;
					}
					.services-page .contents .col-sm-6 {
						width: 100%;
					}

				/* End of Services Pages */

				/* Featured Project Page */

				/* End of Featured Project Page */				

			/* End of Sub Pages */

			/* Footer */

				#footerWrap .qms {
					margin-top: 18%;
				}
				#footerWrap .qms li.last {
					padding-left: 0;
				}
				#footerWrap p {
					margin-top: 0;
				}
				#footerWrap .social-media img {
 					width: 35px;
				}
				#footerWrap .social-media {
					margin-top: 70%;
				}

			/* End of Footer */

		}

	/* End of Medium Devices (tablets, less than 768 but greater than 480)  */

	@media only screen and (max-width: 620px) {
		.carousel .carousel-caption {
			padding: 30px 15% 30px 25%;
			width: 100%;
		}
		.carousel-control.left {
			left: 80%;
			top: 65%;
		}
		.carousel-control.right {
			top: 65%;
		}
		.carousel.banner .item img {
			height: 600px;
		}
		#subpage-contents img {
			width: 100%;
		}
		#subpage-contents .ajax-loader {
			width: 16px;
		}
		#latest-news {
			background-position: 50% -30px !important;
			min-height: 2100px;
		}
		#latest-news .contents img {
			width: 100%;
		}	
		#services .contents {
			top: -70px;
		}
		#services .testimonials {
			top: -220px;
		}
		#services .portfolio-top {
			padding-top: 0;
		}
		.isotope {
			left: 0;
		}
		.isotope .element-item {
			left: 17% !important;
		}
		#footerWrap p {
			margin-top: 0;
			font-size: 10px;
		}
		#footerWrap .social-media {
			margin-top: 100%;
		}
		#footerWrap .social-media li img {
			width: 25px;
		}
		#footerWrap .qms {
			margin-top: 25%;
		}
		.contact-us input, .contact-us textarea {
			width: 100%;
		}
		#filters button {
			margin: 0 auto 10px;
			display: block;
		}		
		.page-id-33 #subpage-contents li {
			margin-bottom: 10px;
		}		
		.scroll-down a {
			left: 43%;
		}

		/* Contact Us */

			#contact-us {
				height: 1400px;
			}
			#contact-us .invalid .name,
			#contact-us .invalid .email {
				display: block !important;
			}

		/* End of Contact Us */	
	}

	/* Small Devices (phones, less than 479) */

		@media only screen and (max-width: 479px) { 

			h1 {
				font-size: 20px;
			}
			p {
				font-size: 11px;
			}


			/* Header */

				/* Banner */

					.carousel .carousel-caption {
						padding: 30px 10% 30px 25%;
						width: 109%;
					}
					.carousel-control.left {
						left: 80%;
					}

				/* End of Banner */


			/* End of Header */

			/* Home Page */

				/* About Us */

					#about-us img {
						width: 100%;
					}

				/* End of About Us */

				/* Services */
					#services {
						min-height: 2550px;
					}
					#services .contents img {
						width: 100%;
					}
					#services .portfolio .box {
						width: 100%;
					}
					#services .portfolio img {
						width: 100%;
						height: 180px;
					}
					#services .col-xs-6:nth-child(2n+2) {
						padding-left: 0;
					}
					#services .images {
						margin-bottom: 10px;
						width: 100%;
					}

				/* Services */

				/* Latest News */

					#latest-news {
						min-height: 2250px;
					}
					#latest-news .contents h1 a,
					#latest-news-contents .contents h1 a {
						font-size: 18px;
					}
					#latest-news .title {
						top: 60px;
					}
					#latest-news-contents img {
						width: 100%;
					}
									
				/* End of Latest News */	

				/* Contact Us */		

					#contact-us .title,
					#contact-us .contents{
						top: -20px;
					}

				/* End of Contact Us */								

			/* End of Home Page */

			/* Inner Pages */

				.isotope .element-item {
					left: 0% !important;
				}

			/* End of Inner Pages */


			/* Footer */

				#footerWrap .col-xs-4 {
					padding: 0;
				}
				#footerWrap .social-media li img {
					width: 26px;
				}

			/* End of  Footer */
		}

	/* End of Small Devices (phones, less than 479) */

	/* Small Devices (phones, less than 390) */

		@media only screen and (max-width: 390px) { 

			/* Banner */

				#banner {
					height: 610px;
				}
				.carousel.banner .item img {
					height: 500px;
				}
				.carousel .carousel-caption {
					padding: 30px 5% 30px 35%;
					width: 130%;
					left: -30%;
				}
				.carousel .carousel-caption p {
					line-height: 15px;
				}
				.carousel-control.left {
					left: 70%;
				}
				.scroll-down a {
					left: 40%;
				}

			/* End of Banner */

			/* Home Page */

				/* About Us */

					#about-us {
						height: 900px;
					}	
					#about-us .contents {
						padding-top: 40px;
					}
					#about-us img {
						width: 100%;
					}
					#subpage-contents img {
						width: 100%;
						display: block;
						text-align: center;
						margin: 0 auto 20px;
					}
					.page-id-33 #subpage-contents li {
						margin-bottom: 0;
					}

				/* End of About Us */

				/* Services */

					#services {
						min-height: 2700px;
					}
					#services .contents {
						top: -30px;
					}
					#services .title {
						top: -60px;
					}
					#services .testimonials {
						top: -190px;
					}
					#services .portfolio-top {
						padding-top: 120px;
					}
					#services .box .titles {
						font-size: 14px;
					}
					#services .portfolio .box .titles {
						font-size: 14px;
					}

				/* End of Services */

				/* Latest News */

					#latest-news {
						background-position: 50% 0 !important;
						min-height: 2290px;
					}
					#latest-news .title {
						top: 120px;
					}
					#latest-news .contents {
						top: 80px;
					}
					#latest-news-contents .contents h1 {
						font-size: 18px;
					}

				/* End of Latest News */


			/* End of Home Page */

			/* Sub Pages*/


				/* Project Portfolio */

					.isotope {
						left: 0;
					}
					.isotope .element-item {
						margin-left: 21px;
					}

				/* End of Project Portfolio */	
 
				/* Contact Us Page */

					.page-template-page-contact-php #subpage-contents .story {
						padding-bottom: 0;
					}

				/* End of Contact Us Page */

				#footerWrap .col-xs-6 {
					width: 100%;
				}

			/* End of Sub Pages*/

			/* Footer */	

				#footerWrap {
					height: auto;
				}
				#footerWrap .qms {
					margin-top: 25%;
				}
				#footerWrap p {
					margin-bottom: 0;
					line-height: 14px;
					font-size: 10px;
					float: left;
					width: 70%;
				}
				#footerWrap .qms .images {
					margin-right: 5px;
				}
				#footerWrap .qms img {
					width: 60px;
				}
				#footerWrap .qms li {
					margin-right: 5px;
				}
				#footerWrap .social-media {
					float: right;
					margin-top: 90%;
					width: 60%;
				}
				#footerWrap .social-media li img {
					width: 23px;
				}
				#footerWrap .col-xs-8 {
					padding-right: 0;
					padding-left: 4px;
				}

			/* End of Footer */

		}

	/* End of Small Devices (phones, less than 390) */

	/* Small Devices (phones, less than 300) */

		@media only screen and (max-width: 300px) { 

			#banner {
				height: 550px;
			}
			.carousel .carousel-caption{
				padding: 30px 0 30px 52%;
				width: 150%;
				left: -50%;
			}
			.carousel-control.left,
			.carousel-control.right {
				top: 83%;
			}
			.carousel .carousel-caption h1 {
				font-size: 15px;
			}
			.carousel.banner .item img {
				height: 430px;
			}
			.carousel-control.left {
				left: 20%;
			}
			.carousel-control.right {
				right: 65%;
			}
			#services .title h1,
			#latest-news .title h1 {
				padding-right: 30px;
			}
		}

	/* End of Small Devices (phones, less than 300) */		

/* End of Media Responsive CSS */