/* buttons */
.button {
	position: relative;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 8px 0;
	height: 40px;
	border-radius: 20px;
	outline: 0;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	background-color: transparent;
	box-sizing: border-box;
	color: inherit;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
}
.button[class*="bg-"] {
	padding-left: 24px;
	padding-right: 24px;
}
.button > .ico,
.button > .flag,
.button > span {
	margin: 0 5px;
}
.button > .ico:first-child,
.button > .flag:first-child,
.button > span:first-child {
	margin-left: 0;
}
.button > .ico:last-child,
.button > .flag:last-child,
.button > span:last-child {
	margin-right: 0;
}
.button:disabled,
.button.is-disabled {
	cursor: default;
	pointer-events: none;
}
.button-m {
	padding: 3px 0;
	height: 30px;
	font-size: 12px;
}
.button-m[class*="bg-"] {
	padding-left: 20px;
	padding-right: 20px;
}
.button-s {
	padding: 0;
	height: 24px;
	font-size: 11px;
}
.button-s[class*="bg-"] {
	padding-left: 12px;
	padding-right: 12px;
}



/* paginations */
.paginations {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.paginations .button {
	margin: 0 5px;
	padding-left: 0;
	padding-right: 0;
	width: 40px;
}
.paginations .paginations-prev .ico-angle-right {
	transform: rotate(180deg);
}
@media (max-width: 599px) {
	.paginations > li .button {
		display: none;
	}
	.paginations > li .button.is-active,
	.paginations > li:first-child .button,
	.paginations > li:nth-child(2) .button,
	.paginations > li:nth-last-child(2) .button,
	.paginations > li:last-child .button {
		display: inline-flex;
	}
}



/* links */
a {
	cursor: pointer;
}
/* ----more */
.link-more {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
}
.link-more > span {
	margin: 0 5px;
	font-weight: bold;
}
.link-more > span:first-child {
	margin-left: 0;
}
.link-more > span:last-child {
	margin-right: 0;
}
.link-more:hover > span {
	text-decoration: underline;
}
/* ----underline */
.link-underline {
	text-decoration: underline;
}
/* ----links container */
.links {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.links > .line-vertical {
	margin: 0 10px;
	height: 10px;
}



/* error message */
.form-error-msg {
	display: none;
	position: absolute;
	z-index: 10;
	top: 100%;
	box-sizing: border-box;
	margin-top: 2px;
	padding: 4px 10px;
}
.form-error-msg:before {
	content: '';
	position: absolute;
	bottom: 100%;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent;
}
/* ----positions */
.form-error-msg.at-left {
	left: 0;
}
.form-error-msg.at-left:before {
	left: 10px;
}
.form-error-msg.at-right {
	right: 0;
}
.form-error-msg.at-right:before {
	right: 10px;
}



/* input text and textarea */
input.input-text::-webkit-search-cancel-button,
input.input-text::-webkit-search-decoration,
input.input-text::-ms-clear,
input.input-text[type="password"]::-ms-clear, 
input.input-text[type="password"]::-ms-reveal,
input.input-text[type="password"]::-webkit-credentials-auto-fill-button {
	display: none;
	-webkit-appearance: none;
	appearance: none;
	visibility: hidden;
	pointer-events: none;
}
.input-text,
.input-textarea {
	position: relative;
}
.input-text {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.input-text > input,
.input-textarea > textarea {
	display: block;
	margin: 1px 0;
	padding: 7px 12px;
	width: 100%;
	height: 38px;
	border-radius: 8px;
	outline: 0;
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.input-textarea > textarea {
	padding-bottom: 16px;
	height: 120px;
}
.input-text-icon {
	position: absolute;
	left: 12px;
	top: 6px;
	pointer-events: none;
}
.input-text-clear {
	position: absolute;
	top: 6px;
	right: 10px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	opacity: 0;
}
.input-text-icon ~ input {
	padding-left: 42px;
}
.input-text.has-clear > input {
	padding-right: 48px;
}
.input-text.has-clear > input:focus ~ .input-text-clear,
.input-text.has-clear.is-active .input-text-clear {
	opacity: 1;
	cursor: pointer;
}
.input-text-counter {
	position: absolute;
	right: 10px;
	bottom: 1px;
	background-color: rgba(255, 255, 255, 0.8);
}
/* ----price */
.input-text:before {
	content: attr(data-currency);
}
.input-text.is-reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.input-text.is-reverse > input {
	text-align: right;
}
.input-text[data-currency] > input {
	margin-left: 5px;
}
.input-text[data-currency].is-reverse > input {
	margin: 0 5px 0 0;
}
/* ----special */
.input-text > input[type="file"]::file-selector-button {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 0;
	padding: 2px 5px;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	background-color: #fff;
	font-size: 12px;
	line-height: 16px;
}
/* ----error */
.input-text.show-error .form-error-msg,
.input-textarea.show-error .form-error-msg {
	display: block;
}
/* ----size */
.input-text-m > input {
	padding: 4px 12px;
	height: 28px;
	font-size: 12px;
}
.input-text-m.has-clear > input {
	padding-right: 40px;
}
.input-text-m .input-text-clear {
	top: 3px;
	right: 8px;
	width: 24px;
	height: 24px;
	line-height: 24px;
}



/* dropdown */
.input-select {
	display: block;
	position: relative;
	width: 100%;
	min-width: 0;
}
.input-select select {
	display: none;
	padding: 10px;
}
.input-select-text {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	padding: 0 12px;
	border-radius: 8px;
	border-width: 1px;
	border-style: solid;
	height: 40px;
	cursor: pointer;
}
.input-select-text span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.input-select-text .ico {
	margin-left: 5px;
}
.input-select-searchbar {
	margin: 15px 15px 0 15px;
}
.input-select .input-select-no-results {
	padding: 10px 15px;
}
.input-select .menu-body {
	width: 100%;
	min-width: 250px;
}
.input-select .menu-list-cell { width: 100%; }
.input-select .menu-list {
	max-height: 350px;
}
.input-select .menu-list-link.bg-transparent-lightblue {
	cursor: pointer;
}
.input-select .menu-list-link em {
	font-weight: bold;
}
.input-select .menu-list-link.padding-left {
	padding-left: 35px !important;
}
/* ----error */
.input-select.show-error .form-error-msg {
	display: block;
}
.input-select.is-disabled { pointer-events: none; }





/* inputs, buttons combined box */
.input-combined {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	padding: 4px;
	border-radius: 8px;
	border-width: 1px;
	border-style: solid;
	height: 40px;
}
.input-combined .line-vertical {
	margin: 0 10px;
	height: 10px;
}
.input-combined .paginations .button {
	width: auto;
}
.button-combined {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	border-radius: 4px;
}
.button-combined .button {
	padding: 7px;
	border-radius: 0;
}
.button-combined .button:first-child {
	border-radius: 4px 0 0 4px;
}
.button-combined .button:last-child {
	border-radius: 0 4px 4px 0;
}



/* checkbox and radiobutton */
.input-check,
.input-radio {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	min-height: 30px;
	vertical-align: top;
	cursor: pointer;
}
.input-check-mark,
.input-radio-mark {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	border-radius: 2px;
}
.input-radio-mark {
	border-radius: 50%;
}
.input-check-text,
.input-radio-text {
	padding: 5px;
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
}
.input-check input[type="checkbox"],
.input-radio input[type="radio"] {
	position: absolute;
	z-index: 1;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.input-check:hover .input-check-text,
.input-radio:hover .input-radio-text {
	text-decoration: underline;
}
.input-check input[type="checkbox"]:checked + .input-check-mark:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 3px;
	width: 20px;
	height: 10px;
	border-width: 2px;
	border-style: solid;
	border-right: 0;
	border-radius: 2px;
	border-top: 0;
	transform: rotate(-45deg);
}
.input-check input[type="checkbox"]:indeterminate + .input-check-mark:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 4px;
	width: 20px;
	height: 10px;
	border-width: 0 0 3px 0;
	border-style: solid;
	border-radius: 2px;
	transform: rotate(0deg);
}
.input-radio input[type="radio"]:checked + .input-radio-mark:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
/* ----size */
.input-check-s,
.input-radio-s {
	padding-left: 16px;
	min-height: 16px;
}
.input-check-s .input-check-mark,
.input-radio-s .input-radio-mark {
	width: 16px;
	height: 16px;
}
.input-check-s .input-check-text,
.input-radio-s .input-radio-text {
	padding: 0 5px;
	font-size: 12px;
	line-height: 16px;
}
.input-check-s input[type="checkbox"]:checked + .input-check-mark:before {
	top: 2px;
	left: 1px;
	width: 10px;
	height: 5px;
}
.input-check-s input[type="checkbox"]:indeterminate + .input-check-mark:before {
	top: 1px;
	left: 2px;
	width: 10px;
	height: 5px;
	border-bottom-width: 2px;
}
.input-radio-s input[type="radio"]:checked + .input-radio-mark:before {
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
}
/* ----disabled */
.input-check input[type="checkbox"]:disabled + .input-check-mark,
.input-radio input[type="radio"]:disabled + .input-radio-mark {
	cursor: not-allowed;
	pointer-events: auto;
}
.input-check input[type="checkbox"]:disabled ~ .input-check-text,
.input-radio input[type="radio"]:disabled ~ .input-radio-text {
	text-decoration: none;
	cursor: not-allowed;
	pointer-events: auto;
	opacity: 0.3;
}



/* input group */
.input-group {
	position: relative;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
}
.input-group .input-text:not(:first-child) > input,
.input-group .input-text ~ .button {
	border-radius: 0 8px 8px 0;
}
.input-group .input-text:not(:last-child) > input,
.input-group .button:first-child {
	border-radius: 8px 0 0 8px;
}
.input-group .button {
	border-width: 1px;
}



/* input label */
.input-label {
	display: block;
	margin-bottom: 5px;
}



/* toggle */
.toggle {
	display: -webkit-inline-flex;
	display: inline-flex;
	position: relative;
	-webkit-align-items: center;
	align-items: center;
}
.toggle input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
.toggle > label {
	display: block;
	cursor: pointer;
}
.toggle-body {
	display: block;
	position: relative;
	border-radius: 20px;
	min-width: 74px;
	overflow: hidden;
	transform: translate3d(0,0,0);
	pointer-events: none;
}
.toggle-body-inner {
	position: relative;
	display: flex;
	width: 200%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
.toggle-body-inner:after {
	content: '';
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 50%;
	margin-left: 2px;
	width: 36px;
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
}
.toggle-handle {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	-webkit-align-items: center;
	align-items: center;
	pointer-events: none;
}
.toggle-handle.take-on { padding-left: 5px; }
.toggle-handle.take-off {
	padding-right: 5px;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.toggle input[type="checkbox"]:checked ~ .toggle-body .toggle-body-inner {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.toggle input[type="checkbox"]:checked ~ .toggle-body .toggle-body-inner:after {
	left: auto;
	right: 50%;
	margin-right: 2px;
}
/* ----size */
.toggle-m .toggle-body { min-width: 54px; }
.toggle-m .toggle-handle { height: 30px; }
.toggle-m .toggle-body-inner:after {
	border-radius: 15px;
	width: 26px;
}
.toggle-s .toggle-body,
.toggle-mini .toggle-body { min-width: 42px; }
.toggle-s .toggle-handle,
.toggle-mini .toggle-handle { height: 24px; }
.toggle-s .toggle-body-inner:after,
.toggle-mini .toggle-body-inner:after {
	border-radius: 10px;
	width: 20px;
}
/* ----disabled */
.toggle input[type="checkbox"]:disabled ~ .toggle-body {
	cursor: not-allowed;
	pointer-events: auto;
}



/* social icon */
.social-icons {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.social-icon {
	display: inline-block;
	margin: 5px 8px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}



/* scrollbar */
.scrollbar {
	padding-right: 20px;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
}
.scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 4px;
}
.scrollbar.h-300px {
	max-height: 300px;
}



/* countdown */
.section-countdown-label {
	margin-right: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.section-countdown {
	text-align: center;
}
.section-countdown span {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 16px;
	line-height: 30px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
}
.section-countdown .hh1,
.section-countdown .mm1,
.section-countdown .ss1 {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	text-align: right;
}
.section-countdown .hh2,
.section-countdown .mm2,
.section-countdown .ss2 {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align: left;
}
.section-countdown span.countdown-full-unit {
	padding: 0 5px;
	width: auto;
	border-radius: 4px;
}
.section-countdown .colon {
    display: inline-block;
	margin: 0 5px;
    vertical-align: middle;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
}



/* slab, a block with delete function */
.slabs {
	position: relative;
}
.slabs-body {
	box-sizing: border-box;
}
.slabs .slab {
	margin-top: 10px;
}
.slabs .slab:first-child {
	margin-top: 0;
}
.slab {
	position: relative;
	display: block;
}
.slab-inner {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 10px;
	padding: 10px 20px;
	min-height: 60px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.slab-h4 {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.slab-note {
	margin-top: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style: normal;
}
.slab-info {
	width: 100%;
	min-width: 0;
}
.slab-actions {
	display: none;
}
.slab-actions .button {
	width: 30px;
}
.slab-confirm {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	width: 100%;
	transform: translateX(100%);
	opacity: 0;
	transition: all 0.3s;
	cursor: default;
	pointer-events: none;
}
.slab-confirm-no,
.slab-confirm-yes {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 40%;
	height: 100%;
	opacity: 0.95;
	cursor: pointer;
}
.slab-confirm-no:hover,
.slab-confirm-yes:hover {
	opacity: 1;
}
.slab:hover .slab-inner {
	padding-right: 5px;
}
.slab:hover .slab-actions {
	display: -webkit-flex;
	display: flex;
}
.slab.is-selected .slab-inner {
	
}
.slab.is-confirm .slab-confirm {
	transform: translateX(0);
	opacity: 1;
	pointer-events: auto;
}
@media (max-width: 999px) {
	.slab-inner {
		padding-right: 5px;
	}
	.slab-actions {
		display: -webkit-flex;
		display: flex;
	}
}



/* swiper button */
/* ----for ie10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.swiper-button-prev:after,
	.swiper-button-next:after {
		font-family: 'new-desktop' !important;
		font-size: 44px;
	}
	.swiper-button-prev:after {
		content: "\f104";
	}
	.swiper-button-next:after {
		content: "\f105";
	}
}
/* ----for edge */
@supports (-ms-ime-align:auto) {
	.swiper-button-prev:after,
	.swiper-button-next:after {
		font-family: 'new-desktop' !important;
		font-size: 44px;
	}
	.swiper-button-prev:after {
		content: "\f104";
	}
	.swiper-button-next:after {
		content: "\f105";
	}
}
.swiper-button-gray,
.swiper-button-black {
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	width: 24px;
	height: 32px;
	box-sizing: border-box;
}
.swiper-button-gray:after,
.swiper-button-black:after {
	font-size: 16px;
}
.swiper-button-gray.swiper-button-prev,
.swiper-button-black.swiper-button-prev {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	left: 0;
	padding-left: 5px;
	border-radius: 0 24px 24px 0;
}
.swiper-button-gray.swiper-button-next,
.swiper-button-black.swiper-button-next {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	right: 0;
	padding-right: 5px;
	border-radius: 24px 0 0 24px;
}
.swiper-button-gray.swiper-button-disabled, 
.swiper-button-black.swiper-button-disabled {
	opacity: 0.2;
}
.swiper-button-next.swiper-button-disabled.swiper-button-lock, 
.swiper-button-prev.swiper-button-disabled.swiper-button-lock {
	opacity: 0;
}



/* showout */
.showout {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.showout-img {
	position: relative;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.showout-img img {
	display: block;
	width: 100%;
}
.showout-video {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.showout-video video {
	width: 100%;
	height: 100%;
	background: #000;
	object-fit: contain; 
}
.showout-link {
	display: block;
	width: 100%;
	height: 100%;
}
.showout-info {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	padding: 15px 20px;
	width: 100%;
	box-sizing: border-box;
}
.showout:not(.is-vertical):not(.is-horizontal) .showout-img ~ .showout-info,
.showout:not(.is-vertical):not(.is-horizontal) .showout-video ~ .showout-info {
	background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.9) 90%);
	background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.9) 90%);
}
.showout-by {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}
.showout-by-user {
	margin-right: 10px;
	overflow: hidden;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}
a.showout-by-user:hover {
	text-decoration: underline;
}
.showout-by-time {
	margin-right: 10px;
}
.showout-by > .section-left {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.showout-by > .section-right {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.showout-like {
	white-space: nowrap;
	cursor: pointer;
}
.showout-title,
.showout-intro {
	display: block;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
	text-decoration: none;
	overflow: hidden;
	max-height: 4.2em;
	-webkit-line-clamp: 3;
}
.showout-title {
	margin-bottom: 5px;
	font-weight: bold;
}
a.showout-title:hover {
	text-decoration: underline;
}
.showout-info .tag,
.showout-info .goods-price,
.showout-info .goods-bullets,
.showout-intro {
	margin-bottom: 10px;
}
.showout-title:last-child,
.showout-intro:last-child,
.showout-info .tag:last-child {
	margin-bottom: 0;
}
.showout > .ico-play {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 48px;
	text-shadow: 0px 0px 1px #000;
	cursor: pointer;
}
.showout > .ico-clone {
	position: absolute;
	z-index: 2;
	top: 12px;
	right: 12px;
	color: #fff;
	font-size: 20px;
	transform: scaleX(-1);
	cursor: pointer;
}
/* ----size and content position */
.showout.h-120px {
	height: 120px;
}
.showout.h-100 {
	height: 100%;
}
.showout.h-auto {
	height: auto;
}
.showout.is-center .showout-info {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	top: 0;
	text-align: center;
	pointer-events: none;
}
.showout.is-center .showout-info > * {
	pointer-events: auto;
}
/* ----animations */
.showout.hover-scale .showout-img img {
	transform: scale(1.4);
	transition: transform 0.3s;
}
.showout.hover-scale:hover .showout-img img {
	transform: scale(1.5);
}
/* ----layout */
.showout.is-vertical {
	-webkit-flex-direction: column;
	flex-direction: column;
	min-height: 100%;
}
.showout.is-vertical .showout-info {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
}
.showout.is-vertical .showout-title,
.showout.is-vertical .goods-bullets {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}
.showout.is-vertical .showout-img,
.showout.is-vertical .showout-video {
	height: 220px;
	overflow: hidden;
}
.showout.is-vertical .goods-price {
	height: 28px;
}
/* ----box */
.showout-box {
	overflow: hidden;
}
.showout-box .grid.gap-20px {
	margin: 0 -10px -20px -10px;
}
.showout-box .grid.direction-column .grid-col {
	position: relative;
}
.showout-box .grid.direction-column .showout {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/* ----point */
.showout .showout-point {
	position: absolute;
	z-index: 5;
}
.showout-point-dot {
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: rgba(225, 225, 225, 0.4);
	cursor: pointer;
}
.showout-point-dot:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #fff;
}
/* ----top */
.menu.at-top > .menu-body {
	bottom: 100%;
	left: 0;
	margin-bottom: 10px;
}
.showout-point.at-top .showout-point-dot .menu-arrow,
.showout-point.at-top .showout-point-dot .menu-arrow:before {
	border-width: 12px 11px 0 11px;
}
.showout-point.at-top .showout-point-dot .menu-arrow {
	display: none;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
}
.showout-point.at-top .showout-point-dot .menu-arrow:before {
	bottom: 1px;
	left: -11px;
}
/* ----bottom */
.showout-point.menu.at-bottom .showout-point-dot .menu-arrow,
.showout-point.menu.at-bottom .showout-point-dot .menu-arrow:before {
	border-width: 0 11px 12px 11px;
}
.showout-point.menu.at-bottom .showout-point-dot .menu-arrow {
	display: none;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
}
.showout-point.menu.at-bottom .showout-point-dot .menu-arrow:before {
	top: 1px;
	left: -11px;
}
/* ----right */
.showout-point.at-right > .menu-body {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	margin-left: 10px;
}
.showout-point.at-right .showout-point-dot .menu-arrow,
.showout-point.at-right .showout-point-dot .menu-arrow:before {
	border-width: 11px 12px 11px 0;
}
.showout-point.at-right .showout-point-dot .menu-arrow {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
}
.showout-point.at-right .showout-point-dot .menu-arrow:before {
	top: -11px;
	left: 1px;
}
/* ----left */
.showout-point.at-left > .menu-body {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	margin-right: 10px;
}
.showout-point.at-left .showout-point-dot .menu-arrow,
.showout-point.at-left .showout-point-dot .menu-arrow:before {
	border-width: 11px 0 11px 12px;
}
.showout-point.at-left .showout-point-dot .menu-arrow {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
}
.showout-point.at-left .showout-point-dot .menu-arrow:before {
	top: -11px;
	right: 1px;
}
/* ----content */
.showout-point.menu .menu-body {
	-webkit-align-items: center;
	align-items: center;
	z-index: auto;
	padding: 20px;
}
.showout-point .goods-title {
	width: 230px;
	font-weight: normal;
}
.showout-point-price {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	font-weight: bold;
}
.showout-point.menu.is-active .menu-body,
.showout-point.menu:hover .menu-body {
	display: -webkit-flex;
	display: flex;
}
.showout-point.menu.is-active,
.showout-point.menu:hover { z-index: 10; }
.showout-point.menu.is-active .showout-point-dot,
.showout-point.menu:hover .showout-point-dot { background-color: rgba(224,94,0,0.50); }
.showout-point.menu.is-active .showout-point-dot:before,
.showout-point.menu:hover .showout-point-dot:before { background-color: #E05E00; }
.showout-point.menu.is-active .menu-body,
.showout-point.menu:hover .menu-body { background-color: #E05E00; }
.showout-point.menu.at-top.is-active .showout-point-dot .menu-arrow:before,
.showout-point.menu.at-top:hover .showout-point-dot .menu-arrow:before { border-top-color: #E05E00; }
.showout-point.menu.at-bottom.is-active .showout-point-dot .menu-arrow:before,
.showout-point.menu.at-bottom:hover .showout-point-dot .menu-arrow:before { border-bottom-color: #E05E00; }
.showout-point.menu.at-right.is-active .showout-point-dot .menu-arrow:before,
.showout-point.menu.at-right:hover .showout-point-dot .menu-arrow:before { border-right-color: #E05E00; }
.showout-point.menu.at-left.is-active .showout-point-dot .menu-arrow:before,
.showout-point.menu.at-left:hover .showout-point-dot .menu-arrow:before { border-left-color: #E05E00; }
.showout-point.menu.is-active .showout-point-dot .menu-arrow,
.showout-point.menu:hover .showout-point-dot .menu-arrow { display: block; }



/* chart */
.percent {
	position: relative;
	width: 100px;
	height: 100px;
}
.circle-percent {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border-radius: 100%;
	border-width: 2px;
	border-style: solid;
	background: transparent;
	text-align: center;
}
.circle-percent .num {
	display: none;
}
.circle-percent .canvas {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}



/* tabs */
/* ----style: short-line */
.tab-style-shortline .swiper-slide {
	width: auto;
}
.tab-style-shortline .tab-cell {
	display: block;
	padding: 0 15px;
	box-sizing: border-box;
	cursor: pointer;
}
.tab-style-shortline .tab-cell-title {
	position: relative;
	display: block;
	padding-bottom: 9px;
	text-align: center;
}
.tab-style-shortline .tab-cell:hover .tab-cell-title {
	text-decoration: underline;
}
.tab-style-shortline .tab-cell.is-active .tab-cell-title {
	color: #CC4100;
}
.tab-style-shortline .tab-cell.is-active .tab-cell-title:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 24px;
	height: 4px;
	border-radius: 2px;
	background: #CC4100;
}
/* ----style: buttons */
.tab-style-button .swiper-slide {
	padding-right: 20px;
	width: auto;
}
.tab-style-button .tab-cell {
	font-weight: normal;
	text-transform: capitalize;
}
@media (max-width: 599px) {
	.tab-style-button .swiper-slide {
		padding-right: 10px;
	}
}




/* breadcrumbs, page navigation */
.breadcrumbs {
	padding: 0 20px;
}
.breadcrumbs > ol {
	list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.breadcrumbs > ol > li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.breadcrumbs > ol > li > a:hover {
	text-decoration: underline;
}
.breadcrumbs > ol > li + li:before {
	font-family: 'new-desktop';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f105";
	margin: 0 10px;
	font-size: 12px;
}
.breadcrumbs > ol > li > h1,
.breadcrumbs > ol > li > h2 {
	display: inline;
	font-weight: bold;
	font-size: 14px;
}
.page-nav {
	position: relative;
	padding: 20px 0;
}
.page-nav > .page-content-inner {
	padding-left: 10px;
	padding-right: 10px;
}
.page-nav .section-title {
	margin-top: 10px;
	margin-bottom: 0;
}
.page-nav .section-title .section-right .button + .button {
	margin-left: 10px;
}




/* filter list, base on menu-list */
.filter-side .menu-list-cell {
	width: 100%;
}
.filter-list > ul,
.filter-list > .button,
.filter-list .menu-sublist {
	display: none;
}
.filter-list-title,
.filter-list-cell,
.filter-list-price-range {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 5px 0;
	box-sizing: border-box;
}
.filter-list-title {
	min-height: 40px;
	cursor: pointer;
}
.filter-list-title-text {
	overflow: hidden;
	font-weight: bold;
	text-overflow: ellipsis;
}
.filter-list-title .ico-angle-down {
	transform: rotate(0deg);
	transition: transform 0.3s;
	font-size: 16px;
}
.filter-list-cell {
	min-height: 36px;
}
.filter-list-cell .ico-angle-down {
	width: 40px;
	text-align: right;
	cursor: pointer;
}
.filter-list-cell .ico-angle-down:before {
	display: inline-block;
	transform: rotate(0deg);
	transition: transform 0.3s;
}
.filter-list-cell.is-active .ico-angle-down:before {
	transform: rotate(180deg);
}
.filter-list-more {
	display: none;
}
.filter-list-show-more {
	font-weight: 300;
}
.filter-list-apply {
	position: absolute;
	right: 0;
}
.filter-list-price-range {
	padding: 0 0 0 10px;
	max-width: 300px;
}
.filter-list .filter-list-price-range .line-horizontal {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin: 0 5px;
	width: 5px;
	opacity: 1;
}
.filter-list-cell .menu-list-link {
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: 5px;
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.filter-list-cell .input-check {
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.grid-col > .filter-list-cell {
	padding-left: 15px;
	padding-right: 15px;
}
/* ----no action */
.filter-list.no-action .filter-list-title {
	cursor: default;
}
.filter-list.no-action .filter-list-title .ico-angle-down {
	display: none;
}
/* ----active */
.filter-list.is-active > ul:not(.filter-list-more) {
	display: block;
}
.filter-list.is-active > .button {
	display: inline-flex;
}
.filter-list.is-active .filter-list-title .ico-angle-down {
	transform: rotate(180deg);
}
/* ----show more */
.filter-list.is-active.show-more > .filter-list-more {
	display: block;
}
/* ----filter list bar */
.filter-list-bar.tab-style-button {
	position: relative;
	padding: 5px 60px 5px 10px;
}
.filter-list-bar.tab-style-button .swiper-slide {
	padding-right: 5px;
}
.filter-list-bar.tab-style-button .swiper-slide .button {
	padding-left: 10px;
	padding-right: 10px;
}
.filter-list-bar-search-btn {
	position: absolute;
	top: 5px;
	right: 10px;
}
.filter-list-bar-search-box {
	position: absolute;
	z-index: 2;
	top: 2px;
	left: 10px;
	right: 5px;
	width: auto;
}
.modal-body .filter-list-bar ~ .menu-list.scrollbar {
	max-height: calc(100vh - 280px);
}
/* ----menu */
.filter-side .menu-level-5.menu:after {
	font-family: 'new-desktop';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f105";
	color: #adadad;
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
}
.filter-side .menu-level-5.menu .menu-list-cell {
	width: 250px;
}
@media (min-width: 1000px) {
	.filter-side .menu-list-container.auto-flex.scrollbar {
		overflow: visible;
	}
	
	.filter-side .menu-level-5.menu.at-right > .menu-body {
		top: -16px;
		transform: translateY(0);
	}
	.filter-side .menu-level-5.menu.at-right > .menu-body > .menu-arrow {
		top: 35px;
	}
}
@media (max-width: 999px) {
	.filter-side > .menu-list-container {
		padding-top: 0;
	}
	.filter-side .menu-level-5.menu .menu-list-cell {
		width: 100%;
	}
	.filter-side .menu-level-5 > .menu-list-link {
		margin-right: 40px;
	}
	.filter-side .menu-level-5.menu:after {
		top: 1px;
		right: 0;
		transform: rotate(90deg);
		width: 38px;
		height: 38px;
		line-height: 38px;
		text-align: center;
		background: #f7f7f7;
	}
	.filter-side .menu-level-5.menu.is-active:after {
		transform: rotate(-90deg);
	}
	.filter-side .menu-level-5.menu > .menu-body > .menu-arrow {
		display: none;
	}
	.filter-side .menu-level-5.menu > .menu-body {
		position: static;
		transform: none;
		margin: 0;
		box-shadow: none;
	}
	.filter-side .menu-level-5.menu .menu-list-container {
		padding: 0 0 0 15px;
		background-color: #f7f7f7;
	}
	.filter-side .menu-level-5.menu .menu-list-container-inner {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.dark-mode .filter-side .menu-level-5.menu:after,
	.dark-mode .filter-side .menu-level-5.menu .menu-list-container {
		background-color: #424242;
	}
}
@media (max-width: 599px) {
	.filter-side .filter-bar-selecteds {
		display: block;
	}
	.filter-side .filter-bar-selecteds > li {
		display: block;
		margin: 0 0 10px 0;
	}
	.filter-side .filter-bar-selecteds > li > label {
		display: block;
		margin: 0 0 5px 0;
	}
	.filter-side .filter-bar-selecteds-value {
		display: inline-flex;
		justify-content: space-between;
		margin-right: 0;
	}
}



/* filter bar */
.filter-bar {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 20px 20px 20px;
	padding: 15px 10px;
}
.filter-bar-cell {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
	padding: 5px 10px;
}
.filter-bar-cell .filter-bar-cell {
	padding: 0 10px;
}
.filter-bar-cell .filter-bar-cell:first-child {
	padding-left: 0;
}
.filter-bar-cell .filter-bar-cell:last-child {
	padding-right: 0;
}
.filter-bar-cell .input-label {
	margin-bottom: 0;
	margin-right: 10px;
	white-space: nowrap;
}
.filter-bar-cell > .line-vertical {
	margin-right: 10px;
	height: 10px;
}
.filter-bar-cell.width-100 {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.filter-bar-selecteds {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
}
.filter-bar-selecteds > li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 10px 0 0;
}
.filter-bar-selecteds > li > label {
	margin-right: 5px;
}
.filter-bar-selecteds-value {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 2px 5px 2px 0;
	padding: 0 0 0 10px;
	line-height: 30px;
}
.filter-bar-selecteds-value > .ico-times {
	margin-left: 5px;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
}



/* change to a popup style */
@media (max-width: 999px) {
	.s-popup {
		position: fixed;
		z-index: -1;
		top: 30px;
		left: 30px;
		bottom: 30px;
		right: 30px;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 0 15px 15px 15px;
		margin: auto;
		width: auto !important;
		max-width: 500px !important;
		box-sizing: border-box;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s;
	}
	.s-popup.is-active {
		z-index: 1600;
		opacity: 1;
		pointer-events: auto;
	}
	.s-popup .modal-header {
		margin-left: 15px;
		margin-right: 15px;
	}
	.s-popup .menu-list-cell {
		width: 100%;
	}
}
@media (max-width: 599px) {
	.s-popup {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 0;
	}
	.filter-bar {
		margin: 0 8px 8px 8px;
		padding: 8px 0px;
	}
}




/* International Flags
================================*/
.flag {
	display: inline-block;
    /*
	background-image: url("https://c1.neweggimages.com/WebResource/Themes/images/icons/spr_flags.png");*/
    background-image: url("https://promotions.newegg.com/international/global/images/global_flags.png");
	background-repeat: no-repeat;
	width: 30px;
	height: 20px;
	overflow: hidden;
	vertical-align: middle;
}
.af { background-position: 0 0; }
.WW { background-position: -20px 0; }
.WW { background-position: -40px 0; }
.al { background-position: -60px 0; }
.WW { background-position: -80px 0; }
.dz { background-position: -100px 0; }
.as { background-position: -120px 0; }
.ad { background-position: -140px 0; }
.ao { background-position: -160px 0; }
.ai { background-position: -180px 0; }
.WW { background-position: -200px 0; }
.ag { background-position: -220px 0; }
.WW { background-position: -240px 0; }
.ar { background-position: -260px 0; }
.am { background-position: -280px 0; }
.aw { background-position: -300px 0; }
.WW { background-position: -320px 0; }
.au { background-position: -340px 0; }
.at { background-position: -360px 0; }
.az { background-position: -380px 0; }
.bs { background-position: -400px 0; }
.bh { background-position: -420px 0; }
.bd { background-position: -440px 0; }
.bb { background-position: -460px 0; }
.WW { background-position: -480px 0; }
.by { background-position: 0 -20px; }
.be { background-position: -20px -20px; }
.bz { background-position: -40px -20px; }
.bj { background-position: -60px -20px; }
.bm { background-position: -80px -20px; }
.bt { background-position: -100px -20px; }
.bo { background-position: -120px -20px; }
.ba { background-position: -140px -20px; }
.bw { background-position: -160px -20px; }
.WW { background-position: -180px -20px; }
.br { background-position: -200px -20px; }
.io { background-position: -220px -20px; }
.bn { background-position: -240px -20px; }
.bg { background-position: -260px -20px; }
.bf { background-position: -280px -20px; }
.bi { background-position: -300px -20px; }
.kh { background-position: -320px -20px; }
.cm { background-position: -340px -20px; }
.ca { background-position: -360px -20px; }
.cv { background-position: -380px -20px; }
.WW { background-position: -400px -20px; }
.WW { background-position: -420px -20px; }
.ky { background-position: -440px -20px; }
.cf { background-position: -460px -20px; }
.td { background-position: -480px -20px; }
.cl { background-position: 0 -40px; }
.cn { background-position: -20px -40px; }
.cx { background-position: -40px -40px; }
.WW { background-position: -60px -40px; }
.cc { background-position: -80px -40px; }
.co { background-position: -100px -40px; }
.WW { background-position: -120px -40px; }
.km { background-position: -140px -40px; }
.cg { background-position: -160px -40px; }
.WW { background-position: -180px -40px; }
.ck { background-position: -200px -40px; }
.cr { background-position: -220px -40px; }
.ci { background-position: -240px -40px; }
.hr { background-position: -260px -40px; }
.cu { background-position: -280px -40px; }
.WW { background-position: -300px -40px; }
.cy { background-position: -320px -40px; }
.cz { background-position: -340px -40px; }
.dk { background-position: -360px -40px; }
.dj { background-position: -380px -40px; }
.dm { background-position: -400px -40px; }
.do { background-position: -420px -40px; }
.ec { background-position: -440px -40px; }
.eg { background-position: -460px -40px; }
.sv { background-position: -480px -40px; }
.WW { background-position: 0 -60px; }
.gq { background-position: -20px -60px; }
.er { background-position: -40px -60px; }
.ee { background-position: -60px -60px; }
.et { background-position: -80px -60px; }
.eu { background-position: -100px -60px; }
.fk { background-position: -120px -60px; }
.WW { background-position: -140px -60px; }
.WW { background-position: -160px -60px; }
.fj { background-position: -180px -60px; }
.fi { background-position: -200px -60px; }
.fr { background-position: -220px -60px; }
.tf { background-position: -240px -60px; }
.gf { background-position: -260px -60px; }
.ga { background-position: -280px -60px; }
.WW { background-position: -300px -60px; }
.gm { background-position: -320px -60px; }
.ge { background-position: -340px -60px; }
.de { background-position: -360px -60px; }
.gh { background-position: -380px -60px; }
.gi { background-position: -400px -60px; }
.gr { background-position: -420px -60px; }
.gl { background-position: -440px -60px; }
.gd { background-position: -460px -60px; }
.WW { background-position: -480px -60px; }
.gt { background-position: 0 -80px; }
.gu { background-position: -20px -80px; }
.gg { background-position: -40px -80px; }
.gn { background-position: -60px -80px; }
.gw { background-position: -80px -80px; }
.gy { background-position: -100px -80px; }
.ht { background-position: -120px -80px; }
.WW { background-position: -140px -80px; }
.hn { background-position: -160px -80px; }
.hk { background-position: -180px -80px; }
.hu { background-position: -200px -80px; }
.WW { background-position: -220px -80px; }
.is { background-position: -240px -80px; }
.WW { background-position: -260px -80px; }
.in { background-position: -280px -80px; }
.id { background-position: -300px -80px; }
.ir { background-position: -320px -80px; }
.iq { background-position: -340px -80px; }
.ie { background-position: -360px -80px; }
.WW { background-position: -380px -80px; }
.WW { background-position: -400px -80px; }
.il { background-position: -420px -80px; }
.it { background-position: -440px -80px; }
.jm { background-position: -460px -80px; }
.jp { background-position: -480px -80px; }
.je { background-position: 0 -100px; }
.jo { background-position: -20px -100px; }
.kz { background-position: -40px -100px; }
.ke { background-position: -60px -100px; }
.ki { background-position: -80px -100px; }
.WW { background-position: -100px -100px; }
.kw { background-position: -120px -100px; }
.kg { background-position: -140px -100px; }
.WW { background-position: -160px -100px; }
.lv { background-position: -180px -100px; }
.lb { background-position: -200px -100px; }
.ls { background-position: -220px -100px; }
.lr { background-position: -240px -100px; }
.WW { background-position: -260px -100px; }
.li { background-position: -280px -100px; }
.lt { background-position: -300px -100px; }
.lu { background-position: -320px -100px; }
.WW { background-position: -340px -100px; }
.mk { background-position: -360px -100px; }
.mg { background-position: -380px -100px; }
.mw { background-position: -400px -100px; }
.my { background-position: -420px -100px; }
.mv { background-position: -440px -100px; }
.ml { background-position: -460px -100px; }
.mt { background-position: -480px -100px; }
.mh { background-position: 0 -120px; }
.mq { background-position: -20px -120px; }
.mr { background-position: -40px -120px; }
.mu { background-position: -60px -120px; }
.yt { background-position: -80px -120px; }
.mx { background-position: -100px -120px; }
.fm { background-position: -120px -120px; }
.md { background-position: -140px -120px; }
.mc { background-position: -160px -120px; }
.mn { background-position: -180px -120px; }
.me { background-position: -200px -120px; }
.ms { background-position: -220px -120px; }
.ma { background-position: -240px -120px; }
.mz { background-position: -260px -120px; }
.mm { background-position: -280px -120px; }
.na { background-position: -300px -120px; }
.WW { background-position: -320px -120px; }
.nr { background-position: -340px -120px; }
.np { background-position: -360px -120px; }
.an { background-position: -380px -120px; }
.nl { background-position: -400px -120px; }
.WW { background-position: -420px -120px; }
.nz { background-position: -440px -120px; }
.ni { background-position: -460px -120px; }
.ne { background-position: -480px -120px; }
.ng { background-position: 0 -140px; }
.nu { background-position: -20px -140px; }
.nf { background-position: -40px -140px; }
.WW { background-position: -60px -140px; }
.WW { background-position: -80px -140px; }
.WW { background-position: -100px -140px; }
.mp { background-position: -120px -140px; }
.no { background-position: -140px -140px; }
.WW { background-position: -160px -140px; }
.WW { background-position: -180px -140px; }
.WW { background-position: -200px -140px; }
.om { background-position: -220px -140px; }
.WW { background-position: -240px -140px; }
.pk { background-position: -260px -140px; }
.pw { background-position: -280px -140px; }
.WW { background-position: -300px -140px; }
.pa { background-position: -320px -140px; }
.pg { background-position: -340px -140px; }
.py { background-position: -360px -140px; }
.pe { background-position: -380px -140px; }
.ph { background-position: -400px -140px; }
.pn { background-position: -420px -140px; }
.pl { background-position: -440px -140px; }
.pt { background-position: -460px -140px; }
.pr { background-position: -480px -140px; }
.qa { background-position: 0 -160px; }
.WW { background-position: -20px -160px; }
.WW { background-position: -40px -160px; }
.ro { background-position: -60px -160px; }
.ru { background-position: -80px -160px; }
.rw { background-position: -100px -160px; }
.WW { background-position: -120px -160px; }
.WW { background-position: -140px -160px; }
.lc { background-position: -160px -160px; }
.WW { background-position: -180px -160px; }
.WW { background-position: -200px -160px; }
.ws { background-position: -220px -160px; }
.sm { background-position: -240px -160px; }
.st { background-position: -260px -160px; }
.sa { background-position: -280px -160px; }
.WW { background-position: -300px -160px; }
.sn { background-position: -320px -160px; }
.rs { background-position: -340px -160px; }
.sc { background-position: -360px -160px; }
.sl { background-position: -380px -160px; }
.sg { background-position: -400px -160px; }
.WW { background-position: -420px -160px; }
.sk { background-position: -440px -160px; }
.si { background-position: -460px -160px; }
.sb { background-position: -480px -160px; }
.so { background-position: 0 -180px; }
.xs { background-position: -20px -180px; }
.za { background-position: -40px -180px; }
.WW { background-position: -60px -180px; }
.kp { background-position: -80px -180px; }
.WW { background-position: -100px -180px; }
.es { background-position: -120px -180px; }
.lk { background-position: -140px -180px; }
.kn { background-position: -160px -180px; }
.vc { background-position: -180px -180px; }
.sd { background-position: -200px -180px; }
.sr { background-position: -220px -180px; }
.sj { background-position: -240px -180px; }
.sz { background-position: -260px -180px; }
.se { background-position: -280px -180px; }
.ch { background-position: -300px -180px; }
.sy { background-position: -320px -180px; }
.WW { background-position: -340px -180px; }
.tw { background-position: -360px -180px; }
.tj { background-position: -380px -180px; }
.tz { background-position: -400px -180px; }
.th { background-position: -420px -180px; }
.WW { background-position: -440px -180px; }
.tg { background-position: -460px -180px; }
.tk { background-position: -480px -180px; }
.to { background-position: 0px -200px; }
.tt { background-position: -20px -200px; }
.WW { background-position: -40px -200px; }
.tn { background-position: -60px -200px; }
.tr { background-position: -80px -200px; }
.tm { background-position: -100px -200px; }
.tc { background-position: -120px -200px; }
.tv { background-position: -140px -200px; }
.ug { background-position: -160px -200px; }
.ua { background-position: -180px -200px; }
.WW { background-position: -200px -200px; }
.WW { background-position: -220px -200px; }
.ae { background-position: -240px -200px; }
.gb { background-position: -260px -200px; }
.WW { background-position: -280px -200px; }
.WW { background-position: -300px -200px; }
.us { background-position: -320px -200px; }
.uy { background-position: -340px -200px; }
.uz { background-position: -360px -200px; }
.vu { background-position: -380px -200px; }
.va { background-position: -400px -200px; }
.ve { background-position: -420px -200px; }
.vn { background-position: -440px -200px; }
.vg { background-position: -460px -200px; }
.vi { background-position: -480px -200px; }
.WW { background-position: 0 -220px; }
.WW { background-position: -20px -220px; }
.eh { background-position: -40px -220px; }
.WW { background-position: -60px -220px; }
.WW { background-position: -80px -220px; }
.ye { background-position: -100px -220px; }
.zm { background-position: -120px -220px; }
.zw { background-position: -140px -220px; }
.tp { background-position: -160px -220px; }
.fo { background-position: -180px -220px; }
.gp { background-position: -200px -220px; }
.kr { background-position: -220px -220px; }
.la { background-position: -240px -220px; }
.ly { background-position: -260px -220px; }
.mo { background-position: -280px -220px; }
.ic { background-position: -320px -220px; }
.cd { background-position: -340px -220px; }
.xy { background-position: -360px -220px; }
.pf { background-position: -380px -220px; }
.sh { background-position: -400px -220px; }
.re { background-position: -220px -60px; }
.pm { background-position: -220px -60px; }
.wf { background-position: -220px -60px; }
.nc { background-position: -220px -60px; }