/*import CherryFramework style*/
@import url("../CherryFramework/style.css");
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
@import url(//fonts.googleapis.com/css?family=Inder);

@custom-font-1:		Arial, Helvetica, sans-serif;
@custom-color-1:	#fd6b32;
@custom-color-2:	#3b4348;
@custom-color-3:	#262626;
@custom-color-4:	#2d3439;
@custom-color-5:	#5f6775;
@color-line:		#4e555a;


/* #General
================================================== */
body{
	background: @white; 
	font-weight: normal!important;
	letter-spacing: 0;
}
#content{
	overflow: hidden;
}
form{
	overflow: hidden;
}
.main-holder{
	overflow: hidden;
}
a {
	.transition(all 0.4s ease);
	&:hover {
		text-decoration: none;
	}
}
p{
	margin: 0 0 24px;
}
figure{
	padding: 0!important;
	border: none!important;
	.border-radius(0)!important;
	.box-shadow(none)!important;
}

h2{
	margin: 25px 0 16px;
	a{
		color: inherit;
		&:hover{
			color: @custom-color-1;
		}
	}
}
h3{
	margin-bottom: 25px;
}
h4{
	margin-bottom: 10px;
	a{
		color: @custom-color-2;
		&:hover{
			color: @custom-color-1;
			text-decoration: none;
		}
	}
}
h5{
	
}
#search-header{
	margin-bottom: 15px;
}
.logo_h__txt{
	a:hover{
		color: inherit;
	}
}
.hr {
	border: none;
	position: relative;
	height: 1px;
	color: @color-line;
	background-color: @color-line;
	margin: 0 0 37px!important;
	overflow: visible;
	&:before{
		position: absolute;
		display: block;
		.size(5px, 323px);
		background: @custom-color-1;
		top: -4px;
		left: 0;
		pointer-events: none;
		content: "";
	}
}
.pos_right{
	float: right;
}
.logo{
	width: 100%;
	margin: 4px 0 0 3px;
	a{
		position: relative;
		display: inline-block;
		float: left;
		margin-right: 6px;
		margin-bottom: 10px;
	}
	.logo_tagline{
		font-family: @custom-font-1;
		color: #c2c2c2;
		font-size: 10px;
		line-height: 12px;
		padding: 14px 54px 0 0;
	}
}
.pseudoStickyBlock{
	z-index: -1;
}
.spacer{
	height: 52px;
}
.logo_h__txt{
	position: relative;
	margin-top: 0;
	margin-left: -7px;
	a{
		color: inherit;
	}
}
.main-holder {
	
	input[type="text"], input[type="email"], textarea {
		.box-shadow(none);
		resize: none;
		border: 1px solid #e1e0e0;
	}
	textarea{
		border-color: #e1e0e0!important;
	}

	input[type="submit"], input[type="reset"] {
		
	}
	input{
		color: #494d52;
	}
}
.wpcf7-form p.field input{
	line-height: inherit;
}
.submit-wrap{
	.btn-primary{
		padding: 9px 28px;
	}
}

.content-holder{
	padding-bottom: 0;
}
.title-section{
	padding: 0;
	margin-top: 71px;
	h1{
		margin-bottom: 9px;
	}
	.breadcrumb{
		padding: 3px 12px 5px;
		.border-radius (0);
		background: #e8e8e8;
		li{
			color: #6e787f;
			text-shadow: none;
			a{
				font-size: 14px;
			}
			&.active{
				color: @custom-color-1;
			}
			&.divider{
				padding: 0 8px;
				&:after{
					color: #6e787f;
				}
			}
		}
	}
}
#content{
	padding-top: 36px;
}
#back-top{
	a{
		.square(44px);
		span{
			.square(100%);
			background: transparent;
			&:before{
				position: absolute;
				display: block;
				.size(42px,42px);
				padding: 0;
				.border-radius(500px);
				font: 29px/41px FontAwesome;
				top: 0;
				left: 0;
				content: "\f077";
				color: @white;
				text-align: center;
				.transition(all 0.5s ease);
				background: #bdbdbd;
			}
		}
		&:hover{
			span{
				background: transparent;
				&:before{
					color: @custom-color-1;
				}
			}
		}

	}
}
.submit-wrap{
	.ajax-loader{
		margin-top: 14px;
	}
}
.wpcf7-response-output{
	.border-radius(0)!important;
	color: @custom-color-1;
}
.wpcf7-validation-errors{
	.border-radius(0)!important;
}
.google-map{
	margin-bottom: 35px;
}
.sf-sub-indicator{
	top:auto;
	bottom: 20px;
	bottom: 36px;
	right: 50%;
	margin-right: -4px;
}
.marg_1{
	margin: 0 6px 0 0;
}
/* #Header
================================================== */
.header{
	padding: 130px 0 0;
	border: none;
	margin-bottom: 0;
	background: @custom-color-2;

	.textwidget{
		font-size: 12px;
		line-height: 1em;
		color: @white;
		p{
			padding-top: 12px;
			margin-bottom: 10px;
			.header_txt1, .header_txt2, .header_txt3{
				position: relative;
				display: inline-block;
				float: left;
				margin-left: 21px;
				padding-right: 32px;
				&:before{
					position: absolute;
					display: block;
					.size(16px, 15px);
					background: url(./images/icon_1.png) no-repeat 0 0;
					top: -2px;
					left: -21px;
					pointer-events: none;
					content: "";
				}
			}
			.header_txt2{
				padding-right: 55px;
				&:before{
					background: url(./images/icon_2.png) no-repeat 0 0;
				}
			}
			.header_txt3{
				padding-right: 0;
				&:before{
					background: url(./images/icon_3.png) no-repeat 0 0;
				}
			}
			a{
				color: inherit;
				&:hover{
					color: @custom-color-1;
				}
			}
		}
	}
}
.nav{
	margin: 0;
	.sf-menu{
		>li{
			background: transparent;
			margin: 0 36px;
			a{
				letter-spacing: 0;
				border: none!important;
				padding: 17px 5px 44px;
				background: transparent;
				&:hover{
					color: @white;
					background: transparent;
				}
			}
			&:before{
				position: absolute;
				display: block;
				.size(0, 100%);
				background: @custom-color-1;
				bottom: 0;
				left: 0;
				pointer-events: none;
				content: "";
				.transition(all 0.4s ease);
			}
			&:after{
				position: absolute;
				display: block;
				.size(0px, 100%);
				background: url(./images/arr_menu.png) no-repeat 50% 0;
				bottom: 0;
				left: 0;
				pointer-events: none;
				content: "";
				.transition(all 0.4s ease);
			}
			&:hover:before{
				bottom: 28px;
				height: 4px;
			}
			&:hover:after{
				.size(7px, 100%);
				bottom: 32px;
			}

			&.current_page_item{
				a{
					color: @white;
					background: transparent;
				}
				&:before{
					bottom: 28px;
					height: 4px;
				}
				&:after{
					.size(7px, 100%);
					bottom: 32px;
				}
			}
			&.sfHover{
				>a{
					color: @white;
					background: transparent;
				}
				&:before{
					bottom: 28px;
					height: 4px;
				}
				&:after{
					.size(7px, 100%);
					bottom: 32px;
				}
			}

			
			.sub-menu{
				background: @custom-color-2;
				li{
					a{
						background: transparent;
						border-right: none!important;
					}
				}
			}
			&:first-child{
				margin-left: 0;
			}
		}
		.sub-menu{
			/*visibility: visible!important;
			display: block!important;
			top:inherit!important;*/

			background: @custom-color-2;
			width: 125px;
			left: 0;
			margin-left: 0;
			margin-top: 0;
			padding: 12px 0;
			font-family: Arial, Helvetica, sans-serif;
			li{
				letter-spacing: 0;
				background: transparent;
				margin-bottom: 6px;
				a{
					border: none;
					font-size: 12px;
					font-weight: normal!important;
					padding: 5px 13px;
					margin: 0;
					text-align: left;
					color: @white;
					text-shadow: none!important;
					text-transform: uppercase;
					.transition(all 0.4s ease);
					.sf-sub-indicator {
						position: absolute;
						top: 12px;
						left: 2px!important;
						right: auto;
						display: block;
						overflow: hidden;
						width: 10px;
						height: 10px;
						background: url(./images/arrows-ffffff.png) no-repeat 0 0;
						text-indent: -999em;
						.rotate(180deg);
					}
					&:hover{
						color: @custom-color-1;
						.sf-sub-indicator {
							background: url(./images/arrows-ffffff.png) no-repeat -10px 0;
						}
					}
				}
				.sub-menu{
					left: -100%;
					top: -12px!important;
					margin-left: -2px;
					background: @custom-color-1;
					a:hover{
						color: #010101;
					}
				}
				&.sfHover{
					>a{
						color: @custom-color-1;
						.sf-sub-indicator {
						background: url(./images/arrows-ffffff.png) no-repeat -10px 0;
						}
					}
				}
			}
		}
	}
}
.isStuck{
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 15px;
	background: @custom-color-2;

	@media (max-width: 767px) {
		#topnav{
			display: none;
		}
		top: 0 !important;
        position: relative !important;
	}
	#topnav{
		background: transparent;
	}
}

/*/ Header */


/* Slider
---------------------------------------- */
.parallax-slider{
	height: 630px!important;
	#previewSpinner{
		background: url(images/spinner.gif) 50% 50% no-repeat @custom-color-2!important;
		.border-radius(500px)!important;
	}
	.controlBtn .innerBtn{
		&:hover{
			background: @custom-color-4!important;
		}
	}
	#mainCaptionHolder{
		.container{
			/*top: 53%!important;*/
			top: auto!important;
			position: fixed!important;
			bottom: 32px !important;
			width: 1170px !important;
			left: 50% !important;
			margin-left: -585px !important;
			@media (max-width: 1200px) {
				width: 940px !important;
				margin-left: -470px !important;
			}
			@media (max-width: 979px) {
				width: 724px !important;
				margin-left: -362px !important;
			}
			@media (max-width: 767px) {
				width: 100%!important;
				margin-left: -50% !important;
			}
			div{
				padding-right: 35%;
				@media (max-width: 1200px) {
					padding-right: 15%;
				}
				@media (max-width: 979px) {
					padding-right: 0;
				}
			}
			h2{
				font-size: 60px!important;
				line-height: 60px!important;
				font-weight: normal!important;
				text-align: left;
			}
		}
	}
	#paralaxSliderPagination{
		background: transparent;
		bottom: 28px!important;
		width: 1170px!important;
		left: 50%!important;
		margin-left: -585px!important;
		text-align: left!important;
		@media (max-width: 1200px) {
			width: 940px !important;
			margin-left: -470px !important;
		}
		@media (max-width: 979px) {
			width: 724px !important;
			margin-left: -362px !important;
		}
		@media (max-width: 767px) {
			width: 100%!important;
			margin-left: -50% !important;
		}
		ul{
			margin: 12px 0 3px!important;
			.opacity(100)!important;
			li{
				position: relative;
				.square (16px!important);
				border: 1px solid #cecdcd!important;
				margin-top: 12px!important;
				margin-bottom: 5px!important;
				margin: 2px!important;
				&:before{
					position: absolute;
					display: block;
					.square(8px);
					background: #cecdcd;
					.border-radius (500px);
					top: 50%;
					left: 50%;
					margin-left: -4px;
					margin-top: -4px;
					pointer-events: none;
					content: "";
				}
				&:after{
					position: absolute;
					display: block;
					.square(8px);
					background: @custom-color-1;
					.border-radius (500px);
					top: 50%;
					left: 50%;
					margin-left: -4px;
					margin-top: -4px;
					pointer-events: none;
					content: "";
					.scale(2.5);
					.opacity(0);
					.transition(all 0.4s ease);
				}
				&:hover ,&.active{
					background: transparent!important;
					&:before{
						.opacity(0);
					}
					&:after{
						.scale(1);
						.opacity(100);
					}
				}
			}
		}
	}
}

/*
.parallax-slider {

	.container{
		width: 1950px;
		position: relative;
		left: 50%;
		margin-left: -975px;
		@media (min-width: 1950px){
			width: 100%;
			top: 0;
			left: 0;
			margin-left: 0;
		}
		@media(max-width: 979px) {
			width: 1500px;
			margin-left: -750px;
		}
		@media(max-width: 767px) {
			width: 1000px;
			margin-left: -500px;
		}
	}
}
*/
/*/ Slider */



/* #Content
================================================== */
.banner_1{
	padding: 82px 0 53px;
	min-height: 316px;
	h5{
		color: @custom-color-3;
		font-size: 48px;
		line-height: 1.2em;
		font-weight: normal;
		text-transform: none;
		margin-bottom: 16px;
	}
	strong{
		position: relative;
		display: block;
		font-size: 24px;
		line-height: 36px;
		font-weight: normal;
		color: @custom-color-2;
		padding-bottom: 1px;
	}
	p {
		margin: 0 0 31px;
	}
}
.banner-btn{
	.btn-link{
		position: relative;
		font-weight: normal;
		padding: 12px 48px;
		color: @white;
		text-shadow: none;
		background: transparent;
		.border-radius(6px);
		height: auto!important;
		&:before{
			position: absolute;
			display: block;
			.square(100%);
			background: @custom-color-1;
			top: 0;
			left: 0;
			pointer-events: none;
			content: "";
			z-index: 1;
			.border-radius(6px);
		}
		&:after{
			position: absolute;
			display: block;
			.square(100%);
			background: @custom-color-2;
			top: 0;
			left: 50%;
			pointer-events: none;
			content: "";
			.transition(all 0.4s ease);
			z-index: 2;
			width: 0;
			.border-radius(6px);
			.opacity(0);
		}
		strong{
			position: relative;
			font-weight: normal;
			font-size: 14px;
			line-height: 1.2em;
			color: @white;
			font-family: @custom-font-1;
			z-index: 10;
		}
		&:hover{
			text-decoration: none;
			&:after{
				width: 100%;
				.rotate(180deg);
				.opacity(100);
				left: 0;
			}
		}
	}
}
.block_1{
	position: relative;
	margin-bottom: 16px;
}
.block_2{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 24px;
	h5{
		display: none;
	}
}
.block_3{
	position: relative;
	img{
		margin: 20px 29px 16px 3px;
	}
	h3{
		margin: -11px 0 26px;
	}
}
.block_4{
	position: relative;
	padding: 4px 0 38px;
}
.block_5{
	padding: 20px 0 0;
	li{
		position: relative;
		background: @white;
		padding: 20px 20px 31px;
		margin-bottom: 10px;
		border: none;
		background: #e8e8e8;
		figure{
			margin-bottom: 11px!important;
		}
		h5{
			font-size: 24px;
			line-height: 28px;
			margin-bottom: 26px;
		}
		.btn-primary{
			padding: 6px 27px !important;
			background: #848c91;
			&:hover{
				background: @custom-color-1;
			}
		}
	}
}
.team{
	position: relative;
	li{
		margin-top: 21px; 
		h5{
			font-size: 24px;
			margin: 28px 0 31px;
			a{
				color: inherit;
				&:hover{
					color: @custom-color-1;
				}
			}
		}
	}
}
.testimonials{
	.testi-item{
		position: relative;
		display: inline-block;
		float: left;
		width: 23.2%;
		margin-right: 2.4%;
		margin-top: 13px;
		margin-bottom: 0;
		padding-bottom: 42px;
		blockquote{
			padding: 0;
			background: transparent;
			.border-radius (0);
			&:before{
				display: none;
			}
			&:after{
				position: absolute;
				display: block;
				font-size: 60px;
				color: @custom-color-1;
				background: transparent;
				top: 17px;
				left: -1px;
				content: "“";
			}
			a{
				padding-left: 32px;
				color: @text-color;
				&:hover{
					color: @custom-color-1;
				}
			}
		}
		.testi-meta{
			padding: 26px 0 0;
			.user{
				font-size: 24px;
				color: @custom-color-2;
				&:after{
					display: none;
				}
			}
		}
		&:last-child{
			margin-right: 0;
		}
	}
}
.filterable-portfolio .portfolio_item_holder{
	position: relative;
}
.portfolio_item{
	.portfolio_item_holder{
		.caption__portfolio{
			position: absolute;
			left: 0;
			bottom: 0;
			display: block;
			width: 100%;
			margin: 0;
			background: rgba(62, 62, 62, 0.8);
			background: url(images/bg_pic3.png) 0 0 repeat;
			h3{
				font-size: 24px;
				line-height: 1.2em;
				margin: 16px 18px 14px;
				a{
					color: @white;
					&:hover{
						color: @custom-color-1;
					}
				}
			}
		}
	}
}
.pagination__posts{
	padding-bottom: 42px;
	ul{
		li{
			a{
				.border-radius (0!important);
			}
		}
	}
}
.filter-wrapper{
	margin: 42px 0 56px;
	letter-spacing: 0;
	text-align: left;
	border-bottom: 1px solid @color-line;
	padding-bottom: 13px;
	.nav{
		overflow: visible;
	}
	.pull-right{
		float: none;
		display: inline-block;
	}
	@media (max-width: 767px) {
		.pull-right{
			float: left;
			strong{
				float: none;
			}
			.nav{
				margin-bottom: 23px!important;
				&.nav-pills > li {
					margin-left: 0!important;
					padding-bottom: 10px;
					float: none;
					:after{
						display: none;
					}
					a:before{
						display: none;
					}
				}
			}
		}
	}
	>div{
		>strong{
			font-size: 15px;
			font-weight: normal;
			color: @text-color;
			text-transform: none;
			padding: 16px 0;
			margin-right: 19px;
			display: none;
		}
	} 
	ul{
		li{
			/*:after{
				font-size: 15px;
				line-height: 1em;
				font-weight: normal;
				content:"/";
				color: @text-color;
				padding: 0 1px 0 7px;
			}*/
			margin: 0 50px 0 0;
			a{
				position: relative;
				font-size: 14px;
				color: @text-color;
				text-transform: none;
				background: transparent;
				padding: 0;
				.border-radius(0);
				&:before{
					position: absolute;
					display: block;
					.size(5px, 0);
					background: @custom-color-1;
					top: 32px;
					left: 0;
					pointer-events: none;
					content: "";
					.transition(all 0.4s ease);
				}
				&:hover{
					color: @custom-color-1;
					text-decoration: none;
					background: transparent;
					&:before{
						width: 100%;
					}
				}	
			}
			&.active{
				background: transparent;
				a{
					color: @custom-color-1;
					text-decoration: none;
					background: transparent;
					&:hover{
						color: @custom-color-1;
						text-decoration: none;
						background: transparent;
					}	
					&:before{
						width: 100%;
					}
				}
			}
			&:last-child{
				:after{
					display: none;
				}
			}
		}
	}
}
.post_wrapper{
	.post-header{
		border-bottom: 1px solid @color-line;
		margin-bottom: 56px;
		position: relative;
		&:before{
			position: absolute;
			display: block;
			.size(5px, 550px);
			background: @custom-color-1;
			bottom: -1px;
			left: 0;
			pointer-events: none;
			content: "";
		}
		h2{
			margin-bottom: 17px!important;
		}
	}
	.featured-thumbnail{
		margin-bottom: 23px!important;
	}
	.post_content{
		.excerpt{
			h3{
				margin-bottom: 26px;
			}
		}
	}
}
/*/ Content */



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

/*/ Comments */



/* #Widgets
================================================== */
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color:rgba(255,255,255,0.75); }
.btn-primary {
	position: relative;
	font-weight: normal;
	padding: 9px 24px!important;
	color: @white!important;
	text-shadow: none;
	.background-image(none);
	background-color: @custom-color-1;
	background: @custom-color-1;
	.border-radius(4px);
	border: none;
	box-shadow: none;
	height: auto!important;
	.transition(all 0.3s ease);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	color: @white;
	background: @custom-color-2;
	box-shadow: none;
	.transition(all 0.3s ease);
}
.btn-primary:active, .btn-primary.active {
	background-color: @custom-color-2; 
}
.btn-large {
	padding: 9px 33px!important;
	font-size: 14px;
	background: @custom-color-2;
	&:hover{
		background: @custom-color-1;
	}
}
.footer-widgets{
	position: relative;
	display: inline-block;
	border: none;
	padding:  0 0 20px;
	background: url(./images/line_vert.jpg) repeat-y 25% 0, url(./images/line_vert.jpg) repeat-y 50% 0, url(./images/line_vert.jpg) repeat-y 75% 0;
	&:before{
		position: absolute;
		display: block;
		background: @white;
		content: "";
		top: 0;
		width: 101%;
		height: 100%;
		z-index: -1;
		left: -50%;
	}
	&:after{
		position: absolute;
		display: block;
		background: @white;
		content: "";
		top: 0;
		width: 101%;
		height: 100%;
		z-index: -1;
		right: -50%;
	}
	h4{
		margin: 41px 0 33px;
	}
	.footer_box1{
		.textwidget{
			font-size: 18px;
			color: @custom-color-1;
		}
	}
	.footer_box2{
		.textwidget{
			font-size: 18px;
			color: @custom-color-2;
			a{
				color: @custom-color-2;
				&:hover{
					color: @custom-color-1;
				}
			}
		}
	}
	.footer_box3{
		.textwidget{
			font-size: 18px;
			color: @custom-color-2;
		}
	}
	.footer_box4{
		.textwidget{
			font-size: 18px;
			color: @custom-color-2;
		}
	}
}
.social{
	margin-left: -11px!important;
	li{
		position: relative;
		margin-right: -1px;
		float: left;
		a{
			.social_ico{
				img{
					display: none;
				}
				&:before{
					position: relative;
					display: block;
					.size(27px,37px);
					font: normal 23px/1em FontAwesome;
					background: transparent;
					color: #b0b0b0;
					content: "\f09a";
					padding: 6px 0 0;
					text-align: center;
					.transition(all 0.4s ease);
				}
			}
			&:hover{
				.opacity(100);
				.social_ico:before{
					background: transparent;
					color: @custom-color-1;
					.scale(1.2);
				}
			}
			.social_label{
				padding-top: 15px;
			}
		}
		&+li{
			a{
				.social_ico{
					&:before{
						content: "\f0d5";
					}
				}
			}
			&+li{
				a{
					.social_ico{
						&:before{
							content: "\f09e";
						}
					}
				}
				&+li{
					a{
						.social_ico{
							&:before{
								content: "\f0d2";
							}
						}
					}
					&+li{
						a{
							.social_ico{
								&:before{
									content: "\f0e1";
								}
							}
						}
					}
				}
			}
		}
	}
}
.comments-custom{
	li{
		.meta_format{
			i{
				color: @custom-color-1;
			}
		}
	}
}
#sidebar{
	padding-top: 0;
	#categories-2{
		ul{
			margin-left: 0;
		}
	}
	.widget{
		margin-bottom: -13px!important;
	}
	.search-form{
		padding-top: 50px;
	}
	h3{
		font-size: 38px;
		line-height: 38px;
		color: @custom-color-2;
		padding-bottom: 18px;
		margin-top: 60px;
		margin-bottom: 42px!important;
		position: relative;
		text-transform: capitalize;
		border-bottom: 1px solid @color-line;

		&:before{
			position: absolute;
			display: block;
			.size(5px, 270px);
			background: @custom-color-1;
			bottom: -1px;
			left: 0;
			pointer-events: none;
			content: "";
		}
	}
	#wp-calendar{
		caption{
			color: @custom-color-1;
		}
		thead{
			tr{
				th{
					color: @custom-color-1;
				}
			}
		}
		tfoot{
			tr{
				td{
					a{
						color: @custom-color-1;
						&:hover{
							color: @custom-color-3;
							text-decoration: none;
						}
					}
				}
			}
		}
	}
	ul{
		margin-left: 20px;
		li{
			list-style: none;
			margin-bottom: 6px!important;
			position: relative;
			a{
				margin-left: 0;
				&:before{
					position: absolute;
					display: block;
					font: 7px/1em FontAwesome;
					color: @custom-color-1;
					top: 8px;
					left: -20px;
					content: "\f111";
					.transition(all 0.4s ease);
				}
				&:hover{
					color: @custom-color-1;
					&:before{
						.scale(1.2);
						color: @custom-color-2;
					}
				}
			}
			&:before{
				font-size: 0;
			}
		}
		.cat-item{
			border-bottom: 1px solid #dfdfdf!important;
			margin: 0!important;
			line-height: 15px;
			a{
				position: relative;
				display: block;
				padding: 10px 0 10px 19px;
				color: @custom-color-5;
				&:before{
					position: absolute;
					display: block;
					top: 0;
					left: 0;
					.size(100%, 0);
					content: "";
					background: @custom-color-1;
					z-index: -1;
					.transition(all 0.4s ease);
				}
				&:hover{
					color: @white;
					&:before{
						width: 100%;
						.scale(1.0);
					}
				}
			}
			&:before{
				position: absolute;
				display: block;
				top: 15px;
				left: 3px;
				.size(6px, 7px);
				content: ""!important;
				background: url(images/button_arr3.png) 0 0 no-repeat;
				pointer-events: none;
			}
			&:last-child{
				border: none!important;
			}
		}
	}

	#recentcomments{
		li{
			a{
				&:before{
					display: none;
				}
			}

		}

	}
	.post-list{
		margin-left: 0!important;
		li{
			figure{
				margin: 5px 30px 10px 0;
				a{
					padding-left:0;
				}
			}
			a{
				padding-left: 0;
				&:before{
					display: none;
				}
			}
			time{
				color: @custom-color-1; 
			}
			h4{
				margin-top: -2px;
				a{
					color: @custom-color-2;
					font-size: 24px!important;
					line-height: 1.2em;
					&:hover{
						color: @custom-color-1;
					}
				}
			}
			.excerpt{
				font-size: 13px;
				line-height: 21px;
			}
		}
	}
	#calendar_wrap{
		padding-top: 50px;
	}
	#my-recent-comments-5{
		ul{
			margin-left: 0;
			padding-top: 9px;
			li{
				margin-bottom: 0;
				padding-bottom: 0;
				figure{
					margin: 5px 37px 10px 0;
				}
				.comments-custom_txt{
					border-top: 0;
					margin-top: 9px;
					padding-bottom: 0;
					a{
						padding-left: 0;
						font-size: 13px;
						line-height: 21px;
						&:before{
							display: none;
						}
						&:hover{
							color: @custom-color-1;
							text-decoration: none;
						}
					}
				}
				.meta_format{
					margin-top: 0;
					.icon-link{
						color: @custom-color-1;
					}
					.comments-custom_h_author{
						font-size: 14px;
						font-weight: normal;
						color: @custom-color-1;
						position: relative;
						display: block;
						margin-top: 0;
						margin-bottom: 8px;
					}
					time{
						position: relative;
						display: block;
						font-size: 13px;
						color: @custom-color-1;
						margin-top: -5px;
					}
				}
				&:last-child{
					padding-bottom: 0;
					.comments-custom_txt{
						border-bottom: none;
					}
				}
			}
		}
	}
}
.post_meta_unite{
	a{
		color: inherit;
		&:hover{
			color: @custom-color-1;
			text-decoration: none;
		}
	}
	i{
		color: @custom-color-1;
	}
}
.portfolio-meta{
	i{
		color: @custom-color-1;
	}
}
.related-posts, .comment-holder, #respond{
	h3{
		font-size: 38px;
		line-height: 38px;
		color: @custom-color-2;
		padding-bottom: 18px;
		margin-top: 60px;
		margin-bottom: 56px!important;
		position: relative;
		text-transform: capitalize;
		border-bottom: 1px solid @color-line;

		&:before{
			position: absolute;
			display: block;
			.size(5px, 350px);
			background: @custom-color-1;
			bottom: -1px;
			left: 0;
			pointer-events: none;
			content: "";
		}
	}
}
.post-author{
    background: transparent;
	border-color: #ececec;
	.post-author_h{
		font-size: 38px;
		line-height: 50px;
		color: @custom-color-2;
		margin: 0 0 12px;
		a{
			font-size: 38px;
			color: inherit;
			text-transform: capitalize;
			&:hover{
				color: @custom-color-1;
			}
		}
	}
	.post-author_gravatar{
		img{
			border: none;
			padding: 0;
		}
	}
	.post-author_desc{
		.post-author_link{
			p{
				color: @text-color;
				font-size: 14px;
				a{
					color: @custom-color-1;
					text-transform: capitalize;
					&:hover{
						color: @custom-color-2;
					}
				}
			}
		}
	}
}
.related-posts{
	ul{
		li{
			.thumbnail{
				margin: 0 0 27px 0!important;
				overflow: hidden;
			}
			a{
				font-size: 22px;
				font-weight: bold;
				color: @custom-color-2;
				&:hover{
					color: @custom-color-1;
				}
			}
		}
	}
}
#comments{
	.comment-list{
		li{
			.comment-body{
				background: transparent;
				border-color: #ececec;
				.author{
					font-size: 14px;
					color: @custom-color-1;
					font-weight: normal;
				}
				.commentmetadata{
					font-size: 14px;
					color: @custom-color-1;
					padding: 5px 0;
					float: left;
					margin-left: 88px;
				}
				.reply{
					margin-left: 19px;
					a{
						font-size: 13px;
						font-weight: normal;
						color: @white;
						padding: 7px 25px!important;
						padding: 0;
						background: #848c91;
						text-transform: capitalize;
						.border-radius (4px);
						&:hover{
							background: @custom-color-1;
						}
					}
				}
			}
		}
	}
}
#respond{
	#commentform input[type="text"]{
		width: 347px;
	}
	.field{
		margin-bottom: 10px!important;
	}
	#commentform{
		.btn-primary {
			height: auto;
			float: left !important;
			background: #848c91;
			&:hover{
				background: @custom-color-1;
			} 
		}
	}
}
.main-holder input[type="text"], .main-holder input[type="email"], .main-holder textarea{
		border-color: #ececec!important;
		padding: 4px 11px!important;
		height: auto!important;
		.border-radius(0);
		color: #6e787f;
}
.main-holder input{
	color: #6e787f;
}
#searchform, #search-header{
	.btn-primary{
		padding: 5px 18px!important;
	}
}
.single-pager{
	li{
		a{
			.border-radius (0);
		}
	}
}

/*/ Widgets */



/* #Shortcodes
================================================== */
.content_box{
	&.bg_1{
		background: #dfe4e6;
		background: #dfe4e6 url(images/bg_pic1.jpg) right bottom no-repeat !important;
		background-size: cover !important;
		&:before, &:after{
			top:0;
			background: #dfe4e6;
		}
		a img.alignnone{
			margin: 0;
		}
	}
	&.bg_2{
		background: url(images/bg_pic2.jpg) 0 0 repeat !important;
		&:before, &:after{
			top:0;
			background: url(images/bg_pic2.jpg) 0 0 repeat !important;
		}
		&:before{
			.rotate(180deg);
		}
	}
}
.service-box {
	padding: 65px 0 0;
	background-color: transparent;
	border: none;
	.border-radius (0);
	.box-shadow (none);
	text-align: center;
	.service-box_body{
		padding-bottom: 80px;
		h2{
			border-bottom: 1px solid #676c70;
			color: @white;
			padding-bottom: 17px;
			margin-bottom: 18px;
		}
		.service-box_txt{
			font-size: 15px;
			line-height: 18px;
			color: #e1e1e1;
			margin-bottom: 26px;
		}
		.btn-align{
			text-align: center;
			.btn-small{
				text-indent: -999px;
				position: relative;
				display: inline-block;
				.square(43px!important);
				padding: 0 !important;
				.border-radius (500px)!important;
				background: transparent;
				&:before{
					position: absolute;
					display: block;
					.square(100%);
					.border-radius(500px);
					background: @custom-color-4 url(images/button_arr1.png) 0 0 no-repeat;
					top: 0;
					left: 0;
					content: "";
					text-indent: 0;
					.transition(all 0.4s ease)!important;
				}
				&:after{
					position: absolute;
					display: block;
					.square(100%);
					.border-radius(500px);
					background: #cccccc url(images/button_arr2.png) 0 0 no-repeat;
					top: 0;
					left: 0;
					content: "";
					text-indent: 0;
					.opacity(0);
					.transition(all 0.4s ease)!important;
				}
				&:hover{
					&:before{
						-webkit-transform: rotateY(360deg);
   						-ms-transform: rotateY(36deg);
    					transform: rotateY(360deg);
					}
					&:after{
						.opacity(100);
						-webkit-transform: rotateY(360deg);
   						-ms-transform: rotateY(36deg);
    					transform: rotateY(360deg);
					}
				}
			}
		}
	}
	&.box_1{
		position: relative;
		padding: 18px 0 0;
		.service-box_body{
			text-align: left;
			padding-bottom: 4px;
			h2{
				color: @custom-color-1;
				font-size: 18px;
				padding-bottom: 5px;
				text-transform: uppercase;
				border: none;
				margin-bottom: 0;
				padding-bottom: 9px;
			}
			.service-box_body{
				padding-bottom: 20px;
			}
			.service-box_txt{
				font-size: 13px;
				line-height: 24px;
				color: @custom-color-5;
				padding-right: 28px;
				margin-bottom: 23px;
			}
			.btn-align {
				text-align: left;
			}
			.btn-primary{
				background: #848c91;
				padding: 7px 28px!important;
				&:hover{
					background: @custom-color-1;
				}
			}
		}
	}
	&.box_2{
		.icon{
			float: none;
			margin: 2px 0 19px 0;
		}
		.service-box_body{
			padding-bottom: 36px;
			h2{
				color: @custom-color-2;
				border-bottom: none;
				text-transform: none;
				font-size: 24px;
				line-height: 36px;
				margin-bottom: 0;
				padding-bottom: 22px;
			}
			.service-box_txt{
				font-size: 14px;
				line-height: 24px;
				color: @custom-color-5;
				padding-right: 0;
				margin-bottom: 23px;
			}
			.btn-primary{
				background: #848c91;
				padding: 7px 28px!important;
				&:hover{
					background: @custom-color-1;
				}
			}
		}
	}
}
.box_2{
	position: relative;
	padding: 18px 0 0;
	h2{
		color: @custom-color-1;
		font-size: 18px;
		padding-bottom: 5px;
		text-transform: uppercase;
		border: none;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 4px;
	}
	.btn-primary{
		background: #848c91;
		padding: 7px 28px!important;
		&:hover{
			background: @custom-color-1;
		}
	}
}
.mini-posts-grid{
	position: relative;
	li{
		margin: 0 19px 12px 0;
		&:last-child{
			margin-right: 0;
		}
	}
}
.arrow-list{
	font-size: 12px;
	padding-bottom: 17px;
	ul{
		margin: 0!important;
		li{
			border-bottom: 1px solid #dfdfdf!important;
			margin: 0!important;
			line-height: 15px;
			a{
				position: relative;
				display: block;
				padding: 10px 0 10px 19px;
				color: @custom-color-5;
				&:before{
					position: absolute;
					display: block;
					top: 0;
					left: 0;
					.size(100%, 0);
					content: "";
					background: @custom-color-1;
					z-index: -1;
					.transition(all 0.4s ease);
				}
				&:hover{
					color: @white;
					&:before{
						width: 100%;
					}
				}
			}
			&:before{
				position: absolute;
				display: block;
				top: 15px;
				left: 3px;
				.size(6px, 7px);
				content: ""!important;
				background: url(images/button_arr3.png) 0 0 no-repeat;
				pointer-events: none;
			}
			&:last-child{
				border: none!important;
			}
		}
	}
}
/*/ Shortcodes */



/* #Footer
================================================== */
.footer{
	padding: 0 0 88px;
	border-top: none;
	background: @custom-color-2;
	margin-top: 45px;
	.false_block{
		position: relative;
		.size(42px,100%);
		background: @white;
		border-top: 1px solid @color-line;
		&:before{
			position: absolute;
			display: block;
			background: @white;
			content: "";
			top: -1px;
			width: 101%;
			height: 100%;
			z-index: -1;
			left: -50%;
			border-top: 1px solid @white;
		}
		&:after{
			position: absolute;
			display: block;
			background: @white;
			content: "";
			top: -1px;
			width: 101%;
			height: 100%;
			z-index: -1;
			right: -50%;
			border-top: 1px solid @white;
		}
	}
	.copyright{
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		.ext_bg{
			position: relative;
			display: block;
			height: 44px;
			background: @white;
			margin-top: -8px;
			margin-bottom: 33px;
			&:before{
				position: absolute;
				display: block;
				background: @white;
				content: "";
				top: 0;
				width: 101%;
				height: 100%;
				z-index: -1;
				left: -50%;
			}
			&:after{
				position: absolute;
				display: block;
				background: @white;
				content: "";
				top: 0;
				width: 101%;
				height: 100%;
				z-index: -1;
				right: -50%;
			}

		}
		.footer-text{
			font-size: 12px;
			text-transform: uppercase;
			color: #9fa3ab;
			a{
				color: inherit;
				&:hover{
					color: @custom-color-1;
				}
			}
			.copy_style{
				text-transform: uppercase;
				font-size: 18px;
				color: @white;
			}
		}
	}
	.footer-nav{
		margin-top: -2px;
		ul{
			li{
				a{
					color: #9fa3ab;
					&:hover{
						color: @custom-color-1;
						text-decoration: none;
					}
				}
				&.current-menu-item{
					a{
						color: @custom-color-1;
						text-decoration: none;
					}
				}
			}
		}
	}
}
/*/ Footer */


/* #Misc
================================================== */
.thumbnail{
	a{
		img{
			.scale(1.0);
			.transition(all 0.5s ease);
		}
		.zoom-icon{
			background: rgba(59, 67, 72, 0.7);
			.border-radius(0);
			&:before{
				position: absolute;
				top: 50%;
				left: 50%;
				.size(39px,39px);
				margin-top: -20px;
				margin-left: -20px;
				background: url(./images/zoom_icon.png) no-repeat 0 0;
				.scale(0.2);
				.transition(all 0.4s ease);
			}

		}
		&:hover{
			.zoom-icon{
				&:before{
					.scale(1);
				}
			}
			img{
				.scale(1.2);
			}
		}

	}
}
/*/ Misc */

/* #Media
================================================== */

@media (min-width: 1200px) { ... }

@media (min-width: 979px) and (max-width: 1200px) {
	.wpcf7-not-valid-tip {
		font-size: 12px !important;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
 	.wpcf7-not-valid-tip {
		font-size: 10px !important;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }

@media (max-width: 1200px) {
	.nav .sf-menu >li{
		margin: 0 20px;
	}
	.service-box{
		.service-box_body{
			h2{
				font-size: 30px;
			}
		}
	}
	.mini-posts-grid{
		li{
			width: 23.4%;
			figure{
				width: 100%;
			}
		}
	}
	.block_2{
		margin-top: 20px;
	}
}

@media (max-width: 979px) {
	.error404-holder_num {
		font-size: 200px;
	}
	.nav .sf-menu >li{
		margin: 0 10px;
	}
	nav.footer-nav ul li{
		padding: 0 1px;
	}
	.mini-posts-grid{
		li{
			width: 23.0%;
		}
	}
	.footer-widgets .footer_box2 .textwidget {
		font-size: 17px;
	}
	.nav.footer-nav a {
		font-size: 15px!important;
	}
	.content_box.bg_1{
		background: #dfe4e6!important;
	}
	.ex_cont_bg{
		width: 100%;
	}
	.banner_1{
		min-height: inherit;
	}
	.service-box .service-box_body h2{
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	body{
		padding-left: 0;
		padding-right: 0;
	}
	.container{
		padding-left: 20px; 
		padding-right: 20px;
	}
	.parallax-slider{
		.container{
			padding-left: 0; 
			padding-right: 0;
		}
	}
	.header{
		.container{
			.container{
				padding-left: 0; 
				padding-right: 0;
			}
		}
	}
	.header {
		padding: 30px 0
	}
	.pseudoStickyBlock{
		display: none!important;
	}
	.select-menu{
		margin-top: 15px;
	}
	.service-box .service-box_body h2{
		font-size: 38px;
	}
	.mini-posts-grid{
		li{
			width: 22.0%;
		}
	}
	.block_2{
		margin-top: 50px;
	}
	.box_1{
		margin-bottom: 30px;
	}
	.footer-widgets{
		background: @white;
		&:before{
			left: -100%;
		}
		&:after{
			right: -100%;
		}
		h4{
			margin: 44px 0 15px;
		}
	}
	.parallax-slider{
		height: 300px!important;

		#mainCaptionHolder .container h2{
			font-size: 40px!important;
			line-height: 40px!important;
		}
	}
	.parallax-slider #mainCaptionHolder .container >div{
		padding: 0!important;
	}
	.parallax-slider #mainCaptionHolder .container h2{
		padding: 0 20px!important;
	}
	.parallax-slider #mainCaptionHolder .container{
		bottom: 80px!important;
	}
	.parallax-slider #paralaxSliderPagination ul li:first-child{
		margin-left: 20px!important;
	}

	.testimonials .testi-item{
		width: 100%;
		margin-right: 0;
	}
	.box_2{
		margin-bottom: 40px;
	}
	
}
@media (max-width: 640px) {
	.block_3{
		img{
			width: 100%;
		}
	}
	.parallax-slider #mainCaptionHolder .container{
		position: absolute!important;
		bottom: auto!important;
		top: 25px!important;
	}
}
@media (max-width: 540px) {
	.mini-posts-grid li{
		width: 45%;
	}
}
@media (max-width: 480px) {
	.error404-holder_num {
		font-size: 120px;
	}
	.parallax-slider{
		#mainCaptionHolder .container h2{
			font-size: 30px!important;
			line-height: 30px!important;
		}
	}
	.mini-posts-grid li{
		width: 100%;
		margin-right: 0;
		figure{
			width: 100%;
			a{
				img{
					width: 100%;
				}
			}
		}
	}
}

@media (max-width: 380px) {

}
html.ie8 {
	.nav .sf-menu >li{
		margin: 0 20px;
	}
	.service-box{
		.service-box_body{
			h2{
				font-size: 30px;
			}
		}
	}
	.mini-posts-grid{
		li{
			width: 22.8%;
			img{
				width: 100%;
			}
		}
	}
	.block_2{
		margin-top: 20px;
	}
	.parallax-slider{
		#mainCaptionHolder{
			width: 940px !important;
			margin-left: -470px !important;
		}
		#paralaxSliderPagination{
			width: 940px !important;
			margin-left: -470px !important;
			ul{
				li{
					&:after{
						.scale(1);
					}
				}
			}
		}
	}
	/*.social{
		li{
			a{
				&:hover{
					.scale(1);
				}
			}
		}
	}
	#sidebar{
		ul{
			li{
				a{
					&:hover{
						&:before{
							.scale(1);
						}
					}
				}
			}
		}
	}
	*/
	.thumbnail{
		a{
			img{
				.scale(1.0);
				zoom: 1;
				position: relative;
				display: block;
			}
			.zoom-icon{
				&:before{
					.scale(1.0);
					zoom: 1;
				}

			}
			&:hover{
				img{
					.scale(1.0);
					zoom: 1;
				}
			}

		}
	}
	.testimonials{
		.testi-item{
			width: 22%;
		}
	}
}


/*/ Media */


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