html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}

body{
	background: url('/img/body-background.gif') repeat top left #fff;
	/* text-align: center; */
	color: #484848;
	font-size: 12px;
	line-height: 19px;
	/* font-family: "Roboto"; */
	font-family: 'IBM Plex Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px transparent;
	margin: 0;

}

h1, .welcome {
	
	font: Verdana;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
h2 {
	color: #000000;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.subheading{
	display: block;
	font-size: 14px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}

a:link, a:visited{
	/* color: #484848; */
    color: #333333;
	text-decoration: none;
}

a img {
	border: none;
}

img{
	border: none;
}



/* colors */
.blue{
	color: #008D9B;
}

/* layout */
.wrapper {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


.main-container {
	width: 100%;
}
.main-container .main{
	width: 100%;
}
.main-container .col-main{
	width: 100%;
}
.main-container .col-left{
	width: 100%;
}

.page {}

.page .main-container .main{

}

.top-menu{
	margin: 0;
	padding:		0 0 0 0;
}

.top-menu ul{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	background: url('/img/main-content-top-background.png') bottom center no-repeat;
}

.top-menu ul li{
	float: left;
	margin: 0 10px 0 0;

}

.top-menu ul li a{
   display: block;
	padding: 0;
	font-size: 14px;
	line-height: 1em;
	font-family: 'Roboto';
	color: #6d6e71;
	text-transform: uppercase;
	font-weight: 300;

}

.top-menu ul li a:hover{
	color: #008d9b;
}
#container {
	/*	width: 960px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#column-left {
	float: left;
	width: 180px;
}
#column-right {
	float: right;
	width: 180px;
}
#content {
	min-height: 400px;
	margin-bottom: 25px;
}

#column-left + #column-right + #content, #column-left + #content {
	margin-left: 195px;
}
#column-right + #content {
	margin-right: 195px;
}

/* menu */
#menu {
	background: #585858;
	border-bottom: 1px solid #000000;
	height: 37px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	padding: 0px 5px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;
	padding: 6px 5px 5px 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
	font-size: 13px;
	color: #FFF;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 6px 10px 6px 10px;
	margin-bottom: 5px;
	z-index: 6;
	position: relative;
}
#menu > ul > li:hover > a {
	background: #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#menu > ul > li > div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 5;
	padding: 5px;
	border: 1px solid #000000;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background: url('/img/menu.png'); 
}
#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
	background: #000000;
}
#menu > ul > li > div > ul > li > a {
	color: #FFFFFF;
}
.breadcrumb {
    background-color: #FFF;
    border: 1px solid #d6d6d6;
	color: #888888;
	padding: 10px 6px;
	font-size: 13px;
}
.breadcrumb a{
text-decoration: none !important;
    color: #666666 !important;
font-weight: 600;
-webkit-font-smoothing: antialiased;
}


.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	color: #555555;
	margin: 5px 0;
	font-weight: 400;
}

.success > p, .warning > p, .attention > p, .information > p{
	padding: 2px 0;
	margin: 0;
}
.success {
	background: #EAF7D9 url('/img/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	/*	-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-khtml-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;*/
}
.warning {
	background: #FFD1D1 url('/img/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.attention {
	background: #FFF5CC url('/img/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
.required {

}
.error {
	display: block;
	color: #FF0000;
}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	display: block;
}
table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
	color: #000000;
}
table.form td {
	padding: 4px;
}
input.large-field, select.large-field {
	width: 300px;
}
table.list {
	/*	border-collapse: collapse;
		width: 100%;
		border-top: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
		margin-bottom: 20px;*/
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td {
	vertical-align: middle;
	padding: 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}
table.radio {
	width: 100%;
	border-collapse: collapse;
}
table.radio td {
	padding: 5px;
	vertical-align: middle;
}
table.radio tr td:first-child {
	width: 1px;
}
table.radio tr.highlight:hover td {
	background: #F1FFDD;
	cursor: pointer;
}
table.radio label {
	width: 100%;
	height: 15px;
	display: inline-block;
}


/* button */
.button {
	cursor: pointer;
	line-height: 26px;
	height: 26px;
	color: #fff;
	font-weight: 600;
	background: url('/img/header-red-small.png') top left repeat-x;
	text-transform: uppercase;
	/*padding: 10px 30px;*/
	padding-left: 30px;
	padding-right: 30px;
	font-family: inherit;
	border: none;
	display: inline-block;
	/*	line-height: 24px;
		padding: 0px 12px 0px 12px;*/
}

a.button {
	display: inline-block;
	text-decoration: none;
	color: #fff;
}
input.button {

}
.button:hover, .button.yellow:hover{
	background: #d0d0d0;
	color: #3b3b3b;
}

.button.gray{
	background: url('/img/header-background-gray.png') repeat-x top left;
}


.button.gray:hover{
	background: #d1d1d1;
	color: #fff;
}

.button.yellow{
	background: url('/img/button-background-yellow.png') repeat-x top left;
	color: #d6923c;
}
.buttons {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	overflow: auto;
	padding: 6px;
	margin-bottom: 20px;
}
.buttons .left {
	float: left;
	text-align: left;
}
.buttons .right {
	float: right;
	text-align: right;
}
.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.htabs {
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #DDDDDD;
}
.htabs a {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('/img/tab.png') repeat-x;
	padding: 7px 15px 6px 15px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin-right: 2px;
}
.htabs a.selected {
	padding-bottom: 7px;
	background: #FFFFFF;
}
.tab-content {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 10px;
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;
}
/* box */
.box {
	margin-bottom: 15px;
}


.box .box-content {
	background: #FFFFFF;
	/*	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
	border-radius:5px;*/
	border: 1px solid #D4D4D4;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* box products */
.box-product {
	width: 100%;
	overflow: auto;
}
.box-product > div {
	width: 130px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 20px;
}
#column-left + #column-right + #content .box-product > div {
	width: 119px;
}
.box-product .image {
	display: block;
	margin-bottom: 0px;
}
.box-product .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}
.box-product .name a {
	color: #38B0E3;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}
.box-product .price {
	display: block;
	font-weight: bold;
	color: #333333;
	margin-bottom: 4px;
}
.box-product .price-old {
	color: #F00;
	text-decoration: line-through;
}
.box-product .price-new {
	font-weight: bold;
}
.box-product .rating {
	display: block;
	margin-bottom: 4px;
}
/* box category */
.box-category {
	/*	margin-top: -5px;*/
	border: 1px solid #D0D0D0;
	background: #fff;
	text-transform: uppercase;
}
.box-category > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.box-category > ul > li {
	padding: 0;
}

.box-category > ul > li > span{
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 46px;
	padding: 0 0 0 15px;
	display: block;
	background: url('/img/header-background-red.png') repeat-x;
	background-color: #CD0018; 
}

.box-category > ul > li > ul{
	list-style-type: disc;
	margin: 0 15px;
	font-size: 14px;
	padding: 0 12px;

}

.box-category > ul > li ul > li{
	padding:7px 0 7px 0;
	color: #8B8B8B;
	border-bottom: 1px solid #D6D6D6;
}
.box-category > ul > li ul > li:hover{
/* background-color: gray */
}
.box-category > ul > li ul > li:last-child{
	border: none;
}

.box-category > ul > li > ul > li > ul > li{
	color: #EA0103;
	padding: 0;
	margin:0px 0 ;
	font-size: 14px;
	line-height: 23px;
	border: none;
	text-transform: none;
}

.box-category > ul > li > ul > li > ul > li.selected, .box-category > ul > li > ul > li > ul > li:hover{
	background: #f1f1f1;
}

.box-category > ul > li > ul > li > ul > li > a{
    padding:3px 0 3px 15px;
	color: #EA0103;
}
.box-category > ul > li > ul > li > ul{
	list-style-type: none;
	margin: 12px 0 0 0;
	padding: 0;
	border-top: 1px solid #D6D6D6;
}
.box-category > ul > li + li {
	border-top: 1px solid #EEEEEE;
}
.box-category > ul > li > a {
	text-decoration: none;
	color: #333;
}
.box-category > ul > li ul {
	/*	display: none;*/
}
.box-category > ul > li a.active {
	font-weight: bold;
}
.box-category > ul > li a.active + ul {
	display: block;
}

.box-category > ul > li ul > li > a {
	text-decoration: none;
	display: block;
}
.box-category > ul > li ul > li > a.active {
	font-weight: bold;
}
/* content */
.box .content {
	background: #fff;
	padding: 20px;
	/*	overflow: auto;*/
	/*	margin-bottom: 20px;*/
	border: 1px solid #d6d6d6;
}

.box .box{
	margin: 0;
}
.box .box .content{
	border-top: 0;
	padding: 10px 20px;
}
/*#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}*/
/* category */
.category-info {
	overflow: auto;
	margin-bottom: 20px;
}
.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}
.category-list {
	overflow: auto;
	margin-bottom: 20px;
}
.category-list ul {
	float: left;
	width: 18%;
}
.category-list .div a {
	text-decoration: underline;
	font-weight: bold;
}
/* manufacturer */
.manufacturer-list {
	border: 1px solid #DBDEE1;
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px; 
}
.manufacturer-heading {
	background: #F8F8F8;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 8px;
	margin-bottom: 6px;
}
.manufacturer-content {
	padding: 8px;
}
.manufacturer-list ul {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
/* Modern Manufacturers Menu Styles */
.manufacturers-menu-modern {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.manufacturers-menu-modern .box-heading {
	background: linear-gradient(135deg, #f8b500 0%, #feca57 100%);
	color: #fff;
	/* padding: 16px 20px; */
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none;
}

.manufacturers-menu-modern .box-heading small {
	font-size: 11px;
	font-weight: 400;
	opacity: 0.9;
	text-transform: none;
}

.manufacturers-menu-modern .box-content {
	padding: 16px 12px;
}

.manufacturer-grid-modern {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
}

.manufacturer-card {
	position: relative;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	padding: 2px 8px;
	text-align: center;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
}

.manufacturer-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #f8b500, #feca57);
	transform: scaleX(0);
	transition: transform 0.3s ease;
}

.manufacturer-card:hover {
	border-color: #f8b500;
	box-shadow: 0 4px 12px rgba(248, 181, 0, 0.15);
	transform: translateY(-2px);
}

.manufacturer-card:hover::before {
	transform: scaleX(1);
}

.manufacturer-card-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
}

.manufacturer-logo-wrapper {
	position: relative;
	width: 100%;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}

.manufacturer-logo-wrapper img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.manufacturer-card:hover .manufacturer-logo-wrapper img {
	transform: scale(1.05);
}

.manufacturer-card-name {
	font-size: 12px;
	color: #333;
	font-weight: 500;
	line-height: 1.3;
	max-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: color 0.3s ease;
}

.manufacturer-card:hover .manufacturer-card-name {
	color: #f8b500;
}

.manufacturer-badge {
	position: absolute;
	top: 6px;
	right: 6px;
	background: linear-gradient(135deg, #4CAF50, #45a049);
	color: white;
	padding: 3px 7px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: 600;
	z-index: 10;
	box-shadow: 0 2px 4px rgba(76, 175, 80, 0.3);
	animation: fadeInScale 0.3s ease;
}

@keyframes fadeInScale {
	from {
		opacity: 0;
		transform: scale(0.8);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.manufacturer-grid-modern {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

/* View all link */
.manufacturers-view-all {
	display: block;
	text-align: center;
	padding: 12px;
	margin-top: 12px;
	background: #f8f9fa;
	border-radius: 6px;
	color: #f8b500;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	transition: all 0.3s ease;
}

.manufacturers-view-all:hover {
	background: #f8b500;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(248, 181, 0, 0.3);
}
/* Product */
.product-info {
	overflow: auto;
	margin-bottom: 20px;
}
.product-info > .left {
	float: left;
	margin-right: 15px;
}
.product-info > .left + .right {
	margin-left: 265px;
}
.product-info .image {

}
.product-info .image-additional {
	width: 260px;
	margin-left: -10px;
	clear: both;
	overflow: hidden;
}
.product-info .image-additional img {
}
.product-info .image-additional a {
	float: left;
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
}

.product-info .description span {
	/*color: #38B0E3;*/
}
.product-info .description a {
	color: #4D4D4D;
	text-decoration: none;
}
.product-info .price {
	overflow: auto;
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}
.product-info .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-info .price-new {
}
.product-info .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.product-info .price .reward {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.product-info .price .discount {
	font-weight: normal;
	font-size: 12px;
	color: #4D4D4D;
}
.product-info .options {
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	color: #000000;
}
.product-info .option-image {
	margin-top: 3px;
	margin-bottom: 10px;
}
.product-info .option-image label {
	display: block;
	width: 100%;
	height: 100%;
}
.product-info .option-image img {
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}
.product-info .cart {
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 20px;
	color: #4D4D4D;
	overflow: auto;
}
.product-info .cart div {
	float: left;
	vertical-align: middle;
}
.product-info .cart div > span {
	padding-top: 7px;
	display: block;
	color: #999;
}
.product-info .cart .minimum {
	padding-top: 5px;
	font-size: 11px;
	color: #999;
	clear: both;
}
.product-info .review {
	color: #4D4D4D;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	margin-bottom: 10px;
}
.product-info .review > div {
	padding: 8px;
	border-bottom: 1px solid #E7E7E7;
	line-height: 20px;
}
.product-info .review > div > span {
	color: #38B0E3;
}
.product-info .review .share {
	overflow: auto;
	line-height: normal;
}
.product-info .review .share a {
	text-decoration: none;
}
.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.attribute tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.compare-info tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
}
.compare-info td {
	padding: 7px;
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
	font-weight: bold;
}
.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}
.compare-info .price-new {
	font-weight: bold;
}
/* wishlist */
.wishlist-info table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.wishlist-info td {
	padding: 7px;
}
.wishlist-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
	text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
	text-align: right;
}
.wishlist-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
	text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}
.wishlist-info tbody .price s {
	color: #F00;
}
.wishlist-info tbody .action img {
	cursor: pointer;
}
.login-content {
	margin-bottom: 20px;
	overflow: auto;
}
.login-content .left {
	float: left;
	width: 48%;
}
.login-content .right {
	float: right;
	width: 48%
}
.login-content .left .content, .login-content .right .content {
	min-height: 190px;
}
/* orders */
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}
/* cart */
.cart-info table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
	text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
	text-align: right;
}
.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
	text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
	position: relative;
	top: 4px;
	cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.cart-module > div {
	display: none;
}
.cart-total {
	border-top: 1px solid #DDDDDD;
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}
.cart-total table {
	float: right;
}
.cart-total td {
	padding: 3px;
	text-align: right;
}
/* checkout */
.checkout-heading {
	background: #F8F8F8;
	border: 1px solid #DBDEE1;
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
}
.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}
.checkout-content {
	padding: 0px 0px 15px 0px;
	display: none;
	overflow: auto;
}
.checkout-content .left {
	float: left;
	width: 48%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}
.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}
.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-button {
    background-color: #9d0d17;
    padding: 12px 30px;
    border: none;
    border-radius: 1px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    height: auto;
}

.checkout-button:hover {
    color: #fff;
    background-color: #a61e24;
    transform: scale(1.01);
}
.contact-info {
	overflow: auto;
}
.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}
/* footer */
#footer {
	clear: both;
	overflow: auto;
	padding: 20px 0 0 0;
}

#footer .top-row{
	border-top: 1px #cfcfcf solid;
	border-bottom: 1px #cfcfcf solid;
	margin: 0;
	padding: 2px 0;
	line-height: 37px;

}

#footer .top-row .menu{
	float: right;
	font-size: 12px;
	color: #b21f24;
	text-transform: uppercase;
}

#footer .top-row .menu a{
	display: inline-block;
	margin: 0 10px;
}

#footer .footer-content{
	background: #d6d6d6 url('/img/footer-content-background.png') repeat-x bottom left;
	padding: 10px 0;
}
#footer .footer-content .logo{
	padding: 0;
	float: left;
	overflow: hidden;
	width: 270px;
	text-align: center;
}
#footer .footer-content .icon-menu{
	color: #5d5d5d;
	text-transform: uppercase;
}

#footer .footer-content .icon-menu ul{
	list-style-type:  none;
}

#footer .footer-content .icon-menu ul li{
	float: left;
	margin: 0 5px;
	width: 108px;
}

#footer .footer-content .icon-menu ul li a{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 11px;
}

#footer .footer-content .icon-menu ul li a span{
	display: block;
	margin: 0 auto 10px auto;
	width: 40px;
	height: 40px;
	background: url('/img/footer-icons_1.png') no-repeat 0 100%;
}
#footer .footer-content .icon-menu ul li a:hover{font-weight: 600;}
#footer .footer-content .icon-menu ul li a.delivery-and-transport:hover span{background-position: 0 0;}
#footer .footer-content .icon-menu ul li a.payement:hover span{background-position: -40px 0;}
#footer .footer-content .icon-menu ul li a.terms-and-conditios:hover span{background-position:-80px 0;}
#footer .footer-content .icon-menu ul li a.warranty:hover span{background-position: -120px 0;}
#footer .footer-content .icon-menu ul li a.privacy:hover span{background-position: -160px 0;}
#footer .footer-content .icon-menu ul li a.pdp:hover span{background-position: -200px 0;}

#footer .footer-content .icon-menu ul li a.delivery-and-transport span{background-position: 0 -40px}
#footer .footer-content .icon-menu ul li a.payement span{background-position: -40px -40px;}
#footer .footer-content .icon-menu ul li a.terms-and-conditios span{background-position: -80px -40px;}
#footer .footer-content .icon-menu ul li a.warranty span{background-position: -120px -40px;}
#footer .footer-content .icon-menu ul li a.privacy span{background-position: -160px -40px;}
#footer .footer-content .icon-menu ul li a.pdp span{background-position: -200px -40px;}
#footer .footer-content .text{
	text-align: center;
}

#footer .copyrights{
	text-transform: uppercase;
	border-top: 1px solid #5b5b5b;
	border-bottom: 1px solid #5b5b5b;
	padding: 7px 0;
	background: #515151 /*url('/img/footer-bottom-background.png') repeat-x top left*/;
	color: #b9b9b9;
	font-size: 10px;
}
#footer .copyrights .sm > span{
	color: #fff;
}
#footer .copyrights .sm > span > span{
	color: #d21d23;
}
#footer h3 {
	color: #000000;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 8px;
}
#footer .column {
	float: left;
	width: 25%;
	min-height: 100px;
}
#footer .column ul {
	margin-top: 0px;
	margin-left: 8px;
	padding-left: 12px;
}
#footer .column ul li {
	margin-bottom: 3px;
}
#footer .column a {
	text-decoration: none;
	color: #000;
}
#footer .column a:hover {
	text-decoration: underline;
}
#powered {
	margin-top: 5px;
	text-align: right;
	clear: both;
}


.h-list{
	list-style-type: none;
}

.h-list li{
	float: left;
	margin: 2px 3px 2px 0;
}
.add-to-cart-button {
    padding: 10px 30px;
    border-radius: 2px;
    transition: background-color 0.2s;
    background: url(/img/cart-button-background.png) top left repeat-x;
    height: 48px;
}
.add-to-cart-button-big{
	line-height: 1px;
	font-size: 0;
	border: none;
	padding: 0;
	margin: 0;
	width: 151px;
	height: 31px;
	cursor: pointer;
	background: url('/img/add-to-cart-button-big.png') no-repeat 0% 0%;
}

.add-to-cart-button-big:hover{
	background-position-y: 100%;
}

.share-buttons{}

.share-buttons > span{
	display: inline-block;
	height: 20px;
	float: right;
}
.pricesort {
	font-size: 13px;
	font-family: "Rokkitt, sans-serif";
	margin-top: 6px;
	display: block;
	float: left;
	text-transform:uppercase;
}

.pricesort.desc:after{
  content:"";
  display:inline-block;
  background: url(/img/icon-arrow.svg) 0 0 no-repeat; 
  width:20px;
  height:15px;
}

.pricesort.asc:after{
  content:"";
  display:inline-block;
  background: url(/img/icon-arrow.svg) 0 0 no-repeat; 
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg); 
  width:20px;
  height:15px;
}

.cat_header {
	color: rgb(48, 48, 48);
	font-family: "Oswald";
    font-size: 22px;
	padding: 7px 15px 6px 15px;
	background-color: #ececec;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 400;
	-webkit-margin-before: 0.44em;
    -webkit-margin-after: 0.47em;
}

.icon-info{
	 background: url(/img/icon-info.svg) 0 0 no-repeat; 
	 width:15px;
  	 height:15px;
  	 content: "";
     display: inline-block;
}

.pop {
  position: relative;
  display: inline-block;
      display: inline-block;
    transform: translate(0, 4px);

}

/* Tooltip text */
.pop .poptext {
  visibility: hidden;
      padding: 5px 15px;
  width: 14rem;
  background-color: #fff;
  color: #000;
  text-align: center;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 20px 0px rgba(0,0,0,0.15);
  box-shadow: 0 2px 20px 0px rgba(0,0,0,0.15);
}

/* Show the tooltip text when you mouse over the tooltip container */
.pop:hover .poptext {
  visibility: visible;
}


.bg-alertRed-bg {
    background-color: #ffebeb
}

.bg-alertRed-border {
    background-color: #ffb7b7
}
.border-alertRed-border {
    border-color: #ffb7b7
}
.shadow-alertRed {
    box-shadow: 0 10px 30px 0 rgba(215,18,64,.2)
}
.text-alertRed {
    color: #d71240
}
.border-alertRed-border {
    border-color: #ffb7b7
}

.wrapper-full {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
	background-color: #fff;
}


@media (min-width: 100%) {
    .wrapper-full {
        max-width:100%
    }
}

@media (min-width: 1024px) {
    .wrapper-full {
        max-width:1024px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1270px) {
    .wrapper-full {
        max-width:1270px
    }
}

@media (min-width: 1530px) {
    .wrapper-full {
        max-width:1520px
    }
}
.content-wrapper{
	position: relative;
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.checkout {
}
.text-red-brand {
	color: #cb0108;
}
.text-red-brand:hover {
	color: #333333;
}
.text-gray-text {
	--text-opacity: 1;
    color: #6d6e71;
    color: rgba(109,110,113,var(--text-opacity));
}
/* .text-sm {
	font-size: .875rem;
} */
.text-green {
    --text-opacity: 1;
    color: #319d10;
    color: rgba(49,157,16,var(--text-opacity));
}
@media (min-width: 640px) {
    .sm\:hover\:bg-red-hover:hover {
        --bg-opacity:1;
        background-color: #880020;
        background-color: rgba(136,0,32,var(--bg-opacity))
    }

    .sm\:hover\:bg-bleu-hover:hover {
        --bg-opacity: 1;
        background-color: #0088bd;
        background-color: rgba(0,136,189,var(--bg-opacity))
    }

    .sm\:hover\:bg-primary-hover:hover {
        --bg-opacity: 1;
        background-color: #dcac00;
        background-color: rgba(220,172,0,var(--bg-opacity))
    }

    .sm\:hover\:bg-yellow-hover:hover {
        --bg-opacity: 1;
        background-color: #f0bf12;
        background-color: rgba(240,191,18,var(--bg-opacity))
    }

    .sm\:focus\:bg-red-active:focus {
        --bg-opacity: 1;
        background-color: #d76689;
        background-color: rgba(215,102,137,var(--bg-opacity))
    }

    .sm\:focus\:bg-bleu-active:focus {
        --bg-opacity: 1;
        background-color: #97daf4;
        background-color: rgba(151,218,244,var(--bg-opacity))
    }

    .sm\:focus\:bg-primary-active:focus {
        --bg-opacity: 1;
        background-color: #f8da73;
        background-color: rgba(248,218,115,var(--bg-opacity))
    }

    .sm\:focus\:bg-yellow-hover:focus {
        --bg-opacity: 1;
        background-color: #f0bf12;
        background-color: rgba(240,191,18,var(--bg-opacity))
    }

    .sm\:border-gray-light {
        --border-opacity: 1;
        border-color: #adadad;
        border-color: rgba(173,173,173,var(--border-opacity))
    }

    .sm\:hover\:border-primary-hover:hover {
        --border-opacity: 1;
        border-color: #dcac00;
        border-color: rgba(220,172,0,var(--border-opacity))
    }

    .sm\:focus\:border-primary-active:focus {
        --border-opacity: 1;
        border-color: #f8da73;
        border-color: rgba(248,218,115,var(--border-opacity))
    }

    .sm\:rounded {
        border-radius: .25rem
    }

    .sm\:rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .sm\:rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .sm\:border {
        border-width: 1px
    }

    .sm\:border-t-0 {
        border-top-width: 0
    }

    .sm\:border-l-0 {
        border-left-width: 0
    }

    .sm\:border-t {
        border-top-width: 1px
    }

    .sm\:border-r {
        border-right-width: 1px
    }

    .sm\:border-b {
        border-bottom-width: 1px
    }

    .sm\:border-l {
        border-left-width: 1px
    }

    .sm\:block {
        display: block
    }

    .sm\:inline-block {
        display: inline-block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sm\:table {
        display: table
    }

    .sm\:hidden {
        display: none
    }

    .sm\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sm\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sm\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sm\:items-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sm\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sm\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sm\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .sm\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sm\:justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .sm\:flex-grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .sm\:order-none {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .sm\:float-right {
        float: right
    }

    .sm\:text-sm {
        font-size: .875rem
    }

    .sm\:text-base {
        font-size: 1rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem
    }

    .sm\:text-6xl {
        font-size: 4rem
    }

    .sm\:leading-normal {
        line-height: 1.5
    }

    .sm\:leading-loose {
        line-height: 2
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .sm\:mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .sm\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .sm\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:-mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:mb-1 {
        margin-bottom: .25rem
    }

    .sm\:mr-2 {
        margin-right: .5rem
    }

    .sm\:ml-2 {
        margin-left: .5rem
    }

    .sm\:mt-3 {
        margin-top: .75rem
    }

    .sm\:mr-3 {
        margin-right: .75rem
    }

    .sm\:ml-3 {
        margin-left: .75rem
    }

    .sm\:mr-4 {
        margin-right: 1rem
    }

    .sm\:mt-5 {
        margin-top: 1.25rem
    }

    .sm\:ml-5 {
        margin-left: 1.25rem
    }

    .sm\:mb-6 {
        margin-bottom: 1.5rem
    }

    .sm\:mb-8 {
        margin-bottom: 2rem
    }

    .sm\:ml-10 {
        margin-left: 2.5rem
    }

    .sm\:mr-12 {
        margin-right: 3rem
    }

    .sm\:mt-13px {
        margin-top: 13px
    }

    .sm\:mb-15px {
        margin-bottom: 15px
    }

    .sm\:mr-18px {
        margin-right: 18px
    }

    .sm\:max-w-1\/2 {
        max-width: 50%
    }

    .sm\:max-w-200pxi {
        max-width: 200px!important
    }

    .sm\:min-h-32 {
        min-height: 8rem
    }

    .sm\:min-h-unset {
        min-height: unset
    }

    .sm\:min-w-1\/2 {
        min-width: 50%
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-2 {
        padding: .5rem
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm\:py-13px {
        padding-top: 13px;
        padding-bottom: 13px
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:pb-1 {
        padding-bottom: .25rem
    }

    .sm\:pt-2 {
        padding-top: .5rem
    }

    .sm\:pr-2 {
        padding-right: .5rem
    }

    .sm\:pl-2 {
        padding-left: .5rem
    }

    .sm\:pt-3 {
        padding-top: .75rem
    }

    .sm\:pr-3 {
        padding-right: .75rem
    }

    .sm\:pt-5 {
        padding-top: 1.25rem
    }

    .sm\:pt-6 {
        padding-top: 1.5rem
    }

    .sm\:pr-6 {
        padding-right: 1.5rem
    }

    .sm\:pt-10 {
        padding-top: 2.5rem
    }

    .sm\:pb-10 {
        padding-bottom: 2.5rem
    }

    .sm\:pt-12 {
        padding-top: 3rem
    }

    .sm\:pl-33px {
        padding-left: 33px
    }

    .sm\:pl-43px {
        padding-left: 43px
    }

    .sm\:pr-44px {
        padding-right: 44px
    }

    .sm\:static {
        position: static
    }

    .sm\:relative {
        position: relative
    }

    .sm\:top-6 {
        top: 1.5rem
    }

    .sm\:bottom-6 {
        bottom: 1.5rem
    }

    .sm\:shadow-none {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-right {
        text-align: right
    }

    .sm\:text-red-brand {
        --text-opacity: 1;
        color: #c00033;
        color: rgba(192,0,51,var(--text-opacity))
    }

    .sm\:hover\:text-red-brand:hover {
        --text-opacity: 1;
        color: #c00033;
        color: rgba(192,0,51,var(--text-opacity))
    }

    .sm\:hover\:text-primary:hover {
        --text-opacity: 1;
        color: #f5cb38;
        color: rgba(245,203,56,var(--text-opacity))
    }

    .sm\:hover\:text-yellow-hover:hover {
        --text-opacity: 1;
        color: #f0bf12;
        color: rgba(240,191,18,var(--text-opacity))
    }

    .sm\:w-24 {
        width: 6rem
    }

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-56 {
        width: 14rem
    }

    .sm\:w-64 {
        width: 16rem
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-120px {
        width: 120px
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-2\/3 {
        width: 66.666667%
    }

    .sm\:w-1\/4 {
        width: 25%
    }

    .sm\:w-3\/4 {
        width: 75%
    }

    .sm\:w-5\/12 {
        width: 41.666667%
    }

    .sm\:w-7\/12 {
        width: 58.333333%
    }

    .sm\:w-8\/12 {
        width: 66.666667%
    }

    .sm\:w-9\/12 {
        width: 75%
    }

    .sm\:w-10\/12 {
        width: 83.333333%
    }

    .sm\:w-140px {
        width: 140px
    }

    .sm\:w-310px {
        width: 310px
    }

    .sm\:w-380px {
        width: 380px
    }
}

@media (min-width: 768px) {
    .md\:container {
        width:100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px
    }

    @media (min-width: 100%) {
        .md\:container {
            max-width:100%
        }
    }

    @media (min-width: 1024px) {
        .md\:container {
            max-width:1024px;
            padding-right: 15px;
            padding-left: 15px
        }
    }

    @media (min-width: 1270px) {
        .md\:container {
            max-width:1270px
        }
    }

    .md\:bg-newGray {
        --bg-opacity: 1;
        background-color: #efefef;
        background-color: rgba(239,239,239,var(--bg-opacity))
    }

    .md\:bg-gray-102 {
        --bg-opacity: 1;
        background-color: #f9f9f9;
        background-color: rgba(249,249,249,var(--bg-opacity))
    }

    .md\:border-transparent {
        border-color: transparent
    }

    .md\:border-red-brand {
        --border-opacity: 1;
        border-color: #c00033;
        border-color: rgba(192,0,51,var(--border-opacity))
    }

    .md\:rounded-none {
        border-radius: 0
    }

    .md\:rounded-tr-none {
        border-top-right-radius: 0
    }

    .md\:rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .md\:rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .md\:rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .md\:rounded-tr-xl {
        border-top-right-radius: .75rem
    }

    .md\:rounded-bl-xl {
        border-bottom-left-radius: .75rem
    }

    .md\:rounded-tr-2xl {
        border-top-right-radius: 1rem
    }

    .md\:rounded-bl-2xl {
        border-bottom-left-radius: 1rem
    }

    .md\:border-0 {
        border-width: 0
    }

    .md\:border-2 {
        border-width: 2px
    }

    .md\:border {
        border-width: 1px
    }

    .md\:border-t-0 {
        border-top-width: 0
    }

    .md\:border-r-0 {
        border-right-width: 0
    }

    .md\:border-b-0 {
        border-bottom-width: 0
    }

    .md\:border-l-0 {
        border-left-width: 0
    }

    .md\:border-t {
        border-top-width: 1px
    }

    .md\:border-r {
        border-right-width: 1px
    }

    .md\:border-b {
        border-bottom-width: 1px
    }

    .md\:border-l {
        border-left-width: 1px
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .md\:inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .md\:table-cell {
        display: table-cell
    }

    .md\:table-column-group {
        display: table-column-group
    }

    .md\:table-row {
        display: table-row
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .md\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .md\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .md\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .md\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .md\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .md\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .md\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .md\:flex-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .md\:order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .md\:order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .md\:float-right {
        float: right
    }

    .md\:h-60px {
        height: 60px
    }

    .md\:h-120px {
        height: 120px
    }

    .md\:h-50px {
        height: 50px
    }

    .md\:text-sm {
        font-size: .875rem
    }

    .md\:text-base {
        font-size: 1rem
    }

    .md\:text-lg {
        font-size: 1.125rem
    }

    .md\:text-2xl {
        font-size: 1.5rem
    }

    .md\:text-3xl {
        font-size: 32px
    }

    .md\:text-6xl {
        font-size: 4rem
    }

    .md\:text-15px {
        font-size: 15px
    }

    .md\:text-26px {
        font-size: 26px
    }

    .md\:text-32px {
        font-size: 32px
    }

    .md\:text-36px {
        font-size: 36px
    }

    .md\:leading-18 {
        line-height: 18px
    }

    .md\:leading-20 {
        line-height: 20px
    }

    .md\:leading-42 {
        line-height: 42px
    }

    .md\:leading-46 {
        line-height: 46px
    }

    .md\:leading-tight {
        line-height: 1.25
    }

    .md\:leading-loose {
        line-height: 2
    }

    .md\:leading-15\.6 {
        line-height: 15.6px
    }

    .md\:leading-28\.6 {
        line-height: 28.6px
    }

    .md\:m-4 {
        margin: 1rem
    }

    .md\:m-30px {
        margin: 30px
    }

    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .md\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .md\:-mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .md\:-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .md\:-mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .md\:-mx-20px {
        margin-left: -20px;
        margin-right: -20px
    }

    .md\:-mx-15px {
        margin-left: -15px;
        margin-right: -15px
    }

    .md\:mx-30px {
        margin-left: 30px;
        margin-right: 30px
    }

    .md\:mx-100px {
        margin-left: 100px;
        margin-right: 100px
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-1 {
        margin-bottom: .25rem
    }

    .md\:mt-2 {
        margin-top: .5rem
    }

    .md\:mr-2 {
        margin-right: .5rem
    }

    .md\:mr-3 {
        margin-right: .75rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mr-4 {
        margin-right: 1rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:ml-4 {
        margin-left: 1rem
    }

    .md\:mr-5 {
        margin-right: 1.25rem
    }

    .md\:ml-5 {
        margin-left: 1.25rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:mr-10 {
        margin-right: 2.5rem
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mt-12 {
        margin-top: 3rem
    }

    .md\:mr-12 {
        margin-right: 3rem
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:mb-24 {
        margin-bottom: 6rem
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mr-28px {
        margin-right: 28px
    }

    .md\:-ml-4 {
        margin-left: -1rem
    }

    .md\:-mb-6 {
        margin-bottom: -1.5rem
    }

    .md\:-ml-10 {
        margin-left: -2.5rem
    }

    .md\:mb-1px {
        margin-bottom: 1px
    }

    .md\:mt-15px {
        margin-top: 15px
    }

    .md\:mt-24px {
        margin-top: 24px
    }

    .md\:mb-30px {
        margin-bottom: 30px
    }

    .md\:ml-30px {
        margin-left: 30px
    }

    .md\:ml-52px {
        margin-left: 52px
    }

    .md\:mb-65px {
        margin-bottom: 65px
    }

    .md\:mr-91px {
        margin-right: 91px
    }

    .md\:mt-100px {
        margin-top: 100px
    }

    .md\:max-w-2\/3 {
        max-width: 66.66%
    }

    .md\:max-w-200pxi {
        max-width: 200px!important
    }

    .md\:min-h-230px {
        min-height: 230px
    }

    .md\:min-w-232px {
        min-width: 232px
    }

    .md\:min-w-280px {
        min-width: 280px
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-2 {
        padding: .5rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-15px {
        padding: 15px
    }

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:py-20px {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .md\:px-20px {
        padding-left: 20px;
        padding-right: 20px
    }

    .md\:px-16px {
        padding-left: 16px;
        padding-right: 16px
    }

    .md\:py-27px {
        padding-top: 27px;
        padding-bottom: 27px
    }

    .md\:px-30px {
        padding-left: 30px;
        padding-right: 30px
    }

    .md\:py-33px {
        padding-top: 33px;
        padding-bottom: 33px
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pt-1 {
        padding-top: .25rem
    }

    .md\:pr-1 {
        padding-right: .25rem
    }

    .md\:pt-2 {
        padding-top: .5rem
    }

    .md\:pr-2 {
        padding-right: .5rem
    }

    .md\:pb-2 {
        padding-bottom: .5rem
    }

    .md\:pl-2 {
        padding-left: .5rem
    }

    .md\:pr-3 {
        padding-right: .75rem
    }

    .md\:pl-3 {
        padding-left: .75rem
    }

    .md\:pt-4 {
        padding-top: 1rem
    }

    .md\:pr-4 {
        padding-right: 1rem
    }

    .md\:pl-4 {
        padding-left: 1rem
    }

    .md\:pt-6 {
        padding-top: 1.5rem
    }

    .md\:pr-6 {
        padding-right: 1.5rem
    }

    .md\:pb-6 {
        padding-bottom: 1.5rem
    }

    .md\:pl-6 {
        padding-left: 1.5rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pl-8 {
        padding-left: 2rem
    }

    .md\:pr-10 {
        padding-right: 2.5rem
    }

    .md\:pl-10 {
        padding-left: 2.5rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:pl-16 {
        padding-left: 4rem
    }

    .md\:pr-22 {
        padding-right: 5.5rem
    }

    .md\:pl-22 {
        padding-left: 5.5rem
    }

    .md\:pt-64 {
        padding-top: 16rem
    }

    .md\:pt-28px {
        padding-top: 28px
    }

    .md\:pb-6px {
        padding-bottom: 6px
    }

    .md\:pl-18px {
        padding-left: 18px
    }

    .md\:pt-26px {
        padding-top: 26px
    }

    .md\:pb-30px {
        padding-bottom: 30px
    }

    .md\:pb-52px {
        padding-bottom: 52px
    }

    .md\:pl-52px {
        padding-left: 52px
    }

    .md\:pt-70px {
        padding-top: 70px
    }

    .md\:pr-70px {
        padding-right: 70px
    }

    .md\:pb-70px {
        padding-bottom: 70px
    }

    .md\:pointer-events-none {
        pointer-events: none
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-right {
        text-align: right
    }

    .md\:text-black {
        --text-opacity: 1;
        color: #000;
        color: rgba(0,0,0,var(--text-opacity))
    }

    .md\:text-red-brand {
        --text-opacity: 1;
        color: #c00033;
        color: rgba(192,0,51,var(--text-opacity))
    }

    .md\:-tracking-0\.39 {
        letter-spacing: -.39px
    }

    .md\:-tracking-0\.48 {
        letter-spacing: -.48px
    }

    .md\:-tracking-0\.67 {
        letter-spacing: -.67px
    }

    .md\:w-64 {
        width: 16rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-60px {
        width: 60px
    }

    .md\:w-120px {
        width: 120px
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-2\/5 {
        width: 40%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-1\/6 {
        width: 16.666667%
    }

    .md\:w-2\/6 {
        width: 33.333333%
    }

    .md\:w-3\/6 {
        width: 50%
    }

    .md\:w-4\/6 {
        width: 66.666667%
    }

    .md\:w-5\/6 {
        width: 83.333333%
    }

    .md\:w-5\/12 {
        width: 41.666667%
    }

    .md\:w-6\/12 {
        width: 50%
    }

    .md\:w-7\/12 {
        width: 58.333333%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-50px {
        width: 50px
    }

    .md\:w-190px {
        width: 190px
    }

    .md\:w-200px {
        width: 200px
    }

    .md\:w-318px {
        width: 318px
    }

    .md\:w-380px {
        width: 380px
    }

    .md\:w-400px {
        width: 400px
    }

    .md\:w-524px {
        width: 524px
    }

    .md\:gap-20 {
        grid-gap: 5rem;
        gap: 5rem
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1021px) {
    .lg\:bg-white {
        --bg-opacity:1;
        background-color: #fff;
        background-color: rgba(255,255,255,var(--bg-opacity))
    }

    .lg\:bg-gray-lighter {
        --bg-opacity: 1;
        background-color: #f7f7f7;
        background-color: rgba(247,247,247,var(--bg-opacity))
    }

    .lg\:rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .lg\:rounded-b {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .lg\:rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .lg\:rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .lg\:border-0 {
        border-width: 0
    }

    .lg\:border {
        border-width: 1px
    }

    .lg\:border-t-0 {
        border-top-width: 0
    }

    .lg\:border-b-0 {
        border-bottom-width: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:inline-block {
        display: inline-block
    }

    .lg\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .lg\:inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .lg\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .lg\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .lg\:flex-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .lg\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .lg\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lg\:self-start {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .lg\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .lg\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lg\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .lg\:flex-initial {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .lg\:flex-grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .lg\:order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .lg\:order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .lg\:float-right {
        float: right
    }

    .lg\:font-normal {
        font-weight: 400
    }

    .lg\:font-medium {
        font-weight: 500
    }

    .lg\:font-bold {
        font-weight: 700
    }

    .lg\:h-12 {
        height: 3rem
    }

    .lg\:text-xs {
        font-size: .75rem
    }

    .lg\:text-sm {
        font-size: .875rem
    }

    .lg\:text-base {
        font-size: 1rem
    }

    .lg\:text-lg {
        font-size: 1.125rem
    }

    .lg\:text-xl {
        font-size: 1.25rem
    }

    .lg\:text-2xl {
        font-size: 1.5rem
    }

    .lg\:text-3xl {
        font-size: 32px
    }

    .lg\:text-4xl {
        font-size: 2.25rem
    }

    .lg\:text-22px {
        font-size: 22px
    }

    .lg\:text-26px {
        font-size: 26px
    }

    .lg\:text-30px {
        font-size: 30px
    }

    .lg\:text-40px {
        font-size: 40px
    }

    .lg\:leading-16 {
        line-height: 16px
    }

    .lg\:leading-18 {
        line-height: 18px
    }

    .lg\:leading-20 {
        line-height: 20px
    }

    .lg\:leading-22 {
        line-height: 22px
    }

    .lg\:leading-24 {
        line-height: 24px
    }

    .lg\:leading-26 {
        line-height: 26px
    }

    .lg\:leading-none {
        line-height: 1
    }

    .lg\:leading-normal {
        line-height: 1.5
    }

    .lg\:leading-20\.8 {
        line-height: 20.8px
    }

    .lg\:leading-23\.4 {
        line-height: 23.4px
    }

    .lg\:leading-28\.6 {
        line-height: 28.6px
    }

    .lg\:leading-33\.8 {
        line-height: 33.8px
    }

    .lg\:leading-34px {
        line-height: 34px
    }

    .lg\:leading-52px {
        line-height: 52px
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .lg\:my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .lg\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .lg\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .lg\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .lg\:-mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .lg\:-mx-3 {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .lg\:-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .lg\:-mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .lg\:-mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .lg\:mx-25px {
        margin-left: 25px;
        margin-right: 25px
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:mt-1 {
        margin-top: .25rem
    }

    .lg\:mb-1 {
        margin-bottom: .25rem
    }

    .lg\:ml-1 {
        margin-left: .25rem
    }

    .lg\:mr-2 {
        margin-right: .5rem
    }

    .lg\:mb-2 {
        margin-bottom: .5rem
    }

    .lg\:ml-2 {
        margin-left: .5rem
    }

    .lg\:mt-3 {
        margin-top: .75rem
    }

    .lg\:mr-3 {
        margin-right: .75rem
    }

    .lg\:mb-3 {
        margin-bottom: .75rem
    }

    .lg\:ml-3 {
        margin-left: .75rem
    }

    .lg\:mt-4 {
        margin-top: 1rem
    }

    .lg\:mr-4 {
        margin-right: 1rem
    }

    .lg\:mb-4 {
        margin-bottom: 1rem
    }

    .lg\:mt-5 {
        margin-top: 1.25rem
    }

    .lg\:mr-5 {
        margin-right: 1.25rem
    }

    .lg\:mb-5 {
        margin-bottom: 1.25rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:mr-6 {
        margin-right: 1.5rem
    }

    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }

    .lg\:ml-6 {
        margin-left: 1.5rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:mr-8 {
        margin-right: 2rem
    }

    .lg\:mb-8 {
        margin-bottom: 2rem
    }

    .lg\:ml-8 {
        margin-left: 2rem
    }

    .lg\:mt-10 {
        margin-top: 2.5rem
    }

    .lg\:mr-10 {
        margin-right: 2.5rem
    }

    .lg\:mb-10 {
        margin-bottom: 2.5rem
    }

    .lg\:ml-10 {
        margin-left: 2.5rem
    }

    .lg\:mt-12 {
        margin-top: 3rem
    }

    .lg\:mb-12 {
        margin-bottom: 3rem
    }

    .lg\:mb-16 {
        margin-bottom: 4rem
    }

    .lg\:mt-20 {
        margin-top: 5rem
    }

    .lg\:mb-24 {
        margin-bottom: 6rem
    }

    .lg\:ml-32 {
        margin-left: 8rem
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:mt-20px {
        margin-top: 20px
    }

    .lg\:mr-20px {
        margin-right: 20px
    }

    .lg\:mb-20px {
        margin-bottom: 20px
    }

    .lg\:mb-60px {
        margin-bottom: 60px
    }

    .lg\:mt-120px {
        margin-top: 120px
    }

    .lg\:mr-28px {
        margin-right: 28px
    }

    .lg\:-ml-20 {
        margin-left: -5rem
    }

    .lg\:mr-7px {
        margin-right: 7px
    }

    .lg\:mt-25px {
        margin-top: 25px
    }

    .lg\:mt-27px {
        margin-top: 27px
    }

    .lg\:mb-27px {
        margin-bottom: 27px
    }

    .lg\:mb-30px {
        margin-bottom: 30px
    }

    .lg\:mt-42px {
        margin-top: 42px
    }

    .lg\:mb-52px {
        margin-bottom: 52px
    }

    .lg\:mt-70px {
        margin-top: 70px
    }

    .lg\:mb-77px {
        margin-bottom: 77px
    }

    .lg\:mt-90px {
        margin-top: 90px
    }

    .lg\:ml-105px {
        margin-left: 105px
    }

    .lg\:max-w-490px {
        max-width: 490px
    }

    .lg\:max-w-560px {
        max-width: 560px
    }

    .lg\:max-w-880px {
        max-width: 880px
    }

    .lg\:min-h-320px {
        min-height: 320px
    }

    .lg\:min-h-400px {
        min-height: 400px
    }

    .lg\:min-h-494px {
        min-height: 494px
    }

    .lg\:min-h-560px {
        min-height: 560px
    }

    .lg\:min-w-l {
        min-width: 565px
    }

    .lg\:min-w-232px {
        min-width: 232px
    }

    .lg\:min-w-382px {
        min-width: 382px
    }

    .lg\:overflow-hidden {
        overflow: hidden
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-3 {
        padding: .75rem
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:p-6 {
        padding: 1.5rem
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:p-10 {
        padding: 2.5rem
    }

    .lg\:p-20px {
        padding: 20px
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .lg\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .lg\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .lg\:px-20px {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg\:px-15px {
        padding-left: 15px;
        padding-right: 15px
    }

    .lg\:px-20pxi {
        padding-left: 20px!important;
        padding-right: 20px!important
    }

    .lg\:px-30px {
        padding-left: 30px;
        padding-right: 30px
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pr-3 {
        padding-right: .75rem
    }

    .lg\:pt-4 {
        padding-top: 1rem
    }

    .lg\:pr-4 {
        padding-right: 1rem
    }

    .lg\:pt-5 {
        padding-top: 1.25rem
    }

    .lg\:pr-5 {
        padding-right: 1.25rem
    }

    .lg\:pb-5 {
        padding-bottom: 1.25rem
    }

    .lg\:pt-6 {
        padding-top: 1.5rem
    }

    .lg\:pr-6 {
        padding-right: 1.5rem
    }

    .lg\:pl-7 {
        padding-left: 1.75rem
    }

    .lg\:pt-8 {
        padding-top: 2rem
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

    .lg\:pt-10 {
        padding-top: 2.5rem
    }

    .lg\:pl-10 {
        padding-left: 2.5rem
    }

    .lg\:pt-12 {
        padding-top: 3rem
    }

    .lg\:pb-12 {
        padding-bottom: 3rem
    }

    .lg\:pl-12 {
        padding-left: 3rem
    }

    .lg\:pr-16 {
        padding-right: 4rem
    }

    .lg\:pl-16 {
        padding-left: 4rem
    }

    .lg\:pl-20 {
        padding-left: 5rem
    }

    .lg\:pt-24 {
        padding-top: 6rem
    }

    .lg\:pl-55px {
        padding-left: 55px
    }

    .lg\:pt-60px {
        padding-top: 60px
    }

    .lg\:pt-120px {
        padding-top: 120px
    }

    .lg\:pb-15px {
        padding-bottom: 15px
    }

    .lg\:pt-27px {
        padding-top: 27px
    }

    .lg\:pb-37px {
        padding-bottom: 37px
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:bottom-0 {
        bottom: 0
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:top-6 {
        top: 1.5rem
    }

    .lg\:bottom-auto {
        bottom: auto
    }

    .lg\:-left-130px {
        left: -130px
    }

    .lg\:left-unset {
        left: unset
    }

    .lg\:top-15px {
        top: 15px
    }

    .lg\:right-15px {
        right: 15px
    }

    .lg\:top-28px {
        top: 28px
    }

    .lg\:-right-15px {
        right: -15px
    }

    .lg\:shadow-lg {
        -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
        box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-right {
        text-align: right
    }

    .lg\:hover\:text-red-brand:hover {
        --text-opacity: 1;
        color: #c00033;
        color: rgba(192,0,51,var(--text-opacity))
    }

    .lg\:hover\:text-bleu-hover2:hover {
        --text-opacity: 1;
        color: #17a9e2;
        color: rgba(23,169,226,var(--text-opacity))
    }

    .lg\:-tracking-1 {
        letter-spacing: -1px
    }

    .lg\:-tracking-0\.27 {
        letter-spacing: -.27px
    }

    .lg\:-tracking-0\.29 {
        letter-spacing: -.29px
    }

    .lg\:-tracking-0\.33 {
        letter-spacing: -.33px
    }

    .lg\:-tracking-0\.39 {
        letter-spacing: -.39px
    }

    .lg\:-tracking-0\.42 {
        letter-spacing: -.42px
    }

    .lg\:-tracking-0\.5 {
        letter-spacing: -.5px
    }

    .lg\:-tracking-0\.54 {
        letter-spacing: -.54px
    }

    .lg\:-tracking-0\.56 {
        letter-spacing: -.56px
    }

    .lg\:-tracking-0\.63 {
        letter-spacing: -.63px
    }

    .lg\:-tracking-0\.67 {
        letter-spacing: -.67px
    }

    .lg\:-tracking-0\.72 {
        letter-spacing: -.72px
    }

    .lg\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .lg\:w-12 {
        width: 3rem
    }

    .lg\:w-102 {
        width: 28rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-120px {
        width: 120px
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-2\/4 {
        width: 50%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-1\/5 {
        width: 20%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-4\/5 {
        width: 80%
    }

    .lg\:w-1\/6 {
        width: 16.666667%
    }

    .lg\:w-2\/6 {
        width: 33.333333%
    }

    .lg\:w-3\/6 {
        width: 50%
    }

    .lg\:w-4\/6 {
        width: 66.666667%
    }

    .lg\:w-5\/6 {
        width: 83.333333%
    }

    .lg\:w-2\/12 {
        width: 16.666667%
    }

    .lg\:w-3\/12 {
        width: 25%
    }

    .lg\:w-4\/12 {
        width: 33.333333%
    }

    .lg\:w-5\/12 {
        width: 41.666667%
    }

    .lg\:w-6\/12 {
        width: 50%
    }

    .lg\:w-7\/12 {
        width: 58.333333%
    }

    .lg\:w-8\/12 {
        width: 66.666667%
    }

    .lg\:w-9\/12 {
        width: 75%
    }

    .lg\:w-10\/12 {
        width: 83.333333%
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:w-1\/7 {
        width: 14.2857143%
    }

    .lg\:w-80px {
        width: 80px
    }

    .lg\:w-232px {
        width: 232px
    }

    .lg\:w-325px {
        width: 325px
    }

    .lg\:w-480px {
        width: 480px
    }

    .lg\:w-736px {
        width: 736px
    }

    .lg\:w-598px {
        width: 598px
    }

    .lg\:rotate-0 {
        --transform-rotate: 0
    }

    .lg\:translate-x-0 {
        --transform-translate-x: 0
    }

    .lg\:clear-none {
        clear: none
    }
}

@media (min-width: 1280px) {
    .xl\:block {
        display:block
    }

    .xl\:inline-block {
        display: inline-block
    }

    .xl\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .xl\:hidden {
        display: none
    }

    .xl\:-mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .xl\:pr-8 {
        padding-right: 2rem
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-5\/6 {
        width: 83.333333%
    }

    .xl\:w-7\/12 {
        width: 58.333333%
    }

    .xl\:w-232px {
        width: 232px
    }
}

@media (min-width: 480px) {
    .xs\:border-t-0 {
        border-top-width:0
    }

    .xs\:block {
        display: block
    }

    .xs\:hidden {
        display: none
    }

    .xs\:text-base {
        font-size: 1rem
    }

    .xs\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xs\:mb-0 {
        margin-bottom: 0
    }

    .xs\:ml-0 {
        margin-left: 0
    }

    .xs\:min-h-0 {
        min-height: 0
    }

    .xs\:p-0 {
        padding: 0
    }

    .xs\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xs\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xs\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .xs\:pb-4 {
        padding-bottom: 1rem
    }

    .xs\:pl-4px {
        padding-left: 4px
    }

    .xs\:pr-6px {
        padding-right: 6px
    }

    .xs\:-bottom-220px {
        bottom: -220px
    }

    .xs\:w-180px {
        width: 180px
    }
}
/* .min-h-24 {
    min-height: 6rem;
} */


.hidden {
    display: none !important;
    visibility: hidden !important;
}