/*import CherryFramework style*/
@import url("../CherryFramework/style.css");
@import url("btn.css");
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,700,500italic,500,400italic,700italic,900,900italic);

/* #General
================================================== */
.main-holder {
	z-index: 100;
	overflow: hidden;
}
.header {
	z-index: 101;
}
.content-holder {
	z-index: 100;
	background: #fff;
	position: relative;
}
.footer {
	z-index: 99;
}
body {
	@media (max-width: 767px) {
		padding: 0;
		
		.header {
			padding: 0 20px;
		}
		.footer {
			padding: 20px;
			.box-sizing(border-box);
		}
		.content-holder {
			padding: 0 20px 40px 20px !important;
		}
		&.home {
			.content-holder {
				padding: 0 !important;

				>.container {
					padding: 0 20px 40px 20px !important;
				}
			}
		}
	}
}
a {
	.transition;
}
.btn {}
.featured-thumbnail, 
.thumbnail,
figure.frame {
	background: none;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	border: none;
	overflow: hidden;
	.box-sizing(border-box);

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

	p {
		margin: 0 !important;
	}
	@media (max-width: 767px) {
		text-align: center;
	}
	&.alignnone {
		margin: 5px 0 25px;

		@media (max-width: 767px) {
			margin: 20px 0;
			text-align: left;
		}
	}
	&.alignleft {
		margin: 9px 30px 20px 0;
		
		@media (min-width: 768px) and (max-width: 979px) {
			float: none;
			margin: 0 0 20px;
		}
		@media (max-width: 600px) {
			margin: 0 0 20px 0;
			float: none;
		}
	}
	&.alignright {
		margin: 0 0 10px 30px;

		@media (min-width: 768px) and (max-width: 979px) {
			float: none;
			margin: 0 0 20px 0;
		}
		@media (max-width: 550px) {
			float: none;
			margin: 20px 0 20px 0;
		}
	}
}
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: 13px;
	line-height: 1.2em;
	text-transform: none;
	color: #777;
	text-decoration: none;
	position: relative;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	border: 1px solid @bordercolor;
	.transition;

	&:focus {
		background: #fff;
		box-shadow: none;
		border-color: #202121 !important;
	}
}
.wpcf7 {
	.wpcf7-form {
		p {
			margin-bottom: 10px;

			input[type="text"],
			input[type="email"] {
				padding: 5px 10px;
				margin: 0;
				height: 35px;
				.box-sizing(border-box);

				&:focus {
					border-color: #202121 !important;
				}
			}
		}
		textarea {
			margin-bottom: 10px;
			padding: 10px 10px;

			&:focus {
				border-color: #202121 !important;
			}
		}
		.btn-align {
			text-align: right;

			input[type="submit"], input[type="reset"] {
				height: auto;
				margin-left: 10px;
			}
			div.ajax-loader {
				float: left;
				margin-left: 10px;
			}
		}
		.wpcf7-not-valid-tip {
			padding: 4px 10px !important; 
			vertical-align: middle;
			
			@media (min-width: 980px) and (max-width: 1200px) {
				font-size: 12px !important;
			}
			@media (min-width: 768px) and (max-width: 979px) {
				font-size: 9px !important;
				padding: 6px 7px !important;
			}
		}
		.submit-wrap {
			position: relative;

			.btn {
				height: auto;
			}
			input {
				margin: 0;
				height: auto;
				display: inline-block;
			}
			.input-btn {
				margin-right: 10px;
				padding: 0;
				overflow: visible;

				> span {
					display: inline-block;
					padding: 0;
				}
			}
			.ajax-loader {
				position: absolute;
				right: -35px;
				top: -5px;
			}
		}
	}
}
select, 
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 { 
	outline:none; 
}
select:-moz-placeholder, 
textarea:-moz-placeholder, 
input[type="text"]:-moz-placeholder, 
input[type="password"]:-moz-placeholder, 
input[type="datetime"]:-moz-placeholder, 
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder, 
input[type="month"]:-moz-placeholder, 
input[type="time"]:-moz-placeholder, 
input[type="week"]:-moz-placeholder, 
input[type="number"]:-moz-placeholder, 
input[type="email"]:-moz-placeholder, 
input[type="url"]:-moz-placeholder, 
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder, 
input[type="color"]:-moz-placeholder, 
.uneditable-input:-moz-placeholder,
select:-ms-input-placeholder, 
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder, 
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder, 
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder, 
input[type="month"]:-ms-input-placeholder, 
input[type="time"]:-ms-input-placeholder, 
input[type="week"]:-ms-input-placeholder, 
input[type="number"]:-ms-input-placeholder, 
input[type="email"]:-ms-input-placeholder, 
input[type="url"]:-ms-input-placeholder, 
input[type="search"]:-ms-input-placeholder, 
input[type="tel"]:-ms-input-placeholder, 
input[type="color"]:-ms-input-placeholder, 
.uneditable-input:-ms-input-placeholder,
select::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder, 
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder, 
input[type="datetime-local"]::-webkit-input-placeholder, 
input[type="date"]::-webkit-input-placeholder, 
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder, 
input[type="week"]::-webkit-input-placeholder, 
input[type="number"]::-webkit-input-placeholder, 
input[type="email"]::-webkit-input-placeholder, 
input[type="url"]::-webkit-input-placeholder, 
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder, 
input[type="color"]::-webkit-input-placeholder, 
.uneditable-input::-webkit-input-placeholder,
select::-moz-placeholder, 
textarea::-moz-placeholder, 
input[type="text"]::-moz-placeholder, 
input[type="password"]::-moz-placeholder, 
input[type="datetime"]::-moz-placeholder, 
input[type="datetime-local"]::-moz-placeholder, 
input[type="date"]::-moz-placeholder, 
input[type="month"]::-moz-placeholder, 
input[type="time"]::-moz-placeholder, 
input[type="week"]::-moz-placeholder, 
input[type="number"]::-moz-placeholder, 
input[type="email"]::-moz-placeholder, 
input[type="url"]::-moz-placeholder, 
input[type="search"]::-moz-placeholder, 
input[type="tel"]::-moz-placeholder, 
input[type="color"]::-moz-placeholder, 
.uneditable-input::-moz-placeholder {
	color: #777;
	opacity: 1;
}

/* #Header
================================================== */
.header {
	border: none;
	padding: 0;
}
.top-menu-wrap {
	padding: 13px 0 15px;
	font: 13px/1.2em @roboto;
	color: #777777;

	@media (max-width: 767px) {
		text-align: center;
		padding: 10px 0 15px;
	}
	.phone {
		text-align: right;
		font: 900 24px/1em @roboto;
		color: @red;

		@media (max-width: 767px) {
			text-align: center;
			margin: 10px 0 0 0;
		}
		i {
			color: #9e9e9e;
			margin-right: 10px;

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

			@media (max-width: 979px) {
				display: block;
			}
		}
	}
	.addr {
		padding: 5px 0 0 0;
	}
}
.nav-wrap {
	position: relative;
	padding: 0;
	background: #1c1c1c;
	z-index: 100;
	.left-right;
	-webkit-transform: translateZ(0);
	
	&:before,
	&:after {
		width: 100%;
	}
	&.isStuck {
		@media (max-width: 998px) {
			position: relative !important;
			top: 0 !important;
			border: none;
			.box-shadow(none);
		}
		.ie8 & {
			position: relative !important;
			top: 0 !important;
			border: none;
			background-color: transparent;
			.box-shadow(none);
		}
	}
}
.pseudoStickyBlock {
	@media (max-width: 998px) {
		height: 0 !important;
	}
}
.nav__primary {
	padding: 28px 0 25px;
	margin: 0;
	.box-sizing(border-box);

	@media (max-width: 767px) {
		padding: 20px 0;
	}
	.select-menu {
		height: 40px;
	}
	.sf-menu {
		float: right;
		padding: 0;
		position: relative;

		> .menu-item {
			display: block;
			float: left;
			background: none;
			position: relative;
			padding: 0;
			margin: 0 0 0 21px;
			.box-sizing(border-box);

			&:first-child {
				margin: 0;
				border: none;
			}
			&:hover {}
			> a {
				border: none;
				display: inline-block;
				background: none;
				text-transform: uppercase;
				z-index: 100;
				position: relative;
				letter-spacing: 0;
				font-weight: 900;
				padding: 0;
				.box-sizing(border-box);

				&:after {
					content: '';
					display: block;
					width: 0;
					height: 1px;
					background: #fff;
					margin-top: 2px;
					.transition;
				}
				&:hover,
				&:active,
				&:focus {
					color: @red;
					background: none;

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

					&:after {
						width: 100%;
						background: @red;
					}
					.sf-sub-indicator {
						background-position: -10px -100px;
					}
				}
			}
			> .sub-menu {
				width: 160px;
				left: 0;
				margin-top: 25px;
				margin-left: -11px;
				top: 100%;
				background: #333333;
				border: none;
				padding: 0;
				border-radius: 0;
				z-index: 10;
				.box-sizing(border-box);

				.menu-item {
					text-align: left;
					background: none;
					font: 13px/1.2em @roboto;
					padding: 10px 17px;
					border-top: 1px dotted #686868;
					.box-sizing(border-box);

					&:first-child {
						border: none;
						background: none;
					}
					> a {
						text-transform: none;
						border: none;
						background: none;
						padding: 0;
						display: inline-block;
						-moz-hyphens: auto;
						word-wrap: break-word;

						&:hover,
						&:active,
						&:focus {}
						>.sf-sub-indicator {
							top: 3px;
							right: auto;
							left: -15px;
							background: url("images/arrows-ffffff.png") no-repeat scroll 0 0 transparent;
						}
					}
				}
				> .menu-item {
					> a {
						color: #fff;

						&:hover,
						&:active,
						&:focus {
							color: @red;
							background: none;
						}
					}
					&.current-menu-item,
					&.sfHover {
						> a {
							color: @red;
							background: none;

							.sf-sub-indicator {
								background-position: -10px 0;
							}
						}
					}
					> .sub-menu {
						width: 160px;
						background: #333333;
						border: none;
						padding: 0;
						left: auto;
						right: 100%;
						top: 0;
						margin-left: 0;
						border-radius: 0;
						.box-sizing(border-box);

						.menu-item {
							padding: 10px 17px;
							border-top: 1px dotted #686868;

							&:first-child {
								border: none;
							}
							> a {
								color: #fff;
								padding: 0;

								&:hover,
								&:active,
								&:focus {
									color: @red;
									background: none;
								}
							}
							&.current-menu-item {
								> a {
									color: @red;
									background: none;
								}
							}
						}
					}
				}
			}
		}
	}
}
/*/ Header */


/* Logo
================================================== */
.logo img {
  @media (max-width: 767px) {
    max-width: 50%;  
  }

  }
.logo {
  left: -12%;
  padding: 4px 0 3px;
  position: absolute;
	
	@media (max-width: 767px) {
		position: relative;
		text-align: center;
	}
  
  @media (max-width: 1295px) {
    left: 0;
  }

	&:before {
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		top: 0;
		width: 201%;
		background: #dd0202;
		border: inherit;
		z-index: -1;
		.box-sizing(content-box);
	}
	&:after {
		content: '';
		width: 428px;
		height: 100%;
		background: url(images/logo-triangle.png) 100% 0 no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;

		@media (min-width: 768px) and (max-width: 979px) {
			width: 350px;
		}
		@media (max-width: 767px) {
			width: 90%;
		}
	}
	&:before {
		left: -188%;
	}
	@media (min-width: 768px) and (max-width: 979px) {
		width: 100%;
	}
	&.pull-left {
		float: none;
	}
	.logo_h__txt {
		text-transform: uppercase;

		a {
			&:hover,
			&:active,
			&:focus {
				color: #fff;
				text-decoration: none;
			}
		}
	}
	.logo_tagline {
		font: 13px/1.2em @roboto;
		color: #000;
		text-transform: uppercase;
		text-align: left;
		display: block;
		margin: 10px 0 0 0;
	}
}
/*/ Logo */


/* Slider
================================================== */
.paralax-slider-wrap {
	position: relative;
	
	#shadow {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 10;

		&:before {
			content: '';
			width: 100%;
			height: 497px;
			background: url(images/slider-shadow.png) repeat-x;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1000;
		}
	}
	#mainCaptionHolder,
	#paralaxSliderPagination {
		z-index: 100 !important;
	}
}
/*/ Slider */


/* #Content
================================================== */
.title-section {
	margin: 0;
	position: relative;

	@media (max-width: 767px) {
		padding: 20px 0 0;
	}
	.title-header {	
		text-align: left;
		padding: 0 0 14px;
		margin: 0;
		color: #000;
		text-transform: none;
		overflow: visible;
		font: 500 55px/1em @roboto;
		position: relative;
		.box-sizing(border-box);
		
		small {
			font-size: 18px;
		}
	}
	.breadcrumb {
		position: relative;
		text-align: left;
		background: none;
		display: block;
		margin: 0;
		padding: 8px 0;
		text-transform: none;
		text-shadow: none;
		letter-spacing: 0;
		border: none;
		border-top: 1px solid @bordercolor;
		border-bottom: 1px solid @bordercolor;
		box-shadow: none;
		border-radius: 0;
		.box-sizing(border-box);

		> li {
			text-shadow: none;
			font: 14px/1.2em @sansFontFamily;
			display: inline-block;
			vertical-align: baseline;
			
			@media (max-width: 480px) {
				float: none;
				display: block;
			}
			&.active {
				color: #777777;
			}
		}
		a {
			color: @red;
			text-shadow: none;

			&:hover,
			&:active {
				text-decoration: none;
				color: #777777;
			}
		}
		.divider {
			padding: 0 8px;
			vertical-align: baseline;
			display: inline-block;
			
			@media (max-width: 480px) {
				display: none;
			}
			&:after {
				color: #777777;
				font: 14px/1.2em @sansFontFamily;
				content: '/';
			}
		}
	}
}
#content,
#sidebar {
	padding-top: 18px;

	&.row {
		padding-top: 22px;
	}
}
article {
	background: none;
	border: none;
	border-radius: 0;
	padding: 0;
	.box-sizing(border-box);

	&.post__holder {
		margin-bottom: 60px;
		overflow: visible;

		.post-header {
			margin: 0;
			padding: 0 0 20px;

			@media (max-width: 767px) {
				padding: 0 0 20px;
			}
			.post-title {
				text-align: left;
				font: 500 55px/1.2em @roboto;
				margin: 0;
				padding: 0;
				letter-spacing: 0;
				text-transform: none;
				color: #000;

				@media (max-width: 979px) {
					margin: 0 !important;
				}
				@media (max-width: 767px) {
					font-size: 35px;
				}
				a {
					color: #000;
					display: inline-block;
					.link-events(@red);
				}
			}
		}
		.post_content {
			background: none;
			border-radius: 0;
			padding: 0;	
			.box-sizing(border-box);
		}
	}
	.thumbnail {
		margin: 0 30px 20px 0;

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

			img {
				width: 100%;
			}
		}
		&.flexslider {
			margin: 0 0 20px;

			@media (max-width: 320px) {
				display: block;
			}
		}
		&.large {
			margin: 0 0 30px 0;

			@media (min-width: 768px) and (max-width: 979px) {
				float: none !important;
			}
		}
	}
	.post_meta {
		padding: 10px 0;
		border: none;
		position: relative;
		display: block;
		margin: 20px 0;
		overflow: visible;
		background: none;
		border-radius: 0;
		border-top: 1px solid @bordercolor;
		border-bottom: 1px solid @bordercolor;
		.box-sizing(border-box);

		.post_meta_unite {
			font: 14px/1.2em @sansFontFamily;
			border-color: transparent;
			padding-left: 0;

			.meta_group {
				> div {
					padding: 0 0 0 20px;

					&:first-child {
						padding: 0;
					}
				}
			}
		}		
		i {
			margin-right: 0;
			padding-right: 5px;
			color: #000;
			font-size: 15px;
			vertical-align: middle;
		}
		.post_date {
			time {
				color: #8a9499;
			}
		}
		.post_author a {
			color: @red;
		}
		.post_category a, .post_tag a, .post_tag {
			color: #000;
		}
		.post_comment a {
			color: #777777;
		}
		.user_like, .post_views {
			color: #777777;
		}
		.post_permalink {
			a {
				color: #777777;
			}
		}
		> div {
			a {
				&:hover,
				&:active {
					text-decoration: none;
					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: 20px;
	}
	&.testimonial {
		background: #fff;
		border-color: @bordercolor;

		.user,
		.info {
			color: #000;
		}
	}
}
.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: 30px 0;
			background: none;
			padding: 0;
			.box-sizing(border-box);

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

			.post-author_h {
				font: 14px/1.2em @sansFontFamily;
				margin: 0 0 15px 0;
				letter-spacing: 0;
				text-align: left;
				text-transform: none;
				color: #000;
				display: block;

				a {
					color: @red;
					text-transform: none;
					font: 14px/1.2em @sansFontFamily;
					.link-events(#000);
				}
			}
			.post-author_gravatar {
				display: block;
				margin: 2px 30px 10px 0;

				img {
					width: 80px;
					height: 80px;
					border-radius: 0;
					border: none;
					padding: 0;
					background: none;
				}
			}
			.post-author_desc {
				padding: 0;
				margin: 0;
				text-transform: none;
				color: #777;
				font: 14px/24px @sansFontFamily;

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

				p {
					margin: 0;
				}
				a {
					color: @red;
					text-transform: none;
					font: 14px/1.2em @sansFontFamily;
					.link-events(#000);
				}
			}
		}
	}
}
.filter-wrapper {
	margin: 0;
	padding: 9px 0 40px;
	position: relative;
	text-align: right;

	@media (max-width: 979px) {
		margin: 20px 0;
		text-align: left;
	}
	strong {
		color: @red;
		padding: 0;
		font: 900 17px/1.2em @roboto;
		margin-right: 46px;
		margin-top: 0;
		text-transform: uppercase;
		float: none;
		letter-spacing: 1px;
		display: inline-block;
		vertical-align: middle;

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

		@media (max-width: 979px) {
			float: none;
			display: block;
		}
		li {
			margin: 0 0 0 46px;
			float: left;
			font: 900 17px/1.2em @roboto;
			position: relative;
			display: block;
			
			@media (max-width: 979px) {
				float: none;
				margin: 0 0 5px !important;
			}
			&:first-child {
				margin: 0;

				&:before {
					display: none;
				}
			}
			a {
				color: #000;				
				padding: 0 0 2px;
				margin: 0;
				display: inline-block;
				background: none;
				border-bottom: 1px solid transparent;
				border-radius: 0;
				letter-spacing: 0;
				text-transform: uppercase;

				@media (max-width: 979px) {
					display: inline-block;
				}
				&:active, &:hover, &:focus {
					text-decoration: none;
					color: #000;
					background: none;
					border-color: #000;
				}
			}
		}
		.active {
			a {
				text-decoration: none;
				color: #000;
				background: none;
				border-color: #000;
			}
		}
	}
	.pull-right {
		float: none;
	}
}
.filterable-portfolio {
	li.portfolio_item {
		.portfolio_item_holder {
			position: relative;
			padding: 0;

			.thumbnail {
				margin: 0;
				border: none;
				padding: 0;
			}
			.caption {
				padding: 20px 20px 25px;
				background: #fbfbfb;
				border: 1px solid @bordercolor;
				border-top: none;
				text-align: left;
				position: relative;
				.box-sizing(border-box);

				h3 {
					text-shadow: none;
					margin: 0 0 15px;
					font: 500 23px/1.2em @roboto;
					text-transform: none;
					
					a {
						color: @red; 
						text-transform: none;
						text-decoration: none;
						.link-events(#000);
					}
				}
				.excerpt {
					font: 14px/24px @sansFontFamily;
					color: #777;
					text-transform: none;
					margin: 0;
				}
				p {
					margin: 0;
				}
				.btn {
					margin: 15px 0 0 0;
				}
			}			
		}
	}
}
.portfolio-meta,
.portfolio-meta-list,
.pager {
	border-color: @bordercolor;
}
/*/ Content */


/* #Comments
================================================== */
.related-posts, .comment-holder, #respond {
	margin: 50px 0 0 0;

	h3 {
		font: 500 55px/1em @roboto;
		margin: 0 0 30px;
		text-align: left;
		text-transform: none;
		color: #000;
		letter-spacing: 0;
		display: block;

		@media (max-width: 767px) {
			font-size: 35px;
		}
	}
}
.related-posts {
	.related-posts_item {
		overflow: visible;
	}
	a {
		font: 500 23px/1.2em @roboto;
		color: @red;
		display: inline;
		letter-spacing: 0;
		text-transform: none;
		.link-events(#000);
	}
	.thumbnail {
		margin: 0 0 20px;
		.box-sizing(border-box);

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

				.comment-author {
					margin: 6px 30px 0 0;
					text-align: left;
					border: none;

					img { 
						width: 80px;
						height: 80px;
						border-radius: 0;
						padding: 0;
						border: none;
						background: none;
					}
					.author {
						width: auto;
						text-align: left;
						font: 14px/1.2em @sansFontFamily;
						color: @red;
						padding-top: 20px;
						text-transform: none;
					}
				}
				.extra-wrap {
					padding: 0;
					margin: 0;
					background: none;
					line-height: 24px;
					color: #777;
					text-transform: none;

					@media (max-width: 480px) {
						overflow: visible;
					}
				}
				.comment-meta {
					margin: 0;
					padding: 5px 0 0 0;
					font: 14px/1.2em @sansFontFamily;
					color: #000;
					text-transform: none;
				}
			}
		}
	}
	.reply {
		padding: 0;

		.comment-reply-link {
			padding: 0;
			color: #000;
			background: none;

			&:hover, 
			&:active,
			&:focus {
				color: @red;
			}
		}
	}
	.children {
		> li {}
	}
	#respond {
		#commentform {
			margin-top: 0;
		}
	}
}
#respond {
	#commentform {
		margin: 15px 0 0;

		textarea {
			min-width: inherit;
			min-height: inherit;
			max-height: inherit;
			min-width: inherit;
			max-width: 100%;
			width: 100%;
			height: 300px;
			padding: 8px 10px;
			.box-sizing(border-box);
		}
		p {
			input {
				max-width: inherit;
				min-width: inherit;
				width: 100%;
				height: 49px;
				padding: 8px 10px;
				margin-bottom: 2px;
				.box-sizing(border-box);

				&:focus {
					box-shadow: none;
				}
			}
		}
		.input-btn {
			margin: 20px 0;
			float: none;
			background: url(images/logo-triangle.png) 100% 0 no-repeat;
			padding: 17px 62px 17px 30px;
			.transition;

			> span {
				padding: 0;
				
				&:before,
				&:after {
					display: none;
				}
			}
			input {
				display: inline-block;
				margin: 0;
				padding: 0;
				height: auto;
				color: #fff;
			}
			&:hover {
				input {
					color: #000 !important;
				}
			}
		}
	}
}
/*/ Comments */


/* #Widgets
================================================== */
#sidebar.sidebar {
	.widget {
		margin: 50px 0 0 0;

		&:first-child {
			margin: 4px 0 0 0;
		}
		> h3 {
			margin: 0 0 20px;
			font: 500 55px/1em @roboto; 
			display: block;
			color: #000;
			text-align: left;
			text-transform: none;
			-moz-hyphens: auto;
			word-wrap: break-word;

			@media (max-width: 767px) {
				font-size: 35px;
			}
		}
	}
}
[id*="categories"],
[id*="archives"], 
.list.custom-list {
	ul {
		margin: 0 0 11px;
		list-style-type: none;
		
		@media (max-width: 767px) {
			margin: 0 0 30px;
		}
		li {
			margin: 0;
			padding: 0;
			color: #777;
			position: relative;
			font: 14px/1.2em @sansFontFamily;

			&:before {
				display: none;
			}
			a {
				font: inherit;
				color: inherit;
				text-transform: none;
				display: block;
				position: relative;
				overflow: hidden;
				padding: 9px 30px;
				
				&:before {
					content: '';
					font: 12px/1.2em FontAwesome;
					color: @red;
					position: absolute;
					left: 0;
					top: 50%;
					width: 100%;
					height: 100%;
					margin-top: -7px;
					display: block;
					.transition;
				}
				&:after {
					content: '';
					width: 0;
					height: 100%;
					background: @red;
					position: absolute;
					top: 0;
					left: 0;
					z-index: -1;
					border-radius: 0 30px 30px 0;
					.transition;
				}
				&:hover,
				&:active,
				&:focus {
					color: #fff;
					text-decoration: none;
					background: none;

					&:after {
						width: 100%;
					}
					&:before {
						.translateX(100%);
						margin-left: -20px;
						color: #fff;

						.ie8 & {
							display: none;
						}
					}
				}
			}
		}
	}
}
[id*="my_poststypewidget"] {
	.post-list {
		margin: 0;

		li {
			padding: 0;
			margin: 30px 0 0 0;
			overflow: visible;
			position: relative;

			&:first-child {
				margin-top: 0;
				border: none;
			}
			.thumbnail {
				margin: 0 0 20px;
				float: none;

				@media only screen and (min-width: 1200px) {
					margin: 4px 30px 0 0;
					float: left;
				}
			}
			.desc {
				overflow: hidden;
			}
			.post-list_h {
				font: 500 23px/1.2em @roboto;
				text-transform: none;
				letter-spacing: 0;
				margin: 10px 0;
				display: block;

				a {
					color: @red;
					.link-events(#000);
				}
			}
			time,
			.post-list_comment {
				display: block;
				padding: 0;
				text-transform: none;
				color: #000;
				font: 14px/1.2em @sansFontFamily;
			}
			.excerpt {
				overflow: hidden;
				margin: 0;
				color: #777;
				line-height: 24px;
			}
			.btn {
				margin-top: 15px;
			}
		}
	}
}
[id*="my-recent-comments"] {
	.comments-custom {
		.comments-custom_li {
			padding: 20px 0;

			&:first-child {
				padding-top: 0;
				border: none;
			}
			.featured-thumbnail {
				margin: 0 30px 0 0;				
				box-shadow: none;
				border-radius: 0;
				.box-sizing(border-box);

				@media (min-width: 768px) and (max-width: 979px) {
					float: none;
					margin: 0 0 15px;
				}
				@media (max-width: 480px) {
					float: none;
					margin: 0 0 15px;
				}
			}
			time {
				margin: 0;
				color: #000;
				display: inline-block;
				text-transform: none;
				font: 14px/24px @sansFontFamily;
			}
			.comments-custom_h_author,
			.comments-custom_h_title {
				font: 14px/24px @sansFontFamily;
				text-transform: none;
				margin: 0;
				color: @red;

				a {
					color: @red;
					.link-events(#000);
				}
			}
			.comments-custom_h_author {
				margin-top: 0;
			}
			.comments-custom_txt {
				border: none;
				overflow: hidden;
				margin: 0;
				padding: 20px 0 0 0;

				a {
					color: #777;
					.link-events(#000);
				}
			}
		}
	}
}
[id*="my_postwidget"] {
	.post-list {
		.post-list_li {
			.post-list_h {
				font: 18px/1.2em @sansFontFamily;
			}
		}
	}
}
#wp-calendar {
	caption,
	thead tr th {
		color: @red;
		font-family: @sansFontFamily;
	}
}
.search-form {
	.search-form_it {
		margin: 0;
	}
	.search-form_is {
		margin: 10px 0 0 10px;
		padding: 0 !important;
		height: auto;
		background: none;
		color: #000;

		@media (min-width: 768px) and (max-width: 1200px) {
			margin: 10px 0 0 0;
			display: block;
		}
		@media (max-width: 480px) {
			margin: 10px 0 0 0;
			display: block;
		}
		&:hover {
			color: @red;
		}
	}
}
#content.left,
#sidebar {
	@media (max-width: 767px) {
		float: none !important;
	}
}
.flexslider {
	.flex-control-nav {
		bottom: 0 !important;
	}
}
.widget-flexslider {
	background: none;

	.ie8 & {
		overflow: hidden;
	}
	.flex-control-paging {
		position: relative;
		bottom: 0;
		margin: 20px 0 0 0;
	}
	.flex-prev,
	.flex-next {
		&:hover,
		&:active {
			text-decoration: none !important;
		}
	}
}
.social {
	li {
		.social_link {
			&:hover {
				opacity: 1;

				.social_ico {
					&:before {
						.scale(1);

						.ie8 & {
							display: block;
						}
					}
					i {
						color: #fff;
						.scale(1.3);
					}
				}
			}
		}
		.social_ico {
			width: 50px;
			height: 50px;
			line-height: 50px;
			border-radius: 0;
			background: #333333;
			text-align: center;
			position: relative;
			.box-sizing(border-box);

			&:before {
				content: '';
				width: 100%;
				height: 100%;
				border-radius: 0;
				background: @red;
				position: absolute;
				padding: 1px;
				top: -1px;
				left: -1px;
				z-index: 10;
				.scale(0);
				.transition;
				.box-sizing(content-box);

				.ie8 & {
					display: none;
				}
			}
		}
		i {
			font-size: 30px;
			color: #fff;
			display: inline-block;
			line-height: 50px;
			text-shadow: 0 0 1px #000;
			position: relative;
			z-index: 100;
			.transition;
		}
	}
	&.social__list {
		li {
			margin-bottom: 4px;
			.clear-both;

			.social_ico {
				margin: 0 10px 0 0;
			}
			.social_label {
				font: 12px/43px @sansFontFamily;
				color: #454544;
				text-transform: none;
			}
		}
	}
	&.social__row {
		@media (max-width: 767px) {
			text-align: center;
		}
		li {
			float: none;
			display: inline-block;
			margin: 0 0 0 4px;

			&:first-child {
				margin: 0;
			}
		}
	}
}
/*/ Widgets */


/* #Shortcodes
================================================== */
.btn.btn-info {
	background: @red;
	padding: 15px 11px 15px 30px;
	position: relative;
	color: #fff;

	&:after {
		content: '';
		width: 51px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
		background: url(images/logo-triangle.png) no-repeat 100% 0;
	}
	&:hover {
		color: #000;
	}
}
.title-box {
	margin: 0 0 18px;

	@media (max-width: 767px) {
		margin: 30px 0 20px;
	}
	.title-box_primary,
	.title-box_secondary {
		font: 500 55px/1em @roboto;
		color: #000;
		text-transform: none;
		margin: 0;
		letter-spacing: 0;

		@media (min-width: 768px) and (max-width: 979px) {
			font-size: 35px;
		}
		@media (max-width: 480px) {
			font-size: 35px;
		}
	}
	.title-box_secondary {
		font-size: 23px;
		line-height: 32px;
		color: @red;

		@media (min-width: 768px) and (max-width: 979px) {
			font-size: 20px;
		}
		@media (max-width: 480px) {
			font-size: 20px;
		}
	}
}
div.type-page {
	p {
		margin: 0 0 24px;
	}
	h6 {
		margin: 0 0 14px;

		strong {
			font-weight: 500;
		}
	}
}
.testimonials {
	.testi-item {
		margin: 0;
		padding: 30px 0 0 0;

		&:first-child {
			padding: 0;
		}
		.testi-item_blockquote {
			border-radius: 0;
			background: none;
			padding: 0 0 0 55px;

			&:before {
				width: 34px;
				height: 29px;
				background: url(images/quote.jpg) no-repeat 0 0;
				top: 7px;
				left: 0;
				border: none;
			}
			&:after {
				display: none;
			}
			a {
				color: #777777;
				.link-events(@red);
			}
		}
		.testi-meta {
			padding: 13px 0 0 55px;
			font: 500 23px/1.2em @roboto;
			color: @red;

			a, 
			br {
				display: none;
			}
		}
	}
}
.spacer {
	height: 50px;
}
.fixed_parallax_section {
	padding: 60px 0;
	
	@media (max-width: 1024px) {
		background-position: 50% 50% !important;
		background-size: cover !important;
	}
	@media (max-width: 767px) {
		padding: 30px 20px;		
		.box-sizing(border-box);
	}
	&.cherry_fixed_parallax {}
}
.posts-grid {
	li {
		.thumbnail {
			margin: 0 0 20px;

			.ie8 & {
				width: 100%;
			}
		}
		h5 {
			font: 500 23px/28px @roboto;
			margin: 0 0 10px;

			@media (max-width: 979px) {
				font-size: 18px;
				line-height: 1.2em;
			}
			a {
				color: @red;
				.link-events(#000);
			}
		}
	}
	&.our-team {
		padding: 20px 0 10px;

		li {
			background: @red;

			@media (max-width: 767px) {
				width: 48%;
				margin: 20px 0 20px 4%;
				display: inline-block;
				vertical-align: top;

				&:nth-child(2n+1) {
					margin: 20px 0;
				}
			}
			@media (max-width: 380px) {
				width: 100%;
				margin: 20px 0;
				display: block;
			}
			.thumbnail {
				width: 100%;
			}
			.thumbnail,
			.excerpt {
				margin: 0;
			}
			.excerpt {
				color: #fff;
			}
			h5 {
				margin: 0;

				a {
					color: #fff;
					.link-events(#000);
				}
			}
			.desc {
				padding: 15px 17px;
			}
			.btn {
				margin: 15px 0 0 0;
			}
		}
	}
	&.our-services {
		padding: 20px 0 10px;

		@media (max-width: 767px) {
			padding: 0;
		}
		li {
			background: @red;
			position: relative;

			@media (max-width: 767px) {
				width: 48%;
				margin: 20px 0 20px 4%;
				display: inline-block;
				vertical-align: top;

				&:nth-child(2n+1) {
					margin: 20px 0;
				}
			}
			@media (max-width: 380px) {
				width: 100%;
				margin: 20px 0;
				display: block;
			}
			&:before {
				content: '';
				width: 0;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: #000;
				z-index: 10;
				.transition;
			}
			&:hover {
				&:before {
					width: 100%;
				}
			}
			.thumbnail {
				margin: 0;
				position: relative;
				z-index: 100;
				width: 100%;				
			}
			.desc {
				padding: 10px 17px;
				position: relative;
				z-index: 100;
				min-height: 80px;
				.box-sizing(border-box);

				@media (max-width: 767px) {
					min-height: inherit;
				}
				h5 {
					margin: 0;

					a {
						color: #fff;
						.link-events(@red);
					}
				}
			}
		}
	}
}
.content_box {
	&.man_mechanic {
		min-height: 522px;
		background: #fff url(images/home-1.jpg) 100% 100% no-repeat;
		padding: 50px 0;
		.box-sizing(border-box);

		@media (max-width: 767px) {
			background: none;
			min-height: inherit;
		}
		&:before,
		&:after {
			background: #fff;
		}
	}
}
.service-box {
	background: none;
	border-radius: 0;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;

	.title {
		font: bold 75px/72px @roboto;
		color: #000;
		margin: 0 0 10px;
		text-transform: uppercase;

		@media (max-width: 767px) {
			font-size: 50px;
			line-height: 1em;
		}
	}
	.sub-title {
		font: 500 55px/1em @roboto;
		color: @red;
		margin: 0 0 10px;

		@media (max-width: 767px) {
			font-size: 35px;
		}
	}
	.service-box_txt {
		font: 14px/24px @sansFontFamily;
		color: #777777;
		margin: 0;
	}
}
/*/ Shortcodes */


/* #Footer
================================================== */
.footer {
	background: none;
	border: none;
	padding: 0 0 18px;

	.footer-widget {
		text-align: right;
	}
	.social.social__row {
		text-align: right;

		@media (max-width: 767px) {
			text-align: center;
		}
		li {
			display: inline-block;
			float: none;
			margin: 0 0 0 6px;

			&:first-child {
				margin: 0;
			}
			.tooltip {
				display: none !important;
			}
		}
	}
}
.copyright {
	padding: 27px 0 0 0;
}
nav.nav.footer-nav {
	float: none;
	margin: 0;
	padding: 20px 0 0;
	
	ul {
		float: none;
		text-align: center;
		line-height: inherit;
		
		@media (max-width: 767px) {
			text-align: center;
		}
		li {
			float: none;
			display: inline-block;
			line-height: inherit;
			padding: 0;
			text-transform: none;
			vertical-align: top;
			margin: 0 0 0 10px;
			padding: 0;
			position: relative;

			@media (max-width: 480px) {
				display: block;
				margin: 0 0 5px 0 !important;
			}
			&:first-child {
				margin: 0;

				&:before {
					display: none;
				}
			}
			&.current-menu-item a, a:hover {
				color: @red;
				text-decoration: none;
			}
		}
	}
}
.footer-text {
	padding: 15px 0 0 0;
	font: 300 13px/1.2em @roboto;
	color: #fff;
	text-transform: none;
	text-align: left;
	float: none;
	margin: 0;

	@media (max-width: 1049px) {
		text-align: center;
		padding: 0 0 20px 0;
	}
	a {
		color: @red;
		.link-events(#fff);

		&.site-name {
			color: #fff;
			.link-events(@red);
		}
	}
	span {
		@media (max-width: 767px) {
			padding: 0;
			display: block;
		}
	}
}
.footer {
	.home & {
		padding-top: 0;

		@media (max-width: 767px) {
			padding-top: 20px;
		}
	}
}
#map-canvas {
	width: 100%;
	height: 470px;
	margin-bottom: 0;
	z-index: 10;
}
body #map-canvas img { 
	max-width: inherit;
}
body #map-canvas label { 
	width: auto; display:inline; 
}
.footer-map {
	position: relative;
	display: none;

	&.with-map-on-pages,
	.home & {
		display: block;
	}
	.map-info {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 100;
		background: #1c1c1c;
		background: rgba(28,28,28,0.9);
		padding: 25px 30px;
		width: 370px;
		min-height: 170px;
		margin: -85px 0 0 50px;
		font: 12px/1.2em @roboto;
		color: #bcbcbc;
		.box-sizing(border-box);

		@media (min-width: 768px) and (max-width: 979px) {
			width: 280px;
			line-height: 1.3em;
		}
		@media (max-width: 767px) {
			position: relative;
			left: 0;
			top: 0;
			width: 100%;
			margin: 0 0 30px;
			padding: 20px 25px;
			text-align: center;
			background: rgba(255,255,255,0.3);
		}
		div {
			margin: 10px 0;

			a {
				text-decoration: underline;
				.link-events(#fff);
			}
			span {
				color: #fff;

				@media (max-width: 979px) {
					display: block;
				}
			}
			&.phones {
				font: 900 24px/37px @roboto;
				color: #fff;

				i {
					float: left;
					margin: 10px 10px 0 0;
					color: @red;

					@media (max-width: 767px) {
						float: none;
						margin: 0 auto 10px;
					}
				}
				span {
					display: block;
					overflow: hidden;

					@media (min-width: 768px) and (max-width: 979px) {
						font-size: 18px;
						line-height: 1.2em
					}
				}
			}
		}
	}
}
/*/ Footer */


/* #Misc
================================================== */
.zoom-icon {
	background: none !important;

	.ie8 & {
		background: url(images/zoom-bg.png) !important;
	}
	&:after {
		content: '';
		width: 100%;
		height: 100%;
		background: url(images/zoom-bg.png);
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 0;
		z-index: 10;
		transition: 400ms all 100ms;
		-webkit-transition: 400ms all 100ms;
		-o-transition: 400ms all 100ms;
		.scale(0);

		.ie8 & {
			display: none;
		}
	}
	&:before {
		content: '';
		background: url(images/zoom.png); 
		width: 50px;
		height: 50px;
		margin: -25px 0 0 -25px;
		z-index: 100;
		.scale(0);
		.transition;
	}
}
.thumbnail {
	a {
		img {
			.transition;
		}
	}
	&:hover {
		.zoom-icon {
			&:before {
				.scale(1);
			}
			&:after {
				.scale(1);
			}
		}
		a {
			img {
				.scale(1.1);
			}
		}
	}
}
#back-top-wrapper {
	z-index: 200;
	right: 30px;
	bottom: 30px;

	#back-top {
		margin: 0;

		a {
			width: 50px;
			height: 50px;
			border-radius: 0;
			text-align: center;
			background: #333333;
			border: none;
			.box-sizing(border-box);

			&:before {
				content: '';
				width: 100%;
				height: 100%;
				background: @red;
				position: absolute;
				top: 0;
				left: 0;
				border-radius: 0;
				z-index: -1;
				.scale(0);
				.transition;

				.ie8 & {
					display: none;
				}
			}
			&:after {
				content: '';
				font: 20px/48px FontAwesome;
				color: #fff;
				display: inline-block;
				position: relative;
				z-index: 100;
				.transition;
			}			
			span {
				display: none;
			} 
			&:hover {
				background: none;

				.ie8 & {
					background: @red;
				}
				&:before {
					.scale(1);
				}
				&:after {
					.scale(1.5);
					color: #fff;
				}
			}
		}
	}
}
#wpadminbar {
	@media (max-width: 600px) {
		top: -46px !important;
	}
}
.error404-holder {
	padding: 80px 0;

	.error404-holder_num {
		color: @orange;
		font-weight: 100;

		@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: @orange;
		margin-top: 2px;
	}
}
.ie9, .ie8 {
	.wpcf7-form {
		p {
			input[type="text"],
			input[type="email"] {
				padding-top: 8px;
			}
		}
	}
	#search-header {
		.search-form_it {
			padding-top: 7px;
		}
	}
	.search-form {
		.search-form_it {
			padding-top: 7px;
		}
	}
}
.ie8 {
	.wpcf7 {
		.wpcf7-form {
			.wpcf7-not-valid-tip {
				font-size: 12px !important;
			}
		}
	}
	#sidebar,
	#content,
	.footer-widgets {
		.search-form {
			.search-form_is {
				display: block;
				margin: 0;
			}
		}
	}
	.search-form {
		.search-form_it {
			display: block;
			margin: 0 0 10px;
		}
		.input-btn {
			margin: 0;
		}
	}
	.comment-author {
		width: 80px !important;
		height: auto !important;
		margin-right: 20px !important;

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

					&[type="submit"] {
						height: auto;
						padding: 0;
					}
				}
			}
		}
	}
	.flexslider {
		.flex-direction-nav {
			li {
				a {
					&:hover,
					&:active,
					&:focus { 
						text-decoration: none;
					}
				}
			}
		}
	}
}
/*/ Misc */


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