/*margins*/

.mt-1 {
	margin-top: 25px !important;
}
.mt-2 {
	margin-top: 50px !important;
}
.mt-3 {
	margin-top: 100px !important;
}
.mt-4 {
	margin-top: 150px !important;
}
.mt-5 {
	margin-top: 200px !important;
}

.mb-05 {
	margin-bottom: 15px !important;
}
.mb-1 {
	margin-bottom: 25px !important;
}
.mb-2 {
	margin-bottom: 50px !important;
}
.mb-3 {
	margin-bottom: 100px !important;
}
.mb-4 {
	margin-bottom: 150px !important;
}
.mb-5 {
	margin-bottom: 200px !important;
}
.mr-1 {
	margin-right: 25px !important;
}
.pr-1 {
	padding-right: 25px !important;
}
.mr-2 {
	margin-right: 50px !important;
}
.pr-2 {
	padding-right: 50px !important;
}
.mr-3 {
	margin-right: 100px !important;
}
.mr-4 {
	margin-right: 150px !important;
}
.mr-5 {
	margin-right: 200px !important;
}
.ml-1 {
	margin-left: 25px !important;
}
.ml-2 {
	margin-left: 50px !important;
}
.ml-3 {
	margin-left: 100px !important;
}
.ml-4 {
	margin-left: 150px !important;
}
.ml-5 {
	margin-left: 200px !important;
}
/*margins*/

/*colors*/
:root {
	/*palet primary*/
	--color-primary: #1E0C60;
	--color-secondary: #7076DC;
	--color-tertiary: #605f5f;
}
/*colors*/
body {
	color: var(--color-tertiary);
}
p,
label {
	font-size: 15px;
}
p.description {
	font-family: "gothambook";
}
a {
	font-size: 15px;
}
a.link-text {
	color: var(--color-secondary);
	text-decoration: underline;
}
.title.center-title {
	text-align: center;
}
h2.title {
	font-size: 30px;
}
h2.title.color-blue {
	color: var(--color-secondary);
}
h3.title {
	font-size: 28px;
	font-family: "gothammedium";
	color: var(--color-primary);
}
h4.title.blue-title {
	color: var(--color-secondary);
}
h4.title.red-title {
	color: var(--color-primary);
}
h4.title {
	font-size: 22px;
	font-family: "gothammedium";
	color: var(--color-tertiary);
}

/*global*/
.animate-fade {
	animation-name: animateFade;
	animation-duration: 1s;
}

@keyframes animateFade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
button.btn {
	min-width: 170px;
	height: 50px;
	width: auto;
	padding: 0 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 30px;
	font-size: 14px;
}
button.btn.btn-primary {
	background-color: var(--color-primary);
	color: #ffffff;
}
button.btn.btn-secondary {
	border: 1px solid var(--color-primary);
	color: var(--color-primary);
}
button.btn.btn-secondary:hover {
	background-color: var(--color-primary);
	color: #ffffff;
}
.file-button label {
	width: 166px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 30px;
	font-size: 14px;
	cursor: pointer;
	background-color: var(--color-primary);
	color: #ffffff;
}

.file-button #file-chosen {
	margin-left: 0.3rem;
	font-family: sans-serif;
}
.form-content {
	position: relative;
}
.form-content input,
.form-content textarea {
	background-color: inherit;
	border: none;
	border-bottom: 1px solid var(--color-tertiary);
	color: #666;
	font-size: 15px;
	line-height: 30px;
}
.form-content textarea {
	height: 180px;
}
.form-content.icon-form:before {
	content: "";
	top: 10px;
	right: 12px;
	position: absolute;
	z-index: 1;
	width: 16px;
	height: 16px;
}
.form-content.input-search input {
	padding: 0 0 10px 35px;
}
.form-content.input-search:before {
	content: "";
	width: 21px;
	height: 21px;
	position: absolute;
	left: 3px;
	top: 5px;
	background-image: url("../images/icon-input-search.svg");
}
.form-content label {
	font-size: 15px;
	margin-bottom: 10px;
}
.form-content .number-input {
	padding: 0 15px;
	width: 70px;
	position: relative;
}
.form-content .number-input input {
	text-align: center;
}
.form-content .number-input button:last-child {
	font-size: 15px;
	position: absolute;
	bottom: 6px;
	cursor: pointer;
	right: 0;
}
.form-content .number-input button:first-child {
	font-size: 15px;
	position: absolute;
	bottom: 6px;
	cursor: pointer;
	left: 0;
}
.form-content.icon-form.error:before {
	background-image: url("../images/icon-error.svg");
}
.form-content.icon-form.check:before {
	background-image: url("../images/check-icon.svg");
}
.form-content span {
	font-size: 12px;
	color: var(--color-tertiary);
	font-family: "gothammedium";
	float: right;
	display: block;
	margin-top: 8px;
}
.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-container input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: 1;
	left: 0;
	cursor: pointer;
	height: 21px;
	width: 21px;
}

.checkbox-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 21px;
	width: 21px;
	border: 2px solid var(--color-primary);
	border-radius: 6px;
}

.checkbox-container:hover input[type="checkbox"] ~ .checkbox-checkmark {
	background-color: rgb(240, 240, 240);
}

.checkbox-container input[type="checkbox"]:checked ~ .checkbox-checkmark {
	background-color: var(--color-primary);
}

.checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-container input[type="checkbox"]:checked ~ .checkbox-checkmark:after {
	display: block;
}

.checkbox-container .checkbox-checkmark:after {
	left: 6px;
	top: 2px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*global*/

/*admin-----------------------*/
.admin-layout {
	padding-left: 290px;
}
.admin-layout .menu-sidebar {
	position: absolute;
	width: 260px;
	left: 0;
	top: 0;
	background-color: aliceblue;
}
.admin-layout main {
}
/*admin-----------------------*/
/*front-----------------------*/
.front-layout {
	/*border-top: 4px solid var(--color-secondary);*/
	width: 100%;
	min-height: 1000px;
}
.front-layout .gray-bk {
	background-color: #f8f8f8;
	width: 100%;
}
.front-layout .gray-bk-light {
	background-color: #fbfcfd;
	width: 100%;
}

.front-layout .gray-bk.gray-header {
	min-height: auto;
	padding-bottom: 95px;
}
.inner-center-layout {
	padding: 50px 26px;
	max-width: 1200px;
	position: relative;
	margin: auto;
}
header .inner-center-layout {
	padding: 0 26px;
}
.inner-center-layout__center-md {
	max-width: 792px;
	padding: 25px;
	margin: auto;
}
.front-layout header {
	color: var(--color-tertiary);
}
.front-layout header.header-background {
	background-color: var(--color-secondary);
	color: #fff;
	height: auto;
	padding: 0;
	z-index: 1;
	position: relative;
}
.front-layout header .top-bar {
	height: 120px;
}
.front-layout header .top-bar .content-logo {
	width: 354px;
}
.front-layout header .top-bar .content-logo img {
	width: 162px;
}
.front-layout header .top-bar .search-content {
	width: 100%;
	height: 43px;
	border-radius: 21px;
	border: 1px solid var(--color-tertiary);
	padding-left: 5px;
	position: relative;
}
.front-layout header .top-bar .search-content .dropdown-menu {
	border-radius: 10px;
	box-shadow: 0px 32px 72px #00000054;
}
.front-layout header .top-bar .search-content ul.dropdown-menu {
	padding: 8px 0;
}
.front-layout header .top-bar .search-content .dropdown-menu li {
	padding-left: 40px;
	position: relative;
}
.front-layout header .top-bar .search-content .dropdown-menu li:hover {
	background-color: #f7f7f7;
	color: #555;
}
.front-layout .content-action-buttons div {
	width: 600px;
}
.front-layout .content-action-buttons {
	overflow-y: hidden;
	overflow-x: auto;
	padding-bottom: 20px;
}
.front-layout header .top-bar .search-content .dropdown-menu li:after {
	content: "";
	background-image: url("../images/Search-icon-menu.svg");
	width: 14px;
	height: 14px;
	position: absolute;
	left: 18px;
	top: 9px;
}
.front-layout header .top-bar .search-content.background-input {
	border: 1px solid #fff;
}
.front-layout header .top-bar .search-content .search-icon {
	position: absolute;
	right: 18px;
	left: initial;
	top: 10px;
	width: 20px;
}
.front-layout header .top-bar .search-content input {
	background-color: inherit;
	border: none;
	box-shadow: inherit;
	height: 43px;
	padding-left: 15px;
	font-size: 14px;
	color: var(--color-tertiary);
}

.front-layout header .top-bar .search-content.background-input input {
	color: #fff;
}
.front-layout header .icon-right-content {
	width: 400px;
}
.front-layout header .icon-right-content li {
	font-size: 14px;

	position: relative;
}
.front-layout header .icon-right-content li:last-child {
	margin-left: 30px;
}
.front-layout header .icon-right-content li img {
	width: 22px;
	margin-right: 10px;
	cursor: pointer;
}
.front-layout header .icon-right-content li .drop-menu-top {
	width: 387px;
	min-height: 362px;
	position: absolute;
	box-shadow: 0 17px 72px rgba(0, 0, 0, 0.253);
	top: 37px;
	right: 0;
	background-color: #fff;
	z-index: 20;
	display: none;
}
.icon-right-content li .drop-menu-top.log .log-item {
	height: 183px;
	width: 100%;
	padding: 24px;
}
.icon-right-content li .drop-menu-top .btn {
	font-size: 12px;
	height: 41px;
	width: 129px;
	padding: 0 10px;
	min-width: inherit;
}
.icon-right-content li .drop-menu-top.log .log-item p {
	font-family: gothambook;
	margin-bottom: 15px;
	font-size: 15px;
}
.icon-right-content li .drop-menu-top.log .log-item__login {
	background-color: #fff;
	color: var(--color-tertiary);
}
.icon-right-content li .drop-menu-top.log .log-item__login a {
	color: var(--color-secondary);
}
.icon-right-content li .drop-menu-top.log .log-item__register {
	background-color: var(--color-primary);
	color: #fff;
}
.icon-right-content li .drop-menu-top.log .log-item__register button {
	margin-top: 15px;
}
.icon-right-content li .drop-menu-top.log .log-item__register button {
	color: #fff;
	border: solid 1px #fff;
}
.icon-right-content li .drop-menu-top.cart {
	padding: 40px 50px;
	color: var(--color-tertiary);
}
.icon-right-content li .drop-menu-top.cart hr {
	margin: 15px 0;
}
.icon-right-content li .drop-menu-top.cart p {
	font-family: "gothambook";
	margin-bottom: 5px;
	font-size: 15px;
}
.icon-right-content li .drop-menu-top.cart h2 {
	font-size: 18px;
	color: var(--color-primary);
	font-family: "gothammedium";
}
.icon-right-content li .drop-menu-top.cart .product {
	width: 100px;
}
.icon-right-content li .drop-menu-top.cart .icon {
	width: 12px;
}
.icon-right-content li .drop-menu-top.cart .total-cart {
	color: var(--color-secondary);
}
.icon-right-content li .drop-menu-top.cart .total-cart img {
	width: 120px;
}
.front-layout header .icon-right-content .overlay-drop {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
	display: none;
}
.front-layout .bkg-blue-full-nav {
	background-color: var(--color-secondary);
	padding: 30px 0;
	position: relative;
}
.front-layout header nav {
	height: 24px;
	z-index: 10;
}
.front-layout header nav ul li {
	margin-right: 35px;
}

.front-layout header nav ul li a {
	font-size: 14px;
	color: #fff;
}

.front-layout header.header-background nav ul li:hover span {
	color: #fff;
}
.front-layout header nav ul li:hover span {
	color: var(--color-primary);
}
.front-layout header nav ul li.active span {
	color: #fff;
}
.front-layout header.header-background nav ul li a {
	color: #ffffff;
}
.front-layout header.header-background nav ul li.active span {
	color: #fff;
}
.front-layout header nav ul li.list-menu.forecast {
	position: relative;
	width: 100px;
}

.front-layout header nav li.list-menu:hover ul.nav-submenu {
	display: block;
}
.front-layout header nav ul li.list-menu span {
	cursor: pointer;
	color: #fff;
	font-size: 14px;
}
.front-layout header nav ul li.list-menu span:after {
	content: "";
	float: right;
	border: 1px solid #fff;
	top: 3px;
	margin-left: 10px;
	border-width: 0 2px 2px 0;
	position: absolute;
	margin-right: 12px;
	margin-top: 4px;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.front-layout header.header-background nav ul li.list-menu span:after {
	border: solid #fff;
}
.front-layout header.header-background nav ul li.list-menu:hover span:after {
	border: solid #fff;
	border-width: 0 2px 2px 0;
	margin-left: 10px;
}
.front-layout header.header-background nav ul li.list-menu.active span:after {
	border: solid #fff;
	border-width: 0 2px 2px 0;
	margin-left: 14px;
}

.front-layout header nav ul li.list-menu:hover span:after {
	border: solid #fff;
	border-width: 0 2px 2px 0;
	margin-left: 10px;
}
.front-layout header nav ul li.list-menu.active span:after {
	border: solid #fff;
	border-width: 0 2px 2px 0;
	margin-left: 14px;
}
.front-layout header nav ul.nav-submenu {
	background-color: #fff;
	position: relative;
	top: -15px;
	z-index: 5;
	border-radius: 6px;
	white-space: nowrap;
	font-weight: 400;
	box-shadow: 0px 6px 11px 0px #57575748;
	margin-top: 29px;
	display: none;
	min-width: 160px;
	padding: 5px 0 10px 0;
}

.front-layout header nav ul.nav-submenu li {
	margin: 0;
}
.front-layout header nav ul.nav-submenu li a {
	padding: 7px 22px;
	width: 100%;
	display: block;
	font-size: 14px;
	color: #9aa5b1;
}
.front-layout header nav ul.nav-submenu li a:hover {
	color: var(--color-primary);
}
.front-layout header nav ul.nav-submenu li.active {
	color: var(--color-primary);
}

.front-layout header p.top-bar-text {
	color: #fff;
}
.front-layout header p {
	font-size: 18px;
	font-family: "gothammedium";
}

.front-layout .content-slider {
	width: 100%;
	position: relative;
	margin-top: 30px;
	z-index: 5;
}

.front-layout .content-slider div {
	max-height: 400px;
	overflow: hidden;
}

.front-layout .content-slider img {
	max-height: 400px;
	width: 100%;
	max-width: inherit;
	/* transform: translate(0, -12%); */
}
.front-layout .content-slider .slick-next,
.front-layout .content-slider .slick-prev {
	z-index: 999;
	background-color: #fff;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	box-shadow: 0px, 18px, 72px #e9f5fb;
}
.front-layout .content-slider .slick-next:before,
.front-layout .content-slider .slick-prev:before {
	color: #333;
}
.front-layout .content-slider .slick-next {
	right: 45px;
}
.front-layout .content-slider .slick-prev {
	left: 45px;
}

/*slider text*/
.front-layout .slide-inner-container {
	position: relative;
}
.front-layout .slider-inner-container_info {
	position: absolute;
	z-index: 20;
	left: 50%;
	top: 50%;
	margin: -68px 10px 10px -500px;
	background-color: initial !important;
}
.front-layout .slider-inner-container_info h1 {
	margin-bottom: 15px;
	color: #050f18;
	font-size: 55px;
	font-weight: 900;
	font-family: "gothammedium";
}
.front-layout .slider-inner-container_info button {
	background-color: #050f18;
	color: #fff;
	padding: 16px 34px;
	border-radius: 30px;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.front-layout .slider-inner-container_info.color-white h1 {
	color: #fff;
}
.front-layout .slider-inner-container_info.color-white button {
	background-color: #fff;
	color: #050f18;
	font-weight: bold;
}
/*slider text*/

.front-layout .banner-content {
	height: 173px;
	width: 100%;
	border-radius: 21px;
	background-color: #98ddfb;
	margin-top: 35px;
	overflow: hidden;
	position: relative;
}
.front-layout .banner-content img {
	width: inherit;
	max-width: inherit;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.front-layout .banner-content .title-container {
	background-color: #FB3FB5;
	width: 320px;
	height: 268px;
	border-radius: 50%;
	position: absolute;
	top: -31%;
	left: -60px;
}
.front-layout .banner-content .title-container.blue-bkg {
	background-color: var(--color-secondary);
}
.front-layout .banner-content .title-container h2 {
	color: #fff;
	/* margin: 123px 0px 123px 0; */
	position: absolute;
	left: 30%;
	transform: translate(0%, -41%);
	top: 50%;
	font-size: 28px;
}
.front-layout .content-slider .slick-dots {
	bottom: -54px;
}
.front-layout .content-slider .slick-dots li {
	margin: 0 8px;
	width: 8px;
	height: 8px;
}
.front-layout .content-slider .slick-dots li button {
	background: #dadada;
	border-radius: 50%;
	width: 8px;
	height: 8px;
}
.front-layout .content-slider .slick-dots li.slick-active button {
	background: #FB3FB5;
}

.front-layout main h1.title-layout-home {
	text-align: center;
	font-size: 20px;
	max-width: 899px;
	margin: auto;
	padding: 3px 30px 80px 30px;
}
.front-layout main section {
	padding: 70px 26px 726pxpx 0;
}
.front-layout main section h2 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.front-layout main section .image-about-flow {
	max-width: 706px;
	margin: auto;
	display: block;
}
@media (max-width: 768px) {
	.front-layout main section .image-about-flow {
		display: none;
	}
}
.front-layout main section.acount-section {
	background-color: var(--color-secondary);
}
.front-layout main section.acount-section h2 {
	color: #fff;
}
.front-layout main section.acount-section p {
	color: #fff;
}
.front-layout main section.acount-section ul li {
	color: #fff;
	font-size: 15px;
	margin-bottom: 15px;
	list-style-position: outside;
	padding-left: 20px;
	position: relative;
}
.front-layout main section.acount-section ul li:before {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background-color: #fff;
	border-radius: 50%;
	left: 0;
	top: 7px;
}
.front-layout main section.acount-section .btn.btn-primary {
	background-color: #fff;
	color: var(--color-secondary);
}
.front-layout main section.footer-section {
	padding: 102px 0;
}
.front-layout main .stepper-content {
	margin-top: 200px;
}
.front-layout main .stepper-content-item.step-item__1 img {
	max-width: 182px;
	margin: initial;
	margin: auto;
}
.front-layout main .content-brand-map .brand {
	max-width: 90px;
	margin: initial;
	margin-left: 10px;
}
.front-layout main .content-brand-map .map {
	max-width: 406px;
	margin: initial;
	margin-left: 10px;
}
.front-layout main .content-brand-map p {
	margin-bottom: 5px;
}

.front-layout
	main
	.stepper-content-item.step-item__1
	.payment-check
	img.image-rp {
	max-width: 173px;
	margin: initial;
}
.front-layout
	main
	.stepper-content-item.step-item__1
	.payment-check
	img.image-arrow {
	max-width: 101px;
}
.front-layout
	main
	.stepper-content-item.step-item__1
	.payment-check
	img.image-pcia {
	max-width: 224px;
}
.front-layout main .stepper-content-item.step-item__1 .payment-check span {
	top: 37px;
	border-radius: 50%;
}
.front-layout main .stepper-content-item.step-item__1 .payment-check input {
	top: 37px;
}
.front-layout main .content-brand-map .wp-cel img {
	max-width: 15px;
	position: absolute;
	left: 0;
	top: 2px;
}
.front-layout main .content-brand-map iframe {
	height: 287px;
	width: 100%;
}
.front-layout main .content-brand-map .wp-cel {
	padding-left: 20px;
	position: relative;
}
.front-layout main .stepper-content-item.step-item__4 img {
	max-width: 91px;
	margin: auto;
}
.front-layout main .stepper-content .title.center {
	text-align: center;
}
.front-layout main .stepper-content .stepper-content-item {
	display: none;
}
.front-layout main .stepper-content .stepper-content-item.active {
	display: block;
}
.front-layout main .avarar-acount {
	max-width: 160px;
}
.front-layout main .video-content-image {
	overflow: hidden;
	position: relative;
	border-radius: 16px;
	width: 100%;
	max-height: 471px;
}
.front-layout main .video-content-image .overlay-video {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: rgba(0, 0, 0, 0.3);
}
.front-layout main .video-content-image .video-icon {
	position: absolute;
	width: 112px;
	height: 112px;
	left: 50%;
	top: 50%;
	margin-left: -56px;
	margin-top: -56px;
	z-index: 6;
	cursor: pointer;
}
.front-layout footer {
	min-height: 220px;
	overflow: hidden;
	width: 100%;
	background-color: var(--color-primary);
	color: #ffffff;
	position: relative;
}
.front-layout footer .arrow-top:after {
	content: "";
	width: 59px;
	height: 59px;
	background-image: url(./../images/arrow-top.svg);
	position: absolute;
	bottom: 30px;
	right: 26px;
	cursor: pointer;
}
.front-layout footer > div {
	padding: 50px 25px 0px 25px;
}
.front-layout footer .footer-logo {
	width: 208px;
	max-width: inherit;
}
.front-layout footer .copy-text {
	font-size: 14px;
	font-family: "gothammedium";
	position: relative;
	top: -45px;
}

.front-layout footer ul li a img {
	width: 19px;
	margin-top: 8px;
	margin-left: 7px;
	float: left;
	max-width: inherit;
}
.front-layout footer ul li:last-child a img {
	width: 11px;
	margin-left: 14px;
}
.front-layout footer ul li a {
	font-size: 14px;
}
.front-layout footer p {
	font-size: 14px;
}
.products-section-items,
.brand-section-items {
	padding-bottom: 0;
}
.products-section-items button.slick-arrow {
	position: absolute;
	right: 0;
	left: inherit;
	top: -32px;
}
.products-section-items button.slick-arrow.slick-prev {
	margin-right: 27px;
}
.products-section-items .slick-slide:first-child {
	margin: 0px 8px 0px 0px;
}
.products-section-items .slick-slide:last-child {
	margin: 0px 0px 0px 8px;
}
.products-section-items .slick-slide {
	margin: 0px 8px;
}

.products-section-items .slick-list {
	width: 1194px;
	margin: auto;
	padding: 30px 0 30px 0;
}
.products-section-items .slick-dots {
	display: none;
}
.brand-section-items h2 {
	margin-bottom: 20px;
}
.brand-section-items h2 {
	text-align: center;
}
.brand-section-items .slider {
	width: 90%;
	margin: auto;
}

.brand-section-items .slick-list {
	padding: 50px 30px;
	width: 1035px;
}
.regular-brand.icon-product .slick-list {
	width: 1200px;
}
.brand-section-items .slick-dots {
	display: none;
}

.front-layout .brand-section-items .slick-next,
.front-layout .brand-section-items .slick-prev {
	z-index: 999;
	background-color: #fff;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	box-shadow: 0px, 18px, 72px #e9f5fb;
}
.front-layout .brand-section-items .slick-next:hover,
.front-layout .brand-section-items .slick-prev:hover {
	box-shadow: 0px 14px 50px #c5c7cb8a;
}
.front-layout .brand-section-items .slick-next {
	right: -60px;
}
.front-layout .brand-section-items .slick-prev {
	left: -60px;
}
.front-layout .content-product-data {
	padding: 0 20px;
}
.categories-section-items button.slick-arrow {
	position: absolute;
	right: 20px;
	left: inherit;
	top: -59px;
}
.categories-section-items button.slick-arrow.slick-prev {
	margin-right: 30px;
}

.categories-section-items .slick-slide {
	margin: 0 14px;
}
.categories-section-items .slick-slide div {
	margin-bottom: 50px;
	padding: 5px;
}
.categories-section-items .slick-dots li button {
	background: #cfcfcf;
	border-radius: 50%;
	width: 8px;
	height: 8px;
}
.categories-section-items .slick-dots li.slick-active button {
	background: #605f5f;
}
.fq-container h2 {
	text-align: center;
}
/*front-----------------------*/

/*-------login layout------*/
.content-login .content-image-login {
	width: 55%;
	height: 100vh;
	float: left;
	background-image: url("./../images/image-login.svg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.content-login .content-logo {
	display: flex;
	margin-bottom: 30px;
}
.content-login .content-logo img {
	max-width: 160px;
}

.content-login .content-form-login {
	width: 44%;
	float: right;
	display: flex;
	height: 100vh;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background-color: #fefefe;
}
.content-login .content-form-login__inner-form {
	max-width: 400px;
	width: 100%;
}
.content-login .content-form-login__inner-form h1 {
	color: var(--color-black-blue);
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 500;
}
.content-login .content-form-login__inner-form label {
	color: var(--color-gray-200);
	margin-bottom: 10px;
}
.content-login .content-form-login__inner-form input:focus {
	border-color: var(--color-secondary);
}
.content-login .content-form-login__inner-form button:focus {
	opacity: 0.9;
}
.content-login .content-form-login__inner-form button {
	position: relative;
	left: 2px;
}
.content-login .content-form-login__inner-form button:hover {
	opacity: 0.9;
}
/*-------login layout------*/

/*components-------------*/

/*Card*/
.img-simple-card {
	background-color: #ffffff;
	overflow: hidden;
	border-radius: 10px;
	cursor: pointer;
	transition: 0.3s;
	position: relative;
	border: 1px solid #b4b4b4;
}
.img-simple-card__sm {
	border: none;
}
.img-simple-card img {
	transform: translate(0%, 0%);
	position: relative;
}
.img-simple-card .content-image {
	max-height: 303px;
	overflow: hidden;
}
.img-simple-card.card-lg .content-image {
	max-height: 646px;
	overflow: hidden;
}
.img-simple-card:hover {
	box-shadow: 0px 14px 70px #c5c7cb8a;
}
.img-simple-card .content-text {
	border-top: 1px solid #b4b4b4;
	padding: 32px 33px;
	min-height: 130px;
}
.img-simple-card .content-text p {
	font-size: 15px;
	color: #605f5f;
}
.img-simple-card__sm .content-text p {
	text-align: center;
}
.img-simple-card .content-text span {
	font-size: 20px;
	color: var(--color-secondary);
}
.img-simple-card.card-logo {
	padding: 20px 10px;
	border-radius: 13px;
	background-color: inherit;
	opacity: 1;
	border: none;
	margin: 30px 0;
}

.img-simple-card.card-logo:hover {
	box-shadow: 0px 14px 50px #c5c7cb8a;
	opacity: 1;
	background-color: #fff;
}
.img-simple-card.card-logo.active {
	box-shadow: 0px 14px 50px #c5c7cb8a;
	opacity: 1;
	background-color: #fff;
	border: 2px solid #014e9d;
}

.img-simple-card.card-logo.red.active {
	box-shadow: 0px 14px 50px #c5c7cb8a;
	opacity: 1;
	background-color: #fff;
	border: 2px solid #e12130;
}

.card-logo img {
	width: 116px;
	margin: auto;
}
.card-logo.logo-color img {
	width: 110px;
	margin: auto;
}
.card-logo.logo-color__lg img {
	width: 130px;
	margin: auto;
}
.card-logo.card-logo__sm.logo-color-check {
	padding: 44px 24px 36px 24px;
}

.card-logo.card-logo__sm.logo-color-check:hover:before {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	width: 20px;
	height: 20px;
	background-size: 20px;
	background-image: url("../images/check-card.svg");
	right: 19px;
	top: 12px;
}
.card-logo.logo-color-check {
	max-width: 260px;
	padding: 49px;
	border-radius: 7px;
	position: relative;
	transition: 0.2s;
}

.card-logo.logo-color-check:hover:before {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background-image: url("../images/check_azul.png");
	right: 19px;
	top: 12px;
}

.card-logo.logo-color-check.red:hover:before {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background-image: url("../images/check_rojo.png");
	right: 19px;
	top: 12px;
}

.card-logo.logo-color-check.active:before {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background-image: url("../images/check_azul.png");
	right: 19px;
	top: 12px;
}

.card-logo.logo-color-check.red.active:before {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background-image: url("../images/check_rojo.png");
	right: 19px;
	top: 12px;
}

.card-logo.logo-color-check img {
	width: 163px;
}
.icon-simple-card {
	height: 149px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 29px;
	border-radius: 10px;
	overflow: hidden;
	transition: 0.3s;
	cursor: pointer;
	box-shadow: 1px 1px 15px #c5c7cb59;
}

.icon-simple-card:hover {
	background-color: var(--color-primary);
}
.icon-simple-card.icon-1 {
	background-image: url("../images/categorias/gris/1.svg");
}
.icon-simple-card.icon-1:hover {
	background-image: url("../images/categorias/blanco/1.svg");
}

.icon-simple-card.icon-2 {
	background-image: url("../images/categorias/gris/2.svg");
}
.icon-simple-card.icon-2:hover {
	background-image: url("../images/categorias/blanco/2.svg");
}

.icon-simple-card.icon-3 {
	background-image: url("../images/categorias/gris/3.svg");
}
.icon-simple-card.icon-3:hover {
	background-image: url("../images/categorias/blanco/3.svg");
}

.icon-simple-card.icon-4 {
	background-image: url("../images/categorias/gris/4.svg");
}
.icon-simple-card.icon-4:hover {
	background-image: url("../images/categorias/blanco/4.svg");
}

.icon-simple-card.icon-5 {
	background-image: url("../images/categorias/gris/5.svg");
}
.icon-simple-card.icon-5:hover {
	background-image: url("../images/categorias/blanco/5.svg");
}

.icon-simple-card.icon-6 {
	background-image: url("../images/categorias/gris/6.svg");
}
.icon-simple-card.icon-6:hover {
	background-image: url("../images/categorias/blanco/6.svg");
}

.icon-simple-card.icon-7 {
	background-image: url("../images/categorias/gris/7.svg");
}
.icon-simple-card.icon-7:hover {
	background-image: url("../images/categorias/blanco/7.svg");
}

.icon-simple-card.icon-8 {
	background-image: url("../images/categorias/gris/8.svg");
}
.icon-simple-card.icon-8:hover {
	background-image: url("../images/categorias/blanco/8.svg");
}

.icon-simple-card.icon-9 {
	background-image: url("../images/categorias/gris/9.svg");
}
.icon-simple-card.icon-9:hover {
	background-image: url("../images/categorias/blanco/9.svg");
}

.icon-simple-card.icon-10 {
	background-image: url("../images/categorias/gris/10.svg");
}
.icon-simple-card.icon-10:hover {
	background-image: url("../images/categorias/blanco/10.svg");
}

.icon-simple-card.icon-11 {
	background-image: url("../images/categorias/gris/11.svg");
}
.icon-simple-card.icon-11:hover {
	background-image: url("../images/categorias/blanco/11.svg");
}

.icon-simple-card.icon-12 {
	background-image: url("../images/categorias/gris/12.svg");
}
.icon-simple-card.icon-12:hover {
	background-image: url("../images/categorias/blanco/12.svg");
}

.icon-simple-card.icon-13 {
	background-image: url("../images/categorias/gris/13.svg");
}
.icon-simple-card.icon-13:hover {
	background-image: url("../images/categorias/blanco/13.svg");
}

.icon-simple-card.icon-14 {
	background-image: url("../images/categorias/gris/14.svg");
}
.icon-simple-card.icon-14:hover {
	background-image: url("../images/categorias/blanco/14.svg");
}

.icon-simple-card.icon-15 {
	background-image: url("../images/categorias/gris/15.svg");
}
.icon-simple-card.icon-15:hover {
	background-image: url("../images/categorias/blanco/15.svg");
}

.icon-simple-card.icon-16 {
	background-image: url("../images/categorias/gris/16.svg");
}
.icon-simple-card.icon-16:hover {
	background-image: url("../images/categorias/blanco/16.svg");
}

.icon-simple-card.icon-17 {
	background-image: url("../images/categorias/gris/17.svg");
}
.icon-simple-card.icon-17:hover {
	background-image: url("../images/categorias/blanco/17.svg");
}

.icon-simple-card.icon-18 {
	background-image: url("../images/categorias/gris/18.svg");
}
.icon-simple-card.icon-18:hover {
	background-image: url("../images/categorias/blanco/18.svg");
}

.icon-simple-card.icon-19 {
	background-image: url("../images/categorias/gris/19.svg");
}
.icon-simple-card.icon-19:hover {
	background-image: url("../images/categorias/blanco/19.svg");
}

.icon-simple-card.icon-20 {
	background-image: url("../images/categorias/gris/20.svg");
}
.icon-simple-card.icon-20:hover {
	background-image: url("../images/categorias/blanco/20.svg");
}

.icon-simple-card.icon-21 {
	background-image: url("../images/categorias/gris/21.svg");
}
.icon-simple-card.icon-21:hover {
	background-image: url("../images/categorias/blanco/21.svg");
}

.icon-simple-card.icon-22 {
	background-image: url("../images/categorias/gris/22.svg");
}
.icon-simple-card.icon-22:hover {
	background-image: url("../images/categorias/blanco/22.svg");
}

.icon-simple-card.icon-23 {
	background-image: url("../images/categorias/gris/23.svg");
}
.icon-simple-card.icon-23:hover {
	background-image: url("../images/categorias/blanco/23.svg");
}

.icon-simple-card.icon-24 {
	background-image: url("../images/categorias/gris/24.svg");
}
.icon-simple-card.icon-24:hover {
	background-image: url("../images/categorias/blanco/24.svg");
}

.icon-simple-card.icon-25 {
	background-image: url("../images/categorias/gris/25.svg");
}
.icon-simple-card.icon-25:hover {
	background-image: url("../images/categorias/blanco/25.svg");
}

.icon-simple-card.icon-26 {
	background-image: url("../images/categorias/gris/26.svg");
}
.icon-simple-card.icon-26:hover {
	background-image: url("../images/categorias/blanco/26.svg");
}

.icon-simple-card.icon-27 {
	background-image: url("../images/categorias/gris/27.svg");
}
.icon-simple-card.icon-27:hover {
	background-image: url("../images/categorias/blanco/27.svg");
}

.icon-simple-card.icon-28 {
	background-image: url("../images/categorias/gris/28.svg");
}
.icon-simple-card.icon-28:hover {
	background-image: url("../images/categorias/blanco/28.svg");
}

.icon-simple-card.icon-29 {
	background-image: url("../images/categorias/gris/29.svg");
}
.icon-simple-card.icon-29:hover {
	background-image: url("../images/categorias/blanco/29.svg");
}

.icon-simple-card.icon-30 {
	background-image: url("../images/categorias/gris/30.svg");
}
.icon-simple-card.icon-30:hover {
	background-image: url("../images/categorias/blanco/30.svg");
}

.icon-simple-card.icon-31 {
	background-image: url("../images/categorias/gris/31.svg");
}
.icon-simple-card.icon-31:hover {
	background-image: url("../images/categorias/blanco/31.svg");
}


.icon-simple-card .content-text {
	text-align: center;
	margin-top: 75px;
	color: #dddddd;
}
.icon-simple-card .content-text p {
	font-size: 15px;
}
.icon-simple-card:hover .content-text {
	color: #fff;
}
.icon-text-card {
	background-color: #fff;
	border-radius: 13px;
	padding: 72px 27px 15px 27px;
	box-shadow: 1px 1px 45px #c5c7cb59;
	position: relative;
	min-height: 231px;
}
section .inner-center-layout .icon-text-card {
	margin: 20px 0;
}

.icon-text-card img {
	width: 95px;
	height: 95px;
	position: absolute;
	top: -50px;
	left: 10px;
}

@media (max-width: 768px) {
	.icon-text-card img {
		width: 150px;
		top: -38px;
	}
}
.front-layout section .icon-text-card h2 {
	font-size: 17px;
	color: #605f5f;
	margin: 0;
}
.front-layout section .icon-text-card p {
	color: #363636;
	font-size: 15px;
	font-family: "gothamlight";
	max-height: 93px;
	overflow: hidden;
}
.contact-card {
	min-height: 210px;
	box-shadow: 0px 14px 70px #c5c7cb8a;
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 30px;
	position: relative;
	margin-bottom: 40px;
}
.contact-card__text-container {
	padding-right: 75px;
	z-index: 1;
}
.contact-card__text-container h3 {
	margin-bottom: 10px;
	color: #605f5f;
	font-weight: bold;
	font-size: 17px;
}
.contact-card__text-container p {
	margin-bottom: 20px;
	color: #605f5f;
	font-size: 15px;
}
.contact-card__text-container button {
	width: 138px;
	color: #fff;
	background-color: var(--color-primary);
	border-radius: 30px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}
.contact-card__text-container button:hover {
	box-shadow: 0px 5px 15px #c5c7cba8;
}

.contact-card__image-icon img {
	position: absolute;
	right: 20px;
	top: -40px;
}
.contact-card__image-icon.image-icon-1 img {
	width: 135px;
	right: 15px;
	top: -20px;
}
.contact-card__image-icon.image-icon-2 img {
	width: 211px;
	top: -12px;
	right: -7px;
}
.contact-card__image-icon.image-icon-3 img {
	right: -5px;
	width: 170px;
	top: -25px;
}

/*Card*/
/*filter Selectbox*/
.dropdown {
	height: 38px;
	width: 100%;
	font-size: 15px;
	color: var(--color-tertiary);
	background-color: inherit;
	border-bottom: 1px solid var(--color-tertiary);
	position: relative;
}
.dropdown.custom-width-dropdown {
	width: 130px;
}
.dropdown-filter {
	position: relative;
}
.dropdown-filter input {
	padding: 0 90px 0 60px;
}
.dropdown-filter img.search-icon {
	width: 20px;
	position: absolute;
	left: 22px;
	top: 10px;
}
.dropdown-filter .filter-icon-content {
	right: 22px;
	top: 12px;
	position: absolute;
	display: flex;
}
.dropdown-filter .filter-icon-content span {
	font-size: 14px;
	color: var(--color-primary);
}
.dropdown-filter .filter-icon-content img.filter-icon {
	width: 20px;
	cursor: pointer;
	margin-left: 10px;
}
.dropdown-filter .filter-icon-content img.filter-icon.active {
	opacity: 0.5;
}
.dropdown-filter input {
	outline: none;
}
.dropdown .select::after {
	content: "";
	position: absolute;
	right: 5px;
	border: solid var(--color-tertiary);
	border-width: 0 2px 2px 0;
	margin-top: 4px;
	display: inline-block;
	padding: 4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.dropdown .select {
	cursor: pointer;
	display: block;
	padding: 10px 0;
}
.dropdown .select > i {
	font-size: 13px;
	color: #888;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	float: right;
	line-height: 20px;
}
.dropdown .select span {
	opacity: 0.8;
}
.dropdown.active .select > i {
	transform: rotate(-90deg);
}
.dropdown .dropdown-menu,
.dropdown-filter .dropdown-menu {
	position: absolute;
	background-color: #fff;
	width: 100%;
	left: 0;
	top: inherit;
	margin-top: 6px;
	box-shadow: 0 0px 11px rgb(204 204 204);
	border-radius: 6px;
	overflow: hidden;
	display: none;
	max-height: 144px;
	overflow-y: auto;
	z-index: 20;
}

.dropdown-menu.drop-up {
	top: -78px;
}

.dropdown .dropdown-menu li,
.dropdown-filter .dropdown-menu li {
	padding: 10px;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	padding: 7px 7px 5px 14px;
	font-size: 14px;
	color: #9aa5b1;
}
.dropdown .dropdown-menu,
.dropdown-filter .dropdown-menu {
	list-style: none;
}
.dropdown .dropdown-menu li:hover,
.dropdown-filter .dropdown-menu li:hover {
	background-color: #fce8ea;
	color: var(--color-primary);
}
.dropdown .dropdown-menu li:active,
.dropdown-filter .dropdown-menu li:active {
	background-color: #fce8ea;
}
.content-filter-form {
	display: none;
	padding-top: 20px;
}
.content-filter-form button {
	width: 46%;
	margin-right: 5%;
	margin-top: 29px;
}
.content-filter-form button:last-child {
	margin-right: 0;
}
/*filter*/
/*Accordion*/
.accordion-container {
	margin-top: 44px;
}
.accordion-container ul li {
	font-size: 15px;
	width: 100%;
	border: 1px solid #333;
	border-radius: 15px;
	padding: 17px 26px;
	margin-bottom: 15px;
	opacity: 0.5;
	transition: 0.3s;
	position: relative;
}
.accordion-container ul li.active {
	padding: 26px;
	opacity: 1;
}
.accordion-container ul li .accordion-off {
	display: none;
}
.accordion-container ul li.active .accordion-off {
	display: block;
}
.accordion-container ul li.active .accordion-on {
	display: none;
}
.accordion-container ul li .accordion-content {
	display: none;
}
.accordion-container ul li.active .accordion-content {
	display: block;
}
.accordion-container ul li .accordion-list {
	cursor: pointer;
}
.accordion-container ul li.active .accordion-list {
	font-weight: bold;
	cursor: default;
}
.accordion-container ul li .accordion-icon {
	position: absolute;
	right: 23px;
	top: 9px;
}
.accordion-container ul li .accordion-icon span {
	font-size: 28px;
}
/*Accordion*/
/*stepper*/
.stepper-container {
	height: 3px;
	width: 94%;
	margin: auto;
	background-color: var(--color-primary);
}

.stepper-container ul li {
	position: relative;
}
.stepper-container ul li:first-child:before {
	left: 0;
	margin-left: 0;
}
.stepper-container ul li:last-child:before {
	right: 0;
	margin-left: 0;
	left: inherit;
}
.stepper-container ul li:before {
	content: "";
	width: 24px;
	top: -13px;
	left: 50%;
	margin-left: -12px;
	height: 24px;
	position: absolute;
	border-radius: 20px;
	background-color: #fff;
	border: 3px solid var(--color-primary);
}
.stepper-container ul li.active:before {
	width: 34px;
	height: 34px;
	top: -19px;
	z-index: 5;
	background: url("../images/check-white.svg") center no-repeat
		var(--color-primary);
}
.stepper-container ul li span {
	display: block;
	position: relative;
	margin-top: 55px;
	font-size: 15px;
}
.stepper-container ul li:first-child span {
	left: -35px;
}
.stepper-container ul li:last-child span {
	left: 50%;
	transform: translate(-23%, 9%);
}
.stepper-container ul li .number {
	font-size: 101px;
	position: absolute;
	top: -6px;
	margin-left: -32px;
	left: 50%;
	color: #fce8ea;
	z-index: 0;
	font-weight: bold;
}

.stepper-container ul li .number.four {
	font-size: 101px;
	position: absolute;
	top: -6px;
	margin-left: -15px;
	left: 50%;
	color: #fce8ea;
	z-index: 0;
	font-weight: bold;
}

.stepper-container ul li:first-child .number {
	left: 30px;
}
.stepper-container ul li:last-child .number {
	left: 74%;
}
/*stepper*/
/*Table*/
table.front-base-table {
	width: 100%;
	max-width: inherit;
}
@media screen and (max-width: 992px) {
	table.front-base-table {
		width: 1200px;
	}
}
table.front-base-table .product {
	max-width: 160px;
	height: auto;
}
.table-container {
	overflow-x: auto;
}
.table-container.product-table table.front-base-table tr:first-child {
	border-bottom: 1px solid var(--color-tertiary);
}

table.front-base-table {
	position: relative;
	font-size: 15px;
}
table.front-base-table tr th {
	padding-bottom: 37px;
}
table.front-base-table tr td {
	padding: 30px 10px;
}
table.front-base-table tr:first-child {
	border-bottom: none;
}
table.front-base-table tr {
	border-bottom: 1px solid var(--color-tertiary);
}
.table-container.product-table-list table.front-base-table tr:first-child {
	opacity: 1;
}
.table-container.product-table-list table.front-base-table tr {
	opacity: 0.5;
	cursor: pointer;
	transition: 0.3s;
}
.table-container.product-table-list table.front-base-table tr:hover {
	opacity: 1;
}
table.front-base-table tr.history-row {
	opacity: 0.5;
	border-bottom: 1px solid rgb(214 214 214);
}
table.front-base-table tr td img.icon-delete {
	cursor: pointer;
	width: 18px;
}
.total-table-container {
	display: flex;
	justify-content: flex-end;
	padding: 40px 70px;
	max-width: 1200px;
}
.total-table-container > div {
	width: 300px;
}
.total-table-container .txt-align-right {
	text-align: right;
}
.total-table-container span.total {
	font-size: 22px;
	color: var(--color-secondary);
	font-family: "gothammedium";
}
.total-table-container .row div {
	margin-bottom: 0px !important;
}
/*Table*/
/*pagination*/
.pagination-container {
	display: flex;
	font-size: 14px;
	font-weight: 400;
	justify-content: center;
}

.pagination-container {
	color: #bcbec4;
	margin-top: 30px;
}
.pagination-container ul {
	margin: 0 25px 0 5px;
}
.pagination-container ul li {
	display: inline-block;
	margin: 0 8px;
}
.pagination-container ul li.active {
	color: #fff;
	background-color: var(--color-primary);
	padding: 5px 12px;
	border-radius: 50%;
	font-weight: 500;
}
.pagination-container ul li:hover {
	color: var(--color-primary);
}
.pagination-container ul li:first-child,
.pagination-container ul li:last-child {
	background-color: initial;
	padding: 0;
}
.pagination-container ul li a {
	font-size: 15px;
}
.pagination-container ul li.active a {
	font-family: "gothammedium";
}
.pagination-container ul li a span {
	clip-path: inset(50%);
	overflow: hidden;
	width: 0px;
	display: inline-block;
}
.pagination-container ul li.arrow-icon a::after {
	content: "";
	float: right;
	border: solid var(--color-tertiary);
	border-width: 0 2px 2px 0;
	margin-top: 10px;
	display: inline-block;
	padding: 5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.pagination-container ul li.arrow-icon.active a::after {
	border: solid var(--color-primary);
	border-width: 0 2px 2px 0;
	background-color: initial;
}
.pagination-container ul li:first-child a::after {
	transform: rotate(136deg);
	-webkit-transform: rotate(136deg);
}
.pagination-container ul li:last-child a::after {
	transform: rotate(-44deg);
	-webkit-transform: rotate(-44deg);
}
/*pagination*/
/*alfabetic list*/
.alfabetic-item-container {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 17px;
}
.alfabetic-item-container ul {
	display: flex;
	justify-content: start;
	width: 1200px;
}
.alfabetic-item-container ul li {
	margin-right: 8px;
	width: 40px;
	height: 45px;
	border: 1px solid var(--color-tertiary);
	border-radius: 11px;
	transition: 0.3s;
}
.alfabetic-item-container ul li a {
	color: var(--color-tertiary);
	font-size: 15px;
	font-family: "gothammedium";
	text-transform: uppercase;
	width: 40px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.alfabetic-item-container ul li:hover a {
	color: #fff;
}
.alfabetic-item-container ul li.active,
.alfabetic-item-container ul li:hover {
	color: #fff;
	background-color: #FB3FB5;
	border: 1px solid #FB3FB5;
}
.alfabetic-item-container ul li.active a {
	color: #fff;
}
/*alfabetiv list*/

/*Tabs*/
.image-content-items {
	border: 1px solid var(--color-tertiary);
	border-radius: 16px;
	width: 100%;
	min-height: 598px;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	background-color: #fff;
}
.image-content-items .image-lg-content {
	display: none;
	/*padding: 6px 0;*/
	/*max-width: 531px;*/
}
.image-content-items .image-lg-content:first-child {
	display: block;
}
.btn-image-vew {
	margin-top: 40px;
	display: flex;
	justify-content: start;
}
.btn-image-vew button {
	max-width: 101px;
	height: 73px;
	border-radius: 12px;
	background-color: #fff;
	opacity: 0.5;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 29px;
}
.btn-image-vew button:hover,
.btn-image-vew button.active {
	opacity: 1;
	box-shadow: 0px 0px 30px 0px #3333333b;
}
/*Tabs*/
/*bread crumb*/
.bredcrum-container p span {
	margin: 0 5px;
}
/*bread crumb*/

/*side container category*/
.side-category-container {
	width: 100%;
	max-width: 250px;
	border: 1px solid #afaeae;
	border-radius: 8px;
	padding: 27px;
}
.side-category-container img {
	max-width: 86px;
	margin-bottom: 15px;
}
.side-category-container h2 {
	font-size: 20px;
	color: var(--color-primary);
	font-family: "gothammedium";
	margin-bottom: 10px;
}
.side-category-container p {
	font-family: "gothambook";
	margin-bottom: 10px;
}
.side-category-container nav {
	border-bottom: 1px solid #605f5f86;
	border-top: 1px solid #605f5f86;
	padding: 15px 0;
}
.side-category-container nav ul li {
	margin: 5px 0;
}
.side-category-container nav ul li a {
	margin-right: 5px;
}
.side-category-container nav ul li a:hover {
	color: var(--color-primary);
}
.side-category-container .progress-bar {
	padding: 15px 0;
}
.side-category-container .progress-bar span {
	color: var(--color-secondary);
	padding-top: 7px;
	display: block;
}
.side-category-container .progress-bar label {
	color: var(--color-secondary);
	margin-bottom: 10px;
	display: block;
}
.side-category-container .progress-bar .bar-container {
	width: 100%;
	height: 3px;
	background-color: #e9f5ff;
	position: relative;
}
.side-category-container .progress-bar .bar-container .bar span {
	float: right;
	margin-right: -20px;
}
.side-category-container .progress-bar .bar-container .bar {
	width: 40%;
	height: 3px;
	background-color: var(--color-secondary);
	left: 0;
}
.side-category-container .progress-bar .bar-container > span {
	position: absolute;
	top: 0;
}
/*side container category*/
/*menu mobile*/
.menu-mobail-action {
	margin-left: 5px;
	cursor: pointer;
	position: relative;
	top: 3px;
	display: none;
}
.cart-button__mobile {
	display: none;
}
.menu-mobile-container {
	display: none;
}

.menu-mobile-container div {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--color-secondary);
	z-index: 1000;
	padding: 0 20px;
}
.close-icon-mobile {
	position: absolute;
	right: 25px;
	top: 25px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}
.menu-mobile-container,
.front-layout header .menu-mobile-container nav {
	text-align: center;
	margin-top: 100px;
	border-bottom: 1px solid #fff;
	height: auto;
	width: 320px;
	padding-bottom: 18px;
}
.front-layout header .menu-mobile-container nav ul li {
	margin-right: initial;
	margin: 30px 0;
}
.bottom-nav .log-button {
	width: 13px;
	float: left;
	position: relative;
	top: 5px;
	right: 5px;
}
.front-layout header .menu-mobile-container nav {
	text-align: center;
	margin-top: 60px;
	border-bottom: 0px solid #fff;
	height: 411px;
	max-width: 320px;
	width: 100%;
	padding-bottom: 18px;
}

/*components-------------*/

/*mobile-------------*/
@media (max-width: 768px) {
	/*general*/
	.mt-1 {
		margin-top: 15px !important;
	}
	.mt-2 {
		margin-top: 25px !important;
	}
	.mt-3 {
		margin-top: 100px !important;
	}
	.mt-4 {
		margin-top: 150px !important;
	}
	.mt-5 {
		margin-top: 200px !important;
	}

	.mb-05 {
		margin-bottom: 10px !important;
	}
	.mb-1 {
		margin-bottom: 15px !important;
	}
	.mb-2 {
		margin-bottom: 25px !important;
	}
	.mb-3 {
		margin-bottom: 25px !important;
	}
	.mb-4 {
		margin-bottom: 50px !important;
	}
	.mb-5 {
		margin-bottom: 50px !important;
	}
	.mr-1 {
		margin-right: 15px !important;
	}
	.pr-1 {
		padding-right: 15px !important;
	}
	.mr-2 {
		margin-right: 25px !important;
	}
	.pr-2 {
		padding-right: 25px !important;
	}
	.mr-3 {
		margin-right: 25px !important;
	}
	.mr-4 {
		margin-right: 50px !important;
	}
	.mr-5 {
		margin-right: 50px !important;
	}
	.ml-1 {
		margin-left: 15px !important;
	}
	.ml-2 {
		margin-left: 25px !important;
	}
	.ml-3 {
		margin-left: 25px !important;
	}
	.ml-4 {
		margin-left: 50px !important;
	}
	.ml-5 {
		margin-left: 50px !important;
	}
	/*general*/
	.search-content,
	.icon-right-content ul li:first-child,
	.top-bar-text,
	.bkg-blue-full-nav,
	header nav.desktop-top-nav,
	header p,
	.icon-right-content ul li:last-child span,
	.cart-button {
		display: none;
	}
	.menu-mobail-action {
		display: block;
	}
	.cart-button__mobile {
		display: block;
	}
	.cart-button--white {
		display: block;
	}
	.menu-mobile-container,
	.menu-mobile-container {
		display: none;
	}
	.bottom-nav {
		position: relative;
		height: 50px;
		top: 0px;
	}
	
	.front-layout header.header-background {
		height: 129px;
	}
	.front-layout .gray-bk.gray-header {
		min-height: 188px;
	}
	.products-section-items button.slick-arrow {
		display: none !important;
	}
	.front-layout .brand-section-items .slick-next,
	.front-layout .brand-section-items .slick-prev {
		display: none !important;
	}
	.menu-mobail-action img {
		width: 24px;
		max-width: initial;
	}
	/*title banner*/
	.front-layout .banner-content .title-container {
		width: 308px;
		left: -67px;
	}
	/*stepper*/
	.stepper-container ul li .number,
	.stepper-container ul li span {
		display: none;
	}
	.front-layout main .stepper-content {
		margin-top: 100px;
	}
	.inner-center-layout {
		padding: 26px;
	}
	.front-layout .banner-content {
		margin-top: 0px;
		border-radius: 0;
	}	
}
/*mobile-------------*/

.front-layout header .icon-right-content li .drop-menu-top.drop-menu-top__log {
	width: 175px;
	left: -19px;
	min-height: auto;
	padding: 5px;
	border-radius: 14px;
	color: #605f5f;
}

.front-layout
	header
	.icon-right-content
	li
	.drop-menu-top.drop-menu-top__log
	ul {
	padding: 7px 0;
}

.front-layout
	header
	.icon-right-content
	li
	.drop-menu-top.drop-menu-top__log
	ul
	li {
	display: block;
	margin: 0;
}

.front-layout
	header
	.icon-right-content
	li
	.drop-menu-top.drop-menu-top__log
	ul
	li
	a {
	display: block;
	padding: 2px 12px;
}

.front-layout
	header
	.icon-right-content
	li
	.drop-menu-top.drop-menu-top__log
	ul
	li
	a:hover,
.front-layout
	header
	.icon-right-content
	li
	.drop-menu-top.drop-menu-top__log
	ul
	li
	a.active {
	color: var(--color-primary);
}

.icon-right-content li .drop-menu-top.log .log-item {
	height: 183px;
	width: 100%;
	padding: 24px;
}