/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

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

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Open Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Rajdhani", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	color: #444444;
	font-weight: 400;
	line-height: 27px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 65px;
}

.section-title.center-title h2:after {
	right: 0;
	margin: 0 auto;
}

.section-title span {
	font-size: 15px;
	display: block;
	font-weight: 700;
	letter-spacing: 4px;
	color: #ffc446;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.section-title h2 {
	font-size: 40px;
	font-weight: 600;
	color: #0e1f24;
	text-transform: uppercase;
	position: relative;
}

.section-title h2:after {
	position: absolute;
	left: 0;
	bottom: -18px;
	height: 2px;
	width: 70px;
	background: #e1e1e1;
	content: "";
}

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

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	font-family: "Rajdhani", sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #ffc446;
	padding: 12px 30px 10px;
}

.primary-btn.border_btn {
	background: transparent;
	border: 2px solid #ffc446;
	color: #11123a;
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	border: none;
	background: #052336;
	padding: 14px 30px 12px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header.header_shop .header__option__num {
	color: #1b2839;
}

.header__logo {
	padding: 20px 0;
	width: 150px; /* Genişliği ayarlayın (isteğe bağlı daha da küçültebilirsiniz) */
    height: 100px; /* Oranları koruyarak yüksekliği otomatik ayarlar */
    object-fit: contain; /* Görüntünün bozulmasını engeller */
}

.header__logo a {
	display: inline-block;
}

.header__options__nav {
	padding: 20px 0;
	text-align: right;
}

.header__menu {
	display: inline-block;
	margin-right: 45px;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 40px;
	position: relative;
}

.header__menu ul li.active a:after {
	opacity: 1;
}

.header__menu ul li:hover a:after {
	opacity: 1;
}

.header__menu ul li:hover .dropdown {
	top: 32px;
	opacity: 1;
	visibility: visible;
}

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

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 62px;
	width: 150px;
	background: #111111;
	text-align: left;
	padding: 5px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	padding: 5px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 16px;
	font-weight: 600;
	font-family: "Rajdhani", sans-serif;
	color: #052336;
	display: block;
	padding: 4px 0;
	text-transform: uppercase;
	position: relative;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ffc446;
	content: "";
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
}

.header__option__num {
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	font-family: "Rajdhani", sans-serif;
	color: #ffffff;
	background: #ffc446;
	padding: 10px 30px 8px;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	overflow: hidden;
}

.hero .container {
	position: relative;
	z-index: 5;
}

.hero__items {
	padding-top: 160px;
	padding-bottom: 222px;
}

.hero__text {
	background: rgba(17, 17, 17, 0.4);
	text-align: center;
	padding: 50px 90px;
	overflow: hidden;
}

.hero__text span {
	color: #ffc446;
	font-size: 15px;
	font-weight: 700;
	display: block;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 20px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text h2 {
	color: #ffffff;
	font-size: 50px;
	font-weight: 600;
	line-height: 55px;
	margin-bottom: 30px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.6s;
	-o-transition: all, 0.6s;
	transition: all, 0.6s;
}

.hero__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.9s;
	-o-transition: all, 0.9s;
	transition: all, 0.9s;
}

.hero__slider.owl-carousel .owl-item.active .hero__text span {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text .primary-btn {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-nav button {
	font-size: 36px;
	color: #ffffff;
	height: 100px;
	width: 100px;
	background: rgba(5, 35, 54, 0.5);
	border-radius: 50%;
	line-height: 100px;
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -50px;
}

.hero__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -50px;
}

.hero__slider.owl-carousel .owl-nav button.owl-next i {
	left: -18px;
}

.hero__slider.owl-carousel .owl-nav button i {
	position: relative;
	left: 18px;
	top: 0;
}


/*---------------------
  Services
-----------------------*/

.services {
	padding-bottom: 50px;
}

.services__item {
	margin-bottom: 45px;
}

.services__item:hover .services__item__icon {
	background: #ffc446;
}

.services__item:hover .services__item__icon i {
	color: #ffffff;
}

.services__item__icon {
	height: 85px;
	width: 85px;
	border: 1px solid #ffc446;
	line-height: 85px;
	text-align: center;
	border-radius: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	float: left;
	margin-right: 42px;
	margin-top: 15px;
	margin-left: 13px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.services__item__icon i {
	color: #ffc446;
	display: inline-block;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	top: -2px;
	left: 3px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.services__item__text {
	overflow: hidden;
}

.services__item__text h4 {
	color: #0e1f24;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.services__item__text p {
	font-weight: 300;
	margin-bottom: 0;
	line-height: 27px;
}

/*---------------------
  Chooseus
-----------------------*/

.chooseus {
	background: #f6f6f9;
	margin-bottom: -290px;
	padding-bottom: 0;
}

.chooseus.about-chooseus {
	background: transparent;
	padding: 0;
}

.chooseus__content {
	background: #ffffff;
	padding: 20px 70px 0 35px;
	position: relative;
	z-index: 1;
}

.chooseus__pic__item {
	height: 270px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.chooseus__pic__item.large__item {
	height: 560px;
}

.chooseus__text {
	padding-left: 30px;
	padding-top: 60px;
	padding-bottom: 77px;
}

.chooseus__text .section-title {
	margin-bottom: 50px;
}

.chooseus__text p {
	font-weight: 300;
}

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

.chooseus__text ul li {
	list-style: none;
	font-size: 15px;
	font-weight: 300;
	color: #444444;
	line-height: 32px;
}

.chooseus__text ul li i {
	color: #ffc446;
	margin-right: 10px;
}

.chooseus__text .primary-btn {
	background: #1b2839;
}

/*---------------------
  Counter
-----------------------*/

.counter {
	background: #1b2839;
	padding-top: 390px;
	padding-bottom: 60px;
}

.counter__item {
	width: 20%;
	float: left;
	text-align: center;
	margin-bottom: 30px;
}

.counter__item p {
	color: #888888;
	margin-bottom: 0;
}

.counter__item__num {
	margin-bottom: 5px;
	margin-top: 16px;
}

.counter__item__num h2 {
	font-size: 50px;
	color: #ffffff;
	font-weight: 600;
	display: inline-block;
}

.counter__item__num span {
	font-size: 50px;
	color: #ffffff;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	display: inline-block;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial__left {
	height: 456px;
}

.testimonial__left .testimonial__left__text {
	padding: 136px 15px 140px 90px;
	max-width: 550px;
}

.testimonial__left .testimonial__left__text h2 {
	color: #ffffff;
	font-size: 40px;
	line-height: 55px;
	margin-bottom: 25px;
}

.testimonial__left .testimonial__left__text .phone__number {
	font-size: 60px;
	color: #ffc446;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	line-height: 45px;
}

.testimonial__content {
	background: #1b2839;
	height: 456px;
	padding: 84px 160px 80px 90px;
}

.testimonial__content h4 {
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 34px;
}

.testimonial__content h4 i {
	font-size: 30px;
	color: #ffc446;
	margin-right: 5px;
}

.testimonial__item p {
	font-size: 40px;
	color: #ffffff;
	font-family: "Rajdhani", sans-serif;
	line-height: 55px;
	margin-bottom: 32px;
}

.testimonial__item h5 {
	color: #888888;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

.testimonial__item h5 span {
	font-size: 13px;
	font-weight: 400;
	margin-left: 15px;
}

.testimonial__slider.owl-carousel .owl-dots {
	position: absolute;
	right: -125px;
	top: 30%;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.testimonial__slider.owl-carousel .owl-dots button {
	height: 3px;
	width: 20px;
	background: rgba(255, 255, 255, 0.4);
	margin-right: 15px;
}

.testimonial__slider.owl-carousel .owl-dots button.active {
	background: #ffffff;
	width: 30px;
}

.testimonial__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

/*---------------------
  Latest
-----------------------*/

.latest {
	padding-bottom: 70px;
}

/*---------------------
  Call To Action
-----------------------*/

.callto {
	background: #e7ebf0;
	height: 540px;
	position: relative;
	z-index: 1;
	padding: 88px 0;
}

.callto .callto__pic {
	position: absolute;
	right: 0;
	top: 0;
	height: 540px;
	width: 50%;
	z-index: -1;
}

.callto__text {
	background: #ffffff;
	padding: 90px;
}

.callto__text h2 {
	color: #11123a;
	font-size: 50px;
	font-weight: 600;
	line-height: 55px;
	margin-bottom: 26px;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	background: #1b2839;
	padding-top: 60px;
}

.footer__about {
	margin-bottom: 35px;
}

.footer__about .footer__logo {
	margin-bottom: 34px;
}

.footer__about .footer__logo a {
	display: inline-block;
}

.footer__about ul li {
	list-style: none;
	font-size: 14px;
	color: #ffffff;
	line-height: 26px;
	margin-bottom: 10px;
}

.footer__about ul li i {
	color: #ffc446;
	margin-right: 5px;
}

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

.footer__widget {
	margin-bottom: 35px;
}

.footer__widget h5 {
	color: #ffc446;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-size: 14px;
	color: #ffffff;
	line-height: 32px;
	opacity: 0.7;
}

.footer__widget p {
	font-size: 14px;
	color: #ffffff;
	line-height: 29px;
	margin-bottom: 10px;
	opacity: 0.7;
}

.footer__widget form {
	position: relative;
}

.footer__widget form input {
	width: 100%;
	height: 46px;
	color: #ffffff;
	font-size: 14px;
	background: transparent;
	border: none;
	border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.footer__widget form input::-webkit-input-placeholder {
	color: #ffffff;
	opacity: 0.3;
}

.footer__widget form input::-moz-placeholder {
	color: #ffffff;
	opacity: 0.3;
}

.footer__widget form input:-ms-input-placeholder {
	color: #ffffff;
	opacity: 0.3;
}

.footer__widget form input::-ms-input-placeholder {
	color: #ffffff;
	opacity: 0.3;
}

.footer__widget form input::placeholder {
	color: #ffffff;
	opacity: 0.3;
}

.footer__widget form button {
	border: none;
	background: transparent;
	color: #ffc446;
	font-size: 16px;
	font-weight: 600;
	font-family: "Rajdhani", sans-serif;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.footer__copyright {
	margin-top: 35px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 25px 0;
}

.footer__copyright .footer__copyright__text {
	margin-bottom: 0;
	color: #ffffff;
	font-size: 14px;
	opacity: 0.7;
}

.footer__copyright .footer__copyright__text i {
	color: #ffc446;
}

.footer__copyright .footer__copyright__text a {
	color: #ffc446;
}

.footer__copyright .footer__copyright__links {
	text-align: right;
}

.footer__copyright .footer__copyright__links a {
	color: #ffffff;
	font-size: 20px;
	display: inline-block;
	margin-right: 26px;
}

.footer__copyright .footer__copyright__links a:last-child {
	margin-right: 0;
}

/*---------------------
  About
-----------------------*/

.about {
	padding-bottom: 40px;
}

.about__text {
	margin-bottom: 40px;
	padding-top: 20px;
}

.about__text .label {
	font-size: 15px;
	color: #ffc446;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.about__text h2 {
	font-size: 40px;
	color: #444444;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.about__text h2 span {
	font-weight: 600;
	color: #170e02;
}

.about__text p {
	color: #424242;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 30px;
}

.about__text .primary-btn {
	background: #052336;
}

.about__video {
	height: 440px;
	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;
	margin-bottom: 100px;
	margin-bottom: 40px;
}

.about__video .play-btn {
	display: inline-block;
	font-size: 30px;
	color: #ffc446;
	height: 70px;
	width: 70px;
	background: #ffffff;
	line-height: 70px;
	text-align: center;
	border-radius: 50%;
}

/*---------------------
  Team
-----------------------*/

.team {
	padding-bottom: 65px;
}

.team__item {
	margin-bottom: 35px;
}

.team__item__pic img {
	min-width: 100%;
}

.team__item__text {
	text-align: center;
	background: #ffffff;
	margin: 0 40px;
	padding: 20px 25px 0;
	margin-top: -20px !important;
	position: relative;
	z-index: 1;
}

.team__item__text .team__item__social {
	margin-bottom: 14px;
}

.team__item__text .team__item__social a {
	display: inline-block;
	font-size: 16px;
	color: #888888;
	margin-right: 7px;
}

.team__item__text .team__item__social a:last-child {
	margin-bottom: 0;
}

.team__item__text h4 {
	color: #052336;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.team__item__text span {
	color: #ffc446;
	display: block;
	font-size: 14px;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding: 45px 0;
}

.breadcrumb__text h2 {
	font-size: 40px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.breadcrumb__links a {
	font-size: 16px;
	color: #ffffff;
	display: inline-block;
	margin-right: 26px;
	position: relative;
	text-transform: uppercase;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -20px;
	top: -1px;
	content: "|";
	color: #ffffff;
}

.breadcrumb__links span {
	font-size: 16px;
	color: #ffffff;
	display: inline-block;
	text-transform: uppercase;
}

/*---------------------
  Product
-----------------------*/

.product {
	padding-bottom: 50px;
}

.product-page {
	padding-bottom: 80px;
}

.product__item {
	display: block;
	margin-bottom: 45px;
}

.border__btn {
	text-align: right;
	margin-bottom: 50px;
}

.dc-flex {
	max-width: 20%;
	width: 100%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.product__item__pic img {
	min-width: 100%;
	border: 1px solid #f2f2f2;
	width: 100%; /* Genişliği kartın tamamına yay */
    height: 300px; /* Sabit yükseklik belirle */
    object-fit: cover; /* Taşan kısımları kırparak, görüntüyü düzgün bir şekilde sığdır */
    display: block;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    transform: scale(1);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.8);
}


.product__item__text {
	padding-top: 22px;
	position: relative;
}

.product__item__text h5 {
	color: #0e1f24;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.product__item__text h6 {
	color: #888888;
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
}

.product__item__text .rating {
	position: absolute;
	right: 5px;
	top: 15px;
}

.product__item__text .rating i {
	color: #e5b84d;
	font-size: 12px;
	margin-right: -5px;
}

.product__pag {
	margin-bottom: 20px;
}

.product__pag a {
	display: inline-block;
	color: #1b2839;
	font-size: 18px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	height: 45px;
	width: 45px;
	border: 1px solid #e1e1e1;
	line-height: 45px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 10px;
}

.product__pag a:last-child {
	margin-right: 0;
}

.product__pag a:hover {
	background: #1b2839;
	border-color: #1b2839;
	color: #ffffff;
}

.product__show {
	text-align: right;
	margin-bottom: 20px;
}

.product__show p {
	color: #1b2839;
	margin-bottom: 0;
}

.product__sidebar__search {
	margin-bottom: 55px;
}

.product__sidebar__search form {
	position: relative;
}

.product__sidebar__search form input {
	height: 50px;
	width: 100%;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	color: #888888;
	font-weight: 300;
	padding-left: 20px;
}

.product__sidebar__search form input::-webkit-input-placeholder {
	color: #888888;
	font-weight: 300;
}

.product__sidebar__search form input::-moz-placeholder {
	color: #888888;
	font-weight: 300;
}

.product__sidebar__search form input:-ms-input-placeholder {
	color: #888888;
	font-weight: 300;
}

.product__sidebar__search form input::-ms-input-placeholder {
	color: #888888;
	font-weight: 300;
}

.product__sidebar__search form input::placeholder {
	color: #888888;
	font-weight: 300;
}

.product__sidebar__search form button {
	border: none;
	background: transparent;
	font-size: 22px;
	color: #1b2839;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 15px;
}

.product__sidebar__categories {
	margin-bottom: 45px;
}

.product__sidebar__categories h4 {
	color: #1b2839;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.product__sidebar__categories ul li {
	list-style: none;
}

.product__sidebar__categories ul li a {
	font-size: 15px;
	color: #888888;
	line-height: 34px;
}

.product__sidebar__price__filter h4 {
	color: #1b2839;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.product__sidebar__price__filter .input__filter {
	position: relative;
}

.product__sidebar__price__filter .input__filter:after {
	position: absolute;
	left: 75px;
	bottom: 10px;
	content: ":";
	font-size: 22px;
	color: #1b2839;
	font-weight: 600;
}

.product__sidebar__price__filter .input__filter input {
	color: #ffc446;
	font-size: 22px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	border: none;
	border-bottom: 2px solid #e1e1e1;
	height: 44px;
	width: 55px;
	text-align: center;
	margin-right: 45px;
}

.product__sidebar__price__filter .input__filter input:last-child {
	margin-right: 0;
}

.product__sidebar__price__filter .input__filter input::-webkit-input-placeholder {
	color: #ffc446;
}

.product__sidebar__price__filter .input__filter input::-moz-placeholder {
	color: #ffc446;
}

.product__sidebar__price__filter .input__filter input:-ms-input-placeholder {
	color: #ffc446;
}

.product__sidebar__price__filter .input__filter input::-ms-input-placeholder {
	color: #ffc446;
}

.product__sidebar__price__filter .input__filter input::placeholder {
	color: #ffc446;
}

/*---------------------
  Product Details
-----------------------*/

.product-details {
	padding-bottom: 55px;
}

.product__details__pic {
	margin-right: -20px;
	overflow: hidden;
	margin-bottom: 50px;
}

.product__details__pic__item {
	float: left;
	width: calc(79.4% - 20px);
	border: 1px solid #e1e1e1;
	margin-right: 20px;
	height: 536px;
}

.product__details__pic__item img {
	min-width: 100%;
	height: 100%;
}

.product__details__thumb {
	float: left;
	width: calc(20.6% - 30px);
}

.pt__item {
	border: 1px solid #e1e1e1;
	margin-bottom: 28px;
	cursor: pointer;
}

.pt__item.active {
	border-color: #ffc446;
}

.pt__item:last-child {
	margin-bottom: 0;
}

.pt__item img {
	min-width: 100%;
}

.product__details__text {
	margin-bottom: 50px;
}

.product__details__text__title {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 30px;
}

.product__details__text__title .label {
	font-size: 14px;
	font-weight: 700;
	color: #ffc446;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.product__details__text__title h3 {
	color: #1b2839;
	line-height: 35px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.product__details__text__title .price {
	font-size: 30px;
	color: #ffc446;
	font-weight: 600;
	font-family: "Rajdhani", sans-serif;
}

.product__details__widget {
	overflow: hidden;
	padding-top: 50px;
	margin-bottom: 35px;
}

.product__details__widget .quantity {
	overflow: hidden;
	float: left;
	margin-right: 20px;
}

.product__details__widget .quantity .pro-qty {
	width: 140px;
	height: 50px;
	border: 1px solid #e1e1e1;
	padding: 0 13px;
}

.product__details__widget .quantity .pro-qty .qtybtn {
	font-size: 16px;
	color: #1b2839;
	width: 25px;
	float: left;
	text-align: center;
	height: 100%;
	line-height: 46px;
	cursor: pointer;
}

.product__details__widget .quantity .pro-qty input {
	font-size: 22px;
	color: #111111;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	width: 61px;
	float: left;
	background: transparent;
	border: none;
	height: 100%;
	text-align: center;
}

.product__details__widget .primary-btn {
	background: #111111;
	float: left;
	margin-right: 20px;
	height: 50px;
	padding: 14px 30px 10px;
}

.product__details__widget .heart__btn {
	width: 50px;
	height: 50px;
	border: 1px solid #e1e1e1;
	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;
}

.product__details__widget .heart__btn i {
	font-size: 25px;
	color: #111111;
}

.product__details__info p {
	line-height: 28px;
}

.product__details__info ul li {
	list-style: none;
	font-size: 15px;
	color: #888888;
	line-height: 32px;
}

.product__details__info ul li span {
	color: #1b2839;
	font-weight: 500;
	text-transform: uppercase;
}

.product__details__desc__tab {
	padding-top: 30px;
}

.product__details__desc__tab .nav {
	border: none;
	margin-bottom: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 12px;
}

.product__details__desc__tab .nav-item {
	margin-right: 55px;
	position: relative;
}

.product__details__desc__tab .nav-item:after {
	position: absolute;
	right: -32px;
	top: 0;
	content: "|";
	color: #ababab;
	font-size: 18px;
}

.product__details__desc__tab .nav-item:last-child {
	margin-right: 0;
}

.product__details__desc__tab .nav-item:last-child:after {
	display: none;
}

.product__details__desc__tab .nav-link {
	font-size: 22px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	color: #1b2839;
	padding: 0;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: relative;
}

.product__details__desc__tab .nav-link:after {
	position: absolute;
	left: 0;
	bottom: -12px;
	height: 2px;
	width: 100%;
	background: #ffc446;
	content: "";
	opacity: 0;
}

.product__details__desc__tab .nav-link.active {
	color: #ffc446;
	background-color: transparent;
	border-color: transparent;
}

.product__details__desc__tab .nav-link.active:after {
	opacity: 1;
}

.product__details__desc__tab .tab-content {
	text-align: center;
}

.product__details__desc__tab .tab-content p {
	line-height: 30px;
	margin-bottom: 0;
}

/*---------------------
  Related Products
-----------------------*/

.related__products {
	padding-top: 75px;
}

/*---------------------
  Services
-----------------------*/

.services__page__widget {
	margin-top: 45px;
}

.services__page__widget__form {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.services__info__text {
    position: relative;
    z-index: 2; 
    background: rgba(0, 0, 0, 0.5); 
    padding: 30px;
    border-radius: 10px;
    width: 100%;
    color: white !important; 
    text-align: center;
}
.services__info__text * {
    color: white !important;  
    text-shadow: none;    
}


.services__page__widget__form::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}


.services__page__widget__text {
	background: #f6f6f9;
	padding: 115px 120px;
	margin-left: -120px;
	margin-top: 50px;
}

.services__page__widget__text p {
	color: #424242;
	font-size: 45px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	line-height: 50px;
	margin-bottom: 0;
}

.services__page__widget__text p span {
	color: #ffc446;
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-bottom: 70px;
}

.contact__map {
	height: 500px;
	margin-bottom: 50px;
}

.contact__map iframe {
	width: 100%;
}

.contact__widget {
	margin-bottom: 30px;
}

.contact__widget__item {
	margin-bottom: 45px;
}

.contact__widget__item:last-child {
	margin-bottom: 0;
}

.contact__widget__item__icon {
	height: 46px;
	width: 46px;
	border: 1px solid #ffc446;
	border-radius: 5px;
	line-height: 46px;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	float: left;
	margin-right: 38px;
	position: relative;
	top: 8px;
}

.contact__widget__item__icon span {
	font-size: 24px;
	color: #1b2839;
	display: inline-block;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	left: -1px;
	top: 2px;
}

.contact__widget__item__text {
	overflow: hidden;
}

.contact__widget__item__text h4 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 4px;
}

.contact__widget__item__text p {
	margin-bottom: 0;
}

.contact__form {
	margin-bottom: 30px;
}

.contact__form form input {
	width: 100%;
	height: 46px;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	color: #888888;
	padding-left: 20px;
	margin-bottom: 20px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #888888;
}

.contact__form form input::-moz-placeholder {
	color: #888888;
}

.contact__form form input:-ms-input-placeholder {
	color: #888888;
}

.contact__form form input::-ms-input-placeholder {
	color: #888888;
}

.contact__form form input::placeholder {
	color: #888888;
}

.contact__form form textarea {
	width: 100%;
	height: 110px;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	color: #888888;
	padding-left: 20px;
	padding-top: 12px;
	resize: none;
	margin-bottom: 14px;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #888888;
}

.contact__form form textarea::-moz-placeholder {
	color: #888888;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #888888;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #888888;
}

.contact__form form textarea::placeholder {
	color: #888888;
}

.contact__form form button {
	width: 100%;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1449px) {
	.filter__form {
		padding: 40px 30px 30px;
	}
	.hero__text {
		padding: 50px 50px;
	}
	.chooseus__text {
		padding-bottom: 51px;
	}
	.testimonial__content {
		padding: 84px 90px 80px 90px;
	}
	.testimonial__item p {
		font-size: 32px;
		line-height: 42px;
	}
	.testimonial__slider.owl-carousel .owl-dots {
		right: -100px;
	}
	.blog__item__text {
		padding: 30px 25px 25px 30px;
	}
	.callto__text {
		padding: 60px;
	}
	.team__item__text {
		margin: 0 20px;
		padding: 20px 15px 0;
	}
	.services__page__widget__text {
		padding: 100px 90px;
	}
	.wishlist__table tbody tr td.wishlist__item {
		width: 600px;
	}
	.product__details__pic__item img {
		height: auto;
	}
	.product__details__pic__item {
		height: auto;
	}
	.blog__details__comment {
		padding: 30px 30px 30px;
	}
}

@media only screen and (min-width: 1450px) {
	.container {
		max-width: 1410px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 25px;
	}
	.header__menu {
		margin-right: 25px;
	}
	.hero__text {
		padding: 50px 50px;
	}
	.filter__form {
		padding: 40px 30px 30px;
	}
	.filter__form h2 {
		font-size: 36px;
	}
	.filter__form form .form__btn button {
		font-size: 12px;
		letter-spacing: 0px;
	}
	.chooseus__text {
		padding-bottom: 51px;
	}
	.testimonial__left .testimonial__left__text {
		padding: 136px 15px 140px 35px;
	}
	.testimonial__content {
		padding: 84px 60px 80px 60px;
	}
	.testimonial__item p {
		font-size: 28px;
		line-height: 42px;
	}
	.testimonial__slider.owl-carousel .owl-dots {
		right: -90px;
	}
	.blog__item__pic {
		float: none;
	}
	.blog__item__pic img {
		width: 100%;
		height: auto;
	}
	.callto__text {
		padding: 60px;
	}
	.about__text {
		padding-top: 0;
	}
	.team__item__text {
		margin: 0px 10px;
		padding: 20px 15px 0;
	}
	.services__page__widget__text {
		padding: 80px 75px;
		margin-left: -80px;
	}
	.services__page__widget__form {
		padding: 50px 90px 50px 50px;
	}
	.product__sidebar__price__filter .input__filter input {
		width: 26%;
	}
	.cart__right {
		padding-left: 0;
	}
	.cart__table tbody tr td.cart__item .cart__item__text {
		padding-top: 10px;
	}
	.cart__total a {
		letter-spacing: 1px;
		padding: 14px 15px 12px;
	}
	.checkout__proceed {
		padding: 35px 30px 30px;
		margin-left: 0;
	}
	.wishlist__cart .primary-btn {
		padding: 12px 15px 10px;
	}
	.wishlist__table tbody tr td.wishlist__item {
		width: 600px;
	}
	.product__details__pic__item img {
		height: auto;
	}
	.product__details__pic__item {
		height: auto;
	}
	.blog__details__comment {
		padding: 25px 30px 30px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #111111;
		height: 35px;
		width: 35px;
		line-height: 34px;
		text-align: center;
		border: 1px solid #111111;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 28px;
		z-index: 9;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #ffffff;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.header .container {
		position: relative;
	}
	.header__options__nav {
		display: none;
	}
	.hero__text {
		padding: 50px 40px;
	}
	.filter__form form .input__item {
		width: calc(50% - 20px);
		margin-bottom: 20px;
	}
	.filter__form form .form__btn {
		width: calc(50% - 20px);
		margin-bottom: 20px;
	}
	.filter__form h2 {
		margin-bottom: 25px;
	}
	.chooseus__content {
		padding: 20px 20px 0 35px;
	}
	.chooseus__text {
		padding-left: 0px;
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.counter__item {
		width: 33.33%;
	}
	.dc-flex {
		max-width: 50%;
	}
	.testimonial__content {
		height: auto;
	}
	.testimonial__left .testimonial__left__text {
		padding: 136px 90px 140px 90px;
		max-width: initial;
	}
	.callto__text {
		padding: 80px;
	}
	.services__page__widget__text {
		margin-left: 0;
		margin-top: 0;
	}
	.services__page__widget__form {
		padding: 50px;
	}
	.product__sidebar {
		padding-top: 30px;
	}
	.cart__right {
		padding-left: 0;
		padding-top: 40px;
	}
	.checkout__proceed {
		margin-top: 40px;
		margin-left: 0;
	}
	.wishlist__table tbody tr td {
		width: 280px;
	}
	.wishlist__table tbody tr td .primary-btn {
		letter-spacing: 0px;
		padding: 12px 13px 10px;
	}
	.wishlist__table tbody tr td.wishlist__item .wishlist__item__text {
		padding-top: 0;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #111111;
		height: 35px;
		width: 35px;
		line-height: 34px;
		text-align: center;
		border: 1px solid #111111;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 28px;
		z-index: 9;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #ffffff;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.header .container {
		position: relative;
	}
	.header__options__nav {
		display: none;
	}
	.hero__text {
		padding: 50px 35px;
	}
	.filter__form h2 {
		margin-bottom: 25px;
	}
	.filter__form {
		padding: 35px 30px 30px;
	}
	.filter__form form {
		margin-right: 0;
	}
	.filter__form form .input__item {
		width: 100%;
		margin-bottom: 20px;
	}
	.filter__form form .form__btn {
		width: 100%;
	}
	.chooseus__content {
		padding: 20px 20px 0 35px;
	}
	.chooseus__text {
		padding-left: 0px;
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.counter__item {
		width: 50%;
		height: 190px;
	}
	.dc-flex {
		max-width: 100%;
	}
	.testimonial__content {
		height: auto;
		padding: 84px 40px 80px 40px;
	}
	.testimonial__slider.owl-carousel .owl-dots {
		right: -70px;
	}
	.testimonial__left .testimonial__left__text {
		padding: 136px 30px 140px 30px;
		max-width: initial;
	}
	.border__btn {
		text-align: left;
	}
	.blog__item__pic {
		float: none;
	}
	.blog__item__pic img {
		width: 100%;
		height: auto;
	}
	.blog__item__text {
		padding: 40px 30px 38px 30px;
		height: auto;
	}
	.callto__text {
		padding: 80px;
	}
	.callto__text {
		padding: 50px;
		margin-bottom: 80px;
	}
	.callto {
		height: auto;
		padding-bottom: 0;
	}
	.callto .callto__pic {
		position: relative;
		width: 100%;
	}
	.footer__copyright .footer__copyright__text {
		text-align: center;
		margin-bottom: 20px;
	}
	.footer__copyright .footer__copyright__links {
		text-align: center;
	}
	.services__page__widget__form {
		padding: 40px;
	}
	.services__page__widget__text {
		padding: 60px 40px;
		margin-left: 0;
		margin-top: 0;
	}
	.product__pag {
		text-align: center;
	}
	.product__show {
		text-align: center;
	}
	.product__sidebar {
		padding-top: 30px;
	}
	.cart__table {
		overflow-x: auto;
	}
	.cart__table tbody tr td.cart__item .cart__item__pic {
		float: none;
		margin-right: 0;
	}
	.cart__table tbody tr td.cart__item {
		width: auto;
	}
	.cart__quantity {
		width: auto;
	}
	.cart__price {
		width: auto;
	}
	.cart__btn__right {
		text-align: left;
		padding-top: 30px;
	}
	.cart__right {
		padding-left: 0;
		padding-top: 40px;
	}
	.checkout__form__top h6 {
		text-align: left;
		margin-top: 15px;
	}
	.checkout__proceed {
		margin-top: 40px;
		margin-left: 0;
	}
	.checkout {
		overflow: hidden;
	}
	.wishlist__table tbody tr td.wishlist__item .wishlist__item__pic {
		float: none;
		margin-right: 0;
	}
	.wishlist__table tbody tr td.wishlist__item {
		width: auto;
	}
	.wishlist__quantity {
		width: auto;
	}
	.wishlist__price {
		width: 100px;
	}
	.wishlist__close {
		width: 50px;
	}
	.wishlist__cart {
		width: auto;
	}
	.wishlist__table {
		overflow-x: auto;
	}
	.wishlist__cart .primary-btn {
		padding: 12px 10px 10px;
	}
	.product__details__pic__item img {
		height: auto;
	}
	.product__details__pic__item {
		height: auto;
	}
	.product__details__desc__tab .nav-item {
		margin-right: 20px;
	}
	.product__details__desc__tab .nav-item:after {
		right: -16px;
	}
	.blog__hero__text {
		padding: 35px 35px;
	}
	.blog__details__comment {
		padding: 25px 30px 30px;
	}
	.product-details {
		overflow: hidden;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__text h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.counter__item {
		width: 100%;
		height: auto;
	}
	.testimonial__item p {
		font-size: 28px;
		line-height: 44px;
	}
	.testimonial__left {
		height: auto;
	}
	.callto__text {
		padding: 25px;
	}
	.services__page__widget__form {
		padding: 30px;
	}
	.services__page__widget__text {
		padding: 40px 30px;
	}
	.services__page__widget__text p {
		font-size: 28px;
		line-height: 42px;
	}
	.cart__total a {
		letter-spacing: 1px;
		padding: 14px 15px 12px;
	}
	.checkout__proceed {
		padding: 30px 25px 30px;
	}
	.product__details__widget .quantity {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.product__details__desc__tab .nav-item {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.product__details__desc__tab .nav-link:after {
		display: none;
	}
	.product__details__desc__tab .nav {
		display: block;
		text-align: center;
	}
	.blog__details__quote {
		padding: 50px 30px 40px;
	}
	.blog__details__comment {
		padding: 25px 25px 30px;
	}
}