/*--
	Theme Name: theme54578
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 3.8.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.2
--*/

/* ----------------------------------------
	Please, You may put custom css here
---------------------------------------- */


/*import CherryFramework style*/
@import url("../CherryFramework/style.css");

/* #General
================================================== */

body {
	background: url(images/body.jpg) repeat 50% 0%;

	@media (max-width: 767px) {
		padding: 0;
	}

}

.main-holder {
	overflow: hidden;
	padding: 77px 0 88px 0;

	input[type="text"], input[type="email"], input[type="tel"], textarea {
		background: #f7f7f7;
		min-height: 23px;
		margin: 0;
		padding: 15px 19px 15px 19px !important;
		border: none !important;
		.border-radius(0);
		.box-shadow(none);
		resize: none;
		font-family: @UbuntuFontFamily;
		font-size: 14px;
		font-weight: 300;
		color: #888 !important;
	}

	input[type="submit"], input[type="reset"] {
		background: url(images/arrow.png) no-repeat 100% 50%;
		height: 53px;
		margin: 0 15px 0 0;
		padding: 0 21px 0 0;
		border: none;
		.border-radius(0);
		.box-shadow(none);
		.transition(0.8s);
		font-family: @UbuntuFontFamily;
		font-size: 14px;
		font-weight: 300;
		text-shadow: none;
		color: #888;

		&:focus {
			background: url(images/arrow.png) no-repeat 100% 50%;
			.box-shadow(none);
			.transition(0.4s);
			color: #888;
		}

		&:hover {
			background: url(images/arrow.png) no-repeat 100% 50%;
			.box-shadow(none);
			.transition(0.4s);
			color: #3b732c;
		}

	}

	.search-form {

		input[type="text"] {

			@media (min-width: 979px) and (max-width: 1200px) {
				width: 150px;
			}

			@media (min-width: 768px) and (max-width: 979px) {
				width: 110px;
			}

			@media (max-width: 480px) {
				width: 140px;
			}

		}

		input[type="submit"] {
			margin: 0 0 0 15px;
		}

	}

}

h1 {
	position: relative;
	margin-bottom: 23px;
	padding: 0 0 27px 0;
	font-weight: 300 !important;
	text-transform: uppercase;
	text-align: center;

	&:before {
		background: #e5e5e5;
		position: absolute;
		right: 50%;
		bottom: 0;
		width: 270px;
		height: 1px;
		overflow: hidden;
		margin: 0 -135px 0 0;
		content: '';

		@media (min-width: 768px) and (max-width: 979px) {
			width: 200px;
			margin: 0 -100px 0 0;
		}

	}

	a {
		text-decoration: none;
		color: #333;

		&:focus {
			text-decoration: none;
			color: #333;
		}

		&:hover {
			text-decoration: none;
			color: #3b732c;
		}

	}

}

h2 {
	position: relative;
	margin-bottom: 23px;
	padding: 0 0 27px 0;
	font-weight: 300 !important;
	text-transform: uppercase;
	text-align: center;

	&:before {
		background: #e5e5e5;
		position: absolute;
		right: 50%;
		bottom: 0;
		width: 270px;
		height: 1px;
		overflow: hidden;
		margin: 0 -135px 0 0;
		content: '';

		@media (min-width: 768px) and (max-width: 979px) {
			width: 200px;
			margin: 0 -100px 0 0;
		}

	}

	strong {
		display: block;
		padding: 19px 0 0 0;
		font-weight: 300;
	}

	a {
		text-decoration: none;
		color: #333;

		&:focus {
			text-decoration: none;
			color: #333;
		}

		&:hover {
			text-decoration: none;
			color: #3b732c;
		}

	}

}

h3 {
	position: relative;
	margin-bottom: 18px;
	padding: 0 0 27px 0;
	font-weight: 300 !important;
	text-transform: uppercase;
	text-align: center;

	&:before {
		background: #e5e5e5;
		position: absolute;
		right: 50%;
		bottom: 0;
		width: 270px;
		height: 1px;
		overflow: hidden;
		margin: 0 -135px 0 0;
		content: '';

		@media (min-width: 768px) and (max-width: 979px) {
			width: 200px;
			margin: 0 -100px 0 0;
		}

	}

	a {
		text-decoration: none;
		color: #333;

		&:focus {
			text-decoration: none;
			color: #333;
		}

		&:hover {
			text-decoration: none;
			color: #3b732c;
		}

	}

}

h4 {
	font-weight: 300 !important;
	text-transform: uppercase;

	a {
		text-decoration: none;
		color: #333;

		&:focus {
			text-decoration: none;
			color: #333;
		}

		&:hover {
			text-decoration: none;
			color: #3b732c;
		}

	}

}

h5 {
	font-weight: 300 !important;
	text-transform: uppercase;

	a {
		text-decoration: none;
		color: #333;

		&:focus {
			text-decoration: none;
			color: #333;
		}

		&:hover {
			text-decoration: none;
			color: #3b732c;
		}

	}

}

p {
	margin: 0 0 23px 0;
	font-weight: 300;
}

a {
	.transition(0.8s);

	&:hover {
		.transition(0.4s);
		text-decoration: none;
	}

}

/* #Header
================================================== */

.header {
	background: none;
	position: relative;
	margin: 0;
	padding: 48px 0 52px 0;
	border: none;
	text-align: center;

	@media (max-width: 767px) {
		padding: 20px;
		text-align: center;
	}

	&.isStuck {
		background: #fff;
		right: 0;
		left: 0;
		padding: 20px 0 20px 0;
		.box-shadow(0 0 46px rgba(0,0,0,0.1));
		z-index: 999;
	}

	&:before {
		background: #fff;
		display: block;
		position: absolute;
		top: 0;
		right: auto;
		bottom: 0;
		left: 50%;
		width: 1600px;
		margin: 0 0 0 -800px;
		z-index: -1;
		content: '';
	}

	.logo {
		display: inline-block;
		float: none;
		vertical-align: top;

		@media (min-width: 768px) and (max-width: 979px) {
			width: auto;
		}

		@media (max-width: 767px) {
			margin: 15px 0 0 0;
		}

		.logo_h__txt {
			margin: -2px 0 -4px 0;
			padding: 0;
			letter-spacing: -1px;
			text-transform: uppercase;

			&:before {
				display: none;
			}

			a {
				font-weight: 500;
				text-decoration: none;

				&:focus {
					text-decoration: none;
					color: #333;
				}

				&:hover {
					text-decoration: none;
					color: #333;
				}

			}

		}

		.logo_tagline {
			margin: 9px 0 0 0;
			letter-spacing: 1px;
			line-height: 12px;
			font-size: 10px;
			font-weight: 300;
			color: #888;
		}

	}

	.icon-wrap {
		position: relative;
		float: left;
		width: 40px;
		height: 37px;
		margin: 13px 0 0 0;
		.transition(0.8s);
		text-align: center;
		cursor: pointer;
		z-index: 99;

		@media (max-width: 767px) {
			display: inline-block;
			float: none;
			margin: 0;
			vertical-align: top;
		}

		&:hover {
			&:before {
				.transition(0.4s);
				color: #3b732c;
			}
		}

		&:before {
			display: block;
			.transition(0.8s);
			line-height: 37px;
			font-family: FontAwesome;
			font-size: 21px;
			text-align: center;
			color: #c9c9c9;
			content: '\f0c9';
		}

		&.active {
			background: #fff;
			.box-shadow(0 -11px 46px rgba(0,0,0,0.1));
			.transition(0.4s);

			&:before {
				.transition(0.8s);
				color: #3b732c;
				content: '\f00d';
			}

		}

	}

	.nav__primary {
		background: #fff;
		display: none;
		position: absolute;
		top: 50px;
		right: auto;
		bottom: auto;
		left: 0;
		padding: 59px 59px 59px 59px;
		.box-shadow(0 0 46px rgba(0,0,0,0.1));

		@media (max-width: 767px) {
			top: 37px;
			right: 0;
			left: 0;
			padding: 20px;
			z-index: 999;
		}

		.select-menu {
			.border-radius(0);
			font-size: 12px;
		}

		.sf-menu {

			ul {
				background: #fff;
				width: 120px;
				padding: 20px;
				.box-shadow(0 0 46px rgba(0,0,0,0.1));
			}

			> li {
				background: none;
				float: none;
				margin: 20px 0 0 0;
				text-align: left;

				&:first-child {
					margin: 0;
				}

				> a {
					padding: 0;
					border: none;
					font-weight: 300;
					text-transform: uppercase;
				}

				li {
					background: none;
					margin: 22px 0 0 0;

					&:first-child {
						margin: 0;
					}

					a {
						padding: 0;
						border: none;
						line-height: 18px;
						font-size: 18px;
						font-weight: 300;
						text-transform: uppercase;
						text-decoration: none;
						color: #888;
					}

					.sf-sub-indicator {
						top: 50%;
						right: -12px;
						left: auto;
						margin: -5px 0 0 0;
					}

				}

			}

		}

		.sf-menu li:hover ul, .sf-menu li.sfHover ul {
			top: -20px;
			right: -180px;
			left: auto;
		}

		.sf-menu > li > a:hover, .sf-menu > li.sfHover> a, .sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a { background: none; color: #3b732c; }
		.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current-menu-item > a, .sf-menu li li.current_page_item > a { background: none; color: #3b732c; }

		.sf-sub-indicator {
			background-image: url(images/arrows-ffffff.png);
			top: 7px;
			right: auto;
			left: -30px;
		}

	}

	.social-nets-wrapper {
		width: 100%;
		overflow: hidden;
		padding: 21px 0 0 0;

		@media (max-width: 767px) {
			padding: 25px 0 5px 0;
		}

		ul {
			float: right;
			margin: 0;
			padding: 0;

			@media (max-width: 767px) {
				float: none;
			}

			li {
				float: left;
				margin: 0 0 0 16px;
				padding: 0;
				list-style: none;

				@media (max-width: 767px) {
					display: inline-block;
					float: none;
					vertical-align: top;
				}

				&:first-child {
					margin: 0;
				}

				a {
					display: inline-block;
					vertical-align: top;
					text-decoration: none;

					&:hover {
						&:before {
							transform: rotateY(360deg);
							-webkit-transform: rotateY(360deg);
							.transition(0.4s);
							color: #3b732c;
						}
					}

					&[title="facebook"] {
						&:before {
							content: '\f09a';
						}
					}

					&[title="twitter"] {
						&:before {
							content: '\f099';
						}
					}

					&[title="google"] {
						&:before {
							content: '\f0d5';
						}
					}

					&:before {
						display: inline-block;
						.transition(0.8s);
						vertical-align: top;
						line-height: 24px;
						font-family: FontAwesome;
						font-size: 21px;
						color: #d5d5d5;
					}

				}

				img {
					display: none;
				}

			}

		}

	}

	.search-form {
		padding: 30px 0 0 0;
		text-align: center;

		form {
			float: none;
		}

	}

}

/*/ Header */


/* Slider
---------------------------------------- */

#slider-wrapper {

	.container {
		position: relative;
		left: 50%;
		width: 1600px;
		margin: 0 0 0 -800px;

		@media (min-width: 979px) and (max-width: 1199px) {
			width: 1200px;
			margin: 0 0 0 -600px;
		}

		@media (min-width: 768px) and (max-width: 979px) {
			width: 1000px;
			margin: 0 0 0 -500px;
		}

		@media (max-width: 767px) {
			width: 800px;
			margin: 0 0 0 -400px;
		}

		.camera_wrap {
			margin: 0 !importatn;
		}

	}

	.camera_prev {
		background: none;
		position: absolute;
		top: 50%;
		left: 72px;
		width: 48px;
		height: 96px;
		overflow: hidden;
		margin: -48px 0 0 0;

		@media (min-width: 1200px) and (max-width: 1480px) {
			left: 222px;
		}

		@media (min-width: 979px) and (max-width: 1199px) {
			left: 130px;
		}

		@media (min-width: 768px) and (max-width: 979px) {
			left: 140px;
		}

		@media (max-width: 767px) {
			left: 50%;
			margin: -48px 0 0 -78px;
		}

		&:hover {
			&:before {
				.opacity(0);
				.transition(0.4s);
			}
			&:after {
				left: 0;
				.opacity(100);
				.transition(0.4s);
			}
		}

		&:before {
			background: url(images/slider_prev.png) no-repeat 0% 0%;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			.transition(0.8s);
			z-index: -1;
			content: '';
		}

		&:after {
			background: url(images/slider_prev_act.png) no-repeat 0% 0%;
			display: block;
			position: absolute;
			top: 0;
			right: auto;
			bottom: 0;
			left: 100%;
			width: 48px;
			.opacity(0);
			.transition(0.8s);
			z-index: -1;
			content: '';
		}

		span {
			display: none;
		}

	}

	.camera_commands {
		margin: 0 -20px 0 0;
		position: absolute;
		top: 20px;
		right: 50%;
	}

	.camera_next {
		background: none;
		position: absolute;
		top: 50%;
		right: 72px;
		width: 48px;
		height: 96px;
		overflow: hidden;
		margin: -48px 0 0 0;

		@media (min-width: 1200px) and (max-width: 1480px) {
			right: 222px;
		}

		@media (min-width: 979px) and (max-width: 1199px) {
			right: 130px;
		}

		@media (min-width: 768px) and (max-width: 979px) {
			right: 140px;
		}

		@media (max-width: 767px) {
			left: 50%;
			margin: -48px -78px 0 0;
		}

		&:hover {
			&:before {
				.opacity(0);
				.transition(0.4s);
			}
			&:after {
				right: 0;
				.opacity(100);
				.transition(0.4s);
			}
		}

		&:before {
			background: url(images/slider_next.png) no-repeat 0% 0%;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			.transition(0.8s);
			z-index: -1;
			content: '';
		}

		&:after {
			background: url(images/slider_next_act.png) no-repeat 0% 0%;
			display: block;
			position: absolute;
			top: 0;
			right: 100%;
			bottom: 0;
			left: auto;
			width: 48px;
			.opacity(0);
			.transition(0.8s);
			z-index: -1;
			content: '';
		}

		span {
			display: none;
		}

	}

	.camera_thumbs {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;

		.camera_thumbs_cont {
			background: none;
		}

	}

	.camera_pag {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
	}

}

/*/ Slider */



/* #Content
================================================== */

.content-holder {
	position: relative;
	margin: 0;
	padding: 60px 0 60px 0;

	@media (max-width: 767px) {
		padding: 60px 20px 60px 20px;
	}

	body.home & {
		padding: 60px 0 0 0;

		@media (max-width: 767px) {
			padding: 60px 20px 0 20px;
		}

	}

	&:before {
		background: #fff;
		display: block !important;
		position: absolute;
		top: 0;
		right: auto;
		bottom: 0;
		left: 50%;
		width: 1600px;
		margin: 0 0 0 -800px;
		z-index: -1;
		content: '';
	}

	&:after {
		background: url(images/body.jpg) repeat 50% 0%;
		display: block !important;
		position: absolute;
		top: 0;
		right: auto;
		bottom: auto;
		left: 50%;
		width: 1600px;
		height: 11px;
		overflow: hidden;
		margin: 0 0 0 -800px;
		z-index: -1;
		content: '';

		body.home & {
			display: none !important;
		}

	}

}

/*/ Content */



/* #Comments
================================================== */

/*/ Comments */



/* #Widgets
================================================== */

#sidebar {

	h3 {
		margin-bottom: 33px;
	}

	.widget {
		margin: 48px 0 0 0;

		&:first-child {
			margin: 0;
		}

	}

	.widget_categories, .widget_archive, .widget_nav_menu, .widget_meta, .widget_meta, .widget_pages, .widget_recent_comments, .widget_recent_entries {

		ul {
			margin: 0;
			padding: 0;

			li {
				position: relative;
				margin: 3px 0 0 0;
				padding: 0 0 0 14px;
				list-style: none;
				line-height: 23px;
				font-size: 14px;
				color: #888;

				&:first-child {
					margin: 0;
				}

				&:before {
					position: absolute;
					top: 2px;
					left: 0;
					font-family: FontAwesome;
					font-size: 8px;
					color: #3b732c;
					content: '\f111';
				}

				a {
					text-decoration: none;
					color: #888;

					&:focus {
						text-decoration: none;
						color: #888;
					}

					&:hover {
						text-decoration: none;
						color: #3b732c;
					}

				}

				ul {
					padding: 3px 0 0 0;
				}

			}

		}

	}

	#wp-calendar {

		caption {
			color: #333;
		}

		thead {

			tr {

				th {
					color: #333;
				}

			}

		}

	}

	ul.comments-custom {
		margin: 0;
		padding: 7px 0 0 0;

		li {
			margin: 28px 0 0 0;
			padding: 0;
			list-style: none;
			line-height: 23px;
			font-size: 14px;
			color: #888;

			&:first-child {
				margin: 0;
			}

			.thumbnail {
				margin: 0 29px 0 0;
			}

			.meta_format {
				margin: 0;
			}

			h4 {
				margin: 0;
				padding: 11px 0 0 0;
				line-height: 23px;
				font-size: 18px;
				font-weight: 300 !important;
				text-transform: uppercase;
				color: #3b732c;
			}

			time {
				display: block;
				line-height: 23px;
				font-size: 18px;
				font-weight: 300;
				color: #333;
			}

			.comments-custom_txt {
				margin: 13px 0 0 0;
				padding: 0;
				border: none;
				line-height: 23px;
				font-size: 14px;
				font-weight: 300;
				color: #888;

				a {
					text-decoration: none;
					color: #888;

					&:focus {
						text-decoration: none;
						color: #888;
					}

					&:hover {
						text-decoration: none;
						color: #3b732c;
					}

				}

			}

		}

	}

}

/*/ Widgets */



/* #Shortcodes
================================================== */

.list_1 {
	margin: 0 0 0 -30px !important;
	padding: 0 0 70px 0;
	line-height: 0;
	font-size: 0;

	@media (min-width: 979px) and (max-width: 1199px) {
		margin: 0 0 0 -20px !important;
	}

	@media (min-width: 768px) and (max-width: 979px) {
		margin: 0 0 0 -20px !important;
	}

	@media (max-width: 767px) {
		margin: 0 !important;
	}

	li {
		display: inline-block;
		width: 370px;
		margin: 0 0 0 30px;
		padding: 0;
		vertical-align: top;
		list-style: none;
		line-height: 23px;
		font-size: 14px;
		color: #888;

		@media (min-width: 979px) and (max-width: 1199px) {
			width: 300px;
			margin: 0 0 0 20px;
		}

		@media (min-width: 768px) and (max-width: 979px) {
			width: 228px;
			margin: 0 0 0 20px;
		}

		@media (max-width: 767px) {
			width: auto;
			margin: 30px 0 0 0;
		}

		&:first-child {

			@media (max-width: 767px) {
				margin: 0;
			}

		}

		.thumbnail {
			float: none;
			margin: 0 0 24px 0;

			a {
				background: #fff;

				&:hover {
					background: #3b732c;
				}

				img {
					.opacity(70);
				}

			}

			img {
				width: 100%;
			}

		}

		h5 {
			position: relative;
			margin: 0 0 20px 0;
			padding: 0 0 27px 0;
			line-height: 28px;
			font-size: 26px;

			@media (min-width: 979px) and (max-width: 1199px) {
				line-height: 26px;
				font-size: 24px;
			}

			@media (min-width: 768px) and (max-width: 979px) {
				line-height: 20px;
				font-size: 18px;
			}

			&:before {
				background: #e5e5e5;
				display: block;
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				height: 1px;
				z-index: -1;
				content: '';

				@media (min-width: 1200px) {
					right: 100px;
				}

			}

		}

		.excerpt {
			margin: 0;

			&:first-letter {
				background: #3b732c;
				float: left;
				margin: 6px 12px 0 0;
				padding: 9px 6px 9px 7px;
				font-family: @UbuntuFontFamily;
				font-size: 30px;
				font-weight: 400;
				color: #fff;
			}

		}

	}

}

.list_2 {
	padding: 7px 0 0 0;

	li {
		margin-bottom: 25px;

		@media (max-width: 767px) {
			width: 100%;
			overflow: hidden;
		}

		.thumbnail {
			float: left;
			margin: 2px 30px 5px 0;

			@media (min-width: 979px) and (max-width: 1199px) {
				margin-right: 20px;
			}

			@media (min-width: 768px) and (max-width: 979px) {
				max-width: 40%;
				margin-right: 20px;
			}

			@media (max-width: 767px) {
				max-width: 40%;
				margin-right: 20px;
			}

			@media (max-width: 480px) {
				max-width: 30%;
			}

		}

		.clear {
			display: none;
		}

		h5 {
			margin: 0 0 6px 0;
		}

		.excerpt {
			margin: 0 0 11px 0;
		}

		.price {
			display: block;
			line-height: 28px;
			font-size: 26px;
			font-weight: 300;
			color: #3b732c;
		}

	}

}

.list_3 {
	margin: 0 0 0 -30px !important;
	padding: 17px 0 28px 0;
	line-height: 0;
	font-size: 0;

	@media (min-width: 979px) and (max-width: 1199px) {
		margin: 0 0 0 -20px !important;
	}

	@media (min-width: 768px) and (max-width: 979px) {
		margin: 0 0 0 -20px !important;
	}

	@media (max-width: 767px) {
		margin: 0 !important;
	}

	li {
		display: inline-block;
		width: 370px;
		margin: 0 0 0 30px;
		padding: 0;
		vertical-align: top;
		list-style: none;
		line-height: 23px;
		font-size: 14px;
		color: #888;

		@media (min-width: 979px) and (max-width: 1199px) {
			width: 300px;
			margin: 0 0 0 20px;
		}

		@media (min-width: 768px) and (max-width: 979px) {
			width: 228px;
			margin: 0 0 0 20px;
		}

		@media (max-width: 767px) {
			width: auto;
			margin: 30px 0 0 0;
		}

		&:first-child {

			@media (max-width: 767px) {
				margin: 0;
			}

		}

		.thumbnail {
			float: none;
			margin: 0 0 12px 0;

			@media (max-width: 480px) {
				width: 100%;
			}

			img {
				width: 100%;
			}

		}

		h5 {
			position: relative;
			margin: 0 0 6px 0;
			padding: 0;
			line-height: 28px;
			text-align: left;
			font-size: 18px;

			&:before {
				display: none;
			}

		}

		.excerpt {
			margin: 0 0 10px 0;

			&:first-letter {
				background: #3b732c;
				float: left;
				margin: 6px 12px 0 0;
				padding: 9px 6px 9px 7px;
				font-family: @UbuntuFontFamily;
				font-size: 30px;
				font-weight: 400;
				color: #fff;
			}

		}

		.meta {
			padding: 0 0 0 1px;
			line-height: 23px;
			font-size: 14px;
			font-weight: 300;
			text-transform: none;
			color: #3b732c;

			.post-date {

				&:before {
					margin: 0 10px 0 0;
					font-family: FontAwesome;
					font-size: 14px;
					content: '\f073';
				}

				i {
					margin: 0 0 0 9px;
					font-style: normal;
				}

			}

			.post-comments {
				display: none;
			}

		}

	}

}

.list_4 {
	margin: 0 0 32px 0;
	padding: 17px 0 0 0;

	li {

		.thumbnail {
			float: none;
			margin: 0 0 14px 0;
		}

		h5 {
			margin: 0 0 2px 0;
			line-height: 24px;
			font-size: 18px;
			color: #3b732c;

			a {
				text-decoration: none;
				color: #3b732c;

				&:focus {
					text-decoration: none;
					color: #3b732c;
				}

				&:hover {
					text-decoration: none;
					color: #333;
				}

			}

		}

		.position {
			margin: 0 0 11px 0;
			line-height: 23px;
			font-size: 15px;
			font-weight: 300;
			text-transform: uppercase;
			color: #333;
		}

		.excerpt {
			margin: 0 0 20px 0;
		}

		.post_networks {

			ul {
				margin: 0;
				padding: 0;

				li {
					width: auto;
					margin: 0 0 0 16px;
					padding: 0;
					list-style: none;

					&:first-child {
						margin: 0;
					}

					a {
						display: inline-block;
						vertical-align: top;
						line-height: 23px;
						font-size: 21px;
						color: #d5d5d5;

						&:focus {
							text-decoration: none;
							color: #d5d5d5;
						}

						&:hover {
							text-decoration: none;
							color: #3b732c;
						}

						span {
							margin: 0;
						}

					}

				}

			}

		}

	}

}

.list_5 {
	padding: 14px 0 0 0;

	li {
		margin-bottom: 19px;

		@media (max-width: 767px) {
			width: 100%;
			overflow: hidden;
		}

		.thumbnail {
			float: left;
			margin: 2px 30px 5px 0;

			@media (min-width: 768px) and (max-width: 979px) {
				max-width: 40%;
				margin-right: 20px;
				margin-bottom: 0;
			}

			@media (max-width: 480px) {
				max-width: 40%;
				margin-right: 20px;
			}

		}

		.clear {
			display: none;
		}

		h5 {
			margin: 0 0 7px 0;
		}

		.excerpt {
			margin: 0 0 11px 0;
		}

		.price {
			display: block;
			line-height: 28px;
			font-size: 26px;
			font-weight: 300;
			color: #3b732c;
		}

	}

}

.thumbnail {
	padding: 0;
	border: none;
	.border-radius(0);
	.box-shadow(none);

	a {
		background: #3b732c;

		&:hover {
			img {
				.opacity(50);
				.scale(1.1);
				.transition(0.4s);
			}
		}

		img {
			.transition(0.8s);
		}

		.zoom-icon {

			&:before {
				background: #fff;
				display: block;
				position: absolute;
				top: 50%;
				right: auto;
				bottom: auto;
				left: 50%;
				width: 60px;
				height: 60px;
				overflow: hidden;
				margin: -31px 0 0 -31px;
				border: 1px solid #3b732c;
				.border-radius(50%);
				.transition(0.8s);
				line-height: 60px;
				font-family: FontAwesome;
				font-size: 24px;
				text-align: center;
				color: #3b732c;
				content: '\f08e';
			}

		}

	}

}









.parallax-box {

	.parallax-bg {

		@media (min-width: 1600px) {
			width: 1600px !important;
			margin-left: -800px !important;
		}

		@media (max-width: 767px) {
			.opacity(40);
		}

	}




	&.style_1 {
		margin: 0 0 43px 0;

		.parallax-content {
			padding: 108px 0 121px 0;

			h5 {
				margin: 0 0 7px 0;
				line-height: 23px;
				font-size: 18px;
			}

			p {
				margin: 0 0 28px 0;
			}

		}

	}




	&.style_2 {
		margin: 0 0 43px 0;

		.parallax-content {
			padding: 108px 0 91px 0;

			h5 {
				margin: 0 0 7px 0;
				line-height: 23px;
				font-size: 18px;
			}

			p {
				margin: 0 0 17px 0;
			}

		}

	}




	&.style_3 {
		margin: 35px 0 43px 0;

		.parallax-content {
			padding: 66px 0 67px 0;

			.title-box {
				margin: 0 0 13px 0;
			}

			h5 {
				margin: 0 0 7px 0;
				line-height: 23px;
				font-size: 18px;
			}

			p {
				margin: 0 0 28px 0;
			}

		}

	}




	&.style_4 {
		margin: 35px 0 43px 0;

		.parallax-content {
			padding: 162px 0 169px 0;
			text-align: center;

			.title-box {
				margin: 0 0 37px 0;
				text-align: center;

				h2, h3 {
					text-align: center;
				}

				h3 {

					@media (max-width: 480px) {
						line-height: 51px;
						font-size: 40px;
					}

				}

			}

			h5 {
				margin: 0 0 7px 0;
				line-height: 23px;
				font-size: 18px;
			}

			p {
				margin: 0 0 28px 0;
			}

		}

	}




}











.content_box {




	&.banners {
		background: none;
		margin: 0 0 42px 0;
		padding: 0;
		line-height: 0;
		font-size: 0;
		text-align: center;

		&:before, &:after {
			display: none;
		}

		@media (min-width: 1600px) {
			margin: 0 -215px 42px -215px;
		}

	}




	&.center {
		background: none;
		margin: 0 0 60px 0;
		padding: 0;
		text-align: center;

		&:before, &:after {
			display: none;
		}

	}





	&.box {
		background: none;
		position: relative;
		margin: 0 0 43px 0;
		padding: 108px 0 121px 0;

		&:before {
			background: url(images/box_img.jpg) no-repeat 100% 50%;
			background-size: cover;
			display: block;
			position: absolute;
			top: 0;
			right: -215px;
			bottom: 0;
			left: -215px;
			width: auto;
			z-index: -1;
			content: '';

			@media (max-width: 767px) {
				background-position: 50% 50%;
				.opacity(40);
			}

		}

		&:after {
			display: none;
		}

		h5 {
			margin: 0 0 7px 0;
			line-height: 23px;
			font-size: 18px;
		}

		p {
			margin: 0 0 28px 0;
		}

	}





	&.box_1 {
		background: none;
		position: relative;
		margin: 0 0 42px 0;
		padding: 31px 0 19px 0;
		color: #fff;

		&:before {
			background: #3b732c;
			display: block;
			position: absolute;
			top: 0;
			right: -215px;
			bottom: 0;
			left: -215px;
			width: auto;
			z-index: -1;
			content: '';
		}

		&:after {
			display: none;
		}

		p {
			margin: 0 0 16px 0;
			padding: 7px 0 0 0;

			@media (min-width: 979px) and (max-width: 1199px) {
				padding: 0;
			}

			@media (min-width: 768px) and (max-width: 979px) {
				padding: 0;
			}

		}

	}





	&.box_2 {
		background: none;
		position: relative;
		margin: 0 0 43px 0;
		padding: 108px 0 91px 0;

		&:before {
			background: url(images/box_img_1.jpg) no-repeat 50% 50%;
			background-size: cover;
			display: block;
			position: absolute;
			top: 0;
			right: -215px;
			bottom: 0;
			left: -215px;
			width: auto;
			z-index: -1;
			content: '';

			@media (max-width: 767px) {
				background-position: 50% 50%;
				.opacity(40);
			}

		}

		&:after {
			display: none;
		}

		h5 {
			margin: 0 0 7px 0;
			line-height: 23px;
			font-size: 18px;
		}

		p {
			margin: 0 0 17px 0;
		}

	}






	&.box_3 {
		background: none;
		position: relative;
		margin: 35px 0 43px 0;
		padding: 66px 0 67px 0;

		&:before {
			background: url(images/box_img_2.jpg) no-repeat 100% 50%;
			background-size: cover;
			display: block;
			position: absolute;
			top: 0;
			right: -215px;
			bottom: 0;
			left: -215px;
			width: auto;
			z-index: -1;
			content: '';

			@media (max-width: 767px) {
				background-position: 50% 50%;
				.opacity(40);
			}

		}

		&:after {
			display: none;
		}

		.title-box {
			margin: 0 0 13px 0;
		}

		h5 {
			margin: 0 0 7px 0;
			line-height: 23px;
			font-size: 18px;
		}

		p {
			margin: 0 0 28px 0;
		}

	}






	&.box_4 {
		background: none;
		position: relative;
		margin: 35px 0 43px 0;
		padding: 162px 0 169px 0;
		text-align: center;

		&:before {
			background: url(images/box_img_3.jpg) no-repeat 50% 0%;
			display: block;
			position: absolute;
			top: 0;
			right: -215px;
			bottom: 0;
			left: -215px;
			width: auto;
			z-index: -1;
			content: '';

			@media (max-width: 767px) {
				background-position: 50% 50%;
				.opacity(40);
			}

		}

		&:after {
			display: none;
		}

		.title-box {
			margin: 0 0 37px 0;
			text-align: center;

			h2, h3 {
				text-align: center;
			}

			h3 {

				@media (max-width: 480px) {
					line-height: 51px;
					font-size: 40px;
				}

			}

		}

		h5 {
			margin: 0 0 7px 0;
			line-height: 23px;
			font-size: 18px;
		}

		p {
			margin: 0 0 28px 0;
		}

	}






	&.tabs_style {
		background: none;
		padding: 0 0 17px 0;

		&:before, &:after {
			display: none;
		}

		.tabs-wrapper {

			.tab-content {
				text-align: center;

				@media (min-width: 1200px) {
					padding: 28px 170px 0 170px;
				}

			}

		}

	}






}

.banner-wrap {




	&.style_1 {
		display: inline-block;
		width: 526px;
		position: relative;
		margin: 0 5px;
		vertical-align: top;
		line-height: 23px;
		font-size: 14px;

		@media (min-width: 768px) and (max-width: 1600px) {
			width: 32%;
			margin: 0 1%;
		}

		@media (max-width: 767px) {
			width: 100%;
			margin: 10px 0 !important;
		}

		&.left {
			margin-right: 6px;
			margin-left: 0;

			@media (min-width: 768px) and (max-width: 1600px) {
				float: left;
				margin-right: 1%;
				margin-left: 0;
			}

		}

		&.right {
			margin-right: 0;
			margin-left: 6px;

			@media (min-width: 768px) and (max-width: 1600px) {
				float: right;
				margin-right: 0;
				margin-left: 1%;
			}

		}

		&:hover {
			.featured-thumbnail {
				img {
					.opacity(100);
					.transition(0.4s);
				}
			}
		}

		.featured-thumbnail {
			margin: 0;

			@media (max-width: 767px) {
				float: none;
			}

			a {
				border: none;

				@media (max-width: 767px) {
					float: none;
				}

			}

			img {
				width: 100%;
				.opacity(60);
				.transition(0.8s);
			}

		}

		.caption {
			display: table-cell;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			vertical-align: middle;

			.inner {
				display: inline-block;
				padding: 0 20px;
				vertical-align: middle;
			}

			.auxiliary {
				display: inline-block;
				vertical-align: middle;
				width: 0px; 
				height: 100%;
			}

		}

		h5 {
			position: relative;
			margin: 0;
			padding: 0 0 19px 0;
			line-height: 38px;
			font-size: 26px;
			text-transform: uppercase;

			@media (min-width: 1200px) {
				margin: 0 0 8px 0;
			}

			@media (min-width: 979px) and (max-width: 1199px) {
				line-height: 34px;
				font-size: 22px;
			}

			@media (min-width: 768px) and (max-width: 979px) {
				line-height: 28px;
				font-size: 16px;
			}

			@media (max-width: 480px) {
				line-height: 28px;
				font-size: 16px;
			}

			a {
				text-decoration: none;
				color: #333;

				&:focus {
					text-decoration: none;
					color: #333;

					&:before {
						background: #fff;
						.transition(0.4s);
					}

					strong {
						.transition(0.4s);
						color: #3b732c;
					}

				}

				&:hover {
					text-decoration: none;
					color: #333;

					&:before {
						background: #333;
						.transition(0.4s);
					}

					strong {
						.transition(0.4s);
						color: #333;
					}

				}

				&:before {
					background: #fff;
					display: block;
					position: absolute;
					right: 50%;
					bottom: 0;
					width: 80px;
					height: 1px;
					overflow: hidden;
					margin: 0 -40px 0 0;
					.transition(0.8s);
					pointer-events: none;
					content: '';
				}

			}

			strong {
				display: block;
				margin: -3px 0 0 0;
				.transition(0.8s);
				line-height: 61px;
				font-size: 50px;
				font-weight: 400;
				color: #3b732c;

				@media (min-width: 979px) and (max-width: 1199px) {
					line-height: 51px;
					font-size: 40px;
				}

				@media (min-width: 768px) and (max-width: 979px) {
					line-height: 41px;
					font-size: 30px;
				}

				@media (max-width: 480px) {
					line-height: 41px;
					font-size: 30px;
				}

			}

		}

	}




	&.style_2 {
		width: 100%;
		overflow: hidden;
		margin: 0 0 54px 0;
		padding: 12px 0 0 0;

		.featured-thumbnail {
			float: left;
			margin: 6px 30px 6px 0;

			@media (min-width: 979px) and (max-width: 1199px) {
				max-width: 50%;
				margin-right: 20px;
			}

			@media (min-width: 768px) and (max-width: 979px) {
				max-width: 50%;
			}

			@media (max-width: 767px) {
				max-width: 50%;
			}

			a {
				background: #3b732c;
				border: none;

				&:hover {
					img {
						.opacity(50);
						.transition(0.4s);
					}
				}

				img {
					width: 100%;
					.transition(0.8s);
				}

			}

		}

		p {
			margin: 0 0 15px 0;

			@media (min-width: 979px) and (max-width: 1199px) {
				.hyphens(auto);
			}

			&:first-child {

				&:first-letter {
					background: #3b732c;
					float: left;
					margin: 6px 12px 0 0;
					padding: 9px 10px 9px 10px;
					font-family: @UbuntuFontFamily;
					font-size: 30px;
					font-weight: 400;
					color: #fff;
				}

			}

		}

		.banner-btn {

			@media (min-width: 1200px) {
				padding: 32px 0 0 0;
			}

			a {
				background: #3b732c;
				margin: 0;
				padding: 11.5px 38px 11.5px 38px;
				border: 1px solid #3b732c;
				.border-radius(0);
				.box-shadow(none);
				.transition(0.8s);
				line-height: 20px;
				font-family: @UbuntuFontFamily;
				font-size: 15px;
				font-weight: 300;
				text-shadow: none;
				text-transform: uppercase;
				text-decoration: none;
				color: #fff;

				&:focus {
					background: #3b732c;
					.box-shadow(none);
					.transition(0.4s);
					color: #fff;
				}

				&:hover {
					background: none;
					.box-shadow(none);
					.transition(0.4s);
					color: #3b732c;
				}

			}

		}

	}




	&.style_3 {
		width: 100%;
		overflow: hidden;

		.featured-thumbnail {
			float: left;
			margin: 6px 30px 6px 0;

			@media (min-width: 768px) and (max-width: 979px) {
				max-width: 50%;
			}

			@media (max-width: 767px) {
				max-width: 50%;
				margin-right: 20px;
			}

			a {
				background: #3b732c;
				border: none;

				&:hover {
					img {
						.opacity(50);
						.transition(0.4s);
					}
				}

				img {
					width: 100%;
					.transition(0.8s);
				}

			}

		}

		h5 {
			margin: 0 0 7px 0;
			padding: 4px 0 0 0;
			text-transform: uppercase;
		}

		p {
			margin: 0 0 18px 0;
		}

	}




}

.tabs-wrapper {
	margin: 0 0 20px 0;

	ul.nav-tabs {
		margin: 0;
		padding: 0;
		border: none;
		line-height: 0;
		font-size: 0;
		text-align: center;

		li {
			display: inline-block;
			float: none;
			vertical-align: top;
			margin: 0 15px;
			padding: 0;
			list-style: none;
			line-height: 20px;
			font-size: 18px;
			text-transform: uppercase;
			color: #777;

			@media (max-width: 767px) {
				margin: 0 5px 5px 5px;
				line-height: 16px;
				font-size: 14px;
				font-weight: 300;
			}

			&.active {
				a {
					background: none;
					border: none;
					color: #3b732c;
					&:focus {
						background: none;
						border: none;
						color: #3b732c;
					}
					&:hover {
						background: none;
						border: none;
						color: #3b732c;
					}
				}
			}

			a {
				background: none;
				margin: 0;
				padding: 0;
				border: none;
				.border-radius(0);
				.box-shadow(none);
				text-decoration: none;
				color: #777;

				&:focus {
					background: none;
					border: none;
					color: #777;
				}

				&:hover {
					background: none;
					border: none;
					color: #3b732c;
				}

			}

		}

	}

	.tab-content {
		padding: 26px 0 0 0;
	}

}

a.btn-primary {
	background: #3b732c;
	margin: 0;
	padding: 11.5px 40px 11.5px 40px;
	border: 1px solid #3b732c;
	.border-radius(0);
	.box-shadow(none);
	.transition(0.8s);
	line-height: 20px;
	font-family: @UbuntuFontFamily;
	font-size: 15px;
	font-weight: 300;
	text-shadow: none;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;

	&:focus {
		background: #3b732c;
		.box-shadow(none);
		.transition(0.4s);
		color: #fff;
	}

	&:hover {
		background: none;
		.box-shadow(none);
		.transition(0.4s);
		color: #3b732c;
	}

}

.title-box {
	margin: 0 0 16px 0;

	h2 {
		margin: 0 0 2px 0;
		line-height: 28px;
		font-size: 26px;
		text-align: left;

		&:before {
			display: none;
		}

	}

	h3 {
		margin: 0 0 0 -3px;
		line-height: 61px;
		font-size: 50px;
		font-weight: 400 !important;
		text-align: left;
		color: #3b732c;

		&:before {
			display: none;
		}

	}



	&.style_1 {
		margin: 0;

		h2 {
			margin: 0 0 5px 0;
			padding: 0;
			line-height: 28px;
			font-size: 26px;
			font-weight: 300 !important;
			text-align: left;
			color: #fff;

			@media (min-width: 768px) and (max-width: 979px) {
				line-height: 24px;
				font-size: 22px;
			}

			&:before {
				display: none;
			}

		}

		h3 {
			margin: 0;
			padding: 0;
			line-height: 50px;
			font-size: 50px;
			font-weight: 400 !important;
			text-align: left;
			color: #fff;

			@media (min-width: 979px) and (max-width: 1199px) {
				line-height: 40px;
				font-size: 40px;
			}

			@media (min-width: 768px) and (max-width: 979px) {
				line-height: 30px;
				font-size: 30px;
			}

			@media (max-width: 480px) {
				line-height: 40px;
				font-size: 40px;
			}

			&:before {
				display: none;
			}

		}

	}



}

.list {

	&.custom-list {
		padding: 2px 0 0 0;

		ol {
			margin: 0;
			padding: 0;

			li {
				margin: 3px 0 0 0;
				padding: 0;
				list-style-position: inside;
				line-height: 23px;
				font-size: 14px;
				font-weight: 300;
				color: #3b732c;

				&:first-child {
					margin: 0;
				}

				&:before {
					display: none;
				}

				a {
					text-decoration: none;
					color: #888;

					&:focus {
						text-decoration: none;
						color: #888;
					}

					&:hover {
						text-decoration: none;
						color: #333;
					}

				}

			}

		}

		ul {
			margin: 0;
			padding: 0;

			li {
				margin: 25px 0 0 0;
				padding: 0;
				list-style: none;

				&:first-child {
					margin: 0;
				}

				&:before {
					display: none;
				}

				strong {
					display: block;
					margin: 0 0 8px 0;
					line-height: 23px;
					font-size: 18px;
					font-weight: 300;
					text-transform: uppercase;
					color: #333;

					a {
						text-decoration: none;
						color: #333;

						&:focus {
							text-decoration: none;
							color: #333;
						}

						&:hover {
							text-decoration: none;
							color: #3b732c;
						}

					}

				}

				em {
					display: block;
					padding: 13px 0 0 0;
					line-height: 28px;
					font-size: 26px;
					font-weight: 300;
					font-style: normal;
					color: #3b732c;
				}

			}

		}

	}

}

div.testimonials {
	width: 100%;
	overflow: hidden;
	margin: 0 0 27px 0;

	@media (max-width: 767px) {
		margin: 0 0 50px 0;
	}

	.testi-item {
		float: left;
		width: 370px;
		margin: 0 0 0 30px;

		@media (min-width: 979px) and (max-width: 1199px) {
			width: 300px;
			margin: 0 0 0 20px;
		}

		@media (min-width: 768px) and (max-width: 979px) {
			width: 228px;
			margin: 0 0 0 20px;
		}

		@media (max-width: 767px) {
			float: none;
			width: 100%;
			margin: 30px 0 0 0;
			padding: 0;
		}

		&:first-child {
			margin: 0;
		}

		small.testi-meta {
			display: block;
			margin: 0 0 9px 0;
			padding: 0;
			line-height: 23px;
			font-size: 15px;
			font-weight: 300;
			text-transform: uppercase;
			color: #333;

			.user {

				&:after {
					display: none;
				}

			}

		}

		blockquote {
			background: none;
			margin: 0;
			padding: 0;
			border: none;
			.border-radius(0);
			.box-shadow(none);
			line-height: 23px;
			font-size: 14px;
			font-weight: 300;
			color: #888;

			&:before {
				background: #3b732c url(images/quotes.png) no-repeat 0% 0%;
				float: left;
				position: relative;
				top: auto;
				right: auto;
				bottom: auto;
				left: auto;
				width: 40px;
				height: 40px;
				overflow: hidden;
				margin: 6px 12px 0 0;
				padding: 0;
				border: none;
				content: '';
			}

			&:after {
				display: none;
			}

			a {
				text-decoration: none;
				color: #888;

				&:focus {
					text-decoration: none;
					color: #888;
				}

				&:hover {
					text-decoration: none;
					color: #333;
				}

			}

		}

	}

}

.hero-unit {




	&.style_1 {
		background: none;
		position: relative;
		margin: 0;
		padding: 37px 250px 52px 0;
		border: none;
		.border-radius(0);
		.box-shadow(none);
		color: #fff;

		@media (max-width: 767px) {
			padding-right: 0;
			text-align: center;
		}

		&:before {
			background: #3b732c;
			display: block;
			position: absolute;
			top: 0;
			right: -215px;
			bottom: 0;
			left: -215px;
			z-index: -1;
			content: '';
		}

		h1 {
			float: left;
			width: 415px;
			margin: 0 30px 0 0;
			padding: 0;
			letter-spacing: normal;
			line-height: 50px;
			font-size: 50px;
			font-weight: 400 !important;
			text-align: left;
			color: #fff;

			@media (min-width: 979px) and (max-width: 1200px) {
				width: 320px;
				line-height: 40px;
				font-size: 40px;
			}

			@media (min-width: 768px) and (max-width: 979px) {
				width: 200px;
				line-height: 40px;
				font-size: 40px;
			}

			@media (max-width: 767px) {
				float: none;
				width: 100%;
				margin: 0 0 20px 0;
				text-align: center;
			}

			&:before {
				display: none;
			}

		}

		p {
			overflow: hidden;
			margin: 0;
			padding: 0;
			line-height: 23px;
			font-size: 14px;

			@media (max-width: 767px) {
				margin: 0 0 23px 0;
			}

			strong {
				display: block;
				line-height: 30px;
				font-size: 26px;
				font-weight: 300;
				text-transform: uppercase;
			}

		}

		.btn-align {
			position: absolute;
			top: 42px;
			right: 0;

			@media (max-width: 767px) {
				position: relative;
				top: auto;
				right: auto;
			}

			a {
				background: #fff;
				border-color: #fff;
				color: #3b732c;

				&:focus {
					background: #fff;
					border-color: #fff;
					color: #3b732c;
				}

				&:hover {
					background: none;
					border-color: #fff;
					color: #fff;
				}

			}

		}

	}




}

/*/ Shortcodes */



/* #Footer
================================================== */

.footer {
	background: none;
	position: relative;
	margin: 0;
	padding: 0;
	border: none;

	@media (max-width: 767px) {
		padding: 0 20px;
	}

	&:before {
		background: #fff;
		display: block;
		position: absolute;
		top: 0;
		right: auto;
		bottom: 0;
		left: 50%;
		width: 1600px;
		margin: 0 0 0 -800px;
		z-index: -1;
		content: '';
	}

	.span3 {

		@media (max-width: 767px) {
			margin-bottom: 30px;
		}

	}

	.footer-widgets {
		background: #f7f7f7;
		position: relative;
		padding: 54px 0 38px 0;
		font-weight: 300;

		&:before {
			background: #f7f7f7;
			display: block;
			position: absolute;
			top: 0;
			right: auto;
			bottom: 0;
			left: -215px;
			width: 215px;
			z-index: -1;
			content: '';
		}

		&:after {
			background: #f7f7f7;
			display: block;
			position: absolute;
			top: 0;
			right: auto;
			bottom: 0;
			right: -215px;
			width: 215px;
			z-index: -1;
			content: '';
		}

		h4 {
			margin: 0 0 13px 0;
		}

		.logo {
			display: inline-block;
			float: none;
			margin: 3px 0 16px 0;
			vertical-align: top;
			text-align: center;

			@media (min-width: 768px) and (max-width: 979px) {
				width: auto;
			}

			img {
				width: 100%;
			}

			.logo_tagline {
				margin: 4px 0 0 0;
				letter-spacing: 1px;
			}

		}

		.textwidget {

			b {
				display: block;
				position: relative;
				padding: 0 0 0 32px;
				line-height: 28px;
				font-weight: 300;

				@media (min-width: 979px) and (max-width: 1199px) {
					padding: 0 0 0 27px;
				}

				&:before {
					position: absolute;
					top: -1px;
					left: 1px;
					line-height: 28px;
					font-family: FontAwesome;
					font-size: 21px;
					color: #3b732c;
					content: '\f017';
				}

				span {
					display: block;
				}

				i {
					font-size: 15px;
					font-style: normal;
					text-transform: uppercase;
					color: #3b732c;

					@media (min-width: 1200px) {
						margin: 0 2px 0 0;
					}

					@media (min-width: 979px) and (max-width: 1199px) {
						text-transform: none;
					}

				}

			}

			strong {
				display: block;
				position: relative;
				padding: 0 0 0 32px;
				line-height: 28px;
				font-weight: 300;

				@media (min-width: 979px) and (max-width: 1199px) {
					padding: 0 0 0 27px;
				}

				&:before {
					position: absolute;
					top: -1px;
					left: 1px;
					line-height: 28px;
					font-family: FontAwesome;
					font-size: 21px;
					color: #3b732c;
					content: '\f041';
				}

				span {
					display: block;
				}

				i {
					font-size: 15px;
					font-style: normal;
					text-transform: uppercase;
					color: #3b732c;

					@media (min-width: 1200px) {
						margin: 0 2px 0 0;
					}

					@media (min-width: 979px) and (max-width: 1199px) {
						text-transform: none;
					}

				}

			}

			em {
				display: block;
				position: relative;
				margin: 0 0 17px 0;
				padding: 0 0 0 32px;
				line-height: 28px;
				font-weight: 300;
				font-style: normal;

				@media (min-width: 979px) and (max-width: 1199px) {
					padding: 0 0 0 27px;
				}

				&:before {
					position: absolute;
					top: -1px;
					left: 1px;
					line-height: 28px;
					font-family: FontAwesome;
					font-size: 21px;
					color: #3b732c;
					content: '\f095';
				}

				span {
					display: block;
				}

				i {
					font-size: 15px;
					font-style: normal;
					text-transform: uppercase;
					color: #3b732c;

					@media (min-width: 1200px) {
						margin: 0 2px 0 0;
					}

					@media (min-width: 979px) and (max-width: 1199px) {
						text-transform: none;
					}

				}

			}

		}

		.social {
			margin: 0;
			padding: 0;

			li {
				margin: 0 0 0 15px;
				padding: 0;
				list-style: none;

				&:first-child {
					margin: 0;
				}

				a {
					display: inline-block;
					.opacity(100);
					vertical-align: top;
					text-decoration: none;

					&:focus {
						&:before {
							transform: rotateY(360deg);
							-webkit-transform: rotateY(360deg);
							.transition(0.4s);
							color: #d5d5d5;
						}
					}

					&:hover {
						&:before {
							transform: rotateY(360deg);
							-webkit-transform: rotateY(360deg);
							.transition(0.4s);
							color: #3b732c;
						}
					}

					&.social_link__facebook {
						&:before {
							content: '\f09a';
						}
					}

					&.social_link__twitter {
						&:before {
							content: '\f099';
						}
					}

					&.social_link__google {
						&:before {
							content: '\f0d5';
						}
					}

					&:before {
						display: inline-block;
						.transition(0.8s);
						vertical-align: top;
						line-height: 21px;
						font-family: FontAwesome;
						font-size: 21px;
						color: #d5d5d5;
					}

				}

				img {
					display: none;
				}

			}

		}

		#flickr {

			@media (min-width: 1200px) {
				margin: 0;
				padding: 3px 0 0 0;
			}

			li {

				@media (min-width: 1200px) {
					width: 83px;
					margin: 0 0 10px 10px;
				}

				&.nomargin {
					margin-left: 0;
				}

				a {

					@media (min-width: 1200px) {
						display: block;
						width: 83px;
						height: 83px;
						margin: 0;
						vertical-align: top;
					}

					img {
						width: 100%;
						height: auto;
					}

					.zoom-icon {
						background: rgba(218,161,88,0.5);
					}

				}

			}

		}

	}

	.copyright {
		padding: 20px 0 20px 0;

		.footer-text {
			float: none;
			margin: 0;
			line-height: 23px;
			font-size: 12px;
			font-weight: 300;

			i {
				margin: 0 0 0 3px;
				font-style: normal;
			}

			a {
				text-decoration: none;
				color: #888;

				&:focus {
					text-decoration: none;
					color: #888;
				}

				&:hover {
					text-decoration: none;
					color: #3b732c;
				}

			}

		}

		.footer-nav {
			margin: 0;

			ul {

				@media (min-width: 768px) and (max-width: 979px) {
					text-align: right;
				}

				li {
					margin: 0 0 0 15px;
					padding: 0;
					list-style: none;

					@media (max-width: 480px) {
						margin: 0 0 0 7px;
					}

					&:first-child {
						margin: 0;
					}

					&.current-menu-item {
						a {
							text-decoration: none;
							color: #3b732c;
						}
					}

					a {
						font-weight: 300;
						text-decoration: none;

						&:focus {
							text-decoration: none;
							color: #888;
						}

						&:hover {
							text-decoration: none;
							color: #3b732c;
						}

					}

				}

			}

		}

	}

}

/*/ Footer */


/* #Misc
================================================== */

#back-top-wrapper {
	right: 20px !important;
	bottom: 50px !important;

	p#back-top {
		margin: 0;

		a {

			&:hover {
				span {
					background-color: #333;
				}
			}

			span {
				background-color: #3b732c;
				margin: 0;
			}

		}

	}

}

.title-section {
	position: relative;
	margin: -60px 0 3px 0;
	padding: 34px 0 51px 0;
	z-index: 9;
	text-align: center;

	&:before {
		background: url(images/bread_crumbs.jpg) no-repeat 50% 50%;
		display: block;
		position: absolute;
		top: 0;
		right: -215px;
		bottom: 0;
		left: -215px;
		z-index: -1;
		content: '';
	}

	h1 {
		margin: 0 0 5px 0;
		padding: 0;
		line-height: 61px;
		font-size: 50px;
		font-weight: 400 !important;
		color: #fff;

		@media (max-width: 767px) {
			line-height: 41px;
			font-size: 30px;
		}

		&:before {
			display: none;
		}

	}

	ul {
		background: none;
		margin: 0;
		padding: 0;
		border: none;
		.border-radius(0);
		.box-shdow(none);

		li {
			line-height: 28px;
			font-size: 26px;
			font-weight: 300;
			text-shadow: none;
			text-transform: uppercase;
			color: #333;

			@media (max-width: 767px) {
				line-height: 20px;
				font-size: 18px;
			}

			&.active {
				color: #333;
			}

			&.divider {
				margin: 0 11px;

				@media (max-width: 767px) {
					margin: 0 5px;
				}

				&:after {
					line-height: 28px;
					font-size: 26px;
					font-weight: 300;
					text-shadow: none;
					color: #333;
					content: '|';

					@media (max-width: 767px) {
						line-height: 20px;
						font-size: 18px;
					}

				}

			}

			a {
				text-decoration: none;
				color: #333;

				&:focus {
					text-decoration: none;
					color: #333;
				}

				&:hover {
					text-decoration: none;
					color: #888;
				}

			}

		}

	}

}

.pagination {

	ul {

		li {

			a, span {
				.border-radius(0) !important;
			}

		}

	}

}

article.post {

	h3 {
		padding: 0;
		line-height: 23px;
		font-size: 18px;
		text-align: left;
		color: #333;

		&:before {
			display: none;
		}

	}

}

.post_meta {
	line-height: 24px;
	font-size: 14px;
	font-weight: 300;
	color: #888;

	i {
		color: #3b732c;
	}

	a {
		text-decoration: none;
		color: #888;

		&:focus {
			text-decoration: none;
			color: #888;
		}

		&:hover {
			text-decoration: none;
			color: #3b732c;
		}

	}

}

.share-buttons {

	img {
		vertical-align: top;
	}

}

.post-author {
	background: #f7f7f7;
	padding: 15px 20px 20px 20px;
	border: none;
	line-height: 23px;
	font-size: 14px;
	font-weight: 300;
	color: #888;

	h3 {
		margin: 0 0 15px 0;
		padding: 0;
		line-height: 23px;
		font-size: 18px;
		font-weight: 400 !important;
		text-align: left;

		&:before {
			display: none;
		}

	}

	.post-author_gravatar {
		margin: 5px 20px 5px 0;

		img {
			padding: 0;
			border: none;
		}

	}

	.post-author_desc {

		@media (max-width: 480px) {
			overflow: visible;
		}

	}

	.post-author_link {
		margin: 15px 0 0 0;
		line-height: 23px;
		font-size: 18px;
		font-weight: 400;
		text-transform: uppercase;
		color: #333;

		p {
			margin: 0;
			font-weight: 400;
		}

		a {
			text-decoration: none;
			color: #3b732c;

			&:focus {
				text-decoration: none;
				color: #3b732c;
			}

			&:hover {
				text-decoration: none;
				color: #333;
			}

		}

	}

}

#comments {

	h3 {
		padding: 0 0 27px 0;
	}

}

.comment-list {

	li {

		.comment-body {
			background: #f7f7f7 !important;
			border: none;

			.author {
				.hyphens(auto);
				line-height: 23px;
				font-size: 18px;
				font-weight: 300;
				text-transform: uppercase;
				color: #333;
			}

			.extra-wrap {
				padding: 0 0 12px 0;

				@media (max-width: 480px) {
					overflow: visible;
				}

			}

			.comment-meta {
				margin: 0;
				padding: 0;
				line-height: 23px;
				font-size: 18px;
				font-weight: 300;
				text-transform: uppercase;
				color: #333;
			}

			.reply {
				margin: 0 0 0 22px;

				a {
					background: none;
					margin: 0;
					padding: 0;
					line-height: 23px;
					font-size: 18px;
					font-weight: 300;
					text-transform: uppercase;
					text-decoration: none;
					color: #3b732c;

					&:focus {
						text-decoration: none;
						color: #3b732c;
					}

					&:hover {
						text-decoration: none;
						color: #333;
					}

				}

			}

		}

	}

}

#commentform {

	p {
		width: 100%;
		overflow: hidden;
	}

	input[type="text"], input[type="email"], input[type="tel"], textarea {

		@media (max-width: 767px) {
			min-height: 53px;
		}

	}

	input[type="submit"] {
		margin: 0;
	}

}

.related-posts {

	ul {

		li {
			line-height: 23px;
			font-size: 14px;
			font-weight: 300;
			color: #888;

			.thumbnail {
				overflow: hidden;
			}

			a {
				text-decoration: none;
				color: #888;

				&:focus {
					text-decoration: none;
					color: #888;
				}

				&:hover {
					text-decoration: none;
					color: #3b732c;
				}

			}

		}

	}

}

.error404-holder {

	@media (max-width: 767px) {
		text-align: center;
	}

	.error404-holder_num {
		color: #3b732c;

		@media (min-width: 768px) and (max-width: 979px) {
			font-size: 220px;
		}

	}

	h1, h2 {
		margin: 0;
		padding: 0;
		text-align: left;

		@media (max-width: 767px) {
			text-align: center;
		}

		&:before {
			display: none;
		}

	}

	h4 {
		font-weight: 400 !important;
	}

}

.wpcf7-form {

	input[type="text"], input[type="email"], input[type="tel"], textarea {
		padding: 4px 8px !important;
	}

	.ajax-loader {
		margin: 16px 0 0 0;
	}

	.wpcf7-not-valid-tip {
		.border-radius(0);
		line-height: 20px;
		font-size: 12px;

		@media (min-width: 768px) and (max-width: 979px) {
			padding: 3px 8px !important;
			line-height: 11px !important;
			font-size: 11px !important;
			text-align: center;
		}

	}

	.wpcf7-response-output {
		.border-radius(0);
	}

}

.filter-wrapper {
	margin: 0 0 35px 0;
	text-align: center;

	.pull-right {
		float: none;

		@media (max-width: 480px) {
			float: right;
		}

	}

	strong {
		display: none;
		margin: 0;
		padding: 0;
		line-height: 23px;
		font-size: 18px;
		font-weight: 300;
		text-transform: uppercase;
		color: #333;

		@media (max-width: 767px) {
			line-height: 19px;
			font-size: 14px;
		}

		@media (max-width: 480px) {
			display: block;
		}

	}

	ul {
		display: inline-block;
		float: none;
		margin: 0;
		padding: 0;
		vertical-align: top;

		@media (max-width: 480px) {
			text-align: left;
		}

		li {
			margin: 0 0 0 36px;
			padding: 0;
			list-style: none;
			line-height: 23px;
			font-size: 18px;
			font-weight: 300;
			text-transform: uppercase;
			color: #777;

			@media (max-width: 767px) {
				margin: 0 0 0 18px;
				line-height: 19px;
				font-size: 14px;
			}

			@media (max-width: 480px) {
				margin: 0 0 0 10px !important;
				padding: 0;
			}

			&:first-child {
				margin: 0;
			}

			&.active {

				a {
					background: none;
					.box-shadow(none);
					text-decoration: none;
					color: #3b732c;

					&:focus {
						background: none;
						.box-shadow(none);
						text-decoration: none;
						color: #3b732c;
					}

					&:hover {
						background: none;
						.box-shadow(none);
						text-decoration: none;
						color: #3b732c;
					}

				}

			}

			a {
				background: none;
				margin: 0;
				padding: 0;
				border: none;
				.border-radius(0);
				.box-shadow(none);
				line-height: 23px;
				font-size: 18px;
				font-weight: 300;
				text-decoration: none;
				color: #777;

				@media (max-width: 767px) {
					line-height: 19px;
					font-size: 14px;
				}

				&:focus {
					background: none;
					.box-shadow(none);
					text-decoration: none;
					color: #777;
				}

				&:hover {
					background: none;
					.box-shadow(none);
					text-decoration: none;
					color: #3b732c;
				}

			}

		}

	}

}

#portfolio-grid {

	li {

		.thumbnail {
			margin: 0 0 14px 0;
		}

		h3 {
			margin: 0 0 12px 0;
			padding: 0;
			line-height: 23px;
			font-size: 18px;
			text-align: left;

			&:before {
				display: none;
			}

		}

	}

}

.type-portfolio {

	.thumbnail {

		&.large {
			margin: 0;
		}

	}

}

ul.pager {
	margin-top: 30px;

	li {

		a {
			.border-radius(0);
		}

	}

}

.flexslider {

	.flex-prev {
		background: none;
		text-align: center;
	}

	.flex-next {
		background: none;
		text-align: center;
	}

}

.archive_lists {

	h3 {
		padding: 0;
		text-align: left;

		&:before {
			display: none;
		}

	}

}

.faq-list {

	h4 {
		margin: 0;
	}

}

.page-header {
	margin: 0;
	padding: 0;
	border: none;
}

.google-map-custom-class {

	@media (max-width: 767px) {
		height: 300px;
	}

}

/*/ Misc */


@import "bootstrap/less/variables.less";
@import "bootstrap/less/mixins.less";
@import "parallax-slider/less/parallax-slider.less";