/* Slider */



.chast {
	border: 2px solid #dedede;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
  }
  
  .darker {
	border-color: #ccc;
	background-color: #ddd;
  }
  
  .chast::after {
	content: "";
	clear: both;
	display: table;
  }
  
  .chast img {
	float: left;
	max-width: 60px;
	width: 100%;
	margin-right: 20px;
	border-radius: 50%;
  }
  
  .chast img.right {
	float: right;
	margin-left: 20px;
	margin-right:0;
  }
  
  .time-right {
	float: right;
	color: #aaa;
  }
  
  .time-left {
	float: left;
	color: #999;
  }

  .--dark-theme {
	--chat-background: rgba(10, 14, 14, 0.95);
	--chat-panel-background: #131719;
	--chat-bubble-background: #14181a;
	--chat-bubble-active-background: #171a1b;
	--chat-add-button-background: #212324;
	--chat-send-button-background: #8147fc;
	--chat-text-color: #a3a3a3;
	--chat-options-svg: #a3a3a3;
  }
  .qamer{
	border-bottom: 1px solid #464646;
    padding: 5px;
  }



.mdiscount-rate {
    float: left;
    width: auto;
    display: none;
    height: auto;
    color: #fff;
    font-size: 14px;
    line-height: 13px;
    font-weight: 400;
    background-color: #f6465d;
    padding: 4px 6px;
    margin-right: 10px;
    border-radius: 1px;
    position: absolute;
    top: 8px;
    right: 35px;
}

*{
    margin: 0;
    padding: 0;
}
.rate {
   
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > em {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > em:before {
    content: '★ ';
}
.rate > input:checked ~ em {
    color: #ffc700;    
}
.rate:not(:checked) > em:hover,
.rate:not(:checked) > em:hover ~ em {
    color: #deb217;  
}
.rate > input:checked + em:hover,
.rate > input:checked + em:hover ~ em,
.rate > input:checked ~ em:hover,
.rate > input:checked ~ em:hover ~ em,
.rate > em:hover ~ input:checked ~ em {
    color: #c59b08;
}

/* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */
  
@media only screen and (max-width: 600px)
{
.mdiscount-rate {
  float: left;
  width: auto;
  height: auto;
  display: inline;
  color: #fff;
  font-size: 14px;
  line-height: 13px;
  font-weight: 400;
  background-color: #f6465d;
  padding: 4px 6px;
  margin-right: 10px;
  border-radius: 1px;
  position: absolute;
  top: 8px;
  right: 0px;
}
.fasr{
	left: 8px!important;
}


}
  .center{
	text-align: center;
	align-items: center;
  }
  
  #chat {
	background: var(--chat-background);
	max-width: 650px;
	margin:10px;
	box-sizing: border-box;
	padding: 1em;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
  }
  #chat::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	z-index: -1;
  }
  #chat .btn-icon {
	position: relative;
	cursor: pointer;
  }
  #chat .btn-icon svg {
	stroke: #FFF;
	fill: #FFF;
	width: 50%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  #chat .chat__conversation-board {
	padding: 1em 0 2em;
	height: calc(70vh - 55px - 2em - 25px * 2 - .5em - 3em);
	overflow: auto;
  }
  #chat .chat__conversation-board__message-container.reversed {
	flex-direction: row-reverse;
  }
  #chat .chat__conversation-board__message-container.reversed .chat__conversation-board__message__bubble {
	position: relative;
  }
  #chat .chat__conversation-board__message-container.reversed .chat__conversation-board__message__bubble span:not(:last-child) {
	margin: 0 0 2em 0;
  }
  #chat .chat__conversation-board__message-container.reversed .chat__conversation-board__message__person {
	margin: 0 0 0 1.2em;
  }
  #chat .chat__conversation-board__message-container.reversed .chat__conversation-board__message__options {
	align-self: center;
	position: absolute;
	left: 0;
	display: none;
  }
  #chat .chat__conversation-board__message-container {
	position: relative;
	display: flex;
	flex-direction: row;
  }
  #chat .chat__conversation-board__message-container:hover .chat__conversation-board__message__options {
	display: flex;
	align-items: center;
  }
  #chat .chat__conversation-board__message-container:hover .option-item:not(:last-child) {
	margin: 0 0.5em 0 0;
  }
  #chat .chat__conversation-board__message-container:not(:last-child) {
	margin: 0 0 2em 0;
  }
  #chat .chat__conversation-board__message__person {
	text-align: center;
	margin: 0 1.2em 0 0;
  }
  #chat .chat__conversation-board__message__person__avatar {
	height: 35px;
	width: 35px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	ms-user-select: none;
	position: relative;
  }
  #chat .chat__conversation-board__message__person__avatar::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
  }
  #chat .chat__conversation-board__message__person__avatar img {
	height: 100%;
	width: auto;
  }
  #chat .chat__conversation-board__message__person__nickname {
	font-size: 9px;
	color: #484848;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	display: none;
  }
  #chat .chat__conversation-board__message__context {
	max-width: 55%;
	align-self: flex-end;
  }
  #chat .chat__conversation-board__message__options {
	align-self: center;
	position: absolute;
	right: 0;
	display: none;
  }
  #chat .chat__conversation-board__message__options .option-item {
	border: 0;
	background: 0;
	padding: 0;
	margin: 0;
	height: 16px;
	width: 16px;
	outline: none;
  }
  #chat .chat__conversation-board__message__options .emoji-button svg {
	stroke: var(--chat-options-svg);
	fill: transparent;
	width: 100%;
  }
  #chat .chat__conversation-board__message__options .more-button svg {
	stroke: var(--chat-options-svg);
	fill: transparent;
	width: 100%;
  }
  #chat .chat__conversation-board__message__bubble span {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: inline-table;
	word-wrap: break-word;
	background: var(--chat-bubble-background);
	font-size: 13px;
	color: var(--chat-text-color);
	padding: 0.5em 0.8em;
	line-height: 1.5;
	border-radius: 6px;
	font-family: "Lato", sans-serif;
  }
  #chat .chat__conversation-board__message__bubble:not(:last-child) {
	margin: 0 0 0.3em;
  }
  #chat .chat__conversation-board__message__bubble:active {
	background: var(--chat-bubble-active-background);
  }
  #chat .chat__conversation-panel {
	background: var(--chat-panel-background);
	border-radius: 12px;
	padding: 0 1em;
	height: 55px;
	margin: 0.5em 0 0;
  }
  #chat .chat__conversation-panel__container {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
  }
  #chat .chat__conversation-panel__container .panel-item:not(:last-child) {
	margin: 0 1em 0 0;
  }
  #chat .chat__conversation-panel__button {
	background: grey;
	height: 20px;
	width: 30px;
	border: 0;
	padding: 0;
	outline: none;
	cursor: pointer;
  }
  #chat .chat__conversation-panel .add-file-button {
	height: 23px;
	min-width: 23px;
	width: 23px;
	background: var(--chat-add-button-background);
	border-radius: 50%;
  }
  #chat .chat__conversation-panel .add-file-button svg {
	width: 70%;
	stroke: #54575c;
  }
  #chat .chat__conversation-panel .emoji-button {
	min-width: 23px;
	width: 23px;
	height: 23px;
	background: transparent;
	border-radius: 50%;
  }
  #chat .chat__conversation-panel .emoji-button svg {
	width: 100%;
	fill: transparent;
	stroke: #54575c;
  }
  #chat .chat__conversation-panel .send-message-button {
	background: var(--chat-send-button-background);
	height: 30px;
	min-width: 30px;
	border-radius: 50%;
	transition: 0.3s ease;
  }
  #chat .chat__conversation-panel .send-message-button:active {
	transform: scale(0.97);
  }
  #chat .chat__conversation-panel .send-message-button svg {
	margin: 1px -1px;
  }
  #chat .chat__conversation-panel__input {
	width: 100%;
	height: 100%;
	outline: none;
	position: relative;
	color: var(--chat-text-color);
	font-size: 13px;
	background: transparent;
	border: 0;
	font-family: "Lato", sans-serif;
	resize: none;
  }
  
  @media only screen and (max-width: 600px) {
	#chat {
	  margin: 0;
	  border-radius: 0;
	}
	#chat .chat__conversation-board {
	  height: calc(100vh - 55px - 2em - .5em - 3em);
	}
	#chat .chat__conversation-board__message__options {
	  display: none !important;
	}
  }

.badge-discount {
    position: absolute;
    top: 10px;
    height: 40px;
    width: 40px;
    margin: 5px;
    border-radius: 50%;
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 20%), 0 3px 2px rgb(0 0 0 / 20%);
    line-height: 27px;
    font-weight: 700;
    font-size: 14px;
    background-color: #dc3545;
    animation: 3s ease-in-out infinite swing;
    color: white;
}

.btn .btn--primary{
	background-color: #1d2123;
}
 .quantity-icon{
   
    border-radius: 50%;
    width: 38px;
    height: 38px;
    color: #4f4f4f;
    font-size: 11px;
    background-color: #f2f2f2;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }

 [class*=" icon-"],
[class*=" icona-"],
[class^=icon-],
[class^=icona-] {
	speak: never;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none
}

.arrow,
.color-options,
.confetti {
	position: absolute
}

.b,
text {
	font-size: 22px
}

#chart,
#question {
	height: 200px;
	position: inherit
}

#chart,
#question,
#question h1 {
	position: inherit
}

#product-detail-app .campaigns-widget .campaign-name,
#product-detail-app .pr-mb .pr-mb-mn,
#product-detail-app .pr-mb .pr-mb-mn a,
#product-detail-app .product-widget-list .widget .widget-title,
#product-detail-app .seller-widget .product-seller-line .pr-mb-mn a,
[class*=" icon-"],
[class*=" icona-"],
[class^=icon-],
[class^=icona-] {
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased
}

.badge-discount,
.steps li,
.steps li:before,
.ta {
	text-align: center
}

.steps li.active:after,
.steps li:before,
.steps li~li:after {
	background-color: #019875
}

.address-block__item__delete,
.brandspace-landing-page .product-tile a,
.dropdown-content a,
a {
	text-decoration: none
}

@font-face {
	font-family: JISAZN;
	src: url("JISAZNRegular.eot");
	src: url("JISAZNRegular.eot?#iefix") format("embedded-opentype"), url("JISAZNRegular.woff2") format("woff2"), url("JISAZNRegular.woff") format("woff"), url("JISAZNRegular.ttf") format("truetype"), url("JISAZNRegular.svg#JISAZNRegular") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: icomoona;
	src: url('tiktok/icomoon.eot?wat4t8');
	src: url('tiktok/icomoon.eot?wat4t8#iefix') format('embedded-opentype'), url('tiktok/icomoon.ttf?wat4t8') format('truetype'), url('tiktok/icomoon.woff?wat4t8') format('woff'), url('tiktok/icomoon.svg?wat4t8#icomoon') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: block
}

[class*=" icona-"],
[class^=icona-] {
	font-family: icomoona !important;
	font-style: normal
}

.icona-tiktok:before {
	content: "\e900"
}

@font-face {
	font-family: icomoon;
	src: url('afonts/icomoon.eot?5382d3');
	src: url('afonts/icomoon.eot?5382d3#iefix') format('embedded-opentype'), url('afonts/icomoon.ttf?5382d3') format('truetype'), url('afonts/icomoon.woff?5382d3') format('woff'), url('afonts/icomoon.svg?5382d3#icomoon') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: block
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon !important;
	font-style: normal
}

.favorit t,
.ta {
	font-family: Euclid Circular A;
	font-style: normal
}

.icon-arrow-up2:before {
	content: "\ea3a"
}

.color-red {
	color: red
}

.color-options {
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
	background-color: #fff;
	border: none;
	right: 5px;
	bottom: 160px;
	cursor: pointer;
	display: flex;
	padding: 2px 5px;
	align-items: center;
	z-index: 5
}

.wheel {
	width: 500px;
	height: 500px;
	border-radius: 50%;
	border: 1px solid #000;
	overflow: auto;
	background-image: url("<?php echo base_url();?>assets/img/spa.gif")
}

@keyframes confetti-slow {
	0% {
		transform: translate3d(0, 0, 0) rotateX(0) rotateY(0)
	}

	100% {
		transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg)
	}
}

@keyframes confetti-medium {
	0% {
		transform: translate3d(0, 0, 0) rotateX(0) rotateY(0)
	}

	100% {
		transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg)
	}
}

@keyframes confetti-fast {
	0% {
		transform: translate3d(0, 0, 0) rotateX(0) rotateY(0)
	}

	100% {
		transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg)
	}
}

.confetti-container {
	perspective: 700px;
	position: absolute;
	overflow: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.confetti {
	z-index: 1;
	top: -10px;
	border-radius: 0
}

.confetti--animation-slow {
	animation: 2.25s linear forwards confetti-slow
}

.confetti--animation-medium {
	animation: 1.75s linear forwards confetti-medium
}

.confetti--animation-fast {
	animation: 1.25s linear forwards confetti-fast
}

.arrow {
	background-image: url("<?php echo base_url();?>assets/img/tr.png");
	width: 29%;
	height: 73px;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 99;
	transform: rotate(48deg)
}

.b {
	height: 50px;
	width: 50px;
	position: relative;
	border: none;
	outline: 0;
	color: #fff;
	font-weight: bolder
}

.ared {
	top: 149px;
	left: 225px;
	transform: rotate(270deg)
}

.apurple {
	top: 150px;
	left: 113px;
	transform: rotate(226deg)
}

.aviolet {
	top: 207px;
	left: 39px;
	transform: rotate(9deg)
}

.pink {
	color: #ed008c
}

.askyblue {
	top: 253px;
	left: -17px;
	transform: rotate(350deg)
}

.agreen {
	top: 304px;
	left: 7px;
	transform: rotate(275deg)
}

.ayellow {
	top: 294px;
	left: 5px;
	transform: rotate(54deg)
}

.aorange {
	top: 199px;
	left: -25px;
	transform: rotate(336deg)
}

.asi {
	top: 250px;
	left: -134px;
	transform: rotate(40deg)
}

.asd {
	top: 247px;
	left: 167px;
	transform: rotate(308deg)
}

.aad {
	top: 155px;
	left: -102px;
	transform: rotate(303deg)
}

.spin {
	margin-top: 20px
}

.result {
	margin-top: 10px;
	width: 20px;
	height: 20px;
	border: 1px solid #000
}

.rotating {
	transition: 3s;
	transition-timing: ease-in-out
}

text {
	pointer-events: none
}

#chart {
	width: 700px;
	top: 0;
	left: 0
}

#question {
	width: 800px;
	top: 0;
	left: 520px
}

#question h1 {
	color: red;
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	margin: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.address-block__item__delete {
	position: absolute;
	top: 0;
	right: 80px;
	font-size: 12px;
	line-height: 16px;
	color: #1d2123;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	cursor: pointer
}

.div,
.favorite2.active t,
.hide,
.pt_categorylanding .videoplay-btn {
	display: none
}



#product-detail-app .product-widget-list {
	display: flex;
	flex-direction: column;
	width: 200px;
	margin-left: 20px;
	color: #333
}

#product-detail-app .product-widget-list .widget .widget-title {
	font-size: 12px;
	font-family: inherit, serif
}

#product-detail-app .product-widget-list .widget h2 {
	letter-spacing: .05rem
}

#product-detail-app .product-widget-list .widget.orange .widget-row:not(:last-child),
#product-detail-app .product-widget-list .widget.orange .widget-title {
	border-color: #f2e5da
}

.product-detail__content__title p {
	display: contents
}

#product-detail-app .campaigns-widget .i-promotion {
	color: #f27a1a !important;
	font-size: 14px;
	margin-right: 10px
}

#product-detail-app .product-widget-list .widget .widget-row span,
#product-detail-app .product-widget-list .widget .widget-title span {
	transition: .3s;
	color: #333
}

#product-detail-app .campaigns-widget .campaign-name {
	font-size: 13px;
	max-width: 155px
}

#product-detail-app .product-widget-list .widget .flexa .i-arrow-right {
	font-size: 11px;
	color: #f27a1a;
	margin: auto 0 auto auto
}

#product-detail-app .product-widget-list .widget.orange {
	border-color: #f2e5da;
	background-color: #fffaf6
}

#product-detail-app .product-widget-list .widget .widget-row:not(:last-child),
#product-detail-app .product-widget-list .widget .widget-title:not(:last-child) {
	border-bottom: 1px solid #e6e6e6
}

#product-detail-app .product-widget-list .widget .widget-row,
#product-detail-app .product-widget-list .widget .widget-title {
	padding: 13px 15px 12px
}

#product-detail-app .seller-widget .product-seller-line {
	font-size: 14px;
	display: flex;
	align-items: center;
	color: #333;
	border-bottom: 1px solid #e2e2e2;
	padding: 13px 54px 10px 13px
}

#product-detail-app .seller-widget .product-seller-line .pr-mb-mn {
	display: block;
	font-size: 14px;
	width: 106%
}

#product-detail-app .pr-mb .pr-mb-mn {
	color: #333;
	font-family: inherit, serif;
	display: flex;
	align-items: center
}

#product-detail-app .seller-widget .product-seller-line .pr-mb-mn a {
	max-width: 140px;
	font-family: inherit, serif
}

#product-detail-app .pr-mb .pr-mb-mn a {
	color: #4d8ee1;
	max-width: 100%;
	font-family: inherit, serif
}

#product-detail-app .seller-widget .product-seller-line .sl-pn {
	position: relative;
	top: -1px
}

#product-detail-app .sl-pn {
	height: 14px;
	display: inline-block;
	margin-left: 5px;
	border-radius: 3px;
	color: #fff;
	padding: 0 5px;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer
}

#product-detail-app .review-tooltip {
	position: relative;
	display: inline-block
}

#product-detail-app .seller-widget .product-seller-line .top-padding {
	left: -13px;
	height: 26px;
	width: 54px
}

.notfound .btn {
	width: auto
}

.ta {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px;
	color: #8f9bb3
}

.mt-80 {
	margin-top: 80px
}

.notfound {
	background: #fff;
	border-radius: 8px;
	height: 430px
}

.w-35 {
	Width: 248px;
	Height: 48px
}

#product-detail-app .review-tooltip .top-padding {
	position: absolute;
	top: 6px;
	left: -100px;
	height: 30px;
	width: 200px
}

#product-detail-app .product-widget-list .widget .flexa {
	display: flex;
	align-items: baseline
}

.flexa:after {
	content: "\e926";
	font-family: icomoon;
	font-size: 10px;
	color: #1d2123;
	margin: 0 10px
}

a {
	color: #1b1b1b
}

#product-detail-app .campaigns-widget .remaining-time {
	color: #d21313;
	font-family: inherit;
	font-size: 11px;
	margin-left: 22px;
	transition: .3s
}

#product-detail-app .product-widget-list .widget {
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	box-shadow: 0 1px 4px #0000000d;
	width: 100%;
	box-sizing: border-box
}

#product-detail-app .product-widget-list>:not(:last-child),
.brandspace-landing-page .headline-banner .text-container {
	margin-bottom: 15px
}

#product-detail-app .seller-widget {
	background-color: #fffef8;
	box-shadow: 0 1px 4px #0000000d;
	font-size: 14px
}

.filter-header1 {
	display: -webkit-box;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	margin-bottom: 24px
}

.main-carousel__holder .item .caption .title {
	font-size: 3rem;
	font-weight: 600;
	text-align: left;
	margin-bottom: 1rem;
	word-break: break-word
}

.main-carousel__holder .item .caption .description {
	font-size: 16px
}

.main-carousel__holder .item .row-slider-caption {
	height: 600px
}

.main-carousel__holder .item .caption {
	margin-left: 90px;
	width: 600px;
	max-width: 100%;
	height: auto;
	text-align: left;
	display: block
}

.main-carousel__holder.item .caption .description {
	font-size: 18px;
	margin-bottom: 2rem
}

.discount-rate {
	float: left;
	width: auto;
	height: auto;
	color: #fff;
	font-size: 14px;
	line-height: 13px;
	font-weight: 400;
	background-color: #f6465d;
	padding: 4px 6px;
	margin-right: 10px;
	border-radius: 1px
}

.badge-acargo,
.badge-cargo,
.badge-discount,
.badge-new,
.badge-sat {
	padding: 5px;
	color: #faf9f9
}

.badge-cargo {
	position: absolute;
	top: 10px;
	height: 25px;
	width: 100px;
	background-color: #ed028c
}

.badge-discount:after {
	content: '';
	top: -14px;
	left: 18px;
	width: 2px;
	height: 15px;
	border-radius: 0;
	background: #000
}

.badge-discount {
	position: absolute;
	top: 10px;
	height: 40px;
	width: 40px;
	margin: 5px;
	border-radius: 50%;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2), 0 3px 2px rgba(0, 0, 0, .2);
	line-height: 27px;
	font-weight: 700;
	font-size: 14px;
	background-color: #dc3545;
	animation: 3s ease-in-out infinite swing
}

.steps,
.steps li {
	position: relative
}

.steps {
	margin-bottom: 30px;
	counter-reset: step
}

.steps li {
	list-style-type: none;
	font-size: 12px;
	width: 25%;
	float: left
}

.badge-acargo,
.badge-new,
.badge-promoted,
.badge-sat,
.dropdown-content,
.favorit,
.favorit t,
.favorite1,
.steps li~li:after {
	position: absolute
}

.steps li:before {
	display: block;
	content: counter(step);
	counter-increment: step;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin: 0 auto 8px
}

.steps li~li:after {
	content: '';
	width: 100%;
	height: 2px;
	left: -50%;
	top: 15px;
	z-index: -1
}

.steps li.active~li:after,
.steps li.active~li:before {
	background-color: #777
}

.badge-acargo {
	top: 10px;
	height: 41px;
	line-height: 1.2;
	width: 100px;
	background-color: #6202c1
}

.badge-promoted {
	top: 10px
}
.avatar-number {
	display: inline-block;
    width: 32px;
    height: 30px;
    line-height: 20px;
    padding: 4px;
    text-align: center;
    border-radius: 50%;
    background: #f2f2f2;
    /* border: 2px solid white;
*/
  }

  

.card-container {
	background-color: #f9f9f9;
	border-radius: 5px;
	box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75);
	color: #B3B8CD;
	padding-top: 30px;
	position: relative;
	width: 350px;
	max-width: 100%;
	text-align: center;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.shipping-address-box-cart {
    display: table;
    width: 100%;
    background-color: #f9f9f9;
    border: 0;
}
.shipping-address-box {
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #ededed;
    border-radius: 3px;
    padding: 20px;
}
.payment-options-list li {
    list-style: none;
    display: block;
    width: 100%;
    min-height: 40px;
    margin-bottom: 15px;
}
#footer .footer-social-links ul, #footer .nav-footer ul, .dropdown-menu-large .right .large-menu-content .item-large-menu-content ul, .payment-options-list {
    padding: 0;
    margin: 0;
}
.payment-options-list li label, .product-filters .filter-item .filter-list li a label {
    cursor: pointer;
    margin: 0!important;
}

.checkout__taksits {
    background: #fafafa;
    border-radius: 6px;
    padding: 2.5rem 2.4rem 0.8rem;
    margin-bottom: 2rem;
}
.checkout__taksits__head {
    margin-bottom: 2.4rem;
}
.align-items-center {
    align-items: center!important;
}
.col {
    flex: 1 0 0%;
}
.ab{

    border: 0px;
    padding: 5px;
    background: white;

}
.checkout__taksits h3 {
    color: #232d40;
    margin: 0;
    font-weight: 500;
    font-size: 1.0rem;
}
.checkout__form h3 {
    font-size: 1.3rem;
    color: #95979c;
    margin-top: 0.8rem;
    margin-bottom: 2rem;
}

.checkout__taksits__selected {
    background: #fff;
    box-shadow: 0 2px 0 rgb(0 0 0 / 2%), 0 1.0125px 0 rgb(0 0 0 / 1%), 0 0.4px 0 rgb(0 0 0 / 1%), 0 0.0875px 0 rgb(0 0 0 / 1%);
    border-radius: 6px;
    padding: 10px;
    display: block;
    align-items: center;
    text-align: center;
    width: 100%;
}
.checkout__taksits__selected p {
    font-size: 12px;
    display: contents;
    align-items: center;
    text-align: center;
}

.checkout__taksits__change {
    border: 1px solid #5b5f66;
    border-radius: 6px;
    padding: 0.4rem 1.2rem;
    margin-left: auto;
    font-size: 1.3rem;
    color: #5b5f66;
}

.checkout__taksits .custom-radio__label {
    height: 100%;
    padding-left: 6rem;
    font-size: 1.4rem;
    font-weight: 600;
}

.custom-radio__label {
    padding: 1.7rem;
    font-size: 1.7rem;
    font-weight: 600;
    color: #232d40;
    justify-content: unset;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}
.checkout__taksits .custom-radio {
    height: 6rem;
    border-color: #fff;
    box-shadow: 0 2px 0 rgb(0 0 0 / 2%), 0 1.0125px 0 rgb(0 0 0 / 1%), 0 0.4px 0 rgb(0 0 0 / 1%), 0 0.0875px 0 rgb(0 0 0 / 1%);
}
.custom-radio {
    background: #fff;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    padding: 0;
    /* margin-bottom: 0.4rem; */
    margin: 1px;
    padding: 9px;
}
.custom-radio-input {
    display: none;
}
[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.checkout__taksits .custom-radio__label:after, .checkout__taksits .custom-radio__label:before {
    left: 2.8rem;
    right: auto;
}
.custom-radio__label:after, .custom-radio__label:before {
    content: '';
    position: absolute;
    right: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    border: 0.6rem solid #fff;
    background: 0 0;
    z-index: 1;
}
.checkout__taksits .custom-radio__label:after, .checkout__taksits .custom-radio__label:before {
    left: 2.8rem;
    right: auto;
}
.custom-radio__label:after {
    border: 0.2rem solid #dee2e6;
    background: 0 0;
    z-index: 2;
}
.custom-radio__label:after, .custom-radio__label:before {
    content: '';
    position: absolute;
    right: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 0.6rem solid #e5e5e5;
    background: 0 0;
    z-index: 1;
}
#show-me{
display:none;
}
.page-top-banner .ptb-title {
    letter-spacing: 1px;
    text-align: left;
    color: #0a0a0a;
    font-weight: 600;
    font-size: 1.5625rem;
    line-height: 1;
    text-transform: none;
}
@media screen and (min-width: 50em)
{
	.page-top-banner .ptb-title {
		font-size: 2.375rem;
		line-height: 0.9330000000000001;
	}
}
.page-top-banner .ptb-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
}
.page-top-banner .main-bg-image {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: inline-block;
}
.page-top-banner .ptb-inner {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
}

.payment-options-list li label img {
    height: 14px;
    width: auto;
    max-width: 100%;
    margin-right: 7px;
    margin-bottom: 0px;
    float: left;
}
.custom-radio {
    background: #fff;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    padding: 0;
    /* margin-bottom: 0.4rem; */
    margin: 1px;
    padding: 9px;
}
.custom-radio {
    padding-left: 36px!important;
}

.text-shipping-address {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
}
.payment-options-list li .list-right, .shipping-address-box-cart .address-left {
    display: table-cell;
    vertical-align: middle;
}
.shipping-address-box-cart .address-right {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    text-align: center;
}
.card-container .pro {
	color: #231E39;
	background-color: #FEBB0B;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 7px;
	position: absolute;
	top: 30px;
	left: 30px;
}

.card-container .round {
	border: 1px solid #03BFCB;
	border-radius: 50%;
	padding: 7px;
	width: 100px;
	height: 100px;
}

button.primary {
	background-color: #03BFCB;
	border: 1px solid #03BFCB;
	border-radius: 3px;
	color: #231E39;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	padding: 10px 25px;
}

button.primary.ghost {
	background-color: transparent;
	color: #02899C;
}

.skills {
	background-color: #1F1A36;
	text-align: left;
	padding: 15px;
	margin-top: 30px;
}

.skills ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.skills ul li {
	border: 1px solid #2D2747;
	border-radius: 2px;
	display: inline-block;
	font-size: 12px;
	margin: 0 7px 7px 0;
	padding: 7px;
}

.flexs{
	display: flex;
	text-align: center;
	align-items: center;
	
}

.fav {
	top: 6px;
	right: -4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #f2f2f2;
	background-color: #fff;
	z-index: 2;
	cursor: pointer;
    position: absolute;
}
.avatars {
	transform-style:preserve-3d; /* here */
	width: 66px;
    margin-left: 44px;
  }
  
  .avatar {
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	width: 35px;
	border: 2px solid white;
  }
  
  .avatar:not(:first-child) {
	margin-left: -60px;
	transform:rotateY(-1deg); /* and here */
  }
  
  .avatar img {
	width: 100%;
	display: block;
  }

.favorite1 {
	top: 58px;
	right: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #f2f2f2;
	background-color: #fff;
	z-index: 2;
	cursor: pointer
}

.favorit {
	width: 72px;
	height: 30px;
	left: 2%;
	right: 2%;
	top: 2%;
	bottom: 0;
	background: #2e3a59;
	border-radius: 4px
}

.favorit t {
	left: 26.39%;
	right: 25%;
	top: 13.33%;
	bottom: 13.33%;
	font-weight: 600;
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	color: #fff
}

.favorite1:before {
	content: "\e922";
	font-family: icomoon;
	font-size: 10px;
	color: #828282;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}

.favorite1.active:before {
	color: #1aed00
}

.favorite2.active p {
	display: contents !important
}

@keyframes pulse-black {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, .7)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px transparent
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 transparent
	}
}

.color-options.withCampaign {
	bottom: 185px
}

.color-options.highlighted {
	z-index: 1061
}

.balance-account,
.color-options div {
	display: flex;
	align-items: center
}

.color-options div .color-option {
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	background-color: pink;
	border-radius: 50%
}

.color-options div .color-option:first-child {
	background-image: linear-gradient(to right, #3023ae 0, #53a0fd 48%, #b4ec51 101%);
	z-index: 2
}

.color-options div .color-option:nth-child(2) {
	background-image: linear-gradient(to right, #6bceb4 0, #f98cc2 48%, #fff781 101%);
	z-index: 1;
	margin-left: -6px
}

.color-options-with-basket {
	bottom: 150px
}

.color-options-with-basket.withCoupon {
	bottom: 168px
}

.color-options-with-basket.withCampaign {
	bottom: 220px
}

.badge-sat {
	top: 40px;
	height: 25px;
	background-color: #ff7d02
}

.badge-new {
	border-radius: 50%;
	top: 57px;
	height: 40px;
	width: 40px;
	margin: 5px;
	box-shadow: 0 0 4px 1px rgb(0 0 0 / 20%), 0 3px 2px rgb(0 0 0 / 20%);
	line-height: 27px;
	font-weight: 700;
	text-align: center;
	font-size: 14px;
	background-color: #28a745
}

.featured-price-info,
.featured-price-info2 {
	width: calc(100% - 8px);
	border-radius: 2px;
	font-size: 12px;
	font-weight: 600;
	display: flex;
	align-items: center
}

.featured-price-info {
	height: 20px;
	justify-content: center;
	background-color: #fdeded;
	color: #ca1616;
	line-height: 20px
}

.featured-price-info2 {
	height: 18px;
	justify-content: center;
	background-color: #ffad0600;
	border: 1px dotted;
	color: #bd651a;
	line-height: 8px
}

.featured-price-discount {
	margin-right: 8px;
	background: url(https://cdn.dsmcdn.com/web/production/discountRed.svg) center no-repeat;
	width: 12px;
	height: 8px
}

.featured-price-discount1 {
	background: url(https://cdn.dsmcdn.com/web/production/other-logo.svg) center/12px 12px no-repeat;
	width: 12px;
	height: 12px;
	margin-right: 4px
}

#grid-filter {
	margin: 0;
	padding: 40px;
	padding-left: 0
}

#grid-filter li {
	list-style: none;
	display: inline-block;
	padding: 0 20px 0 0
}

.grid-item {
	width: 190px;
	height: 59px;
	padding: 10px;
	text-transform: lowercase;
	margin-bottom: 10px;
	text-align: center;
	display: inline-block
}

.a {
	background-color: #1abc9c
}

.b {
	background-color: #2ecc71
}

.c {
	background-color: #3498db
}

.d {
	background-color: #9b59b6
}

.e {
	background-color: #34495e
}

.f {
	background-color: #f1c40f
}

.g {
	background-color: #e67e22
}

.h {
	background-color: #e74c3c
}

.h_1 {
	height: 100px
}

.h_2 {
	height: 150px
}

@media only screen and (max-width:600px) {
	.hide {
		display: flex;
		left: 3rem
	}
}

.ab {
	border: 0;
	padding: 5px;
	background: #fff
}

.bol {
	color: #000 !important;
	font-weight: bolder !important
}

.price-info__cart-slider {
	overflow: hidden;
	padding: 1.6rem 0;
	border: 2px solid #f6861f;
	border-radius: .8rem;
	background: #fff
}

.price-info__cart-slider__scroller {
	display: flex;
	align-items: center;
	-webkit-animation: 15s 1s infinite slideToLeft;
	animation: 15s 1s infinite slideToLeft
}

.price-info__cart-slider__item__logo {
	min-width: 7.5rem;
	width: 7.5rem;
	margin-right: 2rem
}

.brandspace-landing-page .richtext .button,
.brandspace-landing-page img,
.category-banner-img,
.price-info__cart-slider__item__logo img,
.pt_account .main-header .category-banner-info-title {
	width: 100%
}

.price-info__cart-slider__item__info h4 {
	font-size: .9rem;
	font-weight: 600;
	color: #232d40;
	margin-bottom: .4rem;
	margin-top: .4rem
}

.price-info__cart-slider__item__info p {
	color: #5b5f66;
	font-size: .5rem
}

.price-info__cart-slider__item:first-child {
	-webkit-animation: 15s 1s infinite image-change;
	animation: 15s 1s infinite image-change
}

.price-info__cart-slider__item {
	justify-content: unset;
	flex: 0 0 100%;
	background: #fff;
	padding: 0 2.4rem
}

.colo {
	color: #000
}

.colo1 {
	color: green
}

.pt_categorylanding .content {
	padding: 0 18px
}

.pt_categorylanding .catlanding-top .content {
	padding: 0
}

@media screen and (max-width:49.9375em) {
	.pt_categorylanding .catlanding-top .top-category-brandorama {
		margin-left: 18px
	}
}

.pt_categorylanding .catlanding-top .bv-cleanslate .bv-spotlights .bv-product-image-wrapper button:focus img,
.pt_categorylanding .catlanding-top .bv-cleanslate .bv-spotlights :focus {
	outline-width: 0 !important
}

.pt_categorylanding .catlanding-top .bv-cleanslate .bv-spotlights .bv-product-list-outer .bv-glyph-chevron-left,
.pt_categorylanding .catlanding-top .bv-cleanslate .bv-spotlights .bv-product-list-outer .bv-glyph-chevron-right {
	z-index: 4 !important
}

.pt_categorylanding .primary-content {
	margin: 0 auto;
	width: 100%
}

.pt_categorylanding .product-carousel-wrapper {
	margin-left: 18px
}

.pt_categorylanding .background-video-active {
	height: 170px
}

.pt_categorylanding .background-video-active .background-video,
.pt_categorylanding .cpr-carousel {
	margin: 0
}

.pt_categorylanding .category-banner,
.pt_product-search-result .category-banner {
	padding-bottom: 50px
}

@media screen and (min-width:64em) {

	.pt_categorylanding .category-banner,
	.pt_product-search-result .category-banner {
		padding-bottom: 0;
		min-height: 270px
	}
}

.pt_categorylanding .category-banner .category-banner-info,
.pt_product-search-result .category-banner .category-banner-info {
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-pack: left;
	justify-content: left;
	height: auto;
	color: #fff;
	flex-wrap: wrap;
	position: absolute;
	-webkit-box-align: center;
	align-items: center
}

@media screen and (max-width:63.9375em) {

	.pt_categorylanding .category-banner .category-banner-info,
	.pt_product-search-result .category-banner .category-banner-info {
		width: 90%;
		-webkit-transform: translate(-50%, 50%);
		-ms-transform: translate(-50%, 50%);
		transform: translate(-50%, 50%);
		top: auto;
		bottom: 0;
		margin-bottom: 50px
	}
}

.pt_categorylanding .category-banner .category-banner-info-title h1,
.pt_product-search-result .category-banner .category-banner-info-title h1 {
	font-family: inherit, Arial, sans-serif;
	text-align: center;
	font-size: 1.5625rem;
	font-weight: 400;
	line-height: 3.0625rem;
	width: 100%;
	text-transform: none;
	background: #000
}

.category-banner,
.category-banner-info {
	display: -webkit-box;
	-webkit-box-pack: center
}

.pt_categorylanding .category-banner.category-banner-no-image,
.pt_product-search-result .category-banner.category-banner-no-image {
	position: static;
	padding: 10px 0
}

.pt_categorylanding .category-banner.category-banner-no-image .category-banner-info,
.pt_product-search-result .category-banner.category-banner-no-image .category-banner-info {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	margin: 0;
	padding: 0
}

.category-banner-info-title .main-header-title {
	width: 90%;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	font-size: 3.125rem
}

.category-banner {
	position: relative;
	margin: auto;
	width: 100%;
	max-width: 1440px;
	overflow: hidden;
	display: flex;
	justify-content: center
}

@media screen and (max-width:29.9375em) {

	.pt_categorylanding .category-banner,
	.pt_product-search-result .category-banner {
		padding-bottom: 41px
	}

	.pt_categorylanding .category-banner .category-banner-info,
	.pt_product-search-result .category-banner .category-banner-info {
		position: absolute;
		bottom: 0;
		left: 0;
		height: auto;
		display: inherit;
		-webkit-box-align: end;
		align-items: flex-end;
		padding-bottom: 10px;
		margin-bottom: 0;
		-webkit-box-pack: center;
		justify-content: center;
		width: 100%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.pt_categorylanding .category-banner .category-banner-info-title,
	.pt_product-search-result .category-banner .category-banner-info-title {
		width: 90%
	}

	.category-banner {
		background-color: #fefefe
	}
}

.category-banner-img img {
	border: 1.25rem solid #000;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 100% 100%;
	object-position: 100% 100%;
	width: 100%;
	min-height: 144px;
	max-width: 1440px
}

.category-banner-stripe-icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
	width: 24px;
	border: 4px solid #fff;
	border-left: 0;
	border-right: 0
}

.category-banner-stripe-icon::after,
.category-banner-stripe-icon::before {
	content: '';
	display: block;
	height: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #fff
}

.brandspace-landing-page .product-push-next-arrow,
.brandspace-landing-page .product-push-next-arrow:hover:not(.slick-disabled),
.brandspace-landing-page .product-push-prev-arrow,
.brandspace-landing-page .product-push-prev-arrow:hover:not(.slick-disabled) {
	background-image: url(../images/sprites.png);
	width: 17px;
	height: 31px;
	background-repeat: no-repeat
}

.category-banner-info {
	position: absolute;
	display: flex;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff
}

.category-banner-info-title {
	display: -webkit-box;
	display: flex;
	width: 100%;
	-webkit-box-pack: center;
	justify-content: center
}

.category-banner-info-title h1 {
	font-family: inherit, Arial, sans-serif;
	font-size: 3.75rem;
	font-weight: 400;
	line-height: 3.0625rem;
	text-align: center;
	text-transform: none
}

.sales-terms .category-banner-info {
	top: 20%
}

.gen-conditions .category-banner-info {
	top: -13%
}

@media screen and (min-width:30em) {

	.gen-conditions .category-banner-info,
	.sales-terms .category-banner-info {
		top: 50%
	}
}

.pt_storeservices .category-banner-info-title {
	text-transform: uppercase;
	font-family: inherit, Arial, sans-serif;
	font-size: 1.25rem
}

.pt_storeservices .category-banner-info-text {
	display: block;
	font-size: .9375rem
}

.pt_storeservices .category-banner-img img {
	max-width: 100%
}

.global-footer .category-banner-info-text {
	margin: 10px 17px
}

.brandspace-landing-page .five-column,
.brandspace-landing-page .four-column,
.brandspace-landing-page .two-column .region .two-column {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row
}

.brandspace-landing-page .four-column .region {
	width: 48%;
	margin-bottom: 20px
}

.brandspace-landing-page .column-layout.no-spacing.four-column .region {
	width: 50%
}

.brandspace-landing-page .brandspace-carousel p,
.brandspace-landing-page .column-layout.no-spacing .region {
	margin-bottom: 0
}

.brandspace-landing-page .product-push-prev-arrow {
	background-position: 0 -473px;
	left: 0
}

.brandspace-landing-page .product-push-prev-arrow:hover:not(.slick-disabled) {
	background-position: 0 -626px
}

.brandspace-landing-page .product-push-next-arrow {
	background-position: 0 -524px;
	right: 0
}

.brandspace-landing-page .product-push-next-arrow:hover:not(.slick-disabled) {
	background-position: 0 -575px
}

.brandspace-landing-page .product-push-arrow {
	display: block;
	position: absolute;
	font-size: 0;
	color: #e6e6e6;
	z-index: 1;
	cursor: pointer;
	background-repeat: no-repeat;
	-webkit-transform: scale(.6);
	-ms-transform: scale(.6);
	transform: scale(.6);
	top: 6.25rem
}

.brandspace-landing-page .slick-list {
	margin: 0 1.25rem
}

.brandspace-landing-page .slick-list img {
	margin: 0 auto
}

.brandspace-landing-page .clickable-image,
.brandspace-landing-page .experience-component {
	position: relative;
	height: 100%
}

.brandspace-landing-page .richtext {
	padding: 10px;
	height: 100%
}

.brandspace-landing-page .richtext img {
	width: auto;
	display: block;
	margin: 0 auto 15px
}

.brandspace-landing-page .richtext h3 {
	font-family: AvantGardeBold, Arial, sans-serif;
	color: #c00;
	font-size: 2.5rem;
	margin-bottom: 0
}

.brandspace-landing-page .richtext .cta-link {
	margin-top: 6px
}

.brandspace-landing-page .richtext .cta-link+.brand-categories {
	display: inline-block;
	width: 100%
}

@media screen and (min-width:50em) {
	.pt_categorylanding .content {
		padding: 0
	}

	.pt_categorylanding .product-carousel-wrapper {
		margin-left: 0
	}

	.pt_categorylanding .background-video-active {
		height: 278px
	}

	.category-banner-info-title .main-header-title {
		font-size: 5.625rem
	}

	.category-banner-img img {
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		min-height: 100%
	}

	.category-banner-info-title {
		width: 100%;
		-webkit-box-pack: left;
		justify-content: left
	}

	.category-banner-info-text {
		display: -webkit-box;
		display: flex;
		width: 28%;
		padding-left: 15px
	}

	.brandspace-landing-page .four-column .region {
		margin-bottom: 20;
		width: 22%
	}

	.brandspace-landing-page .column-layout.no-spacing.two-column .region {
		width: 50%
	}

	.brandspace-landing-page .column-layout.no-spacing.ratio40_60 .region:first-child {
		width: 40%
	}

	.brandspace-landing-page .column-layout.no-spacing.ratio40_60 .region:last-child {
		width: 60%
	}

	.brandspace-landing-page .column-layout.no-spacing.three-column .region {
		width: 33.33%
	}

	.brandspace-landing-page .column-layout.no-spacing.four-column .region {
		width: 25%
	}

	.brandspace-landing-page .column-layout.no-spacing.five-column .region {
		width: 20%
	}

	.brandspace-landing-page .richtext {
		padding: 20px
	}

	.brandspace-landing-page .richtext .button {
		width: auto
	}

	.brandspace-landing-page .richtext .cta-link+.brand-categories {
		width: 50%;
		margin-left: 10px
	}
}

.brandspace-landing-page .richtext .brand-buttons {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	-webkit-box-align: end;
	align-items: flex-end;
	margin: 20px 0 0;
	-webkit-box-pack: center;
	justify-content: center
}

@media screen and (min-width:50em) and (max-width:63.9375em) {
	.brandspace-landing-page .richtext .brand-buttons>* {
		max-width: 283px
	}
}

.brandspace-landing-page .richtext .brand-buttons .button.button-secondary {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #000)) center top no-repeat;
	background: linear-gradient(to bottom, transparent 50%, #000 50%) center top no-repeat;
	background-size: 100% 200%;
	outline-color: #fff
}

.brandspace-landing-page .richtext .brand-buttons .button.button-secondary.hovered:not(.disabled):not(:disabled),
.brandspace-landing-page .richtext .brand-buttons .button.button-secondary:active:not(.disabled):not(:disabled),
html.no-touch .brandspace-landing-page .richtext .brand-buttons .button.button-secondary:hover:not(.disabled):not(:disabled) {
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff)) center top no-repeat;
	background: linear-gradient(to bottom, transparent 50%, #fff 50%) center top no-repeat;
	background-size: 100% 200%;
	outline-color: #000
}

.brandspace-landing-page .richtext .brand-categories-accordion {
	position: relative;
	min-width: 155px;
	margin-top: 10px
}

.brandspace-landing-page .richtext .brand-categories-accordion.button-secondary {
	background-color: #000
}

.brandspace-landing-page .richtext .brand-categories-accordion.button-secondary .accordion-title {
	color: #fff;
	border-bottom: 2px solid #fff
}

.brandspace-landing-page .richtext .brand-categories-accordion.button-secondary .brand-categories-list a {
	color: #fff
}

.brandspace-landing-page .richtext .brand-categories-accordion .accordion-title {
	font-family: AvantGardeBold, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: .9375rem;
	text-transform: uppercase;
	padding: 12px 15px;
	background-color: transparent;
	color: #000;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 2px solid #000;
	text-align: center;
	height: 40px;
	line-height: 12px
}

@media screen and (min-width:80em) {
	.category-banner-info-title h1 {
		width: 350px;
		font-size: 6.25rem;
		line-height: 6.0625rem
	}

	.brandspace-landing-page .richtext .cta-link+.brand-categories {
		margin-left: 20px
	}

	.brandspace-landing-page .richtext .brand-categories-accordion .accordion-title {
		padding-right: 8px
	}
}

@media screen and (min-width:90em) {
	.brandspace-landing-page .richtext .brand-categories-accordion .accordion-title {
		padding-right: 12px
	}
}

.brandspace-landing-page .richtext .brand-categories-accordion .accordion-title::before {
	content: "";
	width: 6px;
	height: 6px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: auto;
	bottom: 18px
}

.brandspace-landing-page .richtext .brand-categories-accordion .accordion-content {
	border: none;
	padding: 10px 20px
}

.brandspace-landing-page .richtext .brand-categories-accordion .brand-categories-list {
	list-style: none;
	margin: 0
}

.brandspace-landing-page .richtext .brand-categories-accordion .brand-categories-list a {
	font-size: .8125rem;
	line-height: 2.4375rem;
	color: #000
}

@media screen and (min-width:64em) {

	.pt_categorylanding .category-banner .category-banner-info-title h1,
	.pt_product-search-result .category-banner .category-banner-info-title h1 {
		width: 60%;
		font-size: 4.375rem;
		margin-left: 50px;
		text-align: left;
		font-family: inherit, Arial, sans-serif;
		font-weight: 400;
		line-height: 1.39;
		background: 0 0;
		font-style: normal
	}

	.pt_categorylanding .category-banner .category-banner-info-text,
	.pt_product-search-result .category-banner .category-banner-info-text {
		display: -webkit-box;
		display: flex;
		width: 50%;
		padding-left: 50px;
		-webkit-box-pack: left;
		justify-content: left;
		font-size: .8125rem;
		font-weight: 500;
		margin-top: 22px;
	}

	.pt_categorylanding .category-banner .category-banner-info-text p,
	.pt_product-search-result .category-banner .category-banner-info-text p {
		margin: 0;
		line-height: 1
	}

	.brandspace-landing-page .richtext .brand-categories-accordion .brand-categories-list a {
		font-size: .9375rem
	}
}

.brandspace-landing-page .clickable-image .text-wrapper {
	position: absolute;
	padding: .9375rem 1.25rem;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center
}

.brandspace-landing-page .clickable-image .transparent-background {
	background-color: rgba(226, 225, 226, .5)
}

.brandspace-landing-page .clickable-image .component-image {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%
}

.brandspace-landing-page .clickable-image .clickable-image-wrapper {
	opacity: 1;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.brandspace-landing-page .clickable-image .clickable-image-wrapper:hover {
	opacity: 0
}

.brandspace-landing-page .clickable-image .clickable-image-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.brandspace-landing-page .clickable-image .clickable-image-overlay:hover {
	opacity: 1
}

.brandspace-landing-page .clickable-image .clickable-image-bg-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.brandspace-landing-page .headline-banner {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	justify-content: flex-start;
	flex-flow: column nowrap;
	align-content: center;
	margin: 0 -10px 15px
}

.brandspace-landing-page .headline-banner .media-container {
	-webkit-box-flex: 1;
	flex: 1;
	-webkit-box-ordinal-group: 3;
	order: 2;
	margin-bottom: 15px
}

.brandspace-landing-page .headline-banner .title {
	text-align: center;
	margin-bottom: 15px;
	-webkit-box-ordinal-group: 2;
	order: 1
}

.brandspace-landing-page .headline-banner .description img,
.brandspace-landing-page .headline-banner .title img {
	width: unset
}

.brandspace-landing-page .headline-banner .title h2 {
	font-family: inherit, Arial, sans-serif;
	font-size: 1.8125rem
}

.brandspace-landing-page .headline-banner .title h3 {
	font-family: AvantGardeBold, Arial, sans-serif;
	color: #d50032;
	font-size: 2.5rem
}

.brandspace-landing-page .headline-banner .description {
	-webkit-box-ordinal-group: 4;
	order: 3;
	margin: 0 10px 10px
}

.brandspace-landing-page .headline-banner .description p {
	font-family: AvantGardeBook, Arial, sans-serif;
	font-size: .8125rem
}

.brandspace-landing-page .brandspace-carousel a {
	text-decoration: none;
	margin-bottom: 0
}

.brandspace-landing-page .brandspace-carousel .carousel-title {
	max-width: 220px;
	margin-bottom: 20px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

@media screen and (min-width:50em) {
	.brandspace-landing-page .richtext .brand-buttons {
		display: -webkit-box;
		display: flex;
		flex-wrap: nowrap;
		-webkit-box-align: end;
		align-items: flex-end;
		margin-top: 30px
	}

	.brandspace-landing-page .richtext .brand-buttons>* {
		flex-basis: 50%
	}

	.brandspace-landing-page .richtext .brand-buttons>:only-child {
		flex-basis: auto
	}

	.brandspace-landing-page .richtext .brand-categories-accordion.button-secondary .accordion-content {
		background-color: #000
	}

	.brandspace-landing-page .richtext .brand-categories-accordion .accordion-content {
		position: absolute;
		z-index: 9;
		width: 100%;
		background-color: #fff
	}

	.brandspace-landing-page .headline-banner {
		max-height: 400px;
		flex-flow: column wrap;
		margin: 0;
		align-content: space-between
	}

	.brandspace-landing-page .headline-banner .text-container {
		max-width: 60%;
		margin-bottom: 0
	}

	.brandspace-landing-page .headline-banner .media-container {
		margin-bottom: 0;
		-webkit-box-ordinal-group: NaN;
		order: unset;
		max-width: 35%
	}

	.brandspace-landing-page .headline-banner .title {
		margin-bottom: 10px 0 30px;
		-webkit-box-ordinal-group: NaN;
		order: unset
	}

	.brandspace-landing-page .headline-banner .description {
		max-width: 60%;
		margin: 0 30px;
		-webkit-box-ordinal-group: NaN;
		order: unset
	}

	.brandspace-landing-page .product-tile {
		margin: 0
	}

	.brandspace-landing-page .brandspace-carousel .carousel-title {
		margin-top: 63px;
		max-width: 275px
	}
}

.balance-filter .btn-link span,
.brandspace-landing-page .brandspace-carousel .carousel-title .rotate-arrow-right {
	margin-left: 10px
}

.brandspace-landing-page .brandspace-carousel .clickable-title {
	cursor: pointer
}

.brandspace-landing-page .brandspace-carousel .title-container {
	text-align: center;
	margin-bottom: 20px
}

.brandspace-landing-page .brandspace-carousel.type-1 .product-carousel,
.brandspace-landing-page .brandspace-carousel.type-1 .title-container {
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	max-width: 100%
}

@media screen and (min-width:50em) {
	.brandspace-landing-page .brandspace-carousel.type-1 .title-container {
		-webkit-box-flex: 0;
		flex: 0 0 33%;
		max-width: 33%
	}

	.brandspace-landing-page .brandspace-carousel.type-1 .product-carousel {
		-webkit-box-flex: 0;
		flex: 0 0 66%;
		max-width: 66%
	}
}

@media screen and (min-width:80em) {
	.brandspace-landing-page .brandspace-carousel .carousel-title {
		margin: 0 0 35px;
		max-width: 300px
	}

	.brandspace-landing-page .brandspace-carousel .clickable-title.hovered,
	.brandspace-landing-page .brandspace-carousel .clickable-title:active,
	html.no-touch .brandspace-landing-page .brandspace-carousel .clickable-title:hover {
		cursor: auto
	}

	.brandspace-landing-page .brandspace-carousel .title-container {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column
	}

	.brandspace-landing-page .brandspace-carousel.type-1 .title-container {
		-webkit-box-flex: 0;
		flex: 0 0 25%;
		max-width: 25%
	}

	.brandspace-landing-page .brandspace-carousel.type-1 .product-carousel {
		-webkit-box-flex: 0;
		flex: 0 0 75%;
		max-width: 75%
	}
}

.brandspace-landing-page .brandspace-carousel.type-2 .carousel-title {
	max-width: none;
	text-align: center;
	margin: 0 auto 20px
}

.brandspace-landing-page [class^=button-carousel] a {
	margin-left: 10px;
	font-family: AvantGardeBold, Arial, sans-serif
}

.brandspace-landing-page [class^=button-carousel] .clickable-image {
	margin: 0 20px
}

.brandspace-landing-page .youtube-iframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative
}

.brandspace-landing-page .youtube-iframe-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.brandspace-landing-page .clickable-title {
	text-align: left
}

.brandspace-landing-page .clickable-title h1 {
	display: inline;
	margin-bottom: 0
}

.brandspace-landing-page .content-block-container .image-container {
	height: 50%
}

.brandspace-landing-page .content-block-container img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.brandspace-landing-page .content-block-container .text-wrapper {
	width: 90%;
	text-align: center;
	background-color: #fff;
	padding: 15px;
	position: relative;
	margin: -40px auto 0
}

.brandspace-landing-page .content-block-container .text-wrapper>*,
.brandspace-landing-page .content-block-container.standart-text .text-wrapper>* {
	margin-bottom: 5px
}

.brandspace-landing-page .content-block-container .text-wrapper h4 {
	font-size: .9375rem
}

.brandspace-landing-page .content-block-container .text-wrapper p {
	font-size: .8125rem
}

.brandspace-landing-page .content-block-container .text-wrapper .button {
	min-width: 120px
}

.brandspace-landing-page .content-block-container.standart-text .text-wrapper {
	width: 100%;
	text-align: left;
	padding: 0 15px;
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	margin: 0
}

.brandspace-landing-page .content-block-container.standart-text .text-wrapper .cta-link {
	background: 0 0;
	color: #000;
	letter-spacing: 1px;
	text-decoration: underline;
	text-transform: none;
	font-family: inherit, Arial, sans-serif;
	padding: 0;
	width: auto;
	min-width: auto;
	height: auto
}

.brandspace-landing-page .content-block-container.standart-text .text-wrapper .cta-link.hovered,
.brandspace-landing-page .content-block-container.standart-text .text-wrapper .cta-link:active,
html.no-touch .brandspace-landing-page .content-block-container.standart-text .text-wrapper .cta-link:hover {
	border: none;
	outline-color: #fff
}

.brandspace-landing-page {
	padding: 0 10px;
	width: 100%
}

.brandspace-landing-page p {
	margin-bottom: 0;
	font-size: .875rem
}

.brandspace-landing-page h2 {
	font-size: 1.875rem
}

.brandspace-landing-page h3 {
	font-size: 1.5625rem
}

.brandspace-landing-page h4 {
	font-size: 1.25rem
}

.brandspace-landing-page .stick-to-left {
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	max-width: 50%
}

.brandspace-landing-page .stick-to-bottom {
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-height: 50%
}

.brandspace-landing-page .stick-to-center {
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	max-height: 50%
}

.brandspace-landing-page .stick-to-top {
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	max-height: 50%
}

.brandspace-landing-page .region {
	position: relative
}

.brandspace-landing-page .column-layout {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 100%
}

.brandspace-landing-page .five-column .region,
.brandspace-landing-page .three-column .region,
.brandspace-landing-page .two-column .region {
	width: 100%;
	margin-bottom: 20px
}

@media screen and (max-width:63.9375em) {

	.pt_categorylanding .category-banner .category-banner-info-title h1,
	.pt_product-search-result .category-banner .category-banner-info-title h1 {
		color: #fff !important;
		padding-left: 20px;
		text-align: left
	}

	.category-banner-img .no-image-mobile {
		padding: 20px
	}

	.category-banner-img .no-image-mobile+img {
		display: none
	}

	.show-for-mlarge {
		display: none !important
	}

	.brandspace-landing-page .pagedesigner-product-list-type-3 {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap
	}

	.brandspace-landing-page .pagedesigner-product-list-type-3 .experience-component,
	.brandspace-landing-page .two-column .region .two-column .region.no-spacing {
		width: 50%
	}

	.brandspace-landing-page .content-block-container .text-wrapper .button {
		padding: 0 5px
	}

	.brandspace-landing-page .two-column .region .two-column .region {
		width: 48%
	}
}

@media screen and (min-width:50em) {
	.brandspace-landing-page [class^=button-carousel] .clickable-image {
		margin: 0 30px
	}

	.brandspace-landing-page .clickable-title {
		text-align: center
	}

	.brandspace-landing-page .clickable-title h1 {
		display: block;
		margin-bottom: 20px
	}

	.brandspace-landing-page .content-block-container .image-container {
		height: 70%
	}

	.brandspace-landing-page .content-block-container .text-wrapper {
		margin: -50px auto 0
	}

	.brandspace-landing-page {
		padding: 0 20px
	}

	.brandspace-landing-page .column-layout {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row
	}

	.brandspace-landing-page .two-column .region {
		margin-bottom: 0;
		width: 48%
	}

	.brandspace-landing-page .ratio40_60 .region:first-child {
		width: 38%
	}

	.brandspace-landing-page .ratio40_60 .region:last-child {
		width: 58%
	}

	.brandspace-landing-page .three-column .region {
		margin-bottom: 0;
		width: 30%
	}

	.brandspace-landing-page .five-column .region {
		margin-bottom: 0;
		width: 18%
	}
}

.buttons,
a.buttons {
	border: 0;
	text-transform: uppercase;
	font-family: inherit, Arial, sans-serif;
	letter-spacing: 2px;
	font-size: .8125rem;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #000), color-stop(50%, transparent)) center top no-repeat;
	background: linear-gradient(to bottom, #000 50%, transparent 50%) center top no-repeat;
	background-size: 100% 200%;
	color: #fff;
	display: -webkit-inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex-wrap: nowrap;
	min-width: 155px;
	height: 40px;
	line-height: 1;
	padding: 0 25px;
	outline: transparent solid 1px;
	outline-offset: -1px;
	box-shadow: none;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin: 0;
	vertical-align: middle;
	-webkit-transition: .3s;
	transition: .3s
}

.balance {
	color: #fff;
	min-height: 250px
}

.balance-orange .order-item-balance {
	background: linear-gradient(180deg, #1d2123 0, #022b40e6 100%);
	box-shadow: 0 6px 15px #022b408c
}

.balance-blue .order-item-balance {
	background: linear-gradient(180deg, #55b3ff 0, #058fff 100%);
	box-shadow: 0 10px 20px rgba(0, 109, 197, .4)
}

.balance-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 30px 25px 25px;
	border: 1px solid #faf9f9;
	border-radius: 8px;
	min-height: 208px
}

.balance-blue .balance-account-number .input-group-append .btn,
.balance-blue .balance-account-number input,
.balance-blue .balance-card {
	border-color: #81c6ff
}

.balance-card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap
}

.balance-card-title {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px
}

.balance-card-total-price {
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	margin-top: 6px
}

.balance-card-total sup {
	font-size: 14px;
	margin-left: 4px
}

.balance-card-date {
	text-align: right
}

.balance-payment,
.bottom-full,
.middle-full,
.sbadge,
.top-full {
	text-align: center
}

.balance-card-date p {
	margin-bottom: 4px
}

.balance .form-info span,
.balance-card-date p,
.balance-card-date strong {
	font-weight: 500;
	font-size: 12.5px;
	line-height: 15px
}

.balance-card-text {
	font-weight: 500;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 12px
}

.balance-card-note {
	font-weight: 600;
	font-size: 12.5px;
	line-height: 15px
}

.balance-account-title,
.balance-payment-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px
}

.balance-account-content {
	padding-left: 10px;
	padding-right: 30px
}

.balance-account-number input {
	background-color: #fff;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border: 1px solid #ffb19e
}

.balance-account-number .input-group-append .btn {
	background-color: #fff;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	padding: 8px 10px;
	border: 1px solid #ffb19e
}

.balance .form-info {
	margin-top: 30px;
	padding-top: 0
}

.balance .form-info i {
	margin-right: 10px
}

.balance-account-terminal {
	transform: translateY(38px)
}

.balance-payment-title {
	margin-bottom: 30px;
	color: #373736
}

.balance-payment {
	padding-left: 70px
}

.balance-payment-card {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.balance-payment-text {
	font-size: 14px;
	line-height: 17px;
	color: #b9bdc1;
	margin-top: 20px
}

.balance-filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(213, 213, 213, .5)
}

.balance-filter .btn {
	margin-right: 20px
}

.balance-filter .btn-link {
	font-weight: 500;
	font-size: 14px;
	line-height: 17px
}

.balance-filter .custom-select {
	min-width: 190px;
	width: auto;
	margin-bottom: 0
}

.bottom-full,
.middle-full,
.sbadge-overlay,
.top-full {
	position: absolute;
	width: 100%
}

.order-item-payment .card-body {
	padding: 40px 45px
}

.manat {
	font-family: JISAZN
}

.m-10 {
	margin: 15px
}

.sbadge-overlay {
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 11;
	-webkit-transition: width 1s, height 1s;
	-moz-transition: width 1s, height 1s;
	-o-transition: width 1s, height 1s;
	transition: width .4s, height .4s
}

.sbadge {
	margin: 0;
	padding: 7px;
	color: #fff;
	font-size: 11px;
	line-height: normal;
	text-transform: lowercase;
	background: #ed1b24
}

.sbadge::after,
.sbadge::before {
	content: "";
	position: absolute;
	top: 0;
	margin: 0 -1px;
	width: 100%;
	height: 100%;
	background: inherit;
	min-width: 55px
}

.sbadge::before {
	right: 100%
}

.sbadge::after {
	left: 100%
}

.top-left {
	position: absolute;
	top: 0;
	left: 0;
	-ms-transform: translateX(-30%) translateY(0) rotate(-45deg);
	-webkit-transform: translateX(-30%) translateY(0) rotate(-45deg);
	transform: translateX(-30%) translateY(0) rotate(-45deg);
	-ms-transform-origin: top right;
	-webkit-transform-origin: top right;
	transform-origin: top right
}

.top-right {
	position: absolute;
	top: 0;
	right: 0;
	-ms-transform: translateX(30%) translateY(0) rotate(45deg);
	-webkit-transform: translateX(30%) translateY(0) rotate(45deg);
	transform: translateX(30%) translateY(0) rotate(45deg);
	-ms-transform-origin: top left;
	-webkit-transform-origin: top left;
	transform-origin: top left
}

.bottom-left {
	position: absolute;
	bottom: 0;
	left: 0;
	-ms-transform: translateX(-30%) translateY(0) rotate(45deg);
	-webkit-transform: translateX(-30%) translateY(0) rotate(45deg);
	transform: translateX(-30%) translateY(0) rotate(45deg);
	-ms-transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right
}

.bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
	-ms-transform: translateX(30%) translateY(0) rotate(-45deg);
	-webkit-transform: translateX(30%) translateY(0) rotate(-45deg);
	transform: translateX(30%) translateY(0) rotate(-45deg);
	-ms-transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.top-full {
	top: 0;
	left: 0
}

.middle-full {
	top: 50%;
	left: 0;
	-ms-transform: translateX(0) translateY(-50%) rotate(0);
	-webkit-transform: translateX(0) translateY(-50%) rotate(0);
	transform: translateX(0) translateY(-50%) rotate(0)
}

.bottom-full {
	bottom: 0;
	left: 0
}

.sbadge.red {
	background: #ed1b24
}

.sbadge.orange {
	background: #fa7901
}

.sbadge.pink {
	background: #ee2b8b
}

.sbadge.blue {
	background: #00adee
}

.sbadge.green {
	background: #b4bd00
}