/*import CherryFramework style*/
@import url("../CherryFramework/style.css");
@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700);

/* #General
================================================== */
.main-holder {
	overflow: hidden;
}
body {
	@media (max-width: 767px) {
		padding: 0;
		
		.header {
			padding: 20px;
		}
		.footer {
			padding: 30px 20px;
			.box-sizing(border-box);
		}
		.content-holder {
			padding: 0 20px 20px 20px !important;
		}
		&.home {
			.content-holder {
				padding: 20px 20px 0 20px !important;
			}
		}
	}
}
a {
	.transition;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}
.featured-thumbnail, 
.thumbnail,
figure.frame {
	background: none;
	border-radius: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	.box-sizing(border-box);

	img {
		display: inline-block;
		border: none;
		background: none;
		padding: 0;
		.box-sizing(border-box);
	}
}
figure.frame {
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 0;
	text-align: left;

	p {
		margin: 0 !important;
	}
	@media (max-width: 767px) {
		text-align: left;
	}
	&.alignnone {
		margin: 0 0 30px;
	}
	&.alignleft {
		margin: 5px 20px 10px 0;
	}
}
.btn, .reply a {
	border-radius: 0;
	border: none;
	color: #fff;
	text-shadow: none;
	font: bold 20px/1.2em @ptsansFontFamily;
	text-transform: uppercase;
	padding: none;
	letter-spacing: 0;
	height: auto;
	padding: 15px 29px;
	box-shadow: none;
	text-decoration: none;
	background: @red;
	.box-sizing(border-box);
	.transition;

	&:hover,
	&:active {
		background: #303030;
		text-decoration: none;
		color: #fff;
		box-shadow: none;
	}
	&:focus {
		color: #fff;
		box-shadow: none;
		background: @red;
	}
}
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 {
	padding: 7px 10px;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.2em;
	text-transform: none;
	color: #7e7e7e;
	text-decoration: none;
	position: relative;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
	border: 1px solid @bordercolor !important;
	.transition;

	&:focus {
		background: #fff;
		box-shadow: none;
		border-color: #d8d8d8 !important;
	}
}
.wpcf7-form {
	p.field {
		input {
			height: 35px;
			margin-bottom: 2px;

			&:focus {
				border-color: #d8d8d8 !important;
			}
		}
	}
	textarea {
		color: #7e7e7e !important;

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

		&.watermark {
			color: #7e7e7e !important;
		}
	}
	.wpcf7-not-valid-tip {
		padding: 5px 8px 2px !important; 

		@media (min-width: 979px) and (max-width: 1200px) {
			font-size: 10px !important;
		}
		@media (min-width: 768px) and (max-width: 979px) {
			padding: 2px 3px !important;
			font-size: 7px !important;
		}
	}
	.submit-wrap {
		.btn {
			height: auto;
		}
	}
}

/* #Header
================================================== */
.header {
	padding: 0;
	border: none;

	&:after {
		content: "";
		width: 100%;
		height: 2px;
		background: #f9f9f9;
		position: absolute;
		bottom: 0;
	}
}
.home {
	.header {
		&:after {
			display: none;
		}
	}
}
.nav__primary { 
	position: relative;
	float: none;
	padding: 0;
	margin: 33px 0 0 0;
	z-index: 100;
	background: none;

	.select-menu {
		height: 35px;
	}
	.sf-menu {
		float: right; 
		display: block;
		position: relative;
		padding: 0;
		z-index: 1;
		
		@media (max-width: 767px) {
			display: none !important;
		}
		>li {
			background: none;
			float: left;
			text-align: left;
			display: block;
			position: relative;
			padding: 0;
			margin: 0 0 0 33px;
			border: none;
			.box-sizing(border-box);
			.transition;
			z-index: 10;
			
			&:first-child {
				&:before {
					display: none;
				}
			}
			&:before {
				content: '|';
				display: inline-block;
				position: absolute;
				font-size: 10px;
				left: -18px;
				top: 2px;
				pointer-events: none;
			}
			&:hover {
				ul {
					top: 100%;
				}
				li ul {
					top: -999em;
				}
			}
			>a {
				border: none;
				padding: 0;
				display: inline-block;
				text-transform: uppercase;
				border-radius: 0;
				position: relative;
				letter-spacing: 2px;
				.box-sizing(border-box);
				.transition;
				background: none;

				&:hover {
					text-decoration: none;
					color: @red;
					background: none;

					.sf-sub-indicator {
						background-position: -10px -100px;
					}
				}
				>.sf-sub-indicator {
					position: absolute;
					display: inline-block;
					top: 21px;
					left: 50%;
					margin-left: -5px;
					background: url("images/arrows-ffffff.png") no-repeat scroll 0 -100px transparent;
				}
			}
			&.current-menu-item {
				>a {
					text-decoration: none;
					color: @red;
					background: none;

					.sf-sub-indicator {
						background-position: -10px -100px;
					} 
				}
			}
			&.sfHover {
				>a {
					text-decoration: none;
					color: @red;
					background: none;

					.sf-sub-indicator {
						background-position: -10px -100px;
					} 
				}
				ul {
					top: 100%;
				}
				li ul {
					top: -999em;
				}
			}
			>.sub-menu {
				background: #1f1f1f;
				top: -999em;
				left: 0;
				width: 130px; 
				padding: 20px;
				margin: 36px 0 0 -14px;
				border: none;
				border-radius: 0;
				border-top: 3px solid @red;
				z-index: 10000;

				>.menu-item { 
					background: none;
					text-align: left;
					border: none;
					padding: 5px 0;
					margin: 0;

					&:first-child {
						border: none;
					}
					&:hover {
						li ul {
							top: -999em; 
						}
					}
					a {
						margin: 0;
						background: none;
						border: none; 
						color: #7f7f7f;
						text-transform: uppercase;
						display: inline-block;
						letter-spacing: 0;
						border-radius: 0;
						padding: 0;
						letter-spacing: 1px;
						font: 10px/1.2em @ptsansFontFamily;
						.transition;
						.box-sizing(border-box);

						&:hover {
							color: @red;
							text-shadow: none;
							background: none;
						}
						>.sf-sub-indicator {
							top: 1px;
							right: auto;
							left: -15px;
							background: url("images/arrows-ffffff.png") no-repeat scroll 0 0 transparent;
						}
					}
					&.sfHover {
						li ul {
							top: -999em; 
						}
						>a {
							color: @red;
							text-shadow: none;
							background: none;

							.sf-sub-indicator {
								background-position: -10px 0;
							}
						}
					}
					&.current-menu-item {
						a {
							color: @red;
							text-shadow: none;
							background: none;
						}
					}
					>.sub-menu {
						background: #1f1f1f;
						padding: 20px;
						margin: -23px 20px 0 0;
						top: 0;
						left: auto;
						right: 100%;
						border: none;
						border-radius: 0;
						width: 100%;
						border-top: 3px solid @red;

						>.menu-item {
							background: none;
							text-align: left;
							border: none;
							padding: 5px 0;
							margin: 0;

							&:first-child {
								border: none;
							}
							&:hover {
								ul {
									top: 0;
									left: 10em;
								}
							}
							a {
								margin: 0;
								padding: 0;
								color: #7f7f7f;
								display: inline-block;
								background: none; 

								&:hover {
									color: @red;
									text-shadow: none;
									background: none;
								}
							}
							&.current-menu-item {
								a {
									color: @red;
									text-shadow: none;
									background: none;
								}
							}
							&.sfHover {
								ul {
									top: 0;
									left: 10em;
								}
							}
						}
					}
				}
			}
		}
	}
}
/*/ Header */


/* Logo
================================================== */
.logo {
	@media (min-width: 768px) and (max-width: 979px) {
		width: 100%;
	}
	@media (max-width: 767px) {
		text-align: center;
	}
	&.pull-left {
		float: none;
	}
	>a {
		position: relative;
		z-index: 10;
	}
	&:before {
		content: "";
		display: block;
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 101%;
		background: #323232;
		z-index: 1;

		@media (max-width: 767px) {
			display: none;
		}
	}
	.logo_h__txt {
		background: #323232;
		padding: 18px 0 18px 4px;

		.logo_link {
			&:hover,
			&:active {
				color: #fff;
				text-decoration: none;
			}
		}
	}
}
/*/ Logo */


/* #Slider
================================================== */
.slider {
	overflow: visible;
	margin-bottom: 50px;

	&:after {
		content: '';
		width: 100%;
		height: 49px;
		background: #f9f9f9;
		border-bottom: 1px solid #e8e8e8;
		display: block;
	}
	>.container {
		width: 1600px;
		position: relative;
		background: #323232;
		left: 50%;
		margin-left: -800px;

		@media (min-width: 980px) and (max-width: 1200px) {
			width: 1200px;
			margin-left: -600px;
		}
		@media (min-width: 768px) and (max-width: 979px) {
			width: 980px;
			margin-left: -490px;
		}
		@media (max-width: 767px) {
			width: 100%;
			margin-left: 0;
			left: 0;
			background: none;
		}
		>div {
			position: relative;
			z-index: 10;
		}
		&:before {
			content: "";
			display: block;
			height: 100%;
			left: -100%;
			position: absolute;
			top: 0;
			width: 101%;
			background: #323232;
			z-index: 1;

			@media (max-width: 767px) {
				display: none;
			}
		}
	}
}
.camera {
	margin-bottom: 0 !important;
}
.camera_caption {
	bottom: auto !important;
	top: 30%;
	right: 210px;
	width: 40%;

	@media (max-width: 767px) {
		display: none !important;
	}
	>div {
		background: none;
		text-align: right;

		h1, h2 {
			color: #fff;
			margin: 0;
		}
		h1 {
			font: bold 110px/0.9em @ptsansFontFamily;

			@media (min-width: 980px) and (max-width: 1200px) {
				font-size: 90px;
			}
			@media (min-width: 768px) and (max-width: 979px) {
				font-size: 60px;
			}
		}
		h2 {
			font: bold 30px/0.9em @ptsansFontFamily;
		}
	}
}
.camera_thumbs {
	position: relative;
	bottom: 90px;

	.camera_thumbs_cont {
		background: none;
	}
	@media (max-width: 1200px) {
		display: none !important;
	}
}
.camera_prev,
.camera_next {
	background: none;
	top: auto;
	bottom: -30px;
	width: 6px;
	height: 9px;
	left: 50%;
	margin: 0 0 0 -585px;

	@media (min-width: 980px) and (max-width: 1200px) {
		margin-left: -470px;
	}
	@media (min-width: 768px) and (max-width: 979px) {
		margin-left: -360px;
	}
	@media (max-width: 767px) {
		margin: 0;
		left: 10px;
	}
	span {
		width: 6px;
		height: 9px;
		background: url(images/nav-slider.png) no-repeat;

		&:hover {
			background-position: 0 -9px;
		}
	}
}
.camera_next {
	left: auto;
	right: 50%;
	margin: 0 -585px 0 0;

	@media (min-width: 980px) and (max-width: 1200px) {
		margin-right: -470px;
	}
	@media (min-width: 768px) and (max-width: 979px) {
		margin-right: -360px;
	}
	@media (max-width: 767px) {
		margin: 0;
		right: 10px;
	}
	span {
		background-position: -6px 0;

		&:hover {
			background-position: -6px -9px;
		}
	}
}
/*/ Slider */


/* #Content
================================================== */
.content-holder {
	background: #fff;
}
#content.row,
#content.span8,
#sidebar.sidebar {
	padding-top: 0px;
}
.title-section {
	margin: 30px 0 18px;
	padding: 0;
	text-align: left;
	background: none;
	position: relative;

	.title-header {
		letter-spacing: 0;
		margin: 0 0 8px 0;
		text-transform: uppercase;
		font: bold 20px/1.2em @ptsansFontFamily;
	}
	.breadcrumb {
		background: none;
		padding: 11px 0 10px; 
		margin: 0;
		text-transform: uppercase;
		text-shadow: none;
		letter-spacing: 2px;
		border: none;
		box-shadow: none;
		border-radius: 0;
		font: 11px/1.2em @ptsansFontFamily;

		>li {
			text-shadow: none;
			display: inline-block;
			line-height: 1.2em;

			&.active {
				color: @red;
			}
		}
		a {
			color: #7e7e7e;
			text-shadow: none;
		}
		.divider {
			padding: 0 8px;

			&:after {
				color: #7e7e7e;
				content: "|";
				font: 11px/1.2em @ptsansFontFamily;
			}
		}
	}
}
article {
	background: none;
	border: none;
	border-radius: 0;
	padding: 0;
	.box-sizing(border-box);

	&.post__holder {
		margin-bottom: 50px;
	}
	.thumbnail {
		margin: 0 30px 20px 0;

		@media (max-width: 480px) {
			width: auto !important;
			display: inline-block;
			float: none;
			margin: 0 0 15px 0;

			img {
				width: 100%;
			}
		}
		&.large {
			margin: 0 0 30px 0;
			border-radius: 0;

			@media (min-width: 768px) and (max-width: 979px) {
				float: none !important;
			}
		}
	}
	.post-header {
		.post-title {
			text-align: left;
			font: bold 20px/1.2em @ptsansFontFamily;
			margin-bottom: 20px;
			text-transform: uppercase;
			letter-spacing: 0;
			color: #323232;

			a {
				color: #323232;
			}
		}
	}
	.post_content {
		background: none;
		border-radius: 0;
		padding: 0;
		.box-sizing(border-box);
	}
	.post_meta {
		padding: 8px 0;
		border: none;
		position: relative;
		display: block;
		margin: 30px 0 50px;
		overflow: visible;
		background: none;
		border-top: 1px solid @bordercolor;
		border-bottom: 1px solid @bordercolor;
		border-radius: 0;
		.box-sizing(border-box);

		.post_meta_unite {
			font: 12px/1.2em @ptsansFontFamily;
			border-color: @bordercolor;
			text-transform: none;
		}
		i {
			margin-right: 0;
			color: @red;
			font-size: 15px;
		}
		.post_date {
			color: #7e7e7e;
		}
		.post_author a {
			color: #7e7e7e;
		}
		.post_category a, .post_tag a, .post_tag {
			color: @red;
		}
		.post_comment a {
			color: @red;
		}
		.user_like, .post_views {
			color: #7e7e7e;
		}
		.post_permalink {
			float: none;

			a {
				color: @red;
			}
		}
	}
	div.jp-playlist li a:hover, div.jp-playlist li.jp-playlist-current a {
		color: #b8b8b8;
	}
	.quote-wrap {
		blockquote {
			font-family: @sansFontFamily;
			font-size: 15px;
			line-height: 1.2em;
			font-style: normal;
			color: #afafaf;
			font-weight: bold;
		}
	}
	.gallery-post {
		padding-bottom: 40px;
	}
	&.testimonial {
		background: none;
		border-color: @bordercolor;

		.user,
		.info {
			color: #222;
		}
	}
}
.single {
	#content {
		article {
			margin-bottom: 0;

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

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

					img {
						width: 100%;
					}
				}
			}
		}
		.share-buttons {
			margin: 0 0 50px;
			background: none;
			padding: 0;
			.box-sizing(border-box);

			.pinterest {
				img {
					vertical-align: top;
				}
			}
		}
		.post-author {
			padding: 20px;
			border: 1px solid @bordercolor;
			background: none;
			border-radius: 0;

			.post-author_h {
				font: 15px/1.2em @ptsansFontFamily;
				margin: 0 0 15px 0;
				letter-spacing: 0;
				text-transform: none;
				color: @red;

				a {
					color: @red;
					text-transform: none;
				}
			}
			.post-author_gravatar {
				display: block;
				margin: 4px 20px 0 0;

				@media (max-width: 350px) {
					float: none;
				}
				img {
					width: 80px;
					height: 80px;
					padding: 0;
					border: none;
					background: none;
				}
			}
			.post-author_desc {
				padding-left: 98px;
				text-transform: none;
				color: #7e7e7e;

				@media (max-width: 480px) {
					padding-left: 0;
				}
			}
			.post-author_link {
				margin-top: 20px;
				text-transform: none;
				color: #7e7e7e;
				font: 15px/1.2em @ptsansFontFamily;

				p {
					margin: 0;
				}
				a {
					color: @red;
					font-size: 15px;
					text-transform: none;
				}
			}
		}
	}
}
.filter-wrapper {
	margin: 38px 0 35px;

	@media (max-width: 767px) {
		margin: 20px 0;
	}
	strong {
		color: #323232;
		padding: 0;
		font: 15px/1.2em @ptsansFontFamily;
		margin-right: 9px;
		margin-top: 0px;
		text-transform: none;
		letter-spacing: 0;
		float: none;
		display: inline-block;
		vertical-align: top;

		@media (max-width: 979px) {
			display: block;
			float: none;
			margin-bottom: 20px;
		}
	}
	.filter {
		margin: 0;
		display: inline-block;
		float: none;
		position: relative;
		top: 0;

		@media (max-width: 767px) {
			float: none;
			display: block;
		}
		li {
			margin: 0 0 0 22px;
			
			&:first-child {
				margin: 0;
			}
			@media (min-width: 768px) and (max-width: 979px) {
				margin: 0 10px 10px 0 !important;
			}
			@media (max-width: 767px) {
				display: block;
				float: none;
				margin: 0 0 5px 0 !important;
			}
			a {
				color: #323232;
				font: 15px/1.2em @ptsansFontFamily;
				padding: 0;
				margin: 0;
				background: none;
				border-radius: 0;
				text-transform: none;
				letter-spacing: 0;

				@media (max-width: 767px) {
					display: inline-block;
				}
				&:active, &:hover, &:focus {
					text-decoration: none;
					color: @red;
					background: none;
				}
			}
		}
		.active {
			a {
				text-decoration: none;
				color: @red;
				background: none;
			}
		}
	}
	@media (max-width: 979px) {
		.pull-right {
			float: none;
		}
	}
}
.filterable-portfolio {
	margin-top: 50px;
	li {
		.thumbnail {
			margin-bottom: 15px;
		}
		.caption {
			h3 {
				text-shadow: none;
				margin: 20px 0 0;
				font: 15px/24px @ptsansFontFamily;
				letter-spacing: 1px;

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

					&:hover, &:active {
						text-decoration: underline;
					}
				}
			}
			.excerpt {
				margin-bottom: 20px;
				color: #7e7e7e;
				letter-spacing: 1px;
				line-height: 24px;
			}
			p {
				margin: 0;
			}
		}
	}
}
div.type-page {
	h4 {
		margin-bottom: 75px;
	}
	p {
		letter-spacing: 1px;
		margin-bottom: 24px;
	}
}
/*/ Content */


/* #Comments
================================================== */
.related-posts, .comment-holder, #respond {
	margin-top: 80px;
	border-top: 1px solid @bordercolor;
	padding-top: 80px;

	h3 {
		font: bold 20px/1.2em @ptsansFontFamily;
		margin: 0 0 25px;
		text-align: left;
		letter-spacing: 0;
	}
}
.related-posts {
	a {
		font: 15px/21px @ptsansFontFamily;
		color: @red;
		display: inline;
		letter-spacing: 0;
		text-transform: none;

		&:hover {
			text-decoration: underline;
		}
	}
	.thumbnail {
		.box-sizing(border-box);

		a {
			display: inline-block;
			width: 100%;
		}
		img {
			.box-sizing(border-box);
		}
	}
}
.comment-holder {
	.comment-list {
		.comment {
			.comment-body {
				padding: 20px;
				background: none;
				border: 1px solid @bordercolor;

				.comment-author {
					margin: 5px 20px 0 0;
					text-align: left;
					border: none;

					@media (max-width: 350px) {
						float: none;
						margin-bottom: 30px;
					}
					img { 
						width: 80px;
						height: 80px;
						padding: 0;
						border: none;
						background: none;
					}
					.author {
						width: auto;
						text-align: left;
						font: 15px/1.2em @ptsansFontFamily;
						color: @red;
						text-transform: none;
						margin-top: 10px;
					}
				}
				.extra-wrap {
					padding: 0;
					margin: 0;
					background: none;
					color: #818181;
					text-transform: none;

					@media (max-width: 480px) {
						overflow: visible;
					}
				}
				.comment-meta {
					margin: 20px 0 0 0;
					font: 15px/1.2em @ptsansFontFamily;
					color: @red;
					text-transform: none;
				}
				.reply {
					margin-left: 30px;
				}
			}
		}
	}
	#respond {
		#commentform {
			margin-top: 0;
		}
	}
}
#respond {
	#commentform {
		margin: 15px 0 0;

		textarea {
			width: 100%;
			min-width: auto;
			max-width: 100%;
			.box-sizing(border-box);
			height: 300px;
			min-height: auto;
			max-height: auto;
			min-width: auto;
			padding: 12px 10px 10px;
		}
		p {
			input {
				.box-sizing(border-box);
				max-width: auto;
				min-width: auto;
				width: 100%;
				padding: 0 10px;
				height: 35px;
				margin-bottom: 2px;

				&:focus {
					box-shadow: none;
				}
				&.btn {
					margin: 0;
					width: auto;
					padding: 18px 29px;
					height: 60px;
				}
			}
			&.right-align {
				text-align: right;
				margin: 0;
			}
		}
	}
}
/*/ Comments */


/* #Widgets
================================================== */
.sidebar {
	.widget {
		margin: 10px 0 80px;
		border-top: 1px solid @bordercolor;
		padding-top: 80px;

		&:first-child {
			border: none;
			margin-top: 0;
			padding-top: 0;
		}
		>h3 {
			margin: 12px 0 40px 0;
			font: bold 20px/1.2em @ptsansFontFamily;
			letter-spacing: 0;
			text-transform: uppercase;
		}
	}
}
[id*="categories"], 
[id*="archives"], 
[id*="nav_menu"] {
	ul {
		margin: 0;
		list-style-type: none;

		@media (max-width: 767px) {
			margin-top: 30px;
		}
		li {
			background: none;
			margin: 0;
			padding: 3px 0 3px 15px;
			
			&:before {
				display: none;
			}
			a {
				font: 15px/1.2em @ptsansFontFamily;
				color: @red;
				text-transform: none;
				display: inline;
				position: relative;

				&:before {
					content: '';
					font: 16px/1.2em FontAwesome;
					color: #3d3d3d;
					margin-right: 8px;
					position: absolute;
					top: 1px;
					left: -15px;
					display: inline-block;
				}
				&:hover,
				&:active {
					color: #3d3d3d;
					text-decoration: none;
					background: none;
				}
			}
		}
	}
}
#wp-calendar {
	caption,
	thead tr th {
		color: @red;
		font-family: @ptsansFontFamily;
	}
}
.search-form {
	.search-form_is {
		margin: 0px 0 0 10px;
		padding-top: 1px;
		padding-bottom: 1px;
		height: 40px;

		@media (min-width: 768px) and (max-width: 1200px) {
			display: block;
			margin: 0;
		}
		@media (max-width: 400px) {
			display: block;
			margin: 0;
		}
	}
}
.social {
	.social_li {
		.social_link {
			opacity: 1;
			filter: none;

			.social_ico {
				display: inline-block;
				width: 41px;
				height: 41px;
				border-radius: 50%;
				background: #ff797b;
				text-align: center;
				position: relative;

				img {
					width: 0;
					height: 0;
					display: none;
				}
				&:before {
					content: '';
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
				}
			}
			&.social_link__facebook {
				.social_ico {
					&:before {
						background: url(images/icons/facebook.png) no-repeat 12px 14px;
					}
				}
			}
			&.social_link__twitter {
				.social_ico {
					&:before {
						background: url(images/icons/twitter.png) no-repeat 12px 14px;
					}
				}
			}
			&.social_link__flickr {
				.social_ico {
					&:before {
						background: url(images/icons/flickr.png) no-repeat 12px 14px;
					}
				}
			}
			&.social_link__feed {
				.social_ico {
					&:before {
						background: url(images/icons/feed.png) no-repeat 12px 14px;
					}
				}
			}
			&.social_link__linkedin {
				.social_ico {
					&:before {
						background: url(images/icons/linkedin.png) no-repeat 12px 14px;
					}
				}
			}
			&.social_link__delicious {
				.social_ico {
					&:before {
						background: url(images/icons/delicious.png) no-repeat 12px 14px;
					}
				}
			}
			&.social_link__youtube {
				.social_ico {
					&:before {
						background: url(images/icons/youtube.png) no-repeat 12px 14px;
					}
				}
			}
			&[class*="social_link__google"] {
				.social_ico {
					&:before {
						background: url(images/icons/google.png) no-repeat 12px 14px;
					}
				}
			}
			&:hover {
				text-decoration: none;
				
				.social_ico {
					background: #fff;

					&:before {
						background-position: 12px -26px;
					}
				}
			}
			.social_label {
				line-height: 41px;
			}
		}
	}
}
/*/ Widgets */



/* #Shortcodes
================================================== */
.dropcap {
	background: @red;
	width: 85px;
	height: 85px;
	color: #fff;
	font: 45.7px/85px @ptsansFontFamily;
	border-radius: 0;
	margin: 5px 20px 20px 0;
}
.well {
	background: none;
	border: none;
	padding: 0;
	box-shadow: none;
	margin: 0 0 30px 0;
	overflow: hidden;
}
.hr {
	overflow: visible;
	background: #e8e8e8;
	position: relative;
	margin: 53px 0 72px;

	&:before {
		content: "";
		display: block;
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 101%;
		background: #e8e8e8;
		z-index: 1;
	}
	&:after {
		content: "";
		display: block;
		height: 100%;
		right: -100%;
		position: absolute;
		top: 0;
		width: 101%;
		background: #e8e8e8;
		z-index: 1;
	}
}
.testimonials {
	.testi-item {
		margin: 0;

		.testi-item_blockquote {
			background: #f3f3f3;
			border: 1px solid #ececec;
			padding: 18px 30px;
			box-shadow: 0 1px 0 rgba(0,0,0,0.05);

			&:before {
				border: none;
				width: 35px;
				height: 22px;
				background: url(images/quote.png);
				bottom: -22px;
				left: 64px;
			}
			&:after {
				background: none;
				content: '“';
				font: 137px/1em @ptsansFontFamily;
				color: #e7e7e7;
				left: 16px;
				top: 5px;
			}
			a {
				line-height: 30px;
				color: #7e7e7e;

				&:hover,
				&:active {
					color: @red;
				}
			}
		}
		.testi-meta {
			padding: 18px 0 0 0;
			text-align: right;

			.user {
				color: @red;
			}
		}
	}
	&.testi-about {
		.testi-meta {
			a {
				display: none;
			}
		}
	}
}
.posts-grid.our-team {
	li {
		background: #eff3f4;
		padding: 15px;
		width: 30.888%;
		margin-left: 3.6%;
		.box-sizing(border-box);

		@media (max-width: 767px) {
			float: left;
		}
		@media (max-width: 480px) {
			width: 100%;
			float: none;
			margin: 0 0 20px 0;
			text-align: center;
		}
		&:first-child {
			margin-left: 0;
		}
		.thumbnail {
			margin: 0 0 10px 0;

			@media (max-width: 480px) {
				float: none;
				display: block;
				text-align: center;
				margin: 0 auto 20px;

				a {
					display: inline-block;
					text-align: center;
				}
			}
		}
		h5 {
			font: 15px/24px @ptsansFontFamily;
			margin: 0;
			text-transform: none;

			a {
				color: @red;
			}
		}
		.excerpt {
			letter-spacing: 0;
			margin: 0;
		}
	}
}
.posts-grid.home-blog {
	li {
		.thumbnail {
			margin: 0 0 20px 0;
		}
		h5 {
			font: bold 20px/1.2em @ptsansFontFamily;
			margin: 0 0 10px 0;

			a {
				color: #323232;
			}
		}
		.post_meta {
			padding: 0;
			border: none;
			margin: 0 0 10px 0;

			.post_date,
			.post_author,
			.post_comment {
				display: none;
			}
			.post_category {
				font: 10px/1.2em @ptsansFontFamily;
				text-transform: uppercase;

				em {
					display: none;
				}
				a {
					color: #868585;
					letter-spacing: 1px;
				}
			}
		}
	}
}
.posts-grid.our-products {
	li {
		h5 {
			font: 10px/1.2em @ptsansFontFamily;

			a {
				color: #868585;
				letter-spacing: 1px;
			}
		}
		.excerpt {
			color: @red;
		}
		.btn {
			padding: 0;
			font: 9px/1.2em @ptsansFontFamily;
			color: #b9b9b9;
			letter-spacing: 1px;
			background: none;

			&:hover,
			&:active {
				color: @red;
			}
		}
	}
}
.services-wrap {
	background: @red;
	margin: 80px 0 75px;
	position: relative;
	
	>div {
		position: relative;
		z-index: 10;
	}
	&:before {
		content: "";
		display: block;
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 101%;
		background: @red;
		z-index: 1;
	}
	&:after {
		content: "";
		display: block;
		height: 100%;
		right: -100%;
		position: absolute;
		top: 0;
		width: 101%;
		background: @red;
		z-index: 1;
	}
	.span6 {
		position: relative;
		padding: 40px 20px 47px 0;
		.box-sizing(border-box);

		@media (max-width: 767px) {
			padding: 20px 20px 20px 0;
		}
		&:before {
			content: '';
			width: 1px;
			height: 100%;
			background: #fa6d6e;
			position: absolute;
			left: -15px;
			top: 0;

			@media (max-width: 767px) {
				display: none;
			}
		}
		&:first-child {
			&:before {
				display: none;
			}
		}
	}
	.well {
		padding-left: 160px;

		@media (max-width: 480px) {
			padding-left: 120px;
		}
	}
	.hr {
		background: #fa6d6e;
		margin: 0;

		&:before,
		&:after {
			background: #fa6d6e;
		}
		@media (max-width: 767px) {
			display: none;
		}
	}
	figure.alignleft {
		margin: 20px 38px 0 40px;
		position: absolute;

		@media (max-width: 480px) {
			margin: 10px 10px 0 20px;
		}
	}
	h1, h2, h3, h4, h5, h6, a {
		color: #fff;
	}
	h4 {
		margin-bottom: 10px !important;
	}
	p {
		color: #ffb3b4;
		margin-bottom: 0 !important;
	}
}
/*/ Shortcodes */



/* #Footer
================================================== */
.footer {
	background: url(images/footer-shadow.png) repeat-x;
	border: none;
	padding: 90px 0 102px;
	color: #fff;

	h1, h2, h3, h4, h5, h6, a {
		color: #fff;
	}
	&:before {
		content: '';
		width: 100%;
		height: 5px;
		position: absolute;
		background: url(images/footer-arrow.png) no-repeat 50% 0;
		top: -5px;
	}
}
.footer-widgets {
	text-align: center;

	.social {
		text-align: center;

		.social_li {
			display: inline-block;
			float: none;
			margin: 0 0 0 2px;
		}
	}
	.textwidget {
		color: #ffaaab;

		h1 {
			text-transform: none;
			font: 80px/1.1em @ptsansFontFamily;
			margin: 0 0 20px 0;
		}
		p {
			color: #ffaaab;
		}
		i {
			color: #fff;
			font-size: 16px;
			display: inline-block;
			margin-right: 10px;
		}
		a {
			color: #ffaaab;
		}
	}
	.slogan-widget {
		margin-bottom: 0;
	}
	.contacts-widget {
		margin: 70px 0 80px 12px;

		.textwidget {
			span {
				padding: 50px 0;
				padding-left: 30px;
				border-left: 1px solid #fa696b;
				display: inline-block;

				&:first-child {
					border: none;
					padding-left: 0;
					padding-right: 30px;
				}
			}
		}
	}
}
.footer-text {
	text-align: center;
	float: none;
	margin: 20px 0;
	font: 9px/1.2em @ptsansFontFamily;
	text-transform: uppercase;

	em {
		font-style: normal;
	}
}
nav.footer-nav {
	float: none;
	text-align: center;
	margin: 30px 0 20px;

	.menu {
		float: none;

		li {
			margin: 0 10px 0 0;
			padding: 0;
			float: none;
			display: inline-block;

			a {
				border-bottom: 1px solid transparent;
				text-transform: uppercase;
			}
			&.current-menu-item a,
			a:hover,
			a:active {
				text-decoration: none;
				color: #fff;
				border-color: #fff;
			}
		}
	}
}
/*/ Footer */


/* #Misc
================================================== */
.google-map, 
.flexslider {
	background: url(images/loading.gif) 50% 50% no-repeat;
}
div.ajax-loader,
.ajax-loader {
	position: relative;
	top: 15px;
	background-image: url(images/loading.gif);
	width: 24px;
	padding: 24px 0 0 0;
	height: 0px !important;
}
#back-top-wrapper {
	p {
		a {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background: #fff;
			opacity: 1;

			&:after {
				content: '';
				font: 20px/40px FontAwesome;
				color: @red;
				text-align: center;
				.transition;
			}
			&:hover {
				background: @red;

				&:after {
					color: #fff;
				}
			}
			span {
				display: none;
			}
		}
	}
}
.error404-holder {
	padding: 80px 0;

	.error404-holder_num {
		color: @red;

		@media (min-width: 768px) and (max-width: 979px) {
			font-size: 150px;
		}
	}
	
}
.archive_h {
	@media (max-width: 767px) {
		margin-top: 30px;
	}
}
blockquote p {
	line-height: 22px;
}
.faq-list {
	.marker {
		font-size: 15px !important;
		color: @red;
		margin-top: 2px;
	}
}
.ie9, .ie8 {
	.wpcf7-form {
		p {
			input[type="text"],
			input[type="email"] {
				padding-top: 10px;
			}
		}
	}
}
.ie8 {
	.search-form {
		.search-form_is {
			display: block;
			margin: 0;
		}
	}
	.logo {
		&:before {
			width: 201%;
			left: -200%;
		}
	}
	.slider {
		>.container {
			width: 1200px;
			margin-left: -600px;
		}
	}
	.camera_caption {
		>div {
			h1 {
				font-size: 90px;
			}
		}
	}
	.camera_thumbs {
		display: none !important;
	}
	.camera_prev,
	.camera_next {
		margin-left: -470px;
	}
	.camera_next {
		margin-right: -470px;
	}
	.posts-grid {
		&.home-blog,
		&.our-products,
		&.our-team {
			li {
				.thumbnail {
					width: 100%;
				}
			}
		}
	}
	.comment-author {
		width: 80px !important;
		height: auto !important;
		margin-right: 30px;

		img {
			width: 80px !important;
			height: 80px !important;
		}
	}
	.post-author_gravatar {
		width: 80px !important;

		img {
			width: 80px !important;
		}
	}
	#respond {
		#commentform {
			p {
				input {
					padding-top: 10px;
					height: 36px;

					&.btn {
						padding: 15px 29px;
						height: 52px;
						line-height: 1.3em;
					}
				}
			}
		}
	}
}
/*/ Misc */


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