/*---------------------------------------------

Template Name: Artex 
Template URL: http://radiustheme.net/malek/artex/
Description: Creative Interior Design WordPress Theme
Author: RadiusTheme
Author URL: http://www.radiustheme.com 
Version: 1.0.0

===================   
CSS INDEX
===================
01. Typography
02. Default Styles 
03. Global Styles
    3.1 Section Padding Styles 
    3.2 Pagination styles
    3.3 Section Heading Styles 
    3.4 Return To Top Styles 
    3.5 Bootstrap
    3.6 Slick Slider Arrows/Dots
04. Gutenberg Support
    4.1 Guten Block Styles 
    4.2 WP Default Style
05. Header Styles
06. Main Banner Style
    6.1 Banner layouts
    6.2 Inner Page Banner
07. Blog Area Styles 
    7.1 Blog Post Style
    7.2 Sidebar Area Style
08. Portfolios Area Styles 
09. About Area Styles 
10. Service Area Styles 
11. Process Area Styles 
12. Brand Area Styles 
13. Video Area Styles 
14. Testimonial Area Styles 
15. Feature Area Styles
16. Progress Area Styles
17. Call To Action Area Styles 
18. Comingsoon Area Style
19. Faq  Area Style
20. Team Area Style
21. Error Area Style
22. Contact Styles 
23. Footer Styles  


--------------------------------------------*/
/* - Variable Declare
=============================================*/
/* - Rem
=============================================*/
/*=======================================================================
 = Theme Main Style
=========================================================================*/
/*============================================================================
01. Typography
==============================================================================*/
html {
	font-size: 68%;
}

@media (max-width: 1199px) {
	html {
		font-size: 60%;
	}
}

@media (max-width: 991px) {
	html {
		font-size: 52%;
	}
}

@media (max-width: 767px) {
	html {
		font-size: 44%;
	}
}

@media (max-width: 575px) {
	html {
		font-size: 36%;
	}
}

@media (max-width: 479px) {
	html {
		font-size: 28%;
	}
}

body {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 1.9;
	color: #4c4c4c;
	font-weight: 400;
	height: 100%;
	overflow-x: hidden;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	background-color: #ffffff;
}

p {
	margin: 0 0 15px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Jost", sans-serif;
	margin: 0 0 20px 0;
	font-weight: 400;
	color: #000000;
}

h1 {
	font-size: 46px;
	line-height: 1.4;
}

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

@media (max-width: 1199px) {
	h2 {
		font-size: 36px;
	}
}

@media (max-width: 991px) {
	h2 {
		font-size: 34px;
	}
}

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

@media (max-width: 575px) {
	h2 {
		font-size: 30px;
	}
}

h3 {
	font-size: 28px;
	line-height: 1.3;
}

@media (max-width: 991px) {
	h3 {
		font-size: 26px;
	}
}

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

@media (max-width: 575px) {
	h3 {
		font-size: 22px;
	}
}

h4 {
	font-size: 20px;
	line-height: 1.3;
}

@media (max-width: 991px) {
	h4 {
		font-size: 18px;
	}
}

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

h5 {
	font-size: 18px;
	line-height: 1.3;
}

/*============================================================================
02. Default Styles 
==============================================================================*/
a {
	color: #777777;
	transition: all .3s linear;
}

a:hover {
	color: #000000;
}

a,
a:active,
a:hover,
a:focus {
	outline: 0 none;
	text-decoration: none;
}

button {
	cursor: pointer;
}

svg {
	display: block;
}

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

ul {
	list-style: outside none none;
	margin-bottom: 20px;
}

html,
body {
	overflow-x: hidden;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
	margin-left: 0;
}

.form-response .alert-danger,
.form-response .alert.alert-info,
.form-response .alert.alert-success {
	margin-top: 10px;
	margin-bottom: 0;
}

.form-response .alert-danger p,
.form-response .alert.alert-info p,
.form-response .alert.alert-success p {
	margin-bottom: 0;
}

.item-icon {
	line-height: 1;
}

@media (min-width: 1230px) {
	.container {
		max-width: 100%;
		width: 1200px;
	}
}

@media (min-width: 1440px) {
	.col-xxl-6 {
		flex: 0 0 50%;
		max-width: 50%;
		width: 100%;
		position: relative;
		padding-right: 15px;
		padding-left: 15px;
	}
}

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

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

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

.row.gutters-15 {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.row.gutters-15>[class^="col-"] {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.compress-right-side {
	padding-left: 0;
	padding-right: calc(calc(100% - 1200px)/2);
}

@media (max-width: 1229px) {
	.compress-right-side {
		padding-right: calc(calc(100% - 1170px)/2);
		padding-left: calc(calc(100% - 1170px)/2);
	}
}

@media (max-width: 1199px) {
	.compress-right-side {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.compress-left-side {
	padding-right: 15px;
	padding-left: calc(calc(100% - 1200px)/2);
}

.compress-left-side.testimonial-anim,
.compress-left-side.service-details,
.compress-left-side.faq-page-bannar,
.compress-left-side.about-us-page,
.compress-left-side.team-page,
.compress-left-side.team-page {
	padding-left: calc(calc(100% - 1180px)/2);
}

@media (max-width: 1199px) {
	.compress-left-side {
		margin-right: 0 !important;
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
}

.team-details-wrap-layout1 .compress-left-side {
	padding-left: calc(calc(100% - 1172px)/2);
}

@media (max-width: 1199px) {
	.team-details-wrap-layout1 .compress-left-side {
		padding-right: 40px !important;
		padding-left: 40px !important;
	}
}

@media (max-width: 767px) {
	.team-details-wrap-layout1 .compress-left-side {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

.shutter-effect.has-animation.both-side {
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.shutter-effect.has-animation.both-side:before {
	position: absolute;
	z-index: 2;
	background-color: #ffffff;
	content: "";
	top: 0;
	bottom: 0;
	width: 12%;
	height: 100%;
	transition: all 0.6s ease-in-out;
}

.shutter-effect.has-animation.both-side:after {
	position: absolute;
	z-index: 2;
	background-color: #ffffff;
	content: "";
	top: 0;
	bottom: 0;
	width: 12%;
	height: 100%;
	transition: all 0.6s ease-in-out;
}

.shutter-effect.has-animation.active-animation.both-side:before {
	left: 0;
	width: 0;
}

.shutter-effect.has-animation.active-animation.both-side:after {
	right: 0;
	width: 0;
}

.shutter-effect.has-animation.item-figure {
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.shutter-effect.has-animation.item-figure:before {
	position: absolute;
	z-index: 1;
	background-color: #ffffff;
	content: "";
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: all 1s ease-in-out;
}

.shutter-effect.has-animation.item-figure img {
	transform: scale(1.2);
	transition: all 1s ease-in-out;
}

.shutter-effect.has-animation.active-animation.item-figure.figure-right:before {
	left: 0;
	width: 0;
}

.shutter-effect.has-animation.active-animation.item-figure.figure-left:before {
	right: 0;
	width: 0;
}

.shutter-effect.has-animation.active-animation.item-figure img {
	transform: scale(1);
}

.shutter-effect.effect-dark.has-animation.item-figure:before {
	background-color: #0a0a0a;
}

/*============================================================================
03. Global Styles 
==============================================================================*/
/*=============================================
3.1. Section Padding Styles 
===============================================*/
.section-padding-none {
	padding-top: 0;
	padding-bottom: 0;
}

.mr-30 {
	margin-right: -30px;
}

@media (max-width: 1199px) {
	.mr-30 {
		margin-right: 0;
	}
}

.plr-50 {
	padding-left: 50px;
	padding-right: 50px;
}

@media (max-width: 1199px) {
	.plr-50 {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (max-width: 767px) {
	.plr-50 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.img-grid-layout {
	margin-bottom: 30px;
}

@media (max-width: 575px) {
	.img-grid-layout {
		max-width: 470px;
		margin: 0 auto 30px;
	}
}

.section-padding {
	padding-top: 125px;
	padding-bottom: 90px;
}

@media (max-width: 1199px) {
	.section-padding {
		padding-top: 120px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.section-padding {
		padding-top: 110px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.section-padding {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.section-padding {
		padding-top: 90px;
		padding-bottom: 60px;
	}
}

.section-padding-top {
	padding-top: 130px;
	padding-bottom: 0;
}

@media (max-width: 1199px) {
	.section-padding-top {
		padding-top: 110px;
	}
}

@media (max-width: 991px) {
	.section-padding-top {
		padding-top: 90px;
	}
}

@media (max-width: 767px) {
	.section-padding-top {
		padding-top: 70px;
	}
}

@media (max-width: 575px) {
	.section-padding-top {
		padding-top: 50px;
	}
}

.section-padding-bottom {
	padding-top: 0;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	.section-padding-bottom {
		padding-bottom: 80px;
	}
}

@media (max-width: 991px) {
	.section-padding-bottom {
		padding-bottom: 60px;
	}
}

@media (max-width: 767px) {
	.section-padding-bottom {
		padding-bottom: 40px;
	}
}

@media (max-width: 575px) {
	.section-padding-bottom {
		padding-bottom: 20px;
	}
}

@media (min-width: 1200px) {
	.box-layout {
		padding-left: 120px;
		padding-right: 120px;
	}
}

.artex-list-item ul {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.artex-list-item ul li {
	margin-bottom: 5px;
	position: relative;
	z-index: 1;
	padding-left: 25px;
}

.artex-list-item ul li:before {
	content: "\f192";
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	color: #5f5f5f;
}

.artex-list-item ul li:last-child {
	margin-bottom: 0;
}

/*=============================================
3.2. Pagination style
===============================================*/
.pagination {
	width: 100%;
	display: inline-block;
}

.pagination ul {
	list-style: none;
	margin-bottom: 30px;
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
}

@media (max-width: 991px) {
	.pagination ul {
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	.pagination ul {
		margin-top: 10px;
	}
}

@media (max-width: 575px) {
	.pagination ul {
		margin-top: 5px;
	}
}

.pagination ul li {
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 10px;
}

.pagination ul li a i {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pagination ul li:first-child {
	margin-right: 10px;
	margin-left: 0;
}

.pagination ul li:first-child a i {
	color: #bdbdbd;
}

.pagination ul li:last-child {
	margin-right: 0;
	margin-left: 10px;
}

.pagination ul li:last-child a i {
	color: #bdbdbd;
}

.pagination ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 18px;
	color: #bdbdbd;
	background-color: transparent;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
	.pagination ul li a {
		height: 45px;
		width: 45px;
		font-size: 17px;
	}
}

@media (max-width: 767px) {
	.pagination ul li a {
		height: 40px;
		width: 40px;
		font-size: 16px;
	}
}

@media (max-width: 575px) {
	.pagination ul li a {
		height: 35px;
		width: 35px;
		font-size: 15px;
	}
}

.pagination ul li a:hover {
	background-color: #f0f0f0;
	color: #000000;
}

.pagination ul li a:hover i {
	color: #000000;
}

.pagination ul li.active a {
	background-color: #f0f0f0;
	color: #000000;
}

.thumb-pagination {
	margin-top: 50px;
	margin-bottom: 20px;
}

.thumb-pagination .media {
	align-items: center;
	word-break: break-word;
}

.thumb-pagination a.pg-prev,
.thumb-pagination a.pg-next {
	width: 100%;
	display: inline-block;
}

.thumb-pagination a.pg-prev .item-img,
.thumb-pagination a.pg-next .item-img {
	width: 120px;
}

.thumb-pagination a.pg-prev .item-img {
	margin-right: 15px;
}

.thumb-pagination a.pg-next {
	text-align: right;
}

.thumb-pagination a.pg-next .item-img {
	margin-left: 15px;
}

ul.entry-meta {
	font-size: 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
	margin-bottom: 5px;
}

ul.entry-meta li {
	padding-right: 13px;
	padding-left: 10px;
	margin-top: 5px;
	font-family: "Poppins", sans-serif;
	position: relative;
	text-transform: capitalize;
}

ul.entry-meta li:after {
	top: 0;
	right: 0;
	content: '/';
	color: #676767;
	position: absolute;
}

ul.entry-meta li:first-child {
	padding-left: 0;
}

ul.entry-meta li:last-child {
	margin-right: 0;
}

ul.entry-meta li:last-child:after {
	display: none;
}

ul.entry-meta li a {
	align-items: center;
	color: #676767;
	transition: all 0.3s ease-in-out;
	display: inline-block;
}

ul.entry-meta li a:hover {
	color: #000000;
}

ul.entry-meta li a .meta-icon {
	float: left;
	margin-right: 5px;
}

ul.entry-meta li.entry-admin span {
	margin-right: 3px;
}

.bg-color-light {
	background-color: #ffffff;
}

.bg-color-dark {
	background-color: #0a0a0a;
}

.bg-color-dark2 {
	background-color: #1a1a1a;
}

.bg-color-accent {
	background-color: #f7f7f7;
}

.bg-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg-no-repeat {
	background-repeat: no-repeat;
}

.btn-text {
	z-index: 1;
	color: #6b6b6b;
	font-weight: 600;
	position: relative;
	padding-right: 115px;
	display: inline-block;
	text-transform: uppercase;
	font-family: "Jost", sans-serif;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
	.btn-text {
		padding-right: 100px;
	}
}

@media (max-width: 767px) {
	.btn-text {
		font-size: 14px;
	}
}

@media (max-width: 479px) {
	.btn-text {
		padding-right: 65px;
	}
}

.btn-text:before {
	content: "";
	height: 1px;
	width: 100px;
	background-color: #6b6b6b;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
	.btn-text:before {
		width: 90px;
	}
}

@media (max-width: 479px) {
	.btn-text:before {
		width: 50px;
	}
}

.btn-text:hover {
	color: #000000;
}

.btn-text:hover:before {
	background-color: #000000;
	width: 80px;
	right: 20px;
}

@media (max-width: 479px) {
	.btn-text:hover:before {
		width: 30px;
	}
}

button.btn-text {
	border: 0;
	outline: none;
	box-shadow: none;
	background-color: transparent;
}

button.btn-text:hover {
	background-color: transparent;
}

.btn-text.button-light {
	color: #ffffff;
}

.btn-text.button-light:before {
	background-color: #ffffff;
}

.btn-text.button-light:hover {
	color: #bdbdbd;
}

.btn-text.button-light:hover:before {
	background-color: #bdbdbd;
}

.btn-text.button-light2 {
	color: #c4c3c3;
}

.btn-text.button-light2:before {
	background-color: #c4c3c3;
}

.isotop-btn-layout1 a {
	margin-right: 5px;
	font-size: 18px;
	padding: 8px 20px;
	font-family: "Jost", sans-serif;
	font-weight: 500;
	color: #5d5d5d;
	display: inline-block;
	transition: all 0.3s ease-out;
	cursor: pointer;
}

.isotop-btn-layout1 a:last-child {
	margin-right: 0;
}

.isotop-btn-layout1 a.current,
.isotop-btn-layout1 a:hover {
	color: #000000;
}

@media (max-width: 1199px) {
	.isotop-btn-layout1 a {
		padding: 8px 15px;
	}
}

@media (max-width: 767px) {
	.isotop-btn-layout1 a {
		padding-left: 0;
	}
}

@media (max-width: 575px) {
	.isotop-btn-layout1 a {
		font-size: 18px;
	}
}

.btn-fill {
	padding: 12px 32px;
	color: #0a0a0a;
	background-color: #ffffff;
	border-radius: 0;
	font-family: "Jost", sans-serif;
	font-weight: 600;
	font-size: 18px;
	display: inline-block;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
	.btn-fill {
		font-size: 16px;
		padding: 12px 28px 8px;
	}
}

@media (max-width: 767px) {
	.btn-fill {
		font-size: 15px;
		padding: 10px 25px 6px;
	}
}

.btn-fill .top-left {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.btn-fill .top-left:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 1px;
	height: 0;
	width: 1px;
	background-color: #ffffff;
	transition: all 0.5s ease-in-out;
}

.btn-fill .top-left:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 1px;
	height: 1px;
	width: 0;
	background-color: #ffffff;
	transition: all 0.5s ease-in-out;
}

.btn-fill .bottom-right {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.btn-fill .bottom-right:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 1px;
	right: 1px;
	height: 0;
	width: 1px;
	background-color: #ffffff;
	transition: all 0.5s ease-in-out;
}

.btn-fill .bottom-right:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 1px;
	right: 1px;
	height: 1px;
	width: 0;
	background-color: #ffffff;
	transition: all 0.5s ease-in-out;
}

.btn-fill:hover {
	background-color: transparent;
	color: #ffffff;
}

.btn-fill:hover .top-left:before {
	height: calc(100% - 2px);
}

.btn-fill:hover .top-left:after {
	width: calc(100% - 2px);
}

.btn-fill:hover .bottom-right:before {
	height: calc(100% - 2px);
}

.btn-fill:hover .bottom-right:after {
	width: calc(100% - 2px);
}

.btn-fill2 {
	background-color: #000000;
	padding: 10px 30px;
	color: #ffffff;
	border-radius: 0;
	font-family: "Jost", sans-serif;
	font-weight: 700;
	font-size: 15px;
	display: inline-block;
	border: 0;
	z-index: 1;
	position: relative;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}

.btn-fill2 .top-left {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.btn-fill2 .top-left:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 1px;
	height: 0;
	width: 1px;
	background-color: #000000;
	transition: all 0.5s ease-in-out;
}

.btn-fill2 .top-left:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 1px;
	height: 1px;
	width: 0;
	background-color: #000000;
	transition: all 0.5s ease-in-out;
}

.btn-fill2 .bottom-right {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.btn-fill2 .bottom-right:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 1px;
	right: 1px;
	height: 0;
	width: 1px;
	background-color: #000000;
	transition: all 0.5s ease-in-out;
}

.btn-fill2 .bottom-right:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 1px;
	right: 1px;
	height: 1px;
	width: 0;
	background-color: #000000;
	transition: all 0.5s ease-in-out;
}

.btn-fill2:hover {
	background-color: transparent;
	color: #000000;
}

.btn-fill2:hover .top-left:before {
	height: calc(100% - 2px);
}

.btn-fill2:hover .top-left:after {
	width: calc(100% - 2px);
}

.btn-fill2:hover .bottom-right:before {
	height: calc(100% - 2px);
}

.btn-fill2:hover .bottom-right:after {
	width: calc(100% - 2px);
}

.btn-fill3 {
	padding: 10px 32px 4px;
	border: 1px solid #dcdcdc;
	color: #0a0a0a;
	background-color: #ffffff;
	border-radius: 0;
	font-family: "Jost", sans-serif;
	font-weight: 700;
	font-size: 18px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.btn-fill3:hover {
	color: #ffffff;
	border: 1px solid #000000;
	background-color: #000000;
}

.btn-fill4 {
	background-color: #000000;
	padding: 9px 28px 5px;
	border: 1px solid #000000;
	color: #ffffff;
	border-radius: 0;
	font-family: "Jost", sans-serif;
	font-weight: 700;
	font-size: 13px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.btn-fill4:hover {
	color: #000000;
	background-color: transparent;
}

.btn-fill-accent {
	border: 0;
	background-color: #f2f2f2;
	color: #000000;
	padding: 11px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 16px;
	border-radius: 0;
	font-family: "Jost", sans-serif;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}

.btn-fill-accent:focus {
	outline: none;
}

.btn-fill-accent .top-left {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.btn-fill-accent .top-left:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 1px;
	height: 0;
	width: 1px;
	background-color: #000000;
	transition: all 0.5s ease-in-out;
}

.btn-fill-accent .top-left:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 1px;
	height: 1px;
	width: 0;
	background-color: #000000;
	transition: all 0.5s ease-in-out;
}

.btn-fill-accent .bottom-right {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.btn-fill-accent .bottom-right:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 1px;
	right: 1px;
	height: 0;
	width: 1px;
	background-color: #000000;
	transition: all 0.5s ease-in-out;
}

.btn-fill-accent .bottom-right:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 1px;
	right: 1px;
	height: 1px;
	width: 0;
	background-color: #000000;
	transition: all 0.5s ease-in-out;
}

.btn-fill-accent:hover {
	background-color: transparent;
	color: #000000;
}

.btn-fill-accent:hover .top-left:before {
	height: calc(100% - 2px);
}

.btn-fill-accent:hover .top-left:after {
	width: calc(100% - 2px);
}

.btn-fill-accent:hover .bottom-right:before {
	height: calc(100% - 2px);
}

.btn-fill-accent:hover .bottom-right:after {
	width: calc(100% - 2px);
}

/*=============================================
3.3 Section Heading Styles 
===============================================*/
.section-heading {
	text-align: center;
}

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

@media (min-width: 768px) and (max-width: 1024px) {
	.section-heading .section-title {
		margin-right: 30px;
	}
}

.section-heading .section-paragraph {
	width: 100%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.section-heading .section-paragraph.align-left {
	margin-left: 0;
}

.section-heading .section-paragraph.align-right {
	margin-right: 0;
}

.section-heading .section-sub-title {
	color: #000000;
	width: 100%;
	font-size: 20px;
	max-width: 400px;
	font-weight: 500;
	line-height: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

@media (max-width: 1199px) {
	.section-heading .section-sub-title {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.section-heading .section-sub-title {
		font-size: 16px;
	}
}

.section-heading.heading-layout1 {
	margin-bottom: 30px;
	text-align: left;
}

@media (max-width: 767px) {
	.section-heading.heading-layout1 {
		margin-bottom: 20px;
	}
}

.section-heading.heading-layout1 .section-paragraph {
	margin-left: inherit;
}

.section-heading.heading-layout1 .section-sub-title {
	margin-left: inherit;
}

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

.section-heading.heading-layout3 {
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.section-heading.heading-layout3 .section-paragraph {
	margin-left: inherit;
	margin-right: inherit;
}

.section-heading.heading-layout4 {
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.section-heading.heading-layout4 .section-sub-title {
	margin-left: inherit;
	margin-right: inherit;
	max-width: 445px;
}

.section-heading.heading-layout5 {
	margin-bottom: 50px;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.section-heading.heading-layout5 {
		margin-bottom: 40px;
	}
}

.section-heading.heading-layout5 .section-top-title {
	font-size: 22px;
	color: #030303;
	font-family: "Jost", sans-serif;
	width: 100%;
	max-width: 400px;
	line-height: 1.2;
}

.section-heading.heading-layout5 .section-sub-title {
	text-align: right;
	margin-left: inherit;
	margin-right: inherit;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	font-size: 16px;
}

@media (max-width: 991px) {
	.section-heading.heading-layout5 .section-sub-title {
		justify-content: start;
	}
}

.section-heading.heading-layout5 .section-sub-title span {
	display: inline-block;
	margin-right: 10px;
	color: #000000;
}

.section-heading.heading-layout5 .section-sub-title .share-items {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	align-items: center;
}

.section-heading.heading-layout5 .section-sub-title .share-items li {
	margin-right: 5px;
}

.section-heading.heading-layout5 .section-sub-title .share-items li:last-child {
	margin-right: 0;
}

.section-heading.heading-layout5 .section-sub-title .share-items li a {
	padding: 5px 10px;
	color: #25272a;
	transition: all 0.3s ease-out;
}

.section-heading.heading-layout5 .section-sub-title .share-items li a:hover {
	color: #777777;
}

.section-heading.heading-light .section-title {
	color: #ffffff;
}

.section-heading.heading-light .section-paragraph {
	color: #ffffff;
}

.section-heading.heading-light .section-sub-title {
	color: #ffffff;
}

.section-heading.heading-light2 .section-title {
	color: #ffffff;
}

.section-heading.heading-light2 .section-paragraph {
	color: #c4c3c3;
}

.inner-section-heading {
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.inner-section-heading {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.inner-section-heading {
		font-size: 24px;
	}
}

.video-btn .play-btn {
	padding: 47px 50px;
	display: inline-block;
	background-color: #2e2e2e;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
	.video-btn .play-btn {
		padding: 40px 45px;
	}
}

@media (max-width: 767px) {
	.video-btn .play-btn {
		padding: 30px 35px;
	}
}

.video-btn .play-btn .item-icon {
	color: #ffffff;
	font-size: 28px;
}

@media (max-width: 991px) {
	.video-btn .play-btn .item-icon {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.video-btn .play-btn .item-icon {
		font-size: 22px;
	}
}

@media (max-width: 575px) {
	.video-btn .play-btn .item-icon {
		font-size: 20px;
	}
}

.video-btn .play-btn:hover {
	background-color: #000000;
}

.video-btn-align-justify .play-btn {
	width: 100%;
	border-radius: 0;
	text-align: center;
}

/*=============================================
3.4 Return To Top Styles 
===============================================*/
.return-to-top {
	overflow: hidden;
	position: fixed;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 4px;
	bottom: -50px;
	right: 20px;
	text-align: center;
	z-index: 9999;
	background-color: #000000;
	display: block;
	font-size: 16px;
	color: #ffffff;
	transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
}

.return-to-top i {
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.return-to-top:hover,
.return-to-top:focus {
	color: #ffffff;
}

.return-to-top:hover i,
.return-to-top:focus i {
	animation: toBottomFromTop 0.5s forwards;
}

.return-to-top.back-top {
	bottom: 20px;
}

@keyframes toBottomFromTop {
	49% {
		transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

/*=============================================
3.5 Bootstrap
===============================================*/
@media only screen and (min-width: 1200px) {
	.row.gutters-40 {
		margin-left: -20px;
		margin-right: -20px;
	}

	.row.gutters-40>[class^="col-"] {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*=============================================
3.6 Slick Slider Arrows/Dots
===============================================*/
.slick-slide:focus {
	outline: none;
}

.slick-arrow {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	border-radius: 50%;
	padding: 0;
	height: 60px;
	width: 60px;
	border: 1px solid #000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #000;
	transition: all 0.3s ease-out;
}

.slick-arrow i {
	color: #ffffff;
	font-size: 24px;
	transition: all 0.3s ease-out;
}

.slick-arrow:hover {
	background-color: #ffffff;
}

.slick-arrow:hover i {
	color: #000000;
}

.slick-arrow:focus {
	outline: none;
}

@media (max-width: 991px) {
	.slick-arrow {
		height: 55px;
		width: 55px;
	}

	.slick-arrow i {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.slick-arrow {
		height: 50px;
		width: 50px;
	}

	.slick-arrow i {
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.slick-arrow {
		height: 45px;
		width: 45px;
	}

	.slick-arrow i {
		font-size: 18px;
	}
}

.slick-arrow.slick-prev {
	left: -50px;
}

@media (max-width: 1600px) {
	.slick-arrow.slick-prev {
		left: 0;
	}
}

.slick-arrow.slick-next {
	right: -50px;
}

@media (max-width: 1600px) {
	.slick-arrow.slick-next {
		right: 0;
	}
}

.slick-dots {
	top: 50%;
	right: 10px;
	list-style: none;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0;
	padding: 0;
}

@media only screen and (max-width: 1600px) {
	.slick-dots {
		right: -30px;
	}
}

@media only screen and (max-width: 1200px) {
	.slick-dots {
		right: 60px;
	}
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	border-radius: 100%;
}

.slick-dots li button {
	font-size: 0;
	line-height: 20;
	display: inline;
	width: 10px;
	height: 10px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	border-radius: 100%;
	outline: none;
	background-color: rgba(0, 0, 0, 0.25);
}

.slick-dots li.slick-active button {
	background-color: #000;
}

/*============================================================================
04. Gutenberg Support
==============================================================================*/
/*=============================================
4.1 Guten Block Styles 
===============================================*/
.align-wrap {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

@media screen and (min-width: 900px) {
	.align-wrap {
		width: auto;
		margin-left: calc(50% / .62 - 50vw);
	}
}

.align-wrap .alignfull {
	width: 100%;
	margin: 0 0 0 auto;
}

@media (max-width: 480px) {
	img.alignleft {
		float: none;
		margin-bottom: 13px;
		margin-right: 0px;
		padding-top: 5px;
		display: block;
	}

	img.alignright {
		float: none;
		margin-left: 0px;
		margin-bottom: 15px;
		padding-top: 15px;
	}
}

p.has-large-font-size {
	margin-bottom: 1.25rem;
}

p.has-large-font-size+p {
	line-height: 52px;
}

/*gutenberg with sidebar*/
.has-sidebar .wp-block-cover.alignwide,
.has-sidebar .wp-block-cover.alignfull,
.has-sidebar .wp-block-image.alignfull,
.has-sidebar .wp-block-columns.alignfull,
.has-sidebar .wp-block-media-text.alignfull,
.has-sidebar .wp-block-gallery.alignfull,
.has-sidebar .wp-block-gallery.alignwide,
.has-sidebar .wp-block-columns.alignwide,
.has-sidebar .wp-block-image.alignwide,
.has-sidebar .wp-block-media-text.alignwide,
.has-sidebar .is-type-video.alignfull,
.has-sidebar .wp-block-embed-vimeo.alignwide.wp-block-embed,
.has-sidebar .alignwide.wp-block-embed {
	margin-left: 0;
	margin-right: 0;
}

.has-strong-magenta-background-color {
	background-color: #a156b4;
}

.has-strong-magenta-color {
	color: #a156b4;
}

.has-light-grayish-magenta-background-color {
	background-color: #d0a5db;
}

.has-light-grayish-magenta-color {
	color: #d0a5db;
}

.has-very-light-gray-background-color {
	background-color: #eee;
}

.has-very-light-gray-color {
	color: #eee;
}

.has-very-dark-gray-background-color {
	background-color: #444;
}

.has-very-dark-gray-color {
	color: #444;
}

.has-small-font-size {
	font-size: 12px;
}

.has-large-font-size {
	font-size: 36px;
	line-height: 1.2;
}

.has-huge-font-size {
	font-size: 48px;
	line-height: 1.2;
}

.has-regular-font-size {
	font-size: 16px;
}

.wp-block-image.alignleft.is-resized {
	margin-left: 0;
	margin-right: 30px;
}

.wp-block-image.alignright.is-resized {
	margin-left: 30px;
	margin-right: 0;
}

.wp-block-separator {
	border: none;
	border-bottom: 2px solid #cccccc;
	margin: 50px 0;
	text-align: left;
	background: transparent;
}

.category-post-formats.tag-quote blockquote,
.comment-text blockquote,
.category-markup.tag-html blockquote,
.wp-block-quote.has-text-align-right,
.wp-block-quote.is-style-large,
.page-content-main blockquote,
.wp-block-quote.is-large,
blockquote.wp-block-quote {
	border: 1px;
	font-size: 24px;
	line-height: 34px;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 20px;
	border-style: solid;
	border-color: #eaeaea;
	text-align: left;
	padding: 40px 40px 40px 240px;
}

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

	.category-post-formats.tag-quote blockquote,
	.comment-text blockquote,
	.category-markup.tag-html blockquote,
	.wp-block-quote.has-text-align-right,
	.wp-block-quote.is-style-large,
	.page-content-main blockquote,
	.wp-block-quote.is-large,
	blockquote.wp-block-quote {
		padding: 40px 40px 40px 180px;
	}
}

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

	.category-post-formats.tag-quote blockquote,
	.comment-text blockquote,
	.category-markup.tag-html blockquote,
	.wp-block-quote.has-text-align-right,
	.wp-block-quote.is-style-large,
	.page-content-main blockquote,
	.wp-block-quote.is-large,
	blockquote.wp-block-quote {
		padding: 15px;
		font-size: 20px;
	}
}

.category-post-formats.tag-quote blockquote cite,
.comment-text blockquote cite,
.category-markup.tag-html blockquote cite,
.wp-block-quote.has-text-align-right cite,
.wp-block-quote.is-style-large cite,
.page-content-main blockquote cite,
.wp-block-quote.is-large cite,
blockquote.wp-block-quote cite {
	font-weight: 500;
	font-style: normal;
	color: #000000;
	font-size: 18px;
	display: inline-block;
}

.category-post-formats.tag-quote blockquote cite a,
.comment-text blockquote cite a,
.category-markup.tag-html blockquote cite a,
.wp-block-quote.has-text-align-right cite a,
.wp-block-quote.is-style-large cite a,
.page-content-main blockquote cite a,
.wp-block-quote.is-large cite a,
blockquote.wp-block-quote cite a {
	color: #000000;
}

.category-post-formats.tag-quote blockquote cite b,
.comment-text blockquote cite b,
.category-markup.tag-html blockquote cite b,
.wp-block-quote.has-text-align-right cite b,
.wp-block-quote.is-style-large cite b,
.page-content-main blockquote cite b,
.wp-block-quote.is-large cite b,
blockquote.wp-block-quote cite b {
	color: #989898;
	font-weight: 500;
}

.category-post-formats.tag-quote blockquote p,
.comment-text blockquote p,
.category-markup.tag-html blockquote p,
.wp-block-quote.has-text-align-right p,
.wp-block-quote.is-style-large p,
.page-content-main blockquote p,
.wp-block-quote.is-large p,
blockquote.wp-block-quote p {
	margin-bottom: 0;
}

.category-post-formats.tag-quote blockquote p,
.category-markup.tag-html blockquote p,
.comment-text blockquote p {
	margin-bottom: 0;
}

.wp-block-quote.has-text-align-center {
	text-align: center;
}

.wp-block-quote.has-text-align-right {
	text-align: right;
}

.wp-block-quote.has-text-align-left {
	text-align: left;
}

.has-text-align-left {
	padding-left: 30px;
	padding-right: 30px;
}

.wp-block-pullquote {
	border-top: 2px dashed #eaeaea;
	border-bottom: 2px dashed #eaeaea;
	margin-bottom: 20px;
}

.wp-block-pullquote blockquote {
	margin: 0 !important;
	border: none !important;
}

blockquote.wp-block-pullquote {
	background: #f8f8f8;
	border-radius: 4px;
	font-size: 24px;
	font-weight: 400;
	font-style: italic;
	color: #092d4c;
	position: relative;
}

.wp-block-pullquote {
	padding: 0;
}

.wp-block-pullquote p {
	font-size: 24px;
}

.wp-block-pullquote cite {
	font-weight: 700;
	color: #000000;
	text-transform: capitalize;
}

.wp-block-pullquote.alignleft blockquote,
.wp-block-pullquote.alignright blockquote {
	padding-left: 40px;
}

.wp-block-quote.is-style-large cite em {
	font-style: normal;
}

.wp-block-quote.is-style-large cite br {
	display: none;
}

.wp-block-columns.has-3-columns .wp-block-quote,
.wp-block-columns.alignwide .wp-block-column:last-child .wp-block-quote {
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	max-width: 100%;
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
	color: inherit;
}

.wp-block-pullquote.is-style-solid-color blockquote p,
.wp-block-pullquote blockquote p {
	font-size: 24px;
	line-height: 1.6;
	font-style: italic;
}

/* Main column width */
.wp-block {
	max-width: 720px;
}

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
	max-width: 1080px;
}

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
	max-width: none;
}

pre {
	color: #646464;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
	line-height: 1.6;
	background: #ffffff;
	margin-bottom: 1.6em;
	font-size: 1rem;
	font-family: "Courier 10 Pitch", Courier, monospace;
}

pre code,
code,
a code {
	color: #ee212b;
}

kbd {
	color: #646464;
	padding: 3px 5px 2px 5px;
	margin: 0 1px;
	background: #eaeaea;
	background: rgba(0, 0, 0, 0.07);
}

/*==== Button ====*/
.wp-block-button {
	margin-bottom: 25px;
}

.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
	color: #666666;
}

.wp-block-button .wp-block-button__link {
	background-color: #343434;
	color: #ffffff;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	padding: 12px 25px;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	overflow: hidden;
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.wp-block-button .wp-block-button__link:hover {
	color: #ffffff;
	background: #000000;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	border: 2px solid #343434;
}

.wp-block-button.is-style-squared .wp-block-button__link {
	border-radius: 0;
}

/*button end*/
.wp-block-table td,
.wp-block-table th {
	border: 1px solid #dedede;
	padding: 5px;
}

.wp-block-table thead {
	border-bottom: 1px solid;
}

.wp-block-image .alignleft.is-resized {
	margin-top: 0;
}

.wp-block-image {
	margin-top: 30px;
	margin-bottom: 30px;
}

.wp-block-latest-posts.is-grid {
	margin-left: 20px;
}

.wp-block-latest-posts.is-grid li {
	margin: 0 0 10px 0;
}

.wp-block-columns.has-2-columns .wp-block-column {
	margin-bottom: 0;
}

@media only screen and (min-width: 600px) {
	.entry-content .wp-block-columns {
		flex-wrap: nowrap;
	}
}

.wp-block-image .alignleft,
.wp-block-image .alignright {
	margin-top: 1.875rem;
	margin-bottom: 1.875rem;
}

.wp-block-image .alignleft {
	margin-right: 1.875rem;
}

.wp-block-image .alignright {
	margin-left: 1.875rem;
}

.wp-block-cover-image,
.wp-block-cover {
	margin-top: 30px;
	margin-bottom: 30px;
}

.wp-block-cover a,
.wp-block-cover .wp-block-cover-text a,
.wp-block-cover .has-text-color a,
.wp-block-cover .has-text-align-center a {
	color: #ffffff;
}

.wp-block-cover a:hover,
.wp-block-cover .wp-block-cover-text a:hover,
.wp-block-cover .has-text-color a:hover {
	text-decoration: underline;
}

.entry-content .wp-block-cover {
	margin-top: 0px;
}

.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
	color: #ffffff;
}

.wp-block-cover.alignleft.has-background-dim {
	margin-bottom: 20px;
	font-size: 36px;
	line-height: 1.3;
}

.wp-block-cover.alignleft.has-background-dim .wp-block-cover-text {
	font-size: 100%;
}

.wp-block-cover.alignleft {
	margin-top: 0;
}

.wp-block-gallery {
	margin-top: 23px;
	margin-bottom: 16px;
}

.wp-block-gallery.alignleft {
	display: flex;
	margin-top: 10px;
}

.wp-block-gallery.alignleft .blocks-gallery-item {
	display: inline-block;
}

.wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper {
	margin: 23px 0;
}

.wp-block-coblocks-social .wp-block-button__link {
	border: none;
}

p:last-child img.size-full.alignright {
	clear: both;
	padding-top: 0;
}

.wp-block-spacer {
	clear: both;
}

.gallery .gallery-item {
	text-align: center;
}

.site-content nav.comment-navigation {
	padding-top: 0;
}

.site-content nav.comment-navigation ul {
	margin-top: 0;
	margin-bottom: 40px;
}

.site-content nav.comment-navigation ul li {
	margin-right: 0;
}

.site-content nav.comment-navigation ul li a {
	height: inherit;
	width: inherit;
	padding: 12px 25px;
	line-height: 30px;
}

figure.wp-caption.alignnone {
	margin: 15px auto 15px;
}

.wp-block-file .wp-block-file__button {
	background: #32373c;
	padding: 10px 20px;
	line-height: 1;
}

.has-media-on-the-right.is-stacked-on-mobile {
	margin-bottom: 20px;
}

:root .wp-block-cover.has-pale-pink-background-color {
	background-color: #000;
}

.wp-caption .wp-caption-text {
	margin-top: .5em;
	margin-bottom: 0;
	color: #555d66;
	font-size: 13px;
	line-height: 1.4;
}

footer .wp-caption .wp-caption-text {
	color: #d0d0d0;
}

.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption {
	margin-top: .5em;
	margin-bottom: 0;
	color: #555d66;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	line-height: 1.4;
}

.wp-block-group.has-background {
	margin-bottom: 15px;
}

/*=============================================
4.2 WP Default Style
===============================================*/
/* ==== Normalize ==== */
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg {
	display: block;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp,
tt,
var {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

select:focus {
	outline: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 19px) calc(23px + 2px), calc(100% - 12px) calc(23px + 2px), calc(100% - 32px) 8px;
	background-size: 7px 8px,
		7px 8px,
		0px 0em;
	background-repeat: no-repeat;
}

select:focus {
	background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 13px) 24px, calc(100% - 20px) 24px, calc(100% - 32px) 8px;
	background-size: 7px 8px,
		7px 8px,
		0px 0px;
	outline: 0;
	border-color: gray;
	background-repeat: no-repeat;
}

select:-webkit-focusring,
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

/* ==== Typography ==== */
dfn,
cite,
em {
	font-style: italic;
}

cite {
	font-weight: 600;
}

blockquote {
	margin: 20px 0px;
	border-color: #111111;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 30px;
}

pre.wp-block-code {
	padding: 20px 30px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* ==== Elements ==== */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: """";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

dt {
	font-weight: bold;
	margin-bottom: 10px;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px 0;
	width: 100%;
}

table th,
table td {
	border: 1px solid #dedede;
	padding: 5px;
	text-align: center;
}

/* ==== Forms ==== */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #111111;
	border: medium none;
	color: #fff;
	padding: 2px 15px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
}

select {
	padding: 15px 12px;
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

form.post-password-form label>input {
	background: #f8f8f8;
	border: 1px solid #dcdcdc;
	padding: 10px 8px;
}

form.post-password-form input {
	padding: 11px 15px;
	font-weight: 700;
}

/* ==== Links ==== */
a:link,
a:visited {
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
}

a:hover,
a:active {
	outline: 0;
}

/* ==== Accessibility ==== */
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/* ==== Alignments ==== */
.alignleft {
	float: left;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 15px;
}

.alignright {
	float: right;
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 15px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-button.aligncenter {
	text-align: center;
}

/* ==== Clearings ==== */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* ==== Posts and pages ==== */
.sticky {
	display: block;
	margin-bottom: 0px;
}

.blog-style-1 .sticky {
	display: block;
	margin-bottom: 15px;
	padding: 30px 30px 1px;
}

.sticky .blog-box {
	background: #f4f4f4 none repeat scroll 0 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

span.post-page-numbers.current {
	display: -webkit-inline-box;
	margin: 0;
	padding: 0;
	float: left;
}

a.post-page-numbers,
span.title-string {
	float: left;
	display: inline-block;
}

span.page-links-title {
	margin-right: 10px;
}

.artex-page-links,
.page-links {
	clear: both;
	display: flex;
	margin: 0 0 1.5em;
	align-items: center;
}

.artex-page-links,
.page-links {
	font-weight: 400;
	color: #666666;
	padding-top: 12px;
}

.artex-page-links span.post-page-numbers,
.artex-page-links a.post-page-numbers,
.page-links .page-number {
	width: 40px;
	height: 40px;
	color: #bdbdbd;
	font-size: 18px;
	font-weight: 500;
	line-height: 40px;
	margin-right: 5px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
}

.artex-page-links span.post-page-numbers.current,
.page-links span.current .page-number,
.artex-page-links a.post-page-numbers:hover,
.page-links a.post-page-numbers:hover .page-number {
	color: #000000;
	background: #f0f0f0;
}

.page-links a .page-number {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* ==== Comments ==== */
h3.comment-title {
	margin-bottom: 30px;
}

.blog-comment-form {
	margin-top: 20px;
	margin-bottom: 20px;
}

.comment-content a {
	word-wrap: break-word;
}

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

.comments-area ul {
	list-style: none;
	padding-left: 0;
}

ul.comment-list {
	margin-bottom: 50px;
}

.blog-comment-form .blog-comment .each-comment ul>li {
	list-style: disc !important;
}

.blog-comment-form .blog-comment .each-comment ul>li>ul>li {
	list-style: circle !important;
}

.blog-comment-form .blog-comment .each-comment ul>li>ul>li>ul>li {
	list-style-type: square !important;
}

.blog-comment-form .blog-comment .each-comment ul>li>ul>li>ul,
.blog-comment-form .blog-comment .each-comment ul>li>ul,
.blog-comment-form .blog-comment .each-comment ul {
	padding-left: 30px !important;
}

.comment-text>ul,
.comment-text>ol {
	margin-bottom: 20px;
}

.bypostauthor {
	display: block;
}

.each-comment {
	position: relative;
	margin-bottom: 1.875rem;
}

.each-comment .imgholder {
	float: left;
	margin-top: 0.3125rem;
	margin-right: 1.5625rem;
}

@media only screen and (max-width: 767px) {
	.each-comment .imgholder {
		float: unset;
		margin-bottom: 20px;
	}
}

.each-comment .imgholder img {
	border-radius: 50%;
}

@media only screen and (max-width: 575px) {
	.each-comment .imgholder {
		width: 70px;
		margin-right: 0.8rem;
	}
}

.each-comment .media-body {
	overflow: hidden;
	position: relative;
	background-color: #f8f8f8;
	border-radius: 0.25rem;
	padding: 30px 30px 15px 40px;
}

.each-comment .media-body:before {
	content: "";
	width: 0;
	height: 0;
	border-right: 1.875rem solid #f8f8f8;
	border-top: 0.625rem solid transparent;
	border-bottom: 1.25rem solid transparent;
	position: absolute;
	top: 2rem;
	left: -1.25rem;
	z-index: -1;
}

.each-comment .media-body .item-title {
	color: #041f60;
	margin-bottom: 0;
}

.each-comment .media-body .item-date {
	color: #4c4c4c;
	font-size: 0.9375rem;
	margin-bottom: 0.5rem;
}

.each-comment .media-body h3.comment-meta {
	margin-bottom: 0;
	font-size: 22px;
	text-transform: capitalize;
}

.each-comment .media-body h3.comment-meta a {
	color: #000000;
}

.each-comment .media-body h3.comment-meta a:hover {
	color: #000000;
}

.each-comment .media-body .comment-reply-link {
	position: absolute;
	top: 1.5625rem;
	right: 1.875rem;
	font-size: 16px;
	font-weight: 600;
	color: #666666;
	padding: 0.3125rem;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.each-comment .media-body .comment-reply-link i {
	font-size: 0.625rem;
	margin-left: 0.625rem;
}

@media only screen and (max-width: 480px) {
	.each-comment .media-body .comment-reply-link {
		top: 0;
		right: auto;
		left: 0;
		position: relative;
		padding: 0;
	}
}

.each-comment .media-body .comment-reply-link:hover {
	color: #000000;
}

@media only screen and (max-width: 575px) {
	.each-comment .media-body {
		padding: 25px 20px 15px 20px;
	}

	.each-comment .media-body .comment-reply-link {
		right: 0.875rem;
	}
}

ul.comment-list li .comment-respond {
	margin-bottom: 35px;
}

.comment-reply-title small a {
	font-size: 18px;
	margin-left: 15px;
}

nav.pagination-area.comment-pagination {
	width: 100%;
	margin-bottom: 20px;
	display: inline-block;
}

nav.pagination-area.comment-pagination li.older-comments {
	float: left;
}

nav.pagination-area.comment-pagination li.newer-comments {
	float: right;
}

.trackback h3 a,
.pingback h3 a {
	font-size: 1.25rem;
}

@media only screen and (max-width: 575px) {
	.comment-form-email {
		margin-top: 1.5625rem;
	}
}

/* ==== Infinite scroll ==== */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/* ==== Media ==== */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
	height: 500px;
}

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

	embed,
	iframe,
	object {
		height: 400px;
	}
}

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

	embed,
	iframe,
	object {
		height: 300px;
	}
}

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

	embed,
	iframe,
	object {
		height: 200px;
	}
}

/* ==== Captions ==== */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

caption {
	caption-side: top;
}

/* ==== Galleries ==== */
.gallery {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: calc(1.5 * 1rem);
}

.gallery-item {
	display: inline-block;
	margin-right: 16px;
	margin-bottom: 16px;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.sidebar-widget .gallery {
	display: inline-block;
}

.sidebar-widget .gallery-item {
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 8px;
}

.gallery-columns-2 .gallery-item {
	max-width: calc((100% - 16px * 1) / 2);
}

.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
	margin-right: 0;
}

.gallery-columns-3 .gallery-item {
	max-width: calc((100% - 16px * 2) / 3);
}

.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
	margin-right: 0;
}

.gallery-columns-4 .gallery-item {
	max-width: calc((100% - 16px * 3) / 4);
}

.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
	margin-right: 0;
}

.gallery-columns-5 .gallery-item {
	max-width: calc((100% - 16px * 4) / 5);
}

.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
	margin-right: 0;
}

.gallery-columns-6 .gallery-item {
	max-width: calc((100% - 16px * 5) / 6);
}

.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
	margin-right: 0;
}

.gallery-columns-7 .gallery-item {
	max-width: calc((100% - 16px * 6) / 7);
}

.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
	margin-right: 0;
}

.gallery-columns-8 .gallery-item {
	max-width: calc((100% - 16px * 7) / 8);
}

.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
	margin-right: 0;
}

.gallery-columns-9 .gallery-item {
	max-width: calc((100% - 16px * 8) / 9);
}

.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
	margin-right: 0;
}

.gallery-item:last-of-type {
	padding-right: 0;
}

.gallery-caption {
	display: block;
	word-break: break-word;
}

/* ==== Posts and pages ==== */
.sticky {
	display: block;
	margin-bottom: 0px;
	position: relative;
	overflow: hidden;
}

.sticky .meta-featured-post {
	top: 13px;
	right: -48px;
	padding: 7px 50px;
	position: absolute;
	text-align: center;
	color: #ffffff;
	transform: rotate(45deg);
	background-color: #000000;
}

.byline,
.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* ==== Bootstrap Sameheight ==== */
@media (min-width: 1200px) {
	.auto-clear>.col-lg-1:nth-child(12n+1) {
		clear: left;
	}

	.auto-clear>.col-lg-2:nth-child(6n+1) {
		clear: left;
	}

	.auto-clear>.col-lg-3:nth-child(4n+1) {
		clear: left;
	}

	.auto-clear>.col-lg-4:nth-child(3n+1) {
		clear: left;
	}

	.auto-clear>.col-lg-6:nth-child(odd) {
		clear: left;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.auto-clear>.col-md-1:nth-child(12n+1) {
		clear: left;
	}

	.auto-clear>.col-md-2:nth-child(6n+1) {
		clear: left;
	}

	.auto-clear>.col-md-3:nth-child(4n+1) {
		clear: left;
	}

	.auto-clear>.col-md-4:nth-child(3n+1) {
		clear: left;
	}

	.auto-clear>.col-md-6:nth-child(odd) {
		clear: left;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.auto-clear>.col-sm-1:nth-child(12n+1) {
		clear: left;
	}

	.auto-clear>.col-sm-2:nth-child(6n+1) {
		clear: left;
	}

	.auto-clear>.col-sm-3:nth-child(4n+1) {
		clear: left;
	}

	.auto-clear>.col-sm-4:nth-child(3n+1) {
		clear: left;
	}

	.auto-clear>.col-sm-6:nth-child(odd) {
		clear: left;
	}
}

@media (max-width: 767px) {
	.auto-clear>.col-1:nth-child(12n+1) {
		clear: left;
	}

	.auto-clear>.col-2:nth-child(6n+1) {
		clear: left;
	}

	.auto-clear>.col-3:nth-child(4n+1) {
		clear: left;
	}

	.auto-clear>.col-4:nth-child(3n+1) {
		clear: left;
	}

	.auto-clear>.col-6:nth-child(odd) {
		clear: left;
	}
}

/* ==== Miscellaneous ==== */
@media (min-width: 768px) and (max-width: 991px) {
	.ipad-fix {
		width: 100%;
	}

	.ipad-fix-pad {
		width: 100%;
		padding-bottom: 30px;
	}

	.ipad-width-50,
	.width-50 {
		width: 50%;
	}

	.center-background {
		background: none;
	}
}

@media (max-width: 767px) {
	.ipad-fix-pad {
		width: 100%;
		padding-bottom: 30px;
	}
}

.padding-right-fix {
	padding-right: 50px;
}

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

/* ==== Column ==== */
.no-gutter>[class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.widget_recent_entries .widget-section-heading,
.widget_categories .widget-section-heading,
.widget_nav_menu .widget-section-heading,
.widget_archive .widget-section-heading,
.widget_pages .widget-section-heading,
.widget_meta .widget-section-heading {
	margin-bottom: 25px;
}

.widget_recent_entries ul,
.widget_categories ul,
.widget_nav_menu ul,
.widget_archive ul,
.widget_pages ul,
.widget_meta ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.widget_recent_entries ul li,
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_meta ul li {
	font-size: 16px;
	margin: 0 0 3px;
	padding: 0 0 3px;
	color: #777777;
	transition: all .3s linear;
}

.widget_recent_entries ul li:last-child,
.widget_categories ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_archive ul li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child {
	margin-bottom: 0;
}

.widget_recent_entries ul li:hover,
.widget_categories ul li:hover,
.widget_nav_menu ul li:hover,
.widget_archive ul li:hover,
.widget_pages ul li:hover,
.widget_meta ul li:hover {
	color: #000000;
}

.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_nav_menu ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a {
	padding-left: 25px;
	position: relative;
	display: inline-block;
}

.widget_recent_entries ul li a:before,
.widget_categories ul li a:before,
.widget_nav_menu ul li a:before,
.widget_archive ul li a:before,
.widget_pages ul li a:before,
.widget_meta ul li a:before {
	content: "";
	height: 13px;
	width: 13px;
	border: 1px solid #a8a7a7;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: 0;
}

.widget_recent_entries ul li a:after,
.widget_categories ul li a:after,
.widget_nav_menu ul li a:after,
.widget_archive ul li a:after,
.widget_pages ul li a:after,
.widget_meta ul li a:after {
	content: "";
	height: 5px;
	width: 5px;
	background-color: #a8a7a7;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 4px;
	transition: all 0.3s ease-in-out;
}

.widget_recent_entries ul li a:hover:before,
.widget_categories ul li a:hover:before,
.widget_nav_menu ul li a:hover:before,
.widget_archive ul li a:hover:before,
.widget_pages ul li a:hover:before,
.widget_meta ul li a:hover:before {
	border-color: #000000;
}

.widget_recent_entries ul li a:hover:after,
.widget_categories ul li a:hover:after,
.widget_nav_menu ul li a:hover:after,
.widget_archive ul li a:hover:after,
.widget_pages ul li a:hover:after,
.widget_meta ul li a:hover:after {
	background-color: #000000;
}

.widget_recent_entries ul li ul li:last-child,
.widget_categories ul li ul li:last-child,
.widget_nav_menu ul li ul li:last-child,
.widget_archive ul li ul li:last-child,
.widget_pages ul li ul li:last-child,
.widget_meta ul li ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget_recent_entries ul li ul.children,
.widget_categories ul li ul.children,
.widget_nav_menu ul li ul.children,
.widget_archive ul li ul.children,
.widget_pages ul li ul.children,
.widget_meta ul li ul.children {
	margin-top: 6px;
}

footer .widget {
	color: #a9a9a9;
}

footer .widget_recent_entries ul,
footer .widget_categories ul,
footer .widget_nav_menu ul,
footer .widget_archive ul,
footer .widget_pages ul,
footer .widget_meta ul {
	list-style: none;
	margin-bottom: 0;
}

footer .widget_recent_entries ul li,
footer .widget_categories ul li,
footer .widget_nav_menu ul li,
footer .widget_archive ul li,
footer .widget_pages ul li,
footer .widget_meta ul li {
	color: #a9a9a9;
	transition: all .3s linear;
	margin-bottom: 6px;
}

footer .widget_recent_entries ul li a,
footer .widget_categories ul li a,
footer .widget_nav_menu ul li a,
footer .widget_archive ul li a,
footer .widget_pages ul li a,
footer .widget_meta ul li a {
	color: #a9a9a9;
	padding-left: 0;
	font-size: 15px;
}

footer .widget_recent_entries ul li a:hover,
footer .widget_categories ul li a:hover,
footer .widget_nav_menu ul li a:hover,
footer .widget_archive ul li a:hover,
footer .widget_pages ul li a:hover,
footer .widget_meta ul li a:hover {
	color: #ffffff;
}

footer .widget_recent_entries ul li a:before,
footer .widget_recent_entries ul li a:after,
footer .widget_categories ul li a:before,
footer .widget_categories ul li a:after,
footer .widget_nav_menu ul li a:before,
footer .widget_nav_menu ul li a:after,
footer .widget_archive ul li a:before,
footer .widget_archive ul li a:after,
footer .widget_pages ul li a:before,
footer .widget_pages ul li a:after,
footer .widget_meta ul li a:before,
footer .widget_meta ul li a:after {
	display: none;
}

footer .widget_recent_entries ul li:hover,
footer .widget_categories ul li:hover,
footer .widget_nav_menu ul li:hover,
footer .widget_archive ul li:hover,
footer .widget_pages ul li:hover,
footer .widget_meta ul li:hover {
	color: #ffffff;
}

.widget_recent_comments .widget-section-heading {
	margin-bottom: 25px;
}

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

.widget_recent_comments ul li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
}

.widget_recent_comments ul li:last-child {
	margin-bottom: 0;
}

.widget_recent_comments ul li a {
	position: relative;
}

.widget_recent_comments ul li:before {
	content: "";
	height: 13px;
	width: 13px;
	border: 1px solid #a8a7a7;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: 0;
}

.widget_recent_comments ul li:after {
	content: "";
	height: 5px;
	width: 5px;
	background-color: #a8a7a7;
	border-radius: 50%;
	position: absolute;
	top: 13px;
	left: 4px;
	transition: all 0.3s ease-in-out;
}

footer .widget_recent_comments ul li {
	color: #d0d0d0;
	padding-left: 0;
}

footer .widget_recent_comments ul li a {
	color: #a9a9a9;
}

footer .widget_recent_comments ul li:hover {
	color: #ffffff;
}

footer .widget_recent_comments ul li:hover a {
	color: #ffffff;
}

footer .widget_recent_comments ul li:hover:before {
	border-color: #ffffff;
}

footer .widget_recent_comments ul li:hover:after {
	background-color: #ffffff;
}

footer .widget_recent_comments ul li:before,
footer .widget_recent_comments ul li:after {
	display: none;
}

.widget_categories label.screen-reader-text,
.widget_archive label.screen-reader-text,
.widget_text label.screen-reader-text {
	display: none;
}

.widget_categories select,
.widget_archive select,
.widget_text select {
	width: 100%;
	padding: 15px 12px;
}

footer .widget_categories select,
footer .widget_archive select,
footer .widget_text select {
	color: #0a0a0a;
}

.wp-block-categories select,
.wp-block-archives select {
	padding: 15px 12px;
	margin-bottom: 30px;
}

.widget_rss h3.widget-title a {
	color: #000000;
}

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

.widget_rss ul li {
	margin-bottom: 15px;
}

.widget_rss ul li a {
	color: #777777;
}

.widget_rss ul li a:hover {
	color: #000000;
}

footer .widget_rss h3.widget-heading a {
	color: #cecece;
}

footer .widget_rss ul li {
	color: #d0d0d0;
	margin-bottom: 15px;
}

footer .widget_rss ul li a {
	color: #a9a9a9;
}

footer .widget_rss ul li a:hover {
	color: #ffffff;
}

.widget_tag_cloud .tagcloud {
	width: 100%;
	display: inline-block;
}

.widget_tag_cloud .tagcloud a {
	color: #4c4c4c;
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	background: #f4f4f4;
	font-size: 15px !important;
	font-weight: 500;
	border-radius: 0;
	padding: 8px 25px;
	transition: all 0.3s ease-in-out;
	text-transform: capitalize;
}

.widget_tag_cloud .tagcloud a:hover {
	color: #ffffff;
	background-color: #000000;
}

footer .widget_tag_cloud .tagcloud a:hover {
	color: #ffffff;
}

ul.children,
ul.sub-menu {
	margin-top: 6px;
	padding-left: 20px;
}

p.comment-form-cookies-consent {
	margin-top: -5px;
	margin-bottom: 20px;
	display: flex;
}

p.comment-form-cookies-consent input[type="checkbox"],
p.comment-form-cookies-consent input[type="radio"] {
	box-sizing: border-box;
	margin-right: 10px;
	margin-top: 8px;
}

/* ==== Table ==== */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

table th,
table td {
	border: 0.0625rem solid #dedede;
	padding: 0.3125rem;
	text-align: center;
}

.wp-block-calendar {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.wp-calendar-table td {
	padding: 0 !important;
	line-height: 32px;
}

.wp-calendar-table td a {
	width: 100%;
	height: auto;
	font-weight: 900;
	color: #0a0a0a;
	display: inline-block;
	background-color: #cfcfcf;
}

.wp-calendar-table td#today {
	font-weight: 600;
	color: #ffffff;
	background-color: #0a0a0a;
}

.wp-calendar-table td#today a {
	color: #ffffff;
	background-color: #0a0a0a;
}

.wp-calendar-table span.wp-calendar-nav-next {
	float: right;
}

.sidebar-widget .wp-calendar-table {
	margin-top: 0;
}

footer .wp-calendar-table caption {
	color: #ffffff;
}

footer .wp-calendar-table th,
footer .wp-calendar-table td {
	color: #ffffff;
	text-align: center;
	border: 0.0625rem solid #777777;
}

footer .wp-calendar-table td#today {
	color: #0a0a0a;
	background-color: #ffffff;
}

footer .wp-calendar-table td#today a {
	color: #ffffff;
}

footer .widget_calendar span.wp-calendar-nav-prev a,
footer .widget_calendar span.wp-calendar-nav-next a {
	color: #a9a9a9;
}

footer .widget_calendar span.wp-calendar-nav-prev a:hover,
footer .widget_calendar span.wp-calendar-nav-next a:hover {
	color: #ffffff;
}

/* ==== Search Form ==== */
.search-input-group {
	position: relative;
}

.search-input-group input.search-query {
	width: 100%;
	height: 50px;
	padding: 0.9375rem;
	display: inline-block;
	padding-right: 3.125rem;
}

.search-input-group input.search-query:focus {
	outline: none;
}

.search-input-group button.btn.search-button {
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	position: absolute;
	line-height: 2.5rem;
	font-size: 16px;
}

.search-input-group button.btn.search-button:hover {
	color: #ffffff;
}

.search-input-group button.btn.search-button:focus {
	outline: none;
	box-shadow: none;
}

.wp-block-search {
	position: relative;
	margin-bottom: 10px;
}

.wp-block-search .wp-block-search__input {
	padding: 0.3125rem;
	display: inline-block;
	border: 1px solid #ccc;
}

.wp-block-search .wp-block-search__input:focus {
	outline: none;
}

.wp-block-search button.wp-block-search__button {
	color: #212529;
	padding: 0.3125rem 0.9375rem;
	display: inline-block;
	border: 1px solid #ccc;
	background-color: transparent;
}

.wp-block-search button.wp-block-search__button:focus {
	outline: none;
}

/* ==== Gutenberg Block Styles ==== */
.page-content-area blockquote.wp-block-pullquote.alignright,
.page-content-area blockquote.wp-block-pullquote.alignleft {
	padding-left: 50px;
}

/* ==== Gutenberg Custom color ==== */
.wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote {
	color: white;
}

.wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-artex-primary-color {
	color: #343434;
}

.wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-artex-secondary-color {
	color: #666666;
}

.wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-artex-light-color {
	color: white;
}

.wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-artex-black-color {
	color: black;
}

.wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-artex-dark-color {
	color: #111111;
}

a.wp-block-button__link.has-artex-primary-color:not([href]):not([tabindex]),
.wp-block-cover .has-artex-primary-color a,
.wp-block-button .has-artex-primary-color,
.has-artex-primary-color cite,
.has-artex-primary-color {
	color: #343434;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-artex-secondary-color:not([href]):not([tabindex]),
a.wp-block-button__link.has-artex-secondary-color:not([href]):not([tabindex]),
.wp-block-cover .has-artex-secondary-color a,
.wp-block-button .has-artex-secondary-color,
.has-artex-secondary-color cite,
.has-artex-secondary-color {
	color: #666666;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-artex-light-color:not([href]):not([tabindex]),
a.wp-block-button__link.has-artex-light-color:not([href]):not([tabindex]),
.wp-block-cover .has-artex-light-color a,
.wp-block-button .has-artex-light-color,
.has-artex-light-color cite,
.has-artex-light-color {
	color: white;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-artex-black-color:not([href]):not([tabindex]),
a.wp-block-button__link.has-artex-black-color:not([href]):not([tabindex]),
.wp-block-cover .has-artex-black-color a,
.wp-block-button .has-artex-black-color,
.has-artex-black-color cite,
.has-artex-black-color {
	color: black;
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-artex-dark-color:not([href]):not([tabindex]),
a.wp-block-button__link.has-artex-dark-color:not([href]):not([tabindex]),
.wp-block-cover .has-artex-dark-color a,
.wp-block-button .has-artex-dark-color,
.has-artex-dark-color cite,
.has-artex-dark-color {
	color: #111111;
}

/* ==== button custom color ==== */
a.wp-block-button__link.has-artex-primary-color:not([href]):not([tabindex]):hover,
a.wp-block-button__link.has-artex-secondary-color:not([href]):not([tabindex]):hover,
a.wp-block-button__link.has-artex-light-color:not([href]):not([tabindex]):hover,
a.wp-block-button__link.has-artex-black-color:not([href]):not([tabindex]):hover,
a.wp-block-button__link.has-artex-dark-color:not([href]):not([tabindex]):hover {
	color: #ffffff;
}

/* ==== button custom background color ==== */
.wp-block-button .has-artex-primary-background-color a,
.wp-block-button .has-artex-primary-background-color {
	background-color: #343434;
}

.wp-block-button .has-artex-secondary-background-color a,
.wp-block-button .has-artex-secondary-background-color {
	background-color: #666666;
}

.wp-block-button .has-artex-light-background-color a,
.wp-block-button .has-artex-light-background-color {
	background-color: white;
}

.wp-block-button .has-artex-black-background-color a,
.wp-block-button .has-artex-black-background-color {
	background-color: black;
}

.wp-block-button .has-artex-dark-background-color a,
.wp-block-button .has-artex-dark-background-color {
	background-color: #111111;
}

/* ==== Gutenberg Background Colors ==== */
:root .has-artex-primary-background-color {
	background-color: #343434;
}

:root .has-artex-secondary-background-color {
	background-color: #666666;
}

:root .has-artex-light-background-color {
	background-color: white;
}

:root .has-artex-black-background-color {
	background-color: black;
}

:root .has-artex-black-background-color {
	background-color: #111111;
}

/* ==== Gutenberg Colors ==== */
:root .has-artex-primary-color {
	color: #343434;
}

:root .has-artex-secondary-color {
	color: #666666;
}

:root .has-artex-light-color {
	color: white;
}

:root .has-artex-black-color {
	color: black;
}

:root .has-artex-dark-color {
	color: #111111;
}

/*============================================================================
05. Header Styles 
==============================================================================*/
#topbar-wrap {
	position: relative;
	z-index: 9;
}

.sticky-fixed-before #navbar-wrap,
.sticky-fixed-after #navbar-wrap {
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

header {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	z-index: 100;
	transition: all 0.3s ease-in-out;
}

div#navbar-wrap {
	transition: all 0.5s ease-in-out;
	-webkit-transition: position 10s;
	-moz-transition: position 10s;
	-ms-transition: position 10s;
	-o-transition: position 10s;
	transition: position 10s;
}

header.sticky-header div#navbar-wrap {
	top: 0;
	z-index: 9999;
	position: fixed;
}

.admin-bar header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar header {
		top: 45px;
	}
}

.admin-bar header.sticky-header div#navbar-wrap {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar header.sticky-header div#navbar-wrap {
		top: 45px;
	}
}

@media (max-width: 600px) {
	.admin-bar.mn-top header.sticky-header div#navbar-wrap {
		top: 0;
	}
}

.logo-area a {
	color: #ffffff;
	display: block;
	font-size: 48px;
	font-weight: 600;
	text-decoration: underline;
}

.logo-area a img {
	width: 135px;
	height: auto;
}

@media (max-width: 767px) {
	.logo-area a img {
		width: 125px;
	}
}

a.txt-logo {
	font-size: 42px;
	text-decoration: underline;
}

@media (max-width: 991px) {
	a.txt-logo {
		font-size: 36px;
		color: #000000;
	}
}

.site-description {
	margin-top: 15px;
	color: #ffffff;
	margin-bottom: 5px;
}

.offcanvas-menu-wrap .site-description {
	font-size: 14px;
	color: #000000;
}

header.header-style-1 #navbar-wrap {
	padding-left: 105px;
	padding-right: 105px;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
	header.header-style-1 #navbar-wrap {
		padding-left: 0;
		padding-right: 0;
	}
}

header.header-style-1 .template-main-menu ul.menu {
	margin-bottom: 0;
	padding-left: 0;
}

@media (max-width: 991px) {
	header.header-style-1 {
		display: none;
	}
}

header.header-style-1.sticky-header #navbar-wrap {
	padding-left: 105px;
	padding-right: 105px;
	padding-top: 0;
	background-color: rgba(0, 0, 0, 0.9);
}

@media (max-width: 1199px) {
	header.header-style-1.sticky-header #navbar-wrap {
		padding-left: 0;
		padding-right: 0;
	}
}

header.header-style-2 #navbar-wrap {
	padding-left: 105px;
	padding-right: 105px;
	padding-top: 45px;
	transition: all 0.5s ease-in-out;
}

@media (max-width: 1199px) {
	header.header-style-2 #navbar-wrap {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	header.header-style-2 #navbar-wrap {
		padding-top: 30px;
	}
}

@media (max-width: 767px) {
	header.header-style-2 #navbar-wrap {
		padding-top: 15px;
	}
}

header.header-style-2.sticky-header #navbar-wrap {
	padding-left: 105px;
	padding-right: 105px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(0, 0, 0, 0.9);
}

@media (max-width: 1199px) {
	header.header-style-2.sticky-header #navbar-wrap {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 767px) {
	header.header-style-2.sticky-header #navbar-wrap {
		padding-top: 0;
		padding-bottom: 0;
	}
}

header.header-style-3 #topbar-wrap {
	padding: 30px 0;
	background-color: rgba(24, 24, 24, 0.5);
}

@media (max-width: 1199px) {
	header.header-style-3 #topbar-wrap {
		padding: 20px 0;
	}
}

header.header-style-3 #topbar-wrap .contact-info {
	color: #ffffff;
	display: flex;
	align-items: center;
}

@media (max-width: 767px) {
	header.header-style-3 #topbar-wrap .contact-info {
		display: inline-block;
		margin-bottom: 15px;
	}
}

header.header-style-3 #topbar-wrap .contact-info i {
	margin-right: 18px;
}

header.header-style-3 #topbar-wrap .contact-info i:before {
	font-size: 26px;
}

@media (max-width: 575px) {
	header.header-style-3 #topbar-wrap .contact-info i:before {
		font-size: 20px;
	}
}

header.header-style-3 #topbar-wrap .contact-info i.fa-phone {
	transform: rotate(105deg);
}

header.header-style-3 #topbar-wrap .contact-info a {
	color: #ffffff;
	transition: all .3s linear;
}

header.header-style-3 #topbar-wrap .contact-info a:hover {
	color: #cfcfcf;
}

header.header-style-3 #topbar-wrap .contact-info ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

@media (max-width: 767px) {
	header.header-style-3 #topbar-wrap .contact-info ul {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	header.header-style-3 #topbar-wrap .contact-info ul li {
		float: left;
		margin-right: 10px;
	}
}

@media (max-width: 575px) {
	header.header-style-3 #topbar-wrap .contact-info ul li {
		font-size: 14px;
	}
}

header.header-style-3 #topbar-wrap .contact-info.address {
	max-width: 250px;
	padding-left: 15px;
}

@media (max-width: 767px) {
	header.header-style-3 #topbar-wrap .contact-info.address {
		max-width: 100%;
		padding-left: 0;
	}
}

header.header-style-3 #navbar-wrap {
	padding: 15px 0;
	transition: all 0.3s ease-in-out;
}

header.header-style-3 .template-main-menu nav ul li a {
	color: #ffffff;
}

header.header-style-3 .template-main-menu nav ul li a:hover {
	color: #c5c5c5;
}

header.header-style-3 .template-main-menu nav ul li ul li a {
	color: #ffffff;
}

header.header-style-3.sticky-header #navbar-wrap {
	padding: 10px 0;
	background-color: rgba(0, 0, 0, 0.9);
}

header.header-style-4 {
	position: fixed;
}

header.header-style-4 #navbar-wrap {
	padding-left: 105px;
	padding-right: 105px;
	padding-top: 30px;
	padding-bottom: 30px;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
	header.header-style-4 #navbar-wrap {
		padding-left: 0;
		padding-right: 0;
	}
}

header.header-style-4 .logo-area {
	width: 28vw;
}

header.header-style-4.sticky-header4 #navbar-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgba(0, 0, 0, 0.9);
}

header .template-main-menu nav ul {
	margin-bottom: 0;
}

header .template-main-menu nav ul li a {
	color: #ffffff;
	padding: 40px 18px;
	text-transform: uppercase;
}

@media (max-width: 1700px) {
	header .template-main-menu nav ul li a {
		padding: 40px 10px;
	}
}

@media (max-width: 1399px) {
	header .template-main-menu nav ul li a {
		padding: 20px 7px;
	}
}

header .template-main-menu nav ul li ul li a {
	color: #cac8c8;
	font-size: 16px;
	text-transform: capitalize;
	padding: 10px 10px 10px 15px;
}

header.sticky-header .template-main-menu nav ul li a {
	padding: 30px 18px;
}

@media (max-width: 1700px) {
	header.sticky-header .template-main-menu nav ul li a {
		padding: 30px 10px;
	}
}

@media (max-width: 1399px) {
	header.sticky-header .template-main-menu nav ul li a {
		padding: 20px 10px;
	}
}

header.sticky-header .template-main-menu nav ul li ul li a {
	padding: 10px 10px 10px 15px;
}

header.sticky-header .template-main-menu button.offcanvas-menu-btn .menu-btn-icon {
	background-color: #ffffff;
}

header.sticky-header .template-main-menu button.offcanvas-menu-btn .menu-btn-icon span {
	background-color: #000000;
}

.template-main-menu {
	text-align: right;
}

.template-main-menu nav ul li {
	display: inline-block;
	position: relative;
	text-align: left;
	transition: all 0.3s ease-in-out;
}

.template-main-menu nav ul li a {
	color: #ffffff;
	font-size: 16px;
	display: block;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease-in-out;
}

.template-main-menu nav ul li a:hover {
	color: #d8d8d8;
}

.template-main-menu nav ul li ul.sub-menu,
.template-main-menu nav ul li ul.children {
	background: #000000;
	box-shadow: none;
	border: none;
	border-radius: 0;
	visibility: hidden;
	opacity: 0;
	min-width: 300px;
	padding: 0;
	top: 100%;
	position: absolute;
	transform-origin: 0 0 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	transition: all 0.3s ease-in-out;
	z-index: 9999;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
	margin-top: 0;
}

.template-main-menu nav ul li ul.sub-menu li,
.template-main-menu nav ul li ul.children li {
	display: block;
	border-bottom: 1px solid #424242;
	position: relative;
}

.template-main-menu nav ul li ul.sub-menu li a,
.template-main-menu nav ul li ul.children li a {
	display: block;
	color: #ffffff;
	padding: 10px 10px 10px 15px;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

.template-main-menu nav ul li ul.sub-menu li a:hover,
.template-main-menu nav ul li ul.sub-menu li a:focus,
.template-main-menu nav ul li ul.children li a:hover,
.template-main-menu nav ul li ul.children li a:focus {
	background: #ffffff;
	color: #000000;
	padding: 10px 10px 10px 30px;
}

.template-main-menu nav ul li ul.sub-menu li:last-child,
.template-main-menu nav ul li ul.children li:last-child {
	border-bottom: none;
}

.template-main-menu nav ul li ul.sub-menu ul.sub-menu,
.template-main-menu nav ul li ul.sub-menu ul.children,
.template-main-menu nav ul li ul.children ul.sub-menu,
.template-main-menu nav ul li ul.children ul.children {
	top: 0;
	right: 100%;
}

.template-main-menu nav ul li ul.sub-menu .current-menu-item a,
.template-main-menu nav ul li ul.children .current-menu-item a {
	color: #000000;
	background: #ffffff;
}

.template-main-menu nav ul li:hover>ul.sub-menu,
.template-main-menu nav ul li:hover>ul.children {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
}

.template-main-menu nav ul li:hover>ul.sub-menu li.active a,
.template-main-menu nav ul li:hover>ul.children li.active a {
	color: #000000;
	background: #ffffff;
	padding: 10px 10px 10px 30px;
}

.template-main-menu nav ul .current-menu-ancestor a,
.template-main-menu nav ul li.default-item.active a {
	color: #d8d8d8;
}

.template-main-menu nav ul .current-menu-ancestor ul .current-menu-ancestor a,
.template-main-menu nav ul .current-menu-ancestor ul li.active a,
.template-main-menu nav ul li.default-item.active ul .current-menu-ancestor a,
.template-main-menu nav ul li.default-item.active ul li.active a {
	background: #d8d8d8;
	padding-left: 10px;
	color: #000000;
}

.template-main-menu nav ul li.default-item.menu-justify {
	position: static;
}

.template-main-menu nav ul li.default-item.menu-justify .template-dropdown-mega-menu {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9999;
	visibility: hidden;
	transform-origin: 0 0 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	transition: all 0.3s ease-in-out;
}

.template-main-menu nav ul li.default-item.menu-justify .template-dropdown-mega-menu .mega-menu-inner {
	background: #000000;
	padding: 15px;
}

.template-main-menu nav ul li.default-item.menu-justify .template-dropdown-mega-menu .mega-menu-inner ul.mega-menu-items li {
	border-bottom: 1px solid #424242;
	display: block;
	position: relative;
}

.template-main-menu nav ul li.default-item.menu-justify .template-dropdown-mega-menu .mega-menu-inner ul.mega-menu-items li a {
	font-size: 16px;
	display: block;
	color: #ffffff;
	padding: 8px 0px;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

.template-main-menu nav ul li.default-item.menu-justify .template-dropdown-mega-menu .mega-menu-inner ul.mega-menu-items li a:hover {
	background: #ffffff;
	color: #000000;
	padding-left: 10px;
}

.template-main-menu nav ul li.default-item.menu-justify .template-dropdown-mega-menu .mega-menu-inner ul.mega-menu-items li:last-child {
	border-bottom: none;
}

.template-main-menu nav ul li.default-item.menu-justify .template-dropdown-mega-menu .mega-menu-inner ul.mega-menu-items li.active a {
	background: #ffffff;
	color: #000000;
	padding-left: 10px;
}

.template-main-menu nav ul li.default-item.menu-justify:hover .template-dropdown-mega-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

ul.header-action-items {
	height: 60px;
	display: flex;
	margin-bottom: 0;
	align-items: center;
	justify-content: flex-end;
	list-style: none;
}

ul.header-action-items li.header-action-item {
	margin-right: 35px;
	height: 100%;
	display: flex;
	align-items: center;
}

@media (max-width: 1339px) {
	ul.header-action-items li.header-action-item {
		margin-right: 20px;
	}
}

@media (max-width: 767px) {
	ul.header-action-items li.header-action-item {
		margin-right: 10px;
	}
}

ul.header-action-items li.header-action-item:last-child {
	margin-right: 0;
}

ul.header-action-items li.header-action-item.call-number {
	margin-right: 60px;
}

.header-search {
	position: relative;
}

.header-search .header-serarch-form {
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 10;
	height: 100%;
	width: 500px;
	background-color: rgba(255, 255, 255, 0.95);
	border: none;
	color: #000000;
	display: none;
}

.header-search .header-serarch-form:focus {
	outline: none;
}

@media (max-width: 1199px) {
	.header-search .header-serarch-form {
		right: 25px;
		width: 740px;
	}
}

@media (max-width: 991px) {
	.header-search .header-serarch-form {
		width: 560px;
	}
}

@media (max-width: 767px) {
	.header-search .header-serarch-form {
		width: 430px;
	}
}

@media (max-width: 575px) {
	.header-search .header-serarch-form {
		width: 260px;
	}
}

@media (max-width: 479px) {
	.header-search .header-serarch-form {
		width: 200px;
	}
}

.header-search .header-serarch-form input {
	width: 100%;
	height: 100%;
	border: none;
	padding: 10px 60px 10px 25px;
}

.header-search .header-serarch-form button {
	width: 60px;
	height: 100%;
	display: inline-block;
	position: absolute;
	right: 0;
}

.header-search .header-serarch-form button:focus {
	outline: none;
	border-radius: 0;
}

.header-search button.search-button-toggle {
	background-color: transparent;
	color: #ffffff;
	border: 0;
	padding: 5px;
	line-height: 1;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.header-search button.search-button-toggle i {
	line-height: 1;
}

.header-search button.search-button-toggle i:before {
	font-size: 24px;
}

@media (max-width: 767px) {
	.header-search button.search-button-toggle i:before {
		font-size: 21px;
	}
}

.header-search button.search-button-toggle:focus {
	outline: none;
}

.header-search input.search-input:focus {
	outline-width: 0;
	outline: none;
}

.header-search input::-webkit-input-placeholder {
	color: #acacac;
}

.header-search input::-moz-placeholder {
	color: #acacac;
}

.header-search input:-moz-placeholder {
	color: #acacac;
}

.header-search input:-ms-input-placeholder {
	color: #acacac;
}

.call-number {
	color: #ffffff;
	font-size: 24px;
	font-weight: 500;
	position: relative;
	z-index: 1;
}

.call-number a {
	color: #ffffff;
	transition: all 0.3s ease-in-out;
}

.call-number a:hover {
	color: #cfcfcf;
}

.call-number:before {
	content: "";
	height: 25px;
	width: 1px;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	right: -30px;
}

.cart-area .cart-list-trigger {
	position: relative;
	display: flex;
	align-items: center;
}

.cart-area .cart-list-trigger:hover .cart-wrapper {
	opacity: 1;
	visibility: visible;
	max-height: 1000px;
	-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
	-webkit-transition: 350ms;
	-moz-transition: 350ms;
	-o-transition: 350ms;
	transition: 350ms;
}

.cart-area .cart-trigger-icon {
	height: 60px;
	padding: 5px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease-in-out;
}

.cart-area .cart-trigger-icon i {
	line-height: 1;
}

.cart-area .cart-trigger-icon i:before {
	color: #ffffff;
	font-size: 29px;
}

@media (max-width: 767px) {
	.cart-area .cart-trigger-icon i:before {
		font-size: 23px;
	}
}

.cart-area .cart-wrapper {
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
	-webkit-transform: perspective(400) rotate3d(1, 0, 0, -15deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition: 350ms;
	-moz-transition: 350ms;
	-o-transition: 350ms;
	transition: 350ms;
	padding: 15px 15px 0 15px;
	text-align: left;
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 100%;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
	width: 418px;
	z-index: 999999;
}

.cart-area .cart-wrapper>li {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.cart-area .cart-wrapper>li .media {
	position: relative;
	align-items: center;
}

.cart-area .cart-wrapper>li .media .cart-product-img {
	margin-right: 10px;
}

.cart-area .cart-wrapper>li .media .cart-product-img a {
	display: inline-block;
}

.cart-area .cart-wrapper>li .media .cart-product-img a img {
	border: 1px solid #dddddd;
	width: 80px;
	min-height: 80px;
	transition: all 0.3s ease-in-out;
}

.cart-area .cart-wrapper>li .media .cart-content ul {
	display: flex;
	align-items: center;
}

.cart-area .cart-wrapper>li .media .cart-content ul li {
	margin-right: 15px;
	display: inline-block;
}

.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line1 {
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 500;
}

.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line1 a {
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line1 a:hover {
	color: #777777;
}

.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line2 {
	font-size: 12px;
}

.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line2 span {
	color: #000000;
}

.cart-area .cart-wrapper>li .media .cart-content ul li p {
	margin-bottom: 0;
}

.cart-area .cart-wrapper>li .media .cart-content ul li:first-child {
	width: 140px;
}

.cart-area .cart-wrapper>li .media .cart-content ul li:last-child {
	margin-right: 0;
}

.cart-area .cart-wrapper>li .media .cart-content a.trash i:before {
	color: #000;
	transition: all 0.3s ease-in-out;
}

.cart-area .cart-wrapper>li .media .cart-content a.trash:hover i:before {
	color: #f44336;
}

.cart-area .cart-wrapper>li:last-child {
	border-bottom: none;
}

.cart-area .cart-wrapper>li .checkout-btn-area {
	margin: 10px 0;
	text-align: center;
}

.cart-area .cart-wrapper>li .checkout-btn-area li {
	display: inline;
}

nav#main-nav {
	display: inline-block;
	position: relative;
}

nav#main-nav>ul {
	visibility: hidden;
}

nav#main-nav.active {
	visibility: visible;
}

.mean-container .mean-bar {
	background: transparent !important;
	float: none;
	padding: 0 !important;
	position: fixed !important;
	top: 0;
	z-index: 7;
	transition: all .3s ease-in-out;
}

.mean-container .mean-bar:after {
	content: "";
	clear: both;
	display: block;
}

.mean-container .mean-bar a.logo-mobile-menu {
	width: 100%;
	box-sizing: border-box;
}

.mean-container .mean-bar .mobile-menu-nav-back {
	padding-left: 15px;
	position: relative;
	text-align: center;
	height: 70px;
	display: flex;
	align-items: center;
	transition: all .3s linear;
}

.mean-container .mean-bar .mobile-menu-nav-back:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background-color: #000;
	transition: all .3s linear;
}

.mean-container .mean-bar .mobile-menu-nav-back .img-logo .logo-small {
	width: 110px;
	height: auto;
}

.mean-container .mean-nav {
	float: none !important;
	background: transparent !important;
}

.mean-container .mean-nav>ul {
	overflow-y: scroll;
	height: 100vh;
}

.mean-container .mean-nav>ul:after {
	content: '';
	display: block;
	clear: both;
}

.mean-container .mean-nav>ul li a {
	font-size: 14px;
	color: #000000;
	font-weight: 700;
	background-color: #ebebeb;
	transition: all 0.5s ease-out;
	font-weight: 500;
}

.mean-container .mean-nav>ul li:hover>a {
	color: #777777;
	background-color: #ffffff;
}

.mean-container .mean-nav>ul li li a {
	color: #777777;
	opacity: 1;
	font-size: 15px;
	font-weight: 500;
	padding: 8px 10%;
	background-color: #ffffff;
}

.mean-container .mean-nav>ul li li a:hover {
	background-color: #ffffff;
	color: #111111;
}

.mean-container .mean-nav>ul li a.mean-expand {
	background-color: transparent;
	margin-top: 0;
	height: 20px;
	line-height: 27px;
	width: 100%;
	text-align: right;
	font-size: 14px !important;
	padding: 12px 20px 12px 12px !important;
	top: 3px;
}

.mean-container .mean-nav>ul li a.mean-expand:hover {
	background-color: transparent;
}

.mean-container a.meanmenu-reveal {
	top: 8px;
	width: 25px;
	height: 25px;
	transition: unset;
	position: absolute;
	float: none !important;
	padding: 16px 14px 12px;
}

.mean-container a.meanmenu-reveal span {
	margin-top: 4px;
	background-color: #ffffff;
}

.mean-container a.meanmenu-reveal.meanclose {
	color: #ffffff;
}

.mean-container.admin-bar .mean-bar {
	top: 32px;
}

@media (max-width: 782px) {
	.mean-container.admin-bar .mean-bar {
		top: 45px;
	}
}

.mean-container.mn-top .mean-bar .mobile-menu-nav-back:before {
	opacity: .8;
}

@media (max-width: 991px) {
	.hide-on-mobile-menu {
		display: none;
	}
}

@media (min-width: 992px) {
	.hide-on-desktop-menu {
		display: none !important;
	}
}

#wrapper.open {
	position: relative;
	transition: all 0.3s ease-in-out;
}

button.offcanvas-menu-btn {
	border: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	border-radius: 0;
}

button.offcanvas-menu-btn:focus {
	outline: none;
}

button.offcanvas-menu-btn .menu-btn-icon {
	padding: 10px;
	display: block;
	position: relative;
	text-align: center;
	background-color: #212220;
	border-radius: 0;
	transition: all 0.5s ease-in-out;
}

button.offcanvas-menu-btn .menu-btn-icon span {
	position: absolute;
	height: 2px;
	right: 13px;
	z-index: 2;
	background-color: #ffffff;
	transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}

button.offcanvas-menu-btn:hover .menu-btn-icon {
	background-color: #000000;
}

button.offcanvas-menu-btn.button-style-1 .menu-btn-icon {
	width: 70px;
	height: 60px;
}

@media (max-width: 767px) {
	button.offcanvas-menu-btn.button-style-1 .menu-btn-icon {
		width: 50px;
		height: 40px;
	}
}

button.offcanvas-menu-btn.button-style-2 .menu-btn-icon {
	width: 100px;
	height: 50px;
}

button.offcanvas-menu-btn.button-style-3 .menu-btn-icon {
	width: 60px;
	height: 50px;
}

@media (max-width: 767px) {
	button.offcanvas-menu-btn.button-style-3 .menu-btn-icon {
		width: 45px;
		height: 40px;
	}
}

button.offcanvas-menu-btn.button-style-1.menu-status-open .menu-btn-icon span {
	width: 30px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

@media (max-width: 767px) {
	button.offcanvas-menu-btn.button-style-1.menu-status-open .menu-btn-icon span {
		width: 20px;
	}
}

button.offcanvas-menu-btn.button-style-1.menu-status-open .menu-btn-icon span:nth-child(1n) {
	top: 35%;
	transform: translateY(-50%);
}

button.offcanvas-menu-btn.button-style-1.menu-status-open .menu-btn-icon span:nth-child(2n) {
	top: 50%;
	transform: translateY(-50%);
}

button.offcanvas-menu-btn.button-style-1.menu-status-open .menu-btn-icon span:nth-child(3n) {
	top: 65%;
	transform: translateY(-50%);
}

button.offcanvas-menu-btn.button-style-2.menu-status-open .menu-btn-icon span {
	right: 20px;
}

button.offcanvas-menu-btn.button-style-2.menu-status-open .menu-btn-icon span:nth-child(1n) {
	width: 60px;
	top: 30%;
	transform: translateY(-50%);
}

button.offcanvas-menu-btn.button-style-2.menu-status-open .menu-btn-icon span:nth-child(2n) {
	width: 60px;
	top: 50%;
	transform: translateY(-50%);
}

button.offcanvas-menu-btn.button-style-2.menu-status-open .menu-btn-icon span:nth-child(3n) {
	width: 40px;
	top: 70%;
	transform: translateY(-50%);
}

button.offcanvas-menu-btn.button-style-3.menu-status-close .menu-btn-icon span {
	width: 25px;
	top: 50%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

@media (max-width: 767px) {
	button.offcanvas-menu-btn.button-style-3.menu-status-close .menu-btn-icon span {
		width: 20px;
	}
}

button.offcanvas-menu-btn.button-style-3.menu-status-close .menu-btn-icon span:nth-child(1n) {
	transform: translateY(-50%) rotate(45deg);
}

button.offcanvas-menu-btn.button-style-3.menu-status-close .menu-btn-icon span:nth-child(2n) {
	display: none;
}

button.offcanvas-menu-btn.button-style-3.menu-status-close .menu-btn-icon span:nth-child(3n) {
	transform: translateY(-50%) rotate(-45deg);
}

.offcanvas-menu-wrap {
	height: 100vh;
	padding: 55px 60px;
	max-width: 700px;
	width: 100%;
	position: fixed;
	transform: translateX(-100%);
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 200;
	transition: all 0.5s ease-in-out;
	transition-delay: 0.2s;
}

@media (max-width: 767px) {
	.offcanvas-menu-wrap {
		padding: 20px 30px;
	}
}

.offcanvas-menu-wrap:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-position: 500px center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	transition: all 1s ease-in-out;
	transition-delay: 0s;
}

.offcanvas-menu-wrap[data-position='right'] {
	left: auto;
	right: 0;
	transform: translateX(100%);
}

.offcanvas-menu-wrap .offcanvas-content {
	height: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: space-between;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-header {
	margin-bottom: 30px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-logo a {
	display: block;
	font-size: 48px;
	line-height: 1.2;
	color: #000000;
	text-decoration: underline;
}

@media (max-width: 767px) {
	.offcanvas-menu-wrap .offcanvas-content .offcanvas-logo {
		width: 30vw;
	}
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-logo img {
	width: 135px;
	height: auto;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu {
	padding-left: 0;
	list-style: none;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li {
	font-family: "Jost", sans-serif;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li {
		margin-bottom: 10px;
	}
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li a {
	font-size: 24px;
	font-weight: 700;
	color: #000000;
	padding: 10px;
	transition: all 0.5s ease-in-out;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li a:hover {
	color: #444444;
}

@media (max-width: 767px) {
	.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li a {
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li a {
		font-size: 18px;
	}
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li .sub-menu {
	display: none;
	list-style: none;
	margin-top: 10px;
	padding-left: 15px;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li .sub-menu>li {
	margin-bottom: 5px;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li .sub-menu>li:last-child {
	margin-bottom: 0;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu li .sub-menu>li>a {
	color: #444;
	font-size: 15px;
	font-weight: 600;
	text-transform: normal;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav ul.offcanvas-menu>li>a {
	text-transform: uppercase;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .item-title {
	font-size: 15px;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .item-title a {
	color: #000000;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .item-title a:hover {
	text-decoration: underline;
}

@media (max-width: 767px) {
	.admin-bar .offcanvas-menu-wrap {
		padding: 60px 30px 20px;
	}
}

/* ==== Contenedor Principal =====*/
div#wrapper.open>.offcanvas-mask {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0);
	z-index: 150;
	transition: all 0.5s ease-in-out;
}

.wrapper {
	position: relative;
	z-index: 1;
}

.wrapper:before {
	content: "";
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	width: 0;
	top: 0;
	right: 0;
	position: absolute;
	z-index: 2;
	transition: all 0.5s ease-out;
}

.wrapper .offcanvas-nav {
	background-position: bottom;
	background-repeat: no-repeat;
}

.wrapper .offcanvas-nav ul.offcanvas-menu li {
	opacity: 0;
	visibility: hidden;
	transition-delay: 1.3s;
	transform: translateY(30px);
	transition: all 0s ease-out;
}

.wrapper.offcanvas-left:before {
	left: 0;
	right: inherit;
}

.wrapper.open:before {
	width: 100%;
}

.wrapper.open .offcanvas-menu-wrap:before {
	background-position: 0px center;
	transition-delay: 0.5s;
}

.wrapper.open ul.offcanvas-menu li {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: all 0.5s ease-out;
}

.wrapper.open ul.offcanvas-menu li:nth-child(1n) {
	transition-delay: 0.5s;
}

.wrapper.open ul.offcanvas-menu li:nth-child(2n) {
	transition-delay: 0.6s;
}

.wrapper.open ul.offcanvas-menu li:nth-child(3n) {
	transition-delay: 0.7s;
}

.wrapper.open ul.offcanvas-menu li:nth-child(4n) {
	transition-delay: 0.8s;
}

.wrapper.open ul.offcanvas-menu li:nth-child(5n) {
	transition-delay: 0.9s;
}

.wrapper.open ul.offcanvas-menu li:nth-child(6n) {
	transition-delay: 1s;
}

.wrapper.open ul.offcanvas-menu li:nth-child(7n) {
	transition-delay: 1.1s;
}

.wrapper.open ul.offcanvas-menu li:nth-child(8n) {
	transition-delay: 1.2s;
}

.wrapper.open.offcanvas-left:before {
	width: 100%;
}

@media only screen and (max-width: 600px) {
	.admin-bar.mean-container.mn-top .mean-bar {
		top: 0;
	}
}

/*=======================================================================
06. Main Banner Style
=========================================================================*/
/*=============================================
6.1 Banner layouts
===============================================*/
.main-banner-layout1 {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 1;
}

.main-banner-layout1 .swiper-container {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.main-banner-layout1 .swiper-container .swiper-button-next:after,
.main-banner-layout1 .swiper-container .swiper-button-prev:after {
	color: #ffffff;
	display: none;
}

@media (max-width: 1199px) {

	.main-banner-layout1 .swiper-container .swiper-button-next:after,
	.main-banner-layout1 .swiper-container .swiper-button-prev:after {
		display: block;
	}
}

@media (max-width: 991px) {

	.main-banner-layout1 .swiper-container .swiper-button-next:after,
	.main-banner-layout1 .swiper-container .swiper-button-prev:after {
		font-size: 30px;
	}
}

@media (max-width: 767px) {

	.main-banner-layout1 .swiper-container .swiper-button-next:after,
	.main-banner-layout1 .swiper-container .swiper-button-prev:after {
		font-size: 24px;
	}
}

@media (max-width: 575px) {

	.main-banner-layout1 .swiper-container .swiper-button-next:after,
	.main-banner-layout1 .swiper-container .swiper-button-prev:after {
		font-size: 20px;
	}
}

.main-banner-layout1 .banner-figure {
	height: 100vh;
	width: 100%;
}

.main-banner-layout1 .banner-figure .swiper-slide {
	background-size: cover;
	background-position: center;
}

.main-banner-layout1 .banner-text {
	padding: 100px 0;
	width: 70%;
	height: auto;
	left: 0;
	right: 0;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 1199px) {
	.main-banner-layout1 .banner-text {
		padding: 100px 0;
		width: 80%;
	}
}

.main-banner-layout1 .banner-text .swiper-slide {
	opacity: 0 !important;
	transition: opacity 0.2s ease-in-out;
	transition-delay: 0.6s;
}

.main-banner-layout1 .banner-text .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}

.main-banner-layout1 .banner-text .swiper-slide.swiper-slide-active .title {
	animation: fadeInDown 1.5s forwards;
	animation-delay: 0.6s;
}

.main-banner-layout1 .banner-text .swiper-slide.swiper-slide-active .description {
	animation: fadeInDown 1.5s forwards;
	animation-delay: 0.4s;
}

.main-banner-layout1 .banner-text .swiper-slide.swiper-slide-active .btn-wrap {
	animation: fadeInDown 1.5s forwards;
	animation-delay: 0.2s;
}

@keyframes fadeInDown {
	0% {
		opacity: 0 !important;
		transform: translateY(80px);
	}

	100% {
		opacity: 1 !important;
		transform: translateY(0);
	}
}

.main-banner-layout1 .title {
	color: #ffffff;
	line-height: 1.2;
	font-weight: 700;
	max-width: 750px;
	font-size: 76px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 5px;
}

@media (max-width: 1199px) {
	.main-banner-layout1 .title {
		font-size: 60px;
	}
}

@media (max-width: 991px) {
	.main-banner-layout1 .title {
		font-size: 48px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout1 .title {
		font-size: 42px;
		line-height: 1.3;
	}
}

@media (max-width: 575px) {
	.main-banner-layout1 .title {
		font-size: 36px;
	}
}

.main-banner-layout1 .description {
	color: #ffffff;
	max-width: 750px;
	font-size: 30px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media (max-width: 767px) {
	.main-banner-layout1 .description {
		display: none;
	}
}

.main-banner-layout1 .btn-wrap {
	padding: 5px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	max-width: 750px;
}

.main-banner-layout1 .btn-wrap .item-btn {
	color: #ffffff;
}

.main-banner-layout1 .swiper-pagination {
	position: absolute;
	display: flex;
	flex-direction: column;
	z-index: 1;
	right: 120px;
	bottom: inherit;
	left: inherit;
	width: auto;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 1199px) {
	.main-banner-layout1 .swiper-pagination {
		display: none;
	}
}

.main-banner-layout1 .swiper-pagination .swiper-pagination-bullet {
	font-weight: 700;
	position: relative;
	z-index: 1;
	width: 70px;
	height: 35px;
	margin: 5px 0;
	display: grid;
	align-items: center;
	border-radius: 50%;
	color: #ffffff;
	background-color: transparent;
	opacity: 0.25;
	line-height: 1;
	transition: all 0.3s ease-in-out;
}

.main-banner-layout1 .swiper-pagination .swiper-pagination-bullet:before {
	content: "";
	position: absolute;
	z-index: 1;
	height: 2px;
	width: 0;
	background-color: #ffffff;
	top: 50%;
	transform: translateY(-50%);
	right: 100%;
	transition: all 0.3s ease-in-out;
}

.main-banner-layout1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	transform: scale(1.5);
}

.main-banner-layout1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	width: 30px;
}

.main-banner-layout1 .swiper-pagination .swiper-pagination-bullet:focus {
	outline: none;
}

.artex-slider1 .tp-bullets {
	width: 45px !important;
	height: 200px !important;
	margin-top: 30px;
}

@media (max-width: 1199px) {
	.artex-slider1 .tp-bullets {
		margin-top: 0;
	}
}

.artex-slider1 .tp-bullets .tp-bullet {
	overflow: visible !important;
	width: 30px !important;
	height: 50px !important;
	box-shadow: none !important;
	transition: all .5s ease-in-out !important;
	transform: scale(1);
}

.artex-slider1 .tp-bullets .tp-bullet:hover {
	background-color: transparent !important;
}

.artex-slider1 .tp-bullets .tp-bullet:focus {
	outline: none;
	box-shadow: none !important;
}

@media (max-width: 575px) {
	.artex-slider1 .tp-bullets .tp-bullet {
		width: 20px !important;
		height: 20px !important;
	}
}

.artex-slider1 .tp-bullets .tp-bullet:after {
	color: #fff;
	opacity: .25;
	font-weight: 600;
	width: 30px !important;
	height: 30px !important;
	box-shadow: none !important;
	background-color: transparent !important;
	transition: all .5s ease-in-out !important;
}

@media (max-width: 575px) {
	.artex-slider1 .tp-bullets .tp-bullet:after {
		width: 20px !important;
		height: 20px !important;
	}
}

.artex-slider1 .tp-bullets .tp-bullet:before {
	content: "";
	z-index: 1;
	height: 2px;
	width: 0;
	background-color: #ffffff;
	top: 50%;
	transform: translateY(-50%);
	right: 170%;
	transition: all 0.3s ease-in-out;
	position: absolute;
	margin-top: 10px;
}

.artex-slider1 .tp-bullets .tp-bullet.selected {
	transform: scale(1.5);
	transition: all .5s ease-in-out !important;
}

@media (max-width: 575px) {
	.artex-slider1 .tp-bullets .tp-bullet.selected {
		transform: scale(1.3);
	}
}

.artex-slider1 .tp-bullets .tp-bullet.selected:after {
	opacity: 1;
}

.artex-slider1 .tp-bullets .tp-bullet.selected:before {
	width: 30px;
}

@media (max-width: 575px) {
	.artex-slider1 .tp-bullets .tp-bullet.selected:before {
		display: none;
	}
}

.artex-slider1 .tp-bullets .tp-bullet:nth-child(1):after {
	content: "01" !important;
}

.artex-slider1 .tp-bullets .tp-bullet:nth-child(2):after {
	content: "02" !important;
}

.artex-slider1 .tp-bullets .tp-bullet:nth-child(3):after {
	content: "03" !important;
}

.artex-slider1 .tp-bullets .tp-bullet:nth-child(4):after {
	content: "04" !important;
}

.artex-slider1 .tp-bullets .tp-bullet:nth-child(5):after {
	content: "05" !important;
}

@media (max-width: 1366px) {
	.artex-slider1 .tp-bullets {
		transform: translate(-130px, -47px) !important;
	}
}

@media (max-width: 991px) {
	.artex-slider1 .tp-bullets {
		transform: translate(-80px, -55px) !important;
	}
}

@media (max-width: 575px) {
	.artex-slider1 .tp-bullets {
		width: 30px !important;
		transform: translate(-35px, -55px) !important;
	}
}

@media (max-width: 1199px) {
	.artex-slider1 .btn-text:before {
		right: -25px;
	}
}

@media (max-width: 991px) {
	.artex-slider1 .btn-text:before {
		right: -25px;
	}
}

@media (max-width: 600px) {
	.artex-slider1 .btn-text {
		font-size: 18px;
	}

	.artex-slider1 .btn-text:before {
		right: -45px;
	}
}

@media (max-width: 480px) {
	.artex-slider1 .btn-text {
		font-size: 16px;
	}

	.artex-slider1 .btn-text:before {
		right: 10px;
	}
}

.main-banner-layout2 {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 1;
}

.main-banner-layout2 .banner-social {
	position: absolute;
	z-index: 2;
	bottom: 100px;
	left: 120px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 1199px) {
	.main-banner-layout2 .banner-social {
		justify-content: center;
		left: 0;
		right: 0;
	}
}

.main-banner-layout2 .banner-social li {
	margin-right: 12px;
}

.main-banner-layout2 .banner-social li:last-child {
	margin-right: 0;
}

.main-banner-layout2 .banner-social li a {
	padding: 5px 10px;
	display: inline-block;
	color: #ffffff;
	transition: all 0.3s ease-out;
}

.main-banner-layout2 .banner-social li a:hover {
	color: #c5c5c5;
}

.main-banner-layout2 .swiper-container {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.main-banner-layout2 .swiper-container .swiper-button-next,
.main-banner-layout2 .swiper-container .swiper-button-prev {
	background-image: none;
}

.main-banner-layout2 .swiper-container .swiper-button-next:focus,
.main-banner-layout2 .swiper-container .swiper-button-prev:focus {
	outline: 0;
}

.main-banner-layout2 .swiper-container .swiper-button-next:after,
.main-banner-layout2 .swiper-container .swiper-button-prev:after {
	color: #ffffff;
	display: none;
}

@media (max-width: 1199px) {

	.main-banner-layout2 .swiper-container .swiper-button-next:after,
	.main-banner-layout2 .swiper-container .swiper-button-prev:after {
		display: block;
	}
}

@media (max-width: 991px) {

	.main-banner-layout2 .swiper-container .swiper-button-next:after,
	.main-banner-layout2 .swiper-container .swiper-button-prev:after {
		font-size: 30px;
	}
}

@media (max-width: 767px) {

	.main-banner-layout2 .swiper-container .swiper-button-next:after,
	.main-banner-layout2 .swiper-container .swiper-button-prev:after {
		font-size: 24px;
	}
}

@media (max-width: 575px) {

	.main-banner-layout2 .swiper-container .swiper-button-next:after,
	.main-banner-layout2 .swiper-container .swiper-button-prev:after {
		font-size: 20px;
	}
}

.main-banner-layout2 .banner-figure {
	height: 100vh;
	width: 100%;
}

.main-banner-layout2 .banner-figure .swiper-slide {
	position: relative;
	background-size: cover;
	background-position: center;
}

.main-banner-layout2 .banner-figure .swiper-slide:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	display: inline-block;
}

.main-banner-layout2 .swiper-slide .title {
	transform: translateY(-50px);
}

.main-banner-layout2 .swiper-slide .popup-youtube {
	transform: translateY(50px);
}

.main-banner-layout2 .swiper-slide.swiper-slide-active .title {
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 0.2s;
}

.main-banner-layout2 .swiper-slide.swiper-slide-active .popup-youtube {
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 0.2s;
}

.main-banner-layout2 .banner-text {
	padding: 100px 0;
	height: auto;
	right: 0;
	left: 50%;
	width: 90%;
	text-align: center;
	font-size: 40px;
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translate(-50%, -50%);
}

.main-banner-layout2 .title {
	opacity: 0;
	font-weight: 600;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	color: #ffffff;
	font-size: 90px;
	line-height: 1.15;
	transition: all 0.5s ease-in-out;
	margin-bottom: 20px;
}

@media (max-width: 1199px) {
	.main-banner-layout2 .title {
		font-size: 60px;
		line-height: 1.2;
	}
}

@media (max-width: 991px) {
	.main-banner-layout2 .title {
		font-size: 48px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout2 .title {
		font-size: 42px;
	}
}

@media (max-width: 575px) {
	.main-banner-layout2 .title {
		font-size: 32px;
	}
}

.main-banner-layout2 .popup-youtube {
	font-weight: 500;
	opacity: 0;
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
}

.main-banner-layout2 .popup-youtube i {
	font-size: 24px;
	margin-right: 10px;
}

@media (max-width: 767px) {
	.main-banner-layout2 .popup-youtube {
		font-size: 18px;
	}
}

.main-banner-layout2 .popup-youtube:hover {
	color: #c5c5c5;
}

.main-banner-layout2 .banner-thumbs {
	box-sizing: border-box;
	padding: 10px 0;
	width: 750px;
	position: absolute;
	bottom: 100px;
	right: 30px;
}

@media (max-width: 1199px) {
	.main-banner-layout2 .banner-thumbs {
		display: none;
	}
}

.main-banner-layout2 .banner-thumbs .swiper-slide {
	height: 100%;
	width: 33%;
	margin-right: 30px;
}

.main-banner-layout2 .banner-thumbs .swiper-slide .thumb-box {
	font-size: 18px;
	line-height: 1.6;
	color: #bdbdbd;
	transition: all 0.5s ease-in-out;
}

.main-banner-layout2 .banner-thumbs .swiper-slide .thumb-box span {
	display: block;
}

.main-banner-layout2 .banner-thumbs .swiper-slide.swiper-slide-thumb-active .thumb-box {
	color: #ffffff;
}

.header-style-3 .display-none {
	display: none;
}

@media (max-width: 767px) {
	.header-style-3 .display-none {
		display: block;
	}
}

@media (max-width: 767px) {
	.header-style-3 .display-block {
		display: none;
	}
}

@media (max-width: 767px) {
	.header-style-3 .logo-area {
		width: 100%;
		text-align: center;
	}
}

.main-banner-layout3 {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 1;
}

.main-banner-layout3:before {
	position: absolute;
	z-index: -1;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
}

.main-banner-layout3 .swiper-container {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.main-banner-layout3 .swiper-container .swiper-slide {
	background-size: cover;
	background-position: center;
}

.main-banner-layout3 .swiper-container.banner-figure-three .swiper-slide {
	position: relative;
}

.main-banner-layout3 .swiper-container.banner-figure-three .swiper-slide:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	display: inline-block;
}

.main-banner-layout3 .banner-figure {
	height: 100vh;
	width: 100%;
}

.main-banner-layout3 .banner-text {
	left: 0;
	right: 0;
	width: 70%;
	height: auto;
	text-align: center;
	position: absolute;
	padding: 0 0 100px;
	z-index: 2;
	top: calc(50% + 100px);
	transform: translateY(-50%);
}

@media (max-width: 1199px) {
	.main-banner-layout3 .banner-text {
		width: 100%;
		top: calc(50% + 110px);
	}
}

@media (max-width: 991px) {
	.main-banner-layout3 .banner-text {
		top: calc(50% + 120px);
	}
}

@media (max-width: 767px) {
	.main-banner-layout3 .banner-text {
		top: calc(50% + 130px);
	}
}

@media (max-width: 575px) {
	.main-banner-layout3 .banner-text {
		top: calc(50% + 100px);
	}
}

.main-banner-layout3 .banner-text .swiper-slide .sub-title {
	opacity: 0;
	transform: translateY(-100px);
	transition: all 0.5s ease-in-out;
	transition-delay: 0.2s;
}

.main-banner-layout3 .banner-text .swiper-slide .title {
	opacity: 0;
	transform: translateY(-100px);
	transition: all 0.5s ease-in-out;
	transition-delay: 0.4s;
}

.main-banner-layout3 .banner-text .swiper-slide .btn-wrap {
	opacity: 0;
	transform: translateY(-100px);
	transition: all 0.5s ease-in-out;
	transition-delay: 0.6s;
}

.main-banner-layout3 .banner-text .swiper-slide.swiper-slide-active .sub-title {
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 0.6s;
}

.main-banner-layout3 .banner-text .swiper-slide.swiper-slide-active .title {
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 0.4s;
}

.main-banner-layout3 .banner-text .swiper-slide.swiper-slide-active .btn-wrap {
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 0.2s;
}

.main-banner-layout3 .sub-title {
	color: #ffffff;
	max-width: 900px;
	margin-bottom: 15px;
	text-align: left;
	font-size: 30px;
	color: #cacaca;
	font-weight: 500;
}

@media (max-width: 991px) {
	.main-banner-layout3 .sub-title {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout3 .sub-title {
		font-size: 24px;
	}
}

@media (max-width: 575px) {
	.main-banner-layout3 .sub-title {
		font-size: 22px;
	}
}

.main-banner-layout3 .title {
	color: #ffffff;
	font-weight: 600;
	max-width: 900px;
	font-size: 76px;
	line-height: 85px;
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
}

@media (max-width: 1199px) {
	.main-banner-layout3 .title {
		font-size: 60px;
		line-height: 68px;
	}
}

@media (max-width: 991px) {
	.main-banner-layout3 .title {
		font-size: 48px;
		line-height: 52px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout3 .title {
		font-size: 42px;
		line-height: 50px;
	}
}

@media (max-width: 575px) {
	.main-banner-layout3 .title {
		font-size: 36px;
		line-height: 42px;
	}
}

.main-banner-layout3 .btn-wrap {
	padding: 5px;
	width: 100%;
	text-align: left;
	max-width: 900px;
	text-transform: uppercase;
}

.main-banner-layout3 .btn-wrap .item-btn {
	color: #ffffff;
	font-size: 16px;
}

.main-banner-layout3 .swiper-pagination {
	height: 80px;
	width: 130px;
	position: absolute;
	top: calc(50% + 100px);
	transform: translateY(-50%);
	left: inherit;
	font-size: 40px;
	color: #ffffff;
	font-weight: 300;
	transition: all 0.5s ease-in-out;
}

@media (min-width: 1200px) {
	.main-banner-layout3 .swiper-pagination {
		right: calc((100% - 1140px) / 2);
	}
}

@media (min-width: 1230px) {
	.main-banner-layout3 .swiper-pagination {
		right: calc((100% - 1200px) / 2);
	}
}

@media (max-width: 1199px) {
	.main-banner-layout3 .swiper-pagination {
		right: inherit;
		left: calc((100% - 930px) / 2);
		top: inherit;
		bottom: -40px;
		font-size: 36px;
		width: inherit;
		text-align: left;
	}
}

@media (max-width: 991px) {
	.main-banner-layout3 .swiper-pagination {
		left: calc((100% - 690px) / 2);
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout3 .swiper-pagination {
		left: calc((100% - 510px) / 2);
		font-size: 26px;
	}
}

@media (max-width: 575px) {
	.main-banner-layout3 .swiper-pagination {
		left: 15px;
		font-size: 24px;
	}
}

.main-banner-layout3 .swiper-pagination .swiper-pagination-total,
.main-banner-layout3 .swiper-pagination .swiper-pagination-current {
	background-color: transparent;
	opacity: 1;
}

.main-banner-layout3 .swiper-pagination .swiper-pagination-total {
	font-size: 20px;
}

.main-banner-layout4 {
	padding-top: 0;
	padding-bottom: 0;
}

.main-banner-layout4 .banner-social {
	position: absolute;
	z-index: 2;
	bottom: 100px;
	left: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
	.main-banner-layout4 .banner-social {
		display: none;
	}
}

.main-banner-layout4 .banner-social li {
	margin-right: 10px;
}

.main-banner-layout4 .banner-social li:last-child {
	margin-right: 0;
}

.main-banner-layout4 .banner-social li a {
	padding: 5px 10px;
	display: inline-block;
	color: #e2e2e2;
	transition: all 0.3s ease-in;
}

.main-banner-layout4 .banner-social li a:hover {
	color: #ffffff;
}

.main-banner-layout4 .swiper-container {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.main-banner-layout4 .swiper-container .swiper-wrapper {
	align-items: center;
}

.main-banner-layout4 .swiper-container .swiper-button-next:after,
.main-banner-layout4 .swiper-container .swiper-button-prev:after {
	color: #ffffff;
}

@media (max-width: 991px) {

	.main-banner-layout4 .swiper-container .swiper-button-next:after,
	.main-banner-layout4 .swiper-container .swiper-button-prev:after {
		font-size: 30px;
	}
}

@media (max-width: 767px) {

	.main-banner-layout4 .swiper-container .swiper-button-next:after,
	.main-banner-layout4 .swiper-container .swiper-button-prev:after {
		font-size: 24px;
	}
}

@media (max-width: 575px) {

	.main-banner-layout4 .swiper-container .swiper-button-next:after,
	.main-banner-layout4 .swiper-container .swiper-button-prev:after {
		font-size: 20px;
	}
}

.main-banner-layout4 .swiper-container .swiper-pagination {
	font-weight: 300;
	font-size: 30px;
	color: #ffffff;
	opacity: 1;
	width: 100px;
	right: inherit;
	font-family: "Jost", sans-serif;
	bottom: 50%;
	transform: translateY(50%);
	left: 105px;
}

@media (max-width: 1199px) {
	.main-banner-layout4 .swiper-container .swiper-pagination {
		margin-right: calc((100% - 960px) / 2);
		right: 0;
		left: auto;
	}
}

@media (max-width: 991px) {
	.main-banner-layout4 .swiper-container .swiper-pagination {
		font-size: 24px;
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.main-banner-layout4 .swiper-container .swiper-pagination {
		display: none;
	}
}

.main-banner-layout4 .swiper-container .swiper-pagination .swiper-pagination-current {
	font-weight: 600;
}

.main-banner-layout4 .banner-figure {
	height: 100vh;
	width: 100%;
}

@media (max-width: 1024px) {
	.main-banner-layout4 .banner-figure {
		height: calc(100vh - 70px);
	}
}

.main-banner-layout4 .banner-figure .swiper-slide {
	position: relative;
	background-size: cover;
	background-position: center;
}

.main-banner-layout4 .banner-figure .swiper-slide:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.7);
}

.main-banner-layout4 .banner-text {
	height: 100vh;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
}

.main-banner-layout4 .banner-text .swiper-wrapper {
	height: 100vh;
}

.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

@media (min-width: 992px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .content-box {
		padding-left: calc((100% - 960px) / 2);
	}
}

@media (min-width: 1200px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .content-box {
		padding-left: calc((100% - 800px) / 2);
	}
}

@media (min-width: 1400px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .content-box {
		padding-left: calc((100% - 1000px) / 2);
	}
}

@media (min-width: 1600px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .content-box {
		padding-left: calc((100% - 1200px) / 2);
	}
}

@media (max-width: 991px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .content-box {
		padding-right: 100px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .content-box {
		padding-right: 0;
		padding-left: 0;
	}
}

.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .title {
	opacity: 0;
	font-weight: 600;
	max-width: 670px;
	width: 100%;
	margin-bottom: 25px;
	color: #ffffff;
	font-size: 90px;
	line-height: 1.15;
	transition: all 0.5s ease-in-out;
}

@media (max-width: 1199px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .title {
		font-size: 60px;
	}
}

@media (max-width: 991px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .title {
		font-size: 48px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .title {
		font-size: 42px;
	}
}

@media (max-width: 575px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .title {
		font-size: 36px;
	}
}

.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .description {
	opacity: 0;
	width: 100%;
	color: #ffffff;
	font-size: 18px;
	max-width: 670px;
	line-height: 34px;
	transition: all 0.5s ease-in-out;
}

.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .page-link {
	margin-right: 115px;
	opacity: 0;
	background-color: transparent;
	color: #d6d6d6;
	border: 0;
	font-size: 24px;
	font-weight: 600;
	font-family: "Jost", sans-serif;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .page-link {
		padding-left: calc((100% - 960px) / 2);
	}
}

@media (max-width: 991px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .page-link {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .page-link {
		font-size: 18px;
	}
}

@media (max-width: 575px) {
	.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .page-link {
		font-size: 16px;
		margin-left: 0;
		padding-left: 0;
	}
}

.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .page-link:hover {
	color: #ffffff;
}

.main-banner-layout4 .banner-text .swiper-wrapper .container-fluid .page-link:focus {
	outline: none;
}

@media (max-width: 575px) {
	.main-banner-layout4 .banner-text .swiper-slide .content-box {
		padding: 0 30px;
		margin-bottom: 30px;
	}
}

.main-banner-layout4 .banner-text .swiper-slide .title {
	transform: translateY(-50px);
}

.main-banner-layout4 .banner-text .swiper-slide .description {
	transform: translateY(50px);
}

.main-banner-layout4 .banner-text .swiper-slide .page-link {
	transform: translateX(50px);
}

.main-banner-layout4 .banner-text .swiper-slide.swiper-slide-active .title {
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 0.5s;
}

.main-banner-layout4 .banner-text .swiper-slide.swiper-slide-active .description {
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 0.5s;
}

.main-banner-layout4 .banner-text .swiper-slide.swiper-slide-active .page-link {
	opacity: 1;
	transform: translateX(0px);
	transition-delay: 0.5s;
}

.main-banner-layout4 .slider4-thumb-wrap {
	margin: 0 105px;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
}

@media (max-width: 1199px) {
	.main-banner-layout4 .slider4-thumb-wrap {
		position: inherit;
		margin: 0 auto;
	}
}

.main-banner-layout4 .slider4-thumb-wrap .swiper-button-next,
.main-banner-layout4 .slider4-thumb-wrap .swiper-button-prev {
	bottom: 90px;
	top: inherit;
	color: #4b4b4b;
	background-image: none;
	transition: all 0.3s ease-in;
}

@media (max-width: 1199px) {

	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-next,
	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-prev {
		bottom: 85px;
	}
}

@media (max-width: 991px) {

	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-next,
	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-prev {
		bottom: 80px;
	}
}

@media (max-width: 767px) {

	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-next,
	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-prev {
		color: #e0e0e0;
		bottom: 0;
	}
}

.main-banner-layout4 .slider4-thumb-wrap .swiper-button-next:focus,
.main-banner-layout4 .slider4-thumb-wrap .swiper-button-prev:focus {
	outline: none;
}

.main-banner-layout4 .slider4-thumb-wrap .swiper-button-next:hover,
.main-banner-layout4 .slider4-thumb-wrap .swiper-button-prev:hover {
	color: #000000;
}

@media (max-width: 767px) {

	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-next:hover,
	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-prev:hover {
		color: #ffffff;
	}
}

.main-banner-layout4 .slider4-thumb-wrap .thumb-box {
	overflow: hidden;
	height: 135px;
	width: 550px;
	position: absolute;
	right: 15px;
	bottom: 45px;
	background-color: #ffffff;
	z-index: 1;
}

@media (max-width: 1199px) {
	.main-banner-layout4 .slider4-thumb-wrap .thumb-box {
		height: 130px;
		width: 560px;
	}
}

@media (max-width: 991px) {
	.main-banner-layout4 .slider4-thumb-wrap .thumb-box {
		height: 120px;
		width: 540px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout4 .slider4-thumb-wrap .thumb-box {
		display: none;
	}
}

.main-banner-layout4 .slider4-thumb-wrap .thumb-box:before {
	content: "";
	background-color: #ffffff;
	height: 100%;
	width: 150px;
	top: 0;
	right: 0;
	position: absolute;
	z-index: 2;
}

.main-banner-layout4 .slider4-thumb-wrap .thumb-box .heading {
	font-size: 20px;
	font-family: "Jost", sans-serif;
	color: #000000;
	position: absolute;
	left: 50px;
	top: 30px;
}

.main-banner-layout4 .slider4-thumb-wrap .thumb-box .swiper-wrapper .swiper-slide {
	display: flex;
	margin-top: 15px;
	align-items: center;
}

.main-banner-layout4 .slider4-thumb-wrap .thumb-box .thumb-text {
	color: #000000;
	font-size: 32px;
	font-weight: 600;
	padding-left: 50px;
	font-family: "Jost", sans-serif;
}

@media (max-width: 1199px) {
	.main-banner-layout4 .slider4-thumb-wrap .thumb-box .thumb-text {
		font-size: 36px;
	}
}

@media (max-width: 991px) {
	.main-banner-layout4 .slider4-thumb-wrap .thumb-box .thumb-text {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.main-banner-layout4 .slider4-thumb-wrap .thumb-box .thumb-text {
		display: none;
	}
}

.main-banner-layout4 .slider4-thumb-wrap .swiper-button-prev {
	right: 65px;
	left: auto;
}

@media (max-width: 767px) {
	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-prev {
		left: auto;
		right: 10px;
	}
}

.main-banner-layout4 .slider4-thumb-wrap .swiper-button-next {
	right: 120px;
	left: auto;
}

@media (max-width: 767px) {
	.main-banner-layout4 .slider4-thumb-wrap .swiper-button-next {
		left: 10px;
		right: auto;
	}
}

.main-banner-layout4 .swiper-button-next:after,
.main-banner-layout4 .swiper-button-prev:after {
	font-family: "Flaticon";
	font-size: 40px;
}

.main-banner-layout4 .swiper-button-prev:after {
	content: '\f10c';
}

.main-banner-layout4 .swiper-button-next:after {
	content: '\f10b';
}

/*=============================================
6.2 Inner Page Banner
===============================================*/
.inner-page-banner {
	display: block;
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.inner-page-banner:before {
	content: "";
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	background-color: black;
	top: 0;
	left: 0;
}

.header-style-3 .inner-page-banner {
	height: 310px;
}

.admin-bar .inner-page-banner {
	margin-top: 32px;
}

@media (max-width: 991px) {
	.admin-bar .inner-page-banner {
		margin-top: 0;
	}
}

/*============================================================================
07. Blog Area Styles
==============================================================================*/
/*=============================================
7.1 Blog Post Style
===============================================*/
.blog-wrap-layout1 {
	padding-top: 85px;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	.blog-wrap-layout1 {
		padding-top: 75px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.blog-wrap-layout1 {
		padding-top: 65px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.blog-wrap-layout1 {
		padding-top: 55px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.blog-wrap-layout1 {
		padding-top: 45px;
		padding-bottom: 60px;
	}
}

.blog-layout1 {
	position: relative;
	z-index: 1;
	margin-bottom: 130px;
}

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

.blog-layout1 .item-figure {
	background-color: #000;
	overflow: hidden;
}

.blog-layout1 .item-figure a {
	display: block;
}

.blog-layout1 .item-figure a img {
	opacity: 1;
	transform: scale(1) rotate(0deg);
	transition: all 0.3s ease-in-out;
}

.blog-layout1 .item-content {
	padding: 55px 35px;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	bottom: -100px;
	z-index: 1;
	margin-left: 25px;
	margin-right: 25px;
	box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
	.blog-layout1 .item-content {
		position: inherit;
		bottom: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 30px;
	}
}

.blog-layout1 .item-content .entry-meta .entry-admin a span {
	display: inline-block;
	margin-left: 3px;
}

.blog-layout1 .item-content .entry-title {
	margin-bottom: 15px;
	word-break: break-word;
	font-size: 26px;
	line-height: 36px;
}

.blog-layout1 .item-content .entry-title a {
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.blog-layout1 .item-content .entry-title a:hover {
	color: #777777;
}

.blog-layout1:hover .item-content {
	bottom: -90px;
}

@media (max-width: 767px) {
	.blog-layout1:hover .item-content {
		bottom: 0;
	}
}

.blog-layout1:hover .item-figure img {
	opacity: 0.8;
	transform: scale(1.12) rotate(5deg);
}

@media (max-width: 991px) {
	.blog-layout1.blog-shortcode {
		max-width: 580px;
		margin: 0 auto 130px;
	}
}

@media (max-width: 767px) {
	.blog-layout1.blog-shortcode {
		max-width: 580px;
		margin: 0 auto 30px;
	}
}

.blog-wrap-layout2 {
	padding-top: 122px;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	.blog-wrap-layout2 {
		padding-top: 112px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.blog-wrap-layout2 {
		padding-top: 102px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.blog-wrap-layout2 {
		padding-top: 92px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.blog-wrap-layout2 {
		padding-top: 82px;
		padding-bottom: 60px;
	}
}

.blog-layout2 {
	margin-bottom: 30px;
}

.blog-layout2 .item-figure {
	background-color: #000;
	overflow: hidden;
}

.blog-layout2 .item-figure a {
	display: block;
}

.blog-layout2 .item-figure a img {
	opacity: 1;
	transform: scale(1) rotate(0deg);
	transition: all 0.6s ease-in-out;
}

.blog-layout2 .item-content {
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
	border-bottom: 1px solid #474747;
	padding: 25px;
	position: relative;
	z-index: 1;
}

.blog-layout2 .item-content:after {
	content: "";
	height: 0%;
	width: 1px;
	background-color: #7f7f7f;
	position: absolute;
	z-index: 1;
	top: 0;
	left: -1px;
	transition: all 0.2s ease-out;
	transition-delay: 0.4s;
}

.blog-layout2 .item-content .bottom-line {
	position: absolute;
	z-index: 1;
	bottom: -1px;
	left: 0;
	height: 1px;
	width: 0;
	background-color: #7f7f7f;
	transition: all 0.2s ease-out;
	transition-delay: 0.2s;
}

.blog-layout2 .item-content:before {
	content: "";
	height: 0%;
	width: 1px;
	background-color: #7f7f7f;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: -1px;
	transition: all 0.2s ease-out;
	transition-delay: 0s;
}

.blog-layout2 .item-content .entry-meta .entry-date a:hover {
	color: #ffffff;
}

.blog-layout2 .item-content .entry-meta .entry-admin a span {
	display: inline-block;
	margin-left: 3px;
}

.blog-layout2 .item-content .entry-meta .entry-admin a:hover {
	color: #ffffff;
}

.blog-layout2 .item-content .entry-title {
	font-size: 26px;
	word-break: break-word;
}

.blog-layout2 .item-content .entry-title a {
	color: #c4c3c3;
	transition: all 0.3s ease-in-out;
}

.blog-layout2 .item-content .entry-title a:hover {
	color: #ffffff;
}

.blog-layout2:hover .item-figure img {
	opacity: 0.8;
	transform: scale(1.12) rotate(5deg);
}

.blog-layout2:hover .item-content:after {
	height: 100%;
	transition-delay: 0s;
}

.blog-layout2:hover .item-content .bottom-line {
	width: 100%;
	transition-delay: 0.2s;
}

.blog-layout2:hover .item-content:before {
	height: 100%;
	transition-delay: 0.4s;
}

.blog-wrap-layout3 {
	padding-top: 125px;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	.blog-wrap-layout3 {
		padding-top: 115px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.blog-wrap-layout3 {
		padding-top: 105px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.blog-wrap-layout3 {
		padding-top: 95px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.blog-wrap-layout3 {
		padding-top: 85px;
		padding-bottom: 60px;
	}
}

.blog-layout3 {
	margin-bottom: 30px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
	.blog-layout3 {
		max-width: 530px;
		margin: 0 auto 30px;
	}
}

.blog-layout3 .item-figure {
	background-color: #000;
	overflow: hidden;
}

.blog-layout3 .item-figure a {
	display: block;
}

.blog-layout3 .item-figure a img {
	opacity: 1;
	transform: scale(1) rotate(0deg);
	transition: all 0.6s ease-in-out;
}

.blog-layout3 .item-content {
	border-left: 1px solid #dcddde;
	border-right: 1px solid #dcddde;
	border-bottom: 1px solid #dcddde;
	padding: 25px;
	position: relative;
	z-index: 1;
}

.blog-layout3 .item-content:after {
	content: "";
	height: 0%;
	width: 1px;
	background-color: #7f7f7f;
	position: absolute;
	z-index: 1;
	top: 0;
	left: -1px;
	transition: all 0.2s ease-out;
	transition-delay: 0.4s;
}

.blog-layout3 .item-content .bottom-line {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 0;
	background-color: #7f7f7f;
	transition: all 0.2s ease-out;
	transition-delay: 0.2s;
}

.blog-layout3 .item-content:before {
	content: "";
	height: 0%;
	width: 1px;
	background-color: #7f7f7f;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: -1px;
	transition: all 0.2s ease-out;
	transition-delay: 0s;
}

.blog-layout3 .item-content .entry-meta {
	margin-bottom: 15px;
}

.blog-layout3 .item-content .entry-meta .entry-date {
	margin-bottom: 0;
}

.blog-layout3 .item-content .entry-meta .entry-date a:hover {
	color: #111111;
}

.blog-layout3 .item-content .entry-meta .entry-admin {
	margin-bottom: 0;
}

.blog-layout3 .item-content .entry-meta .entry-admin a span {
	display: inline-block;
	margin-left: 3px;
}

.blog-layout3 .item-content .entry-meta .entry-admin a:hover {
	color: #111111;
}

.blog-layout3 .item-content .entry-title {
	font-size: 26px;
	margin-bottom: 10px;
	word-break: break-word;
	line-height: 36px;
}

.blog-layout3 .item-content .entry-title a {
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.blog-layout3 .item-content .entry-title a:hover {
	color: #111111;
}

.blog-layout3:hover .item-figure img {
	opacity: 0.8;
	transform: scale(1.12) rotate(5deg);
}

.blog-layout3:hover .item-content:after {
	height: 100%;
	transition-delay: 0s;
}

.blog-layout3:hover .item-content .bottom-line {
	width: 100%;
	transition-delay: 0.2s;
}

.blog-layout3:hover .item-content:before {
	height: 100%;
	transition-delay: 0.4s;
}

.blog-layout3.no-image .item-content {
	border: 1px solid #dcddde;
}

.blog-layout3.no-image .item-content:after {
	transition-delay: 0.6s;
}

.blog-layout3.no-image .item-content .bottom-line {
	transition-delay: 0.4s;
}

.blog-layout3.no-image .item-content:before {
	transition-delay: 0.2s;
}

.blog-layout3.no-image .item-content .top-line {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: inherit;
	right: 0;
	left: inherit;
	height: 1px;
	width: 0;
	background-color: #7f7f7f;
	transition: all 0.2s ease-out;
	transition-delay: 0s;
}

.blog-layout3.no-image:hover .item-content:after {
	height: 100%;
	transition-delay: 0s;
}

.blog-layout3.no-image:hover .item-content .bottom-line {
	width: 100%;
	transition-delay: 0.2s;
}

.blog-layout3.no-image:hover .item-content:before {
	height: 100%;
	transition-delay: 0.4s;
}

.blog-layout3.no-image:hover .item-content .top-line {
	width: 100%;
	transition-delay: 0.6s;
}

.blog-dark-layout .blog-layout3 .item-content {
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
	border-bottom: 1px solid #474747;
}

.blog-wrap-layout4 {
	padding-top: 125px;
	padding-bottom: 90px;
}

@media (max-width: 1199px) {
	.blog-wrap-layout4 {
		padding-top: 115px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.blog-wrap-layout4 {
		padding-top: 90px;
		padding-bottom: 60px;
	}
}

.blog-wrap-layout4 .section-heading.heading-layout4 {
	padding-bottom: 30px;
}

.blog-wrap-layout4 .section-heading.heading-layout4 .section-sub-title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
}

.blog-layout4 {
	margin-bottom: 30px;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease-in-out;
}

.blog-layout4 .item-figure {
	overflow: hidden;
}

.blog-layout4 .item-figure a {
	display: block;
}

.blog-layout4 .item-figure a img {
	opacity: 1;
	transform: scale(1) rotate(0deg);
	transition: all 0.3s ease-in-out;
}

.blog-layout4 .item-content {
	padding: 40px 45px;
}

.blog-layout4 .item-content .entry-meta {
	list-style: none;
}

.blog-layout4 .item-content .entry-meta .entry-date a:hover {
	color: #111111;
}

.blog-layout4 .item-content .entry-meta .entry-cats a {
	display: inline-block;
}

.blog-layout4 .item-content .entry-meta .entry-cats a:hover {
	color: #111111;
}

.blog-layout4 .item-content .entry-meta .entry-admin a span {
	display: inline-block;
	margin-left: 3px;
}

.blog-layout4 .item-content .entry-meta .entry-admin a:hover {
	color: #111111;
}

.blog-layout4 .item-content .entry-title {
	margin-bottom: 10px;
	font-weight: 600;
	word-break: break-word;
}

@media (max-width: 991px) {
	.blog-layout4 .item-content .entry-title {
		font-size: 28px;
	}
}

@media (max-width: 767px) {
	.blog-layout4 .item-content .entry-title {
		font-size: 26px;
	}
}

@media (max-width: 575px) {
	.blog-layout4 .item-content .entry-title {
		font-size: 24px;
	}
}

.blog-layout4 .item-content .entry-title a {
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.blog-layout4 .item-content .entry-title a:hover {
	color: #111111;
}

.blog-layout4 .item-content .entry-paragraph {
	margin-bottom: 30px;
}

.blog-layout4:hover {
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}

.blog-layout4:hover .item-figure img {
	opacity: 0.8;
	transform: scale(1.1) rotate(5deg);
}

.blog-details-wrap-layout1 {
	padding-top: 120px;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	.blog-details-wrap-layout1 {
		padding-top: 95px;
		padding-bottom: 80px;
	}
}

@media (max-width: 991px) {
	.blog-details-wrap-layout1 {
		padding-top: 85px;
		padding-bottom: 70px;
	}
}

.blog-details-wrap-layout1 .entry-meta {
	color: #7a7a7a;
	font-size: 16px;
	padding-left: 0;
	margin-bottom: 5px;
}

@media (max-width: 991px) {
	.blog-details-wrap-layout1 .entry-meta {
		font-size: 16px;
	}
}

.blog-details-wrap-layout1 .entry-title {
	font-size: 40px;
	line-height: 48px;
	word-break: break-word;
}

.blog-details-wrap-layout1 .post-img {
	margin-bottom: 30px;
}

.blog-details-wrap-layout1 blockquote {
	padding: 40px 30px 40px 240px;
	border: 1px solid #eaeaea;
	font-size: 24px;
	font-style: italic;
	color: #000000;
	font-weight: 500;
	line-height: 1.5;
	position: relative;
	z-index: 1;
	text-align: left;
}

@media (max-width: 1199px) {
	.blog-details-wrap-layout1 blockquote {
		padding: 40px 40px 40px 200px;
	}
}

@media (max-width: 991px) {
	.blog-details-wrap-layout1 blockquote {
		padding: 40px 40px 40px 150px;
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.blog-details-wrap-layout1 blockquote {
		padding: 40px 40px 40px 100px;
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.blog-details-wrap-layout1 blockquote {
		padding: 30px 30px 30px 80px;
	}
}

@media (max-width: 479px) {
	.blog-details-wrap-layout1 blockquote {
		padding: 20px 20px 20px 60px;
	}
}

.blog-details-wrap-layout1 blockquote:before {
	content: "\f10e";
	position: absolute;
	z-index: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 100px;
	opacity: 0.11;
	top: 50%;
	transform: translateY(-50%);
	left: 60px;
}

@media (max-width: 1199px) {
	.blog-details-wrap-layout1 blockquote:before {
		font-size: 80px;
		left: 50px;
	}
}

@media (max-width: 991px) {
	.blog-details-wrap-layout1 blockquote:before {
		font-size: 60px;
		left: 40px;
	}
}

@media (max-width: 767px) {
	.blog-details-wrap-layout1 blockquote:before {
		font-size: 40px;
		left: 30px;
	}
}

@media (max-width: 575px) {
	.blog-details-wrap-layout1 blockquote:before {
		font-size: 30px;
		left: 20px;
	}
}

@media (max-width: 479px) {
	.blog-details-wrap-layout1 blockquote:before {
		font-size: 20px;
		left: 10px;
	}
}

.blog-details-wrap-layout1 blockquote span {
	display: block;
	margin-top: 10px;
	font-size: 18px;
	font-style: normal;
}

.blog-details-wrap-layout1 blockquote span span {
	display: inline-block;
	color: #343434;
}

.blog-details-wrap-layout1 .item-figure {
	margin-bottom: 40px;
}

.blog-details-wrap-layout1 .item-title {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.blog-details-wrap-layout1 .item-title {
		font-size: 20px;
	}
}

.blog-details-wrap-layout1 .comment-reply-title,
.blog-details-wrap-layout1 .item-sub-title {
	font-size: 22px;
	font-weight: 600;
	color: #343434;
	margin-bottom: 0;
}

@media (max-width: 767px) {

	.blog-details-wrap-layout1 .comment-reply-title,
	.blog-details-wrap-layout1 .item-sub-title {
		font-size: 20px;
	}
}

.blog-details-wrap-layout1 .comment-reply-title {
	font-size: 28px;
}

.blog-details-wrap-layout1 .list-item {
	margin-left: 25px;
	margin-bottom: 20px;
	padding-left: 0;
	list-style: none;
}

.blog-details-wrap-layout1 .list-item li {
	margin-bottom: 5px;
	position: relative;
	z-index: 1;
	padding-left: 25px;
}

.blog-details-wrap-layout1 .list-item li:before {
	content: "\f192";
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	color: #5f5f5f;
}

.blog-details-wrap-layout1 .list-item li:last-child {
	margin-bottom: 0;
}

.blog-details-wrap-layout1 .single-blog-tag {
	width: 100%;
	margin-top: 40px;
	display: inline-block;
}

.blog-details-wrap-layout1 .single-blog-tag.tags-shares-none {
	margin-top: 0;
}

.blog-details-wrap-layout1 .single-blog-tag ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-left: 0;
}

.blog-details-wrap-layout1 .single-blog-tag ul li {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	line-height: 1;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-tag span {
	margin-right: 10px;
	display: block;
	margin-bottom: 5px;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-tag span a {
	font-size: 14px;
	color: #666666;
	transition: all 0.3s ease-in-out;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-tag span a:hover {
	color: #000000;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-tag span:first-child {
	color: #000000;
	font-weight: 700;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-tag span:last-child {
	margin-right: 0;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-social span {
	margin-right: 10px;
	display: block;
	margin-bottom: 5px;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-social span a {
	font-size: 15px;
	display: block;
	padding: 2px 5px;
	color: #666666;
	transition: all 0.3s ease-in-out;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-social span a:hover {
	color: #000000;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-social span:first-child {
	color: #000000;
	font-weight: 700;
}

.blog-details-wrap-layout1 .single-blog-tag ul .item-social span:last-child {
	margin-right: 0;
}

.page-details-wrap-layout {
	padding-top: 130px;
	padding-bottom: 90px;
}

@media (max-width: 1199px) {
	.page-details-wrap-layout {
		padding-top: 100px;
		padding-bottom: 60px;
	}
}

.page-details-wrap-layout h2.entry-title {
	margin-bottom: 30px;
}

.page-details-wrap-layout .page-content-main {
	margin-bottom: 40px;
}

.page-details-wrap-layout .page-content-main .comments-area {
	margin-top: 25px;
}

.page-details-wrap-layout blockquote {
	position: relative;
	font-weight: 500;
}

.page-details-wrap-layout blockquote:before {
	content: "\f10e";
	position: absolute;
	z-index: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 100px;
	opacity: 0.11;
	top: 50%;
	transform: translateY(-50%);
	left: 60px;
}

@media (max-width: 1199px) {
	.page-details-wrap-layout blockquote:before {
		font-size: 80px;
		left: 50px;
	}
}

@media (max-width: 991px) {
	.page-details-wrap-layout blockquote:before {
		font-size: 60px;
		left: 40px;
	}
}

@media (max-width: 767px) {
	.page-details-wrap-layout blockquote:before {
		font-size: 40px;
		left: 30px;
	}
}

@media (max-width: 575px) {
	.page-details-wrap-layout blockquote:before {
		font-size: 30px;
		left: 20px;
	}
}

@media (max-width: 479px) {
	.page-details-wrap-layout blockquote:before {
		font-size: 20px;
		left: 10px;
	}
}

.page-details-wrap-layout .comment-reply-title,
.page-details-wrap-layout .item-sub-title {
	font-size: 22px;
	font-weight: 600;
	color: #343434;
	margin-bottom: 0;
}

@media (max-width: 767px) {

	.page-details-wrap-layout .comment-reply-title,
	.page-details-wrap-layout .item-sub-title {
		font-size: 20px;
	}
}

.page-details-wrap-layout .comment-reply-title {
	font-size: 28px;
}

.contact-form .form-group {
	margin-bottom: 30px;
}

.contact-form .form-group label {
	font-size: 16px;
}

.contact-form .form-group input {
	height: 50px;
}

.contact-form .form-group .form-control {
	font-size: 17px;
	padding: 15px 20px;
	color: #000;
	background-color: #f2f2f2;
	border-color: #f2f2f2;
}

.contact-form .form-group .form-control:focus {
	border-color: rgba(127, 127, 127, 0.25);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact-form .form-submit button {
	border: 2px solid transparent;
	text-transform: uppercase;
}

.contact-form .form-submit button:hover {
	border: 2px solid rgba(127, 127, 127, 0.25);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact-form input.form-control::-webkit-input-placeholder,
.contact-form textarea.form-control::-webkit-input-placeholder {
	color: #a0a0a0;
	font-size: 14px;
}

.contact-form input.form-control::-moz-placeholder,
.contact-form textarea.form-control::-moz-placeholder {
	color: #a0a0a0;
	font-size: 14px;
}

.contact-form input.form-control:-moz-placeholder,
.contact-form textarea.form-control:-moz-placeholder {
	color: #a0a0a0;
	font-size: 14px;
}

.contact-form input.form-control:-ms-input-placeholder,
.contact-form textarea.form-control:-ms-input-placeholder {
	color: #a0a0a0;
	font-size: 14px;
}

.contact-form .form-response .alert-danger,
.contact-form .form-response .alert.alert-info,
.contact-form .form-response .alert.alert-success {
	margin-top: 10px;
	margin-bottom: 0;
}

.contact-form .form-response .alert-danger p,
.contact-form .form-response .alert.alert-info p,
.contact-form .form-response .alert.alert-success p {
	margin-bottom: 0;
}

/*=============================================
7.2 Sidebar Area Style
===============================================*/
.sidebar-widget {
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.sidebar-widget {
		margin-top: 70px;
	}
}

.sidebar-widget .widget {
	background-color: #ffffff;
	margin-bottom: 60px;
}

@media (max-width: 991px) {
	.sidebar-widget .widget {
		margin-bottom: 40px;
	}
}

.sidebar-widget .widget:last-child {
	margin-bottom: 0 !important;
}

.sidebar-widget .widget .widget-section-heading {
	margin-bottom: 20px;
}

.sidebar-widget .widget .widget-section-heading .widget-title {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600;
}

@media (max-width: 767px) {
	.sidebar-widget .widget .widget-section-heading .widget-title {
		font-size: 18px;
	}
}

.sidebar-widget .widget .widget-section-heading.heading-dark .widget-title {
	color: #000;
}

.widget-tag {
	display: inline-block;
}

.widget-tag .widget-section-heading {
	margin-bottom: 20px;
}

.widget-tag ul.list-item li {
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	background: #f4f4f4;
	font-size: 15px;
	font-weight: 500;
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
}

.widget-tag ul.list-item li a {
	color: #444444;
	display: block;
	padding: 9px 25px 9px;
	transition: all 0.3s ease-in-out;
}

.widget-tag ul.list-item li:hover {
	background: #000000;
}

.widget-tag ul.list-item li:hover a {
	color: #ffffff;
}

.widget-gallery {
	display: inline-block;
}

.widget-gallery .widget-section-heading {
	margin-bottom: 23px;
}

.widget-gallery ul.list-item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-right: -8px;
	margin-left: -8px;
}

.widget-gallery ul.list-item li {
	padding-right: 4px;
	padding-left: 4px;
	margin-top: 8px;
	width: 100%;
	max-width: 33.33333%;
	flex: 0 0 33.33333%;
}

.widget-gallery ul.list-item li a {
	background-color: #000000;
	display: block;
}

.widget-gallery ul.list-item li a img {
	width: 100%;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.widget-gallery ul.list-item li a:hover img {
	opacity: 0.7;
}

.widget-archives {
	display: inline-block;
}

.widget-archives .widget-section-heading {
	margin-bottom: 15px;
}

.widget-archives ul.list-item li {
	margin-top: 5px;
	font-family: "Jost", sans-serif;
	font-size: 20px;
}

.widget-archives ul.list-item li a {
	color: #777777;
	display: block;
}

.widget-archives ul.list-item li a:hover {
	color: #000000;
}

.widget-recent .widget-section-heading {
	margin-bottom: 30px;
}

.widget-recent ul.list-item {
	padding-left: 0;
	margin-bottom: 0;
}

.widget-recent ul.list-item>li {
	display: flex;
	margin-top: 25px;
	align-items: center;
}

.widget-recent ul.list-item>li .left-box {
	display: inline-block;
	max-width: 90px;
	width: 100%;
}

.widget-recent ul.list-item>li .left-box .item-figure {
	display: block;
	overflow: hidden;
	background-color: #000000;
}

.widget-recent ul.list-item>li .left-box .item-figure img {
	transform: scale(1);
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.widget-recent ul.list-item>li .media-body {
	margin-left: 15px;
}

.widget-recent ul.list-item>li .entry-title {
	line-height: 22px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-word;
}

.widget-recent ul.list-item>li .entry-title a {
	color: #040404;
	transition: all 0.3s ease-in-out;
}

.widget-recent ul.list-item>li .entry-title a:hover {
	color: #000000;
}

.widget-recent ul.list-item>li .entry-meta {
	font-size: 13px;
	line-height: 1.2;
	margin-bottom: 0;
}

.widget-recent ul.list-item>li li.entry-date {
	margin-bottom: 0;
	font-weight: 500;
}

.widget-recent ul.list-item>li li.entry-date a {
	transition: all 0.3s ease-in-out;
}

.widget-recent ul.list-item>li li.entry-date a i {
	margin-right: 10px;
}

.widget-recent ul.list-item>li li.entry-date a:hover {
	color: #000000;
}

.widget-recent ul.list-item>li:hover .left-box .item-figure img {
	opacity: 0.5;
	transform: scale(1.3);
}

.widget-search .input-group {
	border: 1px solid #dcdcdc;
}

.widget-search .form-control {
	height: 50px;
	padding: 15px;
	font-size: 16px;
	color: #000000;
	border: 0;
}

.widget-search .form-control:focus {
	outline: none;
	box-shadow: none;
}

.widget-search .input-group-addon button {
	height: 50px;
	width: 50px;
	background-color: transparent;
	border: 0;
	padding: 10px;
}

.widget-search .input-group-addon button i {
	transition: all 0.3s ease-in-out;
}

.widget-search .input-group-addon button:focus {
	outline: none;
	box-shadow: none;
}

.widget-search .input-group-addon button:hover i {
	color: #000000;
}

.widget-shop .widget-section-heading {
	margin-bottom: 30px;
}

.widget-shop ul.list-item>li {
	margin-top: 25px;
	align-items: center;
}

.widget-shop ul.list-item>li .left-box {
	display: inline-block;
	max-width: 100px;
	width: 100%;
}

.widget-shop ul.list-item>li .left-box .item-figure {
	display: block;
	overflow: hidden;
	background-color: #000000;
}

.widget-shop ul.list-item>li .left-box .item-figure img {
	transform: scale(1);
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.widget-shop ul.list-item>li .media-body {
	margin-left: 15px;
}

.widget-shop ul.list-item>li .item-title {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 600;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.widget-shop ul.list-item>li .item-title a {
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.widget-shop ul.list-item>li .item-title a:hover {
	color: #777777;
}

.widget-shop ul.list-item>li .item-price {
	font-size: 20px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 0;
}

.widget-shop ul.list-item>li:hover .left-box .item-figure img {
	opacity: 0.5;
	transform: scale(1.3);
}

.widget-price-range {
	text-align: left;
	margin-top: 30px;
}

.widget-price-range:after {
	clear: both;
	display: block;
	content: "";
}

.widget-price-range .price-filter-wrap {
	margin-top: 15px;
}

.widget-price-range .price-filter-wrap .price-range-select {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.widget-price-range .price-filter-wrap .price-range-select:after {
	clear: both;
	display: block;
	content: "";
}

.widget-price-range .price-filter-wrap .price-range-select .price-range {
	display: inline-block;
	font-family: "Jost", sans-serif;
	margin: 0 4px;
	color: #8d8c8c;
	font-size: 16px;
}

.widget-price-range .noUi-connect {
	background: #000000;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 5px;
}

.widget-price-range .noUi-horizontal {
	height: 7px;
}

.widget-price-range .noUi-target {
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #eeeeee;
	border: 0;
}

.widget-price-range .noUi-horizontal .noUi-handle {
	top: -4px;
	left: -5px;
	background: #000000;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75);
	box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75);
}

.widget-price-range .noUi-handle::after,
.widget-price-range .noUi-handle::before {
	display: none;
}

.post-list-item article {
	overflow: hidden;
	position: relative;
}

sup.meta-featured-post {
	color: #fff;
	position: absolute;
	top: 13px;
	right: -45px;
	transform: rotate(45deg);
	background-color: #000;
	padding: 10px 50px;
}

/*============================================================================
08. Portfolios Area Styles 
==============================================================================*/
.project-wrap-layout1 {
	padding-top: 92px;
	padding-bottom: 30px;
}

@media (max-width: 1439px) {
	.project-wrap-layout1 {
		padding-top: 92px;
		padding-bottom: 100px;
	}
}

@media (max-width: 1199px) {
	.project-wrap-layout1 {
		padding-top: 82px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.project-wrap-layout1 {
		padding-top: 72px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.project-wrap-layout1 {
		padding-top: 62px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.project-wrap-layout1 {
		padding-top: 52px;
		padding-bottom: 60px;
	}
}

.project-inner-wrap-layout1 {
	align-items: center;
	display: flex;
}

.project-inner-wrap-layout1 .img-position-right {
	padding-right: 0;
	padding-left: calc(calc(100% - 1170px)/2);
}

@media (max-width: 1439px) {
	.project-inner-wrap-layout1 .img-position-right {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (max-width: 1199px) {
	.project-inner-wrap-layout1 .img-position-right {
		padding-right: calc(calc(100% - 930px)/2);
		padding-left: calc(calc(100% - 930px)/2);
	}
}

@media (max-width: 991px) {
	.project-inner-wrap-layout1 .img-position-right {
		padding-right: calc(calc(100% - 690px)/2);
		padding-left: calc(calc(100% - 690px)/2);
	}
}

@media (max-width: 767px) {
	.project-inner-wrap-layout1 .img-position-right {
		padding-right: calc(calc(100% - 510px)/2);
		padding-left: calc(calc(100% - 510px)/2);
	}
}

@media (max-width: 575px) {
	.project-inner-wrap-layout1 .img-position-right {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.project-inner-wrap-layout1 .img-position-right .item-content {
	margin-left: 0;
}

.project-inner-wrap-layout1 .img-position-left {
	padding-left: 0;
	padding-right: calc(calc(100% - 1170px)/2);
}

@media (max-width: 1439px) {
	.project-inner-wrap-layout1 .img-position-left {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (max-width: 1199px) {
	.project-inner-wrap-layout1 .img-position-left {
		padding-left: calc(calc(100% - 930px)/2);
		padding-right: calc(calc(100% - 930px)/2);
	}
}

@media (max-width: 991px) {
	.project-inner-wrap-layout1 .img-position-left {
		padding-left: calc(calc(100% - 690px)/2);
		padding-right: calc(calc(100% - 690px)/2);
	}
}

@media (max-width: 767px) {
	.project-inner-wrap-layout1 .img-position-left {
		padding-left: calc(calc(100% - 510px)/2);
		padding-right: calc(calc(100% - 510px)/2);
	}
}

@media (max-width: 575px) {
	.project-inner-wrap-layout1 .img-position-left {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.project-inner-wrap-layout1 .img-position-left .item-content {
	margin-right: 0;
}

.project-layout1 {
	margin-bottom: 100px;
}

@media (max-width: 1439px) {
	.project-layout1 {
		margin-bottom: 30px;
		margin-left: 30px;
		margin-right: 30px;
	}
}

.project-layout1 .figure-right {
	margin-left: -100px;
}

@media (max-width: 1199px) {
	.project-layout1 .figure-right {
		margin-left: -30px;
		padding-left: 30px;
		text-align: center;
	}
}

.project-layout1 .figure-left {
	margin-right: -100px;
}

@media (max-width: 1199px) {
	.project-layout1 .figure-left {
		margin-right: -30px;
		padding-right: 30px;
		text-align: center;
	}
}

.project-layout1 .item-content {
	padding: 63px 0 63px 65px;
	position: relative;
	z-index: 1;
	background-color: #ffffff;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 991px) {
	.project-layout1 .item-content {
		padding: 50px 0 45px 50px;
	}
}

@media (max-width: 767px) {
	.project-layout1 .item-content {
		padding: 45px 0 40px 45px;
	}
}

@media (max-width: 575px) {
	.project-layout1 .item-content {
		padding: 40px 0 35px 40px;
	}
}

.project-layout1 .item-content .title-wrap {
	padding-right: 35px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cfcfcf;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}

.project-layout1 .item-content .title-wrap:before {
	content: "";
	background-color: #000000;
	width: 0;
	height: 1px;
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: -1px;
	transition: all 0.5s ease-in-out;
}

.project-layout1 .item-content .title-wrap .item-title {
	margin-bottom: 0;
}

.project-layout1 .item-content .title-wrap .item-title a {
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.project-layout1 .item-content .title-wrap .item-title a:hover {
	color: #777777;
}

.project-layout1 .item-content .title-wrap .item-sub-title {
	color: #666;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
}

.project-layout1 .item-content .item-paragraph {
	padding-right: 35px;
	margin-bottom: 20px;
}

.project-layout1:hover .item-content .title-wrap:before {
	width: 100%;
}

.project-wrap-layout2 .gallery-item {
	margin: 0;
}

.project-wrap-layout2 .gallery-item:last-of-type {
	padding-right: 15px;
}

.project-wrap-layout2 .section-heading {
	margin-bottom: 40px;
}

.project-layout2 {
	margin-bottom: 5px;
}

.project-layout2 .item-figure {
	position: relative;
	z-index: 1;
}

.project-layout2 .item-figure:after {
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.2s;
}

.project-layout2 .item-figure .item-icon {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translateY(-70%) translateX(-50%);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transition-delay: 0s;
}

.project-layout2 .item-figure .item-icon a {
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
}

.project-layout2 .item-figure .item-icon .line1 {
	position: relative;
	z-index: 1;
}

.project-layout2 .item-figure .item-icon .line1:before {
	content: "";
	height: 1px;
	width: 0;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -20px;
	transition: all 0.1s ease-out;
	transition-delay: 0s;
}

.project-layout2 .item-figure .item-icon .line1:after {
	content: "";
	height: 0;
	width: 1px;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	transition: all 0.1s ease-out;
	transition-delay: 0s;
}

.project-layout2 .item-figure .item-icon .line2 {
	position: relative;
	z-index: 1;
}

.project-layout2 .item-figure .item-icon .line2:before {
	content: "";
	height: 1px;
	width: 0;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	transition: all 0.1s ease-out;
	transition-delay: 0s;
}

.project-layout2 .item-figure .item-icon .line2:after {
	content: "";
	height: 0;
	width: 1px;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	top: -20px;
	left: 0;
	transition: all 0.1s ease-out;
	transition-delay: 0s;
}

.project-layout2 .item-content {
	text-align: center;
	padding: 12px 20px 20px;
}

.project-layout2 .item-content .item-title {
	margin-bottom: 0;
	font-size: 24px;
}

@media (max-width: 767px) {
	.project-layout2 .item-content .item-title {
		font-size: 22px;
		line-height: 32px;
	}
}

.project-layout2 .item-content .item-title a {
	color: #000000;
	transition: all 0.3s ease-out;
}

.project-layout2 .item-content .item-title a:hover {
	color: #777777;
}

.project-layout2 .item-content .item-sub-title {
	font-size: 16px;
	color: #666666;
	line-height: 1.6;
}

.project-layout2:hover .item-figure:after {
	opacity: 1;
	transition-delay: 0s;
}

.project-layout2:hover .item-figure .item-icon {
	opacity: 1;
	transform: translateY(-50%) translateX(-50%);
	transition-delay: 0.2s;
}

.project-layout2:hover .item-figure .item-icon .line1:before {
	width: 20px;
	transition-delay: 0.3s;
}

.project-layout2:hover .item-figure .item-icon .line1:after {
	height: 20px;
	transition-delay: 0.5s;
}

.project-layout2:hover .item-figure .item-icon .line2:after {
	height: 20px;
	transition-delay: 0.7s;
}

.project-layout2:hover .item-figure .item-icon .line2:before {
	width: 20px;
	transition-delay: 0.9s;
}

.masonry-items .gallery-item {
	margin: 0;
}

.masonry-items .gallery-item:last-of-type {
	padding-right: 15px;
}

.project-wrap-layout3 .slick-slide {
	margin: 0 15px;
}

.project-wrap-layout3 .project-carousel2 {
	margin-left: -15px;
	margin-right: -15px;
}

.project-layout3 {
	text-align: center;
	margin-bottom: 30px;
}

.project-layout3 .item-figure {
	position: relative;
	z-index: 1;
}

.project-layout3 .item-figure:after {
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.2s;
}

.project-layout3 .item-figure .item-icon {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translateY(-70%) translateX(-50%);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transition-delay: 0s;
}

.project-layout3 .item-figure .item-icon a {
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	font-size: 30px;
}

.project-layout3 .item-figure .item-icon a .line1 {
	position: relative;
	z-index: 1;
}

.project-layout3 .item-figure .item-icon a .line1:before {
	content: "";
	height: 1px;
	width: 0;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -20px;
	transition: all 0.1s ease-out;
	transition-delay: 0s;
}

.project-layout3 .item-figure .item-icon a .line1:after {
	content: "";
	height: 0;
	width: 1px;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	transition: all 0.1s ease-out;
	transition-delay: 0s;
}

.project-layout3 .item-figure .item-icon a .line2 {
	position: relative;
	z-index: 1;
}

.project-layout3 .item-figure .item-icon a .line2:before {
	content: "";
	height: 1px;
	width: 0;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	transition: all 0.1s ease-out;
	transition-delay: 0s;
}

.project-layout3 .item-figure .item-icon a .line2:after {
	content: "";
	height: 0;
	width: 1px;
	background-color: #ffffff;
	position: absolute;
	z-index: 1;
	top: -20px;
	left: 0;
	transition: all 0.1s ease-out;
	transition-delay: 0s;
}

.project-layout3 .item-content {
	padding: 25px 15px 0;
}

.project-layout3 .item-content .item-title {
	margin-bottom: 0;
	font-size: 24px;
}

.project-layout3 .item-content .item-title a {
	color: #c4c3c3;
	transition: all 0.3s ease-in-out;
}

.project-layout3 .item-content .item-title a:hover {
	color: #ffffff;
}

.project-layout3 .item-content .item-sub-title {
	color: #afafaf;
	font-size: 16px;
	line-height: 1.5;
}

.project-layout3:hover .item-figure:after {
	opacity: 1;
	transition-delay: 0s;
}

.project-layout3:hover .item-figure .item-icon {
	opacity: 1;
	transform: translateY(-50%) translateX(-50%);
	transition-delay: 0.2s;
}

.project-layout3:hover .item-figure .item-icon .line1:before {
	width: 20px;
	transition-delay: 0.3s;
}

.project-layout3:hover .item-figure .item-icon .line1:after {
	height: 20px;
	transition-delay: 0.5s;
}

.project-layout3:hover .item-figure .item-icon .line2:after {
	height: 20px;
	transition-delay: 0.7s;
}

.project-layout3:hover .item-figure .item-icon .line2:before {
	width: 20px;
	transition-delay: 0.9s;
}

.project-wrap-layout4 {
	padding-top: 130px;
	padding-bottom: 30px;
}

@media (max-width: 1439px) {
	.project-wrap-layout4 {
		padding-top: 130px;
		padding-bottom: 100px;
	}
}

@media (max-width: 1199px) {
	.project-wrap-layout4 {
		padding-top: 120px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.project-wrap-layout4 {
		padding-top: 110px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.project-wrap-layout4 {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.project-wrap-layout4 {
		padding-top: 90px;
		padding-bottom: 60px;
	}
}

.project-carousel-wrap {
	padding-bottom: 120px;
}

@media (max-width: 1199px) {
	.project-carousel-wrap {
		padding-bottom: 40px;
	}
}

.project-carousel-wrap .slick-arrow {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	height: 60px;
	width: 60px;
	background: transparent !important;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-out;
	border: none;
}

.project-carousel-wrap .slick-arrow i {
	color: #000000;
	font-size: 30px;
	transition: all 0.3s ease-out;
}

.project-carousel-wrap .slick-arrow:hover i {
	color: #777777;
}

.project-carousel-wrap .slick-arrow:focus {
	outline: none;
}

@media (max-width: 991px) {
	.project-carousel-wrap .slick-arrow {
		height: 55px;
		width: 55px;
	}

	.project-carousel-wrap .slick-arrow i {
		font-size: 30px;
	}
}

@media (max-width: 767px) {
	.project-carousel-wrap .slick-arrow {
		height: 50px;
		width: 50px;
	}

	.project-carousel-wrap .slick-arrow i {
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.project-carousel-wrap .slick-arrow {
		height: 45px;
		width: 45px;
	}

	.project-carousel-wrap .slick-arrow i {
		font-size: 18px;
	}
}

.project-carousel-wrap .slick-arrow.slick-prev {
	left: -100px;
}

@media (max-width: 1199px) {
	.project-carousel-wrap .slick-arrow.slick-prev {
		left: 0px;
		opacity: 0;
		visibility: hidden;
	}

	.project-carousel-wrap .slick-arrow.slick-prev i {
		color: #ffffff;
	}
}

.project-carousel-wrap .slick-arrow.slick-next {
	right: -100px;
}

@media (max-width: 1199px) {
	.project-carousel-wrap .slick-arrow.slick-next {
		right: 0px;
		opacity: 0;
		visibility: hidden;
	}

	.project-carousel-wrap .slick-arrow.slick-next i {
		color: #ffffff;
	}
}

@media (max-width: 1199px) {
	.project-carousel-wrap:hover .slick.owl-prev {
		left: 10px;
		opacity: 1;
		visibility: visible;
	}

	.project-carousel-wrap:hover .slick.owl-next {
		right: 10px;
		opacity: 1;
		visibility: visible;
	}
}

.project-carousel-box {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.project-carousel-box .item-figure {
	position: relative;
	z-index: 1;
}

.project-carousel-box .item-figure:before {
	content: "";
	background-image: url("../img/element6.png");
	position: absolute;
	z-index: 1;
	height: 130%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 600px) {
	.project-carousel-box .item-figure:before {
		height: 150%;
	}
}

.project-carousel-box .item-content {
	position: absolute;
	z-index: 1;
	bottom: -51%;
	transform: translateY(-150px);
	left: 0;
	right: 0;
	padding: 40px;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 600px) {
	.project-carousel-box .item-content {
		padding: 40px 30px;
	}
}

.project-carousel-box .item-content .item-title {
	margin-bottom: 0;
}

.project-carousel-box .item-content .item-title a {
	color: #ffffff;
	transition: all 0.3s ease-in-out;
}

.project-carousel-box .item-content .item-title a:hover {
	color: #c5c5c5;
}

@media (max-width: 600px) {
	.project-carousel-box .item-content .item-title {
		font-size: 22px;
	}
}

.project-carousel-box .item-content .item-sub-title {
	color: #c7c7c7;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}

@media (max-width: 600px) {
	.project-carousel-box .item-content .item-sub-title {
		font-size: 16px;
	}
}

.project-carousel-box .item-content p {
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
	.project-carousel-box .item-content p {
		display: none;
	}
}

.project-carousel-box .item-content .item-btn {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 600px) {
	.project-carousel-box .item-content .item-btn {
		padding-right: 0;
	}
}

@media (max-width: 600px) {
	.project-carousel-box .item-content .btn-text:before {
		left: 110%;
		width: 50px;
		right: auto;
	}
}

.project-carousel-box:hover .item-figure:before {
	top: -100px;
}

.project-carousel-box:hover .item-content {
	bottom: 30px;
	transform: translateY(0);
}

.project-carousel-box:hover p {
	opacity: 1;
	visibility: visible;
}

.project-carousel-box:hover .item-btn {
	opacity: 1;
	visibility: visible;
}

.project-carousel1 .slick-slide {
	margin: 0 15px;
}

.project-parallax-content {
	background-color: #f7fafe;
	padding: 50px 60px;
}

@media (max-width: 575px) {
	.project-parallax-content {
		padding: 20px 30px;
	}
}

.project-parallax-content .item-sub-title {
	color: #666;
	font-size: 18px;
	font-weight: 400;
	font-family: "Jost", sans-serif;
	line-height: 1.3;
}

.project-parallax-content .item-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 42px;
	margin-bottom: 15px;
}

.project-parallax-content .item-title a {
	color: #000000;
}

.project-parallax-content ul.info-list {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 20px;
}

.project-parallax-content ul.info-list li {
	color: #4c4c4c;
}

.project-parallax-content ul.info-list li span {
	font-family: "Jost", sans-serif;
	display: inline-block;
	margin-right: 10px;
	font-weight: 700;
	color: #1a1b1c;
}

.project-parallax-content .social-heading {
	margin-right: 15px;
	color: #000000;
	font-family: "Jost", sans-serif;
}

.project-parallax-content ul.social-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.project-parallax-content ul.social-list li {
	margin-right: 2px;
	font-size: 14px;
}

.project-parallax-content ul.social-list li:last-child {
	margin-right: 0;
}

.project-parallax-content ul.social-list li a {
	display: inline-block;
	padding: 5px 10px;
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.project-parallax-content ul.social-list li a:hover {
	color: #777777;
}

.project-parallax-content ul.social-list li span:first-child {
	color: #000000;
	font-size: 16px;
	margin-right: 15px;
	font-weight: 600;
	font-family: "Jost", sans-serif;
}

.project-parallax-wrap {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 1;
}

.project-parallax-wrap .swiper-container {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}

.project-parallax-wrap .project-parallax-content {
	max-width: 800px;
	width: 100%;
}

@media (max-width: 1024px) {
	.project-parallax-wrap .project-parallax-content {
		max-width: 600px;
	}
}

.project-parallax-wrap .project-figure {
	height: 100vh;
	width: 100%;
}

.project-parallax-wrap .project-figure .swiper-slide {
	background-size: cover;
	background-position: center;
}

.project-parallax-wrap .project-text {
	padding: 80px 0;
	max-width: 1170px;
	width: 100%;
	height: auto;
	left: 0;
	right: 0;
	text-align: left;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: 60px;
	transform: translateY(-50%);
}

@media (max-width: 1024px) {
	.project-parallax-wrap .project-text {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.project-parallax-wrap .project-text {
		padding-top: 180px;
	}
}

.project-parallax-wrap .project-text .swiper-slide {
	opacity: 0 !important;
	transition: opacity 0.2s ease-in-out;
	transition-delay: 0.6s;
}

.project-parallax-wrap .project-text .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}

.project-parallax-wrap .project-text .swiper-slide.swiper-slide-active .project-parallax-content {
	animation: fadeInDown 1.5s forwards;
	animation-delay: 0.3s;
}

@keyframes fadeInDown {
	0% {
		opacity: 0 !important;
		transform: translateY(80px);
	}

	100% {
		opacity: 1 !important;
		transform: translateY(0);
	}
}

.project-parallax-wrap .swiper-pagination {
	bottom: 50% !important;
	transform: translateY(50%);
	display: flex;
	flex-direction: column;
	left: calc(100% - -200px) !important;
}

@media (max-width: 1440px) {
	.project-parallax-wrap .swiper-pagination {
		left: calc(100% - 40px) !important;
	}
}

@media (max-width: 1024px) {
	.project-parallax-wrap .swiper-pagination {
		bottom: 50% !important;
		left: calc(100% - 80px) !important;
	}
}

.project-parallax-wrap .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	width: 15px;
	height: 15px;
	background-color: transparent;
	border: 1px solid #ffffff;
	margin: 10px 0 !important;
	transition: all 0.3s ease-out;
}

.project-parallax-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #ffffff;
}

.project-parallax-wrap .swiper-pagination .swiper-pagination-bullet:focus {
	outline: none;
}

@media (max-width: 767px) {
	.project-parallax-wrap .swiper-pagination .swiper-pagination-bullet {
		margin: 10px 10px !important;
	}
}

@media (max-width: 767px) {
	.project-parallax-wrap .swiper-pagination {
		bottom: -40px !important;
		left: 50% !important;
		flex-direction: inherit;
		margin-left: -43px;
	}
}

.project-slider-wrap {
	margin-bottom: 30px;
}

@media (max-width: 1600px) {
	.project-slider-wrap.box-layout {
		padding-left: 0;
		padding-right: 0;
	}

	.project-slider-wrap .nivo-nextNav {
		right: 100px;
	}

	.project-slider-wrap .nivo-prevNav {
		left: 100px;
	}
}

.project-slider-wrap .nivo-caption {
	opacity: 1;
}

.project-slider-wrap .nivoSlider {
	overflow: visible;
}

@media (max-width: 1199px) {

	.project-slider-wrap .nivo-nextNav,
	.project-slider-wrap .nivo-prevNav {
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
	}

	.project-slider-wrap .nivoSlider img {
		min-height: 100vh;
		object-fit: cover;
	}

	.project-slider-wrap:hover .nivo-nextNav,
	.project-slider-wrap:hover .nivo-prevNav {
		opacity: 1;
		visibility: visible;
	}
}

.project-slider-wrap .preview-1 .nivoSlider .nivo-directionNav a:before,
.project-slider-wrap .preview-1 .nivoSlider .nivo-directionNav a:before {
	font-family: "flaticon";
	color: #000000;
	font-size: 40px;
	position: absolute;
	z-index: 5;
}

@media (max-width: 767px) {

	.project-slider-wrap .preview-1 .nivoSlider .nivo-directionNav a:before,
	.project-slider-wrap .preview-1 .nivoSlider .nivo-directionNav a:before {
		font-size: 25px;
	}
}

.project-slider-wrap .preview-1 .nivoSlider .nivo-directionNav a.nivo-prevNav:before {
	content: "\f10b";
	left: -60px;
}

.project-slider-wrap .preview-1 .nivoSlider .nivo-directionNav a.nivo-nextNav:before {
	content: "\f10c";
	right: -60px;
}

.project-slider-wrap.has-animation .nivoSlider:before {
	position: absolute;
	z-index: 1;
	background-color: #ffffff;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 1s ease-in-out;
}

.project-slider-wrap.has-animation.active-animation .nivoSlider:before {
	width: 0;
}

.project-slider-wrap .slide-1 .project-slider-content {
	-webkit-animation: fadeIn 1000ms ease-in-out;
	-moz-animation: fadeIn 1000ms ease-in-out;
	-ms-animation: fadeIn 1000ms ease-in-out;
	animation: fadeIn 1000ms ease-in-out;
}

.project-slider-wrap .slide-2 .project-slider-content {
	-webkit-animation: fadeIn 1000ms ease-in-out;
	-moz-animation: fadeIn 1000ms ease-in-out;
	-ms-animation: fadeIn 1000ms ease-in-out;
	animation: fadeIn 1000ms ease-in-out;
}

.project-slider-wrap .slide-3 .project-slider-content {
	-webkit-animation: fadeIn 1000ms ease-in-out;
	-moz-animation: fadeIn 1000ms ease-in-out;
	-ms-animation: fadeIn 1000ms ease-in-out;
	animation: fadeIn 1000ms ease-in-out;
}

.project-slider-content {
	background-color: #f7fafe;
	padding: 50px 60px;
	text-align: left;
}

@media (max-width: 1199px) {
	.project-slider-content {
		padding: 40px 45px;
	}
}

.project-slider-content .item-sub-title {
	color: #030303;
	font-size: 22px;
	font-weight: 600;
	font-family: "Jost", sans-serif;
	line-height: 1.3;
}

.project-slider-content .item-title {
	margin-bottom: 0;
	font-size: 30px;
	font-weight: 700;
}

@media (max-width: 991px) {
	.project-slider-content .item-title {
		font-size: 28px;
	}
}

@media (max-width: 767px) {
	.project-slider-content .item-title {
		font-size: 26px;
	}
}

@media (max-width: 575px) {
	.project-slider-content .item-title {
		font-size: 24px;
	}
}

.project-slider-content .item-paragraph {
	margin-bottom: 20px;
}

@media (max-width: 1600px) {
	.project-slider-content .item-paragraph {
		display: none;
	}
}

.project-slider-content ul.info-list li {
	color: #2b2d2e;
}

.project-slider-content ul.info-list li span {
	font-family: "Jost", sans-serif;
	display: inline-block;
	margin-right: 10px;
	font-weight: 700;
	color: #1a1b1c;
}

.project-slider-content .social-heading {
	margin-right: 15px;
	color: #000000;
	font-family: "Jost", sans-serif;
}

.project-slider-content ul.social-list {
	display: flex;
	flex-wrap: wrap;
}

.project-slider-content ul.social-list li {
	margin-right: 2px;
	font-size: 14px;
}

.project-slider-content ul.social-list li:last-child {
	margin-right: 0;
}

.project-slider-content ul.social-list li a {
	display: inline-block;
	padding: 5px 10px;
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.project-slider-content ul.social-list li a:hover {
	color: #777777;
}

.project-details-wrap-layout3 {
	padding-top: 125px;
}

@media (max-width: 1199px) {
	.project-details-wrap-layout3 {
		padding-top: 95px;
	}
}

.project-details-wrap-layout3 .section-heading.heading-layout5 {
	text-align: center;
	margin-bottom: 25px;
	justify-content: center;
}

.project-details-wrap-layout3 .section-heading.heading-layout5 .section-top-title {
	color: #4c4c4c;
	max-width: 100%;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 5px;
}

@media (max-width: 1199px) {
	.project-details-wrap-layout3 .section-heading .section-title {
		line-height: 42px;
	}
}

.project-details-wrap-layout3 .section-heading .section-paragraph {
	max-width: 890px;
}

.project-details-wrap-layout3 .portfolio-social-share {
	text-align: center;
	position: relative;
	padding-bottom: 65px;
	border-top: 1px solid #e1e1e1;
}

@media (max-width: 767px) {
	.project-details-wrap-layout3 .portfolio-social-share {
		padding-bottom: 100px;
	}
}

.project-details-wrap-layout3 .portfolio-social-share ul.share-items {
	top: -20px;
	left: 50%;
	padding: 0 30px;
	transform: translate(-50%, 0);
	position: absolute;
	list-style: none;
	display: inline-block;
	background-color: #fff;
}

@media (max-width: 480px) {
	.project-details-wrap-layout3 .portfolio-social-share ul.share-items {
		padding: 0 15px;
	}
}

.project-details-wrap-layout3 .portfolio-social-share ul.share-items li span {
	margin: 0 5px;
	color: #848484;
	font-weight: 500;
	display: inline-block;
}

.project-details-wrap-layout3 .portfolio-social-share ul.share-items li span:first-child {
	display: none;
}

@media (max-width: 767px) {
	.project-details-wrap-layout3 .portfolio-social-share ul.share-items li span {
		margin-bottom: 10px;
	}
}

.project-details-wrap-layout3 .portfolio-social-share ul.share-items li span a {
	width: 40px;
	color: #848484;
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #e1e1e1;
}

.project-details-wrap-layout3 .portfolio-social-share ul.share-items li span a:hover {
	color: #fff;
	border-color: #1c1d20;
	background-color: #1c1d20;
}

.project-details-wrap-layout3 .project-info-box {
	background-color: #ffffff;
	display: flex;
	align-items: center;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	min-height: 140px;
	padding: 15px;
	margin-bottom: 30px;
	border: 1px solid #e1e1e1;
}

.project-details-wrap-layout3 .project-info-box .item-title {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600;
}

.project-details-wrap-layout3 .project-info-box span {
	color: #4c4c4c;
	display: block;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 5px;
	font-family: "Jost", sans-serif;
}

.project-details-wrap-layout3 .project-info-box span.text-thin {
	color: #2b2d2e;
	font-size: 16px;
}

.project-details-wrap-layout3 .single-box {
	margin-bottom: 30px;
}

.project-details-wrap-layout3 .item-content {
	margin-bottom: 30px;
}

.project-parallax-2 .project-parallax-content {
	width: 100%;
	max-width: 615px;
	margin: 0 0 0 auto;
}

@media (max-width: 1024px) {
	.project-parallax-2 .project-parallax-content {
		max-width: 100%;
		margin: 0 auto;
	}
}

@media (max-width: 575px) {
	.project-parallax-2 .project-parallax-content {
		padding: 20px 30px;
	}
}

@media (max-width: 575px) {
	.project-parallax-2 .container {
		padding: 0;
	}
}

.project-parallax-2 .swiper-container {
	overflow: visible;
}

.project-parallax-2 .swiper-button-prev,
.project-parallax-2 .swiper-button-next {
	color: transparent;
	background-image: none;
}

.project-parallax-2 .swiper-button-prev i,
.project-parallax-2 .swiper-button-next i {
	color: #000;
}

.project-parallax-2 .swiper-button-prev i:before,
.project-parallax-2 .swiper-button-next i:before {
	font-size: 30px;
}

.project-parallax-2 .swiper-button-prev:focus,
.project-parallax-2 .swiper-button-next:focus {
	outline: 0;
}

.project-parallax-2 .swiper-button-next {
	right: -50px;
}

.project-parallax-2 .swiper-button-prev {
	left: -50px;
}

@media (max-width: 575px) {
	.project-parallax-2 .swiper-button-prev {
		left: -30px;
	}
}

.project-parallax-2.box-layout {
	padding-left: 0;
	padding-right: 0;
	margin-left: 100px;
	margin-right: 100px;
}

@media (max-width: 575px) {
	.project-parallax-2.box-layout {
		margin-left: 50px;
		margin-right: 50px;
	}
}

@media (max-width: 1024px) {
	.project-parallax-2 .project-text {
		padding: 0;
		max-width: 1170px;
		width: 100%;
		height: auto;
		left: 0;
		right: 0;
		text-align: left;
		position: relative;
		z-index: 2;
		top: 50%;
		transform: translateY(0%);
	}
}

.elementor-slideshow__header {
	top: 0px !important;
}

.elementor-lightbox .elementor-swiper-button-prev:focus,
.elementor-lightbox .elementor-swiper-button-next:focus {
	outline: none;
}

/* ==== Loading spin animation ==== */
a.loadMore {
	display: table;
	margin: auto;
	text-align: center;
	position: relative;
	padding-right: 40px;
}

a.loadMore:before {
	right: auto;
	left: 100%;
	margin-left: -15px;
}

.loading-lazy {
	position: relative;
	display: block;
}

.loading-lazy::before {
	display: none;
}

.loading-lazy::after {
	position: absolute;
	content: '';
	top: 0;
	left: auto;
	right: 10px;
	bottom: 0;
	z-index: 8;
}

.loading-lazy::after {
	width: 20px;
	height: 20px;
	margin: auto;
	border-top-color: #000;
	border: 2px dashed #908d8d;
	border-radius: 50%;
	-webkit-animation: fa-spin 2s infinite linear;
	-o-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px);
	}

	50% {
		-webkit-transform: perspective(120px) rotateY(180deg);
	}

	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
	}
}

@keyframes sk-rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}

	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}

	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

.single-grid-item {
	transition: all .3s linear;
	transform: translateY(50px);
	opacity: 0;
	padding-left: 15px;
	padding-right: 15px;
}

.single-grid-item.reveal {
	transform: translateY(0);
	opacity: 1;
}

.pageoverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000000;
}

.pageoverlay .overlayDoor:before,
.pageoverlay .overlayDoor:after {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	background: #111;
	transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
	transition-delay: .8s;
}

.pageoverlay .overlayDoor:before {
	left: 0;
}

.pageoverlay .overlayDoor:after {
	right: 0;
}

.pageoverlay.loaded .overlayDoor:before {
	left: -50%;
}

.pageoverlay.loaded .overlayDoor:after {
	right: -50%;
}

.pageoverlay.loaded .overlayContent {
	opacity: 0;
	margin-top: -15px;
}

.pageoverlay .overlayContent {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
}

.pageloader {
	width: 128px;
	height: 128px;
	border: 3px solid #fff;
	border-bottom: 3px solid transparent;
	border-radius: 50%;
	position: relative;
	animation: spin 1s linear infinite;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageloader .inner {
	width: 64px;
	height: 64px;
	border: 3px solid transparent;
	border-top: 3px solid #fff;
	border-radius: 50%;
	animation: spinInner 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes spinInner {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(-720deg);
	}
}

/*============================================================================
10. About Area Styles 
==============================================================================*/
.about-wrap-layout1 {
	margin-bottom: 30px;
	padding: 90px 80px 60px 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@media (max-width: 991px) {
	.about-wrap-layout1 {
		padding: 90px 50px 60px;
	}
}

@media (max-width: 575px) {
	.about-wrap-layout1 {
		padding: 50px 30px 20px;
	}
}

.about-layout1 .item-sub-title {
	font-size: 20px;
	color: #4c4c4c;
	font-family: "Jost", sans-serif;
	margin-bottom: 5px;
	font-weight: 500;
}

.about-layout1 .item-title {
	line-height: 1.3;
}

.about-layout1 .item-btn {
	margin-top: 20px;
}

.about-wrap-layout2 {
	padding-top: 85px;
	padding-bottom: 0;
}

@media (max-width: 1199px) {
	.about-wrap-layout2 {
		padding-top: 75px;
	}
}

@media (max-width: 991px) {
	.about-wrap-layout2 {
		padding-top: 65px;
	}
}

@media (max-width: 767px) {
	.about-wrap-layout2 {
		padding-top: 55px;
	}
}

@media (max-width: 575px) {
	.about-wrap-layout2 {
		padding-top: 45px;
	}
}

.about-layout2 {
	margin-bottom: 30px;
}

.about-layout2 .item-content {
	max-width: 530px;
	width: 100%;
}

.about-layout2 .item-sub-title {
	color: #c4c3c3;
	font-family: "Jost", sans-serif;
	font-size: 20px;
	margin-bottom: 5px;
}

.about-layout2 .item-title {
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 15px;
}

.about-layout2 .item-paragraph {
	color: #c4c3c3;
}

.about-wrap-layout3 {
	padding-top: 125px;
	padding-bottom: 0;
}

@media (max-width: 1199px) {
	.about-wrap-layout3 {
		padding-top: 115px;
	}
}

@media (max-width: 991px) {
	.about-wrap-layout3 {
		padding-top: 105px;
	}
}

@media (max-width: 767px) {
	.about-wrap-layout3 {
		padding-top: 95px;
	}
}

@media (max-width: 575px) {
	.about-wrap-layout3 {
		padding-top: 85px;
	}
}

.about-layout3 .item-figure {
	margin-bottom: 30px;
}

.about-layout3 .slogan-text {
	color: #000000;
	font-weight: 600;
	font-family: "Jost", sans-serif;
	line-height: 1.3;
	padding: 35px;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 60px;
	flex-direction: column;
	text-align: center;
}

@media (max-width: 991px) {
	.about-layout3 .slogan-text {
		margin-bottom: 30px;
		font-size: 50px;
	}
}

@media (max-width: 767px) {
	.about-layout3 .slogan-text {
		font-size: 42px;
	}
}

.about-layout3 .slogan-text span {
	display: block;
	font-size: 30px;
}

@media (max-width: 991px) {
	.about-layout3 .slogan-text span {
		font-size: 28px;
	}
}

@media (max-width: 767px) {
	.about-layout3 .slogan-text span {
		font-size: 26px;
	}
}

/*============================================================================
10. Service Area Styles 
==============================================================================*/
.h2-services .elementor-row .elementor-column:first-child {
	height: calc(100% - 30px);
}

@media (max-width: 1024px) {
	.h2-services .elementor-row .elementor-column:first-child {
		height: auto;
	}
}

.h2-services .elementor-row .elementor-column:first-child div {
	height: 100%;
}

@media (max-width: 1024px) {
	.h2-services .elementor-row .elementor-column:first-child div {
		height: auto;
	}
}

.h2-services .elementor-row .elementor-column:first-child div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1024px) {
	.h2-services .elementor-row .elementor-column:first-child div img {
		width: auto;
		height: auto;
		object-fit: scale-down;
	}
}

.service-wrap-layout1 {
	padding-top: 122px;
	padding-bottom: 0;
}

@media (max-width: 1199px) {
	.service-wrap-layout1 {
		padding-top: 112px;
	}
}

@media (max-width: 991px) {
	.service-wrap-layout1 {
		padding-top: 102px;
	}
}

@media (max-width: 767px) {
	.service-wrap-layout1 {
		padding-top: 92px;
	}
}

@media (max-width: 575px) {
	.service-wrap-layout1 {
		padding-top: 82px;
	}
}

.service-wrap-layout1 .compress-right-side {
	padding-left: 15px;
	padding-right: calc(calc(100% - 1200px)/2);
}

@media (max-width: 1199px) {
	.service-inner-wrap-layout2 {
		margin-bottom: 30px;
	}
}

@media (max-width: 1199px) {
	.service-inner-wrap-layout2 .item-figure {
		text-align: center;
	}
}

.service-layout1 {
	margin-bottom: 30px;
	text-align: center;
}

.service-layout1 .item-figure {
	height: 100%;
}

.service-layout1 .item-figure img {
	height: 100%;
	object-fit: cover;
}

.service-layout1 .item-content {
	text-align: center;
	padding: 61px 35px 51px;
	background-color: #ffffff;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
	position: relative;
	z-index: 1;
}

.service-layout1 .item-content:before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 0;
	top: 0;
	right: 0;
	background-color: #000000;
	transition: all 0.3s ease-in-out;
}

.service-layout1 .item-content .item-icon {
	margin-bottom: 25px;
}

@media (max-width: 767px) {
	.service-layout1 .item-content .item-icon {
		margin-bottom: 15px;
	}
}

.service-layout1 .item-content .item-icon i:before {
	color: #000000;
	font-size: 60px;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
	.service-layout1 .item-content .item-icon i:before {
		font-size: 50px;
	}
}

.service-layout1 .item-content .item-title {
	font-size: 26px;
	margin-bottom: 8px;
	transition: all 0.3s ease-in-out;
}

.service-layout1 .item-content .item-title a {
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.service-layout1 .item-content .item-paragraph {
	margin-bottom: 0;
	transition: all 0.3s ease-in-out;
}

.service-layout1:hover .item-content:before {
	width: 100%;
}

.service-layout1:hover .item-content .item-icon i:before {
	color: #ffffff;
}

.service-layout1:hover .item-content .item-title a {
	color: #ffffff;
}

.service-layout1:hover .item-content .item-title a:hover {
	color: #c5c5c5;
}

.service-layout1:hover .item-content .item-paragraph {
	color: #ffffff;
}

@media (max-width: 767px) {
	.service-layout1 {
		max-width: 590px;
		margin: 0 auto 30px;
	}
}

.service-wrap-layout2 {
	padding-top: 92px;
	padding-bottom: 0;
}

@media (max-width: 1199px) {
	.service-wrap-layout2 {
		padding-top: 82px;
	}
}

@media (max-width: 991px) {
	.service-wrap-layout2 {
		padding-top: 72px;
	}
}

@media (max-width: 767px) {
	.service-wrap-layout2 {
		padding-top: 62px;
	}
}

@media (max-width: 575px) {
	.service-wrap-layout2 {
		padding-top: 52px;
	}
}

.service-layout2 {
	text-align: center;
}

.service-layout2 .item-content {
	max-width: 500px;
	padding: 30px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1199px) {
	.service-layout2 .item-content {
		max-width: 800px;
	}
}

@media (max-width: 767px) {
	.service-layout2 .item-content {
		padding: 30px 0;
	}
}

.service-layout2 .item-content .item-icon {
	margin-bottom: 25px;
	transform: translateY(0);
	transition: all 0.3s ease-in-out;
	transition-delay: 0.3s;
}

.service-layout2 .item-content .item-icon i {
	display: block;
	transform: rotateY(0deg);
	transition: all 0.5s ease-in-out;
	transition-delay: 0s;
}

.service-layout2 .item-content .item-icon i:before {
	font-size: 60px;
	transition: all 0.3s ease-in-out;
}

.service-layout2 .item-content .item-title {
	margin-bottom: 10px;
}

.service-layout2 .item-content .item-title a {
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.service-layout2 .item-content .item-title a:hover {
	color: #777777;
}

.service-layout2 .item-content p {
	margin-bottom: 0;
}

.service-layout2 .item-content:hover .item-icon {
	transform: translateY(-7px);
	transition-delay: 0s;
}

.service-layout2 .item-content:hover .item-icon i {
	transform: rotateY(360deg);
	transition-delay: 0.3s;
}

.service-layout2 .item-content:hover .item-icon i:before {
	color: #000000;
}

.service-wrap-layout3 {
	padding-top: 85px;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	.service-wrap-layout3 {
		padding-top: 75px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.service-wrap-layout3 {
		padding-top: 65px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.service-wrap-layout3 {
		padding-top: 55px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.service-wrap-layout3 {
		padding-top: 45px;
		padding-bottom: 60px;
	}
}

.service-layout3 {
	border: 1px solid #2a2a2a;
	padding: 50px 35px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

@media (max-width: 767px) {
	.service-layout3 {
		padding: 40px 30px;
	}
}

.service-layout3 .border1 {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.service-layout3 .border1:before {
	content: "";
	position: absolute;
	z-index: 1;
	height: 1px;
	width: 0;
	top: -1px;
	left: 0;
	background-color: #8b8b8b;
	transition: all 0.3s ease-in-out;
}

.service-layout3 .border1:after {
	content: "";
	position: absolute;
	z-index: 1;
	height: 0;
	width: 1px;
	top: 0;
	right: -1px;
	background-color: #8b8b8b;
	transition: all 0.3s ease-in-out;
}

.service-layout3 .border2 {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.service-layout3 .border2:before {
	content: "";
	position: absolute;
	z-index: 1;
	height: 1px;
	width: 0;
	bottom: -1px;
	right: 0;
	background-color: #8b8b8b;
	transition: all 0.3s ease-in-out;
}

.service-layout3 .border2:after {
	content: "";
	position: absolute;
	z-index: 1;
	height: 0;
	width: 1px;
	bottom: 0;
	left: -1px;
	background-color: #8b8b8b;
	transition: all 0.3s ease-in-out;
}

.service-layout3 .item-icon {
	margin-bottom: 25px;
	transition: all 0.3s ease-in-out;
}

.service-layout3 .item-icon i:before {
	color: #ffffff;
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
	font-size: 50px;
}

.service-layout3 .item-title {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 10px;
}

.service-layout3 .item-title a {
	color: #c1c1c1;
	transition: all 0.3s ease-in-out;
}

.service-layout3 .item-title a:hover {
	color: #ffffff;
}

.service-layout3 .item-paragraph {
	color: #c4c3c3;
}

.service-layout3 .btn-text.button-light2 {
	color: #9a9a9a;
}

.service-layout3 .btn-text.button-light2:hover {
	color: #ffffff;
}

.service-layout3 .btn-text.button-light2:hover:before {
	background-color: #ffffff;
}

.service-layout3:hover .border1:before {
	width: 100%;
}

.service-layout3:hover .border1:after {
	height: 100%;
}

.service-layout3:hover .border2:before {
	width: 100%;
}

.service-layout3:hover .border2:after {
	height: 100%;
}

.service-layout3:hover .item-icon i:before {
	opacity: 1;
}

.service-wrap-layout4 {
	padding-top: 125px;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	.service-wrap-layout4 {
		padding-top: 115px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.service-wrap-layout4 {
		padding-top: 105px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.service-wrap-layout4 {
		padding-top: 95px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.service-wrap-layout4 {
		padding-top: 85px;
		padding-bottom: 60px;
	}
}

.service-details-wrap-layout1 {
	padding-top: 115px;
	padding-bottom: 115px;
}

@media (max-width: 1199px) {
	.service-details-wrap-layout1 {
		padding-top: 75px;
		padding-bottom: 90px;
	}
}

.service-details-wrap-layout1 .service-carousel1 {
	margin-left: -15px;
	margin-right: -15px;
}

.service-details-wrap-layout1 .slick-slide {
	margin-right: 30px;
}

.service-details-wrap-layout1 .service-details-figure-layout1 {
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	text-align: center;
}

.service-details-wrap-layout1 .service-content {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 15px;
	margin-bottom: 35px;
}

.service-details-wrap-layout1 .service-content:last-child {
	border-bottom: 0;
}

.service-details-wrap-layout1 .column-count-2 {
	column-count: 2;
}

@media (max-width: 767px) {
	.service-details-wrap-layout1 .column-count-2 {
		column-count: 1;
	}
}

.service-details-wrap-layout1 .brand-layout2 {
	padding: 0;
}

/*============================================================================
11. Process Area Styles 
==============================================================================*/
.process-wrap-layout1 {
	padding-top: 122px;
	padding-bottom: 92px;
}

@media (max-width: 1199px) {
	.process-wrap-layout1 {
		padding-top: 112px;
		padding-bottom: 82px;
	}
}

@media (max-width: 991px) {
	.process-wrap-layout1 {
		padding-top: 102px;
		padding-bottom: 72px;
	}
}

@media (max-width: 767px) {
	.process-wrap-layout1 {
		padding-top: 92px;
		padding-bottom: 62px;
	}
}

@media (max-width: 575px) {
	.process-wrap-layout1 {
		padding-top: 82px;
		padding-bottom: 52px;
	}
}

.process-layout1 {
	text-align: center;
	margin-bottom: 30px;
}

.process-layout1 .item-icon {
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cfcfcf;
	border-radius: 50%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 1;
}

.process-layout1 .item-icon .item-numbering {
	font-family: "Jost", sans-serif;
	font-weight: 700;
	position: absolute;
	top: -10px;
	right: -10px;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cfcfcf;
	border-radius: 50%;
	color: #cfcfcf;
	font-size: 24px;
	background-color: #ffffff;
	transition: all 0.3s ease-in-out;
}

.process-layout1 .item-icon i:before {
	font-size: 60px;
	color: #cfcfcf;
	transition: all 0.3s ease-in-out;
}

.process-layout1 .item-title {
	font-size: 26px;
	margin-bottom: 10px;
}

.process-layout1.dashed-line .item-icon:before {
	content: "";
	height: 1px;
	width: calc(100% + 20px);
	border-top: 1px dashed #b9b9b9;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	z-index: 1;
	display: inline-block;
}

@media (max-width: 1199px) {
	.process-layout1.dashed-line .item-icon:before {
		display: none;
	}
}

.process-layout1 .item-paragraph {
	max-width: 280px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.process-layout1:hover .item-icon {
	background-color: #000000;
	border: 1px solid #000000;
}

.process-layout1:hover .item-icon .item-numbering {
	border: 1px solid #000000;
	color: #000000;
	top: -15px;
	right: 0px;
}

.process-layout1:hover .item-icon i:before {
	color: #ffffff;
}

@media (max-width: 767px) {
	.process-layout1 {
		max-width: 490px;
		margin: 0 auto 30px;
	}
}

.process-wrap-layout2 {
	padding-top: 93px;
	padding-bottom: 0;
}

@media (max-width: 1199px) {
	.process-wrap-layout2 {
		padding-top: 83px;
	}
}

@media (max-width: 991px) {
	.process-wrap-layout2 {
		padding-top: 73px;
	}
}

@media (max-width: 767px) {
	.process-wrap-layout2 {
		padding-top: 63px;
	}
}

@media (max-width: 575px) {
	.process-wrap-layout2 {
		padding-top: 53px;
	}
}

/*============================================================================
12. Brand Area Styles 
==============================================================================*/
.brand-slider .slick-slide img {
	width: 130px;
	display: inline-block;
}

.brand-wrap-layout1 {
	padding-top: 55px;
	padding-bottom: 55px;
}

.brand-layout1 {
	cursor: all-scroll;
}

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

.brand-layout1 .slick-slide img,
.brand-layout1 .swiper-slide img {
	width: 135px;
	height: auto;
	margin: 0 auto;
	display: inline-block;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.brand-layout1 .slick-slide:hover img,
.brand-layout1 .swiper-slide:hover img {
	opacity: 1;
}

.brand-layout1 img {
	width: 135px;
	height: auto;
	display: inline-block;
}

.brand-wrap-layout2 .slick-arrow {
	position: absolute;
	z-index: 1;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 44px;
	width: 50px;
	border: 1px solid #d1d1d1;
	color: #958e8e;
	transition: all 0.3s ease-out;
	transform: none;
	left: auto;
	border-radius: 0;
	background: transparent;
}

@media (max-width: 767px) {
	.brand-wrap-layout2 .slick-arrow {
		height: 34px;
		width: 40px;
	}
}

.brand-wrap-layout2 .slick-arrow i {
	color: #958e8e;
	font-size: 16px;
}

.brand-wrap-layout2 .slick-arrow:hover {
	background-color: #000000;
	border: 1px solid #000000;
	color: #ffffff;
}

.brand-wrap-layout2 .slick-arrow:focus {
	outline: none;
}

.brand-wrap-layout2 .slick-arrow.slick-prev {
	right: 60px;
	top: -100px;
}

@media (max-width: 767px) {
	.brand-wrap-layout2 .slick-arrow.slick-prev {
		right: 50px;
		top: -112px;
	}
}

.brand-wrap-layout2 .slick-arrow.slick-next {
	right: 0;
	top: -100px;
}

@media (max-width: 767px) {
	.brand-wrap-layout2 .slick-arrow.slick-next {
		right: 0;
		top: -112px;
	}
}

.brand-layout2 {
	margin-bottom: 15px;
	padding: 15px;
	cursor: all-scroll;
}

.brand-layout2 img {
	margin: 0 auto;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.brand-layout2:hover img {
	opacity: 1;
}

.brand-wrap-layout3 {
	padding-top: 125px;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	.brand-wrap-layout3 {
		padding-top: 115px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.brand-wrap-layout3 {
		padding-top: 105px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.brand-wrap-layout3 {
		padding-top: 95px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.brand-wrap-layout3 {
		padding-top: 85px;
		padding-bottom: 60px;
	}
}

.brand-gallery .gallery {
	margin-left: -10px;
	margin-right: -10px;
}

.brand-gallery figure a {
	margin: 10px;
	padding: 15px;
	width: 100%;
	width: fill-available;
	width: -moz-available;
	width: -webkit-fill-available;
	display: inline-grid;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}

.brand-gallery figure a img {
	width: 135px;
	height: auto;
}

@media (max-width: 1199px) {
	.brand-gallery .elementor-image-gallery .gallery-columns-6 .gallery-item {
		max-width: 25%;
	}
}

@media (max-width: 991px) {
	.brand-gallery .elementor-image-gallery .gallery-columns-6 .gallery-item {
		max-width: 33.3333%;
	}
}

@media (max-width: 575px) {
	.brand-gallery .elementor-image-gallery .gallery-columns-6 .gallery-item {
		max-width: 50%;
	}
}

.elementor-lightbox .elementor-lightbox-image {
	padding: 15px;
	background-color: #ffffff;
}

/*============================================================================
13. Video Area Styles 
==============================================================================*/
.video-wrap-layout1 {
	background-repeat: no-repeat;
	background-position: left;
}

.video-layout1 {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.video-layout1 .play-btn {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	position: absolute;
	height: 120px;
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2e2e2e;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
	.video-layout1 .play-btn {
		height: 100px;
		width: 100px;
	}
}

@media (max-width: 767px) {
	.video-layout1 .play-btn {
		height: 80px;
		width: 80px;
	}
}

@media (max-width: 575px) {
	.video-layout1 .play-btn {
		height: 60px;
		width: 60px;
	}
}

.video-layout1 .play-btn .item-icon {
	color: #ffffff;
	font-size: 28px;
}

@media (max-width: 991px) {
	.video-layout1 .play-btn .item-icon {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.video-layout1 .play-btn .item-icon {
		font-size: 22px;
	}
}

@media (max-width: 575px) {
	.video-layout1 .play-btn .item-icon {
		font-size: 20px;
	}
}

.video-layout1 .play-btn:hover {
	background-color: #000000;
}

/*============================================================================
14. Testimonial Area Styles 
==============================================================================*/
.testimonial-layout1 {
	margin: 30px 0;
	padding: 70px 50px 40px 70px;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.06);
	background-color: #ffffff;
}

@media (max-width: 575px) {
	.testimonial-layout1 {
		margin: 0 0 30px 0;
		padding: 50px 30px 20px;
	}
}

.testimonial-layout1:after {
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #ffffff;
	position: absolute;
	z-index: -2;
}

.testimonial-layout1:before {
	content: "\f10e";
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	z-index: -1;
	right: 30px;
	top: 50%;
	font-size: 120px;
	opacity: 0.04;
	color: #000000;
	transform: translateY(-50%);
}

@media (max-width: 1199px) {
	.testimonial-layout1:before {
		font-size: 100px;
	}
}

@media (max-width: 991px) {
	.testimonial-layout1:before {
		font-size: 80px;
	}
}

@media (max-width: 767px) {
	.testimonial-layout1:before {
		font-size: 60px;
	}
}

@media (max-width: 575px) {
	.testimonial-layout1:before {
		font-size: 40px;
	}
}

.testimonial-layout1 .item-icon {
	position: absolute;
	z-index: -1;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.testimonial-layout1 .item-figure {
	position: absolute;
	left: -50px;
	top: 70px;
	height: 100px;
	width: 100px;
	background-color: #ffffff;
	border-radius: 50%;
	padding: 5px;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.28);
}

.testimonial-layout1 .item-figure img {
	border-radius: 50%;
}

@media (max-width: 575px) {
	.testimonial-layout1 .item-figure {
		position: inherit;
		left: 0;
		top: 0;
		margin-bottom: 20px;
	}
}

.testimonial-layout1 .item-content {
	flex: 1;
}

.testimonial-layout1 .item-content .item-title {
	font-weight: 500;
	margin-bottom: 0;
	font-size: 24px;
}

@media (max-width: 991px) {
	.testimonial-layout1 .item-content .item-title {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.testimonial-layout1 .item-content .item-title {
		font-size: 22px;
	}
}

.testimonial-layout1 .item-content .item-sub-title {
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	margin-bottom: 10px;
}

.testimonial-wrap-layout1 {
	margin-left: -30px;
	margin-right: -30px;
}

.testimonial-wrap-layout1 .slick-slide {
	margin: 0 30px 0 90px;
}

@media (max-width: 575px) {
	.testimonial-wrap-layout1 .slick-slide {
		margin: 0 30px 0 30px;
	}
}

.testimonial-wrap-layout2 {
	padding-top: 100px;
	padding-bottom: 70px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
	z-index: 1;
}

@media (max-width: 1199px) {
	.testimonial-wrap-layout2 {
		padding-top: 90px;
		padding-bottom: 60px;
	}
}

@media (max-width: 991px) {
	.testimonial-wrap-layout2 {
		padding-top: 80px;
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.testimonial-wrap-layout2 {
		padding-top: 70px;
		padding-bottom: 40px;
	}
}

@media (max-width: 575px) {
	.testimonial-wrap-layout2 {
		padding-top: 60px;
		padding-bottom: 30px;
	}
}

.testimonial-wrap-layout2:before {
	content: "";
	background-color: rgba(0, 0, 0, 0.75);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

.testimonial-wrap-layout2 .slick-arrow {
	opacity: 0;
	visibility: hidden;
	border-color: #ffffff;
	background: transparent !important;
}

.testimonial-wrap-layout2 .slick-arrow i {
	color: #ffffff;
	font-size: 24px;
	transition: all 0.3s ease-out;
}

.testimonial-wrap-layout2 .slick-arrow:hover {
	background-color: #ffffff !important;
}

.testimonial-wrap-layout2 .slick-arrow:hover i {
	color: #000000;
}

.testimonial-wrap-layout2 .slick-arrow.slick-prev {
	left: -100px;
}

@media (max-width: 1600px) {
	.testimonial-wrap-layout2 .slick-arrow.slick-prev {
		left: 0;
	}
}

.testimonial-wrap-layout2 .slick-arrow.slick-next {
	right: -100px;
}

@media (max-width: 1600px) {
	.testimonial-wrap-layout2 .slick-arrow.slick-next {
		right: 0;
	}
}

.testimonial-wrap-layout2:hover .slick-arrow {
	opacity: 1;
	visibility: visible;
}

.testimonial-layout2 {
	padding: 0 75px;
}

@media (max-width: 575px) {
	.testimonial-layout2 {
		padding: 0;
	}
}

.testimonial-layout2 .item-icon {
	color: #ffffff;
	opacity: 0.25;
	font-size: 80px;
	margin-bottom: 28px;
}

@media (max-width: 1199px) {
	.testimonial-layout2 .item-icon {
		font-size: 70px;
	}
}

@media (max-width: 991px) {
	.testimonial-layout2 .item-icon {
		font-size: 60px;
	}
}

@media (max-width: 767px) {
	.testimonial-layout2 .item-icon {
		font-size: 50px;
	}
}

@media (max-width: 575px) {
	.testimonial-layout2 .item-icon {
		font-size: 40px;
	}
}

.testimonial-layout2 .item-paragraph {
	color: #ffffff;
	margin-bottom: 30px;
}

.testimonial-layout2 .item-title {
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 0;
}

.testimonial-layout2 .item-sub-title {
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
}

.grid-layout .testimonial-layout2 {
	margin-bottom: 50px;
}

.testimonial-wrap-layout3 {
	padding-top: 122px;
	padding-bottom: 75px;
}

@media (max-width: 1199px) {
	.testimonial-wrap-layout3 {
		padding-top: 112px;
		padding-bottom: 65px;
	}
}

@media (max-width: 991px) {
	.testimonial-wrap-layout3 {
		padding-top: 102px;
		padding-bottom: 55px;
	}
}

@media (max-width: 767px) {
	.testimonial-wrap-layout3 {
		padding-top: 92px;
		padding-bottom: 45px;
	}
}

@media (max-width: 575px) {
	.testimonial-wrap-layout3 {
		padding-top: 82px;
		padding-bottom: 35px;
	}
}

.testimonial-layout3 .item-content {
	position: relative;
	z-index: 0;
}

.testimonial-layout3 .item-content:after {
	content: "";
	position: absolute;
	z-index: 0;
	background-color: #1a1a1a;
	right: -40px;
	top: 0;
	height: 100%;
	width: 40px;
}

@media (max-width: 991px) {
	.testimonial-layout3 .item-content:after {
		display: none;
	}
}

.testimonial-layout3 .item-content .single-item {
	padding: 95px 50px;
	background-color: #1a1a1a;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.testimonial-layout3 .item-content .single-item {
		padding: 80px 40px;
	}
}

@media (max-width: 767px) {
	.testimonial-layout3 .item-content .single-item {
		padding: 60px 30px;
	}
}

.testimonial-layout3 .item-content .single-item:before {
	position: absolute;
	z-index: 1;
	top: 90px;
	left: 50px;
	content: "\f10e";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 100px;
	opacity: 0.06;
	color: #ffffff;
}

.testimonial-layout3 .item-content .single-item .item-paragraph {
	color: #c4c3c3;
	margin-bottom: 60px;
}

.testimonial-layout3 .item-content .single-item .item-title {
	color: #c4c3c3;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 0;
}

.testimonial-layout3 .item-content .single-item .item-sub-title {
	font-size: 18px;
	color: #b1b1b1;
}

.testimonial-layout3 .item-figure {
	width: 40%;
	flex: 0 0 40%;
	transform: translateY(-120px);
}

@media (max-width: 991px) {
	.testimonial-layout3 .item-figure {
		display: none;
	}
}

.testimonial-layout3 .dot-control-layout1 .slick-dots {
	text-align: center;
	margin-top: 0;
	position: absolute;
	z-index: 1;
	top: auto;
	bottom: 50px;
	right: 80px;
	display: flex;
	align-items: center;
	height: 30px;
}

.testimonial-layout3 .dot-control-layout1 .slick-dots li {
	margin: 0 5px;
	padding: 2px !important;
}

.testimonial-layout3 .dot-control-layout1 .slick-dots li button {
	text-indent: 999999999px;
	border: 2px solid #f2f2f2;
	opacity: 0.5;
	height: 15px;
	width: 10px;
	background-color: transparent;
	border-radius: 50%;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.testimonial-layout3 .dot-control-layout1 .slick-dots li button:focus {
	outline: none;
}

.testimonial-layout3 .dot-control-layout1 .slick-dots .slick-active button {
	opacity: 1;
	background-color: #ffffff;
	border: 2px solid #ffffff;
}

.testimonial-wrap-layout4 {
	padding-top: 125px;
	padding-bottom: 0;
}

@media (max-width: 1199px) {
	.testimonial-wrap-layout4 {
		padding-top: 115px;
	}
}

@media (max-width: 991px) {
	.testimonial-wrap-layout4 {
		padding-top: 105px;
	}
}

@media (max-width: 767px) {
	.testimonial-wrap-layout4 {
		padding-top: 95px;
	}
}

@media (max-width: 575px) {
	.testimonial-wrap-layout4 {
		padding-top: 85px;
	}
}

.testimonial-layout4 {
	margin: 0 0 30px 50px;
	padding: 70px 50px 40px 75px;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.04);
	background-color: #ffffff;
}

@media (max-width: 575px) {
	.testimonial-layout4 {
		margin: 0 0 30px 0;
		padding: 50px 30px 20px;
	}
}

.testimonial-layout4:after {
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #ffffff;
	position: absolute;
	z-index: -2;
}

.testimonial-layout4:before {
	content: "\f10e";
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	z-index: -1;
	right: 30px;
	top: 50%;
	font-size: 120px;
	opacity: 0.03;
	color: #000000;
	transform: translateY(-50%);
}

.testimonial-layout4 .item-icon {
	position: absolute;
	z-index: -1;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.testimonial-layout4 .item-figure {
	position: absolute;
	left: -50px;
	top: 70px;
	height: 100px;
	width: 100px;
	background-color: #ffffff;
	border-radius: 50%;
	padding: 5px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

@media (max-width: 575px) {
	.testimonial-layout4 .item-figure {
		position: inherit;
		left: 0;
		top: 0;
		margin-bottom: 20px;
	}
}

.testimonial-layout4 .item-figure img {
	border-radius: 50%;
}

.testimonial-layout4 .item-content {
	flex: 1;
}

.testimonial-layout4 .item-content .item-title {
	font-weight: 600;
	margin-bottom: 0;
	font-size: 26px;
}

@media (max-width: 991px) {
	.testimonial-layout4 .item-content .item-title {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.testimonial-layout4 .item-content .item-title {
		font-size: 22px;
	}
}

.testimonial-layout4 .item-content .item-sub-title {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
}

/*============================================================================
15. Feature Area Styles 
==============================================================================*/
.feature-layout1 {
	height: 700px;
	width: 100%;
	position: relative;
	background-color: #000000;
}

.feature-layout1 .bg-items {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.feature-layout1 .bg-items:before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	content: "";
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.feature-layout1 .bg-items.active-bg:before {
	opacity: 1;
}

.feature-layout1 .bg-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1, 1.1);
	transition: all 0.3s ease-out;
}

.feature-layout1 .bg-item.item-show {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

.feature-layout1 .content-items {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: center;
}

.feature-layout1 .content-items .content-item {
	width: calc(100% / 3);
	position: relative;
	height: 100%;
	overflow: hidden;
	backface-visibility: hidden;
	transition: all 0.3s ease-in-out;
}

.feature-layout1 .content-items .content-item.item-hide .content-bg {
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.feature-layout1 .content-items .content-item.item-hide .content-text {
	opacity: 0.8;
}

.feature-layout1 .content-items .content-item .content-bg {
	height: 100%;
	width: 300%;
	position: absolute;
	z-index: -2;
	top: 0;
	background-size: cover;
	transition: all 0.3s ease-in-out;
}

.feature-layout1 .content-items .content-item .content-bg:before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	content: "";
	height: 100%;
	width: 100%;
}

.feature-layout1 .content-items .content-item .content-text {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	position: relative;
	z-index: 4;
}

@media (max-width: 767px) {
	.feature-layout1 .content-items .content-item .content-text {
		transform: rotate(-90deg);
	}
}

.feature-layout1 .content-items .content-item .content-text .item-title {
	color: #ababab;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
	.feature-layout1 .content-items .content-item .content-text .item-title {
		font-size: 36px;
	}
}

@media (max-width: 991px) {
	.feature-layout1 .content-items .content-item .content-text .item-title {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.feature-layout1 .content-items .content-item .content-text .item-title {
		font-size: 30px;
	}
}

@media (max-width: 575px) {
	.feature-layout1 .content-items .content-item .content-text .item-title {
		font-size: 28px;
	}
}

.feature-layout1 .content-items .content-item .content-text .item-sub-title {
	color: #e0dede;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
	.feature-layout1 .content-items .content-item .content-text .item-sub-title {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.feature-layout1 .content-items .content-item .content-text .item-sub-title {
		font-size: 18px;
	}
}

@media (max-width: 575px) {
	.feature-layout1 .content-items .content-item .content-text .item-sub-title {
		font-size: 16px;
		white-space: nowrap;
	}
}

.feature-layout1 .content-items .content-item:nth-child(1n) .content-bg {
	left: 0;
}

.feature-layout1 .content-items .content-item:nth-child(2n) .content-bg {
	left: -100%;
}

.feature-layout1 .content-items .content-item:nth-child(3n) .content-bg {
	left: -200%;
}

.feature-layout1 .content-items.active-content .content-item .content-text .item-title {
	color: #ffffff;
}

.feature-layout1 .content-items.active-content .content-item .content-text .item-sub-title {
	color: #ffffff;
}

.feature-layout1 .content-items.active-content .content-item.item-hide .item-title {
	color: #ababab;
}

.feature-layout1 .content-items.active-content .content-item.item-hide .item-sub-title {
	color: #e0dede;
}

.feature-wrap-layout2 {
	margin-bottom: 30px;
	padding: 95px 60px 65px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
	.feature-wrap-layout2 {
		padding: 65px 30px 35px;
	}
}

.feature-layout2 {
	margin-bottom: 30px;
}

@media (max-width: 1199px) {
	.feature-layout2 {
		border-right: 0;
	}
}

.feature-layout2 .item-sub-title {
	color: #8e8e8e;
	font-size: 15px;
	font-weight: 500;
	font-family: "Jost", sans-serif;
}

.feature-layout2 .item-title {
	color: #000000;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 13px;
}

.feature-layout2 a.item-btn {
	margin-top: 5px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.feature-layout2.common-info {
		padding-right: 10px;
	}
}

/*============================================================================
16. Progress Area Styles 
==============================================================================*/
.progress-wrap-layout1 {
	margin-bottom: 30px;
	padding: 100px 50px 70px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
}

@media (max-width: 575px) {
	.progress-wrap-layout1 {
		padding: 80px 30px 50px;
	}
}

.progress-wrap-layout1:before {
	content: "";
	background-color: rgba(0, 0, 0, 0.75);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

.progress-layout1 {
	margin-bottom: 30px;
}

.progress-layout1 .slogan-text {
	color: #000000;
	font-weight: 500;
	font-family: "Jost", sans-serif;
	line-height: 1.3;
	padding: 35px;
	border-radius: 50%;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 60px;
	flex-direction: column;
	text-align: center;
}

@media (max-width: 575px) {
	.progress-layout1 .slogan-text {
		font-size: 50px;
		padding: 20px;
	}
}

.progress-layout1 .slogan-text span {
	display: block;
	font-size: 26px;
}

@media (max-width: 575px) {
	.progress-layout1 .slogan-text span {
		font-size: 20px;
	}
}

.progress-layout1 .item-title {
	color: #ffffff;
	font-weight: 500;
}

.progress-layout1 .item-paragraph {
	color: #ffffff;
}

.progress-box {
	margin-top: 20px;
}

.progress-box .counting-text {
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 0;
}

.progress-box .progress-title {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 0;
	font-weight: 500;
}

@media (max-width: 575px) {
	.progress-box .progress-title {
		font-size: 18px;
	}
}

.progress-wrap-layout2 {
	padding: 80px 0 100px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.progress-layout2 {
	margin-top: 20px;
}

.progress-layout2 .counting-text {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 40px;
}

.progress-layout2 .progress-title {
	color: #6b6b6b;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 0;
}

.artex-counter .elementor-counter span.elementor-counter-number-prefix {
	display: none;
}

.artex-counter .elementor-counter span.elementor-counter-number {
	color: #ffffff;
	font-size: 40px;
	font-weight: 500;
}

.artex-counter .elementor-counter .elementor-counter-title {
	color: #ffffff;
	font-size: 24px;
	text-align: left;
}

/*============================================================================
17. Call To Action Area Styles 
==============================================================================*/
.call-to-action-wrap-layout1 {
	padding-top: 90px;
	padding-bottom: 100px;
	position: relative;
	z-index: 1;
}

@media (max-width: 1199px) {
	.call-to-action-wrap-layout1 {
		padding-top: 80px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.call-to-action-wrap-layout1 {
		padding-top: 70px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.call-to-action-wrap-layout1 {
		padding-top: 60px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.call-to-action-wrap-layout1 {
		padding-top: 50px;
		padding-bottom: 60px;
	}
}

.call-to-action-wrap-layout1:before {
	position: absolute;
	z-index: -1;
	content: "";
	background-color: rgba(0, 0, 0, 0.9);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.call-to-action-layout1 {
	text-align: center;
}

.call-to-action-layout1 .item-title {
	color: #ffffff;
	font-weight: 600;
	font-size: 50px;
	margin-bottom: 10px;
}

@media (max-width: 1199px) {
	.call-to-action-layout1 .item-title {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.call-to-action-layout1 .item-title {
		font-size: 36px;
	}
}

@media (max-width: 767px) {
	.call-to-action-layout1 .item-title {
		font-size: 32px;
	}
}

@media (max-width: 575px) {
	.call-to-action-layout1 .item-title {
		font-size: 28px;
	}
}

.call-to-action-layout1 .item-paragraph {
	width: 100%;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	color: #c4c3c3;
	margin-bottom: 35px;
}

/*=======================================================================
18. Comingsoon Area Style
=========================================================================*/
.comingsoon-wrap {
	padding: 300px 0 0 0;
	display: block;
	min-height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}

@media (max-width: 767px) {
	.comingsoon-wrap {
		padding: 130px 0 0 0;
	}
}

.comingsoon-wrap:before {
	content: "";
	position: absolute;
	z-index: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	top: 0;
	left: 0;
}

.comingsoon-wrap .section-sub-title {
	text-align: right;
}

@media (max-width: 1024px) {
	.comingsoon-wrap .section-sub-title {
		text-align: left;
	}
}

.comingsoon-box-layout1 {
	padding: 100px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.38);
}

.comingsoon-box-layout1 .main-title {
	font-weight: 300;
	color: #ffffff;
	font-size: 40px;
	text-align: center;
	margin-bottom: 25px;
}

.comingsoon-box-layout1 .countdown {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px;
}

.comingsoon-box-layout1 .countdown .countdown-section {
	margin: 0 15px 15px;
	background: transparent;
	height: 150px;
	width: 150px;
	border: 1px solid rgba(242, 242, 242, 0.3);
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 1199px) {
	.comingsoon-box-layout1 .countdown .countdown-section {
		height: 130px;
		width: 130px;
		padding-top: 15px;
	}
}

.comingsoon-box-layout1 .countdown .countdown-section h2 {
	font-size: 40px;
	color: #ffffff;
	margin-bottom: 0;
	font-weight: 700;
}

@media (max-width: 1199px) {
	.comingsoon-box-layout1 .countdown .countdown-section h2 {
		font-size: 36px;
		line-height: 30px;
	}
}

.comingsoon-box-layout1 .countdown .countdown-section h3 {
	color: #ffffff;
	margin-bottom: 0;
	font-size: 18px;
}

@media (max-width: 1199px) {
	.comingsoon-box-layout1 .countdown .countdown-section h3 {
		font-size: 20px;
	}
}

.comingsoon-box-layout1 .newsletter-subscribe-form {
	margin-top: 40px;
	margin-bottom: 25px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.comingsoon-box-layout1 .newsletter-subscribe-form span.wpcf7-form-control-wrap.your-email {
	width: 68%;
}

@media (max-width: 767px) {
	.comingsoon-box-layout1 .newsletter-subscribe-form span.wpcf7-form-control-wrap.your-email {
		width: 100%;
		margin-bottom: 15px;
	}
}

.comingsoon-box-layout1 .newsletter-subscribe-form .input-group {
	border-radius: 0;
	height: 70px;
	border: 0;
	background-color: transparent;
}

.comingsoon-box-layout1 .newsletter-subscribe-form .input-group .form-control {
	background-color: #d6d6d6;
	color: #000000;
	padding: 6px 20px 6px;
	height: 70px;
	font-size: 16px;
	border: 0;
	border-radius: 0;
}

@media (max-width: 575px) {
	.comingsoon-box-layout1 .newsletter-subscribe-form .input-group .form-control {
		width: 100%;
		margin-bottom: 15px;
		height: 50px;
	}
}

.comingsoon-box-layout1 .newsletter-subscribe-form .input-group .input-group-btn {
	padding: 0;
}

@media (max-width: 767px) {
	.comingsoon-box-layout1 .newsletter-subscribe-form .input-group .input-group-btn {
		width: 100%;
		text-align: center;
	}
}

.comingsoon-box-layout1 .newsletter-subscribe-form .input-group .input-group-btn button {
	margin-left: 15px;
	background-color: transparent;
	padding: 15px 30px;
	font-size: 24px;
	height: 70px;
	border-radius: 0;
	color: #d6d6d6;
	font-family: "Jost", sans-serif;
	border: 2px solid #d6d6d6;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 575px) {
	.comingsoon-box-layout1 .newsletter-subscribe-form .input-group .input-group-btn button {
		margin-left: 0;
		width: 100%;
		padding: 10px 30px;
		font-size: 20px;
		height: 50px;
	}
}

.comingsoon-box-layout1 .newsletter-subscribe-form .input-group .input-group-btn button:hover {
	background-color: #d6d6d6;
	color: #000000;
}

.comingsoon-box-layout1 .newsletter-subscribe-form input:focus {
	outline-width: 0;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;
}

.comingsoon-box-layout1 .newsletter-subscribe-form input::-webkit-input-placeholder {
	color: #494949;
	font-size: 14px;
}

.comingsoon-box-layout1 .newsletter-subscribe-form input::-moz-placeholder {
	color: #494949;
	font-size: 14px;
}

.comingsoon-box-layout1 .newsletter-subscribe-form input:-moz-placeholder {
	color: #494949;
	font-size: 14px;
}

.comingsoon-box-layout1 .newsletter-subscribe-form input:-ms-input-placeholder {
	color: #494949;
	font-size: 14px;
}

/*=======================================================================
19. Faq  Area Style
=========================================================================*/
.faq-wrap-layout .faq-box-item {
	margin-bottom: 17px;
	border-bottom: 1px solid #e0e0e0;
}

.faq-wrap-layout .faq-box-item .faq-box-title a {
	display: block;
	color: #000000;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	padding: 20px 40px 20px 0;
	position: relative;
}

.faq-wrap-layout .faq-box-item .faq-box-title a .rtin-icon {
	position: absolute;
}

.faq-wrap-layout .faq-box-item .faq-box-title a .rtin-icon i {
	font-size: 16px;
}

.faq-wrap-layout .faq-box-item .faq-box-title a .rtin-icon svg {
	width: 20px;
	height: auto;
}

.faq-wrap-layout .faq-box-item .faq-box-title.icon-right a .rtin-icon {
	right: 0;
}

.faq-wrap-layout .faq-box-item .faq-box-title.icon-left a {
	padding-left: 40px;
}

.faq-wrap-layout .faq-box-item .faq-box-title.icon-left a .rtin-icon {
	left: 0;
}

.faq-wrap-layout .faq-box-item span.rt-accordion-icon-closed {
	display: block;
}

.faq-wrap-layout .faq-box-item span.rtin-accordion-icon-opened {
	display: none;
}

.faq-wrap-layout .faq-box-item.active span.rt-accordion-icon-closed {
	display: none;
}

.faq-wrap-layout .faq-box-item.active span.rtin-accordion-icon-opened {
	display: block;
}

.faq-wrap-layout .faq-box-item .item-content {
	padding: 0;
	padding-top: 5px;
	padding-bottom: 10px;
}

.artex-faq .elementor-accordion .elementor-accordion-item {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin-bottom: 15px;
}

.artex-faq .elementor-accordion .elementor-tab-title {
	font-size: 22px;
	padding: 20px 0;
}

.artex-faq .elementor-accordion .elementor-tab-title a {
	color: #000000;
}

.artex-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
	font-size: 16px;
	line-height: 1.6;
	color: #000000;
}

.artex-faq .elementor-accordion .elementor-tab-content {
	border-top: none;
	padding: 0 0 5px;
}

/*=======================================================================
20. Team Area Style
=========================================================================*/
.team-wrap-layout1 {
	padding-top: 122px;
	padding-bottom: 0;
	background-repeat: no-repeat;
	background-position: top center;
}

@media (max-width: 1199px) {
	.team-wrap-layout1 {
		padding-top: 112px;
	}
}

@media (max-width: 991px) {
	.team-wrap-layout1 {
		padding-top: 102px;
	}
}

@media (max-width: 767px) {
	.team-wrap-layout1 {
		padding-top: 92px;
	}
}

@media (max-width: 575px) {
	.team-wrap-layout1 {
		padding-top: 82px;
	}
}

.team-layout1 {
	margin-bottom: 30px;
}

.team-layout1 .item-mask {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.team-layout1 .item-mask:before {
	opacity: 0;
	visibility: hidden;
	content: "";
	background-color: rgba(0, 0, 0, 0.3);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}

.team-layout1 .item-mask .item-img img {
	width: 100%;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.team-layout1 .item-mask .item-social {
	position: absolute;
	z-index: 2;
	bottom: 15px;
	right: 15px;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.team-layout1 .item-mask .item-social li {
	margin-bottom: 5px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: all 0.3s ease-in-out;
}

.team-layout1 .item-mask .item-social li:last-child {
	margin-bottom: 0;
}

.team-layout1 .item-mask .item-social li a {
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.team-layout1 .item-mask .item-social li a:hover {
	color: #c5c5c5;
}

.team-layout1 .item-mask .item-social li:nth-child(1n) {
	transition-delay: 0.4s;
}

.team-layout1 .item-mask .item-social li:nth-child(2n) {
	transition-delay: 0.3s;
}

.team-layout1 .item-mask .item-social li:nth-child(3n) {
	transition-delay: 0.2s;
}

.team-layout1 .item-mask .item-social li:nth-child(4n) {
	transition-delay: 0.1s;
}

.team-layout1 .item-content {
	text-align: right;
	padding-top: 15px;
	background-color: #ffffff;
}

.team-layout1 .item-content .item-title {
	margin-bottom: 5px;
}

.team-layout1 .item-content .item-title a {
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.team-layout1 .item-content .item-title a:hover {
	color: #777777;
}

.team-layout1 .item-content .item-sub-title {
	line-height: 1.4;
	color: #676767;
	font-size: 16px;
}

.team-layout1:hover .item-mask:before {
	opacity: 1;
	visibility: visible;
}

.team-layout1:hover .item-mask .item-img img {
	transform: scale(1.1);
}

.team-layout1:hover .item-mask .item-social li {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.team-layout1:hover .item-mask .item-social li:nth-child(1n) {
	transition-delay: 0.1s;
}

.team-layout1:hover .item-mask .item-social li:nth-child(2n) {
	transition-delay: 0.2s;
}

.team-layout1:hover .item-mask .item-social li:nth-child(3n) {
	transition-delay: 0.3s;
}

.team-layout1:hover .item-mask .item-social li:nth-child(4n) {
	transition-delay: 0.4s;
}

@media (max-width: 767px) {
	.team-layout1 {
		max-width: 490px;
		margin: 0 auto 30px;
	}
}

.team-wrap-layout2 {
	padding-top: 84px;
	padding-bottom: 92px;
	background-repeat: no-repeat;
}

@media (max-width: 1199px) {
	.team-wrap-layout2 {
		padding-top: 112px;
		padding-bottom: 82px;
	}
}

@media (max-width: 991px) {
	.team-wrap-layout2 {
		padding-top: 102px;
		padding-bottom: 72px;
	}
}

@media (max-width: 767px) {
	.team-wrap-layout2 {
		padding-top: 92px;
		padding-bottom: 62px;
	}
}

@media (max-width: 575px) {
	.team-wrap-layout2 {
		padding-top: 82px;
		padding-bottom: 52px;
	}
}

.team-wrap-layout3 {
	padding-top: 125px;
	padding-bottom: 92px;
	background-repeat: no-repeat;
}

@media (max-width: 1199px) {
	.team-wrap-layout3 {
		padding-top: 115px;
		padding-bottom: 82px;
	}
}

@media (max-width: 991px) {
	.team-wrap-layout3 {
		padding-top: 105px;
		padding-bottom: 72px;
	}
}

@media (max-width: 767px) {
	.team-wrap-layout3 {
		padding-top: 95px;
		padding-bottom: 62px;
	}
}

@media (max-width: 575px) {
	.team-wrap-layout3 {
		padding-top: 85px;
		padding-bottom: 52px;
	}
}

.team-details-wrap-layout1 {
	padding-top: 125px;
	padding-bottom: 130px;
	background-repeat: no-repeat;
}

@media (max-width: 1199px) {
	.team-details-wrap-layout1 {
		padding-top: 115px;
		padding-bottom: 120px;
	}
}

@media (max-width: 991px) {
	.team-details-wrap-layout1 {
		padding-top: 105px;
		padding-bottom: 110px;
	}
}

@media (max-width: 767px) {
	.team-details-wrap-layout1 {
		padding-top: 95px;
		padding-bottom: 100px;
	}
}

@media (max-width: 575px) {
	.team-details-wrap-layout1 {
		padding-top: 85px;
		padding-bottom: 90px;
	}
}

.team-details-wrap-layout1 .section-heading.heading-layout4 {
	padding-bottom: 40px;
}

@media (max-width: 1199px) {
	.team-details-wrap-layout1 .section-heading.heading-layout4 {
		padding-bottom: 20px;
	}
}

.team-details-wrap-layout1 .section-heading.heading-layout4 .section-sub-title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	text-align: right;
}

@media (max-width: 1024px) {
	.team-details-wrap-layout1 .section-heading.heading-layout4 .section-sub-title {
		text-align: left;
	}
}

.team-details-wrap-layout1 .team-top-info {
	margin-bottom: 30px;
}

.team-details-wrap-layout1 .team-top-info .item-figure {
	margin-bottom: 30px;
}

.team-details-wrap-layout1 .team-top-info .item-content {
	margin-bottom: 30px;
}

.team-details-wrap-layout1 .team-top-info .item-content .item-title {
	margin-bottom: 10px;
	font-size: 30px;
}

@media (max-width: 767px) {
	.team-details-wrap-layout1 .team-top-info .item-content .item-title {
		font-size: 28px;
	}
}

@media (max-width: 575px) {
	.team-details-wrap-layout1 .team-top-info .item-content .item-title {
		font-size: 26px;
	}
}

.team-details-wrap-layout1 .team-top-info .item-content ul.info-list {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.team-details-wrap-layout1 .team-top-info .item-content ul.info-list li {
	color: #4c4c4c;
	font-size: 16px;
	margin-top: 5px;
}

.team-details-wrap-layout1 .team-top-info .item-content ul.info-list li span {
	color: #000000;
	display: inline-block;
	margin-right: 10px;
	font-weight: 500;
}

.team-details-wrap-layout1 .team-top-info .item-content ul.info-list li a {
	color: #4c4c4c;
}

.team-details-wrap-layout1 .team-top-info .item-content ul.info-list li a:hover {
	color: #000000;
}

.team-details-wrap-layout1 .team-top-info .item-content ul.social-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
	margin-top: 10px;
	margin-bottom: 0;
}

.team-details-wrap-layout1 .team-top-info .item-content ul.social-list li {
	margin-right: 10px;
}

.team-details-wrap-layout1 .team-top-info .item-content ul.social-list li:last-child {
	margin-right: 0;
}

.team-details-wrap-layout1 .team-top-info .item-content ul.social-list li a {
	display: inline-block;
	padding: 5px 10px;
	color: #000000;
	transition: all 0.3s ease-in-out;
}

.team-details-wrap-layout1 .team-top-info .item-content ul.social-list li a:hover {
	color: #777777;
}

.team-details-wrap-layout1 .team-bottom-info .info-box {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.team-details-wrap-layout1 .team-bottom-info .info-box {
		display: inherit;
	}
}

.team-details-wrap-layout1 .team-bottom-info .info-box:last-child {
	margin-bottom: 0;
}

.team-details-wrap-layout1 .team-bottom-info .info-title {
	max-width: 215px;
	width: 100%;
}

@media (max-width: 767px) {
	.team-details-wrap-layout1 .team-bottom-info .info-title {
		max-width: 100%;
	}
}

.team-details-wrap-layout1 .team-bottom-info .info-title h3 {
	font-weight: 500;
	font-size: 30px;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.team-details-wrap-layout1 .team-bottom-info .info-title h3 {
		margin-bottom: 15px;
		font-size: 26px;
	}
}

@media (max-width: 575px) {
	.team-details-wrap-layout1 .team-bottom-info .info-title h3 {
		font-size: 24px;
	}
}

.team-details-wrap-layout1 .team-bottom-info .info-content {
	width: 100%;
	padding-left: 70px;
	position: relative;
	z-index: 1;
}

@media (max-width: 767px) {
	.team-details-wrap-layout1 .team-bottom-info .info-content {
		padding-left: 0;
	}
}

.team-details-wrap-layout1 .team-bottom-info .info-content:before {
	content: "";
	background-color: #f2f2f2;
	width: 5px;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

@media (max-width: 767px) {
	.team-details-wrap-layout1 .team-bottom-info .info-content:before {
		display: none;
	}
}

.team-details-wrap-layout1 .team-bottom-info .info-content p:last-child {
	margin-bottom: 0;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form .form-group {
	margin-bottom: 30px;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form .form-group label {
	font-size: 16px;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form .form-group input {
	height: 50px;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form .form-group .form-control {
	font-size: 17px;
	padding: 15px 20px;
	color: #000;
	background-color: #f7f7f7;
	border-color: #f2f2f2;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form .form-group .form-control:focus {
	border-color: rgba(127, 127, 127, 0.25);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form input.form-control::-webkit-input-placeholder,
.team-details-wrap-layout1 .team-bottom-info .contact-form textarea.form-control::-webkit-input-placeholder {
	color: #646464;
	font-size: 14px;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form input.form-control::-moz-placeholder,
.team-details-wrap-layout1 .team-bottom-info .contact-form textarea.form-control::-moz-placeholder {
	color: #646464;
	font-size: 14px;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form input.form-control:-moz-placeholder,
.team-details-wrap-layout1 .team-bottom-info .contact-form textarea.form-control:-moz-placeholder {
	color: #646464;
	font-size: 14px;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form input.form-control:-ms-input-placeholder,
.team-details-wrap-layout1 .team-bottom-info .contact-form textarea.form-control:-ms-input-placeholder {
	color: #646464;
	font-size: 14px;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form .form-response .alert-danger,
.team-details-wrap-layout1 .team-bottom-info .contact-form .form-response .alert.alert-info,
.team-details-wrap-layout1 .team-bottom-info .contact-form .form-response .alert.alert-success {
	margin-top: 10px;
	margin-bottom: 0;
}

.team-details-wrap-layout1 .team-bottom-info .contact-form .form-response .alert-danger p,
.team-details-wrap-layout1 .team-bottom-info .contact-form .form-response .alert.alert-info p,
.team-details-wrap-layout1 .team-bottom-info .contact-form .form-response .alert.alert-success p {
	margin-bottom: 0;
}

.team-details-wrap-layout1 .team-bottom-info .skill-wrap {
	overflow: hidden;
}

.team-details-wrap-layout1 .team-bottom-info .skill-wrap .skill-box {
	position: relative;
	z-index: 1;
}

.team-details-wrap-layout1 .team-bottom-info .skill-wrap .skill-box .lead {
	color: #000000;
	font-family: "Jost", sans-serif;
	font-size: 18px;
	position: absolute;
	top: 25px;
	font-weight: 500;
}

.team-details-wrap-layout1 .team-bottom-info .skill-wrap .skill-box .progress {
	padding: 2px;
	height: 18px;
	margin-top: 60px;
	border-radius: 0;
	box-shadow: none;
	line-height: 15px;
	overflow: visible;
	position: relative;
	margin-bottom: 30px;
	background: #f0f0f0;
	border: 1px solid #dfdfdf;
}

.team-details-wrap-layout1 .team-bottom-info .skill-wrap .skill-box .progress-bar {
	opacity: 0;
	border-radius: 0;
	overflow: visible;
	position: relative;
	background-color: #000000;
}

.team-details-wrap-layout1 .team-bottom-info .skill-wrap .skill-box .progress .progress-value {
	top: 0;
	right: 8px;
	color: #fff;
	display: block;
	font-size: 13px;
	position: absolute;
}

@-webkit-keyframes animate-positive {
	0% {
		width: 0%;
	}
}

@keyframes animate-positive {
	0% {
		width: 0%;
	}
}

.team-details-wrap-layout1 .team-bottom-info .skill-wrap .skill-box span {
	top: -30px;
	right: -22px;
	color: #666666;
	font-size: 16px;
	position: absolute;
}

/*=======================================================================
21. Error Area Style
=========================================================================*/
.error-wrap-layout1 {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #6b6b6b;
}

.error-wrap-layout1 .item-logo {
	margin-bottom: 12rem;
}

.error-wrap-layout1 .item-logo .header-logo img {
	width: 135px;
	height: auto;
}

.error-wrap-layout1 .main-title {
	font-size: 17rem;
	color: #ffffff;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0;
}

.error-wrap-layout1 .sub-title {
	font-size: 40px;
	color: #ffffff;
	font-weight: 600;
}

@media (max-width: 1199px) {
	.error-wrap-layout1 .sub-title {
		font-size: 36px;
	}
}

@media (max-width: 991px) {
	.error-wrap-layout1 .sub-title {
		font-size: 34px;
	}
}

@media (max-width: 767px) {
	.error-wrap-layout1 .sub-title {
		font-size: 32px;
	}
}

@media (max-width: 575px) {
	.error-wrap-layout1 .sub-title {
		font-size: 30px;
		line-height: 42px;
	}
}

@media (max-width: 479px) {
	.error-wrap-layout1 .sub-title {
		font-size: 28px;
		line-height: 40px;
	}
}

.error-wrap-layout1 .item-paragraph {
	color: #ffffff;
	width: 100%;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.error-wrap-layout1 .search-form {
	justify-content: center;
	margin: 55px 0;
}

@media (max-width: 1024px) {
	.error-wrap-layout1 .search-form {
		flex-direction: column;
	}
}

.error-wrap-layout1 .search-form .form-group {
	max-width: 350px;
	width: 100%;
}

.error-wrap-layout1 .search-form .form-control {
	height: 60px;
	padding: 8px 15px;
	color: #ffffff;
	font-size: 16px;
	background-color: transparent;
	border: 1px solid #f7fafe;
	border-radius: 0 !important;
	box-shadow: none;
	margin-right: 15px;
	max-width: 350px;
	width: 100%;
}

@media (max-width: 575px) {
	.error-wrap-layout1 .search-form .form-control {
		height: 50px;
	}
}

.error-wrap-layout1 .search-form input.form-control::-webkit-input-placeholder {
	color: #ffffff;
	font-size: 14px;
}

.error-wrap-layout1 .search-form input.form-control::-moz-placeholder {
	color: #ffffff;
	font-size: 14px;
}

.error-wrap-layout1 .search-form input.form-control:-moz-placeholder {
	color: #ffffff;
	font-size: 14px;
}

.error-wrap-layout1 .search-form input.form-control:-ms-input-placeholder {
	color: #ffffff;
	font-size: 14px;
}

.error-wrap-layout1 .btn-custom {
	color: #FFFFFF;
	border-radius: 0 !important;
	border: 1px solid #f7fafe;
	padding: 6px 10px;
	height: 60px;
	width: 60px;
}

@media (max-width: 1024px) {
	.error-wrap-layout1 .btn-custom {
		max-width: 350px;
		width: 50px;
		height: 60px;
		margin-top: 10px;
	}
}

.error-wrap-layout1 .btn-custom i:before {
	font-size: 21px;
	color: #ffffff;
}

.error-wrap-layout1 .btn-custom:hover {
	background-color: #ffffff;
}

.error-wrap-layout1 .btn-custom:hover i:before {
	color: #000000;
}

/*============================================================================
22. Contact Styles 
==============================================================================*/
.contact-layout1 {
	display: flex;
	align-items: center;
	height: 100%;
}

.contact-layout1 .item-content {
	margin-left: -130px;
	padding: 80px 60px 90px;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
}

@media (max-width: 991px) {
	.contact-layout1 .item-content {
		margin-left: 0;
		padding: 70px 50px 80px;
	}
}

@media (max-width: 767px) {
	.contact-layout1 .item-content {
		padding: 60px 40px 70px;
	}
}

@media (max-width: 575px) {
	.contact-layout1 .item-content {
		padding: 50px 30px 60px;
	}
}

.contact-layout1 .item-content .form-group {
	margin-bottom: 20px;
}

.contact-layout1 .item-content .form-group input {
	height: 50px;
}

.contact-layout1 .item-content .form-group .form-control {
	color: #000000;
	font-size: 16px;
	border: none;
	border-bottom: 1px solid #e5e5e6;
}

.contact-layout1 .item-content .form-group .form-control:focus {
	outline: none;
	box-shadow: none;
}

.contact-layout1 .item-content .form-group input.form-control::-webkit-input-placeholder,
.contact-layout1 .item-content .form-group textarea.form-control::-webkit-input-placeholder {
	color: #696969;
	font-size: 13px;
	font-weight: 300;
}

.contact-layout1 .item-content .form-group input.form-control::-moz-placeholder,
.contact-layout1 .item-content .form-group textarea.form-control::-moz-placeholder {
	color: #696969;
	font-size: 13px;
	font-weight: 300;
}

.contact-layout1 .item-content .form-group input.form-control:-moz-placeholder,
.contact-layout1 .item-content .form-group textarea.form-control:-moz-placeholder {
	color: #696969;
	font-size: 13px;
	font-weight: 300;
}

.contact-layout1 .item-content .form-group input.form-control:-ms-input-placeholder,
.contact-layout1 .item-content .form-group textarea.form-control:-ms-input-placeholder {
	color: #696969;
	font-size: 13px;
	font-weight: 300;
}

.shutter-effect.has-animation.item-figure.contact-info-img {
	overflow: visible !important;
}

.shutter-effect.has-animation.item-figure.contact-info-img img {
	max-width: none;
	transform: scale(1);
}

@media (max-width: 1024px) {
	.shutter-effect.has-animation.item-figure.contact-info-img img {
		height: auto;
		max-width: 100%;
	}
}

.shutter-effect.has-animation.item-figure.contact-info-img:before {
	left: -50px;
	right: -20%;
	width: 150%;
}

.contact-box-item .item-title {
	font-weight: 500;
	font-size: 28px;
	margin-bottom: 7px;
}

.contact-box-item p.item-paragraph {
	margin-bottom: 0;
}

.contact-box-item p.item-paragraph i {
	font-size: 120%;
}

.contact-box-item p.item-paragraph span {
	font-weight: 500;
}

.contact-wrap-layout2 {
	padding-top: 92px;
	padding-bottom: 115px;
}

@media (max-width: 1199px) {
	.contact-wrap-layout2 {
		padding-top: 82px;
		padding-bottom: 105px;
	}
}

@media (max-width: 991px) {
	.contact-wrap-layout2 {
		padding-top: 72px;
		padding-bottom: 95px;
	}
}

@media (max-width: 767px) {
	.contact-wrap-layout2 {
		padding-top: 62px;
		padding-bottom: 85px;
	}
}

@media (max-width: 575px) {
	.contact-wrap-layout2 {
		padding-top: 52px;
		padding-bottom: 75px;
	}
}

.form-area-layout2 .section-title {
	font-size: 30px;
}

.form-area-layout2 .form-group {
	margin-bottom: 30px;
}

.form-area-layout2 .form-group label {
	font-size: 16px;
}

.form-area-layout2 .form-group input {
	height: 50px;
}

.form-area-layout2 .form-group .form-control {
	font-size: 17px;
	padding: 15px 20px;
	color: #000;
	background-color: #f2f2f2;
	border-color: #f2f2f2;
}

.form-area-layout2 .form-group .form-control:focus {
	border-color: rgba(127, 127, 127, 0.25);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-area-layout2 input.form-control::-webkit-input-placeholder,
.form-area-layout2 textarea.form-control::-webkit-input-placeholder {
	color: #646464;
	font-size: 14px;
}

.form-area-layout2 input.form-control::-moz-placeholder,
.form-area-layout2 textarea.form-control::-moz-placeholder {
	color: #646464;
	font-size: 14px;
}

.form-area-layout2 input.form-control:-moz-placeholder,
.form-area-layout2 textarea.form-control:-moz-placeholder {
	color: #646464;
	font-size: 14px;
}

.form-area-layout2 input.form-control:-ms-input-placeholder,
.form-area-layout2 textarea.form-control:-ms-input-placeholder {
	color: #646464;
	font-size: 14px;
}

.form-area-layout2 .form-response .alert-danger,
.form-area-layout2 .form-response .alert.alert-info,
.form-area-layout2 .form-response .alert.alert-success {
	margin-top: 10px;
	margin-bottom: 0;
}

.form-area-layout2 .form-response .alert-danger p,
.form-area-layout2 .form-response .alert.alert-info p,
.form-area-layout2 .form-response .alert.alert-success p {
	margin-bottom: 0;
}

/*============================================================================
23. Footer Styles 
==============================================================================*/
.footer-social {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	list-style: none;
	align-items: center;
}

.footer-social li {
	margin-right: 5px;
	margin-bottom: 5px;
}

.footer-social li:first-child a {
	padding: 5px 10px 5px 0;
}

.footer-social li:last-child {
	margin-right: 0;
}

.footer-social li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	color: #aaaaaa;
	transition: all 0.3s ease-in-out;
}

.footer-social li a:hover {
	color: #ffffff;
}

.footer-layout1 {
	position: relative;
	z-index: 1;
}

.footer-layout1:before {
	position: absolute;
	z-index: -1;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: .8;
	background-color: #000;
}

.footer-layout1 .footer-top {
	border-bottom: 1px solid #5b5b5b;
	padding-top: 130px;
	padding-bottom: 95px;
}

@media (max-width: 1199px) {
	.footer-layout1 .footer-top {
		padding-top: 120px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.footer-layout1 .footer-top {
		padding-top: 110px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.footer-layout1 .footer-top {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.footer-layout1 .footer-top {
		padding-top: 90px;
		padding-bottom: 60px;
	}
}

.footer-layout1 .footer-bottom {
	text-align: center;
	padding: 15px 0;
}

.footer-layout1 .footer-bottom .copy-right-text {
	color: #cccccc;
}

.footer-layout1 .footer-bottom .copy-right-text span {
	color: #ffffff;
}

.footer-layout1 .footer-bottom .copy-right-text a {
	color: #cccccc;
	transition: all 0.3s ease-in-out;
}

.footer-layout1 .footer-bottom .copy-right-text a:hover {
	color: #ffffff;
}

.footer-layout1 .footer-widgets {
	margin-bottom: 30px;
}

.footer-layout1 .footer-widgets .widget-heading {
	color: #cecece;
	font-size: 26px;
	margin-top: 10px;
	font-weight: 500;
	text-transform: capitalize;
}

@media (max-width: 991px) {
	.footer-layout1 .footer-widgets .widget-heading {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.footer-layout1 .footer-widgets .widget-heading {
		font-size: 22px;
	}
}

@media (max-width: 575px) {
	.footer-layout1 .footer-widgets .widget-heading {
		font-size: 20px;
	}
}

.footer-layout1 .footer-widgets .footer-logo {
	max-width: 28vw;
	margin-bottom: 25px;
}

.footer-layout1 .footer-widgets .footer-logo img {
	width: 125px;
	height: auto;
}

.footer-layout1 .footer-widgets .footer-paragraph {
	color: #aaaaaa;
	margin-bottom: 30px;
}

.footer-layout1 .footer-widgets .footer-menu li {
	margin-bottom: 10px;
}

.footer-layout1 .footer-widgets .footer-menu li:last-child {
	margin-bottom: 0;
}

.footer-layout1 .footer-widgets .footer-menu li a {
	color: #a9a9a9;
	transition: all 0.3s ease-in-out;
	font-size: 15px;
}

.footer-layout1 .footer-widgets .footer-menu li a:hover {
	color: #ffffff;
}

.footer-layout1 .footer-widgets .footer-address {
	list-style: none;
	padding-left: 0;
}

.footer-layout1 .footer-widgets .footer-address li {
	margin-bottom: 15px;
	color: #a9a9a9;
}

.footer-layout1 .footer-widgets .footer-address li:last-child {
	margin-bottom: 0;
}

.footer-layout1 .footer-widgets .footer-address li span {
	color: #ffffff;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	font-family: "Jost", sans-serif;
}

.footer-layout1 .footer-widgets .footer-address li a {
	color: #a9a9a9;
}

.footer-layout1 .footer-widgets .footer-address li a:hover {
	color: #ffffff;
}

.footer-layout1 .footer-widgets .footer-gallery {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-right: -4px;
	margin-left: -4px;
}

.footer-layout1 .footer-widgets .footer-gallery li {
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom: 7px;
	width: 100%;
	max-width: 33.33333%;
	flex: 0 0 33.33333%;
}

.footer-layout1 .footer-widgets .footer-gallery li a {
	background-color: #000000;
	display: block;
}

.footer-layout1 .footer-widgets .footer-gallery li a figure {
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: hidden;
	position: relative;
}

.footer-layout1 .footer-widgets .footer-gallery li a figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.footer-layout1 .footer-widgets .footer-gallery li a figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

.footer-layout2 {
	position: relative;
	z-index: 1;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000000;
}

.footer-layout2 .footer-top {
	padding-top: 125px;
	padding-bottom: 65px;
}

@media (max-width: 1199px) {
	.footer-layout2 .footer-top {
		padding-top: 120px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.footer-layout2 .footer-top {
		padding-top: 110px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.footer-layout2 .footer-top {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.footer-layout2 .footer-top {
		padding-top: 90px;
		padding-bottom: 60px;
	}
}

.footer-layout2 .footer-bottom {
	text-align: center;
	padding: 15px 0 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-layout2 .footer-bottom .left-line {
	flex: 1;
	height: 1px;
	width: 100%;
	background-color: #5b5b5b;
}

.footer-layout2 .footer-bottom .right-line {
	flex: 1;
	height: 1px;
	width: 100%;
	background-color: #5b5b5b;
}

.footer-layout2 .footer-bottom .copy-right-text {
	margin: 0 80px;
	color: #aaaaaa;
}

.footer-layout2 .footer-bottom .copy-right-text a {
	color: #aaaaaa;
	transition: all 0.3s ease-in-out;
}

.footer-layout2 .footer-bottom .copy-right-text a:hover {
	color: #ffffff;
}

.footer-layout2 .footer-widgets {
	margin-bottom: 30px;
}

.footer-layout2 .footer-widgets .widget-heading {
	color: #cecece;
	font-weight: 600;
	margin-top: 20px;
}

.footer-layout2 .footer-widgets .footer-logo {
	margin-bottom: 25px;
	max-width: 28vw;
}

.footer-layout2 .footer-widgets .footer-logo a {
	color: #cecece;
	font-weight: 600;
	margin-top: 20px;
	font-size: 28px;
	transition: all 0.3s ease-in-out;
}

.footer-layout2 .footer-widgets .footer-logo a:hover {
	color: #ffffff;
}

.footer-layout2 .footer-widgets .footer-logo a img {
	width: 125px;
	height: auto;
}

.footer-layout2 .footer-widgets .footer-paragraph {
	color: #aaaaaa;
	margin-bottom: 30px;
}

.footer-layout2 .footer-widgets ul.menu li {
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}

.footer-layout2 .footer-widgets ul.menu li:before {
	content: "";
	height: 100%;
	width: 1px;
	background-color: #c2c2c2;
	top: 17px;
	left: 5.5px;
	position: absolute;
	z-index: 1;
}

.footer-layout2 .footer-widgets ul.menu li:last-child {
	margin-bottom: 0;
}

.footer-layout2 .footer-widgets ul.menu li:last-child:before {
	display: none;
}

.footer-layout2 .footer-widgets ul.menu li a {
	color: #a9a9a9;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	padding-left: 25px;
}

.footer-layout2 .footer-widgets ul.menu li a:after {
	opacity: 1;
	visibility: hidden;
	content: "";
	z-index: 1;
	height: 6px;
	width: 6px;
	background: #c2c2c2;
	position: absolute;
	z-index: 9;
	top: 8.5px;
	left: 3px;
	border-radius: 50%;
	transition: all .5s ease-in-out;
	display: inline-block;
}

.footer-layout2 .footer-widgets ul.menu li a:before {
	content: "";
	height: 12px;
	width: 12px;
	top: 6px;
	left: 0;
	position: absolute;
	z-index: 9;
	border: 1px solid #c2c2c2;
	display: inline-block;
}

.footer-layout2 .footer-widgets ul.menu li a:hover {
	color: #ffffff;
}

.footer-layout2 .footer-widgets ul.menu li a:hover i {
	color: #ffffff;
}

.footer-layout2 .footer-widgets ul.menu li a:hover:after {
	opacity: 1;
	visibility: visible;
}

.footer-layout2 .footer-widgets ul.menu li a i {
	font-size: 12px;
	margin-right: 15px;
	color: #c2c2c2;
	transition: all .3s ease-in-out;
}

.footer-layout2 .footer-widgets .footer-address {
	padding-left: 0;
	list-style: none;
}

.footer-layout2 .footer-widgets .footer-address li {
	margin-bottom: 15px;
	color: #a9a9a9;
	padding-left: 30px;
	position: relative;
	z-index: 1;
}

.footer-layout2 .footer-widgets .footer-address li:last-child {
	margin-bottom: 0;
}

.footer-layout2 .footer-widgets .footer-address li i {
	color: #aaaaaa;
	margin-right: 5px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 7px;
}

.footer-layout2 .footer-widgets .footer-address li a {
	color: #a9a9a9;
	transition: all 0.3s ease-in-out;
}

.footer-layout2 .footer-widgets .footer-address li a:hover {
	color: #ffffff;
}

.footer-layout2 .footer-widgets .wpcf7-form {
	margin-top: 30px;
	margin-bottom: 15px;
}

.footer-layout2 .footer-widgets .wpcf7-form .input-group {
	border-radius: 3px;
	height: 50px;
	position: relative;
	background-color: transparent;
	border: 1px solid rgba(242, 242, 242, 0.3);
}

.footer-layout2 .footer-widgets .wpcf7-form .input-group .form-control {
	color: #fff;
	border: 0;
	height: 50px;
	font-size: 16px;
	padding-right: 50px;
	padding: 6px 20px 8px;
	border-radius: 3px 0 0 3px;
	background-color: transparent;
}

.footer-layout2 .footer-widgets .wpcf7-form .input-group .input-group-btn {
	right: 0;
	padding: 0;
	position: absolute;
}

.footer-layout2 .footer-widgets .wpcf7-form .input-group .input-group-btn button {
	background-color: transparent;
	padding: 15px;
	height: 48px;
	border-radius: 0 3px 3px 0;
	transition: all 0.3s ease-in-out;
}

.footer-layout2 .footer-widgets .wpcf7-form .input-group .input-group-btn button i {
	color: #ffffff;
	font-size: 20px;
	transition: all 0.3s ease-in-out;
}

.footer-layout2 .footer-widgets .wpcf7-form .input-group .input-group-btn button:hover {
	background-color: #ffffff;
}

.footer-layout2 .footer-widgets .wpcf7-form .input-group .input-group-btn button:hover i {
	color: #000000;
}

.footer-layout2 .footer-widgets .wpcf7-form input:focus {
	outline-width: 0;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;
}

.footer-layout2 .footer-widgets .wpcf7-form input::-webkit-input-placeholder {
	color: #6f6f6f;
	font-size: 14px;
}

.footer-layout2 .footer-widgets .wpcf7-form input::-moz-placeholder {
	color: #6f6f6f;
	font-size: 14px;
}

.footer-layout2 .footer-widgets .wpcf7-form input:-moz-placeholder {
	color: #6f6f6f;
	font-size: 14px;
}

.footer-layout2 .footer-widgets .wpcf7-form input:-ms-input-placeholder {
	color: #6f6f6f;
	font-size: 14px;
}

.footer-layout2.has-animation {
	background-position: left 300px;
	transition: all 1s ease-out;
}

.footer-layout2.has-animation.active-animation {
	background-position: left bottom;
}

.footer-layout3 {
	position: relative;
	z-index: 1;
	background-position: left bottom;
	background-repeat: no-repeat;
}

.footer-layout3 .footer-top {
	text-align: right;
	padding-top: 130px;
	padding-bottom: 75px;
}

@media (max-width: 1199px) {
	.footer-layout3 .footer-top {
		padding-top: 120px;
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.footer-layout3 .footer-top {
		padding-top: 110px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.footer-layout3 .footer-top {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {
	.footer-layout3 .footer-top {
		padding-top: 90px;
		padding-bottom: 60px;
	}
}

.footer-layout3 .footer-top .footer-logo {
	margin-bottom: 50px;
	max-width: 35vw;
	margin-left: auto;
}

.footer-layout3 .footer-top .footer-logo img {
	width: 135px;
	height: auto;
}

.footer-layout3 .footer-top .widget-title {
	color: #c4c3c3;
	font-size: 24px;
	margin-bottom: 0;
}

.footer-layout3 .footer-top .footer-call-number {
	color: #ffffff;
	font-size: 26px;
	line-height: 1.4;
	margin-top: 5px;
	margin-bottom: 25px;
}

@media (max-width: 1199px) {
	.footer-layout3 .footer-top .footer-call-number {
		font-size: 24px;
	}
}

@media (max-width: 991px) {
	.footer-layout3 .footer-top .footer-call-number {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.footer-layout3 .footer-top .footer-call-number {
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.footer-layout3 .footer-top .footer-call-number {
		font-size: 18px;
	}
}

.footer-layout3 .footer-top .footer-call-number a {
	color: #a3a3a3;
	transition: all 0.3s ease-in-out;
}

.footer-layout3 .footer-top .footer-call-number a:hover {
	color: #ffffff;
}

.footer-layout3 .footer-top address {
	color: #a3a3a3;
	font-size: 16px;
}

.footer-layout3 .footer-top address span {
	font-size: 28px;
	color: #c4c3c3;
	font-family: "Jost", sans-serif;
	margin-bottom: 7px;
	display: inline-block;
}

@media (max-width: 991px) {
	.footer-layout3 .footer-top address span {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.footer-layout3 .footer-top address span {
		font-size: 24px;
	}
}

@media (max-width: 575px) {
	.footer-layout3 .footer-top address span {
		font-size: 22px;
	}
}

.footer-layout3 .footer-bottom {
	text-align: right;
	padding: 15px 0;
}

.footer-layout3 .footer-bottom .copy-right-text {
	color: #cccccc;
}

.footer-layout3 .footer-bottom .copy-right-text span {
	color: #ffffff;
}

.footer-layout3 .footer-bottom .copy-right-text a {
	color: #cccccc;
	transition: all 0.3s ease-in-out;
}

.footer-layout3 .footer-bottom .copy-right-text a:hover {
	color: #ffffff;
}

.footer-layout3.has-animation {
	background-position: left 300px;
	transition: all 1s ease-out;
}

.footer-layout3.has-animation.active-animation {
	background-position: left bottom;
}

.sidebar-widget .gallery-item,
.footer-widgets .gallery-item {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
}

.sidebar-widget .gallery-item img,
.footer-widgets .gallery-item img {
	width: 100%;
}

.sidebar-widget .gallery-columns-3 .gallery-item,
.footer-widgets .gallery-columns-3 .gallery-item {
	max-width: 31.333333%;
}

@media (max-width: 1199px) {

	.sidebar-widget .gallery-columns-3 .gallery-item,
	.footer-widgets .gallery-columns-3 .gallery-item {
		max-width: 30.333333%;
	}
}

.sidebar-widget .gallery-icon,
.footer-widgets .gallery-icon {
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.sidebar-widget .gallery-icon:before,
.footer-widgets .gallery-icon:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.sidebar-widget .gallery-icon:hover:before,
.footer-widgets .gallery-icon:hover:before {
	-webkit-animation: shine 0.75s;
	animation: shine 0.75s;
}