﻿@import url(css.css);

.header-top {
	background: #fff;
	font-size: 1.1rem;
	letter-spacing: -.027em;
	text-transform: capitalize;
	color: #333;
	border-bottom: 1px solid;
	border-color: rgba(238, 238, 238, .2)
}

.header-middle {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem
}

.main-tagline {
	color: #3fd9ff;
	font-size: 24px;
	font-family: "Open Sans Condensed", sans-serif;
	width: 100%;
	text-align: left
}

.sw-tagline {
	font-family: alexa-std, sans-serif;
	font-size: 20px;
	color: #ebe1c6;
	padding: 5px 10px 5px 100px;
	text-align: left;
	width: 100%
}

.header-bottom {
	color: #333;
	background: rgba(63, 217, 255, .4);
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: -.025em;
	border: 1px solid #eee
}

.logo {
	display: inline-block;
	vertical-align: middle;
	min-width: 240px
}

.font-secondary,
.text-secondary {
	font-family: "Open Sans Condensed", sans-serif !important
}

.menu>li:hover>a:not(.menu-title) {
	color: #08d
}

.category-dropdown>a {
	background: rgba(63, 217, 255, .1);
	min-width: 28rem;
	padding: 1.8rem 1.8rem 1.8rem 2rem;
	letter-spacing: -.025em;
	transition: .3s;
	text-transform: uppercase
}

.category-dropdown.show>a,
.category-dropdown:hover>a {
	color: #fff;
	background-color: #08d
}

.category-menu .megamenu {
	min-width: 24.9rem
}

#searchbar {
	display: none
}

.search-select-box,
.search-select-menu {
	position: relative
}

.search-select-box select,
.search-select-menu select {
	position: relative;
	max-width: 14.6rem;
	min-height: auto;
	width: 100%;
	height: 100%;
	padding-left: 9px;
	padding-right: 27px;
	border: 1px solid #e3e3e3;
	color: #666;
	background-color: transparent;
	font-size: 1.2rem;
	font-family: inherit;
	letter-spacing: inherit;
	z-index: 1;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer
}

.search-select-box select:focus,
.search-select-menu select:focus {
	outline: 0
}

.search-select-box:before,
.search-select-menu:before {
	content: "";
	font-family: Wolmart;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	position: absolute;
	right: 2rem;
	top: 50%;
	color: #666;
	transform: translateY(-50%)
}

.search-select-box option {
	font-size: 1.2rem
}

* .mobile-menu-container,
.mobile-menu-container .mobile-menu {
	background: #3c1f11
}

.post-content-home p {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 1.3rem;
	line-height: 1.9;
	letter-spacing: -.025em;
	margin-bottom: 1.8rem
}

.banner-big-sale .banner-price-info {
	font-weight: 500
}

.widget .widget-title {
	font-size: 3rem;
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 500
}

.category-title {
	font-size: 48px;
	padding-bottom: 20px;
	font-family: "Open Sans Condensed", sans-serif;
	color: #512411;
	display: block
}

.footer-top {
	padding: 1.6rem 0 1rem
}

.footer {
	font-size: 1.5rem;
	line-height: 1.2
}

.footer-top .widget-body li {
	line-height: .9
}

.footer-dark .category-name,
.footer-dark .widget-about .widget-about-title,
.footer-dark a {
	color: #ccc
}

.footer-top .widget-title {
	font-size: 1.8rem
}

.footer .widget-about .widget-about-call {
	font-size: 2.5rem
}

.footer-newsletter {
	padding: 1.7rem 0 1.9rem
}

.footer-newsletter .form-control {
	border: none;
	min-height: 2.5rem
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-family: Poppins, sans-serif;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	-webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

.form-group {
	margin-bottom: 1rem
}

.toolbox select {
	padding: 0 0 0 .5rem
}

.category-sort-by {
	font-size: 1.3rem;
	line-height: 1.3
}

.prodimg {
	max-height: 240px;
	width: auto
}

.filter-items {
	list-style-image: url(https://www.suwinvi.com/template/company/template01174/index_files/grey-10LL.png)
}

.filter-item-active {
	list-style-image: url(https://www.suwinvi.com/template/company/template01174/index_files/blue-10LL.png)
}

.sidebar {
	flex: 0 0 26rem;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 26rem;
	max-width: 26rem
}

.gutter-lg {
	margin-left: 5px;
	margin-right: -15px
}

.widget-title {
	position: relative;
	left: -15px
}

.post-classic .post-details,
.post-grid-type .post-details,
.post-masonry .post-details {
	padding: 1.4rem 2px 2.4rem
}

.post-content .btn {
	padding-top: .3rem;
	text-transform: lowercase;
	font-weight: 400;
	font-size: 1.3rem;
	letter-spacing: -.025em
}

.post-content .btn:active,
.post-content .btn:focus,
.post-content .btn:hover {
	color: #333
}

.post-classic .post-content,
.post-grid-type .post-content,
.post-listing .post-content,
.post-masonry .post-content {
	margin-bottom: 1.5rem
}

.post-classic .post-content p,
.post-grid-type .post-content p,
.post-listing .post-content p,
.post-masonry .post-content p {
	display: inline;
	margin-right: 1.1rem
}

.post-listing .post-details {
	padding-top: 1rem;
	padding-bottom: 1.2rem
}

.post-single .post-details {
	padding: 3.6rem 0 2.6rem
}

.post-single .post-meta {
	margin-bottom: 1.8rem
}

.post-single .post-title {
	white-space: normal
}

.post-single .post-content p {
	display: block;
	margin-bottom: 1.4rem;
	font-size: 1.4rem;
	letter-spacing: 0;
	line-height: 1.86
}

.post-single .post-content a:hover {
	color: #369;
	text-decoration: underline
}

.product-name {
	white-space: normal;
	overflow: visible
}

.product-wrap {
	margin-bottom: 1rem
}

.cart .cart-summary {
	padding: 2.3rem 3rem 3rem;
	border: 1px solid #eee;
	border-radius: 4px;
	line-height: 1
}

.cart .cart-summary .cart-title {
	margin-bottom: 2.1rem;
	font-size: 2rem;
	letter-spacing: -.01em
}

.cart .cart-summary label {
	display: block
}

.cart .cart-summary .btn-checkout {
	letter-spacing: .025em;
	padding-top: 1.07em;
	padding-bottom: 1.07em
}

.cart .form-control {
	width: 100%;
	max-width: 100%;
	border-radius: 3px
}

.cart .card-header {
	text-transform: uppercase
}

.cart .card-header a {
	padding-left: 0;
	padding-right: 0
}

.cart .card-header a::after {
	right: .5rem;
	font-size: 1.4rem;
	color: #333
}

.cart .cart-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2rem 0
}

.cart .cart-action input {
	border-color: #ccc;
	font-size: 1.4rem;
	font-weight: 600;
	padding-left: 1.3rem;
	max-width: 200px
}

.cart .cart-action .btn {
	margin-bottom: 1rem
}

.cart .cart-action .btn-clear,
.cart .cart-action .btn-update {
	padding: 1em 2em;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #333
}

.cart .cart-action .btn-clear:active,
.cart .cart-action .btn-clear:focus,
.cart .cart-action .btn-clear:hover,
.cart .cart-action .btn-update:active,
.cart .cart-action .btn-update:focus,
.cart .cart-action .btn-update:hover {
	border-color: #e1e1e1;
	background-color: #e1e1e1
}

.cart .cart-action .btn-clear {
	margin-right: 1rem
}

.cart .cart-action .btn-update.disabled {
	border-color: #eee;
	background-color: #eee;
	color: #666;
	cursor: not-allowed
}

.cart .coupon-title {
	font-size: 1.6rem
}

.cart .coupon .form-control {
	border-bottom: 1px solid #eee;
	border-radius: 0
}

.cart .coupon .form-control:focus {
	border-color: #999
}

.cart .coupon .btn {
	padding: 1em 2em;
	border-width: 1px
}

.cart-subtotal {
	line-height: 1;
	font-size: 1.6rem;
	color: #333;
	font-weight: 600;
	padding-bottom: .8rem
}

.shipping-destination {
	font-size: 1.5rem;
	margin-bottom: 2.2rem
}

.shipping-address .form-control,
.shipping-address .select-box {
	background-color: #fff;
	margin-bottom: 2rem
}

.shipping-address .form-control {
	padding: 1.15rem 1.2rem;
	font-family: Poppins, sans-serif;
	font-size: 1.3rem;
	border-color: #eee;
	color: #999
}

.shipping-address label {
	color: #333;
	text-transform: uppercase
}

.shop-table.cart-table th {
	padding: 1rem 0 1.2rem;
	letter-spacing: -.025em
}

.shop-table.cart-table .product-price {
	width: 14.3%
}

.shop-table.cart-table .product-quantity {
	width: 20.7%
}

.shop-table.cart-table .product-subtotal {
	width: 10%
}

.shop-table.cart-table .product-delete {
	width: 5%
}

.shop-table.cart-table .product-name {
	color: #333
}

.shop-table.cart-table .product-quantity .input-group {
	max-width: 120px
}

.shop-table.cart-table .btn-close {
	top: -8px;
	right: -7px
}

.shop-table.cart-table td.product-subtotal {
	font-size: 1.6rem;
	font-weight: 600;
	color: #333;
	letter-spacing: -.05em
}

.shop-table.cart-table td.product-price {
	font-weight: 400;
	font-size: 1.6rem
}

@media (max-width:575px) {
	.cart .breadcrumb {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.shop-table {
	text-align: start
}

.shop-table tbody {
	border-bottom: 1px solid #eee
}

.shop-table td {
	padding: 2rem 0;
	border-top: 1px solid #eee;
	font-size: 1.4rem
}

.shop-table tbody td:not(:first-child),
.shop-table thead th:not(:first-child) {
	padding-left: 1rem
}

.shop-table .product-thumbnail {
	width: 11rem;
	padding-right: 1rem
}

.shop-table .product-name {
	white-space: normal;
	word-break: break-word
}

.shop-table .product-thumbnail a {
	position: relative
}

.shop-table th {
	padding: 1.7rem 0 1.3rem;
	font-size: 1.6rem;
	font-weight: 600;
	color: #333;
	text-transform: capitalize;
	line-height: 1.6;
	letter-spacing: 0
}

.shop-table img {
	display: block;
	max-width: 100px
}

.shop-table .product-thumbnail>div {
	display: block;
	max-width: 10rem;
	width: 100%
}

.shop-table .btn-close {
	position: absolute;
	padding: 0;
	background: #fff;
	border: 2px solid #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
	top: -14px;
	right: -8px
}

.shop-table .btn-close i {
	color: #333;
	font-size: 12px;
	font-weight: 600;
	margin-left: 0
}

.shop-table .btn-close:hover {
	background-color: #fff
}

.shop-table .btn-close:hover i {
	color: #369
}

@media (max-width:767px) {
	.cart-table.shop-table .product-quantity {
		width: auto
	}

	.shop-table:not(.account-orders-table) {
		text-align: center
	}

	.shop-table:not(.account-orders-table) thead {
		display: none
	}

	.shop-table:not(.account-orders-table) tbody {
		border: 1px solid #eee
	}

	.shop-table:not(.account-orders-table) tbody,
	.shop-table:not(.account-orders-table) td,
	.shop-table:not(.account-orders-table) tr {
		display: block
	}

	.shop-table:not(.account-orders-table) tr {
		position: relative;
		padding: 4.2rem 2rem 4rem
	}

	.shop-table:not(.account-orders-table) tr+tr {
		border-top: 1px solid #eee
	}

	.shop-table:not(.account-orders-table) td {
		padding: 0;
		border: none
	}

	.shop-table:not(.account-orders-table) .product-quantity,
	.shop-table:not(.account-orders-table) td.product-thumbnail {
		margin-bottom: 1rem;
		width: auto
	}

	.shop-table:not(.account-orders-table) td.product-thumbnail {
		padding-right: 0
	}

	.shop-table:not(.account-orders-table) .product-name,
	.shop-table:not(.account-orders-table) .product-price,
	.shop-table:not(.account-orders-table) .product-stock-status {
		margin-bottom: 1rem
	}

	.shop-table:not(.account-orders-table) .product-thumbnail>div,
	.shop-table:not(.account-orders-table) td {
		margin-left: auto;
		margin-right: auto
	}

	.shop-table:not(.account-orders-table) .product-thumbnail>div {
		max-width: 30rem
	}

	.shop-table:not(.account-orders-table) .product-thumbnail>div img {
		max-width: 100%
	}

	.shop-table:not(.account-orders-table) .product-stock-status,
	.shop-table:not(.account-orders-table) .wishlist-action {
		width: auto
	}

	.shop-table:not(.account-orders-table) tbody td:not(:first-child),
	.shop-table:not(.account-orders-table) thead th:not(:first-child) {
		padding-left: 0
	}
}

.cart .coupon .form-control {
	border: 1px solid
}

.publish-background-orange {
	background: repeating-linear-gradient(45deg, #f6ba52, #f6ba52 10px, #ffd180 10px, #ffd180 20px);
	min-height: 50px
}

.publish-background-blue {
	background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
	min-height: 50px
}

.publish-header {
	font-size: 24px;
	font-weight: 400;
	padding: 15px 0 0 30px;
	color: #fff
}

.g-bg-white-opacity-0_6,
.g-bg-white-opacity-0_6--after::after,
.g-bg-white-opacity-0_6--hover:hover {
	background-color: rgba(255, 255, 255, .6) !important
}

.offset-1 {
	margin-left: 8.333333%
}

.offset-2 {
	margin-left: 16.666667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.333333%
}

.offset-5 {
	margin-left: 41.666667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.333333%
}

.offset-8 {
	margin-left: 66.666667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.333333%
}

.offset-11 {
	margin-left: 91.666667%
}

.offset-md-1 {
	margin-left: 8.333333%
}

@media (min-width:0) {

	.g-ml-0,
	.g-mx-0 {
		margin-left: 0 !important
	}

	.g-mt-0,
	.g-my-0 {
		margin-top: 0 !important
	}

	.g-mb-0,
	.g-my-0 {
		margin-bottom: 0 !important
	}

	.g-my-5 {
		margin-top: .35714rem !important;
		margin-bottom: .35714rem !important
	}

	.g-mt-1 {
		margin-top: .07143rem !important
	}

	.g-mt-2 {
		margin-top: .14286rem !important
	}

	.g-mt-3 {
		margin-top: .21429rem !important
	}

	.g-mt-4 {
		margin-top: .28571rem !important
	}

	.g-mt-5 {
		margin-top: .35714rem !important
	}

	.g-mt-10 {
		margin-top: .71429rem !important
	}

	.g-mt-15 {
		margin-top: 1.07143rem !important
	}

	.g-mt-20 {
		margin-top: 1.42857rem !important
	}

	.g-mb-1 {
		margin-bottom: .07143rem !important
	}

	.g-mb-2 {
		margin-bottom: .14286rem !important
	}

	.g-mb-3 {
		margin-bottom: .21429rem !important
	}

	.g-mb-4 {
		margin-bottom: .28571rem !important
	}

	.g-mb-5 {
		margin-bottom: .35714rem !important
	}

	.g-mb-6 {
		margin-bottom: .42857rem !important
	}

	.g-mb-10 {
		margin-bottom: .71429rem !important
	}

	.g-mb-15 {
		margin-bottom: 1.07143rem !important
	}

	.g-mb-30 {
		margin-bottom: 2.14286rem !important
	}

	.g-ml-1 {
		margin-left: .07143rem !important
	}

	.g-ml-2 {
		margin-left: .14286rem !important
	}

	.g-ml-3 {
		margin-left: .21429rem !important
	}

	.g-ml-4 {
		margin-left: .28571rem !important
	}

	.g-ml-5 {
		margin-left: .35714rem !important
	}

	.g-ml-10 {
		margin-left: .71429rem !important
	}

	.g-ml-30 {
		margin-left: 2.14286rem !important
	}

	.g-mr-1 {
		margin-right: .07143rem !important
	}

	.g-mr-2 {
		margin-right: .14286rem !important
	}

	.g-mr-3 {
		margin-right: .21429rem !important
	}

	.g-mr-4 {
		margin-right: .28571rem !important
	}

	.g-mr-6 {
		margin-right: .42857rem !important
	}

	.g-mr-5 {
		margin-right: .35714rem !important
	}

	.g-mr-10 {
		margin-right: .71429rem !important
	}

	.g-px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.g-pa-20 {
		padding: 1.42857rem !important
	}

	.g-px-1 {
		padding-left: .07143rem !important;
		padding-right: .07143rem !important
	}

	.g-px-2 {
		padding-left: .14286rem !important;
		padding-right: .14286rem !important
	}

	.g-px-3 {
		padding-left: .21429rem !important;
		padding-right: .21429rem !important
	}

	.g-px-4 {
		padding-left: .28571rem !important;
		padding-right: .28571rem !important
	}

	.g-px-5 {
		padding-left: .35714rem !important;
		padding-right: .35714rem !important
	}

	.g-px-6 {
		padding-left: .42857rem !important;
		padding-right: .42857rem !important
	}

	.g-px-7 {
		padding-left: .5rem !important;
		padding-right: .5rem !important
	}

	.g-px-8 {
		padding-left: .57143rem !important;
		padding-right: .57143rem !important
	}

	.g-px-9 {
		padding-left: .64286rem !important;
		padding-right: .64286rem !important
	}

	.g-px-11 {
		padding-left: .78571rem !important;
		padding-right: .78571rem !important
	}

	.g-px-12 {
		padding-left: .85714rem !important;
		padding-right: .85714rem !important
	}

	.g-px-13 {
		padding-left: .92857rem !important;
		padding-right: .92857rem !important
	}

	.g-px-14 {
		padding-left: 1rem !important;
		padding-right: 1rem !important
	}

	.g-px-16 {
		padding-left: 1.14286rem !important;
		padding-right: 1.14286rem !important
	}

	.g-px-17 {
		padding-left: 1.21429rem !important;
		padding-right: 1.21429rem !important
	}

	.g-px-18 {
		padding-left: 1.28571rem !important;
		padding-right: 1.28571rem !important
	}

	.g-px-19 {
		padding-left: 1.35714rem !important;
		padding-right: 1.35714rem !important
	}

	.g-px-10 {
		padding-left: .71429rem !important;
		padding-right: .71429rem !important
	}

	.g-px-15 {
		padding-left: 1.07143rem !important;
		padding-right: 1.07143rem !important
	}

	.g-px-20 {
		padding-left: 1.42857rem !important;
		padding-right: 1.42857rem !important
	}

	.g-px-25 {
		padding-left: 1.78571rem !important;
		padding-right: 1.78571rem !important
	}

	.g-px-30 {
		padding-left: 2.14286rem !important;
		padding-right: 2.14286rem !important
	}

	.g-px-35 {
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important
	}

	.g-px-40 {
		padding-left: 2.85714rem !important;
		padding-right: 2.85714rem !important
	}

	.g-pr-0 {
		padding-right: 0 !important
	}

	.g-pr-1 {
		padding-right: .07143rem !important
	}

	.g-pr-2 {
		padding-right: .14286rem !important
	}

	.g-pr-3 {
		padding-right: .21429rem !important
	}

	.g-pr-4 {
		padding-right: .28571rem !important
	}

	.g-pr-5 {
		padding-right: .35714rem !important
	}

	.g-pr-6 {
		padding-right: .42857rem !important
	}

	.g-pr-7 {
		padding-right: .5rem !important
	}

	.g-pr-8 {
		padding-right: .57143rem !important
	}

	.g-pr-9 {
		padding-right: .64286rem !important
	}

	.g-pr-10 {
		padding-right: .71429rem !important
	}

	.g-pr-15 {
		padding-right: 1.07143rem !important
	}

	.g-pr-20 {
		padding-right: 1.42857rem !important
	}

	.g-pr-25 {
		padding-right: 1.78571rem !important
	}

	.g-pr-30 {
		padding-right: 2.14286rem !important
	}

	.g-pr-35 {
		padding-right: 2.5rem !important
	}

	.g-pr-40 {
		padding-right: 2.85714rem !important
	}

	.form-control::placeholder {
		color: silver
	}

	.form-control::-webkit-input-placeholder {
		color: silver
	}

	.card-footer,
	.card-header {
		padding: 1.5rem 2rem;
		border-top: none;
		border-bottom: none;
		background-color: transparent
	}

	@media (min-width:768px) and (max-width:991px) {

		.card-footer,
		.card-header {
			padding: 1.25rem 1.5rem
		}
	}

	@media (max-width:767px) {

		.card-footer,
		.card-header {
			padding: 1rem 1.375rem
		}
	}

	.clearfix::after {
		content: "";
		clear: both;
		display: table
	}

	.price-thumb {
		font-size: 16px;
		font-weight: 600
	}

	.btn-search-mobile {
		margin: 0;
		padding: 0;
		min-width: 5.1rem;
		color: #333;
		border-left: 0;
		border-color: #fff;
		font-size: 1.2rem;
		font-weight: 400;
		letter-spacing: -.025em;
		text-transform: none
	}

	.btn-search-mobile i {
		font-size: 1.2rem;
		line-height: .1;
		letter-spacing: -.01em;
		font-weight: 600
	}

	.btn-search-mobile:active,
	.btn-search-mobile:focus,
	.btn-search-mobile:hover {
		color: #08d;
		background-color: transparent
	}

	.youtube-player {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		margin: 5px;
		top: -6px
	}

	.youtube-player iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: 0 0
	}

	.youtube-player img {
		object-fit: cover;
		display: block;
		left: 0;
		bottom: 0;
		margin: auto;
		max-width: 100%;
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		border: none;
		height: auto;
		cursor: pointer;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		transition: .4s
	}

	.youtube-player img:hover {
		-webkit-filter: brightness(75%)
	}

	.youtube-player .play {
		height: 48px;
		width: 68px;
		left: 50%;
		top: 50%;
		margin-left: -34px;
		margin-top: -24px;
		position: absolute;
		background: url(../image/play-button.png) no-repeat;
		cursor: pointer
	}
}

@media (max-width: 620px) {
	.sizechart {
		visibility: hidden;
	}
}

.publish-background-blue {
	background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
	min-height: 50px;
}

.checkout-right {
	margin-left: 100px;
}

@media (min-width: 575px) {
	.checkout-right {
		margin-left: 0px;
		margin-top: 25px;
	}
}

.results {
	width: 400px;
	padding-top: 10px;
	border-radius: 10px;
	border: solid thin #aaa;
	outline: none;
	z-index: 10000 !important;
	position: absolute;
	top: 83px;
	background-color: #ffffff;
}

.results div:hover {
	background-color: #00cfff;
	color: white;
	cursor: pointer;
}

.results_m {
	width: 350px;
	padding-top: 10px;
	border-radius: 10px;
	border: solid thin #aaa;
	outline: none;
	z-index: 10000 !important;
	position: absolute;
	top: 160px;
	background-color: #ffffff;
}

.results_m div:hover {
	background-color: #00cfff;
	color: white;
	cursor: pointer;
}

.hide {
	display: none;
}

.sfirst {
	width: 35px;
	padding-left: 10px;
	float: left;
	margin: auto;
	heigth: 20px !important;
}

.ssecond {
	width: 300x;
	height: 35px;
	display: flex;
	align-items: center !important;
	padding-left: 20px;
	float: left;
	margin: auto;
	overflow: hidden !important;
	white-space: nowrap !important;
	color: #666;
}

.simages {
	heigth: 20px !important;
}

.clear {
	clear: both;
}