/*--
	Theme Name: theme44938
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.5.x + from Template-Help.com Collection
	Author: Template_Help.com
	Author URL: http://www.Template-Help.com/
	Template: CherryFramework
	Version: 1.2
	MotoPress Version: 1.0
--*/
/*import CherryFramework style*/
@import url("../CherryFramework/style.css");
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(//fonts.googleapis.com/css?family=Fjalla+One); 

/* #General
================================================== */
body {
	@media (max-width: 767px) {
		padding: 0;

		.header, .content-holder, .footer {
			padding: 0 20px;
		}
		&.home .content-holder {
			padding: 0 0;

			.slider  {
				background: #19191a;
				padding: 0 20px;
			}
			>.container {
				padding: 0 20px;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
		}
	}
}
.main-holder {
	overflow: hidden;
}
.btn, .comment-body .reply a, .camera_caption .btn {
	height: auto;
	font: 14px/1.2em @fjallaFontFamily;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
	text-shadow: 1px 1px 1px #a72018;
	border: none;
	padding: 8px 16px 7px;
	text-transform: uppercase;
	background: #ee3124; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee3124 0%, #991b13 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3124), color-stop(100%,#991b13)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ee3124 0%,#991b13 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ee3124 0%,#991b13 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ee3124 0%,#991b13 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ee3124 0%,#991b13 100%); /* W3C */

	&:after {
		content: "";
		font-family: 'FontAwesome';
		margin-left: 10px;
		font-size: 17px;
	}

	&:active, &:hover, &:focus {
		color: #d1d1d1;
		text-decoration: none;
		background: #991b13; /* Old browsers */
		background: -moz-linear-gradient(top,  #991b13 0%, #ee3124 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#991b13), color-stop(100%,#ee3124)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #991b13 0%,#ee3124 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #991b13 0%,#ee3124 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #991b13 0%,#ee3124 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #991b13 0%,#ee3124 100%); /* W3C */
		box-shadow: none;
	}
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"],
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	box-shadow: none;
	background: none;
	border-radius: 0;
	color: #676767;
	border: 1px solid #cfcfcf;
	box-shadow: inset 1px 1px 0px #7e7e7e;

	&:focus {
		border-color: #818181;
		box-shadow: inset 1px 1px 0px #d1d1d1;
	}
}
.thumbnail {
	border: none;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}
/*/ General */


/* #Header
================================================== */
.header {
	border-top: 11px solid #23303b;
	border-bottom: 3px solid #050d14;
	padding: 0;

	.line-header {
		width: 100%;
		height: 1px;
		background: #313e48;
		position: relative;

		&:after {
			content: "";
			display: block;
			height: 100%;
			position: absolute;
			right: -100%;
			top: 0;
			width: 100%;
			background: #313e48;
		}
		&:before {
			content: "";
			display: block;
			height: 100%;
			left: -100%;
			position: absolute;
			top: 0;
			width: 100%;
			background: #313e48;
		}
	}
}
.header-info {
	padding: 14px 0 16px;
	float: right;
	text-align: right;

	@media (max-width: 767px) {
		text-align: left;
		float: none;
		padding: 0 0 20px 0;
	}

	>div {
		display: inline-block;
	}
}
#loginout {
	font: 13px/18px @robotoFontFamily;
	text-transform: uppercase;
	letter-spacing: 1px;

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

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

	a {
		color: #a7a7a7;
	}
}
.delimiter {
	font-style: normal;
	padding: 0 14px;

	@media (min-width: 768px) and (max-width: 979px) {
		padding: 0 5px;
	}
}
.telephone {
	font: bold 26px/1.2em @robotoFontFamily;
	color: @red;
	text-shadow: 2px 2px 2px #000000;
	margin-left: 11px;
	position: relative;
	top: 4px;

	@media (min-width: 979px) and (max-width: 1200px) {
		font-size: 12px;
		top: 0px;
	}
	@media (min-width: 768px) and (max-width: 979px) {
		display: none !important;
	}
	@media (max-width: 767px) {
		margin: 0;
	}
}
.search-box-wrap {
	margin: 0;

	>div {
		background: none;
		margin: 0;
		float: none;
		display: inline-block;
		padding: 0;

		>a {
			color: #a7a7a7;
	    	font: 13px/18px @robotoFontFamily;
			text-transform: uppercase;
			padding: 0;
			border-radius: 4px;
			display: inline-block;
			letter-spacing: 1px;

			@media (min-width: 979px) and (max-width: 1200px) {
				font-size: 11px;
			}
		}
	}
}
.top-search-form {
	&:active, &:focus {
		text-decoration: none;
	}
	&:hover {
		text-decoration: underline;
	}
	@media (max-width: 500px) {
		display: none;
	}
	a {
		&:hover {
			text-decoration: underline !important;
		}
	}
}
#top-search {
	position: absolute;
	z-index: 98;
	top: 60px;
	left: -10px;
	width: 295px;
	padding: 0;
	text-align: left;

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

	.search-form {
		border-radius: 4px;
		background: #fff;
		padding: 10px;
		position: relative;
		border: 1px solid #e2e2e2;

		.navbar-form {
			input {
				display: inline-block;
			}
		}

		&:before {
			content: "";
			width: 15px;
			height: 13px;
			display: block;
			position: absolute;
			top: -13px;
			right: 20px;
			background: url(images/arrow-search.png) no-repeat;

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

			@media (min-width: 768px) and (max-width: 979px) {
				right: 12px;
			}
		}
	}
	.search-form_it {
		margin: 0;
	}
	.search-form_is.btn {
		margin: 0 0 0 10px;
		padding: 5px 10px;
	}
}
.navigation-wrap {
	text-align: right;

	@media (min-width: 979px) and (max-width: 1200px) {
		margin-top: 9px;
	}
	@media (max-width: 767px) {
		text-align: left;
	}

	>div {
		display: inline-block;

		@media (max-width: 767px) {
			display: block;
		}
	}
}
.nav__primary { 
	position: relative;
	padding: 0;
	float: none;
	margin: 0;
	padding: 0;

	.sf-menu {
		float: none;
		position: relative;
		text-align: right;

		>li {
			background: none;
			float: none;
			display: inline-block;
			position: relative;
			top: -1px;
			transition: 200ms all;
			margin: 0 21px;
			padding: 0;	

			@media (min-width: 979px) and (max-width: 1200px) {
				margin: 0 15px;
			}
			@media (min-width: 768px) and (max-width: 979px) {
				margin: 0 10px;
			}

			>a {
				border-top: none;
				border-left: none;
				padding: 0;
				text-transform: uppercase;
				letter-spacing: 1px;

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

				&:hover {
					color: #ee3124;
					background: none;

					.sf-sub-indicator {
						background-position: -10px -100px;
					}
				}

				>.sf-sub-indicator {
					left: 50%;
					margin-left: -5px;
					top: 18px;
					background: url("images/arrows-ffffff.png") no-repeat scroll 0 -100px transparent;
				}
			}

			&.current-menu-item {
				>a {
					color: #ee3124;
					background: none;
				}

				i {
					width: 100%;
					height: 1px;
					padding: 0 23px;
					left: -23px;
					background: #ee3124;
					display: block;
					position: absolute;
					bottom: -17px;

					@media (min-width: 768px) and (max-width: 979px) {
						bottom: -9px;
						padding: 0 10px;
						left: -10px;
					}
				}
			}
			&.sfHover {
				>a {
					color: #ee3124;
					background: none;

					.sf-sub-indicator {
						background-position: -10px -100px;
					}
				}
			}

			>.sub-menu {
				height: auto !important;
				background: @red;
				margin-left: -90px;
				top: 38px;
				left: 50%;
				width: 180px;
				padding: 20px 0;
				border-radius: 0 0 5px 5px;

				>.menu-item {
					background: none;
					text-align: left;

					i {
						display: none;
					}

					a {
						padding: 0 25px;
						margin: 0;
						background: none;
						text-align: center;
						border: none; 
						color: #fff;
						display: block;
						font: 700 12px/28px @sansFontFamily;

						&:hover {
							color: @red;
							text-shadow: none;
							background: #fff;
						}

						>.sf-sub-indicator {
							top: 8px;
							left: auto;
							background: url("images/arrows-ffffff.png") no-repeat scroll 0 0 transparent;
						}
					}

					&.sfHover {
						>a {
							color: @red;
							background: #fff;
							text-shadow: none;

							.sf-sub-indicator {
								background-position: -10px 0;
							}
						}
					}

					&.current-menu-item {
						a {
							color: @red;
							text-shadow: none;
							background: #fff;
						}
					}

					>.sub-menu {
						top: -20px;
						width: 100%;
						padding: 20px 0;
						background: #fff;

						&:before {
							position: absolute;
							width: 15px;
							height: 7px;
							content: "";
							display: block;
							top: -7px;
							left: 30px;
						}

						>.menu-item {
							background: none;

							a {
								color: #424242;
								background: none;

								&:hover {
									color: #fff;
									text-shadow: none;
									background: #0a1925;
								}
							}
						}
					}
				}
			}
		}
	}
}
.social-nets-wrapper {
	border-left: 1px solid #4a545c;
	padding: 2px 0 3px 23px;
	line-height: 25px;

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

	.social {
		margin-top: 0 !important;
		li {
			display: inline-block;
			margin-left: 3px;
			position: relative;
			top: -2px;

			&:hover {
				opacity: 0.5;
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
				filter: alpha(opacity=50);
			}

			&:first-child {
				margin-left: 0;
				margin-right: 3px;
			}
		}
	}
}
/*/ Header */


/* Logo
================================================== */
.logo {
	padding: 34px 0 13px;
	margin: 0 0 0 1px;

	&.text {
		padding-bottom: 11px;

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

		img {
			max-width: none;
		}
	}
	@media (min-width: 768px) and (max-width: 979px) {
		width: 100%;
	}
	@media (max-width: 767px) {
		float: none;
		padding: 20px 0;
	}
	.logo_h__txt {
		margin: 24px 0 0;

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

		a {
			&:hover, &:active {
				color: #ee3124;
			}

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

	.logo_tagline {
		display: none;
	}
}
/*/ Logo */



/* #Content
================================================== */
.content-holder {
	background: #fff;
}
.home {
	.content-holder {
		padding-bottom: 0;
	}
}
.slider {
	border-bottom: 1px solid #2c2c2d;

	@media (max-width: 767px) {
		min-height: auto !important;
	}
	@media (max-width: 480px) {
		display: none !important;
	}

	.camera {
		border-bottom: 4px solid #19191a;
		margin-bottom: 0 !important;
	}
	.camera_fakehover {
		background: #19191a;
	}
	.camera_caption {
		width: auto;
		left: 50%;
		bottom: auto !important;
		margin-left: -583px;
		top: 26%;

		@media (min-width: 1200px) and (max-width: 1400px) {
			top: 18%;
		}
		@media (min-width: 979px) and (max-width: 1200px) {
			margin-left: -470px;
		}
		@media (min-width: 768px) and (max-width: 979px) {
			margin-left: -350px;
		}
		@media (max-width: 767px) {
			left: 20px;
			margin: 0;
			top: 20px;
		}
		@media (max-width: 550px) {
			display: none !important;
		}

		>div {
			background: none;
			padding: 0;

			@media (max-width: 1200px) {
				.btn {
					display: none;
				}
			}

			h2, h3 {
				color: #fff;
				line-height: 1.2em;
				font-weight: bold;
			}

			h2 {
				font-size: 61px;
				margin-bottom: 0;

				@media (min-width: 979px) and (max-width: 1200px) {
					font-size: 45px;
				}
				@media (max-width: 979px) {
					font-size: 25px;
				}
				@media (max-width: 767px) {
					margin: 0;
				}
			}
			h3 {
				font-size: 33px;
				width: 70%;
				margin: 0 0 32px;

				@media (min-width: 979px) and (max-width: 1200px) {
					font-size: 25px;
					margin: 0;
				}
				@media (max-width: 979px) {
					font-size: 18px;
				}
			}
		}
	}
	.camera_prev, .camera_next {
		top: 22%;
		width: 17px;
		height: 27px;
		background: none;

		@media (min-width: 1200px) and (max-width: 1400px) {
			top: 14%;
		}

		span {
			width: 17px;
			height: 27px;
		}
	}
	.camera_prev {
		left: 50%;
		margin-left: -583px;

		@media (min-width: 979px) and (max-width: 1200px) {
			margin-left: -470px;
		}
		@media (min-width: 768px) and (max-width: 979px) {
			margin-left: -350px;
		}
		@media (max-width: 767px) {
			right: 40px;
			left: auto;
			margin: 0;
		}

		span {
			background: url(images/nav.png) no-repeat;
			width: 16px;

			&:hover {
				background-position: 0 -27px;
			}
		}
	}
	.camera_next {
		left: 50%;
		margin-left: -559px;
		
		@media (min-width: 979px) and (max-width: 1200px) {
			margin-left: -450px;
		}
		@media (min-width: 768px) and (max-width: 979px) {
			margin-left: -330px;
		}
		@media (max-width: 767px) {
			margin: 0;
			left: auto;
			right: 20px;
		}

		span {
			background: url(images/nav.png) no-repeat -16px 0;

			&:hover {
				background-position: -16px -27px;
			}
		}
	}
	.camera_thumbs {
		@media (max-width: 1200px) {
			display: none !important;
		}
		.camera_command_wrap {
			bottom: 70px;

			.camera_thumbs_cont {
				background: none;
			}
		}
	}
	.camera_commands {
		@media (max-width: 500px) {
			display: none !important;
		}
	}
	.camera_pag {
		position: relative;
		top: -50px;
	}
}
.home {
	[id*="post"] {
		h1 {
			margin-bottom: 33px;
		}
		.hr {
			margin: 26px 0;
			background: #e2e2e2;
		}
	}
}
[id*="post"] {
	h1 {
		margin: 4px 0 41px;
	}
	blockquote {
		padding: 0;
		border: none;
		color: #676767;
		margin-bottom: 21px;

		p {
			font: 17px/21px @sansFontFamily;
		}
	}
	img.alignleft {
		margin-right: 30px;

		@media (max-width: 480px) {
			margin-right: 0;
			width: 100%;
		}
	}
	.btn {
		margin-top: 22px;

		@media (max-width: 767px) {
			margin-bottom: 30px;
		}
	}
	.video-wrap {
		padding-top: 0;
		margin-top: 10px;
		border: 5px solid #bcbcbc;
	}
	.hr {
		margin: 25px 0 39px;
	}
	.list.unstyled {
		ul {
			li {
				padding-left: 62px;
				padding-bottom: 18px;
				margin: 0;
				strong {
					display: inline-block;
					margin-left: -62px;
					padding-right: 21px;
					font-size: 17px;
					color: @red;
					font-weight: normal;
				}

			}
		}
	}
}
.service-grid {
	background: url(images/bg-service-grid.png);
	position: relative;
	padding-bottom: 32px;
	margin-bottom: 40px;

	>.row >.span12 {
		background: url(images/service-grid-light.png) no-repeat 50% 0;
		background-size: 100% auto;
	}

	&:after {
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		right: -100%;
		top: 0;
		width: 100%;
		background: url(images/bg-service-grid.png);
	}
	&:before {
		content: "";
		display: block;
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 100%;
		background: url(images/bg-service-grid.png);
	}
	blockquote {
		padding: 0;
		border: none;
		color: #c8c8c8;
		margin: 55px 0 85px;

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

		p {
			font: 36px/1.2em @robotoFontFamily;
		}
	}
	figure.thumbnail {
		border: none;
		background: #161617;
		border-radius: 8px;
		margin: 0 0 34px 0;

		.span2 {
			border-left: 1px dotted #3f3f3f;
			margin-left: 25px;
			padding-left: 25px;
			margin-top: 10px;
			margin-bottom: 10px;

			@media (min-width: 979px) and (max-width: 1200px) {
				margin: 10px 15px 10px 0;
				padding-left: 15px;
			}
			@media (min-width: 768px) and (max-width: 979px) {
				margin: 10px 15px 10px 0;
				padding-left: 15px;
			}
			@media (max-width: 767px) {
				margin: 0;
				padding: 0 20px;
				border: none;
			}

			&:first-child {
				border: none;
				margin-left: 0;
			}
		}
	}
	.service-box {
		border: none;
		background: none;
		margin-top: -55px;
		padding: 0;

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

		.icon {
			float: none;
			text-align: center;
			margin: 0;
		}
		.service-box_body {
			.title, .service-box_txt {
				text-align: center;
			}
			.title {
				color: #fff;
				font: bold 19px/1.2em @sansFontFamily;
				text-transform: none;
				margin: 21px 0 17px;

				@media (min-width: 768px) and (max-width: 979px) {
					font-size: 15px;
				}
			}
			.service-box_txt {
				color: #bcbcbc;
				line-height: 18px;
				margin-bottom: 35px;
			}
		}
	}
}
.clients-grid-wrap {
	position: relative;
	background: #eaeaea;
	margin-top: 53px;

	&:after {
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		right: -100%;
		top: 0;
		width: 100%;
		background: #eaeaea;
	}
	&:before {
		content: "";
		display: block;
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 100%;
		background: #eaeaea;
	}

	.clients-grid {
		line-height: 0.5em;
		text-align: center;

		h5, .excerpt {
			display: none;
		}
		li {
			margin: 0;
			line-height: 81px;
			display: inline-block;
			padding: 0 40px;

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

			.thumbnail {
				line-height: 81px;

				&:hover {
					opacity: 0.5;
					
				}
			}
		}
	}
}
.title-section {
	padding: 35px 0 34px;
	background: url(images/bg_title_section.png);

	&:after {
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		right: -100%;
		top: 0;
		width: 100%;
		background: url(images/bg_title_section.png);
	}
	&:before {
		content: "";
		display: block;
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 100%;
		background: url(images/bg_title_section.png);
	}

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

	.title-header {
		display: none;
	}
	.breadcrumb {
		background: none;
		border: none;
		border-radius: 0;
		padding: 0;
		position: relative;
		top: -2px;

		li {
			text-shadow: none;
			color: #b4b4b4;
			font: 13px/18px @robotoFontFamily;
			text-transform: uppercase;
			letter-spacing: 1px;

			&.divider {
				padding: 0 8px;
				color: #4b4b4c;
			}

			a {
				color: #d72b1f;
			}
		}
	}
}
.our-stuff {
	padding-top: 5px;
	.excerpt, .btn {
		display: none;
	}
	h5 {
		background: #eaeaea;
		border-top: 1px solid #ffffff;
		border-bottom: 5px solid #e1e1e1;
		margin: 0;
		padding: 22px 5px 20px 25px;

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

		a {
			font: 13px/18px @sansFontFamily;
			color: @red;
		}
	}
	li {
		@media (max-width: 767px) {
			width: 31% !important;
			margin-left: 3% !important;
			float: left !important;

			.thumbnail {
				width: 100%;
			}

			&:nth-child(3n+1) {
				margin-left: 0 !important;
			}
		}
		@media (max-width: 480px) {
			width: 48% !important;
			margin-left: 4% !important;

			&:nth-child(3n+1) {
				margin-left: 4% !important;
			}

			&:nth-child(2n+1) {
				margin-left: 0 !important;
			}
		}
	}
}
.testimonials {
	padding-top: 5px;
	.testi-item {
		width: 370px;
		margin-left: 30px;
		float: left;
		margin-bottom: 0;
		padding-bottom: 0;

		@media (min-width: 979px) and (max-width: 1200px) {
			width: 293px;
		}
		@media (min-width: 768px) and (max-width: 979px) {
			width: 220px;
		}
		@media (max-width: 767px) {
			width: 31%;
			margin-bottom: 30px;
			margin-left: 3%;
		}
		@media (max-width: 480px) {
			width: 100%;
			margin-left: 0;
		}

		&:first-child {
			margin-left: 0;
		}
		.testi-item_blockquote {
			background: #eaeaea;
			border-radius: 0;
			border-bottom: 5px solid #e1e1e1;
			padding: 32px 25px 37px;

			&:before {
				border-left: 0 solid transparent;
				border-right: 20px solid transparent;
				border-top: 20px solid #e1e1e1;
				left: 25px;
			}
			&:after {
				background: none;
			}
			.featured-thumbnail {
				display: none;
			}
			a {
				&:before {
					content: '"... ';
				}
				&:after {
					content: '"';
				}
				&:hover {
					color: @red;
				}
			}
		}
		.testi-meta {
			padding-left: 0;
			padding-top: 28px;

			a, br {
				display: none;
			}
			.info {
				&:before {
					content: '(';
				}
				&:after {
					content: ')';
				}
			}
			.user {
				color: @red;
				text-transform: uppercase;
				display: block;
			}
		}
	}
}
.posts-grid {
	.header-top {
		display: none;
	}
}
.list.custom-list {
	ul {
		li {
			background: url(images/dot.png) no-repeat 0 13px;
			margin: 0;
			padding: 0 0 0 11px;
			line-height: 30px;
			color: #676767;

			&:before {
				content: "";
				width: 0;
				margin: 0;
			}

			a {
				color: #676767;
				@media (min-width: 768px) and (max-width: 979px) {
					font-size: 12px;
				}
			}
		}
	}
}
.services {
	margin-top: -4px;

	.header-top {
		display: block;
		font: 17px/21px @sansFontFamily;
		text-transform: none;
		margin: 0 0 30px 0;

		a {
			color: #676767;
		}
	}
	.header-bottom {
		display: none;
	}
	li {
		margin-bottom: 5px;

		.featured-thumbnail  {
			margin-bottom: 26px;
		}
	}
}
.filter-wrapper {
	margin: 26px 0 50px;

	strong {
		color: #676767;
		padding: 0;
		font: 13px/1.2em @robotoFontFamily;
		margin-right: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;

		@media (max-width: 767px) {
			display: block;
			float: none;
			margin-bottom: 20px;
		}
	}
	.filter {
		margin: 0;

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

		li {
			margin: 0 10px;

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

			a {
				color: #676767;
				font: 13px/1.2em @robotoFontFamily;
				text-transform: uppercase;
				padding: 0;
				margin: 0;
				letter-spacing: 1px;
				background: none;
				border-radius: 0;

				&:active, &:hover, &:focus {
					color: #d72b1f;
					text-decoration: underline;
					background: none;
				}
			}
		}
		.active {
			a {
				color: #d72b1f;
				text-decoration: underline;
			}
		}
	}
	@media (max-width: 767px) {
		.pull-right {
			float: none;
		}
	}
}
.filterable-portfolio {
	li {
		.zoom-icon {
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);

			&:before {
				background: url(images/zoom.png) no-repeat 50% 50%;
				width: 44px;
				height: 44px;
				margin: -22px 0 0 -22px;
			}
		}
		.thumbnail {
			&:hover {
				background: #dfdfdf;
			}
		}
		.caption {
			h3 {
				background: #eaeaea;
				border-top: 1px solid #ffffff;
				border-bottom: 5px solid #e1e1e1;
				margin: 0;
				padding: 22px 5px 20px 25px;

				a {
					font: 13px/18px @sansFontFamily;
					color: @red;
				}
			}
			.excerpt {
				margin-bottom: 20px;
			}
			.btn {
				margin-top: 20px;
			}
		}
	}
}
.portfolio-3cols {
	li {
		&:nth-child(3n+1) {

		}
	}
}
article {
	@media (max-width: 979px) {
		.thumbnail {
			float: none !important;
			width: auto !important;
			margin: 0 20px 15px 0;

			img {
				margin-left: 0;
			}
		}
	}
	@media (max-width: 480px) {
		.thumbnail {
			width: 100% !important;
			margin: 0 0 20px 0;

			img {
				width: 100%;
			}
		}
	}
	.btn {
		margin: 0 !important;
	}
	.post-header {
		.post-title {
			margin: 4px 0 40px 0;
			font: 36px/1.2em @robotoFontFamily;

			a {
				color: #212122;
			}
		}
	}
	.post_meta {
		padding: 20px 25px;
		border: none;
		background: #eaeaea; 
		margin-bottom: 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		i {
			margin-right: 4px;
			color: #212122;
			font-size: 15px;
		}

		span {
			font: 14px/1.2em @sansFontFamily;
			margin-right: 10px;

			@media (max-width: 767px) {
				display: block;
			}
		}
		.post_date {
			color: #676767;
		}
		.post_author {
			a {
				color: @red;
			}
		}
		.post_category a {
			color: @red;
		}
		.post_comment {
			a {
				color: @red;
			}
		}
		.post_permalink {
			margin-right: 0;
			a {
				color: @red;
			}
			@media (max-width: 767px) {	float: none; }
		}
	}
	div.jp-playlist li a:hover, div.jp-playlist li.jp-playlist-current a {
		color: #b8b8b8;
	}
	.quote-wrap {
		blockquote {
			font-family: @sansFontFamily;
			font-size: 12px;
			font-style: normal;
			color: #afafaf;
			font-weight: bold;
		}
	}
}
.format-quote .post_meta {
	padding: 11px 0 10px;
}
.blog {
	.post_content {
		margin-bottom: 0;
		padding-bottom: 20px;
	}
}
.single {
	#content {
		.post-header {
			.post-title {
				margin: 4px 0 40px 0;
				font: 36px/1.2em @robotoFontFamily;
				color: #212122;
			}
		}
		.post_content {
			margin-bottom: 0;
			padding-bottom: 20px;

			p {
				margin-bottom: 10px;
			}
		}
		article {
			margin-bottom: 0px;

			@media (min-width: 768px) and (max-width: 1000px) {
				.thumbnail {
					float: none;

					img {
						margin: 0;
					}
				}
			}
			@media (max-width: 600px) {
				.thumbnail {
					float: none;
					width: 100%;

					img {
						margin: 0;

					}
				}
			}
		}
		.share-buttons {
			margin-bottom: 20px;
			margin-top: 0px;

			.pinterest {
				img {
					vertical-align: top;
				}
			}
		}
		.post-author {
			padding: 25px ;
			background: #eaeaea;
			border: none;
			font: 13px/20px @sansFontFamily;
			
			.post-author_h {
				font: 24px/1.2em @robotoFontFamily;
				margin: 0 0 20px 0;
				letter-spacing: 0;
				text-transform: uppercase;
				color: #212122;

				a {
					color: #212122;
				}
			}
			.post-author_gravatar {
				display: block;
				margin: 0 10px 20px 0;
				padding: 0;

				img {
					width: 111px;
					height: 111px;
					padding: 0;
					border: none;

					@media (max-width: 480px) {
						width: 80px;
						height: 80px;
					}
				}
			}
			.post-author_desc {
				padding-left: 140px;
				text-transform: none;
				font: 14px/21px @sansFontFamily;

				@media (max-width: 480px) {
					padding-left: 100px;
				}
			}
			.post-author_link {
				margin-top: 20px;
				font-size: 14px;
				color: #222223;

				a {
					font-size: 14px;
					color: @red;
				}
			}
		}
	}
}
.portfolio {
	.thumbnail.large {
		margin-bottom: 0;
	}
}
.type-clients {
	.thumbnail.large {
		width: auto;
		float: left;
		margin: 10px 20px 20px 0;

		img {
			width: auto;
		}
	}
}
.team-holder .featured-thumbnail {
	@media (max-width: 480px) {
		height: auto;
	}
}
.testimonial {
	.featured-thumbnail {
		height: auto;
	}
}
/*/ Content */



/* #Comments
================================================== */
.related-posts, .comment-holder, #respond {
	h3 {
		font-size: 36px;
		line-height: 1.2em;
		margin: 30px 0 30px;
		padding-top: 30px;
		border-top: 1px solid #e2e2e2;
	}
}
.related-posts {
	a {
		color: #676767;
		font: 14px/1.2em @sansFontFamily;
	}
}
.comment-holder {
	.comment-list {
		.comment {
			.comment-body {
				padding: 30px;
				background: #eaeaea;
				border: none;

				.comment-author {
					margin: 0 30px 0 0;
					text-align: left;
				
					img {
						width: 111px;
						height: 111px;
						padding: 0;

						@media (max-width: 480px) {
							width: 80px;
							height: 80px;
						}
					}
					.author {
						width: auto;
						text-align: left;
						font: 14px/21px @sansFontFamily;
						color: @red;
						margin-top: 10px;
					}
				}
				.comment-meta {
					margin: 5px 0px 0 0 ;
					font:  14px/21px @sansFontFamily;
					color: #222223;
				}
				
			}
		}
	}
	#respond {
		h3 {
			margin-bottom: 0;
		}
		#commentform {
			margin-top: 0;
		}
	}
}
.wpcf7-form {
	p.field {
		input {
			border-radius: 0;
			background: none;
			color: #676767; 
			font-size: 14px;

			&:focus {
				border-color: #818181 !important;
			}
		}
	}
	textarea {
		border-radius: 0;
		background: none;
		font-size: 14px;
		color: #676767 !important;

		&:focus {
			border-color: #818181 !important;
		}

		&.watermark {
			color: #676767 !important;
		}
	}
	.wpcf7-not-valid-tip {
		padding: 5px 8px 2px !important; 
	}
}
#respond {
	h3 {
		margin-top: 10px;
	}
	#commentform {
		margin-top: 15px;

		textarea {
			border-radius: 0;
			background: none;
			width: 100%;
			min-width: auto;
			max-width: 100%;
			.box-sizing(border-box);
			height: 300px;
			min-height: auto;
			max-height: auto;
			min-width: auto;
			font-size: 14px;
			padding: 12px 10px 10px;
			border-radius: 0;
		}
		p.field {
			input {
				.box-sizing(border-box);
				border-radius: 0;
				background: none;
				max-width: auto;
				min-width: auto;
				width: 100%;
				padding: 7px 10px;
				height: 36px;
				margin-bottom: 2px;
				font-size: 14px;

				&:focus {
					box-shadow: none;
				}
			}
		}
		p.right-btn {
			text-align: right;
		}
		.btn {
			margin-top: 11px;
			height: 36px;

			&:hover, &:active, &:focus {
				text-decoration: none;
			}
		}
	}
}
/*/ Comments */



/* #Widgets
================================================== */
#sidebar {
	.widget > h3 {
		font-size: 36px;
		line-height: 1.2em;
		margin: 5px 0 14px;
	}
	.widget {
		margin-bottom: 60px;
	}
	.social {
		margin: 7px 0 0 0;

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

		.social_ico {
			width: 40px;
			height: 40px;
			overflow: hidden;
		}
		.social_label {
			line-height: 36px;
		}

		li {
			padding: 0;
			margin: 0 0 0 -2px;
			line-height: 20px;
			float: none;
			display: block;

			&:first-child {
				margin-left: 0px;
			}

			.social_ico {
				width: 20px;
				height: 20px;
				display: inline-block;
				text-indent: -9999px;

				img {
					text-indent: -9999px;
				}
			}

			.social_link:hover {
				opacity: 1;
				
				.social_label {
					text-decoration: underline;
				}
			}
			.social_link {
				line-height: 35px;
				padding: 0; 
				transition: none;
			}

			.social_label {
				margin-left: 7px;
			}

			.social_link__facebook {
				background: url(images/icons/facebook_b.png) no-repeat;
			}
			.social_link__twitter {
				background: url(images/icons/twitter_b.png) no-repeat;
			}
			.social_link__linkedin {
				background: url(images/icons/linkedin_b.png) no-repeat;
			}
			.social_link__pinterest  {
				background: url(images/icons/pinterest_b.png) no-repeat;
				padding: 3px 0;
			}
			.social_link__google  {
				background: url(images/icons/google_b.png) no-repeat;
			}
		}
	}
}
[id*="archives"], [id*="categories"] {
	ul {
		list-style-type: none;
		margin: 0;
		li {
			background: url(images/dot.png) no-repeat 0 13px;
			margin: 0;
			padding: 0 0 0 11px;
			line-height: 30px;
			color: #676767;

			&:before {
				content: "";
				width: 0;
				margin: 0;
			}

			a {
				color: #676767;
			}
		}
	}
}
.advanced-cycle {
	.featured-thumbnail {
		float: none;
	}
	li {
		border-top: 1px solid #e2e2e2;
		time {
			font-size: 14px;
			line-height: 21px;
		}
		.post-list_h {
			margin: 0 0 20px 0;
			font: 17px/21px @sansFontFamily;
			text-transform: none;

			a {
				color: #676767;
			}
		}
	}
}
.search-form {
	.btn {
		margin: 0;
		padding: 6px 20px;
		height: 32px;

		@media (min-width: 768px) and (max-width: 1200px) {
			margin-left: 2px;
		}
		@media (max-width: 480px) {
			display: block;
			margin-left: 2px;
		}
	}
}
.flickr_li {
	a {
		display: inline-block;

		&:hover, &:focus {
			box-shadow: 0 0 2px @red;

			img {
				max-width: auto;
			}
		}
	}
}
.footer-widgets {
	padding-bottom: 60px;
	> div > div {
		h4 {
			color: #fff;
			display: block;
			text-indent: -9999px;
			border-bottom: 1px solid #5d5d5d;
			margin-top: 32px;
			padding-bottom: 10px;
			margin-bottom: 8px;
		}
	}
	.menu-1 {
		> div > h4 {
			background: url(images/menu-1.png) no-repeat 2px 0;
		}
	}
	.menu-2 {
		> div > h4 {
			background: url(images/menu-2.png) no-repeat 2px 0;
		}
	}
	.menu-3 {
		> div > h4 {
			background: url(images/menu-3.png) no-repeat 2px 0;
		}
	}
	.contacts {
		> div > h4 {
			background: url(images/contacts.png) no-repeat 2px 0;
			margin-bottom: 11px;
		}
	}
	.social {
		@media (min-width: 768px) and (max-width: 979px) {
			li {
				width: 16px;

				img {
					width: 100%;
				}
			}
		}
	}
}
.social {
	margin-top: 30px;
}
[id*="nav_menu"] {
	.menu {
		list-style-type: none;
		margin: 0;

		li {
			margin: 0;
			padding: 0;
			line-height: 24px;
			font-size: 14px;

			a {
				color: #bcbcbc;
			}
		}
	}
}
.contacts {
	.textwidget {
		font-size: 12px;
		line-height: 18px;
		color: #bcbcbc;

		p {
			margin: 0;

			span {
				float: right;
				position: relative;
				right: 10px;
			}

			&.email {
				color: #fff;
				margin-top: 18px;

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

				a {
					color: #fff;
				}
			}
		}
	}
}

/*/ Widgets */



/* #Shortcodes
================================================== */
.carousel-wrap {
	h2 {
		margin: 18px 0 45px;
		font-size: 36px;
		line-height: 1.2em;
	}
	.es-carousel-wrapper {
		@media (min-width: 979px) and (max-width: 1200px) {
			padding: 0 50px 0 0;
		}
		@media (min-width: 768px) and (max-width: 979px) {
			padding: 0 150px 0 0;
		}
		@media (min-width: 650px) and (max-width: 767px) {
			padding: 0 120px 0 0;
		}

		.excerpt, .btn {
			display: none;
		}
		.featured-thumbnail {
			margin-bottom: 0;
		}
		.desc {
			background: #eaeaea;
			padding: 28px 25px 20px;
			border-bottom: 5px solid #e1e1e1;

			h5 {
				margin: 0;
				font: 13px/1.2em @sansFontFamily;
				text-transform: uppercase;

				a {
					color: @red;
					text-decoration: none;

					&:hover {
						text-decoration: underline;
					}
				}
			}
			.icon {
				float: right;
				margin-top: -23px;

				@media (max-width: 650px) {
					display: none;
				}
			}
		}
		.es-nav {
			span {
				opacity: 1;
				width: 13px;
				height: 21px;
				margin-top: -71px;

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

				&.es-nav-next {
					background: url(images/nav-carousel.png) no-repeat -13px 0;
					right: 0;

					&:hover {
						background-position: -13px -21px;
					}
				}
				&.es-nav-prev {
					background: url(images/nav-carousel.png) no-repeat 0 0;
					right: 16px;
					margin-right: 1px;

					&:hover {
						background-position: 0 -21px;
					}
				}
			}
		}
	}
}
/*/ Shortcodes */



/* #Footer
================================================== */
.footer {
	background: none;
	border: none;
}
nav.footer-nav {
	margin: 35px 0 0 0;
	float: none;

	.menu {
		float: none;
		text-align: left;

		li {
			float: none;
			display: inline-block;
			padding: 0;
			border-left: 1px solid #bcbcbc;
			padding-left: 15px;
			margin-left: 12px;
			line-height: 14px;

			@media (min-width: 979px) and (max-width: 1200px) {
				margin-left: 6px;
				padding-left: 10px;
			}
			@media (min-width: 768px) and (max-width: 979px) {
				margin-left: 3px;
				border-left: none;
				padding-left: 0px;
			}
			@media (max-width: 550px) {
				margin-left: 0;
				display: block;
				border-left: none;
				padding-left: 0px;
			}

			&:first-child {
				border-left: none;
				padding: 0;
				margin: 0;
			}

			a {
				font-size: 14px;

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

				&:hover, &:active {
					color: #bcbcbc;
					text-decoration: underline;
				}
			}
		}
	}
}
.footer-text {
	padding-bottom: 28px;
	a, .year {
		display: inline-block;
		color: #fff;
	}
	.year {
		padding-left: 1px;
	}
}
/*/ Footer */



/* #Misc
================================================== */
#back-top-wrapper {
	#back-top {
		a {
			span {
				background-color: #222223;
				&:hover {
					background-color: @red;
				}
			}
		}
	}
}
.wpcf7 {
	.wpcf7-form {
		.submit-wrap {
			.wpcf7-submit.btn, .btn.btn-primary {
				height: 32px;
				line-height: 1.2em;
				padding: 6px 21px;
			}
			.ajax-loader {
				margin-top: 17px;
			}
		}
	}
}
.archive_h {
	@media (max-width: 767px) {
		margin-top: 30px;
	}
}
blockquote p {
	line-height: 22px;
}
.error404 {
	.error404-holder_num {
		color: @red;
		margin: 50px 0;
		font-size: 200px;
		@media (min-width: 768px) and (max-width: 979px) {font-size: 180px;}
		@media (max-width: 480px) {font-size: 140px;margin: 20px 0;}
	}
	.search-form_is {
		margin: 0 0 0 10px;
		height: 32px;
		line-height: 1.2em;

		@media (min-width: 768px) and (max-width: 979px) {margin-left: 2px;}
		@media (max-width: 480px) {display: block; margin-left: 2px;}
	}
	.search-form_it {
		@media (max-width: 480px) {
			width: 100%;
			height: 30px;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
	}
}
.ie8 {
	.telephone {
		font-size: 12px;
		top: 0px;
	}
	#top-search {
		left: -18px;

		.search-form {
			&:before {
				right: 20px;
			}
		}
	}
	.navigation-wrap {
		margin-top: 9px;
	}
	.nav__primary { 
		.sf-menu {
			>li {
				margin: 0 15px;

				i {
					width: 100%;
					height: 1px;
					display: block;
				}
			}
		}
	}
	#loginout {
		font-size: 11px;
	}
	.search-box-wrap {
		>div {
			>a {
				font-size: 11px;
			}
		}
	}
	.logo {
		margin: 0;

		img {
			max-width: none;
		}
	}
	.logo_h__txt {
		a {
			font-size: 23px;
		}
	}
	.slider {
		.camera_caption {
			margin-left: -470px;

			>div {
				h2 {
					font-size: 45px;
				}
				h3 {
					font-size: 25px;
					margin: 0;
				}
				.btn {
					display: none !important;
				}
			}
		}
		.camera_prev {
			margin-left: -470px;
		}
		.camera_next {
			margin-left: -450px;
		}
	}
	.service-grid {
		figure.thumbnail {
			.span2 {
				margin: 10px 15px 10px 0;
				padding-left: 15px;
			}
		}
	}
	.clients-grid-wrap {
		.clients-grid {
			li {
				padding: 0 20px;

				.thumbnail {
					width: 100%;

					img {
						width: auto;
					}
				}
			}
		}
	}
	.testimonials {
		.testi-item {
			width: 293px;
		}
	}
	.our-stuff, .services {
		.thumbnail {
			width: 100%;
		}
	}
	.search-form {
		.btn {
			margin-left: 2px;
		}
	}
	.carousel-wrap {
		.es-carousel-wrapper {
			padding: 0 50px 0 0;
		}
	}
	nav.footer-nav {
		.menu {
			li {
				margin-left: 6px;
				padding-left: 10px;

				&:first-child {
					padding-left: 0;
					margin-left: 0;
				}
			}
		}
	}
	.post-author_gravatar, .comment-author {
		width: 111px !important;
	}
}
/*/ Misc */


@import "bootstrap/less/variables.less";
@import "bootstrap/less/mixins.less";