/*import CherryFramework style*/
@import url("../CherryFramework/style.css");
@import url(//fonts.googleapis.com/css?family=Exo:300,400,700|Roboto+Slab);

/* #General
================================================== */
.main-holder {
	z-index: 100;
	overflow: hidden;
}
.header {
	z-index: 101;
}
.content-holder {
	z-index: 100;
	position: relative;
	background-position: 50% 0;

	&.no-paddings {
		padding: 0;

		.title-section {
			margin: 0;
		}
		#content {
			padding: 0;
		}
	}
	.home & {
		padding: 0;
	}
}
.footer {
	z-index: 101;
}
.cherry-fixed-layout {
	.main-holder {
		@media only screen and (min-width: 1200px) {
			max-width: 1235px;
		}
	}
}
body {
	@media (max-width: 767px) {
		padding: 0;
		
		.header {
			padding: 0 20px;
		} 
		.footer {
			padding: 20px 20px;
			.box-sizing(border-box);
		}
		.content-holder {
			padding: 0 20px 40px 20px !important;

			&.no-paddings {
				padding: 0 20px !important;
			}
		}
		&.home {
			.content-holder {
				padding: 0 !important;

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

	img {
		box-shadow: 0 0 8px rgba(0,0,0,.2);
		border: 2px solid #dfe6e4;
		border-radius: 0;
		padding: 0;
		background: none;
		.box-sizing(border-box);
	}
}
.flexslider {
	.flex-control-nav {
		position: relative;
		margin: 20px 0 0;
		bottom: 0;
	}
}
img {
	&.alignleft  {
		@media (max-width: 767px) {
			float: none;
			margin: 0 auto 20px;
		}
	}
}
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 {
		max-width: 100%;
		margin: 0 30px 20px 0;
		
		@media (max-width: 979px) {
			float: none;
			margin: 0 0 20px;
		}
	}
	&.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;
		}
	}
}
.main-holder {
	textarea, 
	#commentform textarea,
	input[type="text"], 
	input[type="password"], 
	input[type="number"], 
	input[type="email"], 
	input[type="url"], 
	input[type="search"],
	input[type="tel"], 
	.uneditable-input {
		padding: 10px 20px;
		margin: 0 0 10px 0;
		font-size: 20px;
		line-height: 1.3em;
		font-weight: normal;
		text-transform: none;
		color: @white;
		text-decoration: none;
		position: relative;
		border-radius: 0;
		background: none;
		box-shadow: none;
		border: none;
		border-bottom: 2px solid @bordercolor;
		.transition;
		.placeholder(@white);
		.box-sizing(border-box);

		&:hover {
			border-color: @white;
		}
		&:focus {
			background: none;
			color: @white;
			box-shadow: inset 2px 2px 0 @bordercolor, inset -2px 2px 0 @bordercolor;
		}
	}
}
div.wpcf7 {
	padding: 10px 0;

	.wpcf7-form {
		p {
			margin-bottom: 20px;

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

				&:focus {
					padding: 15px 20px;
				}
			}
		}
		textarea {
			margin-bottom: 0;
			min-height: inherit;
			height: 250px;
			padding: 15px 0;
			.box-sizing(border-box);

			&:focus {
				padding: 15px 20px;
			}
		}
		.wpcf7-not-valid-tip {
			padding: 16px 10px !important; 
			font-size: 13px;
			border-radius: 0;
			vertical-align: middle;
			
			@media (min-width: 980px) and (max-width: 1200px) {
				font-size: 12px !important;
				padding-top: 14px !important;
			}
			.ie8 & {
				font-size: 12px !important;
			}
			@media (min-width: 768px) and (max-width: 979px) {
				font-size: 9px !important;
				padding: 15px 7px !important;
			}
		}
		.submit-wrap {
			position: relative;
			text-align: center;
			margin: 40px 0 0;

			@media (max-width: 767px) {
				text-align: center;
			}
			.btn {
				height: auto;				
			}
			input {
				height: auto;
				display: inline-block;
				margin: 0;
			} 
			.ajax-loader {
				margin: 15px 0 0;
			}
			input[type="submit"], input[type="reset"] {
				height: auto;
				display: block;
				width: 100%;

				@media only screen and (max-width: 767px) {
					margin: 10px 0;
				}
			}
			.btn + .btn {
				margin: 0 0 0 20px;

				@media only screen and (max-width: 767px) {
					margin: 10px;
				}
			}
		}
	}
}

/* #Header
================================================== */
.main-holder {
	.home & {
		overflow: hidden;
		position: relative;
	}
}
.header {
	border: none;
	padding: 30px 0 27px;

	.home & {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		.transition;

		@media only screen and (max-width: 767px) {
			position: relative;
			.box-sizing(border-box);
		}
		&:after {
			content: '';
			width: 95%;
			height: 4px;
			background: rgba(255,255,255,0.5);
			position: absolute;
			bottom: 0;
			z-index: -1;
			left: 50%;
			.translateX(-50%);
			.opacity(0);
			.transition;

			@media only screen and (max-width: 767px) {
				display: none;
			}
		}
		&.active {
			background: none;

			&:after {
				.opacity(100);
			}
		}
		&.with-ordinary-slider {
			position: relative;
			background: #191d2b;

			&:after {
				display: none;
			}
		}
	}	
}
.camera {
	margin: 30px 0 0;
}
.nav-wrap {
	position: relative;
	padding: 10px 0 2px;
	z-index: 100;
	-webkit-transform: translateZ(0);
	.left-right;

	&.isStuck {
		@media only screen and (min-width: 998px) {
			width: 100%;
			padding: 10px 0;
			background: #191d2b;

			.nav__primary {
				padding: 8px 0 0;
			}
		}
		@media (max-width: 998px) {
			position: relative !important;
			top: 0 !important;
			.box-shadow(none);
		}
	}
}
.pseudoStickyBlock {
	@media only screen and (min-width: 998px) {
		background: #191d2b;
		.left-right;
	}
	@media (max-width: 998px) {
		height: 0 !important;
	}
}
.nav-block {
	text-align: right;
}
.menu-btn,
.nav__primary {
	display: inline-block;
	vertical-align: top;

	@media only screen and (max-width: 767px) {
		display: block;
	}
}
.menu-btn {
	font-size: 36px;
	color: @blue;
	padding: 0 0 0 30px;

	@media only screen and (min-width: 1200px) {
		padding: 0 0 0 62px;
	}
	@media only screen and (max-width: 767px) {
		display: none;
	}
	a {
		text-decoration: none;
		color: @white;

		&:hover {
			color: @blue;
		}
		&.active {
			color: @blue;

			&:hover {
				color: @white;
			}
		}
	}
}
.nav__primary {
	padding: 16px 0 0;
	margin: 0;
	.box-sizing(border-box);
	.transition;

	@media (max-width: 767px) {
		padding: 0 0 20px;
	}
	&.hide {
		.translateY(-100%);
		.opacity(0);

		@media only screen and (max-width: 767px) {
			.translateY(0);
			.opacity(100);
		}
	}
	.select-menu {
		height: 40px;
		color: @grayDark;
		background: @white;
	}
	.sf-menu {
		float: none;
		text-align: right;
		padding: 0;
		position: relative;

		> .menu-item {
			display: inline-block;
			float: none;
			vertical-align: middle;
			background: none;
			position: relative;
			padding: 0;
			margin: 0 0 0 32px;
			.box-sizing(border-box);
			
			@media only screen and (min-width: 768px) and (max-width: 979px) {
				margin: 0 0 0 10px;
			}
			&:first-child {
				margin: 0;
			}
			&:hover {}
			> a {
				border: none;
				background: none;
				z-index: 100;
				position: relative;
				letter-spacing: 0;
				border-radius: 0;
				text-transform: uppercase;
				padding: 0;
				.box-sizing(border-box);

				@media (min-width: 768px) and (max-width: 979px) {
					font-size: 13px;
				}
				&:hover,
				&:active,
				&:focus {
					color: @blue;
					background: none;

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

					.sf-sub-indicator {
						background-position: -10px -100px;
					}
				}
			}
			> .sub-menu {
				width: 130px;
				left: 50%;
				margin-top: 22px;
				margin-left: -75px;
				top: 100%;
				background: #191d2b;
				border: none;
				padding: 20px;
				border-radius: 0;
				z-index: 10;
				.box-sizing(content-box);

				.menu-item {
					text-align: left;
					background: none;
					font: 14px/1.2em @roboto;
					padding: 10px 0;
					border: none;
					position: relative;
					.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: 4px;
							right: auto;
							left: -17px;
							background: url("images/arrows-ffffff.png") no-repeat scroll 0 0 transparent;
						}
					}
				}
				> .menu-item {
					> a {
						color: @white;
						background: none;

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

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

						.menu-item {
							padding: 10px 0;
							border: none;
							text-align: right;
							position: relative;

							&:first-child {
								border: none;
							}
							> a {
								color: @white;
								padding: 0;

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


/* Logo
================================================== */
.logo {
	padding: 3px 0;

	@media (min-width: 768px) and (max-width: 979px) {
		width: 100%;
	}
	@media (max-width: 767px) {
		padding: 20px 0;
		text-align: center;
	}
	&.pull-left {
		float: none;
	}
	.logo_h__txt {
		text-transform: none;

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


/* #Content
================================================== */
.title-section {
	margin: 0 0 40px;
	padding: 33px 0 25px;
	background: none;
	position: relative;
	z-index: 10;
	text-align: left;
	background: #474a55;
	border-bottom: 2px solid #323b47;
	.left-right;

	&:before,
	&:after {
		z-index: -1;
	}
	@media (max-width: 767px) {
		padding: 10px 0;
		margin: 0;
	}
	.title-header {
		padding: 0;
		margin: 0;
		color: @white;
		text-transform: uppercase;
		overflow: visible;
		font: bold 37px/1.2em @exo;
		position: relative;
		float: left;
		width: 50%;
		.box-sizing(border-box);
		
		@media (max-width: 767px) {
			float: none;
			width: 100%;
		}
		small {
			font-size: 20px;
		}
	}
	.breadcrumb {
		position: relative;
		background: none;
		display: block;
		margin: 0;
		padding: 19px 0 0;
		text-transform: uppercase;
		text-shadow: none;
		text-align: right;
		letter-spacing: 0;
		border: none;
		box-shadow: none;
		border-radius: 0;
		float: right;
		width: 45%;
		.box-sizing(border-box);

		@media (max-width: 767px) {
			float: none;
			width: 100%;
			padding: 20px 0 0;
			text-align: left;
		}
		> li {
			text-shadow: none;
			font: 15px/1.2em @roboto;
			display: inline-block;
			vertical-align: baseline;
			
			@media (max-width: 480px) {
				float: none;
				display: block;
				margin: 5px 0;
			}
			&.active {
				color: @white;
				padding: 0;
			}
		}
		a {
			padding: 0;
			color: @white;
			display: block;
			text-shadow: none;

			@media (max-width: 767px) {
				display: inline-block;
			}
			&:hover,
			&:active {
				text-decoration: none;
				color: @blue;
			}
		}
		.divider {
			padding: 0 6px;
			vertical-align: baseline;
			background: none;
			display: inline-block;
			
			@media (max-width: 480px) {
				display: none;
			}
			&:after {
				content: '/';
				font: 15px/1.2em @roboto;
				color: @white;	
			}
		}
	}
}
article {
	background: none;
	border: none;
	border-radius: 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: center;
				font: bold 40px/1.2em @exo;
				margin: 0;
				padding: 0;
				letter-spacing: 0;
				text-transform: uppercase;
				color: @white;

				@media (max-width: 979px) {
					margin: 0 !important;
				}
				@media (min-width: 768px) and (max-width: 979px) {
					font-size: 30px;
				}
				@media (max-width: 480px) {
					font-size: 30px;
				}
				a {
					color: @white;
					display: inline-block;
					.link-hover(@blue);
				}
			}
		}
		.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.meta_type_line {
		padding: 8px 0;
		position: relative;
		display: block;
		margin: 20px 0;
		overflow: visible;
		background: none;
		border: none;
		border-top: 1px solid @bordercolor;
		border-bottom: 1px solid @bordercolor;
		.box-sizing(border-box);

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

			.meta_group {
				> div {
					padding: 0 10px 0 0;
				}
			}
		}
		i {
			margin-right: 0;
			padding-right: 5px;
			color: @blue;
			line-height: 15px;
			font-size: 14px;
			vertical-align: baseline;
		}
		.post_date {
			time {
				color: @white;
			}
		}
		.post_author {
			a {
				color: @white;
			}
		}
		.post_category a, .post_tag a, .post_tag {
			color: @white;
		}
		.post_comment a {
			color: @white;
		}
		.user_like, .post_views {
			color: @white;
		}
		.post_permalink {
			a {
				color: @white;
			}
		}
		> div {
			a {
				&:hover,
				&:active {
					color: @blue;
					text-decoration: none;
				}
			}
		}
	}
	div.jp-playlist li a:hover, div.jp-playlist li.jp-playlist-current a {
		color: #b8b8b8;
	}
	.quote-wrap {
		blockquote {
			font-family: @roboto;
			font-size: 15px;
			line-height: 1.2em;
			font-style: normal;
			color: #afafaf;
			font-weight: bold;
		}
	}
	.gallery-post {
		padding-bottom: 0;
	}
	&.testimonial {
		background: #191d2b;
		background: rgba(25,29,43,0.8);
		border: none;
		border-radius: 0;

		&:before {
			display: block;
		}
		.user,
		.info {
			color: @white;
		}
	}
}
.single {
	#content {
		article {
			margin: 0;
			background: none;
			padding: 0;

			&:before {
				display: none;
			}
			@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(content-box);

			.pinterest {
				img {
					vertical-align: top;
				}
			}
			li {
				float: none;
				display: inline-block;
				vertical-align: top;
			}
		}
		.post-author {
			background: #323b45;
			background: rgba(25,29,43,.8);
			border: none;
			padding: 30px 25px;
			border-radius: 0;

			.post-author_h {
				font: 18px/1.2em @roboto;
				color: @white;
				margin: 0 0 20px;
				text-transform: none;

				a {
					color: @white;
					.link-hover(@blue); 
				}
			}
			.post-author_gravatar {
				margin: 3px 15px 0 0;
				width: 80px;
				height: 80px;

				@media only screen and (max-width: 480px) {
					float: none;
					margin: 0 0 20px;
				}
				img {
					border: none;
					border-radius: 0;
					padding: 0;
				}
			}
			.post-author_desc {
				font: 13px/20px @roboto;
				margin: 0;
				color: @gray;

				.post-author_link {
					padding: 20px 0 0;
					margin: 0;
					text-transform: none;
					color: @gray;
					font: 13px/1.2em @roboto;

					p {
						margin: 0;
					}
					a {
						color: @white;
						.link-hover(@gray);
					}
				}
			}
		}
		.nocomments {
			margin: 30px 0 0;
		}
	}
}
.filter-wrapper {
	margin: 0 0 40px;
	position: relative;
	text-align: center;

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

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

		@media (max-width: 979px) {
			float: none;
			display: block;
		}
		@media only screen and (max-width: 767px) {
			padding: 0;
		}
		li {
			margin: 0 0 0 5px;
			float: none;
			display: inline-block;
			font: 300 14px/1.2em @roboto;
			position: relative;
			vertical-align: middle;
			
			@media (max-width: 979px) {
				float: none;
				display: block;
				margin: 0 0 5px !important;
			}
			&:first-child {
				margin: 0;

				&:before {
					display: none;
				}
			}
			a {
				color: @white;
				padding: 13px 20px;
				margin: 0;
				display: inline-block;
				background: #313945;
				border-radius: 0;
				letter-spacing: 0;
				text-transform: uppercase;

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

			.thumbnail {
				margin: 0 0 30px;
				padding: 0;
				position: relative;
				z-index: 100;
			}
			.caption {
				padding: 0;
				background: none;
				border: none;
				border-top: 0;
				text-align: center;
				position: relative;
				z-index: 100;
				.box-sizing(border-box);
				
				h3 {
					text-shadow: none;
					margin: 0;
					font: 20px/1.2em @roboto;
					
					a {
						color: @white;
						text-transform: uppercase;
						text-decoration: none;
						.link-hover(@blue);
					}
				}
				.excerpt {
					font: 13px/24px @roboto;
					color: @white;
					text-transform: none;
					margin: 0;
					.transition;
				}
				p {
					margin: 0;
				}
				.btn {
					margin: 30px 0 0;

					&.with-icon {
						padding: 15px 20px;
						background: @blue;

						i {
							margin: 0;
							display: block;
							font-size: 24px;
						}
						&:hover {
							i {
								-webkit-animation: btn 400ms ease;
								animation: btn 400ms ease;
							}
						}
					}
				}
			}
		}
	}
}
.portfolio-meta,
.portfolio-meta-list,
.pager {
	border-color: @bordercolor;
}
@-webkit-keyframes btn {
	0 {
		.translateX(0);
	}
	50% {
		.translateX(200%);
		opacity: 0;
	}
	51% {
		.translateX(-200%);
		opacity: 0;
	}
	100% {
		.translateX(0);
		opacity: 1;
	}
}
@keyframes btn {
	0 {
		.translateX(0);
	}
	50% {
		.translateX(200%);
		opacity: 0;
	}
	51% {
		.translateX(-200%);
		opacity: 0;
	}
	100% {
		.translateX(0);
		opacity: 1;
	}
}
/*/ Content */


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

	h3 {
		letter-spacing: 0;
		display: block;
		font: bold 40px/1.2em @exo;
		color: @white;
		text-align: center;
		text-transform: uppercase;
		margin: 0 0 30px;
		padding: 0;
	}
}
.related-posts {
	overflow: visible;

	.related-posts_item {
		overflow: visible;
		text-align: center;
		padding: 0 0 10px;
		.box-sizing(border-box);
	}
	a {
		font: 20px/1.2em @roboto;
		color: @white;
		display: inline;
		letter-spacing: 0;
		text-transform: none;
		.link-hover(@blue);

		@media only screen and (min-width: 481px) and (max-width: 979px) {
			font-size: 14px;
		}
	}
	.thumbnail {
		margin: 0 0 15px;
		.box-sizing(border-box);

		a {
			display: inline-block;
			width: 100%;
		}
		img {
			.scale(1) !important;
			.rotate(0) !important;
			.box-sizing(border-box);
		}
	}
}
.comment-holder {
	.pagination {
		margin: 10px 0;
	}
	.comment-list {
		.comment {
			.comment-body {
				margin: 0 0 35px;
				background: #2a343a;
				background: rgba(25,29,43,.8);
				border: none;
				padding: 30px 25px;
				border-radius: 0;
				overflow: visible;

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

					@media only screen and (max-width: 480px) {
						float: none;
						margin: 0 0 20px;
					}
					img { 
						width: 80px;
						height: 80px;
						border-radius: 0; 
						padding: 0;
						border: none;
						background: none;
					}
					.author {
						width: auto;
						text-align: left;
						font: 13px/1.2em @roboto;
						color: @white;
						padding-top: 20px;
						text-transform: none;
					}
				}
				.extra-wrap {
					padding: 0;
					margin: 0;
					line-height: 20px;
					color: @gray;
					text-transform: none;

					@media (max-width: 480px) {
						overflow: visible;
						margin: 20px 0 0;
					}
				}
				.comment-meta {
					margin: 0 30px 0 0;
					padding: 6px 0 0 0;
					font: 13px/1.2em @roboto;
					color: @gray;
					text-transform: none;
				}
				.wrapper {
					overflow: visible;

					&:last-of-type {
						margin-top: 30px;
					}
				}
			}
		}
	}
	.reply {
		padding: 0 5px 0 0;
		margin: 0;
	}
	#respond {
		padding: 0 0 30px;

		#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: 250px;
			padding: 10px 10px;
			.box-sizing(border-box);
		}
		p {
			input[type="text"] {
				max-width: inherit;
				min-width: inherit;
				width: 100%;
				height: 49px;
				padding: 10px 10px;
				margin-bottom: 8px;
				.box-sizing(border-box);
			}
		}
		.comment_submit {
			text-align: left;
			margin: 0;

			input {
				width: auto;
				height: auto;
			}
		}
	}
}
/*/ Comments */


/* #Widgets
================================================== */
#sidebar.sidebar {
	.widget {
		margin: 80px 0 0;
		background: none;
		padding: 0;
		.box-sizing(border-box);

		&:first-child {
			margin: 0;
		}
		> h3 {
			margin: 0 0 40px;
			text-align: center;
			color: @white;
			font: bold 30px/1.2em @exo;
			text-transform: uppercase;

			@media only screen and (min-width: 768px) and (max-width: 979px) {
				-moz-hyphens: auto;
				word-wrap: break-word;
			}
			@media only screen and (max-width: 480px) {
				-moz-hyphens: auto;
				word-wrap: break-word;
			}
		}
		&.with-background {
			background: #2a343a;
			background: rgba(25,29,43,.8);
			padding: 20px;
			text-align: center;

			@media only screen and (min-width: 1200px) {
				padding: 60px 20px;
			}
		}
	}
}
[id*="categories"],
[id*="archives"],
.list.custom-list {
	ul {
		margin: 0 0 15px;
		list-style-type: none;
		position: relative;
		z-index: 100;
		
		@media (max-width: 767px) {
			margin: 0 0 30px;
		}
		li {
			margin: 0;
			padding: 5px 0;
			z-index: 100;
			color: @white;
			overflow: hidden;
			position: relative;
			font: 13px/1.3em @roboto;

			&:before {
				display: none;
			}
			a {
				font: inherit;
				color: inherit;
				text-transform: none;
				display: inline-block;
				vertical-align: baseline;
				position: relative;
				overflow: visible;
				padding: 0;

				&:hover,
				&:active,
				&:focus {
					color: @blueDark;
					text-decoration: none;
					background: none;
				}
			}
		}
	}
	&.with-background {
		ul {
			li {
				color: @gray;

				a {
					&:hover,
					&:active,
					&:focus {
						color: @white;
					}
				}
			}
		}
	}
}
[id*="my-recent-comments"] {
	.comments-custom {
		.comments-custom_li {
			padding: 20px 0;

			&:first-child {
				padding-top: 0;
				border: none;
			}
			.clear {
				@media only screen and (min-width: 1200px) {
					display: none;
				}
			}
			.desc {
				overflow: hidden;
			}
			.featured-thumbnail {
				margin: 0 20px 0 0;
				box-shadow: none;
				border-radius: 0;
				border: none;
				.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;
				}
				img {
					border: none;
				}
			}
			i {
				color: @white;
				font-size: 14px;
				float: none;
				margin: 0 20px 0 1px;
				display: inline-block;
				vertical-align: middle;
			}
			.meta {
				overflow: hidden;
			}
			.meta_format {
				margin: 0;

				&.title {
					overflow: hidden;
				}
			}
			time,
			.comments-custom_h_author,
			.comments-custom_h_title {
				display: inline-block;
				text-transform: none;
				font: 20px/1.2em @roboto;
				color: @white;
				margin: 0;

				a {
					color: @white;
					.link-hover(@gray);
				}
			}
			time {
				font-size: 13px;
			}
			.comments-custom_h_title {
				margin: 20px 0 0;
				font: 20px/1.2em @roboto;
			}
			.comments-custom_txt {
				border: none;
				padding: 0;
				overflow: hidden;
				margin: 10px 0 0;

				a {
					color: @white;
					.link-hover(@blueDark);
				}
			}
		}
	}
}
[id*="my_postwidget"] {
	.post-list {
		.post-list_li {
			padding: 10px 0;

			.post-list_h {
				font: bold 26px/1.2em @roboto;
				margin: 0 0 20px;

				a {
					color: @white;
					.link-hover(@blueDark);
				}
			}
		}
	}
}
#wp-calendar {
	caption,
	thead tr th {
		color: @white;
		font-family: @roboto;
	}
}
#content.left,
#sidebar {
	@media (max-width: 767px) {
		float: none !important;
	}
}
.search-form {
	form {
		margin: 0;
	}
	.search-form_it {
		margin: 0;
		height: 52px;
	}
	.search-form_is {
		margin: 0 0 0 15px;
		padding: 10px;
		height: auto;
		background: none;
		box-shadow: none;
		color: @black;
		letter-spacing: 0;

		@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: #909090;
		}
	}
}
.widget-flexslider {
	background: none;

	.ie8 & {
		overflow: hidden;
	}
	.slides {
		.thumbnail {
			margin: 0 0 20px;
			overflow: hidden;
		}
	}
	.flex-control-paging {
		position: relative;
		bottom: 0;
		margin: 20px 0 0 0;
	}
	.flex-prev,
	.flex-next {
		margin: 0;

		&:hover,
		&:active {
			text-decoration: none !important;
		}
	}
}
.social {
	.footer & {
		text-align: right;

		@media only screen and (max-width: 767px) {
			text-align: center;
			margin: 30px 0 0;
		}
	}
	li {
		display: inline-block;
		float: none;
		vertical-align: top;

		.social_link {
			&:hover {
				opacity: 1;

				.social_ico {
					i {
						color: @grayDark;
						.rotateY(360deg);

						.footer & {
							color: @blue;
						}
					}
				}
			}
		}
		i {
			font-size: 24px;
			color: @blue;
			display: inline-block;
			.transition;

			.footer & {
				color: @white;
			}
		}
	}
	&.social__list {
		li {
			margin-bottom: 4px;
			display: block;

			.social_label {
				margin-left: 11px;
				font: 12px/1.2em @sansFontFamily;
				color: @white;
				text-transform: uppercase;
				vertical-align: middle;
			}
			.social_link {
				&:hover {
					.social_label {
						color: @blue;
					}
				}
			}
		}
	}
	&.social__row {
		li {
			margin-left: 15px;

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


/* #Shortcodes
================================================== */
div.type-page {
	h6, 
	p {
		margin: 0 0 20px;
	}
	.extra-wrap {
		background: #2d3236;
		position: relative;
		padding: 0 30px 0 150px;

		@media only screen and (max-width: 767px) {
			margin: 20px 0;
		}
		@media only screen and (max-width: 480px) {
			padding: 70px 20px 0;
		}
		figure.alignleft {
			background: #222732;
			margin: 0;
			min-width: 120px;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-moz-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-moz-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			.box-sizing(border-box);

			@media only screen and (max-width: 480px) {
				display: block;
				width: 100%;
				height: auto;
				text-align: center;
				padding: 10px 0;
			}
			.ie9 & {
				display: block;
				text-align: center;
				padding: 45px 0;
			}
			i {
				text-align: center;

				@media only screen and (max-width: 480px) {
					font-size: 50px !important;
				}
			}
		}
		p {
			margin: 30px 0;
			color: #9b9b9b;

			@media only screen and (max-width: 480px) {
				text-align: center;
			}
		}
	}
	.hero-unit {
		p {
			@media only screen and (min-width: 1200px) {
				margin: 0 auto;
			}
		}
	}
}
.list.check-list {
	ul {
		li {
			font: bold 14px/1.3em @exo;
			color: @white;
			padding: 8px 0;
			margin: 0;
			text-transform: uppercase;

			&:before {
				color: inherit;
				margin-right: 15px;
			}
			a {
				color: inherit;
				.link-hover(@blue);
			}		
		}
	}
}
.title-box {
	margin: 0 0 50px;
	text-align: center;

	@media only screen and (max-width: 767px) {
		margin: 0 0 30px;
	}
	.title-box_primary,
	.title-box_secondary {
		margin: 0;
		font: bold 40px/1.3em @exo;
		color: @white;
		text-transform: uppercase;
	}
	.title-box_secondary {
		font-size: 30px;
	}
}
.parallax-box {
	&.image-parallax-box {
		.parallax-content {
			padding: 120px 0;

			@media only screen and (max-width: 767px) {
				padding: 30px 0;
			}
		}
	}
}
.testimonials {
	.testi-item {
		padding: 0;
		margin: 10px 0;
		text-align: center;

		.testi-item_blockquote {
			padding: 0;
			background: none;

			&:before {
				content: '“';
				font: bold 72px/1em @exo;
				color: @white;
				position: relative;
				bottom: auto;
				top: 0;
				left: 0;
				width: 100%;
				height: auto;
				display: block;
				text-align: center;
				border: none;
			}
			&:after {
				display: none;
			}
			a {
				font: 300 30px/44px @exo;
				color: @white;
				.link-hover(@blue);

				@media only screen and (max-width: 480px) {
					font-size: 20px;
					line-height: 1.3em;
				}
			}
		}
		.testi-meta {
			padding: 50px 0 0;

			a,
			br {
				display: none;
			}
			span.user {
				font: 20px/1.2em @roboto;
				display: block;
				color: @white;
				text-transform: uppercase;
				margin: 0 0 20px;

				&:after {
					display: none;
				}
			}
			span.info {
				font: 13px/1.2em @roboto;
			}
		}
	}
	&.testi-about {}
}
.dropcap {
	float: none;
	margin: 50px auto;
	width: 110px;
	height: 110px;
	font: 20px/110px @roboto;
	color: @white;
	background: none;
	overflow: visible;
	border-radius: 0;
	text-transform: none;
	position: relative;

	&:before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border: 5px solid @white;
		.rotate(45deg);
		.box-sizing(border-box);
	}
}
.hero-unit {
	background: none;
	padding: 0;
	margin: 20px 0;
	text-align: center;

	h1 {
		font: bold 56px/1.2em @exo;
		color: @white;
		margin: 0 0 30px;

		@media only screen and (max-width: 767px) {
			font-size: 40px;
		}
	}
	p {
		font: 300 30px/44px @exo;
		color: @white;
		margin: 0;

		@media only screen and (min-width: 1200px) {
			width: 70%;
		}
		@media only screen and (max-width: 767px) {
			font-size: 25px;
			line-height: 1.2em;
		}
	}
}
.service-box {
	background: none;
	border-radius: 0;
	border: none;
	box-shadow: none;
	padding: 0;
	text-align: center;
	overflow: visible;

	@media only screen and (max-width: 767px) {
		margin: 30px 0;
	}
	.icon {
		float: none;
		margin: 55px auto 90px;
		position: relative;
		display: inline-block;

		&:before {
			content: '';
			width: auto;
			height: auto;
			min-height: 110px;
			min-width: 110px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -55px 0 0 -55px;
			border: 5px solid @white;
			z-index: -1;
			.rotate(45deg);
			.box-sizing(border-box);
			.transition;
		}
	}
	&:hover {
		@media only screen and (min-width: 1200px) {
			.icon {
				&:before {
					background: #2d3741;
					border-radius: 50%;
					.rotate(180deg);
				}
			}
		}
	}
	.service-box_body {
		.title,
		.sub-title {
			font: bold 30px/1.2em @exo;
			text-transform: uppercase;
			color: @white;
			margin: 0 0 30px;
		}
		.sub-title {
			font-size: 25px;
		}
		.service-box_txt {
			line-height: 20px;
		}
		.btn-align {
			text-align: center;
		}
	}
	&.style-1 {
		background: rgba(25,29,43,.8);
		padding: 65px 15px;
		.transition;

		@media only screen and (max-width: 767px) {
			padding: 30px 20px;
		}
		.service-box_txt {
			color: @gray;
		}
		.btn-align {
			.btn {
				margin: 20px 0 0;
				padding: 0;
				color: @blue;
				background: none;

				&:after {
					color: @white;
					padding: 0;
				}
				span {
					padding: 0;
				}
			}
		}
		&:hover {
			background: rgba(25,29,43,1);
		}
	}
	&.style-2 {
		.service-box_body {
			.title,
			.sub-title {
				font: 20px/1.2em @roboto;
				text-transform: none;
				margin: 0 0 20px;
			}
			.sub-title {
				font-size: 18px;
			}			
			.btn {
				margin: 10px 0 0;
			}
		}
	}
}
.tabs-wrapper {
	.nav-tabs {
		margin: 0 0 35px;
		border: none;
		text-align: center;

		li {
			display: inline-block;
			float: none;
			vertical-align: top;
			background: none;
			margin: 1px;

			a {
				padding: 15px 20px;
				border: none;
				background: #2d3741;
				font: 14px/1.2em @roboto;
				color: @white;
				text-transform: uppercase;
				border-radius: 0;

				&:hover {
					background: @white;
					color: @gray;
					border: none;
				}
			}
			&.active {
				a {
					background: @white;
					color: @gray;
					border: none;
				}
			}
		}
	}
}
.posts-grid {
	li {
		text-align: center;

		.thumbnail {
			margin: 0 0 20px;
		}
		h5 {
			font: 20px/1.2em @roboto;
			margin: 0 0 5px;

			a {
				color: @white;
				.link-hover(@blue);
			}
		}
		.post_networks {
			background: @blue;
			padding: 10px;
			.box-sizing(border-box);

			ul {
				text-align: center;

				li {
					display: inline-block;
					margin: 5px;
					float: none;
					width: auto;

					&:first-child,
					&:nth-child(2n+1) {
						margin: 5px;
					}
					a {
						color: @white;
						font-size: 18px;
						text-decoration: none;
						.link-hover(@blueDark);

						span {
							margin: 0;
						}
					}
				}
			}
		}
	}
	&.projects {
		li {
			position: relative;
			overflow: hidden;

			@media only screen and (max-width: 767px) {
				width: 23.076923076923077%;
				display: inline-block;
				vertical-align: top;
				margin: 20px 0 20px 2.564102564102564%;

				&:first-child {
					margin: 20px 0;
				}
			}
			@media only screen and (max-width: 600px) {
				width: 48%;
				margin: 20px 0 20px 4%;

				&:nth-child(2n+1) {
					margin: 20px 0;
				}
			}
			@media only screen and (max-width: 380px) {
				width: 100%;
				margin: 20px 0;
				display: block;

				.thumbnail {
					width: 100%;
				}
			}
			.thumbnail {
				margin: 0 0 30px;
			}
			.desc {
				@media only screen and (min-width: 1200px) {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					text-align: center;
					padding: 20px;
					background: rgba(25,29,43,.8);
					.scale(0);
					.box-sizing(border-box);
					.transition;

					&:after {
						content: '';
						height: 100%;
						display: inline-block;
						vertical-align: middle;
					}
					.desc-in {
						display: inline-block;
						vertical-align: middle;
						.scale(2);
						.transition(600ms all);
					}					
				}
			}
			@media only screen and (min-width: 1200px) {
				.thumbnail {
					margin: 0;

					.zoom-icon {
						display: none;
					}
				}
				&:hover {
					.desc {
						.scale(1);

						.desc-in {
							.scale(1);
						}
					}
				}
			}
		}
	}
	&.our-team {
		li {
			@media only screen and (max-width: 767px) {
				width: 23.076923076923077%;
				display: inline-block;
				vertical-align: top;
				margin: 20px 0 20px 2.564102564102564%;

				&:first-child {
					margin: 20px 0;
				}
			}
			@media only screen and (max-width: 600px) {
				width: 48%;
				margin: 20px 0 20px 4%;

				&:nth-child(2n+1) {
					margin: 20px 0;
				}
			}
			@media only screen and (max-width: 380px) {
				width: 100%;
				margin: 20px 0;
				display: block;

				.thumbnail {
					width: 100%;
				}
			}
		}
	}
}
.mini-posts-list {
	.mini-post-holder {
		margin: 20px 0;
		border: none;
		padding: 0;
		background: rgba(25,29,43,.8);
		position: relative;

		.thumbnail {
			margin: 0;
		}
		.mini-post-meta {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 120px;
			padding: 17px 25px;
			float: left;
			background: #232935;
			.box-sizing(border-box);

			@media only screen and (max-width: 480px) {
				width: 100%;
				float: none;
				position: relative;
			}
			span {
				display: block;
				font: 300 18px/1.1em @exo;
				color: @blue;
				text-transform: uppercase;

				&.day {
					font-size: 40px;
					font-weight: bold;

					@media only screen and (max-width: 480px) {
						font-size: 20px;
					}
				}
				&.year {
					font-size: 30px;
					margin: 15px 0 0;
					color: @gray;

					@media only screen and (max-width: 480px) {
						font-size: 20px;
					}
				}
			}
		}
		.mini-post-content {
			overflow: hidden;
			position: relative;
			padding: 35px 70px 35px 150px;
			.box-sizing(border-box);

			@media only screen and (max-width: 480px) {
				padding: 20px 20px 60px;
			}
			h4 {
				font: 20px/1.2em @roboto;
				margin: 0 0 3px;

				a {
					color: @white;
					.link-hover(@blue);
				}
			}
			.excerpt {
				color: @gray;
			}
			.btn {
				position: absolute;
				top: 0;
				right: 0;
				width: 36px;
				height: 100%;
				background: #202734;
				color: @gray;

				@media only screen and (max-width: 480px) {
					width: 100%;
					top: auto;
					bottom: 0;
					height: 40px;
				}
				i {
					margin: 0;
					display: block;
					font-size: 30px;
					line-height: 1.2em;
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -18px 0 0 -5px;
				}
				&:hover {
					color: @white;

					i {
						-webkit-animation: btn 400ms ease;
						animation: btn 400ms ease;
					}
				}
			}
		}
	}
	&.upcoming-events {}
}
.google-map-api {
	position: relative;

	.absolute-block {
		position: relative;
		padding: 120px 0;

		@media only screen and (max-width: 767px) {
			padding: 40px 20px;
			.box-sizing(border-box);
		}
	}
	&.with-overlay {
		background: @blueDark;
		height: auto;
		
		.gmap {
			position: absolute !important;
			top: 0;
			left: 0;
			.opacity(50);
		}
	}
}
/*/ Shortcodes */


/* #Footer
================================================== */
.footer {
	background: none;
	padding: 67px 0 60px;
	border: none;
}
.footer-widget {
	text-align: right;
}
.footer-text {
	padding: 0;
	font: 14px/18px @roboto;
	color: @white;
	text-transform: none;
	text-align: left;
	float: none;
	margin: 0;

	@media (max-width: 767px) {
		text-align: center;
		padding: 0;
	}
	a {
		color: @white;
		.link-hover(@blue);
	}
	em {
		font-style: normal;
		padding: 0 3px;

		@media only screen and (max-width: 1200px) {
			display: none;
		}
	}
	span {
		@media only screen and (max-width: 1200px) {
			padding: 0;
			display: block;
		}
	}
}
nav.nav.footer-nav {
	float: none;
	margin: 0;
	padding: 30px 0 0 ;
	
	@media (max-width: 767px) {
		padding: 20px 0 0;
	}
	ul {
		float: none;
		text-align: right;
		line-height: 13px;
		
		@media (max-width: 767px) {
			text-align: center;
		}
		li {
			float: none;
			display: inline-block;
			vertical-align: top;
			line-height: inherit;
			padding: 0;
			text-transform: none;
			margin: 0 0 0 10px;
			padding: 0;
			position: relative;

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

				a {
					font-size: 14px;
				}
			}
			@media only screen and (max-width: 480px) {
				a {
					font-size: 14px;
				}
			}
			@media (max-width: 480px) {
				display: block;
				margin: 5px 0;
			}
			&:first-child {
				margin: 0;

				&:before {
					display: none;
				}
			}
			&.current-menu-item a, a:hover {
				color: @gray;
				text-decoration: none;
			}
		}
	}
}
/*/ Footer */


/* #Misc
================================================== */
.pagination {
	text-align: left;
	margin: 0;
	padding: 0;

	ul {
		box-shadow: none;
		background: none;
		border-radius: 0;

		li {
			border-radius: 0;
			float: left;
			display: block;
			border: none;
			margin: 0 0 0 10px;

			&:first-child {
				border: none;
				margin: 0;
			}
			&:last-child {
				a {
					border-radius: 0;
				}
			}
			a {
				border: none;
				padding: 10px 15px;
				background: @blue;
				color: @white;
				border-radius: 0;
				text-decoration: none;
				text-transform: uppercase;
				font: bold 15px/1.2em @exo;

				&:hover,
				&:active,
				&:focus {
					color: @blue;
					text-decoration: none;
					background: @white;
				}
			}
			&.active span {
				color: @blue;
				text-decoration: none;
				border-radius: 0;
				border: none;
				background: @white;
				padding: 10px 15px;
				text-transform: none;
				font: bold 15px/1.2em @exo;
			}
		}
	}
}
.pager {
	li {
		a {
			border: none;
			padding: 10px 15px;
			background: @blue;
			color: @white;
			border-radius: 0;
			text-decoration: none;
			text-transform: none;
			font: bold 15px/1.2em @exo;

			@media (max-width: 480px) {
				padding: 5px;
			}
			@media only screen and (max-width: 320px) {
				float: none !important;
				margin: 5px 0;
			}
			&:hover,
			&:active,
			&:focus {
				color: @blue;
				text-decoration: none;
				background: @white;
			}
		}
	}
}
.zoom-icon {
	background: none !important;

	&:after {
		content: '';
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		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;

		@media only screen and (min-width: 1200px) {
			.scale(0);
		}
	}
	&:before {
		content: '';
		color: @white;
		background: none;
		font: 30px/60px FontAwesome;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		border: 2px solid @white;
		text-align: center;
		margin: -30px 0 0 -30px;
		z-index: 100;
		.transition;
		.box-sizing(border-box);

		@media only screen and (min-width: 1200px) {
			.scale(5);
		}
		@media only screen and (max-width: 480px) {
			font-size: 20px;
			line-height: 30px;
			width: 30px;
			height: 30px;
			margin: -15px 0 0 -15px;
		}
	}
}
.thumbnail {
	a {
		img {
			transition: transform 200ms linear;
			-webkit-transition: -webkit-transform 200ms linear;
		}
	}
	&:hover {
		.zoom-icon {
			&:before {
				.scale(1);
			}
			&:after {
				.scale(1);
			}
		}
		a {
			@media only screen and (min-width: 1200px) {
				img {
					transform: scale(1.1);
					-webkit-transform: -webkit-scale(1.1);
				}
			}
		}
	}
	&.flexslider {
		ul {
			li {
				.image-wrap {
					display: block;
					position: relative;
				}
			}
		}
		&:hover {
			a {
				img {
					.scale(1);
				}
				.zoom-icon {
					.opacity(100);

					&:before {
						.scale(1);
					}
					&:after {
						.scale(1);
					}
				}
			}
		}
	}
}
.google-map-api {
	@media only screen and (max-width: 767px) {
		height: 300px;
	}
}
#back-top-wrapper {
	z-index: 200;
	right: 20px;
	bottom: 20px;
	overflow: visible;

	#back-top {
		margin: 0;

		a {
			width: 44px;
			height: 44px;
			border-radius: 50%;
			background: none;
			text-align: center;
			-webkit-perspective: 100px;
			perspective: 100px;

			.box-sizing(border-box);
			.transition;
			
			span {
				display: block;
				width: 44px;
				height: 44px;
				background: none;
				border: 2px solid @white;
				border-radius: 50%;
				margin: 0;
				.box-sizing(border-box);
				.transition;

				&:before {
					content: '';
					font: 22px/40px FontAwesome;
					display: inline-block;
					color: @white;
					.transition;
				}
			} 
			&:hover {
				background: @white;

				span {
					border-color: @white;
					.rotateY(180deg);

					&:before {
						color: @blue;
					}
				}
			}
		}
	}
}
#wpadminbar {
	@media (max-width: 600px) {
		top: -46px !important;
	}
}
.error404-holder {
	padding: 80px 0;

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

		@media (min-width: 768px) and (max-width: 979px) {
			font-size: 150px;
		}
	}
	h4 {
		line-height: 1.2em;
	}
}
.faq-list {
	.marker {
		font-size: 15px !important;
		color: @white;
		margin-top: 2px;
	}
}
.archive_h {
	@media (max-width: 767px) {
		margin-top: 30px;
	}
}
blockquote p {
	line-height: 22px;
}
.ie9 {
	.wpcf7-form {
		p {
			input[type="text"],
			input[type="email"] {
				padding-top: 11px;
			}
		}
	}
	#search-header {
		.search-form_it {
			padding-top: 7px;
		}
	}
	.search-form {
		.search-form_it {
			padding-top: 7px;
		}
	}
}
/*/ Misc */


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