@import url('global.css');
@import url('header.css');
@import url('footer.css?ver=1.0.2');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('swiper.min.css');
@import url('font-awesome.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('flaticon_vroom-icons.css');
@import url('odometer-theme-default.css');
@import url('jquery.bootstrap-touchspin.css');

/*** 

====================================================================
	Main Slider Section
====================================================================

***/

section {
	position: relative;
}

/* Slider One Video */

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 30px rgba(253, 167, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 30px rgba(253, 167, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
	}
}

/* Counter Events */

/*** 

====================================================================
	About One
====================================================================

***/

.about-one {
	position: relative;
	padding: 100px 0px 100px;
}

.about-one .inner-container {
	position: relative;
	padding: 30px 30px;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.about-one_image-column {
	position: relative;
}

.about-one_image-outer {
	position: relative;
	padding-right: 60px;
}

.about-one_image {
	position: relative;
}

.about-one_image img {
	position: relative;
	width: 100%;
	display: block;
	object-fit: cover;
	height: 631px;
}

.about-one_content-column {
	position: relative;
	margin-bottom: 30px;
}

.about-one_content-outer {
	position: relative;
	padding-left: 30px;
	padding-top: 60px;
	padding-right: 30px;
}

.sec-title_text p{
	line-height: 24px;
	font-size: 16px;
	margin-top: 10px;
	color: var(--white-color);
}

.about-one_quote {
	position: relative;
	padding: 22px 30px 18px;
	background-color: var(--color-two);
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.about-one_quote-inner {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	padding-top: 12px;
	padding-left: 60px;
	color: var(--white-color);
}

.about-one_quote .quote {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 1em;
	font-size: 40px;
	color: var(--main-color);
	font-family: "flaticon_riderdenim-icons";
}

.about-one_quote .author {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	color: var(--white-color);
}

.about-one_quote .author i {
	position: relative;
	margin-right: 15px;
	font-family: "flaticon_riderdenim-icons";
}

/* Experiance */

.about-one_experiance {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 176px;
	z-index: 1;
	padding: 16px 20px 28px;
	background-color: var(--main-color);
}

.about-one_experiance::before {
	position: absolute;
	content: '';
	right: 15px;
	bottom: 15px;
	width: 18px;
	height: 18px;
	border-bottom: 2px solid var(--color-three);
	border-right: 2px solid var(--color-three);
}

.about-one_experiance .odometer {
	position: relative;
	font-size: 72px;
	font-weight: 800;
	line-height: 1em;
	color: var(--color-three);
	font-family: "Roboto Condensed", sans-serif;
}

.about-one_experiance i {
	position: relative;
	font-size: 60px;
	top: 12px;
	font-weight: 600;
	line-height: 1em;
	color: var(--color-three);
}

.about-one_experiance-text {
	position: relative;
	margin-top: 0px;
	font-size: 16px;
	font-weight: 400;
	color: var(--color-three);
}

/*** 

====================================================================
	Services One
====================================================================

***/

/*** 

====================================================================
	Events One
====================================================================

***/

/* Event Block One */

/*** 

====================================================================
	Testimonial One
====================================================================

***/

/*** 

====================================================================
	Shop One
====================================================================

***/

.shop-block_one {
	position: relative;
	margin-bottom: 30px;
}

.shop-block_one-inner:hover {
	border-color: var(--main-color);
}

.shop-block_one-inner {
	position: relative;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: 1px solid var(--color-six);
	background-color: var(--color-tawo);
}

.shop-block_one-content {
	position: relative;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 20px 0px;
	background: var(--white-color);
}

.shop-block_one-content {}

.shop-block_one-title {
	position: relative;
	color: #000;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	height: 90px;
	letter-spacing: 0.2px;
}

/*** 

====================================================================
	Vlog One
====================================================================

***/

/* Vlog Block One */

/* Gallery Block One Play */

/*** 

====================================================================
	Faq One
====================================================================

***/

.faq-one {
	position: relative;
}

.faq-one_pattern {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: center center;
	background-repeat: no-repeat;
}

.faq-one .inner-container {
	position: relative;
	padding-bottom: 70px;
}

.faq-one .inner-container:after {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 1px;
	opacity: 0.50;
	background: #F7F7F7;
	background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), #F7F7F7, rgba(0, 0, 0, 0));
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0), #F7F7F7, rgba(0, 0, 0, 0));
	background: -ms-linear-gradient(right, rgba(0, 0, 0, 0), #F7F7F7, rgba(0, 0, 0, 0));
	background: -o-linear-gradient(right, rgba(0, 0, 0, 0), #F7F7F7, rgba(0, 0, 0, 0));
}

/*** 

====================================================================
	Default Form
====================================================================

***/

.faq-one_accordion-column {
	position: relative;
	margin-bottom: 30px;
}

.faq-one_accordion-outer {
	position: relative;
	padding-left: 30px;
	padding-top: 30px;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box {
	position: relative;
}

.accordion-box .block {
	position: relative;
	overflow: hidden;
	border-top: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.accordion-box .block:last-child {
	border-bottom: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.accordion-box .block .acc-btn {
	position: relative;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	padding: 22px 50px 22px 0px;
	color: var(--color-three);
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	font-family: "Poppins", sans-serif;
}

.accordion-box .block .icon-outer {
	position: absolute;
	right: 0px;
	top: 14px;
	width: 44px;
	height: 44px;
	font-size: 18px;
	line-height: 44px;
	text-align: center;
	border-radius: 50px;
	color: var(--black-color);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: 'Font Awesome 5 Pro';
}

.accordion-box .block .icon-outer .icon {
	position: absolute;
	right: 0px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	color: var(--white-color);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon-plus {
	opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
	opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
	opacity: 1;
	color: var(--main-color);
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
	opacity: 0;
}
.accordion-box .block .acc-content {
	position: relative;
	display: none;
}

.accordion-box .block .content {
	position: relative;
	padding: 0px 90px 25px 0px;
}

.accordion-box .block .content .text {
	opacity: 0.90;
	font-size: 16px;
	line-height: 28px;
	color: var(--white-color);
}

/*** 

====================================================================
	News One
====================================================================

***/

.news-one {
	position: relative;
	padding: 100px 0px 100px;
}

.news-one_pattern {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: center center;
	background-repeat: no-repeat;
}

.news-one .three-items_slider-pagination {
	position: relative;
	z-index: 10;
	margin-top: 50px;
	text-align: center;
}

.news-one .swiper-pagination-bullet {
	position: relative;
	width: 10px;
	height: 10px;
	opacity: 1;
	cursor: pointer;
	margin: 0px 10px !important;
	display: inline-block;
	border-radius: 50px;
	border: 2px solid transparent;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	background-color: rgba(var(--color-five-rgb), 1);
}

.news-one .swiper-pagination-bullet:before {
	position: absolute;
	content: '';
	left: -8px;
	top: -8px;
	right: -8px;
	bottom: -8px;
	opacity: 0;
	border-radius: 50px;
	border: 1px solid rgba(var(--color-five-rgb), 1);
}

.news-one .swiper-pagination-bullet:hover,
.news-one .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background-color: rgba(var(--main-color-rgb), 1);
}

.news-one .swiper-pagination-bullet:hover::before,
.news-one .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	opacity: 1;
	border-color: var(--main-color);
}

.news-one .inner-container {
	position: relative;
	padding: 30px 30px 20px;
	border: 1px solid var(--color-six);
	background-color: var(--color-two);
}

.news-block_one {
	position: relative;
	margin-bottom: 30px;
}

.news-block_one-inner {
	position: relative;
}

.news-block_one-image {
	position: relative;
}

.news-block_one-image img {
	position: relative;
	width: 100%;
	display: block;
	aspect-ratio: 3/2;
}

.news-block_one-content {
	position: relative;
	padding-top: 22px;
}

.news-block_one-title {
	margin-top: 10px;
	color: var(--color-three);
}

.news-block_one-title a {
	position: relative;
	color: var(--white-color);
	font-size: 18px;
	font-weight: 500;
}

.news-block_one-title a:hover {
	color: var(--main-color);
}

.news-block_one-more {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	margin-top: 15px;
	display: inline-block;
	color: var(--color-three);
	border-bottom: 1px solid var(--main-color);
	font-family: "Roboto Condensed", sans-serif;
}

.news-block_one-more i {
	position: relative;
	font-size: 10px;
	font-weight: 700;
	margin-left: 5px;
	font-family: "flaticon_riderdenim-icons";
}

.news-block_one-more:hover {
	color: var(--main-color);
}

/*** 

====================================================================
	Newsleter One
====================================================================

***/

/* Newsletter Box */

/*** 

====================================================================
	Slider Two
====================================================================

***/

.slider-two {
	position: relative;
	border-bottom: 3px solid var(--main-color);
	background-color: var(--color-four);
}

.slider-two .main-slider-prev {
	position: absolute;
	left: 30px;
	top: 50%;
	width: 60px;
	height: 60px;
	z-index: 10;
	text-align: center;
	line-height: 58px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	color: var(--white-color);
	font-size: 22px;
	margin-top: -30px;
	border: 1px solid rgba(var(--white-color-rgb), 0.40);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.slider-two .main-slider-prev:hover {
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.slider-two .main-slider-next:hover {
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.slider-two .main-slider-next {
	position: absolute;
	right: 30px;
	top: 50%;
	width: 60px;
	height: 60px;
	z-index: 10;
	margin-top: -30px;
	text-align: center;
	line-height: 58px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	color: var(--white-color);
	font-size: 22px;
	border: 1px solid rgba(var(--white-color-rgb), 0.40);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.slider-two .slider-two_image-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
	background-position: center;
}

.slider-two .slider-one_pagination {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 35px;
	z-index: 10;
	text-align: center;
}

.slider-two .swiper-pagination-bullet {
	position: relative;
	width: 10px;
	height: 10px;
	opacity: 1;
	cursor: pointer;
	margin: 0px 10px !important;
	display: inline-block;
	border-radius: 50px;
	border: 2px solid transparent;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	background-color: rgba(var(--color-three-rgb), 0.50);
}

.slider-two .swiper-pagination-bullet:before {
	position: absolute;
	content: '';
	left: -8px;
	top: -8px;
	right: -8px;
	bottom: -8px;
	opacity: 0;
	border-radius: 50px;
	border: 1px solid rgba(var(--color-five-rgb), 1);
}

.slider-two .swiper-pagination-bullet:hover,
.slider-two .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background-color: rgba(var(--main-color-rgb), 1);
}

.slider-two .swiper-pagination-bullet:hover::before,
.slider-two .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	opacity: 1;
	border-color: var(--main-color);
}

.slider-two .swiper-slide {
	position: relative;
	overflow: hidden;
	padding: 170px 0px 170px;
}



.slider-two_content {
	position: relative;
	z-index: 1;
	max-width: 500px;
}

.slider-two_content-inner {
	position: relative;
}

.slider-two_heading {
	margin-bottom: 20px;
	color: var(--color-three);
	text-transform: capitalize;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	font-size: 60px;
}
.slider-two .swiper-slide-active .slider-two_heading {
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-two_text {
	position: relative;
	font-size: 18px;
	line-height: 30px;
	max-width: 540px;
	color: var(--color-eight);
	text-transform: capitalize;
	margin-bottom: 30px;

	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-two .swiper-slide-active .slider-two_text {
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.slider-two .slider-two_button {
	display: inline-block;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.slider-two .swiper-slide-active .slider-two_button {
	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	-ms-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/*** 

====================================================================
	Journey One
====================================================================

***/

.journey-one {
	position: relative;
	padding: 100px 0px 70px;
}

.journey-block_one {
	position: relative;
	margin-bottom: 30px;
}

.journey-block_one-inner {
	position: relative;
	padding: 45px 15px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: 1px solid rgba(var(--color-three-rgb), 0.15);
}

.journey-block_one-inner:hover {
	border-color: var(--main-color);
}

.journey-block_one-icon {
	position: relative;
	line-height: 1em;
	text-align: center;
	text-align: -webkit-center;
}

.journey-block_one-icon_two {
	position: absolute;
	left: 50%;
	top: 0px;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	transform: translate(-50%, 0);
}

.journey-block_one-inner:hover .journey-block_one-icon>img {
	opacity: 0;
}

.journey-block_one-inner:hover .journey-block_one-icon_two {
	opacity: 1;
}

.journey-block_one-inner:hover .journey-block_one-icon {
	-webkit-animation: icon-bounce 0.8s ease-out infinite;
	animation: icon-bounce 0.8s ease-out infinite;
}

.journey-block_one-title {
	position: relative;
	margin-top: 32px;
}

.journey-block_one-title {
	position: relative;
	color: var(--white-color);
	text-align: center;
	font-weight: 500;
}

.journey-block_one-text {
	position: relative;
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 20px;
	color: var(--white-color);
	text-align: center;
	font-weight: 300;
}

/*** 

====================================================================
	Community One
====================================================================

***/

/* Slider One Video */

/* Event Block Two */

/*** 

====================================================================
	Vlog Two
====================================================================

***/

/* Vlog Block Two */

/* Gallery Block One Play */

/*** 

====================================================================
	Testimonial Two
====================================================================

***/

/*** 

====================================================================
	News Two
====================================================================

***/

/*** 

====================================================================
	Contact One
====================================================================

***/

/* Style Two */

/* Style Three */

/*** 

====================================================================
	contact Form
====================================================================

***/

.contact-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.contact-form .form-group:last-child {
	margin-bottom: 0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 20px;
	height: 56px;
	border-radius: 0px;
	font-weight: 400;
	font-size: 15px;
	color: var(--white-color);
	border: 1px solid var(--color-six);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: var(--color-two);
}

.contact-form .form-group textarea {
	height: 160px;
	resize: none;
}

.contact-form .form-group button {
	margin-top: 5px;
}

.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder {
	opacity: 0.70;
	color: var(--color-three);
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group textarea:focus {
	border-color: var(--main-color);
}

/*** 

====================================================================
	Instagram One
====================================================================

***/

.instagram-one {
	position: relative;
	padding-top: 100px;
}

.gallery-one_block {
	position: relative;
}

.gallery-one_block-inner {
	position: relative;
	border-radius: 0px;
	overflow: hidden;
}

.gallery-one_block-image {
	position: relative;
}

.gallery-one_block-image img {
	position: relative;
	width: 100%;
	display: block;
	aspect-ratio: 1/1;
	object-fit: cover;
}

/*** 

====================================================================
	Slider Three
====================================================================

***/

/*** 

====================================================================
	Clients One
====================================================================

***/

/*** 

====================================================================
	About Two
====================================================================

***/

/*** 

====================================================================
	Adventure One
====================================================================

***/

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes circle {
	0% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/*** 

====================================================================
	Services Two
====================================================================

***/

/* Service Block Two */

/*** 

====================================================================
	Gallery One
====================================================================

***/

/* Gallery Block One */

/*** 

====================================================================
	Testimonial Three
====================================================================

***/

.testimonial-three {
	position: relative;
	padding: 100px 0px 70px;
}

.testimonial-three_title-column {
	position: relative;
}

.testimonial-three_title-outer {
	position: relative;
}




.testimonial-three_carousel-column {
	position: relative;
	margin-bottom: 30px;
}

.testimonial-three_carousel-outer {
	position: relative;
}

.testimonial-block_three {
	position: relative;
	margin-bottom: 30px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.testimonial-block_three-inner {
	position: relative;
	text-align: center;
	border: 1px solid var(--color-six);
	background-color: rgb(41 41 41 / 29%);
	padding: 30px 35px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
}

.testimonial-block_three-text {
	position: relative;
	font-size: 16px;
	opacity: 1;
	line-height: 1.8em;
	margin-top: 25px;
	color: var(--white-color);
	font-weight: bold;
}

.testimonial-block_two-name {
	position: relative;
	padding-top: 30px;
	margin-top: 25px;
	font-size: 14px;
	color: var(--white-color);
	border-top: 1px solid var(--white-color);
}

.testimonial-block_two-name strong {
	position: relative;
	display: block;
	font-size: 17px;
	margin-bottom: 8px;
	color: var(--white-color);
}

/*** 

====================================================================
	Marketing One
====================================================================

***/

/***

====================================================================
	Page Title
====================================================================

***/

.page-title {
	position: relative;
	background-size: cover;
	padding: 150px 0px 150px;
}

.page-title:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.60;
	background-color: var(--color-two);
}

.page-title h2 {
	z-index: 1;
	text-transform: capitalize;
	color: var(--color-three);
}

.page-title .bread-crumb {
	position: relative;
	display: inline-block;
	margin-top: 20px;
}

.page-title .bread-crumb li {
	position: relative;
	font-weight: 400;
	display: inline-block;
	font-size: 16px;
	color: var(--main-color);
	text-transform: capitalize;
	margin-right: 15px;
	padding-right: 15px;
}

.page-title .bread-crumb li i {
	position: relative;
	top: -2px;
}

.page-title .bread-crumb li:before {
	position: absolute;
	right: -6px;
	top: 0px;
	content: "\f14f";
	font-size: 10px;
	color: var(--white-color);
	font-family: "flaticon_riderdenim-icons";
}

.page-title .bread-crumb li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before {
	display: none;
}

.page-title .bread-crumb li a {
	color: var(--color-eight);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover {
	color: var(--color-fourtyfour);
}

.page-title .bread-crumb::after {
	position: absolute;
	content: '';
	right: 0px;
	top: 9px;
	width: 4px;
	height: 4px;
	background-color: var(--color-fourtyfour);
}

/*** 

====================================================================
	Video Two
====================================================================

***/

.video-two {
	position: relative;
	padding: 150px 0px 150px;
	text-align: center;
}

.video-two_image {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-attachment: fixed;
	background-size: cover;
}

.video-two::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	opacity: 0.50;
	background-color: var(--color-six);
}

/* Video One Play */

.video-two_play {
	position: relative;
	color: var(--black-color);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.video-two_play span {
	position: relative;
	width: 75px;
	height: 75px;
	z-index: 10;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	line-height: 75px;
	border-radius: 50%;
	font-size: 20px;
	background-color: var(--main-color);
	color: var(--white-color);
	padding-left: 2px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.video-two_play span:hover {
	color: var(--main-color);
	background-color: var(--white-color);
}

.video-two_play .ripple,
.video-two_play .ripple:before,
.video-two_play .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75px;
	height: 75px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-ms-border-radius: 50% 50% 50% 50%;
	-o-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.video-two_play .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.video-two_play .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

.video-two_heading {
	position: relative;
	margin-top: 40px;
	z-index: 2;
	color: var(--color-three);
	text-transform: capitalize;
}

/*** 

====================================================================
	Services Three
====================================================================

***/

/*** 

====================================================================
	Journey One
====================================================================

***/

/*** 

====================================================================
	News Three
====================================================================

***/

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
	position: relative;
	margin-top: 10px;
}

.styled-pagination li {
	position: relative;
	margin-right: 10px;
	display: inline-block;
}

.styled-pagination li a {
	position: relative;
	display: inline-block;
	line-height: 48px;
	height: 50px;
	width: 50px;
	min-width: 50px;
	font-weight: 400;
	text-align: center;
	font-size: 16px;
	color: var(--white-color);
	text-transform: capitalize;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	font-family: "Roboto Condensed", sans-serif;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
	background: var(--black-color);
}

.styled-pagination li.prev a,
.styled-pagination li.next a {}

.styled-pagination li a:hover,
.styled-pagination li a.active {
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}


/***

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
	position: relative;
	padding: 100px 0px 70px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
	margin-bottom: 30px;
}

.sidebar-page-container .sidebar-side .sidebar {
	position: relative;
	margin-left: 25px;
}

.sidebar-page-container .sidebar-inner {
	position: relative;
	padding: 35px 30px;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

/* Sidebar Widget */

.sidebar-widget {
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.sidebar-widget:last-child {
	border: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* Sidebar Title */

.sidebar-widget_title {
	position: relative;
	margin-bottom: 15px;
	color: var(--color-three);
}

/* Search Widget */

/* Post Widget */

.post-widget .widget-content {
	position: relative;
}

.post-widget .post {
	position: relative;
	min-height: 90px;
	padding-top: 6px;
	padding-left: 105px;
	margin-bottom: 20px;
}

.post-widget .post:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.post-widget .post .thumb {
	position: absolute;
	left: 0;
	top: 0;
	height: 90px;
	width: 90px;
	overflow: hidden;
}

.post-widget .post .thumb a {
	display: block;
}

.post-widget .post .thumb img {
	display: block;
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.post-widget .post h6 {
	line-height: 24px;
	font-weight: 600;
	font-size: 17px;
}

.post-widget .post h6 a {
	color: var(--color-three);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.post-widget .post h6 a:hover {
	color: var(--main-color);
}

/* Service List */

/* Popular Tags */

/* News Block Three */



/***

====================================================================
	Sidebar Page Container
====================================================================

***/

.blog-detail {
	position: relative;
}

.blog-detail_inner {
	position: relative;
	padding: 30px 30px;
	border-radius: 0px;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.blog-detail_image {
	position: relative;
}

.blog-detail_image img {
	position: relative;
	width: 100%;
	display: block;
	aspect-ratio: 4/2;
	object-fit: cover;
}

.blog-detail_content {
	position: relative;
	padding-top: 25px;
}

.blog-detail_author-outer {
	position: relative;
	gap: 20px;
	margin-bottom: 15px;
}

.blog-detail-meta {
	position: relative;
	top: 2px;
}

.blog-detail-meta li {
	position: relative;
	margin-right: 20px;
	font-weight: 500;
	font-size: 15px;
	display: flex;
	gap: 5px;
	color: var(--white-color);
}

.blog-detail-meta li .icon {
	position: relative;
	font-size: 16px;
	top: 2px;
	color: var(--main-color);
}

.blog-detail p {
	font-size: 16px;
	color: var(--white-color);
}

.blog-detail blockquote {
	position: relative;
	padding: 25px 25px;
	font-size: 24px;
	line-height: 34px;
	margin-top: 35px;
	border-radius: 0px;
	overflow: hidden;
	color: rgba(var(--white-color-rgb), 1);
	border: 3px solid var(--main-color);
}

.blog-detail blockquote i {
	position: relative;
	display: block;
	font-size: 44px;
	line-height: 1em;
	margin-bottom: 20px;
	color: var(--main-color);
	font-family: "flaticon_riderdenim-icons";
}

/* Video Box */

.blog-detail h3 {
	font-weight: 600;
	margin-bottom: 12px;
	color: var(--white-color);
}

/* Post Share Options */

/* Comment Form */

.comment-form_outer {
	position: relative;
	margin-top: 30px;
}

.comment-form_outer h3 {
	font-weight: 500;
	color: var(--white-color);
	font-size: 20px;
}

.comment-form_outer .form-text {
	position: relative;
	margin-top: 10px;
	font-size: 16px;
	margin-bottom: 20px;
	color: var(--white-color);
}

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.comment-form .form-group:last-child {
	margin-bottom: 0px;
}

.comment-form .form-group input[type="text"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 25px;
	height: 60px;
	border-radius: 0px;
	font-weight: 400;
	font-size: 16px;
	color: var(--color-three);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background: none;
	border: 1px solid rgba(var(--color-three-rgb), 0.15);
}

.comment-form .form-group textarea::-webkit-input-placeholder,
.comment-form .form-group input::-webkit-input-placeholder {
	color: var(--color-three);
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group textarea:focus {
	border-color: var(--main-color);
}

.comment-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 15px 25px 25px;
	font-size: 16px;
	color: var(--color-three);
	height: 264px;
	resize: none;
	border-radius: 0px;
	font-weight: 400;
	background: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid rgba(var(--color-three-rgb), 0.15);
}

/*** 

====================================================================
	Events Three
====================================================================

***/

/*** 

====================================================================
	Adventure Two
====================================================================

***/

/* Social Links */

/*** 

====================================================================
	Gallery Two
====================================================================

***/

.gallery-two {
	position: relative;
	padding: 100px 0px 100px;
}

.gallery-block_two {
	position: relative;
	margin-bottom: 30px;
}

.gallery-block_two-inner {
	position: relative;
	border-radius: 0px;
	overflow: hidden;
}

.gallery-block_two-image {
	position: relative;
}

.gallery-block_two-image img {
	position: relative;
	width: 100%;
	display: block;
	aspect-ratio: 1/1;
	object-fit: cover;
}

/*** 

====================================================================
	Videos One
====================================================================

***/

/*** 

====================================================================
	Shop Two
====================================================================

***/

.shop-two {
	position: relative;
	padding: 100px 0px 100px;
	background: var(--white-color);
}

/*** 

====================================================================
	Testimonial Four
====================================================================

***/

/*** 

====================================================================
	Faq Two
====================================================================

***/

/*** 

====================================================================
	Contact Info
====================================================================

***/

.contact-info {
	position: relative;
	padding: 100px 0px 70px;
	background-color: var(--color-four);
	border-bottom: 1px solid rgba(var(--white-color-rgb), 0.06);
}

/*** 

====================================================================
	Contact Two
====================================================================

***/

/*** 

====================================================================
	Map One
====================================================================

***/

/*** 

====================================================================
	Not Found
====================================================================

***/



.logo-box .logo img {
	height: 50px;
	width: 200px;
	object-fit: contain;
}

.category-area {
	position: relative;
	padding: 100px 0px 100px;
}

.category-box {
	position: relative;
}

.category-box .category-content {
	position: relative;
	transition: all 0.5s;
	background: var(--main-color);
	text-align: center;
	padding: 10px 2px;
}
.category-box:hover .category-content{
	background: var(--white-color);
}

.category-box .category-content:hover{
	background: var(--white-color);
}

.category-box .category-content a {
	font-size: 20px;
	line-height: 23.856px;
	font-weight: 600;
	color: #000000;
	display: inline-block;
}

.category-box .category-content a:hover {
	color: #1b1b1b;
}

.category-img {
	position: relative;
	overflow: hidden;
}

.category-img img {
	aspect-ratio: 2/3;
	object-fit: cover;
	filter: brightness(0.9);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.category-area .five-items_slider-prev {
	position: absolute;
	right: 60px;
	top: 0px;
	width: 48px;
	height: 48px;
	z-index: 99;
	cursor: pointer;
	text-align: center;
	line-height: 46px;
	text-align: center;
	border-radius: 0px;
	display: inline-block;
	color: var(--white-color);
	font-size: 18px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border: 1px solid rgba(var(--white-color-rgb), 0.15);
}

.category-area .five-items_slider-prev:hover {
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.category-area .five-items_slider-next:hover {
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.category-area .five-items_slider-next {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 48px;
	height: 48px;
	z-index: 99;
	cursor: pointer;
	text-align: center;
	line-height: 46px;
	text-align: center;
	border-radius: 0px;
	display: inline-block;
	color: var(--white-color);
	font-size: 18px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border: 1px solid rgba(var(--white-color-rgb), 0.15);
}

.category-box:hover .category-img img {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.category-area .five-items_slider-pagination {
	position: relative;
	z-index: 10;
	margin-top: 25px;
	text-align: center;
}
.category-area .swiper-pagination-bullet {
	position: relative;
	width: 10px;
	height: 10px;
	opacity: 1;
	cursor: pointer;
	margin: 0px 10px !important;
	display: inline-block;
	border-radius: 50px;
	border: 2px solid transparent;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	background-color: rgba(var(--color-five-rgb), 1);
}

.category-area .swiper-pagination-bullet:before {
	position: absolute;
	content: '';
	left: -8px;
	top: -8px;
	right: -8px;
	bottom: -8px;
	opacity: 0;
	border-radius: 50px;
	border: 1px solid rgba(var(--color-five-rgb), 1);
}

.category-area .swiper-pagination-bullet:hover,
.category-area .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background-color: rgba(var(--main-color-rgb), 1);
}

.category-area .swiper-pagination-bullet:hover::before,
.category-area .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	opacity: 1;
	border-color: var(--main-color);
}

.footer-logo img {
	height: 42px;
	width: 200px;
	object-fit: contain;
}

.slider-two .swiper-wrapper {
	height: 99vh !important;
}


.category-box .category-wrapper {
	display: flex;
	flex-direction: column-reverse;
}

@media (max-width:767px) {
	.slider-two .swiper-wrapper {
		height: 50vh !important;
	}

	.btn-style-one {
		padding: 5px 15px;
	}

	.slider-two_heading {
		font-size: 23px;
	}

	.video-two_image {
		background-attachment: unset !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}
}
.slider-two .swiper-slide-active .slider-two_heading {
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.shop-two .shop-block_one-inner img {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
}

.shop-two .shop-block_one-inner .image-two {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: absolute;
	top: 0;
	left: 0;
}

.shop-two .shop-block_one-inner:hover .image-one {
	visibility: hidden;
	opacity: 0;
}

.shop-two .shop-block_one-inner:hover .image-two {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.price-span {
	font-weight: 600;
	color: var(--black-color);
	font-size: 20px;
}

.shop-block_one-content {
	border-top: 1px solid var(--color-six);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.shop-block_one-inner:hover .shop-block_one-content {
	border-top: 1px solid var(--main-color);
}

.product-slider {
	overflow: hidden;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
}

.product-image-area {
	overflow: hidden;
	position: relative;
	padding: 0 10px;
	width: 100%;
	height: 600px
}

.product-thumbs {
	text-align: center;
	width: 20%;
	margin-top: -5px;
	display: flex;
	flex-direction: column;
	height: 609px;
	overflow-x: hidden
}

.product-thumbs a {
	display: inline-block;
	width: 100%;
	padding: .5em;
	opacity: .75;
	transition: opacity .3s cubic-bezier(.455, .03, .515, .955)
}

.product-thumbs a:hover {
	opacity: 1
}

.product-thumbs a.is-active {
	opacity: .2
}

.product-thumbs {
	position: relative;
}

.gallery__btn {
	position: absolute;
	height: 100%;
	left: 8%;
	display: flex;
	justify-content: center;
}

.gallery__btn__upper {
	background: white !important;
	width: 32px !important;
	height: 32px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	color: black !important;
	align-content: center !important;
	opacity: 1 !important;
	border-radius: 30px !important;
	position: absolute;
	top: 10px;
}

.gallery__btn__down {
	background: white !important;
	width: 32px !important;
	height: 32px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	color: black !important;
	align-content: center !important;
	opacity: 1 !important;
	border-radius: 30px !important;
	position: absolute;
	bottom: 10px;
}

.gallery__btn i {
	font-size: 18px;
}

@media (max-width: 767px) {
	.gallery__btn {
		position: absolute;
		display: flex;
		width: 100%;
		height: 0;
		top: 92%;
		left: 0;
	}

	.gallery__btn__upper {
		width: 20px !important;
		height: 20px !important;
		top: 0;
		left: 0;
	}

	.gallery__btn__down {
		width: 20px !important;
		height: 20px !important;
		top: 0;
		right: 0;
	}

	.gallery__btn i {
		font-size: 12px;
	}
}

.product-thumbs::-webkit-scrollbar {
	display: none
}

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

	.product-slider {
		flex-direction: column
	}

	.product-image-area {
		overflow: hidden;
		position: relative;
		width: 100%;
		background: var(--black-color);
		height: 500px
	}

	.product-thumbs {
		text-align: center;
		background: var(--black-color);
		width: 100%;
		margin-top: 5px;
		display: flex;
		flex-direction: row;
		height: 70px;
		overflow-y: hidden
	}
}

.product-title {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
}

.product-main-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wishlist {
	color: white;
}

.regular-price {
	font-weight: 600;
	font-size: 25px;
	color: var(--white-color);
}

.product-detail table td {
	border: 1px solid #323232;

	color: gray;
	font-size: 15px;
	padding: 5px;
}

.product-detail table th {
	border: 1px solid #323232;
	color: white;
	font-size: 15px;
	padding: 5px;
	font-weight: 400;
}

.product-detail table td p {
	color: white;
	padding: 0;
	margin: 0;
	line-height: normal;
}

.product-detail table tr p {
	font-size: 16px;
	padding-top: unset;
	padding-bottom: unset;
	padding-left: unset;
	padding-right: unset;
	color: white;
	line-height: unset;
	text-transform: none;
	margin-bottom: unset;
}

.size-area a {
	border-radius: 0;
	font-size: 16px;
	line-height: 1;
}



.size-area .form-group {
	margin: 0;
}

.size-area .custom-select {
	background-color: transparent;
	color: white;
	border: 1px solid white;
	font-size: 16px;
	border-radius: 0px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	padding: 15px 20px;
}

.size-area {
	display: flex;
	align-items: flex-end;
	gap: 15px;
}

.size-area .custom-select:focus {
	outline: none;
	border-color: #ddd;
}

.size-area .custom-select option {
	background-color: #333;
	color: white;
}

.size-area .custom-select option:disabled {
	color: gray;
}





.size-table {
	color: var(--main-color);
	text-decoration: underline;
	font-size: 16px;
	font-weight: 400;
}

.size-table:hover {
	color: var(--main-color);
	text-decoration: underline;
}


.ratings {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 20px;
}


.rating-wrap {
	color: var(--main-color);
	display: flex;
	gap: 3px;
}



.ratings .rating-num {
	font-size: 16px;
	line-height: 0;
	margin-left: 6px;
	color: #ffffff;
}

.border {
	border: 1px solid #4d4d4d !important;
}

.rating-title {
	text-transform: capitalize;
	color: white;
	position: relative;
	margin-right: 20px;
	font-size: 17px;
}


.rating-title:before {
	position: absolute;
	right: -10px;
	top: 0px;
	content: "|";
	font-size: 10px;
	color: var(--white-color);
}

.single-product-tab .nav-tabs {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

@media only screen and (max-width: 575px) {
	.single-product-tab .nav-tabs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		display: flex;
		flex-direction: row;
	}
}

.single-product-tab .nav-tabs .nav-item {
	text-align: center;
}

.single-product-tab .nav-tabs .nav-item .nav-link {
	font-weight: 500;
	color: #ffffff;
	font-size: 18px;
	border: 0px;
	margin: 0px;
	padding-top: 0px;
	line-height: 1;
	font-family: "poppins", sans-serif;
}

@media only screen and (max-width: 767px) {
	.single-product-tab .nav-tabs .nav-item .nav-link {
		padding: 0 5px 10px;
	}
}

@media only screen and (max-width: 767px) {
	.single-product-tab .nav-tabs .nav-item .nav-link {
		padding: 0 10px 10px;
	}
}

@media only screen and (max-width: 575px) {
	.single-product-tab .nav-tabs .nav-item .nav-link {
		padding: 0 10px 10px 0;
		font-size: 15px;
	}
}

.single-product-tab .nav-tabs .nav-item .nav-link.active {
	color: var(--main-color);
	background: none;
}

.single-product-tab .nav-tabs .nav-item:first-child .nav-link {
	padding-left: 0px;
	background: none;
}

.single-product-tab .tab-content {
	padding-top: 20px;
}

.single-product-tab .tab-content .desc-content {
	font-size: 14px;
	color: #535353;
}

.single-product-tab .review_details {
	border: 1px solid #444444;
	padding: 10px 20px;
	position: relative;
	border-radius: 3px;
	width: 100%;
}

@media only screen and (max-width: 479px) {
	.single-product-tab .review_details {
		margin-left: 0;
		padding: 10px 10px;
	}
}

.single-product-tab .review_details:before {
	background: #1f2023;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
	content: '';
	display: block;
	height: 10px;
	left: -6px;
	position: absolute;
	top: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}

.single-product-tab .review_details .review-title-date span {
	font-weight: 300;
	font-size: 15px;
	color: white;
}

@media only screen and (max-width: 479px) {
	.single-product-tab .review_details .review-title-date span {
		font-size: 12px;
		margin-left: 5px;
	}
}

.single-product-tab .review_details p {
	font-size: 16px;
	color: #ffffff;
}

.single-product-tab .desc-content p {
	color: white;
}

.single-product-tab .review-title-date {
	display: flex;
	align-items: center;
}

.product_desc-column p {
	color: white;
}

.product-button {
	display: flex;
	gap: 15px;
}

.product-summery .product-delivery-policy li i {
	font-size: 18px;
	color: var(--main-color);
	width: 20px;
	margin-right: 10px;
}

.product-summery .product-delivery-policy li {
	margin-bottom: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-summery .product-delivery-policy li span {
	color: #fff;
	font-size: 16px;
	width: calc(100% - 20px);
}

.product-summery .border-top {
	border-top: 1px solid #444444 !important;
}

.product-summery .border-bottom {
	border-bottom: 1px solid #444444 !important;
}

.cart-area {
	position: relative;
	display: flex;
}

.cart-image {
	width: 15%;
}

.cart-info {
	width: 85%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.product-title h3 {
	color: white;
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
}

.product-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	/* border-bottom: 1px solid #444444; */
	padding: 10px 20px;
}

.product-top span {
	color: white;
	font-size: 20px;
	font-weight: 500;
}

.product-title span {
	color: white;
	font-size: 16px;
	font-weight: 300;
}

.cart-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* --- Quantity --- */
.quantity {}

.quantity .cart-plus-minus {
	position: relative;
	width: 150px;
	text-align: left;
	height: 45px;
	overflow: hidden;
}

.quantity .cart-plus-minus>.cart-plus-minus-box {
	border: 1px solid #E8E8E8;
	height: 45px;
	text-align: center;
	width: 150px;
	background: #fff;
	font-size: 16px;
	font-weight: 600;
}

.quantity .cart-plus-minus>.qtybutton {
	cursor: pointer;
	position: absolute;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	width: 35px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	color: #212121;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.quantity .cart-plus-minus>.qtybutton:hover {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background-color: var(--main-color);
	color: #fff;
}

.quantity .cart-plus-minus>.qtybutton.dec {
	top: 50%;
	left: 0%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	border-right: 1px solid #E8E8E8;
}

.quantity .cart-plus-minus>.qtybutton.inc {
	top: 50%;
	right: 0%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	border-left: 1px solid #E8E8E8;
}

.product-body {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
}

.trash i {
	font-size: 25px;
	color: white;
}

.cart-calculator-wrapper {
	border: 1px solid #444444;
}

.cart-calculator-wrapper h3 {
	padding: 10px 20px;
	margin-bottom: 0;
	color: white;
	font-size: 20px;
	font-weight: 500;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td {
	color: #ffffff;
	padding: 15px 20px;
	font-size: 17px;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td:nth-child(2) {
	color: #ffffff;
	text-align: right;
}

.cart-calculator-wrapper table {
	margin-bottom: 0;
}

/*====================  
    7.10 Checkout Page CSS
====================*/

.checkbox-form .title {
	border-bottom: 2px solid #E8E8E8;
	font-size: 25px;
	margin: 0 0 25px;
	padding-bottom: 10px;
	width: 100%;
	font-weight: 400;
	position: relative;
	color: WHITE;
}

@media only screen and (max-width: 479px) {
	.checkbox-form .title {
		font-size: 18px;
	}
}

.checkbox-form .title::before {
	content: "";
	width: 100px;
	height: 2px;
	background: var(--main-color);
	position: absolute;
	top: 100%;
	left: 0;
}

.checkbox-form .country-select {
	margin-bottom: 25px;
}

.checkbox-form .checkout-form-list {
	margin-bottom: 30px;
}

.checkbox-form .checkout-form-list input[type="text"],
.checkbox-form .checkout-form-list input[type="email"] {
	background: #1f2023;
	border: 1px solid #444444;
	border-radius: 0;
	height: 42px;
	width: 100%;
	padding: 0 10px 0 10px;
	font-size: 15px;
	color: white;
	font-weight: 300;
}

.checkbox-form .checkout-form-list input[type="text"]:focus,
.checkbox-form .checkout-form-list input[type="email"]:focus {
	border: 1px solid var(--main-color);
}

.checkbox-form .checkout-form-list.create-acc {
	margin-bottom: 15px;
}

.checkbox-form .checkout-form-list.create-acc label {
	display: inline-block;
}

.checkbox-form .checkout-form-list label {
	color: #ffffff;
	font-size: 16px;
}

.checkbox-form .country-select label {
	margin: 0 0 5px;
	display: block;
	color: #ffffff;
	font-size: 15px;
}

.checkbox-form .country-select label span.required {
	display: inline-block;
	font-size: 24px;
	line-height: 16px;
	position: relative;
	top: 5px;
}

.create-account,
#ship-box-info {
	display: none;
}

.order-notes .checkout-form-list-2 {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
	.order-notes .checkout-form-list-2 {
		margin-bottom: 30px;
	}
}

.order-notes textarea {
	background-color: transparent;
	border: 1px solid #444444;
	height: 90px;
	padding: 15px;
	width: 100%;
	font-size: 16px;
	color: white;
	font-weight: 300;
}

.order-notes textarea:focus {
	border: 1px solid var(--main-color);
}

.checkout-section .cart-calculator-wrapper {
	border: none;

}


@media only screen and (max-width: 479px) {
	.your-order-area {
		padding: 0;
	}
}

.checkout-section .cart-calculator-wrapper .title {
	border-bottom: 2px solid #e1e1e1;
	font-size: 25px;
	padding: 0px 0px 10px 0px;
	width: 100%;
	font-weight: 400;
	position: relative;
	color: white;
}

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

	.checkout-section .cart-calculator-wrapper .title {
		font-size: 20px;
	}
}

.checkout-section .cart-calculator-wrapper .title::before {
	content: "";
	background: var(--main-color);
	width: 100px;
	height: 2px;
	left: 0;
	top: 100%;
	position: absolute;
}

.country-select label {
	color: white;
}

.myniceselect.nice-select {
	color: white;
	background-color: transparent;
	border: 1px solid #444444;
}

.myniceselect.nice-select option {
	background: var(--color-two);
	color: #fff;
}

.input-team {
	display: flex;
}

.input-team div {
	margin-right: 15px;
}


.checkout-section .custom-checkbox label {
	color: white;
	padding: 0;
	margin: 0;
	line-height: 1.2;
	padding-left: 5px;
	font-size: 16px;
}

.payment-wrapper {
	position: relative;
	padding: 30px;

}

.payment-title h3 {
	color: white;
	font-weight: 400;
	font-size: 25px;
}

.payment-option label {
	color: white;
	padding: 0;
	margin: 0;
	padding-left: 5px;
	font-size: 16px;
}

.payment-option p {
	color: white;
	font-weight: 300;
}

.payment-option div {
	border-bottom: 1px solid #444444;
}

.timeline {
	position: relative;
	margin: 50px auto;
	width: 1000px;
	box-sizing: border-box;
}

.timeline:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 2px;
	height: 100%;
	background: #c5c5c5;
}

.timeline ul {
	padding: 0;
	margin: 0;
}

.timeline ul li {
	list-style: none;
	position: relative;
	width: 50%;
	padding: 20px 40px;
	box-sizing: border-box;
}

.timeline ul li:nth-child(odd) {
	float: left;
	text-align: right;
	clear: both;
}

.timeline ul li:nth-child(even) {
	float: right;
	text-align: left;
	clear: both;
}

.timeline .content {
	padding-bottom: 50px;
}

.timeline ul li:nth-child(odd):before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 24px;
	right: -6px;
	background: var(--main-color);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.2);
}

.timeline ul li:nth-child(even):before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 24px;
	left: -4px;
	background: var(--main-color);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.2);
}

.timeline ul li p {
	margin: 0;
	padding: 0;
	color: white;
}

.timeline ul li .time h4 {
	margin: 0;
	padding: 0;
	font-size: 25px;
	text-align: center;
}

.timeline ul li:nth-child(odd) .time {
	position: absolute;
	top: 5px;
	right: -40%;
	margin: 0;
	padding: 8px 16px;
	background: var(--main-color);
	color: #fff;
	border-radius: 18px;
	width: 140px;
}

.timeline ul li:nth-child(even) .time {
	position: absolute;
	top: 5px;
	left: -40%;
	margin: 0;
	padding: 8px 16px;
	background: var(--main-color);
	color: #fff;
	border-radius: 18px;
	width: 140px;
}

@media(max-width:1000px) {
	.timeline {
		width: 100%;
	}
}

@media(max-width:767px) {
	.timeline {
		width: 100%;
		padding-bottom: 0;
	}

	.timeline:before {
		left: 20px;
		height: 100%;
	}

	.timeline ul li:nth-child(odd),
	.timeline ul li:nth-child(even) {
		width: 100%;
		text-align: left;
		padding-left: 50px;
		padding-bottom: 50px;
	}

	.timeline ul li:nth-child(odd):before,
	.timeline ul li:nth-child(even):before {
		top: -18px;
		left: 16px;
	}

	.timeline ul li:nth-child(odd) .time,
	.timeline ul li:nth-child(even) .time {
		top: -30px;
		left: 50px;
		right: inherit;
	}

	.timeline .content {
		padding-bottom: 30px;
	}

	.timeline ul li p {
		margin-top: 10px;
	}
}

.form-wrapper .widget {
	position: relative;
	padding: 30px;
}

.form-wrapper .widget dt {
	font-size: 18px;
	font-weight: 500;
}

.form-wrapper .widget dd {
	font-size: 18px;
	font-weight: 300;
}

.form-wrapper .widget hr {
	color: white;
}

.info-payment {

	padding: 5px 10px;
}

.info-payment p {
	color: white;
	margin: 0;
}

.info-payment i {
	color: var(--main-color);
}

.form-wrapper .widget .title {
	border-bottom: 2px solid #E8E8E8;
	font-size: 25px;
	margin: 0 0 25px;
	padding-bottom: 10px;
	width: 100%;
	font-weight: 400;
	position: relative;
	color: white;

}

.form-wrapper .widget .title:before {
	content: "";
	width: 100px;
	height: 2px;
	background: var(--main-color);
	position: absolute;
	top: 100%;
	left: 0;
}

.technology {
	position: relative;
	margin: 50px auto;
	width: 1000px;
	box-sizing: border-box;
}

.technology:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 2px;
	height: 100%;
	background: #c5c5c5;
}

.technology ul {
	padding: 0;
	margin: 0;
}

.technology ul li {
	list-style: none;
	position: relative;
	width: 50%;
	padding: 0px 20px;
	box-sizing: border-box;
}

.technology ul li:nth-child(odd) {
	float: left;
	text-align: right;
	clear: both;
}

.technology ul li:nth-child(even) {
	float: right;
	text-align: left;
	clear: both;
}

.technology .content {
	width: 80%;
}

.technology ul li:nth-child(odd):before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	right: -6px;
	background: var(--main-color);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.2);
}

.technology ul li:nth-child(even):before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: -4px;
	background: var(--main-color);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.2);
}

.technology ul li h3 {
	padding: 0;
	margin: 0;
	color: white;
	font-weight: 600;
	font-size: 30px;
	line-height: 50px;
}

@media(max-width:1000px) {
	.technology {
		width: 100%;
	}
}

@media(max-width:767px) {
	.technology {
		width: 100%;
		padding-bottom: 0;
	}

	.technology:before {
		left: 20px;
		height: 95%;
	}

	.technology ul li:nth-child(odd),
	.technology ul li:nth-child(even) {
		width: 100%;
		text-align: left;
		padding-left: 50px;
		margin-bottom: 50px;
	}

	.technology ul li:nth-child(odd):before,
	.technology ul li:nth-child(even):before {
		top: 50%;
		left: 16px;
	}

	.technology .content h3 {
		font-size: 16px !important;
	}
}

.technology .content img {
	aspect-ratio: 3/2;
	width: 100%;
	position: relative;
	filter: brightness(0.4);
}

.technology .content {
	position: relative;
	display: inline-block;
}

.technology .tech-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	padding: 20px;
}

.sales-point-info {
	position: relative;
	margin-bottom: 30px;
}

.sales-point-info {
	position: relative;
	margin-bottom: 30px;
}

.sales-point-inner {
	position: relative;
	text-align: center;
	border-radius: 0px;
	padding: 30px;
	border: 1px solid var(--color-six);
	background-color: var(--color-two);
	transition: all 0.5s ease 0s;
}
.sales-point-inner:hover{
	border: 1px solid var(--main-color);
}

.store-name {
	padding-bottom: 10px;
}

.store-city {
	padding-bottom: 10px;
}

.store-name h3 {
	color: var(--white-color);
	font-size: 22px;
}

.store-city p {
	color: var(--white-color);
	font-size: 18px;
	margin: 0;
}

.store-phone p a {
	font-size: 20px;
	color: var(--main-color);
}

._success {
	padding: 50px;
	width: 100%;
	text-align: center;
	margin: 40px auto;
	border-bottom: solid 4px #28a745;
	background-color: var(--color-two);
}

._success i {
	font-size: 55px;
	color: #28a745;
}

._success h2 {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 10px;
	color: #ffffff;
}

._success p {
	margin-bottom: 0px;
	font-size: 16px;
	color: #ffffff;
	font-weight: 300;
}

._failed {
	border-bottom: solid 4px red !important;
}

._failed i {
	color: red !important;
}

.payment-contact {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 20px;
}

.payment-contact a {
	font-size: 18px;
	color: var(--main-color);
	padding-bottom: 10px;
}

.contact-info {
	padding: 35px 35px;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.contact-section .title {
	border-bottom: 2px solid #E8E8E8;
	font-size: 25px;
	margin: 0 0 25px;
	padding-bottom: 10px;
	width: 100%;
	font-weight: 400;
	position: relative;
	color: WHITE;
}

.contact-section .title::before {
	content: "";
	width: 100px;
	height: 2px;
	background: var(--main-color);
	position: absolute;
	top: 100%;
	left: 0;
}

.contact-link i {
	font-family: "flaticon_riderdenim-icons";
	font-size: 30px;
	line-height: 50px;
	color: var(--main-color);
}

.contact-link a {
	font-size: 18px;
	display: flex;
	align-items: center;
	font-weight: 500;
	color: white;
}

.contact-link {
	display: flex;
	flex-direction: column;
}

.contact-form {
	position: relative;
	padding: 35px 35px;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.contact-form .custom-control-label {
	font-size: 16px;
}

.modal-style-2 .modal-login {
	width: 350px;
}

.modal-style-2 .modal-login a {
	text-decoration: none !important;
}

.modal-style-2 .modal-login .modal-content {
	padding: 20px;
	border-radius: 5px;
	border: none;
}

.modal-style-2 .modal-login .modal-header {
	border-bottom: none;
	position: relative;
	justify-content: center;
}

.modal-style-2 .modal-login h4 {
	text-align: center;
	font-size: 18px;
	margin-top: 0;
	border-bottom: 0;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0px;
	font-weight: 500;
	margin-bottom: 10px;
}

.modal-style-2 .modal-login .modal-content {
	color: #999;
	margin-bottom: 15px;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	padding: 25px;
}

.modal-style-2 .modal-login .form-group {
	margin-bottom: 20px;
}

.modal-style-2 .modal-login label {
	font-size: 16px;
	padding-left: 0;
	font-weight: 400;
}

.modal-style-2 .modal-login .modal-body {
	padding: 0;
}

.modal-style-2 .modal-login .form-control {
	min-height: 38px;
	padding-left: 5px;
	box-shadow: none !important;
	border-width: 0 0 1px 0;
	border-radius: 0;
	font-size: 16px;
}

.modal-style-2 .modal-login .form-control:focus {
	border-color: #ccc;
}

.modal-style-2 .modal-login .btn {
	font-size: 16px;
	font-weight: 400;
	border-radius: 25px;
	border: none;
	min-width: 140px;
	padding: 10px;
	outline: none !important;
}

.modal-style-2 input:-internal-autofill-selected {
	background-color: transparent !important;
}

.modal-style-2 .modal-login .modal-footer {
	color: #000;
	border-color: #dee4e7;
	text-align: center;
	margin: 0px;
	font-size: 16px;
	font-weight: 400;
	justify-content: center;
}

.modal-style-2 .modal-login a {
	color: var(--main-color);
	text-decoration: underline;
}

.modal-style-2 .modal-login a:hover {
	text-decoration: none;
}

.modal-style-2 .modal-login a {
	text-decoration: none;
}

.modal-style-2 .modal-login a:hover {
	text-decoration: underline;
}

.modal-style-2 .modal-login .fa {
	font-size: 16px;
	color: var(--main-color);
}

.dark.modal-style-2 .modal-content {
	background: #ffffff !important;
	color: #000 !important;
}

.modal-style-2.dark .modal-login h4 {
	color: #040404 !important;
}

.dark.modal-style-2 .modal-login .form-control {
	background: transparent !important;
	color: #000;
	border-color: #777;
}

.dark.modal-style-2 .modal-login .modal-footer {
	border: none;
}

.dark.modal-style-2 .modal-login .btn {
	background: var(--main-color);
}

@media only screen and (max-width: 360px) {
	.modal-style-2 .modal-login {
		width: 100%;
		margin: 5px;
	}

	.modal-style-2 .modal-login form {
		width: 100%;
	}
}

.register-section .title {
	border-bottom: 2px solid #E8E8E8;
	font-size: 25px;
	margin: 0 0 25px;
	padding-bottom: 10px;
	width: 100%;
	font-weight: 400;
	position: relative;
	color: WHITE;
}

.register-section .title::before {
	content: "";
	width: 100px;
	height: 2px;
	background: var(--main-color);
	position: absolute;
	top: 100%;
	left: 0;
}

.user-column:hover .user-image::before {
	-webkit-animation: circle .95s;
	animation: circle .95s;
}

.user-column:hover .user-image img {
	filter: brightness(0.8);
}

.user-image img {
	position: relative;
	width: 100%;
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	filter: brightness(0.5);
}

.user-column {
	position: relative;
	padding: 20px 20px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
	margin-bottom: 40px;
}

.user-image {
	position: relative;
	overflow: hidden;
}

.user-column span {
	position: relative;
	font-weight: 500;
	font-size: 16px;
	padding: 10px 16px;
	border-radius: 50px;
	color: var(--white-color);
	border: 1px solid rgba(var(--white-color-rgb), 0.20);
}

.user-content {
	position: absolute;
	left: 20px;
	top: 30px;
	z-index: 1;
}

.user-image::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, .2);
	border-radius: 0%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

/*====================  
    7.4 My Account Page CSS
====================*/
.myaccount-tab-menu {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.myaccount-tab-menu a {
	border: 1px solid #444444;
	border-bottom: none;
	color: #ffffff;
	font-weight: 500;
	font-size: 15px;
	display: block;
	padding: 10px 15px;
	text-transform: uppercase;
}

.myaccount-tab-menu a:last-child {
	border-bottom: 1px solid #E8E8E8;
}

.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
	background-color: var(--main-color);
	border-color: var(--main-color);
	color: #fff;
}

.myaccount-tab-menu a i {
	font-size: 14px;
	text-align: center;
	width: 25px;
}

@media only screen and (max-width: 767px) {
	#myaccountContent {
		margin-top: 30px;
	}
}

.myaccount-content {
	border: 1px solid #444444;
	padding: 30px;
}

@media only screen and (max-width: 575px) {
	.myaccount-content {
		padding: 20px 15px;
	}
}

.myaccount-content form {
	margin-top: -20px;
}

.myaccount-content form .single-input-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
}

.myaccount-content form .single-input-item label {
	color: white;
	font-size: 16px;
}

.myaccount-content form .single-input-item input {
	width: 100%;
	padding: 12px 10px;
	border: 1px solid #444444;
	background: transparent;
	color: white;
	font-size: 16px;
	font-weight: 300;
}

.myaccount-content form .single-input-item input:focus {
	border: 1px solid var(--main-color);
}
.myaccount-content form .single-input-item textarea {
	width: 100%;
	padding: 12px 10px;
	border: 1px solid #444444;
	background: transparent;
	color: white;
	font-size: 16px;
	font-weight: 300;
}

.myaccount-content form .single-input-item textarea:focus {
	border: 1px solid var(--main-color);
}

.myaccount-content form .single-item-button {
	width: 25%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.myaccount-content form .single-item-button {
		width: 30%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.myaccount-content form .single-item-button {
		width: 45%;
	}
}

@media only screen and (max-width: 767px) {
	.myaccount-content form .single-item-button {
		width: 100%;
	}
}

.myaccount-content .title {
	font-size: 20px;
	color: #ffffff;
	border-bottom: 1px dashed #444444;
	padding-bottom: 10px;
	margin-bottom: 25px;
	font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
	.myaccount-content .title {
		font-size: 20px;
	}
}

.myaccount-content fieldset {
	margin-top: 20px;
}

.myaccount-content fieldset legend {
	color: #ffffff;
	font-size: 20px;
	margin-top: 20px;
	font-weight: 400;
	border-bottom: 1px dashed #444444;
	margin-bottom: 20px;
}

.myaccount-table {
	white-space: nowrap;
	font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
	color: #ffffff;
	padding: 10px;
	font-weight: 500;
	background-color: #292929;
	border-color: #E8E8E8;
	border-bottom: 0;
}

.myaccount-table table td,
.myaccount-table .table td {
	padding: 10px;
	vertical-align: middle;
	border-color: #E8E8E8;
	color: white;
}

.custom-control-label a {
	color: var(--main-color);
}
.photo-tec{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.pht-rt{
	font-size: 50px;
	color: #f1c40f;
	margin-right: 20px;
}
.pht-tec{
	display: flex;
	flex-direction: column;
}
.pht-tec h2{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	color: var(--white-color);
}
.pht-tec img{
	width: 100%;
	border-radius: 10px;
}

.pr-alt{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f1c40f;
	color: #000;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 0 0 10px 0;
}

.filtering {
	background: var(--white-color);
}
.filter {
	display: inline-block;
	position: relative;
	z-index: 1;
	float: right;
	padding-top: 20px;
}
.filter ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.filter ul li {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.filter ul li a {
	display: block;
	padding: 10px 20px;
	background-color: var(--main-color);
	color: var(--black-color);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.3s;
}
.filter ul li a:hover {
	background-color: #333;
	color: #fff;
}
.filter ul li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 200px;
	background-color: #f5f5f5;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 2;
}
.filter ul li:hover ul {
	display: block;
}
.filter ul li ul li {
	display: block;
}
.filter ul li ul li a {
	display: block;
	padding: 10px 20px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.3s;
}
.filter ul li ul li a:hover {
	background-color: #333;
	color: #fff;
}

.error_form {
	text-align: center;
}

.error_form .title {
	font-size: 200px;
	font-weight: 700;
	color: white;
	letter-spacing: 10px;
	line-height: .73;
	margin: 0 0 52px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
	.error_form .title {
		font-size: 130px;
		letter-spacing: 4px;
		margin: 0 0 40px;
	}
}

@media only screen and (max-width: 479px) {
	.error_form .title {
		font-size: 106px;
		letter-spacing: 4px;
		margin: 0 0 20px;
	}
}

.error_form .sub-title {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 20px;
	color: white;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
	.error_form .sub-title {
		font-size: 18px;
		line-height: 1;
		margin-bottom: 14px;
	}
}

.error_form p {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 30px;
	color: white;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
	.error_form p {
		font-size: 14px;
		margin-bottom: 22px;
	}
}

.error_form .search-form-error {
	width: 450px;
	margin: 0 auto;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.error_form .search-form-error {
		width: 100%;
	}
}

.error_form .search-form-error .input-text {
	padding: 0 45px 0 10px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	color: #212121;
	height: 40px;
	width: 100%;
	border-radius: 3px;
}

.error_form .search-form-error .submit-btn {
	position: absolute;
	right: 0;
	height: 100%;
	border: none;
	background: no-repeat;
	font-size: 20px;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	top: 0;
	text-transform: uppercase;
	padding: 0 15px;
	font-weight: 600;
}


.search {
	float: left;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-top: 20px;
}
.search-area{
	display: inline-block;
	padding: 10px 20px;
	background-color: var(--main-color);
	color: var(--white-color);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s;
}
.search-btn {
	display: inline;
	padding: 10px 20px;
	background-color: var(--main-color);
	color: var(--white-color);
	text-transform: uppercase;
	transition: all 0.3s;
	margin-left: -5px;
}
.bdn-tble-t{
	display: flex;
	position: relative;
	justify-content: space-between;
}
.bdn-img{
	display: block;
	width: 120px;
	height: 120px;
	background-color: var(--main-color);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	box-shadow: 0 0 14px 0px #ffffff42;
	border: 1px solid var(--main-color);
}
.bdn-img img{
	width: 75%;
	height: auto;
}
.bdn-f-1{
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: rotateY(10deg);
	border-bottom: 1px solid white;
}
.bdn-f-2{
	margin-right: 10px;
	margin-top: 20px;
	height: 60px;
	padding: 10px;
	color: white;
	font-size: 20px;
	z-index: 2;
}
.bdn-f-2 span{
}
.bdn-tble{
	display: flex;
}
.bdn-tble table{
	width: 70%;
	background-color: white;
}
.bdn-tble table tr{
	border-bottom: 1px solid #444444;
}
.bdn-tble table tr td{
	color: white;
	font-size: 18px;
	padding: 10px;
	font-weight: 500;
	background: #1f2023;
}
.bdn-tble table tr td:first-child{
	color: white;
}
.bdn-tble table tr:first-child{
	border-bottom: 1px solid #444444;
}.bdn-tble table tr:first-child td{
	 color: white;
	 padding: 5px;
 }
.bdn-tble img{
	width: 30%;
}
.main-page{
	position: relative;
}
.main-page h2, .main-page h3, .main-page h4, .main-page h5, .main-page h6{
	color:var(--white-color);
}
.main-page p{
	color:var(--white-color);
	font-size:16px;
}
.main-page ul li{
	color:var(--white-color);
	font-size:16px;
}
.main-page ul li{
	list-style: disc;
}

.product-delivery-policy li a{
    color: var(--white-color);
}