/*import CherryFramework style*/
@import url("../CherryFramework/style.css");
@import url(//fonts.googleapis.com/css?family=Lato:400,900);
@import url(//fonts.googleapis.com/css?family=Asap:400,700);
@import url(//fonts.googleapis.com/css?family=Sarina);

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

body {
	background: url(images/body.gif) repeat 50% 0%;

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

}

.placeholder(@color: @placeholderText) {
  &::-moz-placeholder {
    color: @color;
  }
  &::-ms-input-placeholder {
    color: @color;
  }
  &::-webkit-input-placeholder {
    color: @color;
  }
}

.main-holder {
	overflow: hidden;

	input[type="text"], input[type="email"], textarea {
		background: #fff;
		min-height: 18px;
		margin: 0;
		padding: 16px 18px 16px 18px !important;
		border: 1px solid #bec0c3 !important;
		.border-radius(0);
		.box-shadow(none);
		.placeholder(#8f8f8f);
		resize: none;
		font-family: @LatoFontFamily;
		font-size: 14px;
		font-weight: 400;
		color: #8f8f8f !important;
	}

	input[type="submit"], input[type="reset"] {
		background: url(images/arrow.png) no-repeat 100% 50%;
		margin: 0 15px 0 0;
		padding: 0 24px 0 0;
		border: none;
		.border-radius(0);
		.box-shadow(none);
		.transition(0.8s);
		font-family: @LatoFontFamily;
		font-size: 14px;
		font-weight: 400;
		text-shadow: none;
		text-decoration: none;
		color: #8f8f8f;

		&:focus {
			.transition(0.4s);
			color: #8f8f8f;
		}

		&:hover {
			.transition(0.4s);
			color: #fb4554;
		}

	}

	.search-form {

		input[type="text"] {

			@media (min-width: 980px) and (max-width: 1200px) {
				width: 150px;
			}

			html.ie8 & {
				width: 150px;
			}

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

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

		}

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

	}

}

h1 {
	text-transform: uppercase;

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

		&:focus {
			text-decoration: none;
			color: #464646;
		}

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

	}

}

h2 {
	margin-bottom: 70px;
	text-transform: uppercase;

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

		&:focus {
			text-decoration: none;
			color: #464646;
		}

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

	}

}

h3 {
	margin-bottom: 70px;
	text-transform: uppercase;

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

		&:focus {
			text-decoration: none;
			color: #464646;
		}

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

	}

}

h4 {
	margin-bottom: 14px;
	letter-spacing: -0.5px;
	text-transform: uppercase;

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

		&:focus {
			text-decoration: none;
			color: #f4a805;
		}

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

	}

}

h5 {
	margin-bottom: 18px;
	text-transform: uppercase;

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

		&:focus {
			text-decoration: none;
			color: #f4a805;
		}

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

	}

}

h6 {
	margin-bottom: 31px;
	font-weight: 900 !important;

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

		&:focus {
			text-decoration: none;
			color: #fff;
		}

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

	}

}

p {
	margin: 0 0 18px 0;
}

a {
	.transition(0.8s);

	&:hover {
		.transition(0.4s);
		text-decoration: none;
	}

}

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

.header {
	background: #fff;
	margin: 0;
	padding: 0;
	border: none;

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

	.header_container {
		padding: 26px 0 20px 0;

		&.isStuck {
			background: #fff;
			.box-shadow(0 5px 5px rgba(0,0,0,0.3));
			right: 0;
			left: 0;
			z-index: 999;

			@media (max-width: 767px) {
				padding-right: 20px;
				padding-left: 20px;
			}

		}

	}

	.header_block {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 6px 0 4px 0;
		border-bottom: 1px solid #e2e2e2;

		&:before {
			display: block;
			position: absolute;
			width: 101%;
			border-bottom: 1px solid #e2e2e2;
			top: 0;
			right: 0;
			bottom: -1px;
			left: -100%;
			z-index: -1;
			content: '';
		}

		&:after {
			display: block;
			position: absolute;
			width: 10000px;
			border-bottom: 1px solid #e2e2e2;
			top: 0;
			right: -9999px;
			bottom: -1px;
			left: 0;
			z-index: -1;
			content: '';
		}

		.social-nets-wrapper {

			ul {
				margin: 0 0 0 2px;
				padding: 0;
				line-height: 0;
				font-size: 0;

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

					&:first-child {
						margin: 0;
					}

					a {

						&:hover {
							&:before {
								transform: rotateY(360deg);
								-webkit-transform: rotateY(360deg);
								.transition(0.4s);
								color: #fb4554;
							}
						}

						&[title="google"] {
							&:before {
								content: '\f0d5';
							}
						}

						&[title="twitter"] {
							&:before {
								content: '\f099';
							}
						}

						&[title="facebook"] {
							&:before {
								content: '\f09a';
							}
						}

						&[title="pinterest"] {
							&:before {
								content: '\f0d2';
							}
						}

						&[title="linkedin"] {
							&:before {
								content: '\f0e1';
							}
						}

						&:before {
							display: inline-block;
							.transition(0.8s);
							vertical-align: top;
							line-height: 20px;
							font-family: FontAwesome;
							font-size: 14px;
							color: #afafaf;
						}

						img {
							display: none;
						}

					}

				}

			}

		}

		.header_widget {
			width: 100%;
			padding: 1px 0 0 0;
			text-align: right;

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

			h4 {
				display: inline-block;
				margin: 0;
				padding: 0;
				vertical-align: top;
				line-height: 18px;
				font-family: @AsapFontFamily;
				font-size: 10px;
				font-weight: 400 !important;
				color: #8f8f8f;

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

			}

			.textwidget {
				display: inline-block;
				margin: 0 0 0 8px;
				vertical-align: top;

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

				strong {
					display: inline-block;
					vertical-align: top;
					line-height: 18px;
					font-family: @AsapFontFamily;
					font-size: 12px;
					font-weight: 400;
					color: #01b0cd;

					&:before {
						display: inline-block;
						margin: 1px 2px 0 0;
						.transition(0.8s);
						vertical-align: top;
						line-height: 18px;
						font-family: FontAwesome;
						font-size: 14px;
						color: #01b0cd;
						content: '\f095';
					}

				}

				em {
					display: inline-block;
					position: relative;
					margin: 0 0 0 30px;
					vertical-align: top;
					line-height: 18px;
					font-family: @AsapFontFamily;
					font-size: 10px;
					font-weight: 400;
					font-style: normal;
					text-transform: uppercase;
					color: #8f8f8f;

					&:before {
						background: url(images/divider.gif) no-repeat 0% 0%;
						display: block;
						position: absolute;
						width: 1px;
						height: 13px;
						overflow: hidden;
						top: 3px;
						left: -18px;
						content: '';
					}

					a {
						text-decoration: none;
						color: #8f8f8f;

						&:before {
							display: inline-block;
							margin: 0 5px 0 0;
							.transition(0.8s);
							vertical-align: top;
							font-family: FontAwesome;
							font-size: 14px;
							color: #8f8f8f;
							content: '\f003';
						}

						&:focus {
							text-decoration: none;
							color: #8f8f8f;

							&:before {
								.transition(0.4s);
								color: #8f8f8f;
							}

						}

						&:hover {
							text-decoration: none;
							color: #01b0cd;

							&:before {
								.transition(0.4s);
								color: #01b0cd;
							}

						}

					}

				}

			}

		}

	}

	.logo {
		float: none;
		margin: 0;

		@media (min-width: 1200px) {
			margin-left: -3px;
		}

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

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

		.logo_h__txt {
			float: left;
			margin: -2px 0 0 8px;
			text-transform: lowercase;

			a {
				float: none;
				text-decoration: none;

				&:focus {
					text-decoration: none;
					color: #fb4554;
				}

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

			}

		}

		a {
			float: left;
		}

		.logo_tagline {
			background: #333;
			float: left;
			width: 108px;
			overflow: hidden;
			margin: 6px 0 0 0;
			padding: 3px 13px 4px 13px;
			line-height: 11px;
			font-family: @AsapFontFamily;
			font-size: 12px;
			font-weight: 700;
			text-transform: uppercase;
			color: #fff;

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

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

			@media (max-width: 480px) {
				width: 64px;
				padding: 3px 7px 4px 7px;
			}

		}

	}

	.nav__primary {
		margin: 12px 0 0 0;

		.sf-menu {

			ul {
				background: #f4a805;
				width: 175px;
				padding: 25px 0 25px 0;
			}

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

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

				html.ie8 & {
					margin: 0 0 0 15px;
				}

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

				&:first-child {
					margin: 0;

					html.ie8 & {
						margin: 0;
					}

				}

				> a {
					padding: 0;
					border: none;
					text-transform: uppercase;

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

				}

				li {
					background: none;
					margin: 16px 0 0 0;

					&:first-child {
						margin: 0;
					}

					a {
						padding: 0 10px;
						border: none;
						line-height: 18px;
						font-family: @AsapFontFamily;
						font-size: 12px;
						font-weight: 400;
						text-decoration: none;
						color: #fff;
					}

					li {

						a {
							color: #424242;
						}

					}

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

				}

			}

		}

		.sf-menu li:hover ul, .sf-menu li.sfHover ul {
			margin: 0 0 0 -87.5px;
			top: 55px;
			left: 50%;
		}

		ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
			background: #fff;
			margin: 0;
			.box-shadow(0 0 3px rgba(0,0,0,0.3));
			top: -25px;
			left: 179px;
		}

		.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: none; color: #fb4554; }
		.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: #424242; }
		.sf-menu li li li > a:hover, .sf-menu li li li.sfHover > a, .sf-menu li li li.current-menu-item > a, .sf-menu li li li.current_page_item > a { background: none; color: #f4a805; }

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

	}

}

/* Search Form
---------------------------------------- */

.top_search {
    position: relative;
	float: right;
	margin: 11px 0 0 0;
    
    #search-header {
        display: none;
        position: absolute;
        width: 300px;
        height: 52px;
        top: 30px;
        right: 0;
    }

    input[type="text"] {
    	float: left;
    	width: 240px !important;
    	min-height: 52px;
    	.box-sizing(border-box);
    }

    button {
    	background: #01b0cd;
    	float: left;
    	width: 50px;
    	height: 52px;
    	margin: 0 0 0 10px;
    	padding: 0;
    	border: none;
    	.border-radius(0);
    	.box-shadow(none);
    	.transition(0.8s);
    	font-size: 20px;
    	color: #fff;

    	&:hover {
    		background: #fb4554;
    		.transition(0.4s);
    	}

    }
    
    .btn-search {
        border: none;
        .transition(0.8s);
        line-height: 18px;
        font-size: 18px;
        color: #464646;
        cursor: pointer;

        &:focus {
        	.transition(0.4s);
        	color: #464646;
        }

        &:hover {
        	.transition(0.4s);
        	color: #01b0cd;
        }

    }

}

/* /Search Form */

/*/ Header */


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

#slider-wrapper {
	margin: 0;

	.container {
		position: relative;
		width: 1920px;
		margin: 0 0 0 -960px;
		left: 50%;

		@media (min-width: 1921px) {
			width: 100%;
			margin: 0;
			left: auto;
		}

		html.ie8 & {
			width: 100%;
			margin: 0;
			left: auto;
		}

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

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

		.camera_wrap {
			margin: 0 !important;
		}

	}

	.camera_caption {
		position: absolute;
		width: 1170px;
		margin: 0 0 0 -585px;
		bottom: 136px;
		left: 50%;

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

		html.ie8 & {
			width: 940px;
			margin: 0 0 0 -470px;
		}

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

		@media (max-width: 767px) {
			width: 440px;
			margin: 0 0 0 -220px;
			bottom: 40px;
			text-align: center;
		}

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

		div {
			background: none;
			padding: 0 22px;

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

			strong {
				display: block;
				line-height: 110px;
				font-size: 110px;
				font-weight: 900;
				text-transform: uppercase;

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

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

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

				@media (max-width: 767px) {
					margin: 0 0 10px 0;
					line-height: 40px;
					font-size: 40px;
				}

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

			}

			p {
				margin: -3px 0 49px 0;
				line-height: 29px;
				font-size: 29px;
				text-transform: uppercase;
				color: #fff;

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

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

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

				@media (max-width: 767px) {
					margin: 0 0 19px 0;
					line-height: 14px;
					font-size: 14px;
				}

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

			}

			a {
				background: #01b0cd;
				display: inline-block;
				margin: 0;
				padding: 15px 20px 15px 20px;
				.border-radius(4px);
				.transition(0.8s);
				vertical-align: top;
				line-height: 20px;
				font-family: @AsapFontFamily;
				font-size: 20px;
				font-weight: 400;
				text-transform: uppercase;
				text-decoration: none;
				color: #fff;

				@media (max-width: 480px) {
					padding: 10px 15px 10px 15px;
					font-size: 16px;
				}

				&:focus {
					background: #01b0cd;
					.transition(0.4s);
				}

				&:hover {
					background: #fb4554;
					.transition(0.4s);
				}

				&:after {
					margin: 0 0 0 18px;
					font-family: FontAwesome;
					font-size: 18px;
					content: '\f0a9';
				}

			}

		}

	}

	.camera_prev {
		background: rgba(0,0,0,0.2);
		display: block;
		width: 50px;
		height: 50px;
		overflow: hidden;
		margin: -25px 0 0 -785px;
		.border-radius(4px);
		.transition(0.8s);
		top: 50%;
		left: 50%;

		@media (min-width: 1921px) {
			margin: -25px 0 0 0;
			.border-radius(0 4px 4px 0);
			left: 0;
		}

		@media (min-width: 1200px) and (max-width: 1575px) {
			margin: -25px 0 0 -585px;
		}

		@media (min-width: 980px) and (max-width: 1200px) {
			margin: -25px 0 0 -470px;
		}

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

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

		html.ie8 & {
			background: url(images/button.png) repeat 0% 0%;
			margin: -25px 0 0 0;
			.border-radius(0 4px 4px 0);
			left: 0;
		}

		&:hover {
			background: #01b0cd;
			.transition(0.4s);

			html.ie8 & {
				background: #01b0cd;
			}

		}

		&:before {
			display: block;
			line-height: 50px;
			font-family: FontAwesome;
			font-size: 21px;
			text-align: center;
			color: #fff;
			content: '\f053';
		}

		span {
			display: none;
		}

	}

	.camera_commands {
		margin: 0 -20px 0 0;
		top: 20px;
		right: 50%;
	}

	.camera_next {
		background: rgba(0,0,0,0.2);
		display: block;
		width: 50px;
		height: 50px;
		overflow: hidden;
		margin: -25px -785px 0 0;
		.border-radius(4px);
		.transition(0.8s);
		top: 50%;
		right: 50%;

		@media (min-width: 1921px) {
			margin: -25px 0 0 0;
			.border-radius(4px 0 0 4px);
			right: 0;
		}

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

		@media (min-width: 980px) and (max-width: 1200px) {
			margin: -25px -470px 0 0;
		}

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

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

		html.ie8 & {
			background: url(images/button.png) repeat 0% 0%;
			margin: -25px 0 0 0;
			.border-radius(4px 0 0 4px);
			right: 0;
		}

		&:hover {
			background: #01b0cd;
			.transition(0.4s);

			html.ie8 & {
				background: #01b0cd;
			}

		}

		&:before {
			display: block;
			line-height: 50px;
			font-family: FontAwesome;
			font-size: 21px;
			text-align: center;
			color: #fff;
			content: '\f054';
		}

		span {
			display: none;
		}

	}

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

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

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

		.camera_thumbs_cont {
			background: none;
		}

	}

}

/*/ Slider */



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

.content-holder {
	background: #fff;
	margin: 0;
	padding: 50px 0 50px 0;

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

	body.home & {
		padding: 74px 0 0 0;

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

	}

}

/*/ Content */



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

/*/ Comments */



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

#sidebar {

	.widget {
		margin: 64px 0 0 0;

		&:first-child {
			margin: 0;
		}

	}

	h3 {
		margin-bottom: 70px;
	}

	ul {
		margin: 0;
		padding: 0;

		li {
			position: relative;
			margin: 11px 0 0 0;
			padding: 0 0 0 23px;
			list-style: none;
			line-height: 18px;
			font-family: @AsapFontFamily;
			font-size: 12px;
			font-weight: 400;
			text-transform: uppercase;
			color: #01b0cd;

			&:first-child {
				margin: 0;
			}

			&:hover {
				&:before {
					.transition(0.4s);
					color: #f4a805;
				}
			}

			&:before {
				position: absolute;
				.transition(0.8s);
				line-height: 18px;
				font-family: FontAwesome;
				font-size: 14px;
				color: #01b0cd;
				top: 0;
				left: 0;
				content: '\f05d';
			}

			a {
				text-decoration: none;
				color: #01b0cd;

				&:focus {
					text-decoration: none;
					color: #01b0cd;
				}

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

			}

			ul {
				padding: 11px 0 0 0;
			}

		}

	}

	ul.comments-custom {

		li {
			margin: 32px 0 0 0;
			padding: 0;
			line-height: 20px;
			font-family: @LatoFontFamily;
			font-size: 14px;
			font-weight: 400;
			text-transform: none;
			color: #8f8f8f;

			&:first-child {
				margin: 0;
			}

			&:before {
				display: none;
			}

			.thumbnail {
				margin-right: 28px;
			}

			.meta_format {
				margin: 0;
			}

			h4 {
				margin: 0;
				padding: 16px 0 0 0;
				line-height: 24px;
				font-size: 20px;
				color: #fb4554;
			}

			time {
				display: block;
				line-height: 24px;
				font-family: @AsapFontFamily;
				font-size: 20px;
				font-weight: 700;
				color: #464646;
			}

			.comments-custom_txt {
				margin: 0;
				padding: 0;
				border: none;
			}

			a {
				text-decoration: none;
				color: #8f8f8f;

				&:focus {
					text-decoration: none;
					color: #8f8f8f;
				}

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

			}

		}

	}

	#wp-calendar {

		caption {
			color: #01b0cd;
		}

		thead {

			tr {

				th {
					color: #01b0cd;
				}

			}

		}

	}

}

/*/ Widgets */



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

.content_box {
	background: url(images/body.gif) repeat 50% 0%;
	padding: 70px 0 70px 0;
	color: #fff;

	&:before, &:after {
		background: url(images/body.gif) repeat 50% 0%;
	}

	.title-box {
		margin: 0 0 62px 0;
		text-align: center;

		h2, h3 {
			color: #fff;
		}

	}

	&.box {
		background: url(images/box.gif) repeat 50% 0%;
		margin: 0 0 45px 0;
		padding: 69px 0 71px 0;

		&:before, &:after {
			background: url(images/box.gif) repeat 50% 0%;
		}

	}

	&.box_1 {
		background: url(images/box.gif) repeat 50% 0%;
		margin: 0 0 -50px 0;
		padding: 69px 0 51px 0;
		line-height: 21px;
		text-align: center;
		color: #404040;

		&:before, &:after {
			background: url(images/box.gif) repeat 50% 0%;
		}

		.title-box {
			margin: 0 0 57px 0;
		}

	}

}

.title-box {
	margin: 0 0 56px 0;
	text-align: center;

	h2 {
		margin: 0 0 2px 0;
		color: #464646;

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

	}

	h3 {
		margin: 0;
		line-height: 44px;
		font-size: 34px;
		font-weight: 400;
		text-transform: none;
		color: #464646;

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

	}

}

.service-box {
	background: none;
	margin: 0 0 74px 0;
	padding: 0;
	border: none;
	.border-radius(0);
	.box-shadow(none);
	text-align: center;

	&:hover {

		.icon {

			img {
				transform: rotateY(360deg);
				-webkit-transform: rotateY(360deg);
				.transition(0.4s);
			}

		}

	}

	.icon {
		display: inline-block;
		float: none;
		margin: 0 0 23px 0;
		border: 1px solid #fb4554;
		.border-radius(50%);
		vertical-align: top;

		img {
			.transition(0.8s);
		}

	}

	h2 {
		margin: 0 0 21px 0;
		padding: 0;
		line-height: 25px;
		font-size: 21px;
		text-transform: none;
		color: #464646;

		@media (min-width: 1200px) {
			padding: 0 60px;
		}

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

			&:focus {
				text-decoration: none;
				color: #464646;
			}

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

		}

	}

	.service-box_txt {
		margin: 0 0 28px 0;
		line-height: 21px;
		font-size: 14px;
	}

	.btn-align {
		text-align: center;
	}

	&.extra_style {
		margin: 0;

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

		.icon {
			min-width: 111px;
			margin: 0 auto 25px;
			padding: 0 0 15px 0;
			border: none;
			border-bottom: 1px solid #f4a805;
			.border-radius(0);
			text-align: center;
		}

		h2 {
			margin: 0;
			padding: 0;
			line-height: 22px;
			font-size: 18px;
			text-transform: uppercase;
			color: #f4a805;

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

				&:focus {
					text-decoration: none;
					color: #f4a805;
				}

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

			}

		}

	}

	&.extra {
		padding: 14px 0 0 0;

		h2 {
			padding: 0 !important;
		}

	}

}

a.btn-primary {
	background: none;
	position: relative;
	margin: 0;
	padding: 6px 24px 7px 24px;
	border: none;
	.border-radius(0);
	.box-shadow(none);
	letter-spacing: 1px;
	line-height: 18px;
	font-family: @AsapFontFamily;
	font-size: 12px;
	font-weight: 700;
	text-shadow: none;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;

	&:focus {
		background: none;
		.box-shadow(none);

		&:after {
			.transition(0.4s);
			top: 100%;
		}

	}

	&:hover {
		background: none;
		.box-shadow(none);

		&:after {
			.transition(0.4s);
			top: 0;
		}

	}

	&:before {
		background: #fb4554;
		display: block;
		position: absolute;
		.transition(0.8s);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		content: '';
	}

	&:after {
		background: #01b0cd;
		display: block;
		position: absolute;
		.transition(0.8s);
		top: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		content: '';
	}

}

a.btn-info {
	background: none;
	display: inline-block;
	position: relative;
	margin: 13px 0 0 0;
	padding: 12px 34px 13px 34px;
	border: none;
	.border-radius(0);
	.box-shadow(none);
	vertical-align: top;
	letter-spacing: 1px;
	line-height: 18px;
	font-family: @AsapFontFamily;
	font-size: 12px;
	font-weight: 700;
	text-shadow: none;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;

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

	&:focus {
		background: none;
		.box-shadow(none);

		&:after {
			.transition(0.4s);
			top: 100%;
		}

	}

	&:hover {
		background: none;
		.box-shadow(none);

		&:after {
			.transition(0.4s);
			top: 0;
		}

	}

	&:before {
		background: #01b0cd;
		display: block;
		position: absolute;
		.transition(0.8s);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		content: '';
	}

	&:after {
		background: #fb4554;
		display: block;
		position: absolute;
		.transition(0.8s);
		top: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		content: '';
	}

}

a.btn-link {
	background: none;
	position: relative;
	margin: 0;
	padding: 21px 53px 23px 53px;
	border: none;
	.border-radius(0);
	.box-shadow(none);
	letter-spacing: -0.7px;
	line-height: 30px;
	font-family: @AsapFontFamily;
	font-size: 28px;
	font-weight: 400;
	text-shadow: none;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;

	@media (min-width: 980px) and (max-width: 1200px) {
		padding: 15px 40px 15px 40px;
	}

	html.ie8 & {
		padding: 15px 40px 15px 40px;
	}

	@media (min-width: 768px) and (max-width: 979px) {
		padding: 15px 40px 15px 40px;
		font-size: 20px;
	}

	@media (max-width: 767px) {
		padding: 15px 40px 15px 40px;
		font-size: 20px;
	}

	&:focus {
		background: none;
		.box-shadow(none);
		text-decoration: none;
		color: #fff;

		&:before {
			background: #fb4554;
			border-color: #c32f2f;
			.transition(0.4s);
		}

	}

	&:hover {
		background: none;
		.box-shadow(none);
		text-decoration: none;
		color: #fff;

		&:before {
			background: #01b0cd;
			border-color: #018297;
			.transition(0.4s);
		}

	}

	&:before {
		background: #fb4554;
		display: block;
		position: absolute;
		border-bottom: 2px solid #c32f2f;
		.border-radius(10px);
		.transition(0.8s);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		content: '';
	}

	&:after {
		display: none;
	}

}

.list_1 {
	background: url(images/body.gif) repeat 0% 0%;
	margin: 0 0 71px 0;

	body.cherry-fixed-layout & {
		width: auto !important;
		margin: 0 -20px 71px -20px !important;
		left: auto !important;
	}

	ul {

		li {
			position: relative;
			line-height: 18px;
			font-family: @AsapFontFamily;
			font-size: 12px;
			font-weight: 400;
			text-transform: uppercase;
			color: #fff;

			@media (min-width: 1200px) {
				max-width: 25% !important;
			}

			&:hover {

				.featured-thumbnail {

					a {
						&:before {
							margin-top: -44px;
							.rotate(360deg);
							.transition(0.4s);
							top: 50%;

							@media (min-width: 1201px) and (max-width: 1600px) {
								top: 20px;
								margin-top: 0;
							}

							@media (min-width: 980px) and (max-width: 1200px) {
								top: 15px;
								margin-top: 0;
							}

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

							body.cherry-fixed-layout & {
								top: 10px;
								margin-top: 0;

								@media (max-width: 767px) {
									margin-top: -20px;
									top: 50%;
								}

								@media (max-width: 480px) {
									margin-top: -10px;
									top: 50%;
								}

							}

							@media (max-width: 767px) {
								margin-top: -20px;
								top: 50%;
							}

							@media (max-width: 480px) {
								margin-top: -10px;
								top: 50%;
							}

						}
					}

					img {
						.scale(1.1);
						.opacity(60);
						.transition(0.4s);
					}

				}

				.desc {
					.transition(0.4s);
					bottom: 46px;

					@media (min-width: 1201px) and (max-width: 1600px) {
						bottom: 20px;
					}

					@media (min-width: 980px) and (max-width: 1200px) {
						bottom: 15px;
					}

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

					body.cherry-fixed-layout & {
						bottom: 10px;
					}

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

				}

			}

			.featured-thumbnail {
				margin: 0;
				.transition(0.8s);

				a {

					&:before {
						position: absolute;
						margin: 0 0 0 -25px;
						.transition(0.8s);
						line-height: 52px;
						font-family: FontAwesome;
						font-size: 52px;
						color: #fff;
						top: -60px;
						left: 50%;
						z-index: 99;
						content: '\f08e';

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

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

						@media (max-width: 767px) {
							margin: 0 0 0 -20px;
							line-height: 40px;
							font-size: 40px;
						}

						@media (max-width: 480px) {
							margin: 0 0 0 -10px;
							line-height: 20px;
							font-size: 20px;
						}

					}

				}

				img {
					.transition(0.8s);
				}

			}

			.desc {
				position: absolute;
				.transition(0.8s);
				text-align: center;
				top: auto;
				right: 20px;
				bottom: -100px;
				left: 20px;

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

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

				h5 {
					margin: 0 0 4px 0;
					padding: 0;
					line-height: 18px;
					font-size: 14px;
					font-weight: 700;
					text-transform: uppercase;
					color: #fff;

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

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

						&:focus {
							text-decoration: none;
							color: #fff;
						}

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

					}

				}

				.excerpt {
					margin: 0;
					font-size: 12px;

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

				}

			}

		}

	}

	.es-nav {

		.es-nav-next {
			background: rgba(0,0,0,0.2);
			display: block;
			width: 50px;
			height: 50px;
			overflow: hidden;
			margin: -25px 0 0 0;
			.border-radius(4px 0 0 4px);
			.transition(0.8s);
			text-indent: 0;
			top: 50%;
			right: 0;

			html.ie8 & {
				background: url(images/button.png) repeat 0% 0%;
			}

			@media (max-width: 480px) {
				width: 25px;
				height: 25px;
				margin: -12px 0 0 0;
			}

			&:hover {
				background: #01b0cd;
				.transition(0.4s);
			}

			&:before {
				display: block;
				line-height: 50px;
				font-family: FontAwesome;
				font-size: 21px;
				text-align: center;
				color: #fff;
				content: '\f054';

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

			}

		}

		.es-nav-prev {
			background: rgba(0,0,0,0.2);
			display: block;
			width: 50px;
			height: 50px;
			overflow: hidden;
			margin: -25px 0 0 0;
			.border-radius(0 4px 4px 0);
			.transition(0.8s);
			text-indent: 0;
			top: 50%;
			left: 0;

			html.ie8 & {
				background: url(images/button.png) repeat 0% 0%;
			}

			@media (max-width: 480px) {
				width: 25px;
				height: 25px;
				margin: -12px 0 0 0;
			}

			&:hover {
				background: #01b0cd;
				.transition(0.4s);
			}

			&:before {
				display: block;
				line-height: 50px;
				font-family: FontAwesome;
				font-size: 21px;
				text-align: center;
				color: #fff;
				content: '\f053';

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

			}

		}

	}

}

.list_2 {
	margin: 0 !important;
	padding: 2px 0 0 0;
	line-height: 0;
	font-size: 0;

	li {
		display: inline-block;
		width: 270px;
		margin: 0 0 0 30px !important;
		padding: 0 !important;
		border: none;
		vertical-align: top;
		line-height: 21px;
		font-size: 14px;
		text-align: center;
		color: #3f3f3f;

		@media (min-width: 980px) and (max-width: 1200px) {
			width: 220px;
			margin: 0 0 0 20px !important;
		}

		html.ie8 & {
			width: 220px;
			margin: 0 0 0 20px !important;
		}

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

		@media (max-width: 767px) {
			width: 100%;
			margin: 30px 0 0 0 !important;
		}

		&:first-child {
			margin: 0 !important;

			html.ie8 & {
				margin: 0 !important;
			}

		}

		.thumbnail {
			background: url(images/thumbnail_bg.png) repeat 0% 0%;
			display: inline-block;
			float: none;
			margin: 0 0 13px 0;
			padding: 5px;
			border: 1px solid #018ba3;
			vertical-align: top;

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

				&:hover {

					img {
						.scale(1.1);
						.opacity(50);
						.transition(0.4s);
					}

				}

				img {
					.transition(0.8s);

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

				}

			}

		}

		h4 {
			margin: 0 0 2px 0;
			letter-spacing: normal;
			line-height: 21px;
			font-size: 18px;
			font-weight: 900 !important;
			text-transform: none;
			color: #fff;

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

				&:focus {
					text-decoration: none;
					color: #fff;
				}

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

			}

		}

		.team-info {
			display: block;
			margin: 0 0 12px 0;
			line-height: 16px;
			font-size: 11px;
			font-weight: 400;
			text-transform: uppercase;
			color: #fff;
		}

		.excerpt {
			margin: 0 0 23px 0;
		}

		.post_networks {

			ul {
				display: inline-block;
				margin: 0;
				padding: 19px 16px 0 16px;
				vertical-align: top;
				border-top: 1px solid #016d7e;
				line-height: 0;
				font-size: 0;

				li {
					display: inline-block;
					float: none;
					width: auto;
					margin: 0 6px !important;
					padding: 0;
					vertical-align: top;

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

					a {
						display: inline-block;
						.transition(0.8s);
						vertical-align: top;
						line-height: 20px;
						font-size: 16px;
						color: #404040;

						&:focus {
							.transition(0.4s);
							color: #404040;
						}

						&:hover {
							.transition(0.4s);
							color: #fff;
						}

						span {
							margin: 0;
						}

					}

				}

			}

		}

	}

}

.list_3 {
	margin: 0 0 0 -30px !important;
	padding: 8px 0 0 0;
	line-height: 0;
	font-size: 0;

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

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

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

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

	li {
		display: inline-block;
		width: 370px;
		margin: 0 0 48px 30px;
		padding: 0;
		vertical-align: top;
		line-height: 21px;
		font-size: 14px;
		color: #8f8f8f;

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

		html.ie8 & {
			width: 293px;
			margin: 0 0 40px 20px;
		}

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

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

		.thumbnail {
			background: none;
			float: left;
			margin: 6px 17px 6px 0;
			padding: 0;
		}

		h5 {
			margin: 0;
			line-height: 28px;
			font-size: 21px;
			text-transform: none;
			color: #464646;

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

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

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

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

				&:focus {
					text-decoration: none;
					color: #464646;
				}

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

			}

		}

		.excerpt {
			overflow: hidden;
			padding: 20px 0 0 0;
		}

	}

}

.thumbnail {
	padding: 0;
	border: none;
	.border-radius(0);
	.box-shadow(none);

	a {

		&:hover {

			.zoom-icon {

				&:before {
					transform: rotateY(360deg);
					-webkit-transform: rotateY(360deg);
					.transition(0.4s);
				}

			}

		}

		.zoom-icon {

			&:before {
				background: url(images/magnify.png) no-repeat 0% 0%;
				width: 45px;
				height: 45px;
				overflow: hidden;
				margin: -22px 0 0 -22px;
				padding: 0;
				.transition(0.8s);
			}

		}

	}

}

.list {

	&.ok-circle-list {
		padding: 7px 0 0 0;

		@media (max-width: 767px) {
			margin-bottom: 35px;
		}

		ul {
			margin: 0;
			padding: 0;

			li {
				position: relative;
				margin: 11px 0 0 0;
				padding: 0 0 0 23px;
				list-style: none;
				line-height: 18px;
				font-family: @AsapFontFamily;
				font-size: 12px;
				font-weight: 400;
				text-transform: uppercase;
				color: #01b0cd;

				&:first-child {
					margin: 0;
				}

				&:before {
					position: absolute;
					.transition(0.8s);
					line-height: 18px;
					font-family: FontAwesome;
					font-size: 14px;
					color: #01b0cd;
					top: 0;
					left: 0;
					content: '\f05d';
				}

				a {
					text-decoration: none;
					color: #01b0cd;

					&:focus {
						text-decoration: none;
						color: #01b0cd;

						&:before {
							.transition(0.4s);
							color: #01b0cd;
						}

					}

					&:hover {
						text-decoration: none;
						color: #f4a805;

						&:before {
							.transition(0.4s);
							color: #f4a805;
						}

					}

					&:before {
						position: absolute;
						.transition(0.8s);
						line-height: 18px;
						font-family: FontAwesome;
						font-size: 14px;
						color: #01b0cd;
						top: 0;
						left: 0;
						content: '\f05d';
					}

				}

			}

		}

	}

}

.flexslider {

	&.testimonials {
		overflow: visible !important;
		padding: 3px 0 0 0;
		text-align: center;

		h5, .post_options, a.btn {
			display: none;
		}

		.excerpt {
			position: relative;
			margin: 0 0 27px 0;
			padding: 19px 20px 21px 20px;
			.border-radius(12px);
			border: 1px solid #cbcdcf;
			line-height: 13px;
			font-size: 11px;
			font-weight: 400;
			font-style: italic;
			text-align: left;
			color: #8f8f8f;

			&:before {
				background: url(images/corner.gif) no-repeat 0% 0%;
				display: block;
				width: 40px;
				height: 33px;
				overflow: hidden;
				position: absolute;
				right: 67px;
				bottom: -33px;
				content: '';

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

			}

			a {
				text-decoration: none;
				color: #8f8f8f;

				&:focus {
					text-decoration: none;
					color: #8f8f8f;
				}

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

			}

		}

		.thumbnail {
			background: none;
			display: inline-block;
			float: none;
			margin: 0;
			padding: 0;
			border: none;
			.border-radius(0);
			.box-shadow(none);
			vertical-align: top;
			text-align: center;

			img {

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

			}

		}

		.flex-control-nav {
			margin: 0;
			padding: 0;
			line-height: 0;
			font-size: 0;
			bottom: -50px;

			li {
				display: inline-block;
				margin: 0 2px 0 2px;
				vertical-align: top;

				a {
					background: #c7c7c7;
					display: inline-block;
					width: 12px;
					height: 12px;
					vertical-align: top;
					.border-radius(50%);
					.box-shadow(none);
					.transition(0.8s);

					&:focus {
						background: #c7c7c7;
						.transition(0.4s);
					}

					&:hover, &.flex-active {
						background: #01b0cd;
						.transition(0.4s);
					}

				}

			}

		}

	}

}

.spacer {
	height: 69px;
}

.hero-unit {
	background: none;
	margin: 0 0 37px 0;
	padding: 0 330px 0 0;
	border: none;
	.border-radius(0);
	.box-shadow(none);

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

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

	h1 {
		margin: 0;
		padding: 0;
		letter-spacing: -1px;
		line-height: 39px;
		font-size: 39px;
		text-transform: uppercase;
		color: #fb4554;

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

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

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

		@media (max-width: 767px) {
			margin: 0 0 5px 0;
			line-height: 24px;
			font-size: 24px;
		}

	}

	p {
		margin: 0;
		letter-spacing: -0.5px;
		line-height: 31px;
		font-family: @AsapFontFamily;
		font-size: 25px;
		font-weight: 400;
		color: #8c8b8b;

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

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

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

		@media (max-width: 767px) {
			margin: 0 0 22px 0;
			line-height: 22px;
			font-size: 16px;
		}

	}

	.btn-align {
		position: absolute;
		top: -4px;
		right: 0;

		@media (max-width: 767px) {
			position: relative;
			top: auto;
			right: auto;
		}

	}

}

.cherry_parallax {
	padding: 106px 0 137px 0;
	text-align: center;

	h3 {
		margin-bottom: 51px;
		font-weight: 400;
		color: #fff;

		&:before {
			display: block;
			margin: 0 0 38px 0;
			line-height: 93px;
			font-family: FontAwesome;
			font-size: 93px;
			font-weight: 400;
			text-align: center;
			color: #fff;
			content: '\f003';
		}

	}

	.wpcf7-form {
		width: 570px;
		margin: 0 auto;

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

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

		p {
			position: relative;
			width: 100%;
			overflow: hidden;
			margin: 0 0 17px 0;
		}

		input[type="text"], input[type="email"] {
			background: url(images/form.png) repeat 0% 0%;
			min-height: 53px;
			padding: 15px 20px 15px 20px !important;
			.placeholder(#fff);
			border: 1px solid #c3c5c7 !important;
			font-family: @AsapFontFamily;
			font-size: 18px;
			font-weight: 400;
			text-align: center;
			color: #fff !important;

			html.ie8 & {
				height: 53px;
				min-height: 23px;
			}

		}

		textarea {
			background: url(images/form.png) repeat 0% 0%;
			min-height: 216px;
			padding: 15px 20px 15px 20px !important;
			.placeholder(#fff);
			border: 1px solid #c3c5c7 !important;
			font-family: @AsapFontFamily;
			font-size: 18px;
			font-weight: 400;
			text-align: center;
			color: #fff !important;
		}

		input[type="submit"] {
			background: url(images/arrow_1.png) no-repeat 100% 50%;
			height: 50px;
			margin: 22px 0 0 0;
			padding: 0 50px 0 40px;
			border: 1px solid #fff;
			.border-radius(6px);
			.box-shadow(none);
			.transition(0.8s);
			font-family: @AsapFontFamily;
			font-size: 20px;
			font-weight: 400;
			text-transform: uppercase;
			color: #fff;

			&:focus {
				background-color: none;
				border-color: #fff;
				.transition(0.4s);
			}

			&:hover {
				background-color: #f4a805;
				border-color: #f4a805;
				.transition(0.4s);
			}

		}

		.wpcf7-not-valid-tip {
			padding: 16px 10px 10px 10px !important;
			.border-radius(0);
		}

		input[type="reset"], .extra {
			display: none;
		}

		.ajax-loader {
			margin: 0 -10px 0 0;
			position: absolute;
			top: 0;
			right: 50%;
		}

	}

}

/*/ Shortcodes */



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

.footer {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 13.4px;
	font-size: 11px;

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

	.footer-widgets {
		padding: 60px 0 29px 0;

		ul {
			margin: 0;
			padding: 0 0 36px 0;

			li {
				margin: 8px 0 0 0;
				padding: 0;
				list-style: none;
				line-height: 16px;
				font-size: 11px;
				color: #8f8f8f;

				&:first-child {
					margin: 0;
				}

				a {
					text-decoration: none;
					color: #8f8f8f;

					&:focus {
						text-decoration: none;
						color: #8f8f8f;
					}

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

				}

			}

		}

		.indent_right {

			@media (min-width: 1200px) {
				padding-right: 100px;
			}

		}

		.footer_logo {
			margin: 0 0 34px 0;
			padding: 9px 0 0 0;

			@media (min-width: 1200px) {
				padding-left: 5px;
			}

		}

		.textwidget {
			margin: 0 0 26px 0;

			p {
				margin: 0 0 25px 0;

				@media (min-width: 1200px) {
					padding-right: 35px;
				}

			}

			strong {
				display: block;
				line-height: 28px;
				font-size: 27px;
				font-weight: 400;
				color: #01b0cd;

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

			}

		}

		.footer-text {
			float: none;
			margin: 0;
			line-height: 18px;
			font-size: 12px;
			text-transform: capitalize;
			color: #01b0cd;

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

			a {
				text-decoration: none;
				color: #01b0cd;

				&:focus {
					text-decoration: none;
					color: #01b0cd;
				}

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

			}

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

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

			}

		}

	}

	.copyright {
		background: rgba(0,0,0,0.3);
		position: relative;
		padding: 49px 0 54px 0;

		&:before {
			background: rgba(0,0,0,0.3);
			display: block;
			position: absolute;
			width: 100%;
			top: 0;
			bottom: 0;
			left: -100%;
			content: '';
		}

		&:after {
			background: rgba(0,0,0,0.3);
			display: block;
			position: absolute;
			width: 100%;
			top: 0;
			bottom: 0;
			right: -100%;
			content: '';
		}

		.footer-nav {
			float: none;
			margin: 5px 0 0 0;

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

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

			ul {
				float: none;
				margin: 0;
				padding: 0;

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

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

				li {
					margin: 0 0 0 34px;
					padding: 0;
					list-style: none;
					text-transform: uppercase;

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

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

					@media (max-width: 480px) {
						margin: 0 11px 0 0 !important;
					}

					&:last-child {

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

					}

					&.current-menu-item {

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

							&:focus {
								text-decoration: none;
								color: #f4a805;
							}

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

						}

					}

					&:first-child {
						margin: 0;
					}

					a {
						text-decoration: none;

						@media (max-width: 767px) {
							font-size: 13px;
						}

						@media (max-width: 480px) {
							font-size: 12px;
						}

						&:focus {
							text-decoration: none;
							color: #ddd;
						}

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

					}

				}

			}

		}

		ul.social {
			margin: 0;
			padding: 0;

			@media (min-width: 1200px) {
				margin: 0 0 0 12px;
			}

			li {
				margin: 0 0 0 3px;
				padding: 0;
				list-style: none;

				&:first-child {
					margin: 0;
				}

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

					&:hover {

						img {
							transform: rotateY(360deg);
							-webkit-transform: rotateY(360deg);
							.transition(0.4s);
						}

					}

					img {
						.transition(0.8s);
					}

				}

			}

		}

	}

}

/*/ Footer */


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

#back-top-wrapper {

	p#back-top {
		margin: 0;

		a {
			width: auto;

			&:hover {
				&:before {
					.transition(0.4s);
					color: #e2e2e2;
				}
			}

			&:before {
				.transition(0.8s);
				line-height: 28px;
				font-family: FontAwesome;
				font-size: 28px;
				color: #878787;
				content: '\f0aa';
			}

			span {
				display: none;
			}

		}

	}

}

.title-section {
	background: #f8f8f8;
	position: relative;
	margin: -50px 0 17px 0;
	padding: 23px 0 29px 0;

	@media (min-width: 1200px) {
		min-height: 75px;
		.box-sizing(border-box);
	}

	&:before {
		background: #f8f8f8;
		display: block;
		width: 101%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: -100%;
		z-index: -1;
		content: '';
	}

	&:after {
		background: #f8f8f8;
		display: block;
		width: 101%;
		position: absolute;
		top: 0;
		bottom: 0;
		right: -100%;
		z-index: -1;
		content: '';
	}

	h1 {
		margin: 0;
		padding: 3px 0 0 0;
		line-height: 20px;
		font-size: 20px;

		@media (min-width: 1200px) {
			float: left;
		}

	}

	ul {
		background: none;
		margin: 0;
		padding: 0;
		border: none;
		.border-radius(0);
		.box-shadow(none);
		line-height: 16px;

		@media (min-width: 1200px) {
			float: right;
		}

		li {
			margin: 0;
			padding: 0;
			line-height: 16px;
			font-family: @AsapFontFamily;
			font-size: 12px;
			font-weight: 700;
			text-shadow: none;
			text-transform: uppercase;
			color: #464646;

			&.active {
				color: #fb4554;
			}

			&.divider {
				margin: 0 3px;

				&:after {
					line-height: 16px;
					font-family: @AsapFontFamily;
					font-size: 12px;
					font-weight: 700;
					text-shadow: none;
					text-transform: uppercase;
					color: #464646;
				}

			}

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

				&:focus {
					text-decoration: none;
					color: #464646;
				}

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

			}

		}

	}

}

.post-header {

	h2 {
		margin-bottom: 75px !important;
	}

}

.pagination {

	ul {

		li {

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

		}

	}

}

article.post {

	h3 {
		line-height: 24px;
		font-size: 20px;
		color: #f4a805;
	}

}

.post_meta {

	i {
		color: #aaa4ab;
	}

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

		&:focus {
			text-decoration: none;
			color: #aaa4ab;
		}

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

	}

}

.post-author {
	background: none;
	padding: 15px 20px 20px 20px;

	h3 {
		margin: 0 0 15px 0;
		line-height: 24px;
		font-size: 20px;
	}

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

		img {
			padding: 0;
			border: none;
		}

	}

	.post-author_desc {

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

	}

	.post-author_link {
		margin: 15px 0 0 0;

		p {
			margin: 0;
			line-height: 24px;
			font-family: @AsapFontFamily;
			font-size: 20px;
			font-weight: 700;
			text-transform: uppercase;
			color: #464646;

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

				&:focus {
					text-decoration: none;
					color: #fb4554;
				}

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

			}

		}

	}

}

.related-posts {

	h3 {
		margin-bottom: 70px;
	}

	ul {

		li {
			line-height: 18px;
			font-size: 14px;
			color: #8f8f8f;

			a {
				text-decoration: none;
				color: #8f8f8f;

				&:focus {
					text-decoration: none;
					color: #8f8f8f;
				}

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

			}

		}

	}

}

.comment-list {

	li {

		.comment-body {
			background: none !important;

			.comment-author {

				img {
					padding: 10px;
					border: 1px solid #bec0c3;
				}

			}

			.extra-wrap {

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

			}

			.author {
				display: block;
				float: none;
				width: 100%;
				padding: 12px 0 0 0;
				.hyphens(auto);
				line-height: 24px;
				font-size: 20px;
				text-transform: uppercase;
				color: #fb4554;
			}

			.reply {
				line-height: 24px;

				a {
					background: none;
					margin: 0;
					padding: 0;
					line-height: 24px;
					font-family: @AsapFontFamily;
					font-size: 20px;
					font-weight: 700;
					text-transform: uppercase;
					color: #fb4554;

					&:focus {
						text-decoration: none;
						color: #fb4554;
					}

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

				}

			}

			.comment-meta {
				margin: 0;
				padding: 0;
				line-height: 23px;
				font-family: @AsapFontFamily;
				font-size: 20px;
				font-weight: 700;
				text-transform: uppercase;
				color: #464646;
			}

		}

	}

}

#commentform {

	p {
		width: 100%;
		overflow: hidden;
	}

	textarea {

		html.ie8 & {
			width: 500px;
			max-width: 500px;
			min-width: 500px;
		}

	}

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

		html.ie8 & {
			float: left;
		}

	}

}

.error404-holder {

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

	.error404-holder_num {
		color: #fb4554;

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

	}

	h2 {
		margin: 0;
		line-height: 30px;
		font-size: 30px;
	}

}

.wpcf7-form {

	input[type="text"], input[type="email"], textarea {
		padding: 4px 8px !important;
	}

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

}

.filter-wrapper {
	padding: 11px 0 75px 0;
	text-align: center;

	@media (max-width: 480px) {
		text-align: left;
	}

	.pull-right {
		float: none;

		@media (max-width: 480px) {
			float: right;
		}

	}

	strong {
		display: inline-block;
		float: none;
		margin: 0;
		padding: 0;
		vertical-align: top;
		line-height: 24px;
		font-family: @AsapFontFamily;
		font-size: 20px;
		font-weight: 700;
		text-transform: uppercase;
		color: #464646;

		@media (max-width: 767px) {
			line-height: 18px;
			font-size: 14px;
		}

	}

	ul {
		display: inline-block;
		float: none;
		margin: 0;
		padding: 0;
		vertical-align: top;

		li {
			margin: 0 0 0 30px;
			padding: 0;
			list-style: none;

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

			&.active {

				a {
					background: none;
					.box-shadow(none);
					text-decoration: none;
					color: #fb4554;

					&:focus {
						background: none;
						.box-shadow(none);
						text-decoration: none;
						color: #fb4554;
					}

					&:hover {
						background: none;
						.box-shadow(none);
						text-decoration: none;
						color: #fb4554;
					}

				}

			}

			a {
				background: none;
				margin: 0;
				padding: 0;
				.border-radius(0);
				.box-shadow(none);
				vertical-align: top;
				line-height: 24px;
				font-family: @AsapFontFamily;
				font-size: 20px;
				font-weight: 700;
				text-transform: uppercase;
				color: #464646;

				@media (max-width: 767px) {
					line-height: 18px;
					font-size: 14px;
				}

				&:focus {
					background: none;
					.box-shadow(none);
					text-decoration: none;
					color: #fb4554;
				}

				&:hover {
					background: none;
					.box-shadow(none);
					text-decoration: none;
					color: #fb4554;
				}

			}

		}

	}

}

#portfolio-grid {

	li {
		line-height: 21px;
		text-align: center;

		.thumbnail {
			margin: 0 0 21px 0;
			padding: 5px;
			border: 1px solid #dedede;
			.border-radius(0);
		}

		h3 {
			margin: 0 0 19px 0;
			padding: 0;
			line-height: 28px;
			font-size: 21px;
			text-transform: none;
			color: #464646;

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

				&:focus {
					text-decoration: none;
					color: #464646;
				}

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

			}

		}

	}

}

.type-portfolio {

	.thumbnail {

		&.large {
			margin: 0;
		}

	}

}

ul.pager {
	margin-top: 30px;

	li {

		a {
			.border-radius(0);
		}

	}

}

article.type-services {

	.thumbnail {
		background: none;
		float: left;
		margin: 5px 20px 5px 0 !important;
	}

}

article.testimonial {

	.thumbnail {
		background: none;
	}

}

article.type-testi {

	.thumbnail {
		background: none;
		float: left;
		margin: 5px 20px 10px 0 !important;
	}

}

.archive_lists {

	h3 {
		margin: 0 0 20px 0;
		line-height: 24px;
		font-size: 18px;
		color: #f4a805;
	}

}

.faq-list {

	h4 {
		margin: 0;
	}

}

.google-map-custom-class {

	@media (max-width: 767px) {
		height: 300px;
	}

}

/*/ Misc */


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