.section-block-bg,
.section-block-parallax {
	background-position: 50% 50%;
	padding: 90px 0
}

.blog-list,
.video-effect {
	overflow: hidden
}

.section-block {
	padding: 90px 0;
	background-color: #fff
}

.section-block-grey {
	padding: 90px 0;
	background-color: #fbfbfb;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.section-block-parallax {
	background-size: cover;
	background-attachment: fixed
}

.section-block-bg {
	background-size: 90%;
	background-repeat: no-repeat
}

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

.section-heading h2 {
	position: relative;
	text-transform: uppercase;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	line-height: 130%;
	background: #bda87f;
	letter-spacing: 1.5px;
	padding: 10px 15px;
	margin-bottom: 20px
}

.section-heading h2:after {
	content: '';
	position: absolute;
	display: block;
	border-bottom: 2px solid #bda87f;
	width: 590px;
	margin-left: -590px;
	margin-top: -7px;
	padding-top: 15px
}

.section-heading h3 {
	position: relative;
	font-size: 29px;
	font-weight: 700;
	color: #2d2d2d;
	line-height: 160%;
	margin-bottom: 10px
}

.section-heading h4 {
	position: absolute;
	font-size: 129px;
	font-weight: 900;
	color: #f7f7f7;
	line-height: 160%;
	margin-bottom: 10px;
	margin-left: -300px;
	z-index: 0
}

.section-heading p {
	font-size: 15px;
	font-weight: 500;
	color: #979797;
	line-height: 160%;
	padding-top: 10px;
	margin-bottom: 0
}

.section-heading span {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #bda87f;
	line-height: 160%
}

.page-title h1,
.page-title h6 {
	font-weight: 500;
	color: #fff;
	text-align: center
}

.page-title {
	padding: 70px 0;
	background-color: #1d1d1d;
	background-size: cover;
	background-position: top
}

.page-title h1:before {
	content: '';
	display: block;
	width: 90px;
	height: 2px;
	margin: auto auto 10px;
	background: #fff
}

.page-title h1 {
	font-size: 43px;
	letter-spacing: 1px;
	margin: 10px 0;
	text-shadow: 7px 7px 0 rgba(150, 150, 150, .2)
}

.page-title h6 {
	font-size: 12px;
	letter-spacing: 15px;
	text-transform: uppercase;
	margin-top: 10px
}

.affix {
	top: 0;
	width: 100%;
	z-index: 99999
}
.navbar-toggle{
	padding: 27px 10px!important;
}

.navbar-nav {
	margin: 0
}

.navbar-header-custom {
	background: #fff;
	padding: 5px 0
}

.navbar-logo img {
	max-width: 100%;
	margin-left: 15px;
	max-height: 85px
}

.navbar-custom {
	background: #fff;
	border: none;
	border-radius: 0;
	padding: 0;
	border-bottom: 1px solid #f3f3f3;
	box-shadow: 0 0 65px rgba(0, 0, 0, .09);
	margin-bottom: 0
}

.navbar-custom .navbar-links-custom li {
	padding: 16px 2px
}

.navbar-custom .navbar-links-custom li a {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #2d2d2d;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-list-button a,
.blog-side-title h4 {
	letter-spacing: 1.5px;
	text-transform: uppercase
}

.navbar-custom .navbar-links-custom li a i {
	font-size: 9px;
	font-weight: 400
}

.navbar-custom .navbar-links-custom li a:hover {
	color: #bda87f
}

.navbar-custom .navbar-toggle .icon-bar {
	background-color: #bda87f
}

@media screen and (max-width:767px) {
	.navbar-custom .navbar-links-custom li {
		font-size: 13px;
		font-weight: 700;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		border-bottom: 1px solid #e6e6e6;
		padding: 0;
		margin: 0
	}
	.navbar-custom .navbar-links-custom li:last-child {
		border-bottom: none
	}
	.navbar-custom .navbar-links-custom li a {
		margin: 0;
		padding: 15px
	}
	.navbar-default .navbar-links-custom .open .dropdown-menu>li>a {
		color: #2d2d2d;
		font-size: 10px;
		padding: 2px 0 7px 15px
	}
}

.navbar-links-custom .dropdown ul {
	background: rgba(255, 255, 255, .85);
	border: none;
	border-radius: 0;
	padding: 10px;
	margin-left: 5px;
	-webkit-box-shadow: 0 5px 9px 0 rgba(50, 50, 50, .15);
	-moz-box-shadow: 0 5px 9px 0 rgba(50, 50, 50, .15);
	box-shadow: 0 5px 9px 0 rgba(50, 50, 50, .15)
}

.navbar-links-custom .dropdown ul li {
	padding: 0;
	border: none
}

.navbar-links-custom .dropdown ul li a {
	font-weight: 600;
	padding: 10px 15px;
	width: 190px;
	text-transform: uppercase;
	text-align: left;
	color: #2d2d2d
}

.navbar-links-custom .dropdown ul li a:hover {
	background: 0 0!important;
	color: #bda87f!important
}

.navbar-links-custom .dropdown .dropdown-toggle:after {
	content: "\f107";
	font-family: FontAwesome;
	padding-left: 6px
}

.active-link a {
	color: #bda87f!important
}

@media screen and (max-width:767px) {
	.navbar-links-custom .dropdown ul li a:hover {
		color: #bda87f!important
	}
}

.menu-icon {
	border: none;
	background: 0 0
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: transparent
}

@media (max-width:991px) {
	.navbar-header {
		float: none
	}
	.navbar-left,
	.navbar-nav,
	.navbar-right {
		float: none!important
	}
	.navbar-toggle {
		display: block
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px
	}
	.navbar-collapse.collapse {
		display: none!important
	}
	.navbar-nav {
		margin-top: 7.5px
	}
	.navbar-nav>li {
		float: none
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.collapse.in {
		display: block!important
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.navbar-links-custom {
		padding-bottom: 5px
	}
	.navbar-custom .navbar-links-custom li {
		padding: 5px 0 0 5px
	}
}

.project-title h2,
.project-title h3 {
	position: relative;
	font-weight: 700;
	color: #2d2d2d;
	margin-bottom: 10px
}

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

.project-title h2 {
	font-size: 40px;
	line-height: 130%
}

.project-title h2:after {
	content: '';
	display: block;
	border-bottom: 5px solid #2d2d2d;
	width: 70px;
	padding-top: 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.feature-box,
.primary-button {
	-webkit-transition-duration: .3s
}

.project-title h3 {
	font-size: 29px;
	line-height: 160%
}

.project-row:hover .project-title h2:after {
	content: '';
	display: block;
	border-bottom: 5px solid #bda87f;
	width: 130px;
	padding-top: 15px
}

.feature-box {
	background: 0 0;
	border-radius: 5px;
	margin: 35px 0 15px;
	transition-duration: .3s
}

.box-content h5,
.box-content p {
	color: #fff;
	line-height: 180%;
	margin-left: 15px
}

.box-icon {
	float: left;
	width: 10%;
	text-align: center;
	padding-top: 15px
}

.box-icon i {
	font-size: 25px;
	color: #fff;
	transition: all .2s ease-in-out
}

.box-content {
	float: right;
	width: 90%
}

.box-content h5 {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px
}

.box-content p {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 0
}

.countup-box h4,
.countup-box h4:after {
	font-size: 65px!important;
	font-weight: 500
}

.feature-box:hover {
	box-shadow: 0 0 50px 10px rgba(0, 0, 0, .06)
}

.countup-box {
	text-align: center;
	margin-top: 40px
}

@media screen and (max-width:767px) {
	.countup-box {
		margin: 20px 0
	}
}

.countup-box h4,
.countup-box h4:after,
.countup-box strong {
	text-align: center;
	margin: 10px 0;
	color: #fff;
	line-height: 130%
}

.countup-box h4 {
	text-shadow: 8px 8px 0 rgba(150, 150, 150, .3)
}

.countup-box h4:after {
	content: '+';
	text-shadow: 5px 5px 0 rgba(150, 150, 150, .3)
}

.countup-box strong {
	font-size: 14px!important;
	font-weight: 600;
	text-transform: uppercase
}

.countup-box i {
	font-size: 50px;
	color: #fff
}

.countup-box p {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	line-height: 130%
}

.testmonial-block h4,
.testmonial-block h6,
.testmonial-block p {
	font-weight: 400;
	color: #fff;
	text-align: left
}

.testmonial-block:before {
	content: '\f10d';
	font-family: FontAwesome;
	font-size: 60px;
	color: #fff;
	opacity: .5;
	position: absolute;
	margin-left: -80px
}

.testmonial-block {
	margin: 0 120px 0 150px
}

@media screen and (max-width:767px) {
	.testmonial-block {
		margin: 0
	}
}

@media screen and (max-width:991px) {
	.testmonial-block:before {
		display: none
	}
}

.clip-title h2,
.clip-title h3,
.clip-title h4,
.clip-title h5 {
	display: inline-block
}

.testmonial-block h4 {
	font-size: 25px
}

.testmonial-block h6 {
	font-size: 13px;
	opacity: .6;
	text-transform: uppercase;
	margin: 10px 0
}

.testmonial-block p {
	font-size: 16px;
	line-height: 180%
}

.text-content p,
.text-content-white-bg p {
	color: #676767;
	font-size: 13px;
	font-weight: 500;
	line-height: 200%;
	margin-bottom: 15px
}

.text-content-white-bg {
	background: rgba(255, 255, 255, .8);
	padding: 10px
}

.text-content-dark-bg {
	background: rgba(0, 0, 0, .6);
	padding: 10px
}

.text-content-dark-bg p {
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	line-height: 200%;
	margin-bottom: 15px
}

.clip {
	background-attachment: fixed;
	background-position: center;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	font-weight: 700;
	text-align: left
}

.clip-title h2 {
	font-size: 190px
}

.clip-title h3 {
	font-size: 140px
}

.clip-title h4 {
	font-size: 100px
}

.clip-title h5 {
	font-size: 60px
}

.outline-bordered-text-right {
	position: relative;
	z-index: 999
}

.outline-bordered-text-right:after {
	content: "";
	position: absolute;
	left: 80px;
	bottom: -70px;
	border: 7px solid rgba(255, 255, 255, .2);
	display: block;
	width: 50%;
	height: 200%;
	transition: all .3s linear 0s;
	z-index: -1
}

.outline-bordered-left:after,
.outline-bordered-right:after {
	content: "";
	border: 10px solid rgba(0, 0, 0, .05);
	display: block;
	transition: all .3s linear 0s
}

@media screen and (max-width:991px) {
	.outline-bordered-text-right:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		border: 10px solid rgba(0, 0, 0, .05);
		display: block;
		width: 100%;
		height: 50%;
		transition: all .3s linear 0s;
		z-index: -1
	}
}

.outline-bordered-right {
	position: relative;
	z-index: 999
}

.outline-bordered-right:after {
	position: absolute;
	right: 40px;
	bottom: -40px;
	width: 100%;
	height: 100%;
	z-index: -1
}

@media screen and (max-width:991px) {
	.outline-bordered-right:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		border: 10px solid rgba(0, 0, 0, .05);
		display: block;
		width: 100%;
		height: 50%;
		transition: all .3s linear 0s;
		z-index: -1
	}
}

.outline-bordered-left {
	position: relative;
	z-index: 999
}

.outline-bordered-left:after {
	position: absolute;
	left: 40px;
	bottom: -40px;
	width: 100%;
	height: 100%;
	z-index: -1
}

@media screen and (max-width:991px) {
	.outline-bordered-left:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		border: 10px solid rgba(0, 0, 0, .05);
		display: block;
		width: 100%;
		height: 50%;
		transition: all .3s linear 0s;
		z-index: -1
	}
}

.dark-button:after,
.primary-button:after {
	content: '\f178';
	font-family: FontAwesome
}

.blog-list-button a,
.button-lg,
.button-md,
.button-tag,
.button-xs,
.dark-button:after,
.paginator,
.primary-button:after,
.video-play-button {
	display: inline-block
}

.rounded-border {
	border-radius: 5px!important
}

.no-rounded {
	border-radius: 0!important
}

.dark-button,
.primary-button {
	font-size: 11px;
	border-radius: 50px;
	font-weight: 500
}

.shadow-primary {
	-webkit-box-shadow: 7px 7px 22px 0 rgba(50, 50, 50, .1);
	-moz-box-shadow: 7px 7px 22px 0 rgba(50, 50, 50, .1);
	box-shadow: 7px 7px 22px 0 rgba(50, 50, 50, .1)
}

.full-width {
	width: 100%
}

.primary-button {
	background: #bda87f;
	color: #fff;
	padding: 10px 15px;
	transition-duration: .3s
}

.primary-button:hover {
	background: #2d2d2d;
	color: #fff;
	padding-right: 15px
}

.primary-button:after {
	color: #bda87f;
	padding-left: 10px;
	margin-left: -20px;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.primary-button:hover:after {
	color: #fff;
	margin-left: 0;
	opacity: 1
}

.dark-button {
	background: #2d2d2d;
	color: #fff;
	padding: 10px 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.dark-button:hover {
	background: #bda87f;
	color: #fff;
	padding-right: 15px
}

.dark-button:after {
	color: #bda87f;
	padding-left: 10px;
	margin-left: -20px;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.dark-button:hover:after {
	color: #fff;
	margin-left: 0;
	opacity: 1
}

.button-tag {
	font-size: 12px;
	font-weight: 500;
	margin: 5px 5px 5px 0;
	padding: 5px 10px!important
}

.button-xs {
	font-size: 13px;
	font-weight: 500
}

.button-sm {
	display: inline-block;
	font-weight: 600;
	padding: 10px 15px
}

.button-md {
	font-size: 14px;
	font-weight: 500;
	padding: 12px 17px
}

.button-lg {
	font-size: 17px;
	font-weight: 500;
	padding: 10px 25px!important
}

.dark-list li,
.primary-list li {
	font-size: 14px;
	margin-top: 10px;
	font-weight: 500;
	list-style-type: none
}

.dark-list,
.primary-list {
	padding-left: 0
}

.primary-list li {
	color: #aaa
}

.primary-list li i {
	color: #bda87f;
	padding-right: 15px
}

.dark-list li {
	color: #2d2d2d
}

.dark-list li i {
	color: #2d2d2d;
	padding-right: 15px
}

.primary-color h1,
.primary-color h2,
.primary-color h3,
.primary-color h4,
.primary-color h5,
.primary-color h6,
.primary-color i,
.primary-color p,
.primary-color span {
	color: #bda87f!important
}

.dark-color h1,
.dark-color h2,
.dark-color h3,
.dark-color h4,
.dark-color h5,
.dark-color h6,
.dark-color i,
.dark-color p,
.dark-color span {
	color: #2d2d2d!important
}

.white-color,
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6,
.white-color i,
.white-color p,
.white-color span {
	color: #fff!important
}

.paginator {
	border-radius: 3px;
	font-size: 13px;
	font-weight: 500;
	color: #2d2d2d;
	background: #f1f1f1;
	padding: 10px 15px;
	margin: 3px
}

.current-page,
.paginator:focus,
.paginator:hover {
	color: #fff;
	background: #bda87f
}

.video-block-parallax {
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	padding: 70px 0
}

.blog-list,
.video-play-button {
	background: #fff;
	-webkit-transition-duration: .3s;
	font-size: 15px
}

.video-button {
	text-align: center
}

.video-play-button {
	border-radius: 50%;
	color: #bda87f;
	width: 100px;
	height: 100px;
	opacity: 1;
	transition-duration: .3s
}

.blog-list {
	position: relative;
	border: 1px solid #eee;
	border-radius: 10px;
	margin: 20px 0 40px;
	transition-duration: .3s
}

.blog-list img {
	width: 100%;
	height: auto
}

.blog-list-text {
	padding-right: 30px
}

.blog-list-button {
	margin: 20px 0 10px
}

.blog-list-button a {
	font-size: 11px;
	font-weight: 600;
	padding: 6px 16px;
	border-radius: 20px;
	background-color: #ededed;
	color: #6f6f6f;
	margin-top: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-list-button a:hover {
	color: #fff;
	background: #bda87f;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-list-text h4 {
	margin-top: 40px;
	min-height: 85px
}

.blog-list-text h4 a {
	font-size: 21px;
	font-weight: 500;
	line-height: 145%;
	color: #2d2d2d;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-list-text h4 a:hover {
	color: #bda87f;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-list-text p {
	color: #676767;
	font-size: 15px;
	line-height: 170%;
	min-height: 50px;
	margin-top: 30px;
	margin-bottom: 30px
}

.blog-list-admin a,
.blog-list-admin span {
	font-size: 15px;
	margin-top: 20px;
	font-weight: 500
}

.blog-list-admin {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
	margin-bottom: 15px
}

.blog-list-admin span {
	color: #bda87f;
	padding-top: 20px
}

.blog-list-admin a {
	color: #676767;
	text-decoration: none;
	margin-left: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-list-admin a:hover {
	color: #bda87f;
	text-decoration: none
}

.read-more {
	margin-top: 17px;
	text-align: right
}

@media screen and (max-width:1200px) {
	.blog-list-text {
		padding-bottom: 30px
	}
}

@media screen and (max-width:767px) {
	.blog-list-text {
		padding: 0 15px 30px
	}
}

.blog-heading {
	padding: 0 0 10px;
	margin: 0 0 10px
}

.blog-heading h3 {
	color: #2d2d2d;
	font-size: 26px;
	font-weight: 500;
	line-height: 150%
}

.blog-post p {
	font-size: 13px;
	color: #676767;
	font-weight: 500;
	line-height: 180%;
	margin: 20px 0
}

blockquote {
	background: #f5f5f5;
	border-left: 4px solid #bda87f;
	padding: 10px 30px 30px;
	margin: 30px 0 20px
}

blockquote p {
	color: #2d2d2d!important;
	font-size: 15px!important;
	font-weight: 500
}

.blog-side-title h4 {
	color: #2d2d2d;
	font-size: 17px;
	font-weight: 500;
	margin: 5px 0 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-side-row:hover .blog-side-title h4:after,
.blog-side-title h4:after {
	content: "";
	height: 2px;
	bottom: 0;
	margin-top: 10px;
	background: #bda87f;
	display: block;
	position: relative;
	left: 0
}

.blog-side-title h4:after {
	width: 50px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-side-row:hover .blog-side-title h4:after {
	width: 90px
}

.blog-post-recent-post {
	position: relative;
	display: block;
	margin-top: 30px
}

.blog-post-recent-text h5 {
	margin-bottom: 8px
}

.blog-post-recent-text h5 a {
	color: #676767;
	font-size: 16px;
	font-weight: 500
}

.blog-post-recent-text h5 a:hover {
	color: #bda87f
}

.blog-post-recent-text span {
	color: #858585;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase
}

.blog-post-category {
	margin: 50px 0 30px
}

.blog-post-category ul {
	display: inline-block;
	list-style-type: none;
	padding-left: 0;
	margin: 10px 0 20px
}

.blog-post-category ul li {
	padding: 10px 0
}

.blog-post-category ul li a {
	color: #aaa;
	font-size: 14px;
	font-weight: 500;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-post-category ul li a:hover {
	color: #bda87f
}

.blog-post-category ul li a i {
	color: #858585;
	margin-right: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-post-category ul li a:hover i {
	color: #bda87f;
	margin-left: 6px
}

.blog-comment-user h6,
.blog-comments h3 {
	color: #2d2d2d;
	line-height: 1.3;
	font-weight: 500
}

.blog-comments {
	background: #f5f5f5;
	padding: 30px
}

.blog-comments h3 {
	font-size: 22px;
	margin-top: 30px
}

.blog-comment-user {
	border-bottom: 1px solid #ececec;
	padding-top: 25px
}

.blog-comment-user img {
	border-radius: 50%
}

.blog-comment-user h6 {
	font-size: 20px;
	margin-bottom: 3px
}

.blog-comment-user strong {
	color: #bda87f;
	font-size: 12px;
	font-weight: 500
}

.blog-comment-user p {
	color: #676767;
	font-size: 13px;
	font-weight: 500;
	margin-top: 10px
}

.comment-form input,
.comment-form textarea {
	color: #676767;
	font-size: 12px;
	width: 100%;
	margin-top: 30px;
	padding: 13px 15px;
	font-weight: 500;
	border: none;
	border: 1px solid #eee;
	border-radius: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.comment-form input:focus {
	border-color: #bda87f
}

.comment-form textarea {
	overflow: hidden;
	border: none;
	border: 1px solid #eee;
	border-radius: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	min-height: 140px
}

.comment-form textarea:focus {
	border-color: #bda87f
}

.blog-modern {
	z-index: -1;
	margin: 0;
	padding: 30px;
	background: #fff;
	border: 1px solid #ececec;
	border-right: none;
}

.blog-modern:last-child {
	border-right: 1px solid #ececec
}

.blog-modern:hover {
	position: relative;
	z-index: 1;
	box-shadow: 0 0 70px 0 rgba(50, 50, 50, .2)
}

.blog-modern h3 {
	font-size: 22px;
	font-weight: 500;
	color: #2d2d2d;
	line-height: 150%;
	min-height: 36px;
	max-height: 66px;
	margin-bottom: 10px
}

@media screen and (max-width:767px) {
	.blog-modern h3 {
		height: auto
	}
}

.blog-modern strong {
	font-size: 13px;
	font-weight: 500;
	color: #2d2d2d;
	line-height: 190%;
	margin-top: 30px
}

.blog-modern p {
	font-size: 13px;
	font-weight: 500;
	color: #aaa;
	line-height: 190%;
	height: 165px;
	padding-bottom: 15px;
	margin: 15px 0 25px;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media screen and (max-width:767px) {
	.blog-modern p {
		height: auto
	}
}

.blog-moder-button a {
	background: #bda87f;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-moder-button a:hover {
	background: #2d2d2d;
	padding-right: 15px
}

.blog-moder-button a:after {
	content: '\f178';
	font-family: FontAwesome;
	display: inline-block;
	color: #bda87f;
	padding-left: 10px;
	margin-left: -20px;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.blog-moder-button a:hover:after {
	color: #fff;
	margin-left: 0;
	opacity: 1
}

.top-article {
	background: 0 0;
	border-radius: 5px;
	margin: 15px 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.top-article-icon {
	float: left;
	width: 25%;
	text-align: center;
	padding-top: 5px
}

.top-article i {
	font-size: 50px;
	color: #bda87f;
	text-shadow: 1px 1px 0 rgba(150, 150, 150, .2);
	transition: all .2s ease-in-out
}

.top-article-content {
	float: right;
	width: 75%
}

.top-article-content h5 {
	font-size: 19px;
	font-weight: 500;
	color: #2d2d2d;
	line-height: 180%;
	margin-left: 15px
}

.top-article-content p {
	font-size: 13px;
	font-weight: 600;
	color: #aaa;
	line-height: 180%;
	margin-left: 15px;
	margin-bottom: 0
}

.client-item {
	#border-right: 1px solid #e4e4e4;
	position: relative;
	opacity: .8;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.client-item:hover {
	opacity: 1
}

.swiper-container {
	width: 100%;
	height: 100%;
	background: #fff
}

.swiper-slide {
	font-size: 18px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 90px;
	display: table-cell;
	vertical-align: middle;
	margin-top: 4%
}

.parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center
}

.swiper-slide .title {
	font-size: 58px;
	font-weight: 600;
	width: 800px;
	max-width: 100%;
	border-left: 8px solid rgba(255, 255, 255, .3);
	padding-left: 20px;
	margin-top: 20px
}

.swiper-slide .pre-title {
	font-size: 15px;
	font-weight: 600;
	width: 400px;
	max-width: 100%;
	line-height: 1.8;
	opacity: .5
}

.swiper-slide .subtitle {
	font-size: 14px;
	font-weight: 600
}

.swiper-slide .text {
	font-size: 14px;
	font-weight: 500;
	max-width: 400px;
	line-height: 1.8;
	margin-top: 20px
}

@media screen and (max-width:767px) {
	.swiper-slide {
		font-size: 18px;
		color: #fff;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 30px 25px;
		display: table-cell;
		vertical-align: middle
	}
	.swiper-slide .title {
		font-size: 33px;
		font-weight: 600;
		max-width: 100%;
		border-left: 8px solid rgba(255, 255, 255, .3);
		padding-left: 20px;
		margin-top: 20px
	}
	.swiper-slide .subtitle {
		font-size: 14px;
		font-weight: 600
	}
	.swiper-slide .text {
		font-size: 14px;
		font-weight: 500;
		max-width: 400px;
		line-height: 1.8;
		margin-top: 20px
	}
}

.image-top-content h2,
.image-top-content h3,
.video-table-button a,
.video-table-cell h2,
.video-table-cell h3 {
	color: #fff;
	font-weight: 500;
	text-align: center
}

.image-top {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: table;
	width: 100%
}

.image-top-content {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	padding-bottom: 110px
}

.image-top-content h2 {
	display: inline-block;
	font-size: 55px;
	text-transform: uppercase;
	letter-spacing: 4px;
	background-color: rgba(0, 0, 0, .5);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
	padding: 30px 40px
}

.image-top-content h2:before {
	content: '';
	display: block;
	width: 120px;
	height: 5px;
	background: rgba(255, 255, 255, .5);
	margin: auto auto 20px
}

.video-area:after,
.video-effect,
.video-table {
	width: 100%;
	height: 100%
}

.image-top-content h3 {
	font-size: 17px;
	letter-spacing: 12px;
	text-transform: uppercase;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, .5);
	margin: 15px 0
}

@media screen and (max-width:767px) {
	.image-top-content h2 {
		color: #fff;
		font-size: 30px;
		font-weight: 500;
		text-transform: uppercase;
		text-align: center;
		padding: 20px
	}
}

.video-area {
	position: relative;
	height: 100%;
	background-size: cover;
	z-index: 1;
	background-position: center center
}

.video-area:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	z-index: -1
}

.video-table {
	display: table
}

.video-table-cell {
	display: table-cell;
	vertical-align: middle;
	background: rgba(0, 0, 0, .6);
	padding-bottom: 150px
}

.video-table-cell h3 {
	font-size: 15px;
	letter-spacing: 10px;
	text-transform: uppercase;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, .2);
	margin: 20px 0
}

.video-table-cell h2 {
	display: inline-block;
	font-size: 45px;
	text-transform: uppercase;
	line-height: 150%
}

.video-effect-box {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	padding: 40px;
	background: 0 0;
	border-radius: 5px;
	margin: auto;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.video-effect-content {
	margin: auto;
	text-align: center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.video-effect-content h2 {
	-webkit-transform: translateZ(70px);
	transform: translateZ(70px)
}

.video-effect-content h3 {
	-webkit-transform: translateZ(50px);
	transform: translateZ(50px)
}

.video-table-button {
	position: relative;
	z-index: 9999
}

.video-table-button a {
	background: 0 0;
	font-size: 14px;
	border: 1px solid #fff;
	border-radius: 2px;
	padding: 15px 20px
}

.video-table-button a:hover {
	background: #fff;
	color: #2d2d2d
}

@media screen and (max-width:767px) {
	.video-table-cell h2 {
		font-size: 30px
	}
	.video-effect-box {
		padding: 20px
	}
}

.slide-item {
	background-size: cover;
	margin: 0!important
}

.slider-content {
	position: relative;
	-webkit-transform: translateY(22%);
	-ms-transform: translateY(22%);
	transform: translateY(22%)
}

.swiper-slide .title-center {
	width: 100%;
	font-size: 58px;
	font-weight: 600;
	text-align: center;
	margin: 0
}

.swiper-slide .title-center:after {
	content: '';
	display: block;
	border-bottom: 8px solid rgba(255, 255, 255, .3);
	width: 180px;
	max-width: 100%;
	margin: 10px auto 20px
}

@media screen and (max-width:767px) {
	.swiper-slide .title-center {
		font-size: 25px
	}
	.slider-content {
		-webkit-transform: translateY(5%);
		-ms-transform: translateY(5%);
		transform: translateY(5%)
	}
}

.spinner,
.team-member-content {
	transform: translate(-50%, -50%)
}

.swiper-slide .text-center {
	font-size: 14px;
	font-weight: 500;
	width: 600px;
	max-width: 100%;
	line-height: 1.8;
	margin: auto
}

.swiper-slide .pre-title-center {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.8;
	opacity: .5
}

footer {
	background: #1d1d1d;
	padding: 60px 0
}

footer p {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	line-height: 200%;
	margin-top: 20px
}

footer .footer-title h2 {
	font-size: 15px;
	color: #fff;
	font-weight: 500
}

footer ul li,
footer ul li a {
	font-size: 13px;
	font-weight: 500;
	color: #fff
}

footer .footer-title h2:after {
	content: '';
	display: block;
	width: 30%;
	height: 1px;
	background: #fff;
	margin-top: 15px;
	margin-bottom: 15px
}

@media screen and (max-width:767px) {
	footer .footer-title h2 {
		margin-top: 30px
	}
}

footer ul {
	padding-left: 0
}

footer ul li {
	list-style-type: none;
	padding: 5px 0
}

footer a i {
	font-size: 15px!important;
	color: #fff;
	padding: 0 12px!important
}

footer input {
	background: #4d4d4d;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	border: none;
	padding: 10px 14px
}

footer input::-webkit-input-placeholder {
	color: #fff
}

footer a:hover {
	color: #bda87f
}

#search_nav {
	display: inline-block;
	z-index: 9999
}

.search-holder {
	margin-top: 12.5px;
	border-left: 1px solid #f3f3f3
}

.search-button {
	padding-left: 12.5px;
	cursor: pointer
}

@media (max-width:991px) {
	.search-holder {
		border: none!important
	}
	.search-button i {
		padding: 17px 0;
		cursor: pointer
	}
	.search-button i:after {
		content: 'Search';
		font-family: Montserrat, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 700;
		display: inline-block;
		padding-left: 10px
	}
	.search-overlay-content input {
		margin: 30px;
		max-width: 80%
	}
	.search-overlay-content {
		position: relative;
		top: 15%!important;
		text-align: center
	}
}

.search-overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
	overflow-x: hidden;
	transition: .5s
}

.search-overlay-content {
	position: relative;
	top: 35%;
	width: 100%;
	text-align: center;
	margin-top: 30px
}

.search-overlay-content input {
	font-size: 35px;
	font-weight: 500;
	color: #fff;
	background: 0 0;
	border: none;
	border-bottom: 2px solid #fff;
	opacity: .5;
	padding: 15px
}

.search-overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block;
	transition: .3s
}

.search-overlay a:focus,
.search-overlay a:hover {
	color: #f1f1f1
}

.search-overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 60px
}

#preloader,
.scroll-to-top,
.spinner {
	position: fixed;
	text-align: center
}

@media screen and (max-height:450px) {
	.search-overlay a {
		font-size: 20px
	}
	.search-overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px
	}
}

.scroll-to-top {
	font-size: 20px;
	padding: 6px;
	color: #fff;
	text-decoration: none;
	bottom: 30px;
	right: 10px;
	display: none;
	border-radius: 50%;
	background: #bda87f;
	width: 40px;
	height: 40px;
	z-index: 9999;
	outline: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease
}

.scroll-to-top i {
	color: #fff
}

.scroll-to-top:hover {
	color: #fff;
	background: #2d2d2d
}

.scroll-to-top:hover i {
	color: #fff
}

.scroll-to-top:visited {
	color: #fff;
	text-decoration: none
}

#preloader {
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff;
	display: table
}

.spinner {
	top: 40%;
	left: 50%;
	margin: auto 0;
	width: 70px
}

.cube1,
.cube2 {
	width: 15px;
	height: 15px;
	top: 0;
	left: 0;
	position: absolute
}

.cube2 {
	background-color: #0f75bc;
	-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
	animation: sk-cubemove 1.8s infinite ease-in-out
}

.cube1 {
	background-color: #f7941d;
	-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
	animation: sk-cubemove 1.8s infinite ease-in-out
}

.team-member,
.team-member-image {
	position: relative
}

.team-member:hover .team-member-name h4,
.team-member:hover .team-member-name h6,
.team-member:hover .team-member-overlay i {
	animation-name: fadeInDown;
	animation-duration: .5s;
	animation-timing-function: ease-out
}

.cube2 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

@-webkit-keyframes sk-cubemove {
	25% {
		-webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
	}
	50% {
		-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
	}
	75% {
		-webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
	}
	100% {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes sk-cubemove {
	25% {
		transform: translateX(42px) rotate(-90deg) scale(.5);
		-webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
	}
	50% {
		transform: translateX(42px) translateY(42px) rotate(-179deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
	}
	50.1% {
		transform: translateX(42px) translateY(42px) rotate(-180deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
	}
	75% {
		transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
		-webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
	}
	100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg)
	}
}

.team-member {
	padding: 0
}

@media screen and (max-width:767px) {
	.team-member-image {
		position: relative;
		margin: 15px 0
	}
}

.team-member-image img {
	display: block;
	width: 100%;
	height: auto
}

.team-member-overlay {
	position: absolute;
	bottom: 0;
	left: 5%;
	right: 0;
	background: rgba(255, 255, 255, .8);
	overflow: hidden;
	width: 90%;
	height: 50%;
	opacity: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.team-member-content,
.team-member-name {
	white-space: nowrap;
	font-size: 20px;
	position: absolute;
	left: 50%;
	overflow: hidden
}

.team-member:hover .team-member-overlay {
	opacity: 1
}

.team-member-content {
	color: #fff;
	top: 80%;
	-ms-transform: translate(-50%, -50%)
}

.team-member-content i {
	font-size: 20px;
	text-align: center;
	color: #2d2d2d;
	padding: 7px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.team-member-content i:hover {
	color: #bda87f
}

.team-member-name {
	color: #fff;
	top: 40%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 50px
}

.team-member-name h4 {
	color: #2d2d2d;
	font-size: 22px;
	font-weight: 600;
	text-align: center
}

.team-member-name h6 {
	font-size: 14px;
	font-weight: 600;
	color: #858585;
	text-align: center;
	margin-top: 5px
}

.wrapper {
	width: 100%
}

.masonry {
	margin: 15px;
	padding: 0;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px
}

.masonry-item {
	position: relative;
	margin-top: 20px
}

.masonry-item img {
	display: block;
	width: 100%;
	height: auto
}

.masonry-item-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 200px;
	max-height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background: linear-gradient(transparent, rgba(0, 0, 0, .8));
	padding: 30px
}

.masonry-item:hover .masonry-item-overlay {
	opacity: 1
}

.masonry-item-overlay h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	position: absolute;
	bottom: 50px
}

.masonry-item-overlay ul {
	position: absolute;
	padding-left: 0;
	bottom: 15px
}

.masonry-item-overlay ul li {
	list-style-type: none;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	padding-left: 0;
	opacity: .7
}

.masonry-item-overlay ul li:last-child:after {
	content: none
}

.masonry-item-overlay ul li:after {
	content: ' / ';
	font-size: 8px;
	font-weight: 700;
	margin: 0 5px
}

.masonry-item-overlay ul li a {
	color: #fff
}

.masonry-item:first-child {
	margin-top: 0
}

.project-arrow {
	position: absolute;
	display: inline-block;
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	height: 40px;
	bottom: 25px;
	right: 30px;
	border-radius: 3px
}

.project-arrow:hover {
	color: #bda87f
}
@media only screen and (max-width:500px) {
	.navbar-logo img {
    max-width: 80%;
    margin-left: 0px;
    max-height: 85px;
}
}

@media only screen and (min-width:400px) {
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media only screen and (min-width:700px) {
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3
	}
}

@media only screen and (min-width:900px) {
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media only screen and (min-width:1100px) {
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3
	}
}

.masonry-4 {
	margin: 15px;
	padding: 0;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px
}

@media only screen and (min-width:400px) {
	.masonry-4 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media only screen and (min-width:700px) {
	.masonry-4 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3
	}
}

@media only screen and (min-width:900px) {
	.masonry-4 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media only screen and (min-width:1100px) {
	.masonry-4 {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4
	}
}

.project {
	float: left;
	margin: 15px 0
}

.project-list:after {
	content: " ";
	display: block;
	clear: both
}

.project__image {
	display: block;
	position: relative
}

.project__image img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block
}

.project__image:after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .4));
	transition: opacity .3s ease;
	opacity: 0
}

.project__card {
	position: relative;
	transition: box-shadow .3s ease;
	box-shadow: 0 10px 30px transparent
}

.project:hover .project__card,
.project:hover .project__detail {
	box-shadow: 0 10px 30px rgba(0, 0, 0, .4)
}

.project__card.hover-in {
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.project__card.hover-out {
	transition: -webkit-transform .2s ease-in;
	transition: transform .2s ease-in;
	transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

.project:hover .project__image:after {
	opacity: 1
}

.project:hover .project__detail {
	background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .6));
	border-width: 10px
}

.project:hover .project__category,
.project:hover .project__title {
	-webkit-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	opacity: 1
}

.project:hover .project__title {
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 1
}

.project__detail {
	position: absolute;
	left: 30px;
	right: 30px;
	top: 30px;
	bottom: 30px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	-webkit-transform: translateZ(30px);
	transform: translateZ(30px);
	transition: border .4s ease
}

.project__category,
.project__title {
	opacity: 0;
	transition: .4s ease;
	will-change: transform
}

.project__title {
	margin: 0 0 10px;
	font-size: 25px;
	font-weight: 400;
	-webkit-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)
}

.project__title a {
	color: #fff;
	line-height: 150%
}

.project__category {
	transition-delay: .1s;
	-webkit-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)
}

.project__category a {
	color: rgba(255, 255, 255, .8);
	font-size: 1.3em
}

.isotop-buttons-block {
	background: #fff;
	border-radius: 10px;
	display: inline-block;
	margin-bottom: 20px
}

.isotop-button {
	font-size: 12px;
	font-weight: 600;
	color: #aaa;
	padding: 10px 10px 10px 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.isotop-button:after {
	content: "/";
	font-weight: 400;
	color: #aaa;
	padding-left: 15px
}

.isotop-button:last-child:after {
	content: none
}

.isotop-button.is-checked,
.isotop-button:active,
.isotop-button:hover {
	color: #2d2d2d
}

.isotop-buttons-block-2 {
	background: #efefef;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 30px;
	margin-bottom: 20px;
	margin-left: 5px
}

.project-detail-carousel {
	position: relative;
	z-index: 999
}

.project-detail-carousel:after {
	content: "";
	position: absolute;
	left: 30px;
	bottom: -30px;
	border: 10px solid rgba(0, 0, 0, .05);
	display: block;
	width: 100%;
	height: 100%;
	transition: all .3s linear 0s;
	z-index: -1
}

.project-detail-1 {
	padding-left: 30px
}

@media screen and (max-width:991px) {
	.project-detail-carousel:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		border: 10px solid rgba(0, 0, 0, .05);
		display: block;
		width: 100%;
		height: 50%;
		transition: all .3s linear 0s;
		z-index: -1
	}
	.project-detail-1 {
		padding-left: 0
	}
}

.project-detail-1 h2 {
	font-size: 35px;
	font-weight: 600;
	color: #2d2d2d;
	line-height: 130%
}

.project-detail-1 h2:after {
	content: '';
	display: block;
	border-bottom: 4px solid #bda87f;
	width: 130px;
	margin-top: 15px
}

.project-detail-1 ul {
	margin-top: 30px;
	padding-left: 0
}

.project-detail-1 ul li {
	list-style-type: none;
	font-size: 14px;
	font-weight: 600;
	padding: 13px 0;
	border-bottom: 1px solid #eee
}

.project-detail-1 ul li span {
	display: inline-block;
	color: #999;
	width: 100px
}

.project-detail-1-info h3 {
	font-size: 20px;
	font-weight: 600;
	color: #2d2d2d;
	line-height: 130%
}

.project-detail-1-info h3:after {
	content: '';
	display: block;
	border-bottom: 3px solid #bda87f;
	width: 130px;
	margin-top: 15px;
	margin-bottom: 15px
}

.project-grid-2 {
	position: relative;
	width: 100%;
	overflow: hidden
}

.project-grid-2 img {
	display: block;
	width: 100%;
	height: auto
}

.project-grid-2-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 200px;
	width: 100%;
	opacity: 1;
	transition: .5s ease;
	background: linear-gradient(transparent, rgba(0, 0, 0, 1));
	padding: 30px
}

.project-grid-2:hover img {
	transform: scale(1.1)
}

.project-grid-2-overlay h4 {
	position: absolute;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	bottom: 50px
}

.project-grid-2-overlay ul {
	position: absolute;
	padding-left: 0;
	bottom: 15px
}

.project-grid-2-overlay ul li {
	list-style-type: none;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #999;
	padding-left: 0
}

.project-grid-2-overlay ul li:last-child:after {
	content: none
}

.project-grid-2-overlay ul li:after {
	content: ' / ';
	font-size: 8px;
	font-weight: 700;
	margin: 0 5px
}

.project-grid-2-overlay ul li a {
	color: #999
}

.project-grid-2-overlay-button {
	position: absolute;
	bottom: 45px;
	height: 20px;
	right: 30px
}

.project-grid-2-overlay-button a {
	font-size: 25px;
	color: #fff
}

.project-grid-2-overlay-button a:hover {
	font-size: 25px;
	color: #bda87f
}

.pricing-box {
	border: 6px solid #f2f2f2;
	background: #fff;
	padding: 0 30px 15px;
	text-align: center;
	margin: 15px 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.pricing-box:hover {
	border: 6px solid #bda87f
}

.pricing-box h4 {
	color: #2d2d2d;
	font-size: 22px;
	font-weight: 600;
	margin: 35px 0 15px
}

.pricing-box h5 {
	color: #676767;
	font-size: 18px;
	font-weight: 400;
	margin: 15px 0 30px
}

.pricing-box ul {
	display: inline-block;
	list-style-type: none;
	padding-left: 0;
	margin: 10px 0
}

.pricing-box ul li {
	font-size: 15px;
	color: #858585;
	padding: 8px 0
}

.pricing-box ul li:after {
	content: "";
	position: relative;
	display: block;
	height: 1px;
	width: 120px;
	left: 0;
	bottom: 0;
	margin-top: 10px;
	background: #DADADA
}

.pricing-box ul li:last-child:after {
	content: none
}

.pricing-box ul li i {
	color: #bda87f;
	font-size: 20px
}

.pricing-button {
	border-top: 4px solid #f2f2f2;
	padding: 30px 0 10px;
	margin: 10px 0
}

.pricing-button a {
	color: #bda87f;
	background: #fff;
	font-size: 12px;
	font-weight: 600;
	border: 2px solid #bda87f;
	border-radius: 20px;
	text-transform: uppercase;
	padding: 10px 17px
}

.pricing-button a:hover {
	color: #fff;
	background: #bda87f
}

.pricing-best-center {
	background: #fff;
	border: 6px solid #bda87f
}

.pricing-best-center h4 {
	margin-top: 10px
}

.pricing-center {
	display: inline-block;
	background: #bda87f;
	text-align: center;
	padding: 8px;
	margin-top: -15px
}

.pricing-center h6 {
	color: #fff;
	font-size: 12px
}

.pricing-best-center a {
	color: #fff;
	background: #bda87f
}

.pricing-best-center a:hover {
	color: #bda87f;
	background: #fff;
	border: 2px solid #bda87f
}

.sr-text {
	position: absolute!important;
	top: -9999px!important;
	left: -9999px!important
}

.slick-slider .slick-next,
.slick-slider .slick-prev {
	display: none!important;
	z-index: 100;
	font-size: 2.5em;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-align: center;
	color: #000;
	opacity: 1;
	transition: opacity .25s;
	cursor: pointer;
	background: #333
}

.product-images,
.product-images .main-img-slider figure a img {
	width: 100%;
	margin: 0 auto
}

.quantity,
.quantity-button,
.quantity-nav {
	position: relative
}

.slick-slider .slick-next:hover,
.slick-slider .slick-prev:hover {
	opacity: .65
}

.slick-slider .slick-prev {
	left: 0
}

.slick-slider .slick-next {
	right: 0
}

.wrapper {
	max-width: 1024px;
	margin: 0 auto;
	font-family: ''
}

.wrapper strong {
	font-weight: 300;
	letter-spacing: 2px;
	font-size: 1.2em;
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	color: #666
}

.product-images a,
.product-images figure,
.product-images img,
.product-images li {
	display: block;
	outline: 0;
	border: none
}

.product-images .main-img-slider figure {
	margin: 0 auto;
	border: 1px solid #ececec
}

.product-images .main-img-slider figure a {
	cursor: e-resize
}

.product-images .thumb-nav {
	margin: 10px auto 0;
	width: 100%;
	padding: 0
}

.product-images .thumb-nav.slick-slider .slick-next,
.product-images .thumb-nav.slick-slider .slick-prev {
	font-size: 1.2em;
	height: 20px;
	width: 26px;
	margin-top: -10px
}

.product-images .thumb-nav.slick-slider .slick-prev {
	margin-left: -30px
}

.product-images .thumb-nav.slick-slider .slick-next {
	margin-right: -30px
}

.product-images .thumb-nav li {
	display: block;
	margin: 0 10px 0 auto;
	float: left;
	cursor: pointer;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.product-images .thumb-nav li img {
	display: block;
	width: 100%;
	max-width: 131.25px;
	margin: 0 auto;
	border: 1px solid transparent
}

.product-images .thumb-nav li:hover {
	opacity: .7
}

.product-images .thumb-nav li.slick-current img,
.product-images .thumb-nav li:focus,
.product-images .thumb-nav li:hover {
	border-color: #ccc
}

.pswp__bg {
	background: #fff
}

.pswp__top-bar {
	background-color: transparent!important
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before,
.pswp__button--close:before,
.pswp__button:before {
	background: 0 0!important;
	width: 44px;
	height: 44px;
	font-family: icomoon
}

.pswp__button {
	color: #000!important;
	opacity: .4!important;
	transition: opacity .25s
}

.pswp__button:hover {
	opacity: .65!important
}

.pswp__button:before {
	opacity: 1!important
}

.pswp__button.pswp__button--arrow--left:before,
.pswp__button.pswp__button--arrow--right:before {
	font-size: 44px
}

.pswp__button.pswp__button--arrow--left:before {
	content: "\e93b"
}

.pswp__button.pswp__button--arrow--right:before {
	content: "\e93c"
}

.pswp__button.pswp__button--close {
	top: 10px;
	right: 20px
}

.pswp__button.pswp__button--close:before {
	content: "\e92a";
	font-size: 44px
}

.pswp__button.pswp__button--close:hover {
	color: red
}

.single-product {
	padding-left: 30px
}

@media screen and (max-width:767px) {
	.single-product {
		padding-left: 0;
		margin-top: 30px
	}
}

.single-product h2 {
	font-size: 35px;
	font-weight: 400;
	color: #2d2d2d
}

.single-product p {
	font-size: 15px;
	font-weight: 400;
	line-height: 190%;
	color: #aaa;
	margin-top: 20px
}

.product-review-area {
	margin-top: 15px
}

.product-review-area i {
	color: #f9d100;
	font-size: 20px;
	margin-right: 3px
}

.product-review-area span {
	color: #2d2d2d;
	font-size: 14px;
	margin-left: 15px
}

.single-product-price {
	margin-top: 20px
}

.single-product-price h4 {
	font-size: 28px;
	font-weight: 400;
	color: #2d2d2d
}

.product-categories {
	margin-top: 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 18px 5px
}

.product-categories span {
	font-size: 15px;
	font-weight: 500;
	color: #2d2d2d
}

.product-categories ul {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0
}

.product-categories ul li {
	list-style-type: none;
	display: inline-block;
	color: #aaa;
	font-weight: 500
}

.product-categories ul li a {
	color: #aaa;
	font-size: 14px
}

.product-categories ul li a:hover {
	color: #2d2d2d
}

.product-categories ul li:after {
	content: ' / ';
	display: inline-block;
	font-size: 10px;
	color: #aaa;
	margin: 0 10px
}

.product-categories ul li:last-child:after {
	content: none
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.quantity input[type=number] {
	-moz-appearance: textfield
}

.quantity input {
	width: 85px;
	height: 62px;
	line-height: 1.65;
	font-size: 16px;
	font-weight: 600;
	float: left;
	display: block;
	padding: 0 0 0 20px;
	margin: 0;
	border: 2px solid #eee
}

.quantity input:focus {
	outline: 0
}

.quantity-nav {
	float: left;
	height: 62px
}

.quantity-button {
	cursor: pointer;
	width: 30px;
	text-align: center;
	color: #2d2d2d;
	background: #fff;
	border: 2px solid #eee;
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif!important;
	line-height: 1.7;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none
}

.add-to-cart-button,
.add-to-cart-button:hover {
	background: #2d2d2d;
	color: #fff
}

.quantity-button.quantity-up {
	position: absolute;
	height: 50%;
	top: 0
}

.quantity-button.quantity-down {
	position: absolute;
	bottom: 0;
	height: 50%;
	border-top: none
}

.add-to-cart-button {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	padding: 20.25px 30px;
	margin-left: 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.add-to-cart-button:after {
	content: '\f067';
	font-family: FontAwesome;
	font-weight: 100;
	display: inline-block;
	color: #2d2d2d;
	margin-left: -15px;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.add-to-cart-button:hover:after {
	color: #fff;
	margin-left: 0;
	padding-left: 20px;
	opacity: 1
}

.product-share {
	background: #f7f7f7;
	padding: 20px 15px
}

.product-share span {
	font-size: 15px;
	font-weight: 500;
	color: #2d2d2d;
	margin-right: 15px
}

.product-share a i {
	color: #aaa;
	font-size: 14px;
	padding: 0 7px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.product-share a i:hover {
	color: #2d2d2d
}

.services-box {
	position: relative;
	margin: 90px 0
}

.services-box-img {
	text-align: center;
	display: inline-block;
	width: 100%;
	height: auto;
	z-index: -1
}

.services-box-text {
	background: #212121;
	display: inline-block;
	padding: 40px 30px;
	width: 130%;
	height: auto;
	margin-left: -30%;
	margin-top: 80px
}

.services-box-text i {
	position: absolute;
	color: rgba(255, 255, 255, .1);
	font-size: 150px;
	margin-left: 20px;
	right: 50px
}

.services-box-text h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 170%;
	letter-spacing: 1px;
	margin: 5px 20px 15px
}

.services-box-text ul {
	display: inline-block;
	list-style-type: none;
	padding-left: 0;
	margin: 5px 20px 15px
}

.services-box-text ul li {
	color: #C1C1C1;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 0
}

.services-box-text ul li span {
	display: inline-block;
	color: #bda87f;
	font-size: 14px;
	font-weight: 500;
	margin-right: 20px;
	width: 40px;
	max-width: 100%
}

.services-box-text-left {
	position: relative;
	background: #212121;
	margin-left: 0;
	margin-right: -30%;
	z-index: 999;
	width: 130%
}

@media screen and (max-width:767px) {
	.services-box {
		margin: 70px 0
	}
	.services-box-text {
		margin-top: 0!important;
		margin-left: 0;
		width: 100%;
		padding: 20px 10px
	}
}

@media screen and (max-width:1200px) {
	.services-box-text {
		margin-top: 5px;
		width: 100%;
		margin-left: 0
	}
}

.services-block {
	margin: 30px 0
}

.services-block-box {
	border: 1px solid #eee;
	text-align: center;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
	padding: 35px 30px 25px;
	margin: 25px 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.services-block-box:hover {
	box-shadow: 0 30px 50px rgba(0, 0, 0, .2)
}

.services__card {
	position: relative;
	transition: box-shadow .5s ease
}

.services-block-box span {
	color: #2d2d2d;
	font-size: 60px;
	margin: 0 auto
}

.services-block-box h4 {
	color: #2d2d2d;
	font-size: 25px;
	font-weight: 500;
	margin: 15px 0
}

.services-block-box p {
	color: #676767;
	font-size: 15px;
	font-weight: 500;
	line-height: 170%;
	margin: 20px 0 35px
}

.error {
	overflow: hidden;
	background: #1d1d1d;
	width: 100%;
	height: 90%
}

.error-box {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	padding: 40px;
	background: 0 0;
	border-radius: 5px;
	margin: auto;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.card-content {
	padding: 50px;
	margin: auto;
	text-align: center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.card-content h2,
.card-content h4 {
	color: #fff;
	margin: 20px 0;
	text-shadow: 8px 8px 0 rgba(150, 150, 150, .3);
	font-weight: 600
}

.card-content h2 {
	font-size: 180px;
	-webkit-transform: translateZ(100px);
	transform: translateZ(100px)
}

.card-content h4 {
	font-size: 30px;
	-webkit-transform: translateZ(50px);
	transform: translateZ(50px)
}

.card-content h5 {
	color: #C1C1C1;
	font-size: 18px;
	-webkit-transform: translateZ(30px);
	transform: translateZ(30px);
	margin-top: 30px
}

@media screen and (max-width:767px) {
	.card-content {
		padding: 0
	}
	.card-content h2 {
		font-size: 70px
	}
}

.contact-box-info h4 {
	color: #2d2d2d;
	font-size: 20px
}

.contact-box-icon {
	margin: 40px 0 30px;
	border-bottom: 1px solid #eee;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.contact-box-icon:hover {
	border-bottom: 1px solid #bda87f
}

.contact-icon {
	float: left;
	width: 25%;
	text-align: center
}

.contact-icon i {
	color: #c1c1c1;
	background: #fff;
	font-size: 20px;
	border: 1px solid #c1c1c1;
	border-radius: 50px;
	padding: 13px 15px 13px 14px;
	width: 50px;
	height: 50px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.contact-box-icon:hover .contact-icon i {
	background: #fff;
	color: #676767;
	border: 1px solid #676767
}

.contact-info {
	float: left;
	width: 75%;
	margin: 10px 0 20px
}

.contact-info h5 {
	font-size: 17px;
	font-weight: 600;
	color: #bda87f;
	margin-bottom: 5px
}

.contact-info p {
	font-size: 14px;
	font-weight: 600;
	color: #676767;
	margin: 10px 0 3px
}

.contact-form input,
.contact-form textarea {
	color: #676767;
	font-size: 14px;
	margin-top: 30px;
	padding: 15px 18px;
	width: 100%;
	font-weight: 500;
	border: none;
	border: 1px solid #eee;
	border-radius: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.contact-form input:focus {
	border-color: #bda87f
}

.contact-form textarea {
	overflow: hidden;
	border: none;
	border: 1px solid #eee;
	border-radius: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	min-height: 180px
}

.contact-form textarea:focus {
	border-color: #bda87f
}

#map {
	height: 400px
}

.shop-product {
	position: relative;
	overflow: hidden;
	border: 1px solid #eee;
	margin: 35px 0 20px
}

.shop-text h4,
.shop-text h5 {
	color: #2d2d2d;
	margin: 10px 0
}

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

.shop-product:hover img {
	transform: scale(1.1)
}

.shop-text {
	text-align: center;
	padding: 15px
}

.shop-text h4 {
	font-size: 20px;
	font-weight: 500
}

.shop-text h5 {
	font-size: 18px;
	font-weight: 600
}

.shop-text i {
	color: #f9d100;
	font-size: 18px;
	margin: 5px 0
}

.shop-button a {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	padding: 14px 0
}
.mor-bot15{
    margin-bottom: 15px !important;
}
.marb-30{
	margin-top: 44px;
	margin-bottom: 40px;
}