.hero-header,
.product-header {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center
}

#fancybox-loading,
.btn-default.focus,
.btn-default:focus,
.btn-primary.focus,
.btn-primary:focus,
.cta-primary .btn-primary.focus,
.cta-primary .btn-primary:focus {
	cursor: pointer
}

.testmonials p,
blockquote {
	font-style: italic
}

.fancybox-nav,
.footer-blog ul li a:active,
.footer-blog ul li a:hover,
.footer-blog ul li a:link,
.footer-blog ul li a:visited,
.portfolio-section figure .inner-overlay-content.with-icons a,
.sidebar .nav>li>a,
.vide-icon,
.vide-icon:active,
.vide-icon:hover,
.vide-icon:link,
.vide-icon:visited,
a:focus,
a:hover,
footer a:active,
footer a:hover,
footer a:link,
footer a:visited,
ul.filter>li>a:focus,
ul.filter>li>a:hover {
	text-decoration: none
}

body,
html {
	/* height: 100%; */
	font-family: 'Poppins', sans-serif;
	color: #7a7c82;
}

@media (min-width:768px) {
	body {
		margin-top: 85px
	}

}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	margin-top: 0;
	font-weight: 600
}

.title-light,
p {
	font-family: 'Poppins', sans-serif;
}

blockquote,
p {
	font-weight: 400;
	line-height: 25px;
	color: #7a7c82
}

a,
h1,
h2,
span {
	color: #ff9427
}

h3,
h4,
h5,
h6 {
	color: #333
}

h1 {
	font-size: 24px;
	line-height: 55px
}

h2 {
	font-size: 22px;
	line-height: 40px
}

h3 {
	font-size: 20px;
	line-height: 20px
}

h4 {
	font-size: 17px;
	line-height: 14px
}

h5 {
	font-size: 16px;
	line-height: 12px
}

blockquote,
h6,
p {
	font-size: 15px
}

h6 {
	line-height: 10px
}

p {
	margin-bottom: 15px
}

.title-underline,
.title-underline-center {
	height: 3px;
	width: 70px;
	background-color: #ff9427;
	margin-top: 5px;
	margin-bottom: 30px
}

a:focus,
a:hover {
	color: #c84600;
	outline: 0
}

.title-section {
	font-size: 42px
}

.title-regular {
	font-weight: 500;
	color: #333
}

.title-underline {
	margin-left: 0
}

.title-light {
	font-weight: 300
}

.text-center {
	text-align: center
}

.text-white {
	color: #fff
}

.box-icon {
	color: #ff9427;
	position: relative;
	line-height: 0;
	font-size: 36px
}

.box-icon-absolute {
	position: absolute;
	top: 0;
	left: 0
}

.social-icon {
	font-size: 24px;
	padding: 0 4px
}

.btn-primary {
	background-color: #ff9427;
	border-color: #ff9427;
	color: #FFF;
	outline: 0
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #333;
	border-color: #333;
	outline: 0
}

.btn-default {
	background-color: #ff9427;
	border-color: #ff9427;
	color: #FFF;
	outline: 0
}

.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus,
.btn-default:active,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
	color: #fff;
	background-color: #333;
	border-color: #333;
	outline: 0
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
	padding: 3px 5px
}

.btn-link {
	color: #ff9427
}

.form-control,
.progress-skillbar-title {
	color: #7a7c82
}

.form-control {
	width: 100%;
	padding: 6px 12px;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #eee;
	font-size: 14px
}

.form-control:focus {
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	border: none;
	outline: 0
}

.progress-bar {
	background-color: #ff9427;
	line-height: 15px
}

.progress {
	height: 15px
}

.progress-completed {
	margin-left: 10px;
	color: #7a7c82
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background-color: #ff9427;
	color: #fff
}

.tabs .nav-tabs li.active a {
	color: #fff
}

.tab-pane {
	padding: 15px 0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #ff9427;
	border-color: #ff9427
}

.pagination>li>a,
.pagination>li>span {
	color: #7a7c82
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #ff9427
}

.label-primary,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	background-color: #ff9427
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	background-color: #ff9427;
	border-color: #ff9427
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
	color: #fff
}

.panel-primary>.panel-heading {
	background-color: #ff9427;
	border-color: #ff9427
}

.panel-primary {
	border-color: #ff9427
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.page-section,
.page-section-no-padding {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden
}

.img-responsive {
	max-width: 100%;
	height: auto
}

.divider {
	margin: 0;
	border-top: 1px solid #eee
}

.page-section {
	padding: 130px 0
}

.section-grey {
	background-color: #eee;
	-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, .07);
	-moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, .07);
	box-shadow: inset 0 0 7px rgba(0, 0, 0, .07)
}

.col-centered {
	display: inline-block;
	float: none;
	text-align: left;
	margin-right: -4px
}

.padding-0 {
	padding: 0
}

.margin-0 {
	margin: 0
}

.margin-bottom-10 {
	margin-bottom: 10px
}

.margin-bottom-15 {
	margin-bottom: 15px
}

.margin-bottom-25 {
	margin-bottom: 25px
}

.margin-bottom-30 {
	margin-bottom: 30px
}

.margin-bottom-35 {
	margin-bottom: 35px
}

.margin-bottom-40 {
	margin-bottom: 40px
}

.margin-bottom-50 {
	margin-bottom: 50px
}

.margin-bottom-60 {
	margin-bottom: 60px
}

.margin-bottom-82 {
	margin-bottom: 82px
}

.margin-bottom-130 {
	margin-bottom: 130px
}

.margin-top-10 {
	margin-top: 10px
}

.margin-top-25 {
	margin-top: 25px
}

.margin-top-30 {
	margin-top: 30px
}

.margin-top-35 {
	margin-top: 35px
}

.margin-top-40 {
	margin-top: 40px
}

.margin-top-45 {
	margin-top: 45px
}

.margin-top-50 {
	margin-top: 50px
}

.margin-top-60 {
	margin-top: 60px
}

.margin-top-70 {
	margin-top: 70px
}

.margin-top-100 {
	margin-top: 100px
}

.margin-top-130 {
	margin-top: 130px
}

.margin-top-182 {
	margin-top: 182px
}

.padding-30 {
	padding: 30px 0
}

.padding-60 {
	padding: 60px 0
}

@media (max-width:991px) {
	.container-fluid,
	.row {
		margin: 0;
		padding: 0
	}

}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
	margin-right: 0;
	margin-left: 0
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: none
}

.logo {
	max-width: 120px;
	height: auto;
	padding: 0px 0
}

@media(min-width:768px) {
	.navbar {
		padding: 20px 0;
		-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
		transition: background .5s ease-in-out, padding .5s ease-in-out
	}

	.top-nav-collapse {
		padding: 0
	}

}

.navbar-nav {
	margin-top: 0
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: initial;
	color: #ff9427
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #ff9427
}

.navbar-default .navbar-nav>li>a {
	color: #7a7c82;
	font-size: 16px;
	font-weight: 600
}

@media (min-width:768px) {
	.dropdown-menu>li>a {
		color: #7a7c82;
		background-color: initial
	}

	.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:focus,
	.dropdown-menu>.active>a:hover,
	.dropdown-menu>li>a:focus,
	.dropdown-menu>li>a:hover {
		color: #fff;
		background-color: #ff9427
	}

	.dropdown-menu li a {
		width: 200px;
		padding: 6px 15px;
		font-size: 14px;
		font-weight: 600
	}

	ul.nav li.dropdown:hover ul.dropdown-menu {
		display: block;
		margin-top: 0
	}

}

.dropdown-header {
	font-weight: 600;
	padding: 6px 15px;
	font-size: 16px;
	color: #ff9427
}

.hero-header {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
	color: #fff
}

.hero-header .intro-text {
	padding-top: 100px;
	padding-bottom: 50px
}

.hero-header .intro-text .intro-lead-in {
	font-style: italic;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 25px
}

.hero-header .intro-text .intro-heading {
	font-weight: 700;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 25px
}

.hero-header .video-holder {
	margin: 25px 0
}

.hero-header video {
	max-width: 700px;
	width: 100%
}

@media (min-width:768px) {
	.hero-header .intro-text {
		padding-top: 300px;
		padding-bottom: 200px
	}

	.hero-header .intro-text .intro-lead-in {
		font-style: italic;
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 25px
	}

	.hero-header .intro-text .intro-heading {
		font-weight: 700;
		font-size: 75px;
		line-height: 75px;
		margin-bottom: 50px
	}

}

.product-header {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
	color: #fff
}

.product-header .header-content {
	text-align: center;
	padding: 150px 0 50px;
	position: relative
}

.product-header .header-content .header-content-inner {
	position: relative;
	max-width: 500px;
	margin: 0 auto
}

.product-header .header-content .header-content-inner h1 {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 30px;
	color: #fff
}

.product-header .header-content .header-content-inner p {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 16px;
	color: #fff
}

.product-header img {
	padding: 50px 0
}

@media (min-width:768px) {
	.product-header {
		min-height: 100%
	}

	.product-header .header-content {
		text-align: left;
		padding: 0;
		height: 100vh
	}

	.product-header .header-content .header-content-inner {
		max-width: none;
		margin: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}

	.product-header .header-content .header-content-inner h1 {
		font-size: 35px
	}

}

@media (min-width:992px) {
	.product-header .header-content .header-content-inner h1 {
		font-size: 50px
	}

}

.carousel-caption h3,
.carousel-caption p {
	color: #fff
}

.sidebar-header {
	color: #ff9427
}

.sidebar .nav>li>a {
	color: #333;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	display: block;
	line-height: 20px
}

.sidebar .caret-right {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid;
	display: inline-block;
	height: 0;
	vertical-align: middle;
	width: 0;
	margin-right: 5px
}

.sidebar .widget {
	margin: 0 0 20px
}

. .form-inline {
	display: inline
}

@media (max-width:500px) {
	.form-inline {
		font-size: 12px
	}

}

.page-header {
	background-color: #333;
	border-bottom: 5px solid #ccc;
	margin: 0 0 35px;
	min-height: 50px;
	padding: 20px 0;
	position: relative;
	text-align: left
}

.page-header .breadcrumb {
	background: 0 0;
	margin: -3px 0 0;
	padding: 0
}

.page-header h1 {
	border-bottom: 5px solid #ff9427;
	color: #FFF;
	display: inline-block;
	font-weight: 600;
	margin: 0 0 -25px;
	font-size: 36px;
	padding: 0 0 17px
}

.page-header li {
	color: #fff
}

.page-header-picture {
	background: center no-repeat #333;
	background-size: cover;
	text-align: center
}

.page-header-picture-content {
	background: rgba(0, 0, 0, .2);
	padding: 150px 0
}

.page-header-picture-content h2 {
	font-size: 46px;
	color: #fff
}

.page-header-picture-content p {
	color: #fff;
	margin: 0
}

.sec-alternative {
	background: #333
}

.sec-alternative h1,
.sec-alternative h2,
.sec-alternative h3,
.sec-alternative h4,
.sec-alternative h5,
.sec-alternative h6,
.sec-alternative p,
.sec-alternative span.title-regular {
	color: #fff
}

.sec-alternative .title-underline {
	background-color: #fff
}

.sec-alternative .box-icon {
	color: #eee;
	line-height: 0;
	font-size: 36px
}

.cta h2,
.cta-primary p {
	color: #fff
}

.cta {
	padding: 20px 15px
}

.cta h2,
.cta p {
	margin: 0 0 15px;
	text-align: center
}

.cta h2 {
	font-size: 36px;
	font-weight: 400
}

.cta h2 span {
	color: #fff;
	font-weight: 700
}

.cta-button {
	margin: 5px 0;
	text-align: center
}

.cta-button a {
	margin-right: 15px
}

.cta-primary {
	background-color: #ff9427
}

.cta-primary .btn-primary {
	background-color: #fff;
	border-color: #c84600;
	color: #ff9427;
	outline: 0
}

.btn-primary.active.focus,
.cta-primary .btn-primary.active:focus,
.cta-primary .btn-primary.active:hover,
.cta-primary .btn-primary.activey,
.cta-primary .btn-primary.focus,
.cta-primary .btn-primary:active,
.cta-primary .btn-primary:active.focus,
.cta-primary .btn-primary:active:focus,
.cta-primary .btn-primary:active:hover,
.cta-primary .btn-primary:focus,
.cta-primary .btn-primary:hover {
	color: #fff;
	background-color: #333;
	border-color: #333;
	outline: 0
}

.feature .fa,
.intro .fa {
	display: block;
	color: #ff9427
}

@media (min-width:992px) {
	.cta h2,
	.cta p {
		text-align: left;
		margin: 0
	}

	.cta-button {
		text-align: right
	}

}

.fancybox-title-float-wrap,
.feature-box .feature-box-icon,
.filter-container,
.filter-section h1,
.portfolio-section figure .inner-overlay-content.with-icons,
.product,
.product ul,
.video-container {
	text-align: center
}

.intro .fa {
	font-size: 42px
}

.intro label {
	font-size: 18px;
	margin: 0
}

.intro label strong {
	font-size: 52px
}

.feature .fa {
	font-size: 64px;
	margin-bottom: 14px
}

.feature-box {
	padding: 15px 0
}

.feature-box h4 {
	margin: 0
}

.feature-box .feature-box-icon {
	background: #ff9427;
	border-radius: 35px;
	color: #FFF;
	display: inline-block;
	float: left;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	position: relative;
	width: 35px
}

.team-member h2 {
	margin: 0
}

.team-member h3 {
	font-weight: 400
}

.team-member .col-md-4 {
	margin: 50px 0
}

.team-content {
	padding: 50px 10px
}

.team-content i {
	padding: 0 10px;
	font-size: 30px
}

.spotlight-img-cont {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 450px;
	padding: 30px 0
}

.spotlight-container {
	padding: 30px 0
}

@media (min-width:992px) {
	.spotlight-container {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.spotlight-img-cont {
		margin: 0
	}

}

.product {
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	color: #fff;
	line-height: 30px;
	background-color: #333
}

.product ul {
	list-style: none;
	margin: 0;
	padding-left: 0
}

.product ul li {
	padding: 10px 0
}

.product ul li i {
	margin-right: 5px
}

.product .price {
	padding: 40px 10px 20px;
	font-size: 64px;
	font-weight: 600
}

.product .price small {
	display: block;
	font-size: 12px;
	margin-top: 10px
}

.product .type {
	background-color: #ff9427;
	padding: 20px;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 30px
}

.popular .type {
	background-color: #333
}

.product .pricing-footer {
	padding: 20px
}

.popular .pricing-footer .btn-primary {
	background-color: #fff;
	border-color: #c84600;
	color: #ff9427;
	outline: 0
}

.popular .pricing-footer .btn-primary.focus,
.popular .pricing-footer .btn-primary:focus {
	color: #fff;
	background-color: #333;
	border-color: #333;
	cursor: pointer;
	outline: 0
}

.popular .pricing-footer .btn-primary.active.focus,
.popular .pricing-footer .btn-primary.active:focus,
.popular .pricing-footer .btn-primary.active:hover,
.popular .pricing-footer .btn-primary.activey,
.popular .pricing-footer .btn-primary:active,
.popular .pricing-footer .btn-primary:active.focus,
.popular .pricing-footer .btn-primary:active:focus,
.popular .pricing-footer .btn-primary:active:hover,
.popular .pricing-footer .btn-primary:hover {
	color: #fff;
	background-color: #c84600;
	border-color: #ff9427;
	outline: 0
}

.pricing-table>.col-lg-3,
.pricing-table>.col-lg-4,
.pricing-table>.col-md-3,
.pricing-table>.col-md-4,
.pricing-table>.col-sm-3,
.pricing-table>.col-sm-4 {
	padding-left: 0;
	padding-right: 0
}

@media (max-width:768px) {
	.pricing-table>.col-lg-3,
	.pricing-table>.col-lg-4,
	.pricing-table>.col-md-3,
	.pricing-table>.col-md-4,
	.pricing-table>.col-sm-3,
	.pricing-table>.col-sm-4 {
		padding-left: 0;
		padding-right: 0;
		margin: 20px 0
	}

}

.product.popular {
	margin-top: -20px;
	background-color: #ff9427
}

.testmonial {
	padding: 50px
}

.testmonial img {
	padding: 25px
}

.blockquote-footer {
	background-color: initial;
	padding: 0
}

.client-logo {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.client-logo:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

.blog-listing article {
	margin-bottom: 50px
}

.blog-listing h2 {
	margin-bottom: 0
}

.blog-listing .img-thumbnail {
	margin-bottom: 15px
}

.blog-listing .title-underline {
	margin-top: 5px;
	margin-bottom: 5px
}

.post-meta {
	font-size: 14px;
	margin: 0 0 15px
}

.post-meta span {
	margin-right: 5px
}

ul.post-list {
	list-style: none;
	margin: 0;
	padding: 0
}

ul.post-list li {
	border-bottom: 1px dotted #ccc;
	padding: 15px 0
}

ul.post-list .post-image {
	float: left;
	margin-right: 12px
}

ul.post-list .post-info {
	line-height: 18px;
	padding: 12px 0
}

ul.post-list .post-meta {
	color: #eee;
	font-size: .8em
}

.tags a {
	display: inline-block;
	margin: 0 2px 5px 0;
	padding: 3px 10px;
	border: 1px solid #333;
	color: #333;
	letter-spacing: 1px
}

.tags a:hover {
	background: #333;
	color: #fff;
	border: 1px solid #eee
}

.post-block {
	border-top: 1px solid #eee;
	margin: 15px 0 0;
	padding: 20px 0 15px
}

.post-block ul {
	padding: 0
}

.post-block h3 {
	font-weight: 200;
	margin: 20px 0
}

.post-block h3 i {
	margin-right: 7px
}

.post-author .img-thumbnail {
	display: inline-block;
	max-width: 150px;
	margin-right: 15px
}

.post-author p {
	font-size: .9em;
	line-height: 22px;
	margin: 0;
	padding: 0
}

ul.comments li {
	clear: both;
	padding: 30px 0 0 115px;
	list-style: none
}

ul.comments li img.avatar {
	height: 80px;
	width: 80px
}

ul.comments li .img-thumbnail {
	margin-left: -115px;
	position: absolute
}

ul.comments .comment-block {
	background: #eee;
	padding: 20px 20px 30px;
	position: relative
}

ul.comments .comment-block .comment-by {
	display: block;
	margin: 0;
	padding: 0 0 5px
}

@media (max-width:479px) {
	ul.comments li {
		clear: both;
		padding: 0 0 0 10px
	}

	ul.comments li .img-thumbnail {
		display: none
	}

	ul.comments .comment-block {
		margin: 15px 0
	}

}

.testmonial-container {
	background-position: center top;
	background-size: 100% auto
}

.testmonial-content {
	background: rgba(0, 0, 0, .5);
	padding: 50px 0
}

.testmonial-content p {
	color: #fff
}

#map {
	height: 742px
}

.map-page-header #map {
	height: 400px
}

.contact-container {
	padding: 100px 30px
}

footer {
	background-color: #222;
	padding: 60px 0
}

footer a,
footer p {
	color: #fff
}

footer ul {
	padding: 0
}

.footer-blog ul li,
.footer-menu ul li {
	list-style: none;
	padding: 0 0 10px
}

.footer-logo {
	width: 70px;
	margin-bottom: 30px
}

.footer-menu h4 {
	color: #fff;
	margin-bottom: 30px
}

.footer-blog h4 {
	color: #fff;
	margin-bottom: 30px
}

footer .col-md-3 {
	margin-bottom: 35px
}

.footer2-container {
	background-color: #111;
	width: 100%;
	background-position: center top;
	background-size: 100% auto;
	padding: 20px 0;
	margin: 0
}

.video-container {
	background: center top fixed #333;
	background-size: 100% auto;
	text-decoration: none
}

.video-content {
	background: rgba(0, 0, 0, .5);
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	font-size: 36px
}

.vide-icon {
	font-style: none;
	color: #eee;
	font-size: 36px
}

.hovereffect {
	overflow: hidden
}

.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0
}

.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.hovereffect .info {
	transition: all .3s ease-in;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff
}

.hovereffect:hover .info {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.hovereffect:hover img {
	-webkit-filter: brightness(50%);
	filter: brightness(50%)
}

.portfolio-section {
	padding-bottom: 40px
}

.filter-section {
	padding-top: 40px
}

.filter-container {
	padding: 20px
}

ul.filter>li>a {
	color: #7a7c82;
	font-size: 20px;
	line-height: 40px
}

ul.filter>li>a:focus,
ul.filter>li>a:hover {
	color: #c84600;
	outline: 0
}

ul.filter>li.active a {
	color: #ff9427
}

ul.filter>li span {
	color: #7a7c82;
	font-size: 20px;
	display: inline-block;
	margin: 0 5px
}

.filter-section .filter-container .filter>li {
	padding: 0;
	margin: 0
}

.portfolio-section.port-col figure .overlay-background {
	background-color: #000;
	background-color: rgba(0, 0, 0, .4)
}

.portfolio-section figure {
	float: left;
	width: 100%;
	position: relative
}

.portfolio-section figure img {
	width: 100%;
	height: auto
}

.portfolio-section .article-title {
	text-align: center;
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0 30px
}

.portfolio-section figure:hover .overlay {
	opacity: 1;
	visibility: visible
}

.portfolio-section figure:hover .overlay-background {
	opacity: .8;
	visibility: visible
}

.portfolio-section figure .overlay-background {
	z-index: 1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%
}

.portfolio-section figure .overlay-background .inner {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: 0;
	background-color: #c8e9c8;
	background-color: rgba(0, 0, 0, .8)
}

.portfolio-section figure .overlay {
	z-index: 2;
	transition: all .2s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%
}

.portfolio-section figure .inner-overlay {
	display: table;
	width: 100%;
	height: 100%
}

.portfolio-section figure .inner-overlay-content {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 20px 40px
}

.portfolio-section figure .inner-overlay-content.with-icons a {
	width: 40px;
	height: 40px;
	line-height: 42px;
	display: inline-block;
	margin: 0 10px;
	font-size: 20px;
	background: rgba(0, 0, 0, .9);
	color: #fff;
	border-radius: 0
}

.isotopeSelector {
	padding-bottom: 30px
}

.project-content {
	padding: 20px
}

.isotopeSelector img {
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease
}

.isotopeSelector:hover img {
	-moz-transform: scale(1) rotate(0);
	-webkit-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease
}

.isotopeSelector figure {
	overflow: hidden;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2)
}

.portfolio-section .info-head {
	margin-bottom: 10px
}

.portfolio-section .info-head h3 {
	font-size: 26px;
	line-height: 20px;
	color: #ff9427
}

.portfolio-section .info a,
.portfolio-section .info p,
.portfolio-section .info-head h4 {
	color: #fff
}

.grid:after {
	content: '';
	display: block;
	clear: both
}

.grid-item,
.grid-sizer {
	width: 33.333%
}

.grid-item {
	float: left
}

.grid-item img {
	display: block;
	max-width: 100%
}

.isotpe-gallery {
	padding: 0
}

.portfolio-details {
	font-size: 12px
}

.portfolio-gallery {
	margin-top: 30px;
	margin-bottom: 30px
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: top
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
	position: relative
}

.fancybox-skin {
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.fancybox-opened {
	z-index: 8030
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner {
	overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}

.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
	display: block;
	width: 100%;
	height: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
	background-image: url(../img/fancybox/fancybox_sprite.png)
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	z-index: 8060
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
	cursor: pointer;
	z-index: 8040;
	position: absolute
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../img/fancybox/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px
}

.fancybox-nav {
	top: 0;
	width: 40%;
	height: 100%;
	background: url(../img/fancybox/blank.gif);
	-webkit-tap-highlight-color: transparent
}

.fancybox-prev {
	left: 0
}

.fancybox-next {
	right: 0
}

.fancybox-nav span {
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	visibility: hidden
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px
}

.fancybox-nav:hover span {
	visibility: visible
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important
}

.fancybox-lock,
.fancybox-lock body {
	overflow: hidden !important
}

.fancybox-lock {
	width: auto
}

.fancybox-lock-test {
	overflow-y: hidden !important
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../img/fancybox/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050
}

.fancybox-opened .fancybox-title {
	visibility: visible
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: 0 0;
	background: rgba(0, 0, 0, .8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: 700;
	line-height: 24px;
	white-space: nowrap
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}

.fancybox-title-inside-wrap {
	padding-top: 10px
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8)
}

html.fancybox-lock {
	overflow: visible !important
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	#fancybox-loading,
	.fancybox-close,
	.fancybox-next span,
	.fancybox-prev span {
		background-image: url(../img/fancybox/fancybox_sprite@2x.png);
		background-size: 44px 152px
	}

	#fancybox-loading div {
		background-image: url(../img/fancybox/fancybox_loading@2x.gif);
		background-size: 24px 24px
	}

}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-nav [class*=owl-] {
	background: #ff9427 !important
}