@import url("../../../../css-2");
.body-style .title, .body-style .heading, .body-style h1, .body-style h2, .body-style h3, .body-style h4, .body-style h5, .body-style h6 {
	font-family: "Poppins", sans-serif;
}
.body-style, .body-style input, .body-style select, .body-style textarea, .body-style button, .body-style .button {
	font-family: "Poppins", sans-serif;
}

.body-style {
	background-image: url("aio_customize_css-3367.css");
	background-position: top center;
	background-repeat: repeat;
	background-color: rgba(255, 255, 255, 1);
}
.progress-line::before, .progress-line::after, .modal-card-head, .modal-card-body, .modal-card-foot, .module-product .frame:hover .item-info .floating-cart-button, .tab-product .frame:hover .item-info .floating-cart-button, #product-product #main-content .tab-content#tab-review.expand {
	background-color: rgba(255, 255, 255, 1);
}
#header-slideshow{
	display: none;
}
#header, #header.float-header, #header.float-header.isStickyHeader, #header.uni-head-1:not(.float-header), #header.uni-head-6:not(.float-header), #header #navi-bar .navbar-dropdown, .tablet #header .navbar-menu, .mobile #header .navbar-menu {
	background-color: rgba(17, 17, 17, 1);
}
#header:not(.float-header) #search-toggle, #header:not(.float-header) #currency, #header:not(.float-header) #shopping-cart, #header:not(.float-header) #myaccount, .navbar-burger, .tablet .float-header #search-toggle, .tablet .float-header  #currency, .tablet .float-header  #shopping-cart, .tablet .float-header  #myaccount, .mobile .float-header #search-toggle, .mobile .float-header  #currency, .mobile .float-header  #shopping-cart, .mobile .float-header  #myaccount, .navbar-burger {
	color: rgba(255, 255, 255, 1);
}
#header:not(.float-header) #search-toggle:hover, #header:not(.float-header) #currency:hover, #header:not(.float-header) #shopping-cart:hover, #header:not(.float-header) #myaccount:hover, .tablet .float-header #search-toggle:hover, .tablet .float-header  #currency:hover, .tablet .float-header  #shopping-cart:hover, .tablet .float-header  #myaccount:hover, .mobile .float-header #search-toggle:hover, .mobile .float-header  #currency:hover, .mobile .float-header  #shopping-cart:hover, .mobile .float-header  #myaccount:hover, .navbar-burger:hover {
	color: rgba(255, 198, 11, 1);
}

#header .container .el_2 .holder #navi-bar {
	text-transform: uppercase;
}

#header:not(.float-header) #navi-bar .navbar-item, #header:not(.float-header) #navi-bar .navbar-link, #header.isStickyHeader #navi-bar .navbar-item, #header.isStickyHeader #navi-bar .navbar-link, .float-header .navbar-dropdown .navbar-item, .tablet .float-header #navi-bar > .navbar > .navbar-item, .tablet .float-header #navi-bar .navbar-link, .mobile .float-header #navi-bar > .navbar > .navbar-item, .mobile .float-header #navi-bar .navbar-link {
	color: rgba(255, 255, 255, 1) !important;
}
#header:not(.float-header) #navi-bar .navbar-item:hover, #header.isStickyHeader #navi-bar .navbar-item:hover, .float-header:not(.isStickyHeader) #navi-bar .navbar-dropdown .navbar-item:hover, .tablet .float-header #navi-bar .navbar-item:hover, .mobile .float-header #navi-bar .navbar-item:hover {
	background-color: rgba(255, 198, 11, 1) !important;
}
#header:not(.float-header) #navi-bar .navbar-item:hover, #header:not(.float-header) #navi-bar .navbar-link:hover, #header:not(.float-header) #navi-bar .navbar-item:hover > .navbar-link, #header:not(.float-header) #navi-bar .navbar-link:hover > .navbar-link, #header.isStickyHeader #navi-bar .navbar-item:hover, #header.isStickyHeader #navi-bar .navbar-link:hover, #header.isStickyHeader #navi-bar .navbar-item:hover > .navbar-link, #header.isStickyHeader #navi-bar .navbar-link:hover > .navbar-link, .float-header .navbar-dropdown .navbar-item:hover, .tablet .float-header #navi-bar > .navbar > .navbar-item:hover, .tablet .float-header #navi-bar .navbar-link:hover, .mobile .float-header #navi-bar > .navbar > .navbar-item:hover, .mobile .float-header #navi-bar .navbar-link:hover{
	color: rgba(0, 0, 0, 1) !important;
}

#header #currency, #header.isStickyHeader #currency {
	display: none;
}

.title, .modal-card-title {
	font-weight: bold;
	text-transform: uppercase;
}

.title, .tabs li.is-active a, .modal-card-title {
	color: rgba(17, 17, 17, 1);
}
.txt-data, .input.txt-data {
	color: rgba(17, 17, 17, 1);
}
.txt-interact {
	color: rgba(17, 17, 17, 1) !important;
}

.body-style , .body-style a {
	color: rgba(0, 0, 0, 1);
}

.body-style button, .body-style .button {
	border-radius: 42px;
	border: 1px solid;
	border-color: rgba(255, 255, 255, 1);
	border-width: 1px;
	text-transform: capitalize;
	background-color: rgba(255, 255, 255, 1);
}

.body-style .button .btn-add-cart input{
	text-transform: capitalize;
}

.fp-more .box-heading{
	color: rgba(255, 255, 255, 1);
}

.btn-wishlist > a, .floating-cart-button::after {
	border-color: rgba(255, 255, 255, 1) !important;
	color: rgba(255, 255, 255, 1);
}

.bulma-datepicker .datepicker-nav {
	background: rgba(255, 255, 255, 1) !important;
}
.bulma-datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
	border: .1rem dotted rgba(255, 255, 255, 1) !important;
	color: rgba(255, 255, 255, 1) !important;
}
.bulma-datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
	background: rgba(255, 255, 255, 1) !important;
	border-color: rgba(255, 255, 255, 1) !important;
}
.bulma-datepicker .datepicker-body .datepicker-months .datepicker-month.is-active, .bulma-datepicker .datepicker-body .datepicker-months .datepicker-year.is-active, .bulma-datepicker .datepicker-body .datepicker-years .datepicker-month.is-active, .bulma-datepicker .datepicker-body .datepicker-years .datepicker-year.is-active {
	background: rgba(255, 255, 255, 1) !important;
	border-color: rgba(255, 255, 255, 1) !important;
}

.select:not(.is-multiple):not(.is-loading)::after {
	border-color: rgba(255, 255, 255, 1);
}

.body-style button, .body-style .button {
	color: rgba(0, 0, 0, 1);
}
.bulma-datepicker .datepicker-body .datepicker-months .datepicker-month.is-active, .bulma-datepicker .datepicker-body .datepicker-months .datepicker-year.is-active, .bulma-datepicker .datepicker-body .datepicker-years .datepicker-month.is-active, .bulma-datepicker .datepicker-body .datepicker-years .datepicker-year.is-active {
	color: rgba(0, 0, 0, 1);
}
.bulma-datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
	color: rgba(0, 0, 0, 1);
}
.body-style button:hover , .body-style .button:hover {
	background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 198, 11, 1);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: rgba(0, 0, 0, 1) !important;
}

.wide #breadcrumb {
	background-color: rgba(255, 202, 10, 0.75);
}
.bordered .breadcrumb, .boxed .breadcrumb {
	background-color: rgba(255, 202, 10, 0.75);
}
#breadcrumb{
	font-size: 12px;
	text-transform: uppercase;
	color: rgba(17, 17, 17, 1);
}
#breadcrumb .breadcrumb{
	height: 100px;
	justify-content: flex-start;
}

#contents #sidebar-left .module-container .box .title, #contents #sidebar-right .module-container .box .title {
	background-color: rgba(255, 255, 255, 0);
	color: rgba(0, 0, 0, 1);
}

#contents #sidebar-left .module-container .box .box-content, #contents #sidebar-right .module-container .box .box-content, #contents #sidebar-left .module-container .box .box-content a, #contents #sidebar-right .module-container .box .box-content a {
	background-color: rgba(255, 255, 255, 0);
	color: rgba(0, 0, 0, 1);
}
.category-header .category-thumb .category-thumb-frame img{
	display: block;
	-webkit-filter: blur(5px);
	-ms-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
}
.category-header .category-thumb .category-thumb-frame::before {
	background-color: rgba(0, 0, 0, 0.3);
}
.category-header .category-thumb .category-thumb-frame {
	background-color: rgba(190, 190, 190, 1);
}

.desktop .category-header .category-thumb .category-thumb-text {
	font-size: 32px;
}

.category-header .category-thumb .category-thumb-text {
	border-radius: 0px;
	border: 1px solid;
	border-color: rgba(255, 255, 255, 1);
	border-width: 4px;
	background-color: rgba(255, 255, 255, 0);
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
}

.category-refine-search .refine-categories .image {
	display: none;
}
.category-refine-search .refine-categories {
	list-style-type: disc;
}
.category-refine-search .refine-categories > div {
	width: auto;
	margin-left: 20px;
}
.category-refine-search .refine-categories > div > a {
	display: list-item;
}

.module-product .frame, .tab-product .frame{
	border-radius: 0px;
	border: none;
	background-color: rgba(255, 255, 255, 1);
}

.product-name a {
	-webkit-line-clamp: 2;
}

.module-product .frame .item-info .product-name, .tab-product .frame .item-info .product-name, .module-product .frame .item-info, .tab-product .frame .item-info {
	text-align: center;
}
.rating {
	justify-content: center;
}
.price {
	align-items: center;
}

.price .price-new {
	color: rgba(0, 0, 0, 1);
}

.price .price-old {
	color: rgba(200, 200, 200, 1);
}

#footer {
	background-image: url("");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgba(18, 18, 18, 0.95);
}

#footer .module-container .title {
	color: rgba(255, 255, 255, 1) !important;
}

#footer {
	color: rgba(255, 255, 255, 1) !important;
}

#footer #copyrights {
	background-color: rgba(0, 0, 0, 1);
}

#footer #copyrights {
	color: rgba(255, 255, 255, 1);
}

#footer .container #newsletter {
	display: none !important;
}

@media(min-width: 1025px) {

	.home .box > div, #contents:not(.home), #header .container, #footer > .container, #footer #copyrights > .container, #breadcrumb .breadcrumb {
		max-width: 1080px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	#header:not(.isStickyHeader) .container .el_1 .holder #logo a img{
		width: 130px;
	}

	#header .container .el_2 .holder #navi-bar {
		font-size: 14px;
	}

	#header .container .el_2 .holder #navi-bar .navbar > .navbar-item{
		margin-right: 30px;
	}

	#header.isStickyHeader #search-toggle, #header.isStickyHeader #currency, #header.isStickyHeader #shopping-cart, #header.isStickyHeader #myaccount {
		color: rgba(255, 255, 255, 1) !important;
	}
	#header.isStickyHeader #search-toggle:hover, #header.isStickyHeader #currency:hover, #header.isStickyHeader #shopping-cart:hover, #header.isStickyHeader #myaccount:hover {
		color: rgba(0, 0, 0, 1) !important;
	}

	#search-toggle i, #shopping-cart i, #myaccount i{
		font-size: 16px;
	}
	#currency span {
		font-size: 14px;
	}

	#header:not(.isStickyHeader) .el_1 {
		padding-top: px;
		padding-bottom: px;
	}

	.title {
		font-size: 24px;
	}

	.body-style {
		font-size: 14px;
	}
	.body-style #contents #sidebar-left .title, .body-style #contents #sidebar-right .title {
		font-size: 20px;
	}

	#contents #sidebar-left .module-container .box, #contents #sidebar-right .module-container .box {
		border-radius: 0px;
	}

	#contents #sidebar-left .title::after, #contents #sidebar-right .title::after {
		content: " ";
		border-bottom: 1px solid;
		position: absolute;
		bottom: 0;
		left: 50%;
		top: 50%;
		transform: translate(-50%,0%);
		-webkit-transform: translate(-50%, 0%);
		width: 100%;
		border-color: rgba(200, 200, 200, 1);
		border-width: 2px;
	}

	#contents #sidebar-left .module-container .box .title, #contents #sidebar-right .module-container .box .title {
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
	}

	#contents #sidebar-left .module-container .box .box-content, #contents #sidebar-right .module-container .box .box-content, #contents #sidebar-left .module-container .box .box-content a, #contents #sidebar-right .module-container .box .box-content a {
		font-size: 16px;
	}

	#footer .title {
		font-size: 14px;
	}

	#footer {
		font-size: 12px;
	}

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

}