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


/* #General
================================================== */
.main-holder {
	overflow: hidden;
}
body {
	@media (max-width: 767px) {
		padding: 0;
		
		.header {
			padding: 0 20px;
		}
		.footer {
			padding: 0 20px 20px 20px;
			.box-sizing(border-box);
		}
		.content-holder {
			padding: 20px  !important;
		}
	}
}
a {
	.transition;
}
h1, h2, h3, h4, h5, h6 {
	@media (max-width: 1200px) {
		line-height: 1.2em !important;
	}
}
.featured-thumbnail, .thumbnail {
	background: none;
	border-radius: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	.box-sizing(border-box);

	img {
		padding: 0;
	}
}
img.size-full {
	&.alignnone {
		margin: 5px 0 13px 0;
		.box-sizing(border-box);
	}
	&.alignleft {
		margin: 5px 30px 20px 0;

		@media (max-width: 480px) {
			float: none;
			margin: 0 0 20px;
		}
	}
	&.aligncenter {
		margin-left: auto;
		margin-right: auto;
	}
}
.btn, .reply a {
	border-radius: 0;
	border: none;
	color: #fff;
	text-shadow: none;
	font: 500 12px/1.2em @robotoFontFamily;
	text-transform: uppercase;
	padding: 11px 15px 8px;
	letter-spacing: 0;
	height: auto;
	box-shadow: none;
	text-decoration: none;
	.box-sizing(border-box);
	.transition;
	background: #e83b36;
	border-bottom: 5px solid #c73d39;

	&:hover, &:active {
		/*background: #303030;*/
		background: #ebeff2;
		text-decoration: none;
		color: #303030;
		border-color: #4c4f55;
	}
	&.btn-primary {
		font-size: 16px;
		padding: 14px 35px 12px;
	}
	&.btn-margin {
		margin-top: 30px;
	}
}
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: 16px;
	font-weight: 300;
	line-height: 1.2em;
	text-transform: none;
	color: #7a7a7a;
	text-decoration: none;
	position: relative;
	border-radius: 0;
	background: none;
	box-shadow: none;
	border: 1px solid @bordercolor !important;
	.transition;

	&:focus {
		background: #4c4c4c;
		box-shadow: none;
		border-color: #181818 !important;
	}
}
.wpcf7-form {
	p.field {
		input {
			height: 35px;

			&:focus {
				border-color: #181818 !important;
			}
		}
	}
	textarea {
		color: #7a7a7a !important;

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

		&.watermark {
			color: #7a7a7a !important;
		}
	}
	.wpcf7-not-valid-tip {
		padding: 4px 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 {
	background: none;
	border: none;
	padding: 0;
	#gradient > .vertical(#303030, #474747);
	border-bottom: 5px solid #303030;
	box-shadow: 0 5px 4px rgba(0,0,0,0.23);
}
.nav__primary { 
	position: relative;
	float: none;
	text-align: center;
	padding: 0;
	margin: 0;
	z-index: 100;

	@media (max-width: 767px) {
		margin: 20px 0;
	}
	.sf-menu {
		float: right;
		display: inline-block;
		position: relative;
		padding: 0;
		text-align: right;
		z-index: 1;

		@media (max-width: 767px) {
			display: none !important;
		}
		>li {
			background: none;
			float: left;
			text-align: center;
			display: inline-block;
			position: relative;
			padding: 0;
			margin: 30px 0 25px 34px;
			border: none;
			.box-sizing(border-box);
			.transition;

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

			&:first-child {
				margin-left: 0;
			}
			>a {
				border: none;
				padding: 0;
				display: block;
				text-transform: uppercase;
				border-radius: 0;
				position: relative;
				letter-spacing: 0px;
				.transition;
				background: none;

				&:hover {
					text-decoration: none;
					color: #ef5337;
					background: none;

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

					.sf-sub-indicator {
						background-position: -10px -100px;
					} 
				}
			}
			>.sub-menu {
				height: auto !important;
				background: #303030;
				top: 45px;
				left: 50%;
				width: 160px; 
				padding: 15px 0;
				margin: 0 0 0 -80px;
				border: none;
				border-radius: 0;
				.box-sizing(border-box);
				z-index: 100;

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

					a {
						margin: 0;
						background: none;
						border: none; 
						color: #fff;
						text-transform: none;
						display: inline-block;
						letter-spacing: 0;
						border-radius: 0;
						padding: 0;
						letter-spacing: 0;
						font: 12px/1.2em @sansFontFamily;
						transition: all 0.3s ease 0s;

						&:hover {
							color: @red;
							text-shadow: none;
							background: none;
						}
						>.sf-sub-indicator {
							top: 1px;
							right: -20px;
							left: auto;
							background: url("images/arrows-ffffff.png") no-repeat scroll 0 0 transparent;
						}
					}
					&.sfHover {
						>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: #fff;
						padding: 15px 0;
						margin: 0 0 0 1px;
						top: -20px;
						left: 100%;
						border: none;
						border-radius: 0;
						width: 100%;

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

							&:first-child {
								a {
									border: none;
								}
							}
							a {
								margin: 0;
								padding: 0;
								color: #424242;
								display: inline-block;
								background: none; 

								&:hover {
									color: @red;
									text-shadow: none;
									background: none;
								}
							}
							&.current-menu-item {
								a {
									color: @red;
									text-shadow: none;
									background: none;
								}
							}
						}
					}
				}
			}
		}
	}
}
.nav__primary { 
	.sf-menu {
		>li {
			&.search-menu-item {
				margin-left: 51px;
				margin-right: 1px;

				@media (min-width: 768px) and (max-width: 979px) {
					margin-left: 10px;
				}
				@media (max-width: 767px) {
					display: none !important;
				}
				a {
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					display: block;
					width: 17px;
					height: 17px;
					background: url(images/search.png);
					transition: none;
					position: relative;
					top: 1px;

					&:hover,
					&:active {
						background-position: 0 -17px !important;
					}
				}
			}
		}
	}
}
.header {
	#search-header {
		position: absolute;
		display: none;
		z-index: 10;
		width: 300px; 
		padding: 6px 15px 10px;
		border-radius: 0 0 5px 5px;
		top: 79px;
		right: 0;
		text-align: center;
		background: #303030;

		@media (max-width: 767px) {
			display: none !important;
		}
		.search-form_it {
			padding-top: 5px;
			padding-bottom: 5px;
			margin: 0;
			width: 205px;
			background: #fff;
			border: none !important;

			&:focus {
				background: #d3d3d3;
			}
		}
		.search-form_is {
			margin: 0 0 0 10px;
			height: 34px;
			padding: 1px 15px 1px;
		}
	}
}
/*/ Header */


/* Logo
================================================== */
.logo {
	float: none !important;

	@media (min-width: 768px) and (max-width: 979px) {
		width: 100%;
	}
	@media (max-width: 767px) {
		float: none !important;
		text-align: center;
	}
	.logo_h {
		position: absolute;

		@media (min-width: 768px) and (max-width: 979px) {
			width: 100%;
			position: relative;
		}
		@media (max-width: 767px) {
			position: relative;
		}
	}
	.logo_h__txt {
		text-transform: uppercase;
		display: block;
		float: none;
		margin-top: 20px;

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


/* Slider
================================================== */
.slider-wrap {
	margin-bottom: 75px;

	@media (max-width: 767px) {
		margin-bottom: 20px;
	}
}
.camera_caption {
	bottom: auto !important;
	top: 30%;

	@media (min-width: 979px) and (max-width: 1200px) {
		top: 20%;
	}
	@media (min-width: 768px) and (max-width: 979px) {
		top: 15%;
	}
	@media (max-width: 767px) {
		display: none !important;
	}
	>div {
		background: none;
		position: relative;
		width: 1170px;
		margin: 0 auto;
		text-align: center;

		@media (min-width: 979px) and (max-width: 1200px) {
			width: 940px;
		}
		@media (min-width: 768px) and (max-width: 979px) {
			width: 724px;
		}
		@media (max-width: 767px) {
			width: 100%;
		}
		h2 {
			font: bold 62px/1.2em @robotoFontFamily;
			color: #fff;
			margin: 0;
			text-transform: uppercase;

			@media (min-width: 979px) and (max-width: 1200px) {
				font-size: 40px;
			}
			@media (min-width: 768px) and (max-width: 979px) {
				font-size: 30px;
			}
		}
		p {
			font: bold 42px/1.2em @robotoFontFamily;
			color: #fff;
			margin: 0;

			@media (min-width: 979px) and (max-width: 1200px) {
				font-size: 30px;
			}
			@media (min-width: 768px) and (max-width: 979px) {
				font-size: 20px;
			}
		}
	}
}
.camera_thumbs {
	position: relative;
	bottom: 0;

	@media (max-width: 1200px) {
		display: none !important;
	}
	.camera_prevThumbs, 
	.camera_nextThumbs, 
	.camera_prev, 
	.camera_next, 
	.camera_commands, 
	.camera_thumbs_cont {
		background: none;
	}
}
/*/ Slider */



/* #Content
================================================== */
.content-holder {
	background: #303030;
}
.home {
	.content-holder {
		padding: 0;
	}
}
.title-section {
	margin: 70px 0 13px;
	padding: 0;
	position: relative;

	.title-header {
		font-size: 18px;
		line-height: 1.2em;
		margin-bottom: 16px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.breadcrumb {
		background: none;
		padding: 14px 0 13px;
		margin: 0;
		text-transform: uppercase;
		text-shadow: none;
		letter-spacing: 1px;
		border: none;
		border-top: 1px solid @bordercolor;
		border-bottom: 1px solid @bordercolor;
		box-shadow: none;
		border-radius: 0;
		font: 500 11px/1.2em @robotoFontFamily;

		>li {
			text-shadow: none;
			line-height: 13px;
			display: inline-block;
			padding: 0;

			&.active {
				color: #7a7a7a;
			}
			&:first-child {
				padding-left: 0;
				border: none;
			}
		}
		a {
			color: @red;
			text-shadow: none;
			display: inline-block;
		}
		.divider {
			padding: 0 4px;
		}
	}
}
article {
	background: none;
	border: none;
	border-radius: 0;
	padding: 0;
	.box-sizing(border-box);

	.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 {
			font-size: 22px;
			font-weight: 500;
			margin: 0 0 26px;
			line-height: 1.2em;
			color: #fff;

			a {
				color: #fff;
			}
		}
	}
	.post_content {
		background: none;
		border-radius: 0;
		padding: 0;
		.box-sizing(border-box);
	}
	.post_meta {
		padding: 10px 0;
		border: none;
		position: relative;
		display: block;
		margin: 20px 0;
		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: 500 11px/1.2em @robotoFontFamily;
			border-color: @bordercolor;
			text-transform: uppercase;
		}
		i {
			margin-right: 0;
			color: #e83b36;
			font-size: 15px;
		}
		.post_date {
			color: #e83b36;
		}
		.post_author a {
			color: #fff;
			text-transform: uppercase;
		}
		.post_category a, .post_tag a, .post_tag {
			color: #7a7a7a;
			text-transform: uppercase;
		}
		.post_comment a {
			color: #7a7a7a;
			text-transform: uppercase;
		}
		.user_like, .post_views {
			color: #7a7a7a;
			text-transform: uppercase;
		}
		.post_permalink {
			float: none;

			a {
				color: #7a7a7a;
				text-transform: uppercase;
			}
		}
	}
	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;
	}
}
.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-bottom: 20px;
			margin-top: 0;

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

			.post-author_h {
				font: 300 16px/1.2em @robotoFontFamily;
				margin: 0 0 25px 0;
				letter-spacing: 0;
				text-transform: none;
				color: #828282;
				text-shadow: none;

				a {
					color: #fff;
					text-transform: none;
				}
			}
			.post-author_gravatar {
				display: block;
				margin: 0 20px 20px 0;

				@media (max-width: 350px) {
					float: none;
				}
				img {
					width: 58px;
					height: 58px;
					padding: 15px;
					background: #ebeff2;
				}
			}
			.post-author_desc {
				padding-left: 110px;
				text-transform: none;
				color: #828282;
				font-weight: 300;

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

				p {
					margin: 0;
				}
				a {
					color: #fff;
					text-transform: none;
				}
			}
		}
	}
}
.pager li > a, .pager li > span {
	border-radius: 0;
	border: none;
	font: 500 12px/1.2em @robotoFontFamily;
	color: #fff;
	background: @red;
	text-transform: uppercase;

	&:hover, &:active, &:focus {
		color: #fff;
		background: #303030;
	}
}
.pagination {
	ul {
		border-radius: 0;
		box-shadow: none;

		li {
			a {
				background: @red;
				border: none;
				color: #fff;
				margin: 0 0 0 2px;
				text-transform: uppercase;
				font: 500 12px/1.2em @robotoFontFamily;
				border-radius: 0 !important;

				&:hover, &:active {
					color: #fff;
					background: #303030;
				}
			}
			&.active {
				a {
					color: #747474;
					background: none;
					border-radius: 0 !important;

					&:hover, &:active {
						color: #747474;
						background: none;
					}
				}
			}
		}
	}
}
.flexslider {
	.flex-control-nav {
		li {
			a {
				background: #fff;

				&.flex-active, &:hover {
					background: @red;
				}
			}
		}
	}
}
.portfolio-meta,
.portfolio-meta-list,
.pager, 
.page-header {
	border-color: @bordercolor;
}
.page-template-page-testi-php,
.single-testi  {
	.testimonial {
		background: #111;
		border: none;
	}
}
.faq-list {
	.faq-list_h {
		color: #fff;
	}
}
.filter-wrapper {
	margin: 0 0 35px;

	strong {
		color: #fff;
		padding: 0;
		font: 500 12px/1.2em @robotoFontFamily;
		margin-right: 25px;
		margin-top: 8px;
		text-transform: uppercase;
		letter-spacing: 0;

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

		@media (max-width: 767px) {
			float: none;
			display: block;
		}
		li {
			margin: 0 0 0 7px;
			
			&: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: #fff;
				font: 500 12px/1.2em @robotoFontFamily;
				padding: 8px 15px 7px;
				margin: 0;
				background: none;
				border-radius: 0;
				text-transform: uppercase;
				letter-spacing: 0;
				border-bottom: 5px solid transparent;

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

				&:active, &:hover, &:focus {
					text-decoration: none;
					color: #fff;
					background: @red;
					border-color: #c73d39;
				}
			}
		}
		.active {
			a {
				text-decoration: none;
				color: #fff;
				background: @red;
				border-bottom: 5px solid #c73d39;
			}
		}
	}
	@media (max-width: 979px) {
		.pull-right {
			float: none;
		}
	}
}
.filterable-portfolio {
	li {
		.thumbnail {
			margin-bottom: 18px;
		}
		.caption {
			h3 {
				text-shadow: none;
				margin: 20px 0 0;
				font: 300 16px/24px @robotoFontFamily;
				letter-spacing: 0;

				a {
					color: #fff;
					text-transform: none;
					text-decoration: none;

					&:hover, &:active {
						text-decoration: underline;
					}
				}
			}
			.excerpt {
				margin-bottom: 20px;
				line-height: 24px;
				font-weight: 300;
			}
		}
	}
}
div.type-page {
	p {
		margin-bottom: 20px;
	}
	h2 {
		@media (min-width: 979px) and (max-width: 1200px) {
			font-size: 20px;
		}
		@media (min-width: 768px) and (max-width: 979px) {
			font-size: 18px;
		}
		@media (max-width: 767px) {
			margin-top: 30px;
		}
	}
}
.white-wrap {
	background: #fff;
	position: relative;
	padding: 75px 0 63px;

	&:before {
		content: "";
		display: block;
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 100%;
		background: #fff;
	}
	&:after {
		content: "";
		display: block;
		height: 100%;
		right: -100%;
		position: absolute;
		top: 0;
		width: 100%;
		background: #fff;
	}
	h1, h2, h3, h4, h5, h6 {
		color: #e83b36;
		font-weight: 500;
	}
	h2 {
		margin: 25px 0 20px;

		@media (min-width: 768px) and (max-width: 979px) {
			margin-top: 0;
		}
	}
	.btn {
		&:hover, &:active {
			background: #303030;
			color: #fff;
		}
	}
}
.gray-wrap {
	background: #ebeff2;
	position: relative;
	padding: 70px 0 61px;

	>div {
		position: relative;
		z-index: 10;
	}
	&:before {
		content: "";
		display: block;
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 101%;
		z-index: 1;
		background: #ebeff2;
	}
	&:after {
		content: "";
		display: block;
		height: 100%;
		right: -100%;
		position: absolute;
		top: 0;
		width: 101%;
		z-index: 1;
		background: #ebeff2;
	}
	h1, h2, h3, h4, h5, h6 {
		color: #e83b36;
		font-weight: 300;

		a {
			color: #e83b36;

			&:hover {
				color: #303030;
				text-decoration: none;
			}
		}
	}
}
.single-portfolio {
	.thumbnail.large {
		margin: 0;
		padding-bottom: 20px;
	}
}
/*/ Content */



/* #Comments
================================================== */
.related-posts, .comment-holder, #respond {
	h3 {
		font: 500 26px/1.2em @robotoFontFamily;
		margin: 10px 0 20px;
		color: #fff;
	}
}
.related-posts {
	a {
		font: 300 16px/1.2em @robotoFontFamily;
		color: #fff;
		display: inline-block;
		letter-spacing: 0;
		text-transform: none;

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

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

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

					@media (max-width: 350px) {
						float: none;
						margin-bottom: 30px;
					}
					img { 
						width: 58px;
						height: 58px;
						padding: 14px;
						background: #ebeff2;
					}
					.author {
						width: auto;
						text-align: left;
						font: 300 16px/1em @robotoFontFamily;
						color: #fff;
						text-transform: none;
						margin-top: 15px;
					}
				}
				.extra-wrap {
					text-transform: none;
					font-weight: 300;

					@media (max-width: 480px) {
						overflow: visible;
					}
				}
				.comment-meta {
					margin: 8px 0 0 0;
					font: 300 16px/1.2em @robotoFontFamily;
					color: #e83b36;
					text-transform: none;
				}
			}
		}
	}
	#respond {
		#commentform {
			margin-top: 0;
		}
	}
}
#respond {
	#commentform {
		margin-top: 15px;

		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-top: 10px;
					width: auto;
					padding: 11px 19px;
					text-decoration: none !important;
					height: 40px;
				}
			}
		}
		.btn-align {
			text-align: right;
		}
	}
}
/*/ Comments */



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

		>h3 {
			margin: 0 0 15px;
			font: 500 26px/1.2em @robotoFontFamily;
		}
	}
}
[id*="categories"], [id*="archives"] {
	ul {
		margin: 0;
		list-style-type: none;

		li {
			background: none;
			margin: 0;
			padding-left: 25px;
			background: url(images/cat.png) no-repeat 0 9px;

			@media (max-width: 1200px) {
				padding: 3px 0 3px 25px;
				background-position: 0 7px;
			}
			a {
				font: 300 16px/30px @robotoFontFamily;
				color: #fff;
				text-transform: none;

				@media (max-width: 1200px) {
					line-height: 1.2em;
				}
				&:hover {
					color: #e83b36;
					text-decoration: none;
				}
			}
		}
	}
}
[id*="my_poststypewidget"] {
	.post-list {
		margin: 20px 0 0 0;

		li {
			padding: 20px 0;

			&:first-child {
				padding-top: 0;
			}
			.thumbnail {
				margin: 3px 30px 0 0;

				@media (min-width: 768px) and (max-width: 979px) {
					margin-bottom: 20px;
				}
				@media (max-width: 480px) {
					margin-bottom: 20px;
				}
			}
			time {
				font: 300 16px/24px @robotoFontFamily;
				color: @red;
				margin: 0;
				text-transform: none;
				display: inline-block;
			}
			.post-list_comment {
				color: #fff;

				&:before {
					content: "|";
					color: #5f5f5f;
					margin-right: 5px;
				}
			}
			.post-list_h {
				font: 300 16px/24px @robotoFontFamily;
				text-transform: none;
				letter-spacing: 0;
				text-shadow: none;
				margin: 0;

				a {
					color: #fff;
				}
			}
			.excerpt {
				overflow: hidden;
				margin-bottom: 0;
				line-height: 24px;
				font-weight: 300;
			}
			.btn {
				margin-top: 25px;
			}
		}
	}
}
[id*="my-recent-comments"] {
	>h3 {
		margin-bottom: 30px !important;
	}
	.comments-custom {
		.comments-custom_li {
			.featured-thumbnail {
				margin: 0 20px 10px 0;
				padding: 14px;
				background: #ebeff2;

				img {
					width: 58px;
					height: 58px;
				}
			}
			time {
				margin-top: 17px;
				display: inline-block;
				font: 300 16px/24px @robotoFontFamily;
				color: @red;
				text-transform: none;
			}
			.comments-custom_h_author {
				font: 300 16px/24px @robotoFontFamily;
				color: #fff;
				letter-spacing: 0;
				text-transform: none;
			}
			.comments-custom_txt {
				border: none;

				a {
					color: #7a7a7a;
				}
			}
		}
	}
}
#wp-calendar {
	caption,
	thead tr th {
		color: #fff;
	}
}
.search-form {
	.search-form_is {
		margin: 0;
		padding-top: 1px;
		padding-bottom: 1px;
		height: 36px;
		box-shadow: none;
		display: block;
	}
}
[id*="nav_menu"] {
	ul {
		margin: 0;
		list-style-type: none;

		li {
			background: none;
			margin: 0;

			@media (max-width: 1200px) {
				padding: 3px 0;
			}
			a {
				font: 300 14px/21px @robotoFontFamily;
				color: #828282;
				text-transform: none;

				@media (max-width: 1200px) {
					line-height: 1.2em;
				}

				&:hover {
					color: #fff;
					text-decoration: none;
				}
			}
		}
	}
}
.footer-widgets {
	position: relative;
	background: #4c4c4c;
	padding: 73px 0 38px;

	@media (max-width: 767px) {
		padding: 30px 0;
	}
	&:before {
		content: "";
		display: block;
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 100%;
		background: #4c4c4c;
	}
	&:after {
		content: "";
		display: block;
		height: 100%;
		right: -100%;
		position: absolute;
		top: 0;
		width: 100%;
		background: #4c4c4c;
	}
	> div > div > div > div,
	> div > div > div > nav,
	> div > div > div {
		margin-bottom: 35px;

		>h4 {
			font: 300 18px/1.2em @robotoFontFamily;
			margin: 0 0 10px;
			text-transform: uppercase;
		}
	}
	.none-margin {
		margin: 0;
	}
	.right-align {
		text-align: right;

		@media (max-width: 767px) {
			text-align: left;
		}
	}
}
.social {
	.social_li {
		margin-bottom: 0;

		.social_label {
			font-weight: 300;
			font-size: 14px;
			margin-left: 10px;
			color: #828282;
		}
		.social_link {
			&:hover {
				opacity: 1;

				.social_ico {
					opacity: 0.6;
				}
				.social_label {
					color: #fff;
				}
			}
		}
	}
}
.textwidget {
	font: 300 14px/21px @robotoFontFamily;
	color: #828282;

	em {
		font-style: normal;
		display: inline-block;
		margin-left: 15px;

		@media (max-width: 1200px) {
			margin: 0;
		}
	}
	a {
		color: #828282;

		&:hover {
			text-decoration: none;
			color: #fff;
		}
	}
}
/*/ Widgets */



/* #Shortcodes
================================================== */
.list.custom-list {
	ul {
		margin: 0;
		list-style-type: none;

		li {
			background: none;
			margin: 0;
			padding-left: 25px;
			background: url(images/cat.png) no-repeat 0 9px;

			@media (max-width: 1200px) {
				padding: 3px 0 3px 25px;
				background-position: 0 7px;
			}
			&:before {
				display: none;
			}
			a {
				font: 300 16px/30px @robotoFontFamily;
				color: #fff;
				text-transform: none;

				@media (max-width: 1200px) {
					line-height: 1.2em;
				}
				&:hover {
					color: #e83b36;
					text-decoration: none;
				}
			}
		}
	}
}
.spacer {
	height: 50px;
}
.posts-grid.services-main {
	li {
		text-align: center;

		@media (max-width: 767px) {
			margin-top: 30px;
		}
		.thumbnail {
			float: none;
			display: block;

			@media (max-width: 767px) {
				background: #e83b36;
				width: 100%;
				padding: 10px 10px 0 10px;

				a {
					display: inline-block;

					&:hover {
						.zoom-icon {
							opacity: 1 !important;
						}
					}
				}
				&:hover {
					.zoom-icon {
						opacity: 0 !important;
					}
				}
			}
		}		
		h5 {
			margin: 0;
			padding: 20px 0 21px;
			background: #e83b36;
			text-transform: uppercase;
			font: 500 18px/1.2em @robotoFontFamily;
			letter-spacing: 1px;
			margin-bottom: 23px;
			position: relative;

			&:after {
				content: "";
				width: 100%;
				height: 33px;
				position: absolute;
				background: url(images/grid-shadow.png) no-repeat 50% 0;
				left: 0;
				bottom: -33px;
			}
			a {
				color: #fff;
			}
		}
		.excerpt {
			font: 500 11px/1.2em @robotoFontFamily;
			text-transform: uppercase;
			color: #7a7a7a;
			margin: 0 100px;

			@media (min-width: 768px) and (max-width: 979px) {
				margin: 0 20px;
			}
			@media (max-width: 767px) {
				margin: 0;
			}
		}
		&:hover {
			h5 {
				a {
					color: #303030;
					text-decoration: none;
				}
			}
			.excerpt {
				color: #e83b36;
			}
		}
	}
}
.featured-thumbnail.video_preview {
	@media (max-width: 767px) {
		float: none;
	}
	>div {
		background: #dcdcdc;
		padding: 5px;
	}
}
iframe.video-preview {
	background: #dcdcdc;
	padding: 5px;
}
.home-icons {
	margin-bottom: 20px;
}
/*/ Shortcodes */



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

	ul {
		float: none;
		text-align: left;

		li {
			float: none;
			display: block;
			padding: 0;
			text-transform: none;
			margin: 0;

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

			a {
				font-weight: 300;

				@media (max-width: 1200px) {
					line-height: 1.2em;
				}
			}

			&.current-menu-item a, a:hover {
				color: #fff;
				text-decoration: none;
			}
		}
	}
}
.copyright {
	padding: 60px 0 58px;

	@media (max-width: 767px) {
		padding: 30px 0;
	}
}
.footer-text {
	font: 12px/16px @robotoFontFamily;
	color: #fff;
	float: none;
	text-align: right;

	@media (max-width: 767px) {
		text-align: left;
		margin: 30px 0 0 0;
	}
	.site-name {
		text-transform: uppercase;	
	}
	.extra-text {
		font-size: 10px;
		line-height: 1.2em;
		color: #6b6b6b;
		margin-top: 6px;
	}
}
/*/ Footer */


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

			&:hover {
				background: none;

				span {
					background: url(images/totop.png) no-repeat 0 -24px;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/totop.png", sizingMethod="crop");
				}
			}

			span {
				width: 24px;
				height: 24px;
				background: url(images/totop.png) no-repeat 0 0;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/totop.png", sizingMethod="crop");
				transition: 200ms all;
			}
		}
	}
}
.error404-holder {
	padding: 80px 0;

	.error404-holder_num {
		color: #fff;

		@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;
}
.ie9, .ie8 {
	.wpcf7-form {
		p.field {
			input {
				padding-top: 10px;
			}
		}
	}
}
.ie8 {
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.2em !important;
	}
	.wpcf7-form {
		.wpcf7-not-valid-tip {
			font-size: 10px !important;
		}
	}
	.camera_caption {
		top: 20%;

		>div {
			width: 940px;

			h2 {
				font-size: 40px;
			}
			p {
				font-size: 30px;
			}
		}
	}
	.camera_thumbs {
		display: none !important;
	}
	[id*="categories"], [id*="archives"], .list.custom-list {
		ul {
			li {
				padding: 3px 0 3px 25px;
				background-position: 0 7px;

				a {
					line-height: 1.2em;
				}
			}
		}
	}
	.search-form {
		.search-form_is {
			display: block;
			margin: 0;
		}
	}
	[id*="nav_menu"] {
		ul {
			li {
				padding: 3px 0;

				a {
					line-height: 1.2em;
				}
			}
		}
	}
	.textwidget {
		em {
			margin: 0;
		}
	}
	nav.nav.footer-nav {
		ul {
			li {
				padding: 3px 0;

				a {
					line-height: 1.2em;
				}
			}
		}
	}
	.posts-grid.services-main {
		.thumbnail {
			width: 100%;
		}
	}
	div.type-page {
		h2 {
			font-size: 20px;
		}
	}
	.comment-author {
		width: 84px !important;
		height: auto !important;
		margin-right: 30px;

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

		img {
			width: 56px !important;
		}
	}
	.comments-custom_li {
		.thumbnail {
			width: 84px !important;
		}
		.avatar {
			width: 56px !important;
			height: 56px !important;
		}
	}
	#respond {
		#commentform {
			p {
				input {
					padding-top: 0;
					height: 36px;
					line-height: 2em;

					&.btn {
						padding: 11px 15px 8px;
						height: 40px;
						line-height: 1.2em;
					}
				}
			}
		}
	}
}
/*/ Misc */


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