/** Shopify CDN: Minification failed

Line 1684:0 Unexpected ".404-content"

**/
/* CSS Document */

/* theme fonts goes here */
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Table of Contents
-----------------------------------------------------------------------------
=> Clean Base
=> Base Typography
=> Images
=> Links
=> Forms
=> Tables
=> Framework
*/

/* Clean Base
------------------------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
a,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;outline:none;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-tap-highlight-color:rgba( 0, 0, 0, 0 );
}

html,
body {
	-webkit-text-size-adjust:none;
	height: 100%;
    font-family: 'Karla', sans-serif;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary { display: block; }

iframe { vertical-align: top; }

textarea:focus,
input:focus,
a,
div,
img { outline: none; }

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/* Base Typography
------------------------------------------------------------------------------*/
body {
	color: #02004B;
    letter-spacing: 0.09px;
    font-size: 16px;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	line-height: 1.75;
	background-color: #fff;
}

address {
	font-style: italic;
	margin: 0 0 20px;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted rgb(230, 230, 230);
	cursor: help;
}

mark,
ins {
	background-color: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: 75%; }

big { font-size: 125%; }

dl { margin-bottom: 1.6em; }

dt { font-weight: bold; }

dd { margin-bottom: 1.6em; }

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

b,
strong { font-weight: 700; }

dfn,
cite,
em,
i { font-style: italic; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Muli';
	color: #02004B;
	line-height: 1.5;
}

.h1,
h1 {
	font-size: 64px;
	font-weight: 900;
	letter-spacing: -1px;
	line-height: 1.125;
	margin-bottom: 20px;
}

.h2,
h2 {
	font-size: 42px;
	font-weight: 800;
	letter-spacing: -0.75px;
	line-height: 1.14;
	margin-bottom: 20px;
}

.h3,
h3 {
	font-size: 30px;
  	font-weight: 800;
  	letter-spacing: 0;
  	line-height: 1.2;
	margin-bottom: 18px;
}

.h4,
h4 {
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.27;
	margin-bottom: 17px;
}

.h5,
h5 {
	font-family: 'Karla', sans-serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.25px;
	line-height: 1.17;
	margin-bottom: 15px;
}

.h6,
h6 {
	font-family: 'Karla', sans-serif;
	font-size:20px;
	margin-bottom: 10px;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
	color: inherit;
	text-decoration: none;
}

p { margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }

ul { padding-left: 20px; }
ul li { padding-bottom: 10px; }
ul li:last-child{ padding-bottom: 0; }

ol { padding-left: 20px; }
ol li { padding-bottom: 10px; }
ol li:last-child{ padding-bottom: 0; }

.body-content ul,
.body-content ol{ padding-bottom: 15px; }

.body-content ul ul,
.body-content ul ol,
.body-content ol ol,
.body-content ol ul{
	padding-top: 10px;
	padding-bottom: 0;
}

blockquote {
	display: block;
	text-align: left;
	position: relative;
	background: #f3f3f3;
	padding: 20px 20px;
	border-left: 4px solid #1589cb;
	line-height: 2;
	font-size: 20px;
	font-style: italic;
	margin-bottom: 25px;
}

blockquote p {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

hr {
	border: 0 #000 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
	margin: 10px auto 40px;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

img[src$=".svg"] {
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

strong {
	font-weight: 900;
}

.entry-content ul,
.entry-content ol,
.entry-content p {
	margin-bottom: 30px;
	font-size: 16px;
	letter-spacing: 0.09px;
	line-height: 28px;
	color: #02004B;
}

.entry-content ul,
.entry-content ol {
	margin-left: 24px;
	padding-left: 0;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content .h1,
.entry-content .h2,
.entry-content .h3,
.entry-content .h4,
.entry-content .h5,
.entry-content .h6 {
	margin-bottom: 30px;
}

/* Link
------------------------------------------------------------------------------*/
a {
	color:#4777ac;
	transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
}

a:hover {
	color:#000;
}

a:focus { outline: none; }

/* 5. Forms
------------------------------------------------------------------------------*/
label {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 10px;
	display: block;
}

input,
textarea,
button { font-family: 'Karla', sans-serif;  }

input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
	-webkit-appearance: none;
	outline: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea {
	border: 1px solid #BEBEBE;
	padding: 0 15px;
	font-size: 16px;
	height: 60px;
	font-weight: 400;
	width: 100%;
	color: #02004B;
 	letter-spacing: 0.09px;
 	line-height: 28px;
	font-family: 'Karla', sans-serif;
}

textarea {
	height: 150px;
	resize: none;
	overflow: auto;
	padding: 20px 15px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: #D6D6D6;
	outline: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	padding: 0 15px;
	height: 60px;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	border: none;
	border-radius: 0px;
	color: #fff;
	background-color: #FB7C9C;
	outline: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #FFDEE6;
	color: #FB7C9C;
	outline:none;
}

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder {
	opacity: 1 !important;
	color: #000;
}

:-moz-placeholder {
	opacity: 1 !important;
	color: #000;
}

::-moz-placeholder {
	opacity: 1 !important;
	color: #000;
}

:-ms-input-placeholder {
	opacity: 1 !important;
	color: #000;
}

.form-group { margin-bottom: 30px; }

/* buttons */
.btn {
	display: inline-block;
	vertical-align: top;
	padding: 18px 27px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 24px;
	text-align: center;
	border: none;
	border-radius: 0px;
	color: #fff;
	background-color: #0594D8;
}

.btn:hover,
.btn:focus {
	color: #0594D8;
	background-color: #BCEAFF;
	text-decoration: none;
}

.btn-sm { padding: 8px 16px; }
.btn-md { padding: 12px 24px; }

.btn-link {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 24px;
	text-align: center;
	background-color: #0594D8;
    color: #fff;
}

.btn-link:hover,
.btn-link:focus {
	color: #0594D8;
	text-decoration: none;
	background-color: #BCEAFF;
}

/* Tables
------------------------------------------------------------------------------*/
table {
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-bordered {
	width: 100%;
	max-width: 100%;
	text-align: left;

}

.table-bordered th,
.table-bordered td {
	vertical-align: bottom;
	border-bottom: 1px solid #ddd;
	padding: 10px;
}

.white-text {
	color: #fff;
}

.blue-text {
	color: #0594D8;
}

	.blue-text > a:hover,
	a.blue-text:hover {
		color: #BCEAFF;
	}

	.blue-text.section-heading {
		border-bottom: 2px solid #BCEAFF;
	}

.pink-text {
	color: #FB7C9C;
}

	.pink-text > a:hover,
	a.pink-text:hover {
		color: #FFDEE6;
	}

	.pink-text.section-heading {
		border-bottom: 2px solid #FFDEE6;
	}

.yellow-text {
	color: #FAB00C;
}

	a.yellow-text:hover,
	.yellow-text > a:hover {
		color: #FAB00C;
	}

	.yellow-text.section-heading {
		border-bottom: 2px solid #FAB00C;
	}

.green-text {
	color: #6ABF47;
}

	.green-text > a:hover,
	a.green-text:hover {
		color: #6ABF47;
	}

	.green-text.section-heading {
		border-bottom: 2px solid #6ABF47;
	}

.orange-text {
	color: #FF7C2F;
}

	.orange-text > a:hover,
	a.orange-text:hover {
		color: #FFDCC8;
	}

	.orange-text.section-heading {
		border-bottom: 2px solid #FFDCC8;
	}

.purple-text {
	color: #773ABC;
}

	.purple-text > a:hover,
	a.purple-text:hover {
		color: #DFD0EF;
	}

	.purple-text.section-heading {
		border-bottom: 2px solid #DFD0EF;
	}

.blue-button {
	background-color: #0594D8;
	color: #fff;
}

	.blue-button:hover {
		background-color: #BCEAFF;
		color: #0594D8;
	}

.pink-button {
	background-color: #FB7C9C;
	color: #fff;
}

	.pink-button:hover {
		background-color: #FFDEE6;
		color: #FB7C9C;
	}

.yellow-button {
	background-color: #FAB00C;
	color: #fff;
}

	.yellow-button:hover {
		background-color: #FAB00C;
		color: #FAB00C;
	}

.green-button {
	background-color: #6ABF47;
	color: #001C42;
}

	.green-button:hover {
		background-color: #6ABF47;
		color: #001C42;
	}

.orange-button {
	background-color: #6ABF47;
	color: #001C42;
}

	.orange-button:hover {
		background-color: #FFDCC8;
		color: #001C42;
	}

.purple-button {
	background-color: #773ABC;
	color: #ffffff;
}

	.purple-button:hover {
		background-color: #DFD0EF;
		color: #773ABC;
	}

.dark-bg {
	background-color: #23004A;
}

.white-bg {
	background-color: #ffffff;
}

.gray-bg {
	background-color: #D6D6D6;
}

.blue-bg {
	background-color: #F2F8FF;
}

.purple-bg {
	background-color: #DFD0EF;
}

.green-bg {
	background-color: #D5F0C9;
}

.yellow-bg {
	background-color: #FFF0CE;
}

/* Layout Framework
------------------------------------------------------------------------------*/
/*--- main container ---*/

.container,
.container-inner {
	width: 95%;
	max-width: 1110px;
	margin: auto;
}

.container-inner {
	max-width: 670px;
}

/*--- header ---*/
.main-header {
	width: 100%;
	height: auto;
}

/* responsive nav for small devices */
.hamburger {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	height: 50px;
	width: 50px;
	background-color: transparent;
	text-align: center;
}

.hamburger:not(.close) {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 99;
}

.hamburger:hover,
.hamburger:focus {
	background-color: transparent;
	outline: none;
}

.hamburger .line {
	display: block;
	width: 30px;
	margin: 6px auto;
	height: 4px;
	background-color: #e67e22;
}

.hamburger:hover { cursor: pointer; }

.hamburger .wrap { display: block; }

.hamburger.close { padding: 10px; }

.hamburger.close .wrap {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
}

.hamburger.close .line {
	position: absolute;
	top: calc(50% - 2px);
	width: 100%;
	margin: 0;
	transform: rotate(45deg);
	background-color: #fff
}

.hamburger.close .line:last-child { transform: rotate(-45deg); }


/** HEADER **/

#logo {
	padding: 20px 0;
	max-width: 230px;
}

#cart li,
#cart {
	list-style: none;
	margin: 0;
	padding: 0;
}

#cart li {
	margin-left: 20px;
}

#cart li,
#cart li a {
	color: #02004B;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20px;
	text-align: center;
	display: block;
}

#cart li .CartCount,
#cart li svg {
	display: inline-block;
	vertical-align: middle;
}

#cart li .CartCount {
	margin-left: 5px;
}

.header-right {
	padding-top: 10px;
}

/** Navigation **/
#desktop-nav {
	margin: 10px 0;
}

#main-nav {
	list-style: none;
	margin: 0;
}

#main-nav li {
	margin: 0;
	padding: 0;
}

#main-nav li,
#main-nav li a {
	color: #02004B;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 22px;
	text-align: center;
	display : block
}

	#main-nav li a {
		padding: 10px;
	}

	#main-nav li.dropdown > a:after {
		content: "\f0d7";
		font-family: FontAwesome;
		font-size: 13px;
		margin-left: 5px;
	}

	#main-nav li.dropdown.menu_1 > a:after {
		color: #6abf47;

	}
	#main-nav li.dropdown.menu_2 > a:after {
		color: #ff7c2f;
	}
	#main-nav li.dropdown.menu_3 > a:after {
		  color: #773abc;
	}
	#main-nav li.dropdown.menu_4 > a:after {
		color: #FAB00C;
	}
	#main-nav li.dropdown.menu_5 > a:after {
		color: #FB7C9C;
	}
	#main-nav li.dropdown.menu_6 > a:after {
		color: #0594D8;
	}

#main-nav li a:hover,
#main-nav li:hover > a {
	color: #0594D8;
}

#main-nav li.search-box {
	position: relative;
	z-index: 99;
}

#main-nav li.search-box input[name="q"] {
	position: absolute;
	right: 100%;
	top: 0;
	width: 0;
	padding: 0;
	opacity: 0;
}

#main-nav li.search-box .search-form-button {
	padding: 0;
	width: 42px;
	height: 42px;
	display: block;
	background: none;
	border: 0;
	color: #0594D8;
}

#main-nav li.search-box.open input[name="q"] {
	height: 42px;
	opacity: 1;
	padding: 0 10px;
	width: 400px;
}

.submenu {
	display: none;
}

/** Footer **/
.footer-top,
.footer-middle {
	background-color: #0594D8;
}


.footer-top {
	padding: 89px 0;
}
.footer-top-left p {
	margin: 0;
	font-size: 14px;
}
.footer-top-left a {
	color: #fff;
}
.footer-top-left a:hover {
	color: #fff;
	text-decoration: underline;
}

.footer-top-middle {
	margin-left: auto;
	margin-right: 20px;
}

.footer-top-middle ul li,
.footer-top-middle ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.footer-top-middle ul li,
.footer-top-middle ul li a {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 22px;
	text-align: center;
	display: block;
	padding: 0 10px;
}

.footer-top-middle ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.social-icons li,
.social-icons {
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-icons li,
.social-icons li a {
	font-size: 9px;
	color: #fff;
	line-height: 1.2;
	display: block
}

.social-icons li + li {
	margin-left: 15px;
}

.footer-middle  {
	padding: 20px 0;
}

.footer-middle .gray  {
	opacity: 0.92;
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.footer-middle .retailer-section li,
.footer-middle .retailer-section {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-middle .retailer-section li {
	margin-left: 30px;
}

.retailer-section a,
.retailer-section img {
    max-width: 70px;
    max-height: 48px;
    display: block;
}

.footer-middle .footer-logos .gray {
	color: #FFFFFF;
	font-family: 'Lucida Grande';
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20px;
}

.footer-bottom {
	padding: 20px 0;
}

.footer-bottom ul li,
.footer-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-bottom ul li a {
	color: #0594D8;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 18px;
	text-align: center;
}

.footer-bottom ul li a:hover {
	color: #99908F;
}

.footer-bottom ul li {
	margin-right: 30px;
}


/** Banner **/

.banner-section {
	margin-bottom: 50px;
}

.banner-item {
	background: #FFDEE6;
}

.banner-item .banner-content-left {
	width: 44%;
	padding: 30px 5%;
}

.banner-item .banner-content-right {
	width: 55%;
	padding: 5% 5% 0 0;
}

.shop-by-theme-top-content .btn-link,
.shop-by-occasion-top-content .btn-link,
.party-supply-content .btn-link,
.banner-button {
	margin-top: 30px;
}

.shop-by-occasion-bottom-content .section-heading,
.shop-by-theme-bottom-content .section-heading,
.featured-collection .section-heading {
	padding-bottom: 15px;
	border-bottom: 2px solid #D5F0C9;
	margin-bottom: 20px;
}

.shop-by-theme-bottom-content .section-heading {
	border-bottom: 2px solid #BCEAFF;
}

.shop-by-occasion-bottom-content .section-heading {
	border-bottom: 2px solid #DFCFF1;
}

.product-recommendation .section-heading {
	padding-bottom: 15px;
	margin-bottom: 20px;
}

/** inner-banner **/
.inner-banner-item .container {
	min-height: 450px;
}

.inner-banner-item .banner-content-left {
	width: 40%;
	padding: 40px 0;
}

.inner-banner-item .banner-content-right {
	width: 56%;
	padding: 1% 5% 0 0;
}

.inner-banner-item .banner-content-right img {
	max-height: 440px;
}

/** product loop **/
.product-loop {
	margin: 0 -15px 50px;
}

.product-loop .product-index {
	width: 25%;
	padding: 0 15px;
	margin-bottom: 30px;
}

.product-loop .product-index .product-box {
	padding: 25px 15px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.product-loop .product-index .product-box:hover {
	background-color: #FFFFFF;
	box-shadow: 0 15px 48px 0 rgba(21,95,131,0.24);
}

.product-loop .product-title {
	margin: 15px 0;
	color: #02004B;
	font-family: Karla;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 18px;
}

.product-loop .product-index .product-box:hover .product-title,
.product-loop a:hover > .product-title {
	color: #0594D8;
}

.product-loop .price {
	color: #02004B;
	font-family: Karla;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20px;
	margin: 0 0 12px 0;
}

.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #23004A;
  font-size: 20px;
  line-height: 1;
  height: auto;
  margin: 0 auto;
  position: relative;
  padding: 0;
  display: table;

}
.star-ratings-css.collection {
  margin: 0;
}

.star-ratings-css.collection span {
	font-size: 13px;
	margin-right: 2px;
}

.star-ratings-css.collection span:last-child {
	margin-right: 0;
}

.star-ratings-css-rating-overlay {
    color: #23004A;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}
.star-ratings-css-rating-underlay {
    padding: 0;
    display: inline-block;
    z-index: 0;
    width:100%;
	opacity: 0.3;
}

/** shop by theme **/

.shop-by-theme-secion,
.shop-by-occasion-section  {
	padding-top: 40px;
}

.shop-by-occasion-top-content,
.shop-by-theme-top-content {
	background-color: #BCEAFF;
	margin-top: 50px;
	margin-bottom: 80px;
}

.shop-by-occasion-top-content {
	background-color: #FFDEE6;
}

.shop-by-occasion-top-content .shop-by-occasion-right,
.shop-by-theme-top-content .shop-by-theme-left {
	width: 57%;
}

.shop-by-occasion-top-content .shop-by-occasion-right {
	padding-bottom: 15px;
}

.shop-by-occasion-top-content .shop-by-occasion-right img,
.shop-by-theme-top-content .shop-by-theme-left img {
	margin-top: -50px;
}

.shop-by-occasion-top-content .shop-by-occasion-right img {
	margin-top: -100px;
}

.shop-by-occasion-top-content .shop-by-occasion-left,
.shop-by-theme-top-content .shop-by-theme-right {
	padding: 40px 0;
	width: 32%;
}

.category-loop {
	margin: 0 -15px;
	padding-bottom: 50px;
}

.category-loop .category-box {
	width: 25%;
	padding: 0 15px;
	margin-bottom: 30px;
}

.category-loop .category-box .inside-box {
	padding: 12px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.category-loop .category-box .inside-box:hover {
	background: #fff;
	box-shadow: 0 20px 40px 0 rgba(21,95,131,0.3);
}

.category-loop .category-box .inside-box .image-box {
	display: block;
	position: relative;
	overflow: hidden;
	background: #ffffff;
	padding-top: 111.30%;
}

.category-loop .category-box .inside-box .image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

.category-loop .category-box .inside-box .cat-title {
	margin-top: 15px;
	color: #02004B;
}

.category-loop .category-box .inside-box .cat-title a {
	color: #02004B;
}

.category-loop .category-box .inside-box:hover .cat-title a,
.category-loop .category-box .inside-box .cat-title a:hover {
	color: #0594D8;
}

.party-supply-section {
	width: 100%;
	background-size: cover;
	background-position: center;
	min-height: 500px;
}

.party-supply-section .party-supply-content {
	max-width: 550px;
	padding: 40px 0;
}

.party-section {
	padding: 80px 0;
	text-align: center;
}

.party-content p {
	font-size: 16px;
	letter-spacing: 0.09px;
	line-height: 28px;
	text-align: center;
	color: #02004B;
}

.party-content p a {
	color: #0594D8;
}

.party-content p a:hover {
	color: #BCEAFF;
}

.party-section .instagram-slider {
	margin-top: 55px;
}

.instagram-slider .item-img {
	position: relative;
	padding: 0 15px;
}

.instagram-slider .item-img .container {
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
}

.instagram-slider .item-img .container img {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

.thumbnail-slider .owl-next,
.thumbnail-slider .owl-prev,
.instagram-slider .owl-next,
.instagram-slider .owl-prev {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #FAB00C;
	text-align: center;
	color: #fff;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 9;
	line-height: 2;
	border-radius: 50%;
	font-size: 20px;
	line-height: 2;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.thumbnail-slider .owl-next,
.instagram-slider .owl-next {
	left: auto;
	right: 0;
}


.banner-slider .owl-buttons {
	position: absolute;
	max-width: 1160px;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	display: block;
}


.banner-slider .owl-next,
.banner-slider .owl-prev {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #FAB00C;
	text-align: center;
	color: #fff;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 9;
	line-height: 2;
	border-radius: 50%;
	font-size: 20px;
	line-height: 2;
}

.banner-slider .owl-next {
	left: auto;
	right: 0;
}




/* owl carousel
------------------------------------------------------ */

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
  cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x : 50%;
  -webkit-perspective-origin-y : 50%;
  -moz-perspective : 1200px;
  -moz-perspective-origin-x : 50%;
  -moz-perspective-origin-y : 50%;
  perspective : 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}


/** Inner Banner **/
body.faq-new  #breadcrumb,
body.about-new  #breadcrumb,
body.privacy #breadcrumb {
	display: none;
}

.404-content {
	width: 412px;
    height: auto;
    margin-top: 157px;
}


/* faq */

.padding-top-bottom {
	padding: 60px 0 110px;
}

.faq-block {
	padding: 30px 0;
}

.faq-block .faq-question {
	position: relative;
	color: #02004B;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 22px;
	padding-left: 44px;
	cursor: pointer;
	margin: 0;
}

.faq-block .faq-question.active {
	color: #0594D8;
}


.faq-block .faq-question:after {
	content: "\f067";
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	top: 0px;
	color: #FAB00C;
	font-size: 16px;
}

.faq-block .faq-question.active:after {
	content: "\f068";
	color: #0594D8;
}

.faq-block .faq-answer {
	margin: 0;
	padding: 30px 0 0 44px;
	display: none;
}

.faq-block .faq-answer,
.faq-block .faq-answer p {
	color: #02004B;
	font-size: 16px;
	letter-spacing: 0.09px;
	line-height: 28px;
	font-weight: 400;
}

.faq-block .faq-answer a {
	color: #0594D8;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-top-80 {
	padding-top: 60px;
}

#breadcrumb {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 15px;
}

#collection-description {
	margin-bottom: 50px;
}

.collection-template .section-heading {
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.no-margin {
	margin: 0;
}

#pagination {
	margin-bottom: 50px;
}

.product-loop + #pagination {
	margin-top: -50px;
	margin-bottom: 100px;
}

#pagination span,
#pagination a {
	display: inline-block;
	padding: 10px;
	margin: 0 5px 5px;
	color: #02004B;
	font-size: 16px;
	letter-spacing: 0.09px;
	line-height: 28px;
	text-align: center;
	min-width: 35px;
}

#pagination a:hover {
	color: #0594D8;
}

#pagination span.current {
	opacity: 0.25;
}

#pagination .fa {
	color: #0594D8;
	font-size: 14px;
}

.about-content .inner-content-wrap {
	width: 48%;
}

.about-content {
	background-image: url(//bluepanda.co/cdn/shop/t/4/assets/about-image.jpg?v=167023905318411273271600374006);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 40% auto;
}

.entry-content ul li {
	color: #02004B;
	font-size: 16px;
	letter-spacing: 0.09px;
	line-height: 28px;
}


@media ( max-width: 1100px ) {
	#logo {
		max-width: 200px;
	}

	#main-nav li a {
		padding-left: 5px;
		padding-right: 5px;
	}

	#main-nav li, #main-nav li a {
		font-size: 16px;
	}
}

@media ( max-width: 1050px ) {
	.party-supply-content .h1,
	.shop-by-occasion-top-content .shop-by-occasion-left .h1,
	 .shop-by-theme-top-content .shop-by-theme-right .h1,
	.banner-title {
		font-size: 6.4vw;
	}
}

@media ( max-width: 1024px ) {
	.category-loop .category-box,
	.product-loop .product-index {
		width: 33.33%;
	}
}

@media ( max-width: 920px ) {

	#desktop-nav {
		display: none;
	}

	.header-section .header-content.flex {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

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

	#logo {
		padding: 10px 0;
	}

	.party-section {
		padding: 50px 0;
	}

	.party-supply-section {
		min-height: 400px;
	}

	.footer-top {
		padding: 60px 0;
	}

	.padding-top-bottom {
		padding: 50px 0 70px;
	}

	.padding-top-80 {
		padding-top: 50px;
	}
}

@media ( max-width: 900px ) {
	.footer-middle .container.flex {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.footer-middle .gray.text-14 {
		margin-bottom: 30px;
	}

	.padding-top-80 {
		padding-top: 40px;
	}
}

@media ( max-width: 740px ) {


	.h1,
	h1 {
		font-size: 50px;
	}

	.h2,
	h2 {
		font-size: 38px;
	}

	.h3,
	h3 {
		font-size: 28px;
	}

	.h4,
	h4 {
		font-size: 26px;
	}

	.h5,
	h5 {
		font-size: 22px;
	}

	.h6,
	h6 {
		font-size:18px;
	}

	.shop-by-occasion-top-content .shop-by-occasion-left,
	.shop-by-theme-top-content .shop-by-theme-right {
		width: 100%;
		padding: 30px 0;
	}

	.shop-by-occasion-top-content .shop-by-occasion-right,
	.shop-by-theme-top-content .shop-by-theme-left {
		width: 100%;
		margin: 0;
		order: -1;
	}

	.inner-banner-item .banner-content-right,
	.inner-banner-item .banner-content-left,
	.banner-item .banner-content-left,
	.banner-item .banner-content-right {
		width: 100%;
		text-align: center;
		padding: 20px 0;
	}

	.inner-banner-item .banner-content-right,
	.banner-item .banner-content-right {
		padding: 20px 0 0;
		order: -1;
		text-align: center;
	}

	.inner-banner-item .banner-content-right img {
		display: block;
		margin: 0 auto;
	}

	.about-content {
		background: none;
	}

	.about-content .inner-content-wrap {
		width: 100%;
	}

	.padding-top-bottom {
		padding: 30px 0 50px;
	}

	.padding-top-80 {
		padding-top: 30px;
	}

	.banner-section {
		margin-bottom: 30px;
	}
}

@media ( max-width: 700px ) {
	.category-loop .category-box,
	.product-loop .product-index {
		width: 50%;
	}

	.section-heading {
		font-size: 26px;
	}

	.category-loop {
		padding-bottom: 30px;
	}

	.party-section {
		padding: 30px 0;
	}

	.party-content .h2 {
		font-size: 38px;
	}

	.party-supply-section {
		min-height: 350px;
	}

	.shop-by-theme-top-content .btn-link,
	.shop-by-occasion-top-content .btn-link,
	.party-supply-content .btn-link,
	.banner-button {
		margin-top: 10px;
	}

	.footer-top {
		padding: 20px 0;
	}

	.footer-top .container.flex {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.footer-top .footer-top-middle,
	.footer-top .footer-top-left {
		margin: 0 auto 30px;
	}

	.padding-top-bottom {
		padding: 30px 0 20px;
	}
}

@media ( max-width: 640px ) {

	.footer-logos.flex {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		    flex-direction: column;
	}

	.footer-logos.flex .gray {
		margin-bottom: 10px;
	}

	.footer-middle .retailer-section li {
		margin-left: 15px;
	}

	.retailer-section.flex {
		-webkit-justify-content: center;
		justify-content: center;
		-ms-flex-pack: center;
	}
}


@media ( max-width: 500px ) {
	.category-loop .category-box,
	.product-loop .product-index {
		width: 100%;
	}

	.footer-top-middle ul li,
	.footer-top-middle ul li a {
		font-size: 16px;
	}

	.footer-top-middle ul li {
		padding: 0;
	}

	.retailer-section a,
	.retailer-section img {
		max-width: 65px;
		max-height: 42px;
		display: block;
	}

	#logo {
		max-width: 178px;
	}
}

/* submenu */

#main-nav li, #main-nav li a {
  position: relative;
}

li.dropdown.has_sub_menu:hover .submenu {
    display: block;
}

.submenu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 503px;
  	padding: 30px;
    background-color: #fff;
    right: auto;
	z-index: 999;
	box-shadow: 0 20px 40px 0 rgba(21,95,131,0.3);
  	-webkit-transform: translateX(-35%);
            transform: translateX(-35%);
}

.submenu h5 {
  font-size: 18px;
  margin: 0;
}

.submenu a {
  padding: 0 !important;
  font-size: 14px !important;
  color: #3A9FE1 !important;
}

.submenu a:hover {
  color: #A39B9A !important;
}

.submenu-header {
  padding: 0 0 10px 0;
  border-bottom: 2px solid #FFDCCA;
}


li.submenu_link a {
    text-align: left !important;
  	padding-bottom: 10px !important;
}


.submenu-list {
    column-count: 2;
    padding: 20px 0 0 0;
    column-gap: 90px;
}


.error-page-content {
    align-items: flex-end;
}

@media( max-width: 767px ) {
    .error-content {
      width: 48% !important;
      text-align: center !important;
    }

    .error-page-content {
      align-items: center !important;
      flex-direction: column !important;
    }

    .image-section {
      width: 48% !important;
    }

    .error-content p {
      width: 100% !important;
      height: auto !important;
    }

    .error-content {
      margin: 50px 0 !important;
  }

}

@media( min-width: 921px ) {
  #menuToggle {
    display: none;
  }

}

@media( max-width: 920px ) {

	.header-section {
		position: relative;
	}

   #cart li#menuToggle {
        display: block;
        position: relative;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
		width: 40px;
		overflow: visible;
    }

    #menuToggle span {
        display: block;
        width: 40px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #221716;
        border-radius: 3px;
        z-index: 1;
        transform-origin: center;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    }

    #menuToggle span:last-child {
        margin: 0;
    }

    #menuToggle span:first-child{
        transform-origin: center;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: center;
    }

    #menuToggle.active span {
        opacity: 1;
        transform: rotate(45deg) translate(-7px,-6px);
        transform-origin: center;
        background: #221716;
    }

    #menuToggle.active span:nth-last-child(2){
        opacity: 0;
        transform: rotate(0deg) scale(0.2,0.2);
    }

    #menuToggle.active span:nth-last-child(3){
        transform: rotate(-45deg) translate(-7px,6px);
        transform-origin: center;
    }

  	#desktop-nav {
      	width: 100%;
        display: none;
        position: absolute !important;
        top: 100% !important;
        left: 0;
        z-index: 999;
        background-color: #fff;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
		margin: 0;
		padding: 10px 0;
    }

    #desktop-nav #nav-menu {
        display: block;
    }

    #desktop-nav #nav-menu li {
        display: block;
        text-align: left;
        padding: 0;
    }

    #desktop-nav #nav-menu li a {
        display: block;
        text-align: left;
        padding: 15px;
        border-bottom: 1px solid #dcdcdc;
    }

    #nav-menu .submenu {
        position: static;
        display: block;
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0 0 0 15px;
    }

    #nav-menu .submenu li a {
        font-size: 13px;
        line-height: 17px;
        text-transform: none;
    }

	#main-nav li.dropdown > a:after {
		display: none;
	}

  ul#main-nav {
	  display: block;
	  text-align: left;
  }

  #main-nav li.search-box {
    display: none;
  }

  #main-nav li, #main-nav li a {
	  text-align: left;
  }

  li.has_sub_menu .submenu {
	  display: block;
	  position: static;
	  width: 100%;
	  transform: none;
	  -webkit-transform: none;
	  padding: 0 0 0 15px;
  }

  li.has_sub_menu .submenu .submenu-header {
	  display: none;
  }

  .submenu-list {
		column-count: 1;
		padding: 0;
		column-gap: 0;
  }
}


/* inner pages */

.login-account,
.create-account {
  width: 45%;
}

#forgot_password {
    margin-bottom: 10px;
}

.shopify-challenge__container {
    margin-top: 280px !important;
    margin-bottom: 120px !important;
}

#search-bar {
  max-width: 560px;
  width: 92%;
  margin: 0 auto;
  text-align: center;
}

#search-bar p {
  margin-bottom: 10px;
}

#customer input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
#customer textarea,
#recover-password input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
#recover-password textarea,
#create-customer input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
#create-customer textarea {
  margin-bottom: 15px;
}


#contact_form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea {
	max-width: 700px;
	display: block;
}

.inner-page-container.container {
    margin: 50px auto;
}

.search .product-loop {
    margin-top: 40px;
}

.add-btn {
    margin-right: 10px;
}

.isStuck {
  display: none;
}

@media ( max-width:749px ) {
  .login-account, .create-account {
        width: 100%;
        margin-bottom: 40px;
    }

    #search-bar h1 {
        font-size: 40px;
        line-height: 50px;
    }
}

.product-image-link {
	position: relative;
	display: block;
}

.product-image-link .product-tile-btn {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    display: block;
    z-index: 99;
	white-space: nowrap;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
}

.product-loop .product-index .product-box:hover .product-tile-btn,
.product-image-link:hover .product-tile-btn {
    opacity: 1;
}

.short-select:focus,
.short-select {
	border: 0;
	height: 18px;
	color: #02004B;
	font-family: Karla;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 18px;
	text-align: center;
	padding: 0;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDcgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDx0aXRsZT40NTM1NzNBNy02QjgzLTRDN0ItQUM5Qy1ENkYxOEY0NjJFRUU8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2VzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0idjItfC1Qcm9kdWN0LUNhdGVnb3J5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI2OC4wMDAwMDAsIC0yMDkuMDAwMDAwKSIgZmlsbD0iIzA1OTREOCI+CiAgICAgICAgICAgIDxnIGlkPSJUaXRsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTY1LjAwMDAwMCwgMTc0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkZpbHRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJpY29uLWJsdWV0cmlhbmdsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTYuNTAwMDAwLCAxMS4wMDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTk2LjUwMDAwMCwgLTExLjAwMDAwMCkgIiBwb2ludHM9Ijk2LjUgOCAxMDAgMTQgOTMgMTQiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
   padding-right: 20px;
   background-position: 95% center;
   background-repeat: no-repeat;
}

select.short-select::-ms-expand {
  display: none;
}

select.short-select option {
	color: #02004B;
	font-family: Karla;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 18px;
	padding: 10px 15px;
	white-space: nowrap;
}

.select2-container--default .select2-selection--single {
	border: 0;
	height: 38px;
	color: #02004B;
	font-family: Karla;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 38px;
	text-align: center;
	padding: 0;
	padding-left: 20px;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__rendered,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple .select2-selection__rendered {
	color: #0594D8;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	color: #0594D8;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #0594D8 transparent transparent transparent;
    border-top-color: #0594D8;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--open .select2-dropdown--below {
	box-sizing: border-box;
	border: 1px solid #E1EDFF;
	background-color: #FFFFFF;
	padding: 10px;
}

.select2-results__option {
	color: #02004B;
	font-family: Karla;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 18px;
	white-space: nowrap;
	background-color: #FFFFFF;
	padding: 10px 10px;
}

.select2-container--open .select2-dropdown--below,
.select2-container {
	width: auto !important;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #0594D8;
	background-color: #FFFFFF;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

#sortme {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sortme  li {
	margin: 0;
}

#sortme  li + li {
	margin-left: 10px;
}


@media (max-width: 820px) {
	#full-width-filter {
		width: 100%;
		margin-top: 20px;
	}

	#full-width-filter .filter {
		padding-bottom: 0;
	}
}


@media (max-width: 740px) {
	#full-width-filter {
		width: 100%;
		margin-top: 20px !important;
	}

	#full-width-filter .filter {
		padding-bottom: 0 !important;
	}
}

@media (max-width: 540px) {

	#full-width-filter .filter {
		width: 100% !important;
	}
}

.product-main-images {
	position: relative;
}

.product-main-images .zoom-icon {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 99;
	background-color: #FAB00C;
	pointer-events: none;
}

#breadcrumb {
	color: #99908F;
}


.footer-bottom li:first-child a {
    pointer-events: none;
}

.footer-bottom li:first-child a, 
.footer-bottom li:first-child a:hover {
    color: #99908F;
}

  
/*-- Cart CSS added, 5/28 - JHK --*/

#shopping-cart table {
  min-width:100%
}

#shopping-cart thead th { 
  padding: 0 0 30px 0;
}

#shopping-cart .cart-item {
  padding: 0px 30px 0px 30px;
}

#shopping-cart th label { 
  font-size: 20px;
  font-weight:300;
}

#shopping-cart td {
  text-align:center;
  padding: 0px 20px;
}

#shopping-cart td.cart-quantity input {
  width: 40px;
  min-width:auto;
  height:30px;
  margin: 0 5px 0 0;
  padding:0 0 0 5px;
}  

#shopping-cart .discounts {
  padding: 25px 0px;
}

#basket-right {
  text-align:right;
  border-top: 1px solid gray;
  margin: 30px 0 20px 0;
  padding: 20px 0 0 0;
}

#basket-right h4,h5 {
  margin:0 0 5px 0;
}

#shopping-cart .checkout-buttons { 
  text-align:right;
  margin: 15px 0 15px 0;
}

#shopping-cart input {
  margin:10px 0px;
}

.additional-checkout-buttons {
  float: left;
  width:45%;
  margin-top:15px;
}

[data-shopify-buttoncontainer] {
  justify-content: flex-end;
}