﻿@media (min-width: 1180px) {
	#section-slide {
		background: #f2f6f7 !important;
		margin-top: -170px;
		min-height: 920px;
	}

	.user-controls {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
}

@media (min-width: 1366px) {


	.product-image {
		min-height: 162px;
		padding: 0;
		overflow: hidden;
	}

	.favorites-page {
		min-height: 700px;
	}

	#header {
		/* min-height: 226px; */
	}
}

@media (min-width: 1400px) {


	.product-image {
		min-height: 196px;
	}
}

@media (min-width: 1160px) {
	.xl-left {
		-ms-flex: 0 0 38%;
		flex: 36%;
		max-width: 36%;
		padding: 0 !important;
		position: relative;
		top: -20rem;
	}

	.xl-center {
		-ms-flex: 0 0 42%;
		flex: 40%;
		max-width: 40%;
		padding: 0 !important;
		position: relative;
		left: -12px;
	}

	.xl-right {
		-ms-flex: 0 0 38%;
		flex: 20%;
		max-width: 20%;
		padding: 0 !important;
	}
}

@media (max-width: 1200px) {

	.user-controllers {
		-ms-flex-pack: center !important;
		justify-content: center !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.slider-style-2 .slide-image {
		flex: 100%;
		max-width: 100%;
		background-size: cover !important;
		height: 100%;
		position: absolute;
		left: 0;
		width: 100%;
		top: 0;
		background-position: 33% 0 !important;
		opacity: 0.8;
	}

		.slider-style-2 .slide-image img {
			display: none !important;
		}

	.slider-style-2 .slide-description {
		z-index: 2;
		padding: 4rem 0;
		max-width: 440px;
	}

		.slider-style-2 .slide-description h2, .slider-style-2 .slide-description p span {
			font-size: 2rem;
			line-height: 1.4;
		}
}

@media (min-width: 1200px) {
	.bg-3 {
		margin-left: -60px;
	}

	.product-slider-default .owl-nav > .owl-prev {
		left: -28px;
	}

	.product-slider-default .owl-nav > .owl-next {
		right: -28px;
	}

	.user-controllers {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.slider-style-1 {
	}

		.slider-style-1 .slide-image {
			background: none !important;
			-ms-flex: 0 0 60%;
			flex: 0 0 60%;
			max-width: 60%;
			padding: 0;
			transform: scale(1.2);
			position: relative;
			left: 4rem;
		}

			.slider-style-1 .slide-image img {
				/* transform: scale(1.2); */
			}

		.slider-style-1 .slide-description {
			position: relative;
			z-index: 1;
			-ms-flex: 0 0 40%;
			flex: 0 0 40%;
			max-width: 40%;
			padding: 0;
		}

		.slider-style-1 .item {
			padding: 18rem 0 11rem 0;
		}

	.slider-style-2 .slide-image {
		flex: 100%;
		max-width: 100%;
		/* background-size: contain !important; */
		height: 100%;
		position: absolute;
		left: 0;
		width: 100%;
		top: 0;
		/* background: none !important; */
		background-position: top left !important;
	}

	.slider-style-2 .slide-description {
		flex: 35%;
		max-width: 534px;
		z-index: 1;
		position: absolute;
		top: 30%;
	}

	.slider-style-2 .item {
		margin: 0px auto;
		height: 100%;
		min-height: 580px;
		position: relative;
	}
}

@media (min-width: 1025px) {
	.absolute-column {
		position: absolute !important;
		right: 0;
		top: 0%;
		bottom: 0;
		max-width: 50%;
	}

	.menu-control {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.down-menu {
		display: none;
	}

	.hide-categories .dynamic-menu, .hide-categories .main-nav {
		display: none;
	}

	.main-nav .navbar-nav > li > a {
		line-height: 56px;
		font-size: 16px;
		padding: 0 8px !important;
		color: #071c1f;
		position: relative;
		font-weight: 700;
		letter-spacing: 0.15px;
		border-right: 1px solid rgba(255,255,255,.1);
		font-family: 'Rajdhani', sans-serif;
	}

	.main-nav .navbar-nav > li a i {
		font-size: 22px;
		float: left;
		line-height: 56px;
		margin-right: 10px;
	}

	.main-nav .navbar-nav > li:hover > a {
		color: #e53e29;
	}

	.main-nav .navbar-nav > li .badge {
		position: absolute;
		top: -12px;
		right: 14px;
		background: #0f54aa;
		color: #ffffff;
		padding: 0px 8px;
		line-height: 24px;
		letter-spacing: 0.2px;
		font-weight: 600;
		box-shadow: -1px -1px 8px #d14d58;
	}

		.main-nav .navbar-nav > li .badge:after {
			content: "";
			position: absolute;
			bottom: -5px;
			left: 9px;
			font-size: 17px;
			width: 0;
			height: 0;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-top: 7px solid #0f54aa;
		}

	.main-nav .navbar-nav > li:nth-child(1) .badge,
	.main-nav .navbar-nav > li:nth-child(3) .badge,
	.main-nav .navbar-nav > li:nth-child(5) .badge,
	.main-nav .navbar-nav > li:nth-child(7) .badge {
		background: #d14d58;
	}

		.main-nav .navbar-nav > li:nth-child(1) .badge:after,
		.main-nav .navbar-nav > li:nth-child(3) .badge:after,
		.main-nav .navbar-nav > li:nth-child(5) .badge:after,
		.main-nav .navbar-nav > li:nth-child(7) .badge:after {
			border-top: 7px solid #d14d58;
		}

	.main-nav .navbar-nav > li:hover > a .badge {
		-webkit-transition: all .4s ease .1s;
		transition: all .4s ease .1s;
		-webkit-animation: tada 1s;
		animation: tada 1s;
	}



	.main-nav .navbar-nav > li:first-child > a {
		padding-left: 0 !important;
	}

	.navbar-nav > li .dropdown-menu {
		min-width: unset !important;
	}

	.main-nav .dropdown-toggle::after {
		border: none !important;
		font-family: "Font Awesome 5 Free";
		content: "\f078" !important;
		font-weight: 900;
		margin: 0;
		padding: 0;
		font-size: 11px;
		right: 0;
		vertical-align: 0;
	}

	.main-nav .navbar-nav > li > a:after {
		position: unset;
		right: unset !important;
		margin-left: 5px;
	}

	.dmenu-style-1 .navbar-nav li a {
		font-size: 13px;
		padding: 0px 16px !important;
		color: #ffffff;
	}

	.dmenu-style-1 .navbar-nav li:first-child a {
		padding-left: 0 !important;
	}

	.dmenu-style-1 .navbar-nav li a i {
		font-size: 16px;
		float: left;
		line-height: 19px;
	}

		.dmenu-style-1 .navbar-nav li a i:before {
			margin-right: 4px;
		}

	.main-nav .navbar-nav > li .dropdown-menu {
		display: block;
		opacity: 0;
		border-radius: 5px;
		position: absolute;
		padding: 18px 26px;
		z-index: 99;
		top: 100%;
		background: #ffffff;
		width: 290px;
		text-align: left;
		left: 0;
		transform-origin: top;
		-webkit-transform: perspective(5em) rotateX(-90deg);
		-moz-transform: perspective(5em) rotateX(-90deg);
		-ms-transform: perspective(5em) rotateX(-90deg);
		-o-transform: perspective(5em) rotateX(-90deg);
		transform: perspective(5em) rotateX(-90deg);
		-webkit-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		-moz-transition: 0.5s;
		transition: 0.5s;
		/* -webkit-box-shadow: 0 0 30px rgba(33, 38, 49, 0.3); */
		-ms-box-shadow: 0 0 30px rgba(33, 38, 49, 0.3);
		-o-box-shadow: 0 0 30px rgba(33, 38, 49, 0.3);
		-moz-box-shadow: 0 0 30px rgba(33, 38, 49, 0.3);
		/* box-shadow: 0 0 30px rgb(235, 213, 215); */
		margin: 0;
		border: 0 !important;
		border-top: 5px solid red !important;
	}

		.main-nav .navbar-nav > li .dropdown-menu li > a.dropdown-toggle:after {
			content: "\f105" !important;
			float: right;
		}

	.main-nav .navbar-nav > li > ul > li > a {
		line-height: 52px;
		padding: 0px 0 !important;
		font-size: 14px;
		font-weight: 400;
		color: #838383;
		font-family: 'Poppins';
	}

	.main-nav .navbar-nav > li ul li > a:hover {
		color: #f56e6e;
	}

	.main-nav .navbar-nav > li:hover .dropdown-menu {
		transition-timing-function: ease;
		transition-duration: .4s;
		transition-property: opacity, transform;
		visibility: visible;
		opacity: 1;
		-webkit-transform: perspective(0em) rotateX(0deg);
		-moz-transform: perspective(0em) rotateX(0deg);
		-ms-transform: perspective(0em) rotateX(0deg);
		-o-transform: perspective(0em) rotateX(0deg);
		transform: perspective(0em) rotateX(0deg);
		flex-direction: row;
	}

	.main-nav .navbar-nav > li:hover .dropdown-menu {
		display: block;
	}

	.mega-menu .navbar-nav > li:hover .dropdown-menu {
		display: flex;
		min-width: unset !important;
	}

	.main-nav .navbar-nav > li > ul > li:hover {
		/* background: #fbfbfb; */
	}

	.main-nav .navbar-nav > li > ul > li ul {
		display: none !important;
		top: -1px;
		border: 1px solid #efefef !important;
		min-width: 286px !important;
	}

	.main-nav .navbar-nav > li > ul > li:hover ul {
		display: block !important;
		position: absolute;
		left: 100%;
		opacity: 1;
		width: unset;
		top: 0;
	}

	.main-nav .navbar-nav > li > ul > li > ul > li a {
		line-height: 52px;
		padding: 0px 30px !important;
		font-size: 14px;
		font-weight: 400;
		color: #605b5b;
		border-bottom: 1px solid #efefef;
	}

	.dropdown-menu.s-2 {
		padding: 10px 0px !important;
		box-shadow: -1px 8px 16px #b3b3b32e;
	}

	.mega-menu.main-nav {
	}

	.mega-menu .navbar-nav > li > .dropdown-menu {
		width: 100%;
		padding: 10px 20px !important;
		box-shadow: -1px 8px 16px #b3b3b32e;
		display: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.mega-menu .navbar-nav > li {
		position: unset;
	}

	.navbar-nav.s-1 {
		position: relative;
	}

	.mega-menu .navbar-nav > li > ul > li {
		background: transparent !important;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		padding: 10px;
	}

		.mega-menu .navbar-nav > li > ul > li > ul {
			position: unset !important;
			border: 0 !important;
			display: block !important;
			width: unset !important;
		}

		.mega-menu .navbar-nav > li > ul > li > a {
			font-weight: 600 !important;
			padding: 0 !important;
		}

		.mega-menu .navbar-nav > li > ul > li > ul > li > a {
			border: 0;
			line-height: 40px;
			font-size: 13px;
			padding: 0 !important;
		}

	.mega-menu .navbar-nav > li .dropdown-menu li > a.dropdown-toggle:after {
		content: "";
		opacity: 0;
	}

	.single-menu {
		position: relative !important;
	}

		.single-menu .dropdown-menu {
			display: block !important;
			width: 340px !important;
		}

			.single-menu .dropdown-menu > li {
				width: 100% !important;
				max-width: 100% !important;
				margin: 0 !important;
				padding: 0 10px !important;
			}

				.single-menu .dropdown-menu > li:last-child a {
					border-bottom: 0;
				}

	.image-menu {
		/* margin: 10px 0px; */
		width: 100%;
		min-height: unset;
	}


		.image-menu > ul {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			/* flex-wrap: wrap; */
		}

		.image-menu ul li {
			-ms-flex: 0 0 25%;
			flex: 0 0 50%;
			max-width: 50%;
			padding: 10px;
		}

			.image-menu ul li a {
				display: block;
			}

			.image-menu ul li img {
				max-width: 100%;
				height: auto;
				border-radius: 9px;
			}

			.image-menu ul li span {
				display: none !important;
			}

	.dmenu-style-2 .navbar-nav li a {
		font-weight: 600;
		font-size: 16px;
	}

		.dmenu-style-2 .navbar-nav li a i {
			width: 44px;
			height: 44px;
			background: #F1F1F1;
			border-radius: 50%;
			text-align: center;
			line-height: 44px;
			margin-right: 12px;
		}

	.dmenu-style-2 .navbar-nav li:first-child a i {
		background: #63DFA9;
		color: white;
	}
	/* PRODUCT CATEGORIES MODULE */
	.top-categories .navbar-nav > li > a {
		font-weight: 600 !important;
		padding: 0 24px !important;
		line-height: 62px;
		border-right: 1px solid #f0f0f0;
	}

	.top-categories .navbar-nav > li:first-child a {
		padding-left: 0 !important;
	}

	.top-categories .navbar-nav > li:last-child a {
		border-right: 0;
	}

	.top-categories .dropdown-toggle::after {
		border: none !important;
		font-family: "Font Awesome 5 Free";
		content: "\f078" !important;
		font-weight: 900;
		margin: 0;
		padding: 0;
		font-size: 11px;
		right: 0;
		vertical-align: 0;
	}

	.top-categories .navbar-nav > li > a:after {
		position: unset;
		right: unset !important;
		margin-left: 5px;
	}


	.top-categories .navbar-nav > li .dropdown-menu {
		display: block;
		opacity: 0;
		border-radius: 0;
		position: absolute;
		padding: 30px 34px;
		overflow: hidden;
		z-index: 99;
		top: 100%;
		background: #ffffff;
		width: 312px;
		text-align: left;
		left: 0;
		transform-origin: top;
		-webkit-transform: perspective(5em) rotateX(-90deg);
		-moz-transform: perspective(5em) rotateX(-90deg);
		-ms-transform: perspective(5em) rotateX(-90deg);
		-o-transform: perspective(5em) rotateX(-90deg);
		transform: perspective(5em) rotateX(-90deg);
		-webkit-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		-moz-transition: 0.5s;
		transition: 0.5s;
		/* -webkit-box-shadow: 0 0 30px rgba(33, 38, 49, 0.3); */
		-ms-box-shadow: 0 0 30px rgba(33, 38, 49, 0.3);
		-o-box-shadow: 0 0 30px rgba(33, 38, 49, 0.3);
		-moz-box-shadow: 0 0 30px rgba(33, 38, 49, 0.3);
		/* box-shadow: 0 0 30px rgb(235, 213, 215); */
		margin: 0;
		border: 0 !important;
		/* -webkit-box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.08); */
		box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.08);
	}

		.top-categories .navbar-nav > li .dropdown-menu li > a {
			line-height: 42px;
			padding: 0px;
			font-size: 14px;
			font-weight: 500;
			color: #1b1b1b;
			border-bottom: 1px solid #efefef;
		}

			.top-categories .navbar-nav > li .dropdown-menu li > a:hover {
				color: #34b5bf;
			}

	.main-nav .navbar-nav > li .dropdown-menu li > a:hover {
		color: #db6666;
	}

	.top-categories .navbar-nav > li:hover .dropdown-menu {
		display: block;
		transition-timing-function: ease;
		transition-duration: .4s;
		transition-property: opacity, transform;
		visibility: visible;
		opacity: 1;
		-webkit-transform: perspective(0em) rotateX(0deg);
		-moz-transform: perspective(0em) rotateX(0deg);
		-ms-transform: perspective(0em) rotateX(0deg);
		-o-transform: perspective(0em) rotateX(0deg);
		transform: perspective(0em) rotateX(0deg);
	}
	/* PRODUCT CATEGORIES MODULE */


	.footer-menu .navbar-nav > li > ul {
		border: 0;
		background: transparent;
		position: unset !important;
		display: none;
	}

	.footer-menu .navbar-nav {
		display: block;
		width: 100%;
		text-align: center;
		max-width: 800px;
		margin: 0px auto;
		border-top: 1px solid #ffffff14;
		border-bottom: 1px solid #ffffff0f;
		padding: 14px 0;
	}

		.footer-menu .navbar-nav > li {
			display: inline-block;
			text-align: center;
		}

			.footer-menu .navbar-nav > li:first-child {
			}

				.footer-menu .navbar-nav > li:first-child li {
					max-width: 380px;
				}

			.footer-menu .navbar-nav > li > a {
				font-weight: 600;
				font-size: 14px;
				color: white;
				text-align: center;
				padding: 6px 1.4rem !important;
			}

				.footer-menu .navbar-nav > li > a:hover {
					color: #e53e29;
				}

			.footer-menu .navbar-nav > li > .dropdown-menu > li > a {
				font-size: 14px;
				line-height: 21px;
				color: #969696;
				padding: 0px 20px !important;
			}

			.footer-menu .navbar-nav > li > a:after {
				opacity: 0;
				display: none;
			}
}

@media (min-width: 1024px) {
}

@media (min-width: 1025px) {
	.category-sidebar-header {
		display: none;
	}

	.filter-open {
		display: none;
	}

	.product-filter {
		display: block !important;
		overflow: hidden;
	}

	.filter-close {
		display: none;
	}
}



@media (max-width: 1024px) {
	.tablet-100 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.top-menu .navbar-collapse {
		display: block !important;
	}

	.top-menu .navbar-nav {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.user-controls {
		-ms-flex-pack: center !important;
		justify-content: center !important;
		display: -ms-flexbox !important;
		display: flex !important;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.menu-control {
		-ms-flex-align: center !important;
		align-items: center !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.slider-style-1 {
		margin-bottom: 40px;
	}

		.slider-style-1 .slide-description {
			/* margin-bottom: 0; */
			padding: 0px 15px;
			z-index: 1;
			/* max-width: 400px; */
			margin-bottom: 2rem;
		}

			.slider-style-1 .slide-description h2 {
				/* font-size: 48px; */
				/* margin: 0; */
			}

			.slider-style-1 .slide-description p {
				font-size: 3rem;
				line-height: 1;
				margin: 20px 0;
			}

		.slider-style-1 .more-button-1 {
			margin: 0;
			font-size: 14px;
			padding: 0px 30px;
			line-height: 56px;
		}

		.slider-style-1 .owl-dots {
			bottom: -20px;
		}

	.sidebar {
		position: fixed;
		right: -100%;
		top: 0;
		width: 80%;
		max-width: 310px;
		background: #fbfbfb;
		padding: 20px;
		z-index: 99;
		height: 100%;
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		transition: all 300ms linear;
		height: 100%;
		box-shadow: 20px 80px 100px 0 rgba(24, 37, 66, 0.63);
	}

		.sidebar.show {
			right: 0;
		}

	.open-sidebar {
		position: fixed;
		right: 0;
		top: 30%;
		background: #181818;
		color: white;
		width: 46px;
		line-height: 46px;
		text-align: center;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}

		.open-sidebar:hover, .open-sidebar:focus {
			color: white;
		}

	.footer-bottom .paragraph-module p, .footer-bottom .paragraph-module p a {
		text-align: center;
	}

	.footer-col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.slider-style-2 .slide-description span {
		font-size: 38px;
		line-height: 1.4;
		margin: 0;
	}

	.product-item {
		margin-bottom: 20px;
	}

	.cart-item {
		min-height: unset;
		/* padding: 10px 20px; */
		padding: 10px;
	}

	.hide-categories .logo {
		float: left;
	}

	.hide-categories .main-nav {
		float: right;
	}

	.hide-categories {
		-ms-flex-align: center !important;
		align-items: center !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.last-child-none ul li {
		display: none;
	}

		.last-child-none ul li:first-child {
			display: block;
		}

		.last-child-none ul li a {
			border-right: 0 !important;
		}

	.product-filter {
		display: none;
		transition: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 5;
		background: white;
		height: 100%;
		max-width: 370px;
		border-radius: 0;
		border: 0;
		box-shadow: 9px 0px 35px 0 rgb(15 15 15 / 34%);
		overflow-y: scroll;
	}

	.filter-header {
		padding: 19px 20px !important;
		position: fixed;
		width: 370px;
	}

	.filter-content {
		/* padding-bottom: 49px; */
		overflow: scroll;
		padding-top: 82px;
		padding-bottom: 82px;
	}

	.filter-button {
		position: fixed;
		bottom: 0;
		left: 0;
		margin: 0px auto;
		width: 100%;
		max-width: 370px;
		border-radius: 0;
	}

	.filter-close {
		position: absolute;
		right: 20px;
		background: transparent;
		border: 0;
		font-size: 22px;
	}

	.product-filter.collapsing {
		-webkit-animation: slideInLeft .5s;
		animation: slideInLeft .5s;
		display: block;
	}

	.product-filter.show {
		-webkit-animation: slideInLeft .5s;
		animation: slideInLeft .5s;
		display: block;
	}

	.header {
		border-bottom: 1px solid #e6dfdf;
		padding: 14px 0;
		margin-bottom: 30px;
	}

	.logo a {
		text-align: center;
		display: block;
	}

	.dmenu-style-1 .navbar-nav li a {
		padding: 0px 16px !important;
		border-right: 1px solid #d0cece;
		color: white;
	}

	.dmenu-style-1 .navbar-nav li:first-child a {
		padding-left: 0 !important;
	}

	.order-mobile {
		order: 3;
	}

	.slider-style-1 .item {
		margin: 0px auto;
		padding: 2rem 0rem;
	}

	.slider-style-1 .slide-image {
		background: none !important;
	}

		.slider-style-1 .slide-image img {
			/* display: none; */
		}
	/* CATEGORY NAV */
	.top-categories .navbar-toggler {
		padding: 2px 0px !important;
		border: 0;
		width: 100%;
	}

		.top-categories .navbar-toggler span {
			line-height: 38px;
			height: unset;
			width: unset;
			/* font-size: 22px; */
		}

	.top-categories .navbar-collapse {
		position: fixed !important;
		left: -100%;
		left: 0;
		top: 0;
		width: 0;
		height: 100%;
		box-shadow: 20px 80px 100px 0 rgba(24, 37, 66, 0.63);
		background: #222232;
		z-index: 99;
	}

		.top-categories .navbar-collapse.show {
			-webkit-animation: slideInLeft 0.5s;
			animation: slideInLeft 0.5s;
			width: 80%;
			max-width: 320px;
			overflow-y: scroll;
		}

	.top-categories .navbar-nav > li > a {
		color: white;
		padding: 0px 20px;
		line-height: 56px;
		border-bottom: 1px solid #3e3d3d;
		color: #d8d8d8;
	}

	.top-categories .navbar-nav > li > .dropdown-toggle::after {
		position: absolute;
		right: 28px;
		padding: 0px 8px;
		top: 16px;
		height: 26px;
		line-height: 26px;
		color: #ffffff;
		border-radius: 3px;
		border: 1px solid #2db0bb !important;
		background: #2db0bb;
		font-family: "Font Awesome 5 Free";
		content: "\f078" !important;
		font-weight: 900;
	}

	.top-categories .navbar-nav > li > ul {
		background: transparent;
		border: 0;
	}

		.top-categories .navbar-nav > li > ul > li > a {
			font-size: 13px;
			padding: 0px 20px 0px 46px;
			line-height: 56px;
			border-bottom: 1px solid #3e3d3d;
			color: #d8d8d8;
		}
	/* CATEGORY NAV */
	/* MAIN NAV */
	.category-sidebar-header .sidebar-toggler {
		padding: 0;
		border: 0;
		width: 24px;
	}

		.category-sidebar-header .sidebar-toggler:before {
			content: "\e646";
			font-family: 'themify';
			color: white;
			font-size: 16px;
			text-align: center;
		}

	.collapse.show .sidebar-toggler:after {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		right: 0;
	}

	.category-sidebar-header {
		padding: 20px 20px;
		text-align: right;
		-ms-flex-align: center !important;
		align-items: center !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

		.category-sidebar-header h4 {
			font-size: 16px;
			color: white;
			margin: 0;
			font-weight: 400;
		}

	.main-nav .badge, .main-nav .image-menu {
		display: none;
	}

	.main-nav .navbar-toggler {
		font-size: 25px;
		color: #000000;
	}

	.main-nav ul > li > a {
		color: #cdcdcd !important;
		line-height: 60px !important;
		border-bottom: 1px solid #ffffff17;
		font-weight: 400 !important;
		font-size: 14px;
		padding-left: 24px !important;
		padding-top: 0;
		padding-bottom: 0;
	}

	.main-nav ul > li .nav-link.dropdown-toggle:after {
		opacity: 0;
	}

	.main-nav .navbar-collapse.show {
		-webkit-animation: slideInLeft 0.5s;
		animation: slideInLeft 0.5s;
		width: 80%;
		max-width: 320px;
		overflow-y: scroll;
	}

	.main-nav .navbar-collapse {
		position: fixed !important;
		left: -100%;
		left: 0;
		top: 0;
		width: 0;
		height: 100%;
		box-shadow: 20px 80px 100px 0 rgba(24, 37, 66, 0.63);
		background: #303031;
		z-index: 99;
	}

		.main-nav .navbar-collapse:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
			/* background: #ef4647eb; */
			z-index: -1;
		}

	.main-nav .collapsing {
		transition: unset;
		height: 100%;
	}

	.main-nav .dropdown-menu {
		background: transparent;
		border: 0;
		margin: 0;
		padding: 0px 0px 0px 14px;
	}


	.main-nav .dropdown .down-menu::after {
		font-family: "Font Awesome 5 Free";
		content: "\f078" !important;
		font-weight: 900;
		border: 0;
		margin: 0;
		font-size: 14px;
	}

	.main-nav .navbar-nav li.show > .down-menu {
		background: #f07164;
		color: white;
	}

		.main-nav .navbar-nav li.show > .down-menu:after {
			content: "\f077" !important;
		}



	.down-menu {
		position: absolute;
		right: 18px;
		padding: 0 !important;
		top: 16px;
		line-height: 30px;
		color: #146bd8;
		border-radius: 4px;
		border: 0;
		background: #ffffff;
		height: 30px;
		width: 30px;
	}
	/* MAIN NAV */
	/* FOOTER MENU MOBILE */
	.social-menu .navbar-nav li > a {
		/* background: black; */
		margin-right: 9px;
		width: 46px;
		height: 46px;
		color: white;
		line-height: 46px;
		padding: 0;
		text-align: center;
		border-radius: 50%;
	}

	.footer-menu .navbar-toggler {
		border: 1px solid white;
		color: white;
	}

		.footer-menu .navbar-toggler span {
			padding: 0;
			width: unset;
			height: unset;
		}

	.footer-menu .navbar-nav li .dropdown-menu {
		display: none;
	}

		.footer-menu .navbar-nav li .dropdown-menu.show {
			display: block;
			left: 0;
			top: 100%;
			position: unset;
			border-radius: 0;
			border: 0;
			background: transparent;
			padding: 0 0 0 20px;
		}

		.footer-menu .navbar-nav li .dropdown-menu li a {
			font-size: 14px;
			line-height: 20px;
			color: #ffffff;
		}

	.footer-menu .navbar-nav li {
		display: block;
		position: relative;
	}

	.footer-menu .navbar-nav > li > a {
		font-size: 16px;
		line-height: 40px;
		padding: 0 0px !important;
		/* background: white; */
		margin-bottom: 12px;
		color: white;
		text-align: center;
	}

	.footer-menu .navbar-nav {
		display: block !important;
		width: 100%;
	}

		.footer-menu .navbar-nav > li > a:after {
			display: block;
			content: "";
			width: 32px;
			height: 32px;
			line-height: 32px;
			/* background: #272d34; */
			position: absolute;
			top: 3px;
			color: #fff7f7;
			text-align: center;
			font-size: 14px;
			border-radius: 3px;
			position: absolute;
			right: 14px;
			font-family: "Font Awesome 5 Free";
			content: "\f078" !important;
			font-weight: 900;
			border: 0;
			margin: 0;
			border: 1px solid #ffffff66;
			opacity: 0;
		}

		.footer-menu .navbar-nav > li.show > a:after {
			content: "\f077" !important;
		}

	.footer-menu .navbar-toggler {
		border: 1px solid white;
		color: white;
	}

		.footer-menu .navbar-toggler span {
			padding: 0;
			width: unset;
			height: unset;
		}

	/* FOOTER MENU MOBILE */
}

@media (max-width: 812px) {
	.product-item .action-hover {
		display: none;
	}

	.product-item .product-price .old-price {
		display: none;
	}

	.image-style-1 a img {
		width: 100%;
		margin: 5px 0;
	}

	.swal-button-container, .swal-button-container button {
		width: 100%;
	}

	.favorites-list tbody tr th, .favorites-list tbody tr td {
		font-size: 11px;
		font-weight: 600;
	}

	.cart-table td {
		display: inline-block;
		width: 100%;
		border: 0;
		border-bottom: 1px solid #eae9e9;
	}

	.cart-table thead.thead-light {
		display: none;
	}

	/* CART */
	.cart-product-name {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.quantity-container {
		border-left: 0;
		display: block !important;
	}

	.cart-product-quantity button {
		display: inline-block !important;
		margin: 0 !important;
	}

	.cart-product-quantity {
		display: flex;
		order: 2;
	}

	.delete-item {
		text-align: center;
		padding: 0;
		order: 1;
		margin-bottom: 10px;
	}

	.cart-product-quantity .quantity-plus {
		order: 3;
	}

	.cart-product-quantity .quantity-minus {
		order: 1;
	}

	.cart-product-quantity input {
		order: 2;
	}

	.cart-product-image {
		border: 0;
		padding: 0;
		padding-right: 10px;
	}

	.cart-product-quantity button {
		width: 28px;
		height: 28px;
	}

	.cart-product-quantity #count {
		height: 24px;
		width: 24px;
	}
	/* CART */
	.margin-negative .ap-style-1 {
		margin-top: 0 !important;
	}

	.bg-3 {
		right: unset;
		padding: 5rem !important;
	}


	.product-item {
		border: 1px solid #e8e8e8;
	}

	.product-slider-module .nav-tabs {
		position: unset !important;
		margin-top: 12px;
	}

		.product-slider-module .nav-tabs > li {
		}

			.product-slider-module .nav-tabs > li a {
				width: 100%;
				margin: 0;
			}
}

@media (max-width: 1024px) {
	#section-main-screen .card-style-1 .card-body .card-title {
		font-size: 40px;
		max-width: 64%;
	}

	#section-main-screen .card-style-1 .card-body .card-title {
		/* font-size: 41px; */
		/* max-width: 385px; */
	}

	#section-main-screen .card-style-1 .card-text {
		line-height: 26px;
		font-size: 14px;
		max-width: 60%;
	}

	.futured-items {
		width: 100%;
		padding: 2rem 1rem !important;
		margin: 2rem auto !important;
		border-radius: 18px;
		position: relative !important;
		max-width: 720px;
	}

	.icon-box {
		text-align: center;
		max-width: 40px;
		margin: 0px auto;
		min-height: 56px;
	}

		.icon-box img {
			max-width: 100%;
		}

	.xl-center {
		position: absolute;
		max-width: 100%;
		top: 120px;
		right: -50%;
		border-radius: 50%;
		overflow: hidden;
		border-top-left-radius: 0;
	}

	.xl-left {
		position: relative;
		z-index: 1;
	}

	.xl-right {
		margin-top: 3rem;
	}

	.card-style-2 .card {
		color: black;
	}

	.card-style-2 .card-text {
		color: #7E888D;
	}

	.card-style-3 .card .card-body {
		padding: 1.25rem 0;
	}

	#section-main-screen:before {
		background: linear-gradient( -66deg,#0077C8 43%,#e7ecf2 0%) !important;
	}

	.testimonials .item p:before {
		left: 0;
	}

	.testimonials .item p:after {
		right: 0;
	}

	.mini-shape-1:before {
		top: -70px;
		zoom: 0.8;
	}

	.mini-shape-1:before {
		top: -70px;
		zoom: 0.8;
	}

	.mini-shape-2:before {
		zoom: 0.8;
		top: 40%;
	}

	.futured-items ul li p {
		font-size: 13px;
		line-height: 1.2;
	}

	.absolute-column {
		position: relative;
		right: -15px;
	}
}

@media (max-width: 940px) {
	.top-menu .navbar-nav li:first-child {
		display: none;
	}
}

@media (max-width: 680px) {
	.dark-bg:after {
		opacity: 0;
		display: none;
	}

	.dark-bg .module {
		position: relative;
		z-index: 1;
	}

	.dark-bg:before {
		height: 312px !important;
	}

	.button-style-default {
		padding: 0px 20px;
	}

	.product-header h1 {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.social-section {
		margin: 0;
		float: left;
		display: none;
	}

	.buy-section {
	}

	.blog-slider-style-1 .blog-item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.blog-slider-style-1 .blog-item .avatar {
			max-width: 100%;
			flex: 100%;
			margin-bottom: 20px;
		}

		.blog-slider-style-1 .blog-item .blog-item-descriptions {
			flex: 100%;
			max-width: 100%;
			padding: 0;
		}
}

@media (max-width: 440px) {
	.dmenu-style-1 .navbar-nav li:last-child a {
		border-right: 0;
	}

	.dmenu-style-1 .navbar-nav li a i {
	}

	.footer:before {
		transform: translateX(-50%) scale(2);
	}
}

@media (max-width: 410px) {
	.heading-style-1 h2 {
		font-size: 50px;
	}
}

@media (max-width: 320px) {
	.product-tabs > li {
		display: block !important;
		width: 100%;
	}

		.product-tabs > li a {
			border-radius: 0px !important;
			border-top-left-radius: 0 !important;
		}
}

@media (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
	.col-product-list {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

		.col-product-list .col-12 {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
}

@media (min-width: 620px) and (max-width: 1024px) {
	.tablet-6 {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
	}

	.card-style-3 .card-text {
		font-size: 13px;
		line-height: 1.8;
	}

	.card-style-3 .card-title {
		font-size: 22px;
	}

	.dark-bg .module {
		position: relative;
		z-index: 1;
	}

	.dark-bg:after {
		background-position: left;
		width: 43%;
		z-index: 0;
	}
}

@media (min-width: 1025px) and (max-width: 1160px) {


	#section-main-screen .align-items-baseline {
		align-items: center !important;
	}

	#section-main-screen .card-style-1 .card-body .card-title {
		font-size: 34px !important;
	}

	#section-main-screen .card-style-1 .card-text {
		font-size: 14px;
		line-height: 2;
		margin: 20px 0;
	}

	.xl-left {
		position: relative;
		top: -9rem;
	}

	.futured-items {
		padding: 2.8rem 1rem !important;
	}

	#section-main-screen .card-style-2 .card-title {
		font-size: 25px !important;
	}
}

@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
	#section-main-screen .card-style-1 .card-body .card-title {
		font-size: 48px;
	}

	#section-main-screen .card-style-2 .card-title {
		font-size: 30px;
	}

	#section-main-screen .card-style-2 .card-text {
		line-height: 24px;
		font-size: 13px;
	}

	.absolute-column {
		top: 10%;
	}

	.actual-menu .navbar-nav > li > a {
		padding: 0 8px !important;
		font-size: 14px;
	}

	.main-nav .navbar-nav > li > a {
		padding: 0 1.2rem !important;
	}

	.product-item {
		padding: 12px;
		margin-bottom: 12px;
	}

	.product-info .product-mark {
		margin-bottom: 4px;
	}

	.product-info .product-review {
		margin-bottom: 2px;
		margin-top: 0;
	}
}

@media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
	.tablet-none {
		display: none;
	}

	.tablet-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.header {
		padding: 0.5rem;
	}

	.col-product-list {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.tablet-none {
		display: none;
	}

	.tablet-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.ap-style-1 {
		/*padding: 2rem 12px !important;*/
	}

	.margin-negative .ap-style-1 {
		margin-top: -80px !important;
	}

	.bg-3 {
		right: unset;
		padding: 2rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.tablet-none {
		display: none;
	}

	.tablet-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.slider-style-1 {
		/* min-height: 534px; */
		/* background: #F6F6F6; */
	}

		.slider-style-1 .slide-image {
			/* display: none; */
		}

	.ap-style-1 {
		display: block;
	}

		.ap-style-1 .advanced-paragraph-content {
			padding-left: 0;
			margin-top: 10px;
		}

		.ap-style-1 .advanced-paragraph-icon a {
		}

	.ap-style-2 {
		zoom: 0.8;
	}

	.blog-slider-style-1 .blog-item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.blog-slider-style-1 .blog-item .avatar {
			max-width: 100%;
			flex: 100%;
			margin-bottom: 20px;
		}

		.blog-slider-style-1 .blog-item .blog-item-descriptions {
			flex: 100%;
			max-width: 100%;
			padding: 0;
		}

	#section-mobil-uygulamalar .col-md-6 {
		max-width: 100% !important;
		flex: 0 0 100%;
	}
}

/* EDIT MODULES */
.module {
	position: relative;
	min-height: 30px;
	min-width: 40px;
}

.tox-tinymce-aux {
	z-index: 9999999999;
}

.image-module.module {
	min-height: 120px;
}

.image-style-1 a img {
	width: 100%;
}
.radius-img img {
    border-radius: 26px;
}
.image-style-1 a {
	display: block;
}

.logo {
	min-height: unset !important;
}

#header .image-module.module {
	min-height: 32px;
	z-index: 3;
}

header .module {
	min-height: 21px;
}

.topbar .module {
	/* z-index: 3 !important; */
	position: relative;
}


.edit-button {
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 1;
	background: #ffffff;
	border-radius: 4px;
	font-size: 11px;
	padding: 0px 6px;
	border: 1px solid #f3f3f3;
	color: #424141;
	line-height: 22px;
}

.slider-container .edit-button {
	z-index: 2;
	top: 25%;
}

.heading-style-2 .edit-button {
	left: 0;
	top: -28px;
}

#header .edit-button {
	/* top: 34px; */
}

.top20 .edit-button {
	top: 20%;
}


.edit-module {
}

	.edit-module .modal-header {
		background: #1d1d1d;
		border-radius: 0;
		color: white;
		font-family: 'Quicksand', sans-serif;
	}

		.edit-module .modal-header .modal-title {
			font-size: 18px;
			font-family: 'Rajdhani', sans-serif;
		}

		.edit-module .modal-header .close {
			opacity: 1;
			text-shadow: none;
			color: white;
		}

	.edit-module .form-control {
		font-size: 13px;
	}

	.edit-module .btn-secondary {
		background: #403f3f;
		border-color: #403f3f;
	}

.edit-list-module .edit-module-image, .edit-list-module .edit-module-upload {
	display: none;
}

a.add-btn {
	background: #2b74bc;
	color: white;
	display: inline-block;
	width: 100%;
	line-height: 3;
	text-align: center;
	border-radius: 3px;
}

a.remove-btn {
	background: #dc3545;
	color: white;
	display: inline-block;
	width: 100%;
	line-height: 3;
	text-align: center;
	border-radius: 3px;
}

.form-preview {
	padding: 16px;
	border: 3px dashed #e7e5e5;
	margin-top: 30px;
}

a.help {
	position: absolute;
	left: 15px;
	/*top: 15px;
    */
	color: rgb(44, 41, 41);
	line-height: 22px;
	padding: 8px 0px;
}

.edit-module .modal-footer {
	position: relative;
}

a.remove-image {
	position: absolute;
	background: #232323;
	bottom: 15px;
	right: 15px;
	padding: 4px 16px;
	border-radius: 3px;
	color: white;
}

#moduleTabsContent {
	padding: 15px;
	border: 1px solid #e9e9e9;
}

#moduleTabs {
	border: 0;
}

	#moduleTabs > li > a {
		background: #efefef;
		border: 0;
		border-radius: 0;
		padding: 10px 34px !important;
		margin-right: 2px;
		font-size: 15px;
		font-family: 'Rajdhani', sans-serif;
		font-weight: 500;
	}

		#moduleTabs > li > a.active {
			background: black;
			color: white;
		}

.edit-module h3 {
	font-size: 14px;
}

.edit-module .btn {
	border-radius: 3px !important;
	font-size: 16px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 500;
}

.edit-module .form-control::placeholder {
	font-size: 13px;
}

.edit-module .sub-title {
	background: #fbfbfb;
	padding: 14px 15px;
	margin: 12px 0px;
	font-size: 16px;
	color: #3c3b3b;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
}

.edit-module label {
	color: #3c3b3b;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 500;
	font-size: 15px;
}

.edit-module .sub-header {
	background: #f1f1f1;
	margin-bottom: 20px;
	height: 52px;
	padding: 6px 15px;
}

	.edit-module .sub-header h2 {
		float: left;
		font-size: 16px;
		margin: 0;
		font-weight: 400;
		line-height: 36px;
	}

	.edit-module .sub-header .ordering-box {
		width: 50px;
		text-align: center;
	}

.add-slide {
	color: white !important;
	width: 100%;
}

.remove-slide, .remove-accordion-tab, .remove-tab, .remove-gallery-item, .remove-pricing-item {
	float: right;
	color: white !important;
	margin-top: 25px;
	padding: 8px 16px;
	border-radius: 3px;
}

.remove-gallery-item {
	position: absolute;
	right: 15px;
	bottom: 0;
}

.gallery-section {
	position: relative;
}

.help-link {
	position: absolute;
	left: 20px;
	font-size: 14px;
}

.green-button a.btn {
	background: #30CE89;
	border-color: #30CE89;
}

	.green-button a.btn:hover {
		background: #1d1d1d;
		border-color: #1d1d1d;
	}
/* EDIT MODULES */

/* HTML EDITOR */
.module.html-editor-module {
	min-height: 40px;
}

.html-editor-module h2, .html-editor-module h2, .html-editor-module h3 {
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 30px;
}

.html-editor-module p {
	margin-bottom: 10px;
	line-height: 32px;
	font-size: 14px;
	color: #8d8989;
	font-family: 'Poppins';
}

.html-editor-module iframe {
}

.progress-column h4 {
	font-size: 18px;
	font-weight: 700;
}

.progress-row {
	box-shadow: rgb(2 2 2 / 5%) 0px 0px 50px;
	padding: 2.5rem 2.5rem !important;
	background: white;
	border-radius: 20px;
}

	.progress-row .progress {
		position: relative;
		overflow: visible;
		margin-bottom: 3rem;
		margin-top: 1.5rem;
		background-color: #f3f7fb !important;
	}

		.progress-row .progress:last-child {
			margin-bottom: 0;
		}

.bg-primary {
	background-color: #198DDC !important;
}

.progress-bar {
	border-radius: 16px;
}

.bg-danger {
	background-color: #7821B1 !important;
}

.map p {
	margin-bottom: 0 !important;
}

.progress-bar p {
	position: absolute;
	right: 10px;
	top: -28px;
	color: #111111;
	font-size: 14px;
	font-weight: 600;
}

.html-editor-module .progress label {
	display: block;
	position: absolute;
	top: -30px;
	color: black;
	font-size: 15px;
	font-weight: 500;
}
/* HTML EDITOR */

.hideEditButtons {
	display: block;
	position: fixed;
	bottom: 20%;
	z-index: 999;
	background: #252525;
	border: 0;
	color: white;
	padding: 0;
	width: 38px;
	line-height: 38px;
}

.section-key {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 97;
	opacity: 0.5;
	color: #979797;
	cursor: pointer;
	filter: invert(1);
}

.swal-button--danger {
	background: #175cb1;
}

.swal-modal {
	border-radius: 8px;
}

.swal-button, .swal-button:active {
	/* background-color: #269ef6 !important; */
}

.swal-button-container button {
	border-radius: 4px;
	padding: 10px 14px;
	font-size: 13px;
	font-weight: 400;
}

.swal-button.swal-button--confirm {
	font-size: 15px;
	background: #2179d2;
	border: 1px solid transparent;
	opacity: 1;
	padding: 12px 25px;
}

.swal-overlay--show-modal .swal-modal {
	will-change: unset !important;
}

.swal-title {
	font-size: 20px;
	color: black;
	font-weight: 500;
}

.swal-footer {
	text-align: center;
}

.swal-button:not([disabled]):hover {
	/* background-color: #269ef6 !important; */
}

#up {
	position: fixed;
	right: 40px;
	bottom: 120px;
	background: #f4f4f4;
	color: #222222;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	z-index: 98;
	cursor: pointer;
}

	#up:hover {
		background: #f9f9f9;
		color: black;
	}
/* ZOOM */
/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */
.xzoom-source img, .xzoom-preview img, .xzoom-lens img {
	display: block;
	max-width: none;
	max-height: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
/* --------------- */

/* xZoom Styles below */
.xzoom-container {
	display: block;
}

.xzoom-thumbs {
	text-align: center;
	/* margin: 10px 0px; */
	margin-top: 14px;
	margin-bottom: 14px;
}

.xzoom {
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	width: 100% !important;
}

.xzoom2, .xzoom3, .xzoom4, .xzoom5 {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

/* Thumbs */
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
	border: 1px solid #e3e3e3;
	/* margin-bottom: 10px; */
	width: 100%;
}

.xzoom-source, .xzoom-hidden {
	display: block;
	position: static;
	float: none;
	clear: both;
}

/* Everything out of border is hidden */
.xzoom-hidden {
	overflow: hidden;
}

/* Preview */
.xzoom-preview {
	border: 1px solid #ededed;
	background: #fdffff;
	/* box-shadow: 0px 0px 16px rgb(211 211 211 / 29%); */
}

/* Lens */
.xzoom-lens {
	border: 1px solid #555;
	box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
	cursor: crosshair;
}

/* Loading */
.xzoom-loading {
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 100%;
	opacity: .7;
	background: url(../images/xloading.gif);
	width: 48px;
	height: 48px;
}

/* Additional class that applied to thumb when it is active */
.xactive {
	/* -webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); */
	-moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
	/* box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); */
	border: 1px solid #4aaad2;
}

/* Caption */
.xzoom-caption {
	position: absolute;
	bottom: -43px;
	left: 0;
	background: #000;
	width: 100%;
	text-align: left;
}

	.xzoom-caption span {
		color: #fff;
		font-family: Arial, sans-serif;
		display: block;
		font-size: 0.75em;
		font-weight: bold;
		padding: 10px;
	}
/* ZOOM */
/*#region typeahead css */
.twitter-typeahead,
.tt-hint,
.tt-input,
.tt-menu,
.tt-dropdown-menu {
	width: 100% !important;
}


.typeahead,
.tt-query,
.tt-hint {
	outline: none;
	/* height: 100%; */
}

.typeahead {
	background-color: #fff;
}

	.typeahead:focus {
		border: 2px solid #0097cf;
	}

.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	color: #999
}

.tt-menu {
	/* margin: 12px 0; */
	padding: 18px;
	background-color: #fff;
	border: 2px solid #eaeaea;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 10px #e3e3e34d;
	-moz-box-shadow: 0 5px 10px #e3e3e34d;
	box-shadow: 0 5px 10px rgb(227 227 227 / 30%);
	border-top: 0;
	box-shadow: unset !important;
	border: 0;
	margin-top: -6px;
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
}

	.tt-suggestion:hover {
		cursor: pointer;
		color: #fff;
		background-color: #0097cf;
	}

	.tt-suggestion.tt-cursor {
		color: #fff;
		background-color: #0097cf;
	}

	.tt-suggestion p {
		margin: 0;
	}

.tt-menu a {
	font-size: 14px;
	font-weight: 300 !important;
	color: #495057;
	line-height: 2;
}

	.tt-menu a:hover {
		color: #3ebccb;
	}

.gist {
	font-size: 14px;
}
/*#endregion */
.alert-success {
	color: #5ac16f;
	background-color: transparent;
	border-color: #5ac16f;
	/* border-radius: 36px; */
}

.register-success {
	margin-top: 14px;
	margin-bottom: 0;
}


.skeleton-screen {
	width: 100%;
	height: 148px;
}

	.skeleton-screen .avatar {
		float: left;
		width: 120px;
		height: 106px;
		background-color: #f7f9fa;
		border-radius: 24%;
		margin: 8px;
		background-image: linear-gradient(90deg, #f7fafd 0px, #fbfdff 40px, #f7f9fa 80px);
		background-size: 600px;
		animation: shine-avatar 1.6s infinite linear;
		padding: 0;
		margin: 0 16px 0 0;
	}

	.skeleton-screen .line {
		float: left;
		width: 70%;
		height: 19px;
		margin-top: 12px;
		border-radius: 36px;
		background-image: linear-gradient(90deg, #f7fafd 0px, #fbfdff 40px, #f7f9fa 80px);
		background-size: 600px;
		animation: shine-lines 1.6s infinite linear;
	}

	.skeleton-screen .avatar + .line {
		margin-top: 15px;
	}

	.skeleton-screen .line ~ .line {
		background-color: #f7f9fa;
	}

	.skeleton-screen .line:nth-child(2) {
		width: 80% !important;
	}

	.skeleton-screen .line:nth-child(4) {
		width: 60%;
	}

	.skeleton-screen .line:nth-child(5) {
		width: 40%;
	}

@keyframes shine-lines {
	0% {
		background-position: -100px;
	}

	40%, 100% {
		background-position: 140px;
	}
}

@keyframes shine-avatar {
	0% {
		background-position: -32px;
	}

	40%, 100% {
		background-position: 208px;
	}
}
