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

/* #General
================================================== */

body {

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

}

h1 {
	padding: 0 0 5px 0;

	a {
		text-decoration: none;
		color: #3d3d3d;

		&:hover {
			text-decoration: none;
			color: @linkColor;
		}

	}

}

h2 {
	margin-bottom: 18px;

	&.post-title {
		margin-bottom: 27px;
		padding: 7px 0 0 0;
		line-height: 30px;
		font-size: 26px;
		text-transform: uppercase;
		color: #3d3d3d;
	}

	strong {
		display: block;
		padding: 0 0 3px 0;
		font-weight: 400;
	}

	em {
		display: block;
		padding: 0 0 6px 0;
		font-style: normal;
	}

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

		&:hover {
			text-decoration: none;
			color: @linkColorHover
		}

	}

}

h3 {
	margin-bottom: 13px;
	padding: 0 0 5px 0;

	a {
		text-decoration: none;
		color: #3d3d3d;

		&:hover {
			text-decoration: none;
			color: @linkColor;
		}

	}

}

h4 {

	a {
		text-decoration: none;
		color: #3d3d3d;

		&:hover {
			text-decoration: none;
			color: @linkColor;
		}

	}

}

h5 {
	margin-bottom: 11px;

	img {
		margin: 0 !important;

		@media (min-width: 979px) and (max-width: 1200px) {
			width: 99%;
			max-width: 99%;
			height: auto;
		}

		@media (min-width: 768px) and (max-width: 979px) {
			width: 99%;
			max-width: 99%;
			height: auto;
		}

		@media (max-width: 767px) {
			width: 99%;
			max-width: 99%;
			height: auto;
		}

	}

	strong {
		display: inline-block;
		padding: 7px 0 18px 0;
		vertical-align: top;

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

		a {
			position: relative;
			display: inline-block;
			vertical-align: top;

			&:before {
				border: 13px solid #e3e3e3;
				display: none;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				content: '';
			}

			&:hover {

				&:before {
					display: block;
				}

			}

		}

	}

}

h6 {
	margin-bottom: 0;
}

p {
	margin: 0 0 20px 0;

	strong {
		color: #3d3d3d;
	}

}

input[type="text"], input[type="email"], textarea {
	background: #ffffff;
	min-height: 36px;
	margin: 0;
	padding: 7px 11px;
	border: 1px solid #e3e3e3;
	.border-radius(0);
	.box-shadow(none);
	.box-sizing(border-box);
	resize: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #bebebe;

	&:focus {
		border-color: @linkColor;
		.box-shadow(none);
	}

	html.ie8 & {
		min-height: 22px;
		line-height: 22px;
	}

}

input[type="submit"], input[type="reset"] {
	background: none;
	height: 36px;
	margin: 0;
	padding: 0;
	border: none;
	.border-radius(0);
	.box-shadow(none);
	font-family: @SansFontFamily;
	font-size: 12px;
	font-weight: 700;
	text-shadow: none;
	text-transform: uppercase;
	text-decoration: underline;
	color: @linkColor;

	&:hover {
		background: none;
		text-decoration: underline;
		color: @linkColorHover !important;
	}

	&:focus {
		background: none;
		.box-shadow(none);
		text-decoration: underline;
		color: @linkColorHover;
	}

}

img.alignnone {
	margin: 16px 0 18px 0;
	border: 1px solid #FFF;

}

img.alignleft {
	margin: 4px 30px 10px 0;
	border: 1px solid #FFF;
}

img.alignright {
	margin: 4px 0 10px 30px;
	border: 1px solid #FFF;
}

img.aligncenter {
	border: 1px solid #FFF;
}

/* #Header
================================================== */

.header {
	background: none;
	margin: 0;
	padding: 22px 0 0 0;
	border: none;

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

	ul.social {
		float: right;
		margin: 37px 1px 0 0;
		padding: 0;
		text-align: right;

		@media (max-width: 767px) {
			float: none;
			width: 100%;
			overflow: hidden;
			margin: 0 0 20px 0;
			text-align: center;
		}

		li {
			display: inline-block;
			margin: 0 0 0 18px;
			padding: 0;
			vertical-align: top;
			list-style: none;

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

			a {
				display: inline-block;
				height: 16px;
				overflow: hidden;
				vertical-align: top;

				&:hover {

					img {
						margin: -16px 0 0 0;
					}

				}

				img {
					vertical-align: top;
				}

			}

		}

	}

	.logo {
		margin: 9px 0 0 0;

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

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

		a {
			float: left;
			margin: 0 8px 0 0;

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

		}

		.logo_h__txt {
			float: left;

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

			a {
				text-decoration: none;
				color: #3d3d3d;

				&:hover {
					text-decoration: none;
					color: #3d3d3d;
				}

			}

		}

		p {
			float: left;
			width: 100px;
			margin: 0;
			padding: 9px 0 0 0;
			letter-spacing: 1px;
			line-height: 12px;
			font-family: @SansFontFamily;
			font-size: 11px;
			font-weight: 800;
			text-transform: uppercase;
			color: #3d3d3d;

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

			@media (max-width: 767px) {
				display: inline-block;
				float: none;
				padding: 4px 0 0 0;
				vertical-align: top;
			}

		}

	}

	.nav__primary {
		margin: 0 0 0 -50px;

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

		html.ie8 & {
			margin: 0 0 0 -20px;
		}

		html.ie8 & {
			margin: 0 0 0 -20px;
		}

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

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

		.sf-menu {

			ul {
				background: #efefef;
				width: 219px;
				padding: 32px 0 25px 0
			}

			> li {
				background: none;
				margin: 0 0 0 1px;

				> a {
					height: 20px;
					padding: 38px 45px 35px 45px;
					border: none;
					text-transform: uppercase;
					text-decoration: none;


					@media (min-width: 979px) and (max-width: 1200px) {
						padding: 38px 29px 35px 29px;
					}

					html.ie8 & {
						padding: 38px 27px 35px 27px;
					}

					@media (min-width: 768px) and (max-width: 979px) {
						padding: 38px 16px 35px 16px;
					}

				}

			}

			li {

				li {
					background: none;
					margin: 0 0 7px 0;
					text-align: left;

					a {
						padding: 0 0 0 40px;
						border: none;
						line-height: 18px;
						font-family: @SansFontFamily;
						font-size: 12px;
						font-weight: 700;
						text-transform: uppercase;
						text-decoration: none;
						color: #494949;
					}

					.sf-sub-indicator {
						display: none;
					}

				}

			}

		}

		ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
			top: -32px;
		}

		.sf-menu > li > a:hover, .sf-menu > li.sfHover> a, .sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a { background: #efefef; color: @linkColor; }
		.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current-menu-item > a, .sf-menu li li.current_page_item > a { background: none; color: @linkColor; }

		.sf-menu a.sf-with-ul {
			padding-right: 46px;

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

			@media (min-width: 768px) and (max-width: 979px) {
				padding-right: 16px;
			}

		}

		.sf-sub-indicator {
			background-image: url(images/arrows-ffffff.png);
			margin: 0 -5px 0 0;
			top: 60px;
			right: 50%;
		}

	}

}

/*/ Header */


/* Slider
---------------------------------------- */

#slider-wrapper {
	background: url(images/slider-body.jpg) top left repeat;
	margin: 0 0 37px 0;
	overflow: visible;

	@media (max-width: 480px) {
		height: 3px;
		overflow: hidden;
		margin: 0 -20px 37px -20px;
	}

	&:before {
		background: url(images/slider-body.jpg) top left repeat;
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: -100%;
		content: '';

		@media (min-width: 768px) and (max-width: 979px) {
			left: -99%;
		}

		@media (max-width: 767px) {
			left: -99%;
		}

	}

	&:after {
		background: url(images/slider-body.jpg) top left repeat;
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		right: -100%;
		content: '';

		@media (min-width: 768px) and (max-width: 979px) {
			right: -99%;
		}

		@media (max-width: 767px) {
			right: -99%;
		}

	}

	.container {

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

	}

	.cameraContent {
		border: none !important;
		box-shadow(none) !important;
	}

	.camera_wrap {
		margin: 0 !important;
	}

	.camera_thumbs {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;

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

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

		.camera_thumbs_cont {
			background: none;
		}

	}

	.camera_caption {
		width: 100%;
		height: auto;
		line-height: 67px;
		font-family: @ChangaFontFamily;
		font-size: 72px;
		font-weight: 400;
		text-align: center;
		text-shadow: 2px 3px 0 rgba(0,0,0,0.35);
		color: #fff;
		position: absolute;
		top: 127px;
		left: 0;

		@media (min-width: 979px) and (max-width: 1200px) {
			top: 107px;
			line-height: 47px;
			font-size: 52px;
		}

		html.ie8 & {
			top: 107px;
			line-height: 47px;
			font-size: 52px;
			a {
			.transition(0.8s);
			text-decoration: none;
			color: #fff;

			&:hover {
				text-decoration: none;
				color: #e9e8e8;
			}

		}
		}

		@media (min-width: 768px) and (max-width: 979px) {
			top: 87px;
			line-height: 32px;
			font-size: 37px;
		}

		@media (max-width: 767px) {
			top: 42px;
			line-height: 22px;
			font-size: 27px;
		}

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

		div {
			background: none;
			padding: 0 100px;
		}

		a {
			.transition(0.8s);
			text-decoration: none;
			color: #fff;

			&:hover {
				text-decoration: none;
				opacity: 0.5;
			}

		}

	}

	.camera_pag {
		width: 100%;
		position: absolute;
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
	}

	.camera_prev {
		background: none;
		width: 74px;
		height: 76px;
		overflow: hidden;
		margin: -51px 0 0 0;
		z-index: 100;

		span {
			background: url(images/prev.png) no-repeat 0% 0%;
			width: 74px;
			height: 76px;
			overflow: hidden;

			&:hover {
				background-position: 0% -76px;
			}

		}

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

		@media (max-width: 767px) {
			left: 10px;
		}

	}

	.camera_next {
		background: none;
		width: 74px;
		height: 76px;
		overflow: hidden;
		margin: -51px 0 0 0;
		z-index: 100;

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

		@media (max-width: 767px) {
			right: 10px;
		}

		span {
			background: url(images/next.png) no-repeat 0% 0%;
			width: 74px;
			height: 76px;
			overflow: hidden;

			&:hover {
				background-position: 0% -76px;
			}

		}

	}

	.camera_commands {
		margin: -35px 0 0 0;
		right: 80px;
	}

}

/*/ Slider */



/* #Content
================================================== */

.content-holder {
	background: url(images/content.gif) repeat-x 50% 0%;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0 0 27px 0;

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

	body.home & {
		background: none;
	}

	#content {
		padding-top: 39px;
	}

}

/*/ Content */



/* #Comments
================================================== */

/*/ Comments */



/* #Widgets
================================================== */

#sidebar {
	padding-top: 39px;

	.widget {
		margin: 0 0 62px 0;
	}

	ul {
		margin: 0;
		padding: 0;

		li {
			margin: 0;
			padding: 6px 0 5px 0;
			list-style: none;
			border-top: 1px solid #e6e6e6;
			line-height: 18px;
			font-size: 13px;
			font-weight: 700;
			color: @linkColor;

			&:hover {

				&:before {
					background-position: 0% -7px;
				}

			}

			&:first-child {
				border: none;
			}

			&:before {
				background: url(images/marker.gif) no-repeat 0% 0%;
				display: inline-block;
				width: 4px;
				height: 7px;
				overflow: hidden;
				margin: 6px 13px 0 0;
				padding: 0;
				vertical-align: top;
				line-height: 0;
				font-size: 0;
				content: '';
			}

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

				&:hover {
					text-decoration: none;
					color: #bebebe;
				}

			}

			ul {
				margin: 6px 0 -5px 20px;
				border-top: 1px solid #e6e6e6;
			}

		}

	}

	ul.social {

		li {

			&:before {
				display: none;
			}

			span.social_ico {
				display: inline-block;
				min-width: 20px;
				height: 16px;
				overflow: hidden;
				margin: 0 10px 0 0;
				vertical-align: top;
				text-align: center;
			}

			.tooltip {
				display: none !important;
			}

			a {

				&:hover {
					color: @linkColor;
				}

			}

		}

	}

	ul.post-list {
		margin: 0;
		padding: 6px 0 9px 0;

		li {
			margin: 0;
			padding: 36px 0 0 0;
			border: none;
			line-height: 18px;
			font-size: 13px;
			font-weight: 400;
			color: #bebebe;

			&:first-child {
				padding: 0;
			}

			&:before {
				display: none;
			}

			.thumbnail {
				margin: 4px 30px 0 0;
			}

			time {
				display: block;
				line-height: 18px;
				font-size: 13px;
				font-weight: 700;
				color: @linkColor;
			}

			h4 {
				margin: 0 0 18px 0;
				line-height: 18px;
				font-size: 13px;
				color: #3d3d3d;

				a {
					text-decoration: none;
					color: #3d3d3d;

					&:hover {
						text-decoration: none;
						color: @linkColor;
					}

				}

			}

			.excerpt {
				margin-bottom: 11px;
			}

		}

	}

	ul.comments-custom {
		margin: 0;
		padding: 10px 0 0 0;

		li {
			margin: 0;
			padding: 36px 0 0 0;
			border: none;
			line-height: 18px;
			font-size: 13px;
			font-weight: 400;
			color: #bebebe;

			&:first-child {
				padding: 0;
			}

			&:before {
				display: none;
			}

			.thumbnail {
				margin: 0 30px 0 0;
				padding: 14px 13px;
			}

			time {
				display: block;
				margin: 0;
				padding: 25px 0 0 0;
				line-height: 20px;
				font-size: 13px;
				color: @linkColor;

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

			}

			h4 {
				margin: 0;
				line-height: 18px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 13px;
				text-transform: capitalize;
				color: #3d3d3d;
			}

			.comments-custom_txt {
				padding: 17px 0 0 0;
			}

			a {
				text-decoration: none;
				color: #bebebe;

				&:hover {
					text-decoration: none;
					color: #3d3d3d;
				}

			}

		}

	}

}

.flex-control-paging li a.flex-active, .flex-control-paging li .active span, .owl-theme .owl-controls a.flex-active, .owl-theme .owl-controls .active span {
    background: none repeat scroll 0 0 @linkColor;
    cursor: default;
}
blockquote {
    border-left: 5px solid @linkColor;
    margin: 0 0 18px;
    padding: 0 0 0 15px;
}


/*/ Widgets */



/* #Shortcodes
================================================== */

ul.clients {
	margin: 0 !important;
	padding: 3px 0 0 0;

	@media (min-width: 768px) and (max-width: 979px) {
		text-align: center;
	}

	@media (max-width: 767px) {
		text-align: center;
	}
	
	li {
		display: inline-block;
		margin: 0 24px 11px 0;
		vertical-align: top;

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

		html.ie8 & {
			margin-right: 8px;
		}

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

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

		.thumbnail {
			margin: 0;
			border: none;
			background: none;

			a {

				&:before {
					display: none !important;
				}

			}

		}

		h5 {
			display: none;
		}

	}

}

ul.news {
	padding: 5px 0 31px 0;

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

	li {
		margin-bottom: 0;

		@media (max-width: 767px) {
			width: 100%;
			overflow: hidden;
			margin: 0 0 31px 0;
		}

		.thumbnail {
			margin: 5px 30px 0 0;
		}

		.clear {
			display: none;
		}

		h5 {
			margin: 0 0 18px 0;
			line-height: 18px;
			font-size: 13px;
			color: #3d3d3d;

			a {
				text-decoration: none;
				color: #3d3d3d;

				&:hover {
					text-decoration: none;
					color: @linkColor;
				}

			}

		}

		.post_meta {
			margin: 0 0 -1px 0;
			padding: 0;
			border: none;
			line-height: 18px;
			font-size: 13px;
			color: @linkColor;

			span {
				display: none;

				&.post_date {
					display: block;
				}

			}

		}

		.excerpt {
			margin: 0;
		}

	}

}

ul.team {

	li {

		@media (max-width: 767px) {
			width: 100%;
			overflow: hidden;
		}

		.thumbnail {
			margin: 0 0 18px 0;

			@media (max-width: 767px) {
				float: left;
				margin: 0 30px 0 0;
			}

		}

		.clear {

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

		}

		h5 {
			margin: 0;
			line-height: 18px;
			font-size: 13px;
			color: #3d3d3d;

			a {
				text-decoration: none;
				color: #3d3d3d;

				&:hover {
					text-decoration: none;
					color: @linkColor;
				}

			}

		}

	}

}

.box_1 {

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

	strong {
		display: block;
		margin: 0 0 -1px 0;
		line-height: 51px;
		font-family: @ChangaFontFamily;
		font-size: 51px;
		font-weight: 400;
		color: @linkColorHover;

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

		html.ie8 & {
			line-height: 41px;
			font-size: 41px;
		}

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

		@media (max-width: 480px) {
			line-height: 41px;
			font-size: 41px;
		}

	}

	em {
		display: block;
		line-height: 28px;
		font-family: @ChangaFontFamily;
		font-size: 26px;
		font-weight: 400;
		font-style: normal;
		text-transform: uppercase;
		color: @linkColor;

		@media (min-width: 979px) and (max-width: 1200px) {
			line-height: 24px;
			font-size: 22px;
		}

		html.ie8 & {
			line-height: 24px;
			font-size: 22px;
		}

		@media (min-width: 768px) and (max-width: 979px) {
			line-height: 19px;
			font-size: 17px;
		}

		@media (max-width: 480px) {
			line-height: 24px;
			font-size: 22px;
		}

	}

}

.box_2 {
	padding: 17px 0 0 0;

	@media (min-width: 979px) and (max-width: 1200px) {
		padding: 12px 0 0 0;
	}

	html.ie8 & {
		padding: 12px 0 0 0;
	}

	@media (min-width: 768px) and (max-width: 979px) {
		padding: 5px 0 0 0;
		text-align: center;
	}

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

	strong {
		display: block;
		margin: 0 0 5px 0;
		line-height: 20px;
		font-family: @SansFontFamily;
		font-size: 20px;
		font-weight: 700;
		color: #b1b1b1;

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

	}

	em {
		display: block;
		letter-spacing: 1px;
		line-height: 34px;
		font-family: @SansFontFamily;
		font-size: 34px;
		font-weight: 800;
		font-style: normal;
		color: @linkColor;

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

		html.ie8 & {
			line-height: 26px;
			font-size: 26px;
		}

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

	}

}

.box_3 {
	width: 100%;
	overflow: hidden;
	padding: 13px 0 0 0;
	line-height: 20px;
	font-family: @SansFontFamily;
	font-size: 19px;
	font-weight: 800;
	text-transform: uppercase;
	color: @linkColorHover;

	@media (min-width: 979px) and (max-width: 1200px) {
		line-height: 15px;
		font-size: 14px;
	}

	html.ie8 & {
		line-height: 15px;
		font-size: 14px;
	}

	@media (min-width: 768px) and (max-width: 979px) {
		padding: 0;
		line-height: 13px;
		font-size: 12px;
	}

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

	p {

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

	}

	strong {
		display: block;
		padding: 0 69px 4px 0;
		line-height: 18px;
		font-size: 12px;
		font-weight: 700;
		text-align: right;
		color: @linkColor;

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

		html.ie8 & {
			padding-right: 20px;
		}

		@media (min-width: 768px) and (max-width: 979px) {
			padding: 0 0 4px 0;
			line-height: 17px;
			font-size: 11px;
		}

		@media (max-width: 767px) {
			position: relative;
			z-index: 99;
			padding: 0 0 4px 0;
			text-align: center;
		}

		a {
			text-decoration: underline;
			color: @linkColor;

			&:hover {
				text-decoration: underline;
				color: @linkColorHover;
			}

		}

	}

	em {
		float: left;
		margin: -5px 7px 0 0;
		letter-spacing: -1px;
		line-height: 47px;
		font-size: 47px;
		font-weight: 800;
		font-style: normal;
		color: #b1b1b1;

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

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

	}

}

.service-box.extra {
	background: #ffffff;
	margin: 26px 0 0 0;
	padding: 12px 35px 30px 35px;
	border: 1px solid #e4e4e4;
	.border-radius(0);
	.box-shadow(none);
	text-align: center;

	@media (min-width: 768px) and (max-width: 979px) {
		padding: 12px 15px 30px 15px;
	}

	figure.icon {
		float: none;
		width: 100%;
		height: 70px;
		overflow: hidden;
		margin: 0 0 12px 0;

		img {
			vertical-align: top;
		}

	}

	h2 {
		margin: 0;
		padding: 0 10px 13px 10px;
		line-height: 22px;
		font-family: @SansFontFamily;
		font-size: 20px;
		font-weight: 800;
		color: @linkColor;

		@media (min-width: 768px) and (max-width: 979px) {
			line-height: 18px;
			font-size: 16px;
		}

	}

	.btn-align {
		text-align: center;

		a {
			color: @linkColorHover;

		}

	}

	.service-box_txt {
		margin: 0 0 10px 0;
	}

	&:hover {
		background: #f1f1f1;
		figure.icon {
			img {
				margin: -70px 0 0 0;
			}
		}

		h2 {
			color: #b1b1b1;
		}

		.btn-align {
			a {
				background: none;
				text-decoration: underline;
				color: @linkColor !important;
			}
		}

	}

}

a.btn-primary {
	background: none !important;
	margin: 0;
	padding: 0;
	border: none;
	.border-radius(0);
	.box-shadow(none);
	line-height: 18px;
	font-family: @SansFontFamily;
	font-size: 12px;
	font-weight: 700;
	text-shadow: none;
	text-transform: uppercase;
	text-decoration: underline !important;
	color: @linkColor;

	&:hover {
		background: none;
		text-decoration: underline;
		color: @linkColorHover !important;
	}

	&:focus {
		background: none;
		.box-shadow(none);
		text-decoration: underline;
		color: @linkColorHover;
	}

}

.spacer {
	height: 39px;
}

.spacer_1 {
	width: 100%;
	height: 52px;
	overflow: hidden;
}

.list.arrow-list {

	body.home & {

		@media (min-width: 1200px) and (max-width: 2200px) {
			padding: 0 100px 0 0;
		}

	}

	ul {
		margin: 0;
		padding: 0;

		li {
			margin: 0;
			padding: 6px 0 5px 0;
			border-top: 1px solid #cccccb;
			line-height: 18px;
			font-size: 13px;
			font-weight: 700;


			&:hover {

				&:before {
					background-position: 0% -7px;
				}

			}

			&:first-child {
				border: none;
			}

			&:before {
				background: url(images/marker.gif) no-repeat 0% 0%;
				display: inline-block;
				width: 4px;
				height: 7px;
				overflow: hidden;
				margin: 6px 13px 0 0;
				padding: 0;
				vertical-align: top;
				line-height: 0;
				font-size: 0;
			}

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

				&:hover {
					text-decoration: none;
					color: @linkColorHover;
				}

			}

			ul {
				margin: 6px 0 -5px 20px;
				border-top: 1px solid #cccccb;
			}

		}

	}

}

/*/ Shortcodes */



/* #Footer
================================================== */

.footer {
	background: none;
	margin: 0;
	padding: 0;
	border: none;

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

	.span3 {

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

			&:first-child {
				margin: 0;
			}

		}

	}

	.container {
		border-top: 1px solid #e6e6e6;
		padding: 47px 0 47px 0;

		h4 {
			margin: 0 0 13px 0;
		}

		.textwidget {
			padding: 3px 0 0 0;
			font-family: @SansFontFamily;
			font-weight: 700;
			color: #adadad;

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

			a {

				&:hover {
					text-decoration: none;
					color: #3d3d3d;
				}

			}

		}

	}

	.copyright {
		width: 100%;
		overflow: hidden;
		padding: 7px 0 0 0;
		line-height: 14px;
		font-family: @SansFontFamily;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		color: #afafaf;

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

		.footer-text {
			
			@media (max-width: 767px) {
				margin: 0;
			}

		}

		strong {
			float: left;
			margin: 0 5px 0 0;

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

		em {
			float: left;
			padding: 19px 0 0 0;
			font-style: normal;

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

			i {
				display: block;
				font-style: normal;
			}

		}

		a {
			text-decoration: none;
			color: #afafaf;

			&:hover {
				text-decoration: none;
				color: @linkColor;
			}

		}

	}

	#wpsb {

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

		form {
			margin: 0;

			br {
				display: none;
			}

			p {
				margin: 0 0 3px 0;
			}

			input[type="text"] {
				width: 100%;
				min-height: 31px;
			}

			input[type="submit"] {
				float: right;
				height: 31px;
			}

		}

	}

	.footer-nav {
		float: left;
		margin: 0;
		padding: 12px 0 0 0;

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

		ul {
			float: left;

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

			li {
				margin: 0 15px 0 0;
				padding: 0;
				text-transform: uppercase;

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

				a {
					text-decoration: none;
					color: #afafaf;

					&:hover {
						text-decoration: none;
						color: @linkColor;
					}

				}

				&.current-menu-item {

					a {
						text-decoration: none;
						color: @linkColor;
					}

				}

			}

		}

	}

}

/*/ Footer */



/* #Misc
================================================== */
#wp-calendar caption {
    color: @linkColorHover;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 4px 0;
    text-align: center;
}
#wp-calendar thead th {
    color: #63B4B9;
    font-size: 14px;
    padding: 7px 0;
    text-align: center;
}
.thumbnail {
	padding: 0;
	border: 1px solid #e4e4e4;
	.border-radius(0);
	.box-shadow(none);

	&.large {
		max-width: 702px;
		margin-bottom: 18px;
	}

	a {

		&:before {
		
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			content: '';
		}

		&:hover {

			&:before {
				display: block;
			}

		}

	}

	img {

		html.ie8 & {
			max-width: inherit;
		}

	}

}

.faq-list_h {
		h4 {
		    color: @linkColor;
		    font: bold 14px/30px Open Sans;
		}
}
.faq-list {
			.marker {
			font-size: 14px;

		}
}
#back-top-wrapper {
	margin: 0;
	right: 20px;

	p#back-top {
		margin: 0;

		a {
			width: 36px;

			span {
				background: url(images/up-arrow.png) no-repeat 0% 0%;
				width: 36px;
				height: 21px;
				margin: 0;
				.transition(none);
			}

			&:hover {

				span {
					background-position: 0% -21px;
				}

			}

		}

	}

}

.title-section {
	padding: 35px 0 0 0;

	h1 {
		margin: 0 0 10px 0;
	}

	ul.breadcrumb {
		background: none;
		padding: 11px 0;
		border-top: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
		.border-radius(0);

		li {
			line-height: 18px;
			font-size: 13px;
			color: #a2a2a2;

			&.active {
				font-weight: bold;
				color: @linkColor;
			}

			&.divider {
				margin: 0 4px;
			}

		}

		a {
			text-decoration: none;
			color: #a2a2a2;

			&:hover {
				text-decoration: none;
				color: @linkColor;
			}

		}

	}

}

.post_meta {
	padding: 10px 0 9px 0;
	border-color: #e6e6e6;
	line-height: 20px;
	font-size: 13px;
	color: #bebebe;

	i {
		color: #bebebe;
	}

	a {
		text-decoration: none;
		color: #bebebe;

		&:hover {
			text-decoration: none;
			color: #3d3d3d;
		}

	}

	span {
		float: none !important;

		&.post_date {
			font-weight: 700;
			color: @linkColor;
		}

		&.post_author {
			font-weight: 700;
			text-transform: capitalize;
			color: #3d3d3d;

			a {
				color: #3d3d3d;

				&:hover {
					color: @linkColor;
				}

			}

		}

	}

}

div.pagination {

	ul {

		li {

			a {
				.border-radius(0) !important;
			}

		}

	}

}

.search-form {

	input[type="submit"] {
		margin: 0 0 0 10px;
	}

}

.post-author {
	background: none;
	margin: 0 0 60px 0;
	padding: 30px;
	border: 1px solid #e3e3e3;

	p.post-author_gravatar {
		margin: 5px 20px 0 0;

		img {
			padding: 0;
			border: none;
		}

	}

	h3 {
		margin: 0 0 12px 0;
		line-height: 18px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 400;
		color: #bebebe;

		a {
			font-weight: 700;
			text-transform: capitalize;
			text-decoration: none;
			color: #3d3d3d;

			&:hover {
				text-decoration: none;
				color: #bebebe;
			}

		}

	}

	.post-author_link {

		a {
			font-weight: 700;
			text-transform: capitalize;
			text-decoration: none;
			color: #3d3d3d;

			&:hover {
				color: @linkColor;
			}

		}

		p {
			margin: 0;
		}

	}

}

ul.related-posts_list {

	li {
		line-height: 18px;
		font-size: 13px;
		font-weight: 700;
		color: #3d3d3d;

		a {
			text-decoration: none;
			color: #3d3d3d;

			&:hover {
				text-decoration: none;
				color: @linkColor;
			}

		}

	}

}

ol.comment-list {

	li {
		padding: 20px 0 0 0;

		.extra-wrap {

			@media (max-width: 767px) {
				overflow: visible;
			}

		}

		.comment-body {
			background: none !important;
			margin: 0;
			padding: 30px;
			border: 1px solid #e3e3e3;
			line-height: 18px;
			font-size: 13px;
			color: #bebebe;

			span.author {
				padding: 12px 0 0 0;
				line-height: 18px;
				font-size: 13px;
				font-weight: 700;
				text-align: left;
				color: #3d3d3d;
			}

			.reply {
				margin: 0 0 0 20px;

				a {
					background: none !important;
					margin: 0;
					padding: 0;
					border: none;
					.border-radius(0);
					.box-shadow(none);
					line-height: 18px;
					font-family: @SansFontFamily;
					font-size: 12px;
					font-weight: 700;
					text-shadow: none;
					text-transform: uppercase;
					text-decoration: underline !important;
					color: @linkColor;

					&:hover {
						background: none;
						text-decoration: underline;
						color: #b1b1b1 !important;
					}

					&:focus {
						background: none;
						.box-shadow(none);
						text-decoration: underline;
						color: @linkColor;
					}

				}

			}

			div.comment-meta {
				line-height: 20px;
				font-size: 13px;
				font-weight: 700;
				color: @linkColor;
			}

		}

	}

}

.wpcf7-form {

	.wpcf7-response-output {
		.border-radius(0);
	}

	.wpcf7-not-valid-tip {
		line-height: 24px;
	}

}

.filter-wrapper {
	margin: 0 0 28px 0;

	strong {
		margin: 0;
		padding: 0;
		line-height: 18px;
		font-family: @SansFontFamily;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		color: #3d3d3d;
	}

	ul {
		margin: 0;

		li {
			margin: 0 0 0 40px;

			a {
				background: none;
				margin: 0;
				padding: 0;
				.border-radius(0);
				line-height: 18px;
				font-family: @SansFontFamily;
				font-size: 12px;
				font-weight: 700;
				text-transform: uppercase;
				color: #b1b1b1;

				&:hover {
					background: none;
					text-decoration: underline;
					color: @linkColor !important;
				}

				&:focus {
					background: none;
					color: #b1b1b1;
				}

			}

			&.active {

				a {
					background: none;
					text-decoration: underline;
					color: @linkColor !important;

					&:hover {
						background: none;
						text-decoration: underline;
						color: @linkColor;
					}

					&:focus {
						background: none;
						color: #b1b1b1;
					}

				}

			}

		}

	}

}

ul#portfolio-grid {

	li {

		.thumbnail {
			margin: 0 0 14px 0;

			img {

				html.ie8 & {
					width: 100%;
					height: auto;
				}

			}

		}

		h3 {
			margin: 0;
			line-height: 18px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: 700;
			color: #3d3d3d;
		}

	}

}

.entry-meta {
	border-color: #e6e6e6;

	ul.portfolio-meta-list {
		border-color: #e6e6e6;
	}

}

ul.pager {
	margin: 30px 0 30px 0;
	border-color: #e6e6e6;

	li {

		a {
			background: none !important;
			margin: 0;
			padding: 0;
			border: none;
			.border-radius(0);
			.box-shadow(none);
			line-height: 18px;
			font-family: @SansFontFamily;
			font-size: 12px;
			font-weight: 700;
			text-shadow: none;
			text-transform: uppercase;
			text-decoration: underline !important;
			color: @linkColor;

			&:hover {
				background: none;
				text-decoration: underline;
				color: #b1b1b1 !important;
			}

			&:focus {
				background: none;
				.box-shadow(none);
				text-decoration: underline;
				color: @linkColor;
			}

		}

	}

}

.type-portfolio {

	.thumbnail.large {
		margin-bottom: 0;
	}

}

span.dropcap {
	background: #428fa3;
	width: 46px;
	height: 46px;
	overflow: hidden;
	margin: 4px 28px 10px 0;
	padding: 0;
	.border-radius(46px);
	line-height: 42px;
	font-family: @ChangaFontFamily;
	font-size: 28px;
	font-weight: 400;
	color: #fff;
}

div.list.custom-list {
	margin: 0;
	padding: 6px 0 0 0;

	ul {
		margin: 0 0 18px 0;

		li {
			width: 100%;
			overflow: hidden;
			margin: 0;
			padding: 33px 0 0 0;
			line-height: 18px;
			font-size: 13px;
			color: #bebebe;

			&:first-child {
				padding: 0;
			}

			&:before {
				display: none;
			}

			strong {
				display: block;
				color: #3d3d3d;

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

			}

			em {
				display: block;
				overflow: hidden;
				font-style: normal;
			}

		}

	}

}

article.type-clients {

	.thumbnail {
		display: none;
	}

}

.error404-holder {

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

	.error404-holder_num {

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

		color: @linkColor;
	}

	hgroup {

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

	}

	h4 {
		line-height: 18px;
		font-size: 13px;
		color: #3d3d3d;
	}

}

.team-holder {

	.featured-thumbnail {
		width: auto;
		height: auto;
	}

}

/*/ Misc */


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