/* ======================= Design Properties Variables ======================= */
:root
{
	--theme-color: #009fe3;
	--theme-color-r: 0;
	--theme-color-g: 159;
	--theme-color-b: 227;
	--theme-color-secondary: #ff5313;
	--theme-color-secondary-r: 255;
	--theme-color-secondary-g: 83;
	--theme-color-secondary-b: 19;
	--theme-color-white: #FFFFFF;
	--theme-color-white-r: 255;
	--theme-color-white-g: 255;
	--theme-color-white-b: 255;
	--theme-color-black: #000000;
	--theme-color-black-r: 0;
	--theme-color-black-g: 0;
	--theme-color-black-b: 0;
}

/* ======================= HTML Style Override ======================= */
html,
body
{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: 'Arial';
	font-size: 1rem;
	letter-spacing: .0;
	line-height: 120%;
}

a
{
	color: black;
	text-decoration: none;
	cursor: pointer;
	transition: color .35s, text-decoration .35s;
}
a.light
{
	color: white;
	text-decoration: none;
	transition: color .35s;
}
a.text-theme
{
	color: var(--theme-color);
	text-decoration: none;
	transition: color .35s, text-decoration .35s;
}
a.text-theme:hover
{
	color: var(--theme-color-black);
	text-decoration: none;
}
a:hover
{
	color: var(--theme-color);
	text-decoration: none;
}
a:focus,
a:active
{
	text-decoration: none;
}

label:not(.no-style)
{
	margin-bottom: .5rem;
	font-size: .9rem;
	font-weight: normal;
	line-height: 100%;
}

input[type='text']:not(.no-style),
input[type='search']:not(.no-style),
input[type='email']:not(.no-style),
input[type='password']:not(.no-style),
input[type='number']:not(.no-style),
input[type='color']:not(.no-style),
input[type='file']:not(.no-style),
select:not(.no-style),
textarea:not(.no-style),
.select-arrow
{
	position: relative;
	background-color: #F7F7F7;
	width: 100%;
	padding: .25rem .4rem;
	border: 1px solid #BBB;
	margin-bottom: .65rem;
	font-size: .8rem;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	transition: border .35s;
}
input[type='color']:not(.no-style)
{
	width: 1.5rem;
	padding: .05rem .1rem;
	font-size: 1.25rem;
}

input[type='text']:not(.no-style):focus,
input[type='search']:not(.no-style):focus,
input[type='email']:not(.no-style):focus,
input[type='password']:not(.no-style):focus,
input[type='number']:not(.no-style):focus,
input[type='color']:not(.no-style):focus,
input[type='file']:not(.no-style):focus,
select:not(.no-style):focus,
textarea:not(.no-style):focus
{
	border-color: #333;
}

.select-arrow
{
	position: relative;
	display: inline-block;
	padding: 0;
}

.select-arrow select
{
	background: transparent;
	border: none;
	padding-right: 1.85rem;
	margin-bottom: 0;
}

.select-arrow:after
{
	content: "\f0d7";
	position: absolute;
	background: linear-gradient(to top right, #FAFAFA, #FFF);
	padding: 0 .35rem;
	border: 1px solid #BBB;
	top: 1px;
	right: 1px;
	bottom: 1px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 1rem;
	color: #555;
	pointer-events: none;
}

/* ======================= Class Overrides ======================= */
.container
{
	position: relative;
}

/* Button */
button,
input[type='submit'],
.btn
{
	position: relative;
	background-color: var(--theme-color);
	padding: .35rem .65rem;
	border: none;
	border-radius: 5px;
	font-size: .9rem;
	color: white;
	outline: 0;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color .35s, color .35s;
}
button:hover,
input[type='submit']:hover,
.btn:hover
{
	background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), .65);
	color: white;
	outline: none;
}
button:active,
input[type='submit']:active,
.btn:active
{
	background-color: var(--theme-color-secondary);
	color: white;
	outline: none;
}

button.btn-theme-secondary,
input[type='submit'].btn.btn-theme-secondary,
.btn.btn-theme-secondary
{
	background-color: var(--theme-color-secondary);
	color: white;
}
button.btn-theme-secondary:hover,
input[type='submit'].btn.btn-theme-secondary:hover,
.btn.btn-theme-secondary:hover
{
	background-color: rgba(var(--theme-color-secondary-r), var(--theme-color-secondary-g), var(--theme-color-secondary-b), .75);
}
button.btn-theme-secondary:active,
input[type='submit'].btn.btn-theme-secondary:active,
.btn.btn-theme-secondary:active
{
	background-color: var(--theme-color);
}

button.btn-contactus-send,
.btn.btn-contactus-send
{
	background-color: #FFA17D;
	padding: .35rem .75rem;
	border-radius: 0;
	font-weight: bold;
	color: white;
}
button.btn-contactus-send:before,
.btn.btn-contactus-send:before
{
	content: "";
	position: absolute;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	top: 1px;
	left: 1px;
	border: 1px solid white;
}
button.btn-contactus-send:hover,
.btn.btn-contactus-send:hover
{
	background-color: #DF5454;
}

button.btn-yellow,
.btn.btn-yellow
{
	background: #fdaa02;
	padding: .35rem .75rem;
	border-radius: 0;
	font-weight: bold;
	color: white;
	transition: background .35s;
}
button.btn-yellow:before,
.btn.btn-yellow:before
{
	content: "";
	position: absolute;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	top: 1px;
	left: 1px;
	border: 1px solid white;
}
button.btn-yellow:hover,
.btn.btn-yellow:hover
{
	background: #fe9702;
}

button.btn-black,
.btn.btn-black
{
	background: #6f6f6f;
	padding: .35rem .75rem;
	border-radius: 0;
	font-weight: bold;
	color: white;
	transition: background .35s;
}
button.btn-black:before,
.btn.btn-black:before
{
	content: "";
	position: absolute;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	top: 1px;
	left: 1px;
	border: 1px solid #AAA;
}
button.btn-black:hover,
.btn.btn-black:hover
{
	background: #292929;
}

.btn.btn-cart-continue
{
	padding: .5rem 1rem;
	font-size: 1.1rem;
}

button.btn-arrow-right,
.btn.btn-arrow-right
{
	padding-right: 2.15rem;
	transition: padding .35s;
}
button.btn-arrow-right:after,
.btn.btn-arrow-right:after
{
	content: '\f105';
	position: absolute;
	top: 50%;
	right: .9rem;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 150%;
	transition: right .35s, font-size .35s;
}
button.btn-arrow-right:hover,
.btn.btn-arrow-right:hover
{
	padding-right: 2.65rem;
}
button.btn-arrow-right:hover:after,
.btn.btn-arrow-right:hover:after
{
	font-size: 185%;
	right: .5rem;
}

.btn-fb-login
{
	background-color: #3B5998;
	padding: .65rem .9rem;
	border-radius: 5px;
	margin: .85rem 0;
	font-weight: bold;
	letter-spacing: .5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.btn-fb-login:hover
{
	background-color: #8b9dc3;
}
.btn-fb-login i
{
	margin-right: .35rem;
	font-size: 1.25rem;
}

/* Dropdown */
.dropdown-menu
{
	background-color: #F5F5F5;
	padding: 0;
	border: 0;
	border-top: 3px solid var(--theme-color);
}

.dropdown-menu li a
{
	padding: .2rem 1.15rem;
	border-left: 3px solid transparent;
	font-weight: 500;
	color: black;
	line-height: 1.5rem;
	transition: background-color .35s, color .35s, border-color .35s;
}
.dropdown-menu li a:hover
{
	background-color: #EEE;
	border-left-color: var(--theme-color);
	color: var(--theme-color);
}

/* ======================= Design Property Helpers ======================= */
.display-none
{
	display: none;
}

.display-block
{
	display: block;
}

.display-inline-block
{
	display: inline-block;
}

.full-width
{
	width: 100%;
}

.full-height
{
	height: 100%;
}

.bold
{
	font-weight: bold;
}

.padding-0
{
	padding: 0;
}

.padding-right-0
{
	padding-right: 0;
}

.padding-left-0
{
	padding-left: 0;
}

.padding-left-10
{
	padding-left: 10px;
}

.padding-left-1e
{
	padding-left: 1em;
}

.padding-left-10
{
	padding-left: 10px;
}

.margin-top--25r
{
	margin-top: .25rem;
}

.margin-top--5r
{
	margin-top: .5rem;
}

.margin-top-1r
{
	margin-top: 1rem;
}

.margin-top-2r
{
	margin-top: 2rem;
}

.margin-bottom--25r
{
	margin-bottom: .25rem;
}

.margin-bottom--5r
{
	margin-bottom: .5rem;
}

.margin-bottom--65r
{
	margin-bottom: .65rem;
}

.margin-bottom-1r
{
	margin-bottom: 1rem;
}

.margin-bottom-2r
{
	margin-bottom: 2rem;
}

.underline
{
	text-decoration: underline;
}

.color-red
{
	color: red;
}

/* ======================= Design Helpers ======================= */
.h-divider
{
	position: relative;
	background-color: rgba(127, 127, 127, .35);
	width: 100%;
	height: 1px;
	top: 0;
}


/* ======================= Page Content ======================= */
/* Header */
.header
{
	position: relative;
	
}

.header .topbar
{
	padding: .5rem 0;
	border-bottom: 1px solid rgba(100, 100, 100, .35);
}

.header .topbar .dropdown
{
	position: relative;
	height: 100%;
}

.header .topbar .dropdown-menu
{
	z-index: 3000;
}

.header .topbar .btn-header
{
	background-color: #666;
	padding: .4rem .65rem;
	border-radius: 5px;
	font-size: .8rem;
	color: #EEE;
	letter-spacing: .5px;
}

.header .topbar .btn-header:hover
{
	background-color: var(--theme-color-secondary);
}

.header .topbar-flex
{
	padding: .75rem 0;
	border-bottom: 1px solid rgba(100, 100, 100, .35);
}

.header .topbar-flex .flexbox
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
}

.header .topbar-flex .flexbox .myacc
{
	order: 1;
}

.header .topbar-flex .flexbox .userauth
{
	order: 1;
}

.header .topbar-flex .dropdown
{
	position: relative;
	height: 100%;
}

.header .topbar-flex .dropdown .dropdown-toggle
{
	padding: .5rem 0;
}

.header .topbar-flex .dropdown-menu
{
	z-index: 3000;
}

.header .topbar-flex .btn-header
{
	background-color: #666;
	padding: .4rem .65rem;
	border-radius: 5px;
	font-size: .8rem;
	color: #EEE;
	letter-spacing: .5px;
}

.header .topbar-flex .btn-header:hover
{
	background-color: var(--theme-color-secondary);
}

.header .header-middle
{
	position: relative;
	height: 100%;
	padding: 1rem 0;
}

.header .header-middle .logo
{
	width: 250px;
	height: auto;
}

.header .header-middle .btn-cart
{
	position: relative;
	display: inline-block;
	padding: .35rem 1rem;
	border-left: 1px solid rgba(127, 127, 127, .5);
	float: right;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
}

.header .header-middle .btn-cart .icon
{
	position: relative;
	display: inline-block;
	height: 100%;
	padding: 0 .65rem;
	padding-left: .25rem;
	font-size: 1.5rem;
	color: var(--theme-color-secondary);
	vertical-align: middle;
}

.header .header-middle .btn-cart .text
{
	display: inline-block;
	font-size: .8rem;
	vertical-align: middle;
}
	
.header .header-middle .btn-cart .text span
{
	display: block;
}

.header-nav
{
	background-color: black;
	min-height: 0;
	width: 100%;
	border: none;
	border-bottom: 1px solid rgba(150, 150, 150, .5);
	border-radius: 0;
	margin: 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
	z-index: 1000;
}

.header-nav .navbar-toggle
{
	margin-top: 10px;
}

.header-nav .navbar-toggle .icon-bar
{
	background-color: white;
}

.header-nav .navbar-nav
{
	margin: .8rem 0;
}

.header-nav .navbar-nav > li > a,
.header-nav .navbar-nav > li > .dropdown > .dropdown-toggle
{
	padding: .25rem 1.5rem;
	font-size: 1rem;
	color: white;
	letter-spacing: .5px;
	line-height: 100%;
	transition: color .35s;
}
.header-nav .navbar-nav > li > a:hover,
.header-nav .navbar-nav > li > a.active,
.header-nav .navbar-nav > li > .dropdown > .dropdown-toggle:hover,
.header-nav .navbar-nav > li > .dropdown > .dropdown-toggle.active
{
	color: var(--theme-color);
}

.header-nav .navbar-collapse:not([aria-expanded="true"]) .navbar-nav > li:not(:last-child) > a,
.header-nav .navbar-collapse:not([aria-expanded="true"]) .navbar-nav > li:not(:last-child) > .dropdown
{
	border-right: 1px solid rgba(150, 150, 150, .5);
}

.header-nav .navbar-nav .dropdown.open .dropdown-toggle
{
	background: transparent;
	border: none;
	color: var(--theme-color);
}

.header-nav .navbar-nav .dropdown-menu li a
{
	font-size: 1rem;
}

/* Breadcrumb */
.breadcrumb
{
	position: relative;
	background-color: white;
	width: 100%;
	padding: 1.5rem 0;
	margin-bottom: 0;
}

.breadcrumb ul
{
	padding: 0;
	font-size: 0;
	list-style: none;
}

.breadcrumb ul li
{
	display: inline-block;
	font-size: 1rem;
}

.breadcrumb ul li:not(:last-child):after
{
	content: "\f30b";
	padding: 0 .6rem;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size: .8rem;
	color: #666;
}

.breadcrumb ul li a
{
	color: #666;
}

.breadcrumb ul li:last-child a
{
	color: var(--theme-color-secondary);
}

.breadcrumb ul li a:hover
{
	color: var(--theme-color);
}

.breadcrumb .title
{
	margin-top: 1rem;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--theme-color);
	text-transform: uppercase;
}

/* Newsletter */
.newsletter-container
{
	padding: 1.25rem;
	border: 2px solid #BBB;
	margin-bottom: 1.5rem;
}

.newsletter-container .title
{
	display: inline-block;
	padding-bottom: .75rem;
	border-bottom: 1px solid black;
	margin-bottom: .75rem;
	font-size: 1.25rem;
}

.newsletter-container .title span
{
	color: var(--theme-color-secondary);
}

.newsletter-container input[type='email']
{
	background-color: #777;
	padding: .5rem 1rem;
	border-radius: 5px;
	color: white;
}
.newsletter-container input[type='email']::placeholder
{
	color: white;
}

/* Cart Dropdown */
.cart-dropdown
{
	position: absolute;
	display: none;
	background-color: #484848;
	width: 20rem;
	//height: 27rem;
	max-width: 85vw;
	//max-height: 65vh;
	//border: 1px solid #CCC;
	border-top: 2.5px solid var(--theme-color);
	top: 4rem;
	right: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	z-index: 1500;
}

.cart-dropdown .content
{
	position: relative;
	width: 100%;
	max-height: calc(65vh - 7rem);
	overflow: auto;
}

.cart-dropdown .content::-webkit-scrollbar
{
	width: 5px;
}

.cart-dropdown .content::-webkit-scrollbar-track
{
	background-color: rgba(25, 25, 25, .25);
	border-radius: 10px;
	transition: background-color .25s;
}
.cart-dropdown .content::-webkit-scrollbar-track:hover
{
	background-color: rgba(25, 25, 25, .45);
}

.cart-dropdown .content::-webkit-scrollbar-thumb
{
	background-color: rgba(175, 175, 175, .5);
	border-radius: 10px;
	transition: background-color .25s;
}
.cart-dropdown .content::-webkit-scrollbar-thumb:hover
{
	background-color: rgba(175, 175, 175, .85);
}
.cart-dropdown .content::-webkit-scrollbar-thumb:active
{
	background-color: rgba(150, 150, 150, .9);
}

.cart-dropdown .content .item
{
	position: relative;
	display: block;
	width: 100%;
	padding: .75rem;
	padding-right: 1.75rem;
	font-size: 0;
	text-align: left;
	cursor: pointer;
	transition: background .35s;
}

.cart-dropdown .content .item:not(:last-child)
{
	border-bottom: 1px solid #666;
}

.cart-dropdown .content .item:hover
{
	background-color: rgba(127, 127, 127, .5);
}

.cart-dropdown .content .item .delete
{
	position: absolute;
	right: .55rem;
	font-size: .9rem;
}

.cart-dropdown .content .item .delete a:before
{
	content: "\f2ed";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #BBB;
	transition: color .35s;
}

.cart-dropdown .content .item .delete a:hover:before
{
	color: #999;
}

.cart-dropdown .content .item .preview
{
	position: relative;
	display: inline-block;
	width: 5rem;
	height: 5rem;
	vertical-align: top;
}

.cart-dropdown .content .item .preview img
{
	position: relative;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cart-dropdown .content .item .detail
{
	position: relative;
	display: inline-block;
	width: calc(100% - 5rem);
	padding: 0 .5rem;
	font-size: .9rem;
	color: white;
	vertical-align: top;
}

.cart-dropdown .content .item .detail .name
{
	margin-bottom: .5rem;
	font-weight: bold;
}

.cart-dropdown .content .item .detail .price
{
	font-size: .9rem;
	font-weight: bold;
	color: var(--theme-color);
}

.cart-dropdown .content .item .detail .quantity span
{
	font-size: .8rem;
	color: #AAA;
}

.cart-dropdown .content .item .detail .quantity
{
	font-weight: bold;
	color: var(--theme-color);
}

.cart-dropdown .summary
{
	position: relative;
	width: 100%;
	height: 7rem;
	padding: .75rem;
	color: white;
	text-align: left;
}

.cart-dropdown .summary .subtotal
{
	position: relative;
	font-size: 1rem;
	font-weight: bold;
}

.cart-dropdown .summary .subtotal span
{
	float: right;
	font-size: 1.15rem;
	text-align: right;
}

.cart-dropdown .summary .btn-view-cart
{
	position: absolute;
	display: block;
	width: calc(100% - 1.5rem);
	bottom: .75rem;
	font-size: 1.1rem;
	font-weight: bold;
}

/* Checkout Pages Title */
.checkout-title
{
	padding-bottom: .5rem;
	border-bottom: 1px solid #AAA;
	margin: 0;
}

.checkout-title > :first-child
{
	padding: 0;
	font-size: 1.1rem;
}

.checkout-title > :last-child:not(:only-child)
{
	padding: 0;
	font-size: .9rem;
	text-align: right;
}

/* Checkout Steps */
.checkout-steps
{
	position: relative;
	width: 100%;
	padding: 0;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-radius: 5px;
	margin-bottom: 2rem;
	font-size: 0;
	list-style: none;
	overflow: hidden;
}

.checkout-steps li
{
	position: relative;
	display: inline-block;
	background: linear-gradient(to bottom, #F5F5F5, #DDD);
	width: 20%;
	padding: 1rem;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	font-size: 1rem;
	font-weight: bold;
}
.checkout-steps li:not(:first-child)
{
	padding-left: 2.5rem;
}
.checkout-steps li:not(:last-child):after
{
	content: '';
	position: absolute;
	width: 2.3rem;
	height: 2.3rem;
	border-top: 2px solid #BBB;
	border-right: 2px solid #BBB;
	top: 50%;
	right: -1.25rem;
	transform: translateY(-50%) rotate(45deg);
	z-index: 2;
}

.checkout-steps li.active
{
	background: linear-gradient(to bottom, #42b856 0%, #43ab54 100%);
}
.checkout-steps li.active a
{
	color: white;
}
.checkout-steps li.active a:hover
{
	color: #CCC;
}
.checkout-steps li.active:not(:last-child):after
{
	background: linear-gradient(to bottom right, #42b856 0%, #43ab54 100%);
	border-color: #208931;
}

/* Section Container */
.section-container
{
	position: relative;
	background-color: #F5F5F5;
	width: 100%;
	height: calc(100% - 1.5rem);
	padding: 1rem;
	border: 1px solid #CCC;
	margin-bottom: 1.5rem;
}

.section-container .title
{
	padding-bottom: .5rem;
	border-bottom: 1px solid #AAA;
	margin-bottom: 1rem;
	font-size: 1.15rem;
	font-weight: bold;
	color: #555;
	line-height: 175%;
	text-transform: uppercase;
}

.section-container .info
{
	font-size: .9rem;
	color: #777;
}

.section-container input[type="text"],
.section-container input[type="email"],
.section-container input[type="password"],
.section-container textarea,
.section-container select,
.section-container .select-arrow
{
	background-color: white;
	width: 20rem;
	max-width: 100%;
}

.section-container select,
.section-container .select-arrow
{
	min-width: 4rem;
	width: auto;
	max-width: none;
}



/* Footer */
.footer
{
	position: relative;
	background-color: #2F2F2F;
	padding: 2.5rem 0;
	font-size: .9rem;
	color: #888;
	letter-spacing: 0px;
}

.footer .column
{
	padding-bottom: 1rem;
}

.footer .title
{
	font-size: 1.35rem;
	color: white;
}

.footer .title span
{
	color: var(--theme-color);
}

.footer .sitemap
{
	list-style-type: none;
	padding-left: 0;
}

.footer a:not(.btn)
{
	color: #888;
}
.footer a:not(.btn):hover
{
	color: var(--theme-color);
}

.footer-lower
{
	position: relative;
	background-color: #151515;
	padding: 1.5rem 0;
	//border-top: 1px solid white;
	font-size: .9rem;
	color: #888;
	letter-spacing: 0px;
}

/* ======================= Element Helpers ======================= */
.theme-title
{
	display: block;
	margin: .35rem 0;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--theme-color);
}

.theme-text
{
	font-weight: bold;
	color: var(--theme-color);
}

.info-text
{
	font-size: .9rem;
	color: #777;
}

.note
{
	font-size: .8rem;
	font-weight: bold;
	color: #888;
}

.rating
{
	display: inline-block;
	font-size: 0;
}

.rating .star
{
	display: inline-block;
	padding: 0 .075rem;
	font-size: .85rem;
}

.rating .star:first-child
{
	padding-left: 0;
}

.rating .star:before
{
	content: '\f005';
	font-family: "Font Awesome 5 Free";
	font-weight: normal;
	color: #888;
}

.rating .star.star-full:before
{
	font-weight: bold;
	color: #555;
}

.rating .star.star-half:before
{
	content: '\f5c0';
	font-weight: bold;
	color: #555;
}

.btn-text-twitter
{
	margin: .5rem .25rem;
	font-size: 1.15rem;
	color: #1da1f2;
	transition: text-shadow .25s;
}
.btn-text-twitter:hover
{
	color: #1da1f2;
	text-shadow: 0 0 6px rgba(0, 0, 0, .35);
}

.btn-text-fb
{
	margin: .5rem .25rem;
	font-size: 1.15rem;
	color: #3B5998;
	transition: text-shadow .25s;
}
.btn-text-fb:hover
{
	color: #3B5998;
	text-shadow: 0 0 6px rgba(0, 0, 0, .35);
}

.btn-text-google
{
	margin: .5rem .25rem;
	font-size: 1.15rem;
	color: #e04b34;
	transition: text-shadow .25s;
}
.btn-text-google:hover
{
	color: #e04b34;
	text-shadow: 0 0 6px rgba(0, 0, 0, .35);
}

/* ======================= Desktop Style ======================= */
@media (min-width: 1200px)
{
	
}

/* ======================= Small Desktop Style ======================= */
@media (min-width: 992px)
{
	.text-right-md
	{
		text-align: right;
	}
}

@media (max-width: 1200px)
{
	.checkout-steps li
	{
		padding: .75rem;
		font-size: .9rem;
	}
}

/* ======================= Non-mobile Style ======================= */
@media (min-width: 768px)
{
	
}

/* ======================= Non-desktop Style ======================= */
@media (max-width: 992px)
{
	body:after
	{
		content: "Mobile Site";
		position: absolute;
		background-color: var(--theme-color);
		width: 100%;
		padding: .4rem;
		font-size: .9rem;
		color: white;
		text-align: center;
	}
	
	.padding-top--75r-sm
	{
		padding-top: .75rem;
	}
	
	.text-right-sm
	{
		text-align: right;
	}
	
	.text-left-sm
	{
		text-align: left;
	}
	
	.header .header-middle .btn-cart
	{
		border-left: none;
		float: none;
		clear: both;
		margin: .75rem auto 0 auto;
		top: 0;
		transform: none;
	}
	
	.header .header-middle .btn-cart .text span
	{
		display: inline-block;
	}
	
	.cart-dropdown
	{
		top: 3rem;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.header-nav .navbar-nav > li > a
	{
		padding-top: .4rem;
		padding-bottom: .4rem;
	}
	
	.checkout-title :last-child:not(:only-child)
	{
		text-align: left;
	}

	.checkout-steps li
	{
		display: block;
		width: 100%;
		padding: .65rem .75rem;
		border-top: 1px solid #BBB;
		border-bottom: 1px solid #BBB;
		font-size: 1rem;
	}
	.checkout-steps li:not(:first-child)
	{
		border-top: 0;
		padding-left: .75rem;
	}
	.checkout-steps li:not(:last-child):after
	{
		width: 0;
		height: 0;
		border: none;
	}
	
	.checkout-steps li.active:not(.current):after
	{
		content: "\f00c";
		position: relative;
		width: auto;
		height: auto;
		top: auto;
		right: auto;
		float: right;
		transform: none;
		font-family: "Font Awesome 5 Free";
		font-weight: bold;
		font-size: 1.35rem;
		color: white;
	}

	.footer .column
	{
		padding-bottom: 2rem;
	}
	
	.footer-lower
	{
		text-align: center;
	}
}

/* ======================= Mobile Style ======================= */
@media (max-width: 768px)
{
	.text-right-xs
	{
		text-align: right;
	}
	
	.text-left-xs
	{
		text-align: left;
	}

	.header .header-middle .logo
	{
		width: 100%;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a
	{
		border-left-color: transparent;
	}
}