@media (min-width: 1400px) {
	.product-image {
		min-height: 196px;
	}
}

@media (min-width: 1366px) {
	.product-list-module .product-image {
		min-height: 210px;
	}

	.product-image {
		padding: 0;
		overflow: hidden;
		min-height: 100px;
	}

	.favorites-page {
		min-height: 700px;
	}

	#header {
		background: #2c292e;
	}
}

@media (min-width: 1280px) {
	.ap-style-2 {
		float: right;
	}

	.main-slide {
		margin-top: -150px;
	}

	.header .container-fluid {
		max-width: 90%;
	}
}

@media (max-width: 1200px) {
	.user-controllers {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.header-bottom {
		z-index: 3;
	}
}


@media (min-width: 1200px) {
	.slider-style-2 .owl-nav .owl-next {
		right: -2rem;
	}

	.slider-style-2 .owl-nav .owl-prev {
		left: -3rem;
	}

	.product-slider-default .owl-nav > .owl-prev {
		left: -24px;
	}

	.product-slider-default .owl-nav > .owl-next {
		right: -24px;
	}

	.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 {
		overflow: hidden;
	}

		.slider-style-1 .container {
			/* padding: 0; */
			/* max-width: 100%; */
		}

		.slider-style-1 .slide-image {
			flex: 100%;
			max-width: 100%;
			background: none !important;
		}

		.slider-style-1 .slide-description {
			flex: 50%;
			max-width: 50%;
			position: absolute;
			top: 34%;
			z-index: 2;
		}

		.slider-style-1 .item {
			margin: 0px auto;
		}
}

@media (min-width: 1025px) {

	.mobile-screen {
		display: none;
		max-width: 1024px;
		margin: 0px auto;
	}

	.toast-fixed {
		top: 220px !important;
		right: 0 !important;
	}

	.category-sidebar-header {
		display: none;
	}

	.top-menu .navbar-nav {
		margin-left: auto;
		margin-right: auto;
	}

		.top-menu .navbar-nav li:hover a {
			color: #e0691e;
		}

		.top-menu .navbar-nav li a {
			font-size: 16px;
			font-weight: 600;
			letter-spacing: 0.25px;
			padding: 0px 20px !important;
			color: white;
		}

	.vertical-categories {
		z-index: 3 !important;
	}

		.vertical-categories .navbar-collapse {
			position: absolute;
			top: 100%;
			width: 100%;
		}

		.vertical-categories .collapsing {
			transition: none;
			height: auto;
		}

		.vertical-categories:hover .collapse:not(.show) {
			display: block;
		}

		.vertical-categories .navbar-collapse.show .navbar-nav {
			display: block;
		}

		.vertical-categories .navbar-nav {
			flex-direction: column;
			box-shadow: inset 0 0 0 1px #eeeeee;
			border-bottom-left-radius: 16px;
			width: 100%;
			background: white;
			display: none;
		}

		.vertical-categories:hover .navbar-nav {
			display: block;
		}

		.vertical-categories .navbar-toggler {
			display: none;
		}

		.vertical-categories .vertical-button {
			line-height: 68px;
			border: 0;
			display: block;
			width: 100%;
			background: #dc431b;
			color: white;
			font-size: 15px;
			text-align: left;
			padding-left: 28px;
			text-transform: uppercase;
			letter-spacing: 0.25px;
			font-weight: 500;
		}

			.vertical-categories .vertical-button:before {
				content: "\e6c2";
				font-family: 'themify';
				float: left;
				margin-right: 12px;
			}

			.vertical-categories .vertical-button:after {
				content: "\e65f";
				font-family: 'themify';
				position: absolute;
				right: 24px;
				color: white;
				font-size: 20px;
			}

		.vertical-categories .navbar-nav > li {
			padding: 0px 14px;
			position: relative;
		}

			.vertical-categories .navbar-nav > li > a {
				padding: 0px 20px !important;
				line-height: 53px;
				font-size: 14px;
				color: #404040;
				letter-spacing: 0.45px;
				border-bottom: 1px solid #eeeeee;
			}

			.vertical-categories .navbar-nav > li:hover > a {
				color: #f05127;
			}

			.vertical-categories .navbar-nav > li:last-child a {
				border-bottom: 0;
			}

			.vertical-categories .navbar-nav > li > a > i {
				font-size: 22px;
				width: 40px;
				float: left;
				line-height: 53px;
				color: #696969;
				text-align: left;
				text-shadow: none;
			}

		.vertical-categories .dropdown-toggle::after {
			font-family: 'themify';
			border: 0;
			position: absolute;
			right: 14px;
			content: "\e649";
			font-size: 10px;
		}

		.vertical-categories .badge {
			background: #f05127;
			color: white;
			font-weight: 400;
			position: relative;
			left: 8px;
			font-size: 10px;
			padding: 5px 11px;
			border-radius: 0;
			border-top-right-radius: 9px;
			border-bottom-left-radius: 9px;
			display: none;
		}

		.vertical-categories .navbar-nav > li > ul {
			position: absolute;
			left: 100%;
			width: 320px;
			top: 0;
			box-shadow: none;
			border: 0;
			border-radius: 0;
			border-top-right-radius: 9px;
			border-bottom-right-radius: 9px;
			margin: 0;
			visibility: hidden;
			/*-webkit-transition: 0.3s;
            -ms-transition: 0.3s;
            -o-transition: 0.3s;
            -moz-transition: 0.3s;
            transition: 0.3s;*/
			opacity: 0;
			display: block;
			box-shadow: 6px 11px 10px rgb(0 0 0 / 20%);
			-webkit-transform: translateX(15px);
			-moz-transform: translateX(15px);
			-ms-transform: translateX(15px);
			-o-transform: translateX(15px);
			transform: translateX(15px);
		}

		.vertical-categories .navbar-nav > li:hover > ul {
			left: 100%;
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			-ms-transform: translateX(0px);
			-o-transform: translateX(0px);
			transform: translateX(0px);
			-webkit-transition: 0.3s;
			-ms-transition: 0.3s;
			-o-transition: 0.3s;
			-moz-transition: 0.3s;
			transition: 0.3s;
		}

		.vertical-categories .navbar-nav > li > ul > li > a {
			line-height: 44px;
			font-size: 14px;
			color: #404040;
			padding: 0 !important;
			border-bottom: 1px solid #eeeeee;
			font-weight: 400;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}

		.vertical-categories .navbar-nav > li > ul > li:last-child a {
			border-bottom: 1px solid transparent !important;
		}

		.vertical-categories .navbar-nav > li > ul > li:nth-last-child(2) a {
			border-bottom: 1px solid transparent !important;
		}

		.vertical-categories .navbar-nav > li > ul > li:hover a {
			padding-left: 10px !important;
			color: #f05127;
		}

		.vertical-categories .navbar-nav > li > ul > li {
			padding: 0px 22px !important;
		}

	.category-bg-1 > ul {
		background: url(/uploads/images/ecommerce06/category-image-1.png) no-repeat bottom right white;
		background-size: 70%;
	}

	.category-bg-2 > ul {
		background: url(/uploads/images/ecommerce06/category-image-2.png) no-repeat bottom right white;
		background-size: 100%;
	}

	.mega > ul {
		column-count: 2;
		min-height: 400px;
		width: 600px !important;
	}

		.mega > ul > li > a {
			/*border-bottom: 1px solid transparent !important;*/
		}

	.down-menu {
		display: none;
	}

	.hide-categories .dynamic-menu, .hide-categories .main-nav {
		display: none;
	}

	/*MAIN MENU*/
	.main-nav {
		z-index: 4;
	}

		.main-nav .navbar-nav {
			text-align: center;
			border-radius: 4px;
			margin: 0px auto;
		}

		.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 {
			position: relative;
			color: #ffffff;
			padding: 0px 1.6rem !important;
			font-size: 17px;
			line-height: 66px;
			border: 0;
		}

		.main-nav .navbar-nav > li:last-child {
			float: right;
			display: block;
		}

			.main-nav .navbar-nav > li:last-child a {
				/* background: white; */
				/* color: #131d3b; */
				/* border-top-right-radius: 4px; */
				/* border-bottom-right-radius: 4px; */
				/* font-weight: 700; */
				/* padding: 0 3rem !important; */
			}

				.main-nav .navbar-nav > li:last-child a:hover {
					color: #ff4f01;
				}

		.main-nav .navbar-nav > li > a:after {
			position: unset;
			right: unset !important;
			margin-left: 5px;
		}

		.main-nav .navbar-nav > li > a.active:after {
		}

		.main-nav .navbar-nav > li > a.active {
			color: #fb4848;
			position: relative;
			transition: width .3s;
		}

		.main-nav .navbar-nav > li > a:hover {
			color: #ffffff;
		}

		.main-nav .navbar-nav > li > a i {
			margin-right: 3px;
		}

		.main-nav .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: #f05127;
			width: 312px;
			text-align: left;
			left: -55px;
			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 rgba(33, 38, 49, 0.3);
			margin: 0;
		}

			.main-nav .navbar-nav > li .dropdown-menu li > a {
				line-height: 46px;
				padding: 0px;
				font-size: 15px;
				font-weight: 400;
				color: #ffffff;
				border-bottom: 1px solid #ffffff38;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}

				.main-nav .navbar-nav > li .dropdown-menu li > a:hover {
					color: #ffffff;
					text-indent: 10px;
				}

			.main-nav .navbar-nav > li .dropdown-menu li:last-child > a {
				border-bottom: 0;
			}

		.main-nav .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);
		}

		.main-nav .navbar-nav > li > .dropdown-menu > a {
			color: #525252;
			font-size: 14px;
			line-height: 44px;
			padding: 0;
			background: transparent;
			border-bottom: 1px solid #efefef;
		}

			.main-nav .navbar-nav > li > .dropdown-menu > a i:before {
				display: block !important;
			}

			.main-nav .navbar-nav > li > .dropdown-menu > a i {
				font-size: 17px;
				float: left;
				line-height: 42px;
				margin-right: 15px;
			}

			.main-nav .navbar-nav > li > .dropdown-menu > a:last-child {
				border-bottom: 0;
			}

			.main-nav .navbar-nav > li > .dropdown-menu > a:hover {
				color: #8cc2ed;
			}
	/* MAIN MENU */
	/* TOP CATEGORIES */
	.top-categories {
		background: #f05127;
		border-radius: 0 30px;
		padding: 12px 40px;
	}
	/* TOP CATEGORIES */
	.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;
	}

	.footer-menu .navbar-nav > li > ul {
		display: block;
		border: 0;
		background: transparent;
		position: unset !important;
	}

	.footer-menu .navbar-nav {
		display: block;
		width: 100%;
		/* padding-left: 5rem; */
	}

		.footer-menu .navbar-nav > li {
			/* display: inline-block; */
			width: 25%;
			float: left;
		}

			.footer-menu .navbar-nav > li:first-child {
				width: 46%;
			}

				.footer-menu .navbar-nav > li:first-child li {
					max-width: 380px;
				}

			.footer-menu .navbar-nav > li > a {
				font-weight: 600;
				font-size: 20px;
				color: #ffffff;
				letter-spacing: -0.35px;
				padding: 0;
				margin-bottom: 8px;
			}

			.footer-menu .navbar-nav > li > .dropdown-menu > li > a {
				font-size: 14px;
				line-height: 21px;
				color: #e5e5e5;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}

				.footer-menu .navbar-nav > li > .dropdown-menu > li > a:hover {
					color: #ffffff;
					text-indent: 12px;
				}

			.footer-menu .navbar-nav > li > a:after {
				opacity: 0;
			}
}

@media (min-width: 1024px) {
}

@media (min-width: 1025px) {
	.filter-open {
		display: none;
	}

	.product-filter {
		display: block !important;
		overflow: hidden;
	}

	.filter-close {
		display: none;
	}
}



@media (max-width: 1024px) {
	/* MAIN MENU MOBILE */
	.main-nav ul > li > a {
		color: #e7eaef !important;
		line-height: 38px !important;
		border-bottom: 1px solid #273448;
		font-weight: 400 !important;
		font-size: 13px;
		padding-left: 24px !important;
		letter-spacing: 0.4px;
	}

	.main-nav {
		float: right;
		/* z-index: 99; */
	}

	.active .main-nav .navbar-toggler {
	}

	.active .menu-header button.navbar-toggler {
		filter: invert(0);
	}

	.main-nav .navbar-toggler {
		/* padding: 0 10px; */
		/* position: fixed; */
		/* right: 15px; */
		/* top: 42px; */
	}

	.main-nav .navbar-toggler-icon {
		background: transparent;
		padding: 0;
		width: unset;
		height: unset;
		color: #ffffff;
		font-weight: 700;
		font-size: 24px;
	}

	.menu-header button {
		line-height: 30px !important;
		font-size: 15px;
		padding: 0px 14px;
	}

	.menu-header > span {
		font-size: 19px;
		color: #ffcb56;
		line-height: 48px;
		font-weight: 500;
	}

	.menu-header {
		padding: 15px 20px;
		background: #131213;
		/* border-bottom: 1px solid #ff9091; */
	}

	.main-nav img {
		padding: 40px 36px;
	}

	.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: #141e3c;
		z-index: 99;
	}

		.main-nav .navbar-collapse:before {
			content: "";
			position: fixed;
			width: 100%;
			height: 100%;
			/* background: #ef4647eb; */
			z-index: -1;
		}

	.main-nav .collapsing {
		transition: unset;
		height: 100%;
	}

	.main-nav .dropdown-menu {
		background: transparent;
		border: 0;
		padding-left: 14px;
	}

		.main-nav .dropdown-menu a {
			font-size: 13px;
			line-height: 30px;
			color: #ffffff;
		}

			.main-nav .dropdown-menu a i {
				margin-right: 12px;
			}

	.main-nav .dropdown.show .dropdown-toggle::after {
		content: "\f077" !important;
	}

	.main-nav .dropdown .dropdown-toggle::after {
		font-family: "Font Awesome 5 Free";
		content: "\f078" !important;
		font-weight: 900;
		border: 0;
		margin: 0;
		font-size: 10px;
		background: white;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		right: 10px;
		top: 10px;
		position: absolute;
		line-height: 32px;
		color: black;
		text-align: center;
	}
	/* MAIN MENU MOBILE */
	#header {
		/* min-height: 60px; */
		z-index: 3;
	}

	#footer {
		background: transparent !important;
	}

	.edit-module {
		z-index: 9999;
	}

	.main {
		min-height: 300px;
		/* padding-bottom: 70px; */
	}

	.sidebar-content {
		padding-top: 80px;
	}

	.product-list-module {
		margin-bottom: 2rem;
	}

	.skeleton-screen .avatar {
		width: 86px;
		height: 70px;
		border-radius: 12px;
	}

	.skeleton-screen .line {
		width: 52%;
		height: 14px;
		margin: 4px;
	}

		.skeleton-screen .line:nth-child(2) {
			width: 63% !important;
			margin-top: 6px;
		}

		.skeleton-screen .line:nth-child(4) {
			width: 40%;
		}

	#up {
		display: none !important;
	}

	.lg-screen {
		display: none;
	}

	.edit-rayons .edit-description, .edit-rayons .edit-slide-button {
		display: none;
	}

	.mobile-header {
		background: #f05127 !important;
		padding: 22px 0;
	}

	.main-nav .navbar-toggler {
		padding: 0;
		margin-left: 12px;
	}

	.button-favorite {
		color: #ffffff;
		/* line-height: 20px; */
		background: #cb3b15;
	}

	.favorite-module .favorite-count {
		background: #ffffff;
		color: #f05127;
	}



	.filter-open {
		display: none;
	}

	.product-row {
		margin-right: -5px;
		margin-left: -5px;
	}

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

	.product-tags li {
		display: none;
	}

	.product-info .product-mark {
		display: none;
	}

	.product-info .product-title {
		font-size: 16px;
		/* white-space: unset; */
		/* overflow: hidden; */
		/* height: 38px; */
	}

	.product-item .product-price {
		margin-top: 6px;
	}

		.product-item .product-price .price {
			color: #f05127;
			font-size: 14px;
		}

	.product-review {
		display: none;
	}

	.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;
		}

	.slider-style-1 .slide-description {
		/* display: none; */
		position: absolute;
		top: 16%;
		max-width: 90%;
		padding-left: 2rem;
	}

		.slider-style-1 .slide-description h2 {
			font-size: 2.3rem;
			margin: 0;
			line-height: 1.1;
		}

		.slider-style-1 .slide-description p {
			display: none;
		}


	.slider-style-1 .more-button-1 {
		padding: 0;
		font-weight: 400;
		font-size: 16px;
		margin-top: 12px;
		background: none;
		border-bottom: 2px solid #f05127;
		border-radius: 0;
	}

	.slider-style-1 .container {
		width: 100%;
		padding: 0;
		max-width: 100%;
	}



	.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: #0562d6;
		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-list-module .product-item {
		margin-bottom: 20px;
		border: 0 !important;
		padding: 0px 5px !important;
		background: white;
	}

	.product-info {
		text-align: left;
	}

	.product-list-module .product-image {
		border: 1px solid #e4e4e4;
		border-radius: 12px;
		-ms-flex-align: center !important;
		align-items: center !important;
		display: -ms-flexbox !important;
		display: flex !important;
		margin-bottom: 6px;
		padding: 0;
	}

	.product-image > a:before {
		width: 16px;
		height: 16px;
		color: #dbdbdb;
	}

	.product-item .action-hover {
		display: block !important;
		opacity: 1;
		width: 28px;
		bottom: 2px;
		left: 2px;
	}

	.product-item:hover .action-hover {
		bottom: 2px;
		left: 2px;
	}

	.product-item .action-hover li:nth-child(1), .product-item .action-hover li:nth-child(2) {
		display: none !important;
	}

	.product-item .action-hover li a {
		line-height: 28px;
		width: 28px;
		font-size: 12px;
		border-radius: 0;
		border-bottom-left-radius: 12px;
		border-top-right-radius: 6px;
		background: white;
		color: #9c9593;
		/* border: 1px solid #e4e4e4; */
		border-left: 0;
		border-bottom: 0;
	}

		.product-item.action-hover li div:hover, .product-item .action-hover li a:hover {
			background: white;
		}

			.product-item .action-hover li a:hover i {
				color: #f05127 !important;
			}

	.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:last-child {
		display: none;
	}

	.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 {
	}

	.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 .slide-image {
		background: none !important;
		margin: 0px auto;
	}
	/* 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 */

	/* 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;
	}

	.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;
		}

		.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) {
	.produt-item-quantity {
		right: 10px;
		top: 10px;
	}

	.discount-percentage {
		left: 10px;
		top: 10px;
	}

	.slider-style-2 .owl-nav button {
		position: unset;
	}

	.slider-style-2 .owl-nav {
		margin: 0;
	}

	.out-of-stock {
		zoom: 0.7;
		top: 32%;
	}

	.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 */
	.slider-style-1 .slide-description {
		/* margin-bottom: 40px; */
	}

	.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: 768px) {
	.testimonials .owl-stage {
		padding-top: 37px;
	}
}

@media (max-width: 680px) {
	.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: 480px) {
	.product-list-module .product-image {
		/* height: 108px; */
		/* margin-bottom: 8px; */
	}
}

@media (max-width: 440px) {
	.dmenu-style-1 .navbar-nav li:last-child a {
		border-right: 0;
	}

	.dmenu-style-1 .navbar-nav li a i {
		display: none;
	}
}

@media (max-width: 410px) {
}

@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: 1024px) and (max-width: 1366px) and (orientation: landscape) {
	.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%;
	}
}

@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%;
	}
}

@media (max-width: 380px) {
	.bg-1 {
		background-size: cover !important;
	}

	.slider-style-1 .slide-description h2 {
		font-size: 2rem;
	}

	.slider-style-2 .slide-image {
		min-width: unset;
	}
}

/* Mobile Screen */

.mobile-screen {
	max-width: 1024px;
	margin: 0px auto;
}

.mobile-header {
	background: #f05127 !important;
	padding: 14px 0;
	position: fixed;
	top: 0;
	z-index: 9999;
	margin: 0px auto;
	left: 0;
	right: 0;
}

.mobile-screen .logo {
	text-align: center;
}

	.mobile-screen .logo img {
		max-width: 132px;
	}

.mobile-screen .toast-fixed {
	width: 100% !important;
	left: 0;
	right: 0 !important;
	margin: 40px auto;
	top: 59px !important;
	margin-top: 0;
	max-width: unset;
	border-radius: 0;
}

	.mobile-screen .toast-fixed .toast-body {
		background: #ea4c22 !important;
		border: 0;
		color: white;
	}

	.mobile-screen .toast-fixed .toast-header {
		border-bottom: 0;
	}

	.mobile-screen .toast-fixed .toast-body a {
		color: white;
		text-decoration: underline;
	}

.mobile-screen .slider-container {
	min-height: 170px;
}

.mobile-screen .slider-style-2 .slide-image {
	background: transparent !important;
	width: 100%;
}

.mobile-screen .slider-style-2 .slide-description {
	display: none;
}

.mobile-screen .slider-style-2 .container {
	padding: 0;
	max-width: 100%;
}

.mobile-screen .slider-style-2 .item .row {
	margin: 0;
}

.mobile-screen .slider-style-3 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	margin-top: 10px;
	padding: 0px 10px;
}

.slider-style-3 .item .container {
	padding: 0;
	max-width: 100%;
}

.slider-style-3 .item .row {
	margin: 0 !important;
}

.slider-style-3 .item img {
	max-width: 100%;
	z-index: 1;
	position: relative;
}

.slider-style-3 .item {
	width: 25%;
	padding: 0px 5px;
	margin-bottom: 12px;
}

	.slider-style-3 .item .slide-description {
		order: 2;
		padding: 5px 5px;
		width: 100%;
		text-align: center;
	}

	.slider-style-3 .item .slide-image {
		border: 1px solid #e2dbdb;
		border-radius: 12px;
		overflow: hidden;
		min-height: 75px;
		width: 100%;
		background: none !important;
		position: relative;
	}

	.slider-style-3 .item .slide-description h2 {
		font-size: 12px;
		line-height: 1;
		margin: 0;
		font-weight: 500;
		color: #6b6868;
	}

	.slider-style-3 .item .slide-description .more-button-1 {
		display: none !important;
	}

.slider-style-3 .slide-image a:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #e2e2e2;
}
/* MAIN NAV */
.mobile-screen .main-nav .badge, .main-nav .image-menu {
	display: none;
}


.mobile-screen .main-nav ul > li > a {
	color: #ffffff !important;
	line-height: 50px !important;
	border-bottom: 1px solid #ffffff17;
	font-weight: 400 !important;
	font-size: 14px;
	padding-left: 24px !important;
	padding-top: 0;
	padding-bottom: 0;
	width: 80%;
	min-width: 240px;
}

	.mobile-screen .main-nav ul > li > a i {
		width: 24px;
		font-size: 22px;
		float: left;
		line-height: 50px;
		margin-right: 12px;
	}

.mobile-screen .main-nav ul > li .nav-link.dropdown-toggle:after {
	/* opacity: 0; */
}

.mobile-screen .main-nav .navbar-collapse.show {
	-webkit-animation: slideInLeft 0.5s;
	animation: slideInLeft 0.5s;
	width: 80%;
	max-width: 320px;
	overflow-y: scroll;
}

.mobile-screen .main-nav .navbar-collapse {
	position: fixed !important;
	left: -100%;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	box-shadow: 20px 80px 100px 0 rgb(4 1 1 / 46%);
	background: #f05127;
	z-index: 9999;
}

.mobile-screen .main-nav .collapsing {
	transition: unset;
	height: 100%;
}

.mobile-screen .main-nav .dropdown-menu {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 14px;
}


.mobile-screen .main-nav .dropdown .down-menu::after {
	font-family: "Font Awesome 5 Free";
	content: "\f078" !important;
	font-weight: 900;
	border: 0;
	margin: 0;
	font-size: 10px;
}

.mobile-screen .main-nav .navbar-nav li.show > .down-menu {
	background: #f05127;
	color: white;
}

	.mobile-screen .main-nav .navbar-nav li.show > .down-menu:after {
		content: "\f077" !important;
	}

.mobile-screen .down-menu {
	position: absolute;
	right: 18px;
	padding: 0 !important;
	top: 12px;
	line-height: 23px;
	color: #f05127;
	background: white;
	height: 24px;
	width: 24px;
	border: 1px solid white;
	border-radius: 50%;
}
/* MAIN NAV */
.mobile-fixed-bottom {
	/*background: #f05127 !important;*/
	background: url("../images/sub-bar.png") no-repeat top center transparent !important;
	position: fixed;
	bottom: 0;
	z-index: 2;
	left: 0;
	right: 0;
	width: 100%;
	/* box-shadow: 4px 4px 8px 9px #eae5e5; */
}

.mobile-screen .minicart-module .cart-count {
	font-weight: 500;
}

.mobile-fixed-bottom .col, .mobile-fixed-bottom [class*="col-"] {
}

.mobile-fixed-bottom .minicart-module.module {
	max-width: 40px;
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 0 !important;
	display: block;
	min-width: unset !important;
}

.fixed-bar-button, .fixed-bar-button a {
	color: #ffffff !important;
	display: block;
	font-size: 22px;
	padding: 0 !important;
	border: 0;
	min-width: 50px !important;
	background: transparent;
	line-height: 46px;
}

	.fixed-bar-button:hover {
		text-decoration: none;
	}

.center-button > a {
	padding: 0 !important;
	border: 0;
	min-width: unset;
	text-align: center !important;
	display: inline-block;
	font-size: 17px;
	background: #f05127;
	color: white;
	border-radius: 50%;
	margin: 0px auto;
	width: 39px;
	line-height: 39px;
	position: relative;
	top: -14px;
	/*box-shadow: 0px -9px 10px 0px #a294943b;*/
	margin: 0px auto;
}

	.center-button > a:hover {
		color: white;
	}

.center-button {
	text-align: center;
	max-width: unset;
	margin: 0px auto !important;
	padding: 0 !important;
	background-size: contain;
	z-index: auto !important;
}
/* Mobile Screen */

/* EDIT MODULES */
.module {
	position: relative;
	min-height: 30px;
	min-width: 40px;
	z-index: 1;
}

.main-nav {
	z-index: 4;
}

.main .module {
	z-index: auto;
}

.tox-tinymce-aux {
	z-index: 9999999999;
}

.image-module.module {
	min-height: 120px;
}

.image-style-1 a img, .image-style-2 a img {
	width: 100%;
}

.image-style-2 img {
	border-radius: 20px;
}

.image-style-2 {
	min-height: 235px;
}

.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: 2;
	background: #f3f3f3;
	border-radius: 4px;
	font-size: 11px;
	padding: 0px 6px;
	border: 1px solid #f3f3f3;
	color: #424141;
	line-height: 22px;
}

.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 .input-group-text {
		font-family: 'Rajdhani', sans-serif;
		font-weight: 500;
	}

	.edit-module .form-control {
		font-size: 13px;
	}

	.edit-module .btn-secondary {
		background: #403f3f;
		border-color: #403f3f;
	}

.master-image-link {
	min-height: 168px;
}

.edit-module .card a {
	background-size: contain !important;
	background-position: center center !important;
}

.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 {
	line-height: 2;
	font-size: 15px;
	margin-bottom: 10px;
}

.html-editor-module iframe {
}

.html-editor-module .progress {
	margin-bottom: 55px;
	position: relative;
	overflow: visible;
	height: 6px;
	border-radius: 36px;
}

.map p {
	margin-bottom: 0 !important;
}

.progress-bar p {
	position: absolute;
	right: 10px;
	top: -28px;
	color: #444343;
	font-size: 12px;
}

.html-editor-module .progress label {
	display: block;
	position: absolute;
	top: -30px;
	color: black;
	font-size: 15px;
	font-weight: 500;
}
/* HTML EDITOR */

.hideEditButtons {
	position: fixed;
	top: 50%;
	left: 0;
	border: 0;
	background: #f3f3f3;
	color: black;
	line-height: 40px;
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
	width: 38px;
	margin: 20px 0px;
	z-index: 9;
}

.showMobileScreen {
	position: fixed;
	top: 45%;
	left: 0;
	border: 0;
	background: #f3f3f3;
	color: black;
	line-height: 40px;
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
	width: 38px;
	z-index: 9;
}

.section-key {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 97;
	opacity: 0.5;
	color: #979797;
	cursor: pointer;
	filter: invert(1);
}

.sweet-alert {
	border-radius: 36px !important;
}

.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;
}

.sweet-alert button {
	background: #f05127 !important;
	border-radius: 36px !important;
	font-weight: 600 !important;
	margin-bottom: 12px !important;
	font-size: 16px !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: 40px;
	background: #f05127;
	color: white;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	z-index: 98;
	cursor: pointer;
}
/* 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;
	display: none;
}

.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: 26px 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: -19px;
	z-index: 1 !important;
}

.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: #f05127;
	}

.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;
}



/*animate border*/
@media (min-width: 1025px) {

	/*.product-item:before, .animated-border:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 0;
        height: 0;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 12px;
    }

    .product-item:hover:before, .animated-border:before {
        animation: animate-border 0.3s linear forwards;
    }

    .product-item:after, .animated-border:after {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 0;
        height: 0;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 12px;
    }

    .product-item:hover:after, .animated-border:after {
        animation: animate-border-2 0.3s linear forwards;
        animation-delay: 0.3s;
    }*/

}

@media (max-width: 1024px) {


	/* epsilos responsive */

	#responsiveScreen {
		background: transparent;
	}

		#responsiveScreen .fancybox-close-small {
			color: #101010;
			top: 80px;
			background: white;
			border-radius: 50%;
		}

	.switcher-topbar {
		position: fixed;
		width: 100%;
		z-index: 1;
		padding: 8px;
		background: #333;
		box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.25);
		left: 0;
		top: 0;
	}

		.switcher-topbar article,
		.switcher-topbar input {
			display: inline-block;
			vertical-align: top;
		}

		.switcher-topbar button {
			vertical-align: top;
			border: none;
			background: transparent;
			color: #aaa;
			transition: all 0.125s;
			padding: 12px 12px 8px;
			margin-right: 4px;
			line-height: 24px;
			font-weight: 500;
		}

			.switcher-topbar button .material-icons {
				font-size: 24px;
				line-height: 1;
			}

			.switcher-topbar button:hover, .topbar button:focus {
				color: white;
				background: rgba(0, 0, 0, 0.25);
				outline: none;
			}

		.switcher-topbar .navbar-right {
			float: right;
		}



	.device-chooser {
		margin: 0;
		padding-left: 0;
	}

		.device-chooser li {
			display: inline-block;
			vertical-align: top;
		}

		.device-chooser .device-size {
			min-width: 7em;
			padding: 0 8px;
			text-align: right;
			font-size: 18px;
			line-height: 48px;
			color: #aaa;
		}

	#responsiveScreen .brand {
		padding: 0 8px;
		color: #ccc;
		font-size: 1.5rem;
		line-height: 48px;
	}

		#responsiveScreen .brand a {
			display: block;
			color: #aaa;
			text-decoration: none;
			font-size: 18px;
		}

			#responsiveScreen .brand a:hover, .brand a:focus {
				color: white;
			}


	#responsiveScreen .content {
		padding-top: 3rem;
		overflow-x: auto;
		flex-grow: 1;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: middle;
	}

		#responsiveScreen .content .device {
			padding: 2em;
			text-align: center;
			transition: all 0.25s;
		}

			#responsiveScreen .content .device .device-wrapper {
				display: inline-block;
				position: relative;
				padding: 2em;
				padding-bottom: 4em;
				background-color: #f5f5f5;
				border-radius: 1em;
				box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.25);
			}

				#responsiveScreen .content .device .device-wrapper:before {
					content: "";
					position: absolute;
					bottom: 1.25em;
					left: 50%;
					margin-left: -1em;
					width: 2em;
					height: 2em;
					border-radius: 50%;
					background: rgba(0, 0, 0, 0.25);
				}

				#responsiveScreen .content .device .device-wrapper:after {
					position: absolute;
					display: block;
					display: none;
					content: "";
					left: 2em;
					right: 2em;
					top: 2em;
					bottom: 4em;
					background: rgba(255, 255, 255, 0.25);
					z-index: 1000;
				}

		#responsiveScreen .content.content--3d {
			perspective: 33vmin;
		}

			#responsiveScreen .content.content--3d > .device {
				transform: rotateY(6deg) rotateX(2deg);
			}

		#responsiveScreen .content.content--maximized article {
			position: absolute;
			width: 100%;
			height: 100%;
			padding: 0;
		}

			#responsiveScreen .content.content--maximized article .device-wrapper {
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				padding: 0;
				border-radius: 0;
				box-shadow: none;
			}

				#responsiveScreen .content.content--maximized article .device-wrapper:before {
					display: none;
				}

				#responsiveScreen .content.content--maximized article .device-wrapper iframe {
					position: absolute;
					display: block;
					min-width: 100%;
					width: 100%;
					height: 100% !important;
					top: 0;
					bottom: 0;
					top: 0;
					bottom: 0;
				}

	#responsiveScreen iframe {
		border: none;
		background: #ddd;
		transition: all 0.5s ease-in-out;
	}

	#responsiveScreen iframe {
		border: 4px solid #e4e4e4;
	}

	.device-wrapper {
		border: 2px solid #222;
	}

	/* epsilos responsive */