/*import CherryFramework style*/
@import url("../CherryFramework/style.css");
@import "animations.less";
@import "ripples.less";

@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic);

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

h1 {
	.home & {
		margin-bottom: 31px;
	}
}
h2 {
	margin-bottom: 51px;
}

h3 {
	strong {
		font-weight: 500;
		color: #616161;
	}

	&.archive_h {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
		padding-top: 20px;
	}

	.home & {
		margin-bottom: 61px;
	}
	margin-bottom: 51px;

	em {
		font-style: normal;
		display: block;
		margin-top: -22px;
		top: 12px;
		position: relative;

		&:after {
			position: absolute;
			left: 0;
			right: 0;
			bottom: -14px;
			height: 1px;
			background-color: #e1e1e1;
			content: '';
		}
	}
}

p {
	margin-bottom: 13px;
}

.list li:before {
	color: @color2 !important;
}

.span12[data-motopress-static-file="static/static-slider.php"] {
	min-height: 0;
}

a,
a:visited
 {
	.transition(color 0.3s ease);
	outline: medium none !important;
	text-decoration: none !important;

	&:hover{
		text-decoration: none !important;
		outline: medium none !important;
		color: @color2;
	}

	&:focus {
		background: none;
	}

	&:active  {
		text-decoration: none !important;
	}
}

ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}


.thumbnail,
.featured-thumbnail {
	margin-top: 0;
	box-shadow: none !important;
	padding: 0;
	border: 0;
	border-radius: 0;
	overflow: hidden;

	 a {
	 	display: block;
	 	position: relative;
	 }
}

.main-holder {
	overflow: hidden;
	position: relative;
	input[type="text"],
	input[type="email"],
	textarea {
		.box-sizing(border-box);
		.placeholder(#c5c5c5);
		color: #c5c5c5;
		font: 18px/24px @custom-font-1 !important;
		background: none;
		border: 0;
		border-bottom: 1px solid #e1e1e1;
		border-radius: 0;
		height: 45px !important;
		width: 100%;
		box-shadow: none !important;
		max-width: 100%;
		padding: 8px 0px 14px !important;
		.transition(0.4s ease) !important;

		&:focus {
			color: @color1;
			.placeholder(@color1);
			border-color: #e1e1e1 !important;
			box-shadow: none !important;

			&+strong {
				width: 100%;
				left: 0;
			}
		}

		&+strong {
			.transition(0.3s ease);
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 0;
			height: 2px;
			background-color: @color2;
		}
	}

	form {
		p {
			position: relative;
		}

		.ajax-loader {
			display: none !important;
		}
	}

	.wpcf7 {
		.submit-wrap {
			padding-top: 15px;
		}
	}

	.mc4wp-form {
		margin: 0;
		input[type="email"] {
			width: 288px;
			margin: 0;
		}

		input[type="submit"] {
			position: relative;
			top: -5px;
			background-color: @color2;
			font-size: 18px;
			line-height: 24px;
			color: @color2;
			background: @white !important;
			border-radius: 3px;
			font-weight: 500;
			display: inline-block;
			padding: 12px 18px 14px;
			box-shadow: 0 1px 3px rgba(0,0,0,.25);
			border: 0 !important;
			margin: 0 0 0 22px;
			height: 50px;
			.transition(0.3s ease);

			&:hover {
			    box-shadow: 0 2px 6px rgba(0,0,0,.4);
			 }
		}
		text-align: right;

		form {
			display: inline-block;
		}

		p {
			display: block;
			float: left;
			margin: 0;
			position: relative;
			display: inline-block;
		}

		form:after {
			display: table;
			content: '';
			clear: both;
			width: 100px;

		}

		label {
			display: none;
		}
	}

	p.field {
		position: relative;
		overflow: visible !important;
		margin-bottom: 15px !important;

		strong {
			.transition(0.3s ease);
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 0;
			height: 2px;
			background-color: @color2;
		}
	}

	#commentform {
		margin: 0;
		input[type="text"] {
			width: 100%;
		}

		.comment_submit {
			margin: 0;
			text-align: left;

			.btn {
				margin-top: 17px;
			}
		}
	}

	.search-form  {
		display: inline-block;
	 	input[type="text"] {
	 		width: 370px;
	 		display: block;
	 		// margin: 0 auto 20px;
	 	}

	 	input[type="submit"] {
	 		margin-top: 0 !important;
	 	}

	 	strong {
	 		bottom: auto;
	 		top: 43px !important;
	 	}
	}

	textarea {
		height: 45px !important;
		min-height: 45px !important;
		resize: none;
		overflow: hidden !important;

		&:focus+strong {
			width: 100%;
			left: 0;
		}
	}

	input[type="submit"],
	input[type="reset"] {
		text-align: center;
		height: 42px;
		text-align: center;
		.box-sizing(border-box);
		.transition(0.3s ease);
		text-transform: capitalize;
		&:hover,
		&:focus {
		}
	}

	input[type="reset"]  {
		margin-left: 16px;
	}
}

img {
	&.alignleft  {
		margin-top: 19px;
		margin-right: 29px;
	}
}
/* #General
================================================== */


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

.header {
	padding: 0 0 26px;
	border: 0;

	box-shadow: 0 2px 5px rgba(0,0,0,.25);

	.home & {
		box-shadow: none;
	}

	&-widgets {
		margin-bottom: 27px;
		color: @white;
		font-weight: 500;
		font-size: 12px;
		line-height: 20px;
		padding: 9px 0 11px;
		text-transform: uppercase;
		position: relative;

		&:before {
			position: absolute;
			left: -3000px;
			right: -3000px;
			background-color: #5031a4;
			z-index: -1;
			top: 0;
			bottom: 0;
			content: '';
		}

		i {
			margin-right: 14px;
			font-size: 16px;
		}

		a {
			color: #d3cbe8;

			&:hover {
				color: @white;
			}
		}
	}

	&_mail {
		display: inline-block;
		padding-left: 32px;
		position: relative;
		.transition(0.2s ease);

		&:before {
			content: '';
			position: absolute;
			left: 0;
			top: 4px;
			width: 18px;
			height: 14px;
			background: url(images/mail-icon.png) 0 0 no-repeat;
			.transition(0.2s ease);
			opacity: 0.7;
		}

		&:hover {
			&:before {
				opacity: 1;
			}
		}
	}

	&_phone {
		.transition(0.2s ease);

		// &:hover {
		// 	color: @white;

		// 	&:before {
		// 		opacity: 1;
		// 	}
		// }
		position: relative;
		margin-left: 22px;
		display: inline-block;
		padding-left: 26px;
		color: rgba(255,255,255,.65);

		&:before {
			content: '';
			position: absolute;
			left: 0;
			top: 4px;
			width: 14px;
			height: 15px;
			background: url(images/phone-icon.png) 0 0 no-repeat;
			.transition(0.2s ease);
			opacity: 0.6;
		}
	}

	.search-form {

		.pull-right {
			float: none  !important;
			form {
				float: none;
			}
		}

		input[type="text"] {
			margin: 0 0 10px !important;
			color: @white !important;
			.placeholder(@white);

			&:focus {
				color: @color2 !important;
				.placeholder(@color2);
			}
		}
	}
}

.static_socials {
	float: right;
	li {
		line-height: 20px;
		display: inline-block;

		img {
			opacity: 0.5;
			.transition(0.3s ease);
		}

		a {
			&:hover {
				img {
					opacity: 1;
				}
			}
		}

		&+li {
			margin-left: 25px;
		}
	}
}

/*/ Header */


/* Logo
---------------------------------------- */

.logo {
	padding-top: 11px;

	a {
		&:hover,
		&:active,
		&:focus {
			color: inherit;
		}
	}
}

/*/ Logo */



/*/ Navigation */
.nav__primary {
	position: relative;
	margin: 0;
	float: right;
	margin-right: -16px;
	position: relative;
	top: 0px;
}

.stuck_wrapper {

	padding-bottom: 0px;
}

.sf-menu {
	position: relative;
	float: none;


	a.sf-with-ul {
		padding-right: 0px !important;

		.sf-sub-indicator {
			position: absolute;
			right: 0;
			top: 50%;
			width: 8px;
			height: 4px;
			margin-top: -2px;
			background: url(images/arrows-ffffff.png) 0 0 !important;
		}
	}

	.isStuck & {
		box-shadow: 0 0 3px #000;
		box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
	}

	&>li {
		text-align: center;
		background: none;
		position: relative;
		z-index: 10;

		&.menu-item-has-children {
			z-index: 20;
		}

		&>a,
		&>a.sf-with-ul {
			.transition(color 0.4s ease);
			background: none !important;
			position: relative;
			z-index: 1;
			border: none;
			font-weight: 500 !important;
			padding: 17px 18px 18px !important;
			text-transform: uppercase;
			overflow: visible;
			z-index: 100;
		}

		&+li {
			margin-left: 13px;
		}
	}
	.sub-menu {
		top: 0% !important;
		padding: 57px 0 0;
		// width: 129px;
		background: @white;
		.opacity(100) !important;
		left: 0% !important;
		text-transform: none;
		box-shadow: 0 0 4px 2px rgba(0,0,0,.17);
		li {
			background: none;
			text-align: left;
			font: 15px/22px @custom-font-1;

			&.sfHover>a {
			background-color: #f5f5f5;
			}

			a {
				white-space: nowrap;
				position: relative;
				background: @white;
				color: @color1;
				.transition(background-color 0.3s ease);
				display: block;
				padding: 9px 20px;
				border: 0;

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

				&:hover {
					background-color: #f5f5f5;

				}
			}
		}

		.sub-menu {
			padding: 0;
			top: 0 !important;
			left: 100% !important;
			margin-top: 0 !important;

		}
	}
}

.isStuck  {
	background-color: @color3;
	// background-color: @color1;
	left: 0;
	right: 0;
	z-index: 999;
	box-shadow: 0 0 4px 4px rgba(0,0,0,.35);

	.logo {
	}

	.sf-menu {
	float: none;
	box-shadow: none;
		top: 0;
	}
}


.sf-menu > li > a:hover,
.sf-menu > li.current-menu-item > a,
.sf-menu > li.active-menu-item > a,
.sf-menu > li.current_page_item > a {
	color: @white;

	.sf-sub-indicator {
		background-position: 0 bottom !important;
	}
}



.sf-menu>li.sfHover {
	z-index: 20;
	&>a {
		color: @color1;

		&:hover {
			color:  @color1;
		}

		.sf-sub-indicator {
			background-position: right 0 !important;
		}
	}
}


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

#content {
	padding-top: 0;

	address {
		border-top: 1px solid #e1e1e1;
		margin-top: 13px;
		padding-top: 25px;

		p {
			margin-bottom: 20px;

			&+p {
				color: @color1;
			}
		}

		a {
			color: @color2;

			&:hover {
				color: @color3;
				text-decoration: underline !important;
			}
		}

		strong {
			position: relative;
			top: 1px;
		}
	}
}

#sidebar {
	padding-top: 44px;

	.single-post &,
	.page-template-page-testi & {
		padding-top: 99px;
	}

	.search-form  {
		display: block;
  	}
}

.content-holder  {
	background-color: #fafafa;
	padding-bottom: 76px;

	.home & {
		padding: 0 0 100px;
	}

	.title-section {
		padding: 43px 0 0;
		margin-bottom: 10px;


		.title-header {
			display: none;
		}

		.breadcrumb.breadcrumb__t {
			border-radius: 0;
			background: 0;
			padding: 0;

			li {
				text-shadow: none;
				font-size: 14px;
				color: @color1;

				a {
					color: @color2;

					&:hover {
						color: @color3;
						text-decoration: underline !important;
					}
				}

				&.divider {
					width: 31px;
					display: inline-block;
					background: url(images/arrow.png) center center no-repeat;
					height: 5px;
					position: relative;
					top: -2px;

					&:after {
						display: none;
					}
				}
			}
		}
	}
}

.filter-wrapper {
	margin-top: -14px;
	margin-bottom: 25px;
	.pull-right {
		float: none;

		strong {
			display: none;
		}

		.filter.nav.nav-pills {
			display: inline-block;
			float: none;
			border-bottom: 3px solid #dcdcdc;
			overflow: visible;

			li {
				a {
					font-size: 22px;
					line-height: 24px;
					margin: 0;
					background: none !important;
					color: @color1;
					padding: 8px 0 6px;
					position: relative;

					&:before {
						content: '';
						position: absolute;
						height: 3px;
						left: 50%;
						top: 100%;
						width: 0;
						background-color: @color2;
						.transition(0.2s ease);
					}

					&:hover {
						background: none !important;
						color: @color2;
					}
				}

				&.active {
					a {
						color: @color1;

						&:before {
							width: 100%;
							left: 0;
						}

						&:hover {
							color: @color1;
						}
					}
				}

				&+li {
					margin-left: 36px;
				}
			}
		}
	}
}

.portfolio_item {
	margin-bottom: 30px !important;

	&_holder {
		border-radius: 3px;
		overflow: hidden;
		box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	}

	.caption__portfolio {
		background-color: @white;
		padding: 18px 22px 27px;

		.excerpt {
			margin-bottom: 0;
		}

		h4 {
			margin-bottom: 10px;
		}

	}
	.thumbnail__portfolio {
		border-radius: 3px 3px 0 0;

		.zoom-icon {
			border-radius: 3px 3px 0 0;
		}
	}
}


.pagination{
	margin-top: 21px;
	text-align: center;
	ul {
		background: none;
		border: 0;
		border-radius: 0 !important;
		box-shadow: none;
		display: inline-block;
		font-size: 0;
		text-align: center;
		border-top: 3px solid #dcdcdc;

		&> li:first-child > a,
		&> li:first-child > span,
		&> li:last-child > a,
		&> li:last-child > span  {
			background: no-repeat; !important;
			color: @color1;
		}



		&> li {
			display: inline-block;

			&>span,
			&>a {
				background: none;
				letter-spacing: 1px;
				text-align: center;
				font: 20px/22px @custom-font-1;
				text-transform: uppercase;
				width: auto;
				padding: 11px 16px;
				height: auto;
				color: @color1;
				border: 0 !important;
				border-radius: 2px !important;
				position: relative;

				&:before {
					content: '';
					position: absolute;
					height: 3px;
					left: 50%;
					bottom: 100%;
					width: 0;
					background-color: @color2;
					.transition(0.2s ease);
				}
			}

			&.next,
			&.last,
			&.first,
			&.prev {
				&>a {
					&:before {
					}
				}
			}

			&>a {
				.transition(0.4s ease);
				&:hover {
					background: none  !important;
					color: @color1;

					&:before {
						width: 100%;
						left: 0;
					}
				}
			}

			&.active>span {
					background-color: none !important;
					color: @color1;
					font-weight: bold;

					&:before {
						width: 100%;
						left: 0;
					}
			}
		}
	}
}


.google-map-api {
	background-color: @white;
	box-shadow:  0 1px 3px rgba(0,0,0,.15);
	overflow: hidden;
	border-radius: 3px;
	padding: 10px;
	border: 0;
	margin-bottom: 5px;
	height: 320px;
	margin-top: -8px;
	.box-sizing(border-box);
}

.faq-list {
	background-color: @white;
	box-shadow:  0 1px 3px rgba(0,0,0,.15);
	overflow: hidden;
	border-radius: 3px;
	padding: 24px 30px 15px;
	border: 0;
	margin-bottom: 30px;
	margin-top: 0px;
	color: @color1;
	font-size: 16px;
	line-height: 24px;

	h4 {
		font-size: 18px;
		line-height: 26px;

		&.marker {
			color: @color3;
		}
	}

	dt {
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 25px;
		margin-bottom: 23px;
	}

	dd {
		line-height: 24px;
		margin-bottom: 0;

		.marker {
			top: -2px;
		}
	}
}

.error404-holder_num {
	color: @color2;
	font-weight: bold;


}



.error404-holder {

	.search-form {
		display: block !important;
	}
}

/*/ Content */



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

#comments {
	margin-bottom: 0;

	.pagination {
		margin-bottom: 0;
	}
	.comments-h {
		text-transform: lowercase;
	}

	.comment-body {
		background-color: @white;
		box-shadow:  0 1px 3px rgba(0,0,0,.15);
		overflow: hidden;
		border-radius: 3px;
		padding: 28px 30px 28px;
		border: 0;
		margin-bottom: 30px;

		.links {
			margin-top: -4px;
			color: @color1;

			a {
				font-weight: 500;
				color: @color2;

				&:hover {
					color: @color3;
					text-decoration: underline !important;
				}
			}

			span {
				color: #c0c0c0;
				font-size: 25px;
				position: relative;
				top: 4px;
				display: inline-block;
				width: 28px;
				text-align: center;
			}
		}

		.comment-author {
			margin-right: 30px;
		}
	}

	.children  {
		padding-left: 50px;
		background: url(images/children.png) 0 0 no-repeat;

		.comment {
			padding-top: 0;
		}
	}

	.comment  {
		padding-top: 7px;

		&-author {
			text-align: center;
			font-weight: 500;
			color: @color2;

			img {
				position: relative;
				top: 2px;
				border-radius: 500px;
				margin-bottom: 10px;
			}
		}
	}
}

#respond {
	background-color: @white;
	box-shadow:  0 1px 3px rgba(0,0,0,.15);
	overflow: hidden;
	border-radius: 3px;
	padding: 17px 30px 35px;
	border: 0;

	h3 {
		font-size: 22px;
		margin-bottom: 10px;
	}
}

/*/ Comments */



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

.widget {
	background-color: @white;
	box-shadow:  0 1px 3px rgba(0,0,0,.15);
	overflow: hidden;
	border-radius: 3px;
	padding: 23px 30px 31px;

	h4 {
		margin-bottom: 22px;
	}

	h6 {
		a {
			color: @color3;

			&:hover {
				color: @color2;
				text-decoration: underline !important;
			}
		}
	}

	&-flexslider {
		background: none !important;
	}

	ul {
		&.post-list,
		&.comments-custom ,
		&.slides,
		&.flickr_list,
		&.flex-direction-nav,
		&.social__list,
		&.social__row,
		&#recentcomments {
			li {
				text-transform: none;
				padding-left: 0;
				font-size: 14px;
				line-height: 21px;
				color: #8c8c8c;

				a {
					padding-left: 0;
					&:before {
						display: none;
					}
					display: inline-block;
					color: @color3;

					&:hover {
						color: @color2;
					}
				}

				&+li {
					margin-top: 0;
				}

				&:before {
					display: none;
				}
			}
		}

		li {
			position: relative;
			margin: 0;
			font-size: 18px;
			line-height: 24px;

			a {
				display: inline-block;
				padding-left: 20px;
				color: @color3;
				position: relative;

				&:before {
					content: '';
					height: 7px;
					width: 7px;
					left: 0;
					top: 9px;
					position: absolute;
					border-radius: 500px;
					border: 1px solid @color2;
					.transition(0.3s ease);
				}

				&:hover {
					color: @color2;

					&:before {
						background-color: #f79ab9;
					}
				}
			}

			&+li {
				margin-top: 10px;
			}
		}
	}

	.post-list {
		padding-top: 3px;

		h6 {
			margin-bottom: 7px;
		}

		time {
			font-size: 11px;
			font-weight: bold;
		}

		.excerpt {
			margin-bottom: 4px;
		}

		&_li {
			padding-bottom: 0;


			&+li {
				margin-top: 24px !important;
				padding-top: 26px;
				border-top: 1px solid #e1e1e1;
			}
		}


	}

	#wp-calendar caption,
	#wp-calendar thead th {
			color: @color3;
	}
}

/*/ Widgets */



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

.content_box {
	position: relative;
	&:after {
		display: none;
	}
	background: none;

	&:before {
		width: auto;
		left: -3000px;
		right: -3000px;
		top: 0;
		bottom: 0;
		z-index: -1;
		background-color: @white;
		box-shadow: 0 1px 3px rgba(0,0,0,0.15);
		display: block;
	}

	&.box-1 {
		font-size: 16px;
		line-height: 26px;
		padding: 44px 0 36px;
		margin-bottom: 110px;

		.btn {
			margin-top: 3px;
		}

		h3 {
			padding-top: 6px;
			margin: 0;
		}
	}

	&.box-2 {
		font-size: 16px;
		line-height: 26px;
		padding: 44px 0 35px;
		margin: 96px 0 88px;

		.btn {
			margin-top: 3px;
		}

		h3 {
			padding-top: 8px;
			color: White;
			margin: 0;
		}

		&:before {
			box-shadow: none;
			background-color: @color3;
		}
	}

	&.box-3 {
		font-size: 16px;
		line-height: 26px;
		padding: 53px 0 13px;
		margin: 67px 0 90px;

		&:before {
			border-top: 1px solid #f2f2f2;
			border-bottom: 1px solid #f2f2f2;
			box-shadow: none;
		}

		h3 {
			margin-bottom: 15px;
		}
	}
}


.service-box  {
	margin: 67px 0 0;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0;
	padding: 54px 0 0;
	position: relative;
	text-align: center;
	line-height: 26px;
	overflow: visible;

	.icon {
		float: none;
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		top: 0;
		margin: 0;

		img {
	        .transition(0.3s ease)
		}
	}

	&.serv-icon1:hover {
		img {
			animation:icon1 0.5s infinite linear;
			-moz-animation:icon1 0.5s infinite linear; /* Firefox */
			-webkit-animation:icon1 0.5s infinite linear; /* Safari and Chrome */
			-o-animation:icon1 0.5s infinite linear; /* Opera */
			-ms-animation:icon1 0.5s infinite linear; /* IE */
	        filter: FlipH;
	        -ms-filter: "FlipH";
		}
	}



	&.serv-icon2:hover {
		img {
			.scale(1.1);
		}
	}



	&.serv-icon3:hover {
		img {
			.rotate(360deg);
		}
	}



	&.serv-icon4 {
		&:hover {
			img {

				.translate(60px,-60px);
				opacity: 0;
			}

			&:before  {
				.translate(0,0);
				opacity: 1;
			}
		}

		&:before {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			margin: 0;
			height: 30px;
			background: url(images/icon4.png) center 0 no-repeat;
			.translate(-60px,60px);
			opacity: 0;
			.transition(0.3s ease);
			content: '';

		}
	}


	h4 {
		margin-bottom: 8px;
	}
}

.posts-grid {
	&>li {
		box-shadow:  0 1px 3px rgba(0,0,0,.15);
		overflow: hidden;
		border-radius: 3px;
		margin-bottom: 30px;
	}

	&.offset-1 {
		margin-top: 32px;
		margin-bottom: 31px;
	}

	.featured-thumbnail {
		float: none;
		img {
			width: 100%;
		}
	}

	&_content {
		background-color: @white;
		padding: 18px 22px 30px;

		h4 {
			margin-bottom: 9px;
			span {
				font-size: 18px;
				color: @color3;
				margin-left: 12px;
			}
		}
	}

	.excerpt {
		margin-bottom: 20px;
	}

	&.team {
		margin-bottom: 30px;
		text-align: center;

		.team_pos {
			position: relative;
			top: -7px;
		}

		.posts-grid_content {
			padding-bottom: 22px;
		}

		.featured-thumbnail {
			&:after {
				content: '';
				position: absolute;
				left: 50%;
				top: 50%;
				z-index: 10;
				width: 0;
				height: 0px;
				border-radius: 1000px;
				background: @color3;
				.transition(0.4s ease);
				opacity: 0;
				z-index: 5;
			}

			&:hover {
				&:after {
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					border-radius: 0;
					opacity: 0.7;
				}

				.post_networks {
					.scale(1);
					opacity: 1;
				}
			}
		}

		.post_networks {
			position: absolute;
			left: 0;
			right: 0;
			.scale(0.8);
			opacity: 0;
			text-align: center;
			z-index: 10;
			top: 50%;
			margin-top: -11px;
			.transition(0.4s ease);

			li {
				display: inline-block;
				color: @white;
				font-size: 17px;
				margin: 0 12px;
				width: auto;
				float: none;

				a {
					opacity: 0.75;
					color: @white;
					.transition(0.5s ease);

					span {
						.transition(0.5s ease);
					}

					&:hover {

						opacity: 1;

						span {
							.rotate(360deg);
						}
					}
				}
			}
		}
	}
}

.testimonials  {
	&:after {
		content: '';
		display: table;
		width: 100%;
		clear: both;
	}
	.testi-item {
		padding: 0;
		margin-bottom: 30px;
		width: 50%;
		float: left;
		overflow: visible;
		.box-sizing(border-box);
		blockquote {
			overflow: hidden;
			background: none;
			border: 0;
			padding: 25px 26px 29px;
			border-radius: 0;
			background-color: @white;
			box-shadow:  0 1px 3px rgba(0,0,0,.15);
			border-radius: 3px;
			a {
				color: #8c8c8c;

				&:hover {
					color: @color3;
				}
			}

			&:before,
			&:after {
				display: none;
			}
		}

		.featured-thumbnail {
			width: auto;
			height: auto;
			margin-left: 0;
			margin-right: 27px;

			img {
				border-radius: 500px;
			}
		}

		.testi-meta {
			margin-top: 23px;
			padding: 20px 0 0;
			border-top: 1px solid #eaeaea;
			color: @color1;

			&:before {
				display: none;
			}

			.user {
				font-weight: 500;
			}
		}

		&:nth-child(odd) {
			clear: both;
			padding-right: 15px;
		}

		&:nth-child(even) {
			padding-left: 15px;
		}
	}
}

.box  {
	box-shadow:  0 1px 3px rgba(0,0,0,.15);
	background-color: @white;
	border-radius: 3px;
	padding: 11px 30px 15px;
	margin-bottom: 51px;

	h3 {
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 13px;
		margin-bottom: 25px;
	}

	&.history-box {
		padding: 24px 30px 10px;
		margin-bottom: 13px;

		ul {
			padding-top: 5px;
			overflow: hidden;
			margin: 0 -28px;
			li {
				width: 33.3%;
				float: left;
				padding: 0 28px 24px;
				.box-sizing(border-box);


				strong {
					font-weight: normal;
					font-size: 22px;
					line-height: 26px;
					color: @color1;
					display: inline-block;
					margin-bottom: 13px;
				}
			}
		}
	}

	&.contact_box {
		padding-top: 23px;
		padding-bottom: 13px;
		position: relative;
		top: 5px;

		h4 {
			margin-bottom: 16px;
		}
	}
}

.testimonial  {
	box-shadow:  0 1px 3px rgba(0,0,0,.15);
	background: @white;
	border-radius: 3px;
	padding: 25px 26px 28px;
	border: 0;
	margin-bottom: 30px;

	.featured-thumbnail {
		margin-right: 27px;
	}

	img {
		border-radius: 500px;
	}

	&_content {
		background: none;
		p {
			font-style: italic;
			font: 15px/22px @custom-font-1;
			margin-bottom: 9px;
		}

		small {
			border-top: 1px solid #eaeaea;
			display: block;
			margin-top: 14px;
			padding-top: 21px;

			&:before {
				display: none;
			}

			font-size: 15px;
			line-height: 22px;
			color: @color1;

			.user {
				font-weight: 500;
			}

			.info {
				text-transform: capitalize;

				&:after {
					content: ' /';
				}
			}

			a {
				color: @color2;
				&:hover {
					color: @color3;
					text-decoration: underline !important;
				}
			}

			br {
				display: none;
			}
		}
	}
}

/*/ Shortcodes */

/*blog*/

.post {
	&_wrapper {
		margin-top: 44px;
		background-color: @white;
		border-radius: 3px;
		box-shadow:  0 1px 3px rgba(0,0,0,.15);
		padding: 21px 30px 36px;

		&+.post_wrapper {
			margin-top: 30px;
		}

		h3 {
			a:hover {
				text-decoration: underline !important;
			}
		}
	}

	.single_wrap {
		margin-bottom: 30px;
		position: relative;
		top: 7px;
		margin-top: 44px;
		background-color: @white;
		border-radius: 3px;
		box-shadow:  0 1px 3px rgba(0,0,0,.15);
		padding: 30px 30px 36px;

		h3 {
			font-size: 18px;
			line-height: 26px;
			margin-bottom: 15px;
		}

		.featured-thumbnail {
			margin-bottom: 26px;
		}
	}

	&_content {
		overflow: visible;
		padding-bottom: 0 !important;

		.btn {
			text-transform: capitalize;
		}

		.excerpt {
			margin-bottom: 28px;
		}
	}

	&__holder {
		overflow: visible;
	}

	&_meta {
		border: 0;
		margin-top: 16px;
		padding: 28px 0 0;
		border-top: 1px solid #e1e1e1;
		font-size: 15px;
		line-height: 24px;

		i {
			display: none;
		}

		a {
			color: @color2;

			&:hover {
				color: @color3;
				text-decoration: underline !important;
			}
		}

		&_unite {
			padding: 0 !important;

			div[class^="post_"] {
				padding: 0;

				&+div[class^="post_"] {
					margin-left: 37px;
					position: relative;

					&:before {
						text-align: center;
						position: absolute;
						width: 37px;
						right: 100%;
						top: 0;
						content: '•';
						font-size: 23px;
						color: #dbd8d6;
					}
				}
			}
		}
	}

	.share-buttons {
		margin-bottom: 1px;

		.pinterest {
			position: relative;
			top: -3px;
		}
	}

	&-author {
		border-radius: 3px;
		background-color: @white;
		border: 0;
		position: relative;
		top: 7px;
		box-shadow:  0 1px 3px rgba(0,0,0,.15);
		padding: 26px 30px 19px;
		margin-bottom: 38px;


		&_gravatar {
			margin-top: 4px;
			margin-right: 28px;
			img {
				padding: 0;
				border: 0;
				border-radius: 500px;
			}
		}

		&_h {
			margin-bottom: 13px;
		}

		&_desc {
			margin-top: 0 !important;
		}

		&_link {
			margin-top: 13px;
			font-size: 18px !important;
			line-height: 26px;
			color: @color1;

			a {
				text-transform: capitalize;
				color: @color2;
				&:hover {
					color: @color3;
					text-decoration: underline !important;
				}
			}
		}
	}
}

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

.footer {
	border: 0;
	background: none;
	z-index: 0;
	font-size: 16px;
	line-height: 24px;
	color: #dfdaed;
	padding: 56px 0;

	a {
		color: #dfdaed;
	}

	&-widgets {
		margin-bottom: 27px;
		padding-bottom: 13px;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}

	.nav.footer-nav {
		float: none;

		.menu {
			float: none;

			li {
				text-transform: uppercase;
				padding: 0;

				&+li {
					margin-left: 38px;
				}

				a {
					&:hover {
						color: @white;
					}
				}

				&.current-menu-item  {
					a {
						color: @white;
					}
				}
			}
		}
	}

	.static_socials li  {
		img {
			opacity: 0.7;
		}

		a:hover {
			img {
				opacity: 1;
			}
		}
	}

	&-text {
		float: none;
		text-align: right;

		a {
			&:hover {
				color: @color2;
			}
		}
	}
}

/*/ Footer */


/* #Misc
================================================== */



.zoom-icon {
	.opacity(100) !important;
	background: none;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(images/spacer.png) 0 0 no-repeat;

	&:before {
		display: block;
		content: '';
		pointer-events: none;
		.scale(0.8);
		position: absolute;
		left: 50%;
		top: 50%;
		color: @white;
		font-weight: 500;
		.transition(0.4s ease);
		white-space: nowrap;
		text-align: center;
		background: none;
		width: 44px;
		height: 44px;
		margin: -22px 0 0 -22px;
		z-index: 11;
		opacity: 0;
		background: url(images/magnify.png) center 0 no-repeat;

		.posts-grid & {
			content: 'Go to Trip Page';
			font-size: 22px;
			line-height: 30px;
			margin: -15px 0 0;
			background: none;
			left: 0;
			right: 0;
			width: auto;
			height: auto;
		}
	}

	&:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 10;
		width: 0;
		height: 0px;
		border-radius: 1000px;
		background: @color3;
		.transition(0.4s ease);
		opacity: 0;
	}

	&:hover {
		&:after {
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			border-radius: 0;
			opacity: 0.7;
		}

		&:before {
			.scale(1);
			opacity: 1;
		}
	}
}


#back-top-wrapper {
	#back-top {
		a {
			span {
				background-color: @color2;
				.transition(0.3s ease) !important;
				.square(50px);
				background: url(images/totop.png) 0 0 no-repeat;
				font-size: 0;
				line-height: 0;

			}
			.transition(0.3s ease) !important;

			&:hover {
				span {
					background-position: 0 bottom;
				}
			}
		}
	}
}

/*/ Misc */


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


/***********---------Media--------**********/


@media only screen and (max-width: 1199px) {
	.nav__primary  {
		margin-right: 0;
	}

	.main-holder .mc4wp-form p {
		display: block;
		margin: 0 0 20px;
		float: none !important;

		&+p {
			margin-bottom: 0;
		}

		input[type="submit"] {
			margin-left: 0;
		}
	}

	.parallax-slider {
		height: 500px;
	}
}

@media only screen and (max-width: 979px) {

	body {
	}

	.parallax-slider {
		height: 400px;
	}

	.footer .nav.footer-nav .menu {
		text-align: left;
		li + li {
			margin-left: 5px;
			font-size: 14px;
		}
	}


	.sf-menu > li > a {
		font-size: 14px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.sf-menu > li + li {
		margin-left: 0;
	}


	.logo {
		width: auto !important;
	}


	#comments .comment .children {
		padding-left: 0;
		background: none;
		margin-left: 0;
	}


	#comments {
		.extra-wrap {
			padding-top: 20px;
			clear: both;
		}
	}

	.btn.btn-large {
		font-size: 16px;
	}

	.sf-menu .sub-menu {
		width: 120px !important;
	}
}


@media only screen and (max-width: 767px) {

	.isStuck {
		box-shadow: none;
	}

	.main-holder .mc4wp-form {
		text-align: left;
	}

	.header {
		text-align: center;
	}

	.header-widgets {
		text-align: center;
	}

	.static_socials {
		padding-top: 20px;
		float: none;
	}

	.post-author .post-author_desc {
		overflow: visible;
	}

	.post_meta div[class^="post_"] {
		padding-left: 0;
	}

	.pseudoStickyBlock {
	    display: none !important;
	    height: 0 !important;
	    max-height: 0 !important;
	    top: 0 !important;
	}

	.isStuck {
		background: none !important;
		position: static !important;
		display: block !important;
	}

	.container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	body {
		padding: 0;

		h1 {
			font-size: 30px;
			line-height: 40px;
		}

		h2 {
			font-size: 26px;
			line-height: 33px;
		}

		h3 {
			font-size: 24px;
			line-height: 30px;
		}
	}

	.content_box.box-1,
	.content_box.box-2 {
		text-align: center;

		h3 {
			text-align: center;
			margin-bottom: 20px;
		}

		p {
			text-align: center !important;
		}

	}

	.logo {
		display: inline-block !important;
		float: none !important;

	}

	.nav__primary {
		padding: 30px 0;
		clear: both;
		float: none;
		select {
			background-color: @white;
			height: 40px;
			outline: none !important;
		}
	}

	.footer {
		text-align: center;
	}

	.testimonials  {
		.testi-item  {
			width: 100% !important;
			padding: 0 !important;

			.featured-thumbnail {
				margin-bottom: 20px;
			}

			.extra-wrap {
				overflow: visible;
			}
		}
	}

	.footer .nav.footer-nav .menu {
		text-align: center;
	}

	.footer-text {
		text-align: center;
		padding-top: 26px;
	}

	.box {
		.extra-wrap {
			clear: both;
		}
	}

	.box.history-box ul li {
		width: 50%;
	}

	.filter-wrapper .pull-right {
		.filter.nav.nav-pills {
			border-bottom: 0;
			li {
				float: none;
				&+li {
					margin-left: 0;

				}
			}
		}
	}
}

@media only screen and (max-width: 479px) {
	html #wpadminbar {
		position: fixed !important;
	}

	.share-buttons {
		display: block !important;
	}

	.testimonials .testi-item .extra-wrap {
		clear: both;
	}

	.box.history-box ul li {
		width: 100%;
	}
}