html
{
	background-color:#000;
}

body
{
	font-family: "Lato", sans-serif;
}

a
{
	color:#000;
	position:relative;
}

a:hover
{
	color:#d00d4b;
}

::-moz-selection 
{
  	color: #fff;
  	background: #d00d4b; 
}

::selection 
{
  	color: #fff;
  	background: #d00d4b; 
}

:focus 
{
  	outline: 0 !important;
}

mark 
{
	background-color:#DDD;
	padding:0px 5px;
}

main ul, main ol
{
	padding-left:25px;
	margin-top:10px;
}

main ul li, main ol li
{
	margin-bottom:5px;
}

aside ul
{
	padding-left:0px;
}

hr
{
	display: inline-block;
	border: 0.5px solid #000;
	opacity: 1;
	width: 100%;
	margin: 30px 0px;
}

hr.dashed-gray
{
	border: 0.5px dashed #999;
	margin: 10px 0px;
}

h1, h2, h3, h4, h5, h6
{
	color:#000;
}

h1
{
	color: #d00d4b;
	font-size: 40px;
}

h2
{
	color: #d00d4b;
	font-size: 30px;
}

h3
{
	margin-bottom:40px;
	border-bottom: 2px solid #ececec;
	text-transform: uppercase;	
	line-height: 1.5;
}

h3 > span
{
	padding-bottom: 5px;
	border-bottom: 2px solid rgba(0,0,0,0.1);
	margin-bottom: -2px;
	padding-right: 15px;
	display: inline-block;
}

h4
{
	font-size: 20px;
	color: #848482;
}

h6
{
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	color:#555;
}

h6:after
{
	position: relative;
	display: inline-block;
	background-color: rgba(0,0,0,0.1);
	content: "";
	height: 3px;
	display: block;
	margin: 10px 0 20px 0;
	width: 100%;
	max-width: 30px;
}

h6.product-title
{
	font-size: 27px;
	font-weight: 700;
	letter-spacing: unset;
	text-transform: capitalize;
	opacity:1;
	line-height:1.3;
}

h6.cart-title
{
	font-size:20px;
	font-weight: 700;
	letter-spacing: unset;
	text-transform: capitalize;
	opacity:1;
	color:#000;
}

form
{
	margin-bottom:0px;
	width:100%;
}

input[readonly], textarea[readonly], select[readonly]
{
	background:#f1f1f1;
}

select
{
	cursor:pointer;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	transition: color .3s, border .3s, background .3s, opacity .3s;
	padding:0 .5em;
}

textarea
{
	padding:15px 10px;
	line-height:1.5;
}

/*** custom checkbox/radio ***/
[type="checkbox"], [type="radio"]
{
	width:auto;
    position: absolute;
    left: -9999px;
}

[type="checkbox"] + label, [type="radio"] + label
{
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
	font-weight:normal;
	display:block !important;
}

[type="checkbox"] + label:before, [type="radio"] + label:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 17px;
	height: 17px;
	border: 1px solid #DDD;
    background: #FFF;
}

[type="radio"] + label:before
{
    border-radius: 100%;
}

[type="checkbox"] + label:after, [type="radio"] + label:after
{
    position: absolute;
    top: 5px;
	left: 4px;
    width: 9px;
	height: 9px;
    content: '';
	background: #d00d4b;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="checkbox"] + label:after
{
    top: 4px;
	left: 6px;
	width: 6px;
	height: 10px;
	background:none;
	border-bottom: 3px solid #d00d4b;
	border-right: 3px solid #d00d4b;
  	transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

[type="radio"] + label:after
{
    border-radius: 100%;
}

[type="checkbox"]:not(:checked) + label:after, [type="radio"]:not(:checked) + label:after 
{
    opacity: 0;
}

[type="checkbox"]:checked + label:before, [type="radio"]:checked + label:before
{
	border-color: #d00d4b;
}

[type="checkbox"]:disabled + label::before, [type="radio"]:disabled + label::before
{
	border-color: #DDD;
	background: #f1f1f1;
}

[type="checkbox"]:disabled + label::after
{
	border-color: #666;
}

[type="radio"]:disabled + label::after
{
	background: #666;
}
/*** END custom checkbox/radio ***/

/*** custom file upload ***/
.file_box
{
	display: table;
	width: 100%;
    border: 1px solid #DDD;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	transition: color .3s, border .3s, background .3s, opacity .3s;
	margin-bottom:1em;
}

.file_box:hover
{
	cursor:pointer;
}

.file_text
{
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	color: #666;
	padding:0px 10px;
}

.file_btn
{
	display: table-cell;
	vertical-align: middle;
	max-width:100px;
	text-align:right;
}

.file_btn input[type=button]
{
	margin-top:0px;
	border:0px;
	border-left:1px solid #DDD;
	margin: 0px;
	color: #3b8cd2;
	text-transform: capitalize;
}

.file_box:hover input[type=button]
{
	box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
	color:#333;
}

.file_hidden
{
	height:0px;
	width:0px;
	overflow:hidden;
}
/*** END custom file upload ***/

/*** BUTTON ***/
.button, button, input[type="submit"], input[type="reset"], input[type="button"], input[type="submit"].button, .primary
{
	border:0px;
	margin:0px;
	background-color: #d00d4b;
	text-transform:uppercase !important;
	font-size:15px;
}

.button.is-outline, input[type="submit"].is-outline, input[type="reset"].is-outline, input[type="button"].is-outline
{
	background-color: #FFF;
	border: 1px solid #d00d4b;
	color:#d00d4b !important;
	font-weight:normal;
}

.is-outline:hover, .primary.is-outline:hover
{
	background-color: #d00d4b;
	border-color: #d00d4b;
	color:#FFF !important;
}

.button.secondary
{
	background: #F9f9f9;
	border: 1px solid #DDD;
	color: #AAA;
	text-transform: capitalize !important;
}

.button.secondary:hover
{
	box-shadow: inset 0 0 0 100px rgba(0,0,0,0.1);
}

.button i.fa
{
	margin-top: -4px;
}
/*** END BUTTON ***/

/*** HEADER TOP BAR ***/
.header-top 
{
	background-color: #000;
	padding-top:32px;
}

#top-bar .nav
{
	display:inline;
	margin-left:25px;
}

#top-bar .nav > li
{
	margin: 0px 12px;
}

#top-bar .nav > li > a
{
	font-size:13px;
}

#top-bar .nav > li i
{
	margin-right:3px;
}
/*** END HEADER TOP BAR ***/

/*** HEADER LOGO/MENU BAR ***/
.header-main
{
	padding:10px 0px;
}

.header-main .logo a
{
	color:#000;
	text-align:center;
	font-size:28px
}

.header-main .logo img
{
	max-height:60px;
}

.header-nav.nav, .header-nav.nav > li.image-dropdown
{
	position:unset;
}

.header-nav.nav > li > a
{
	padding: 10px 5px;
	cursor:pointer;
	color: #000;
}

.header-nav.nav > li:last-child > a
{
	padding-right:0px;
}

.header-nav.nav > li.current-dropdown > a
{
	color: #d00d4b;
}

.has-dropdown .icon-angle-down
{
	font-size: 18px;
	opacity: 1;
}

.nav-dropdown-default
{
	padding:15px;
}

.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a
{
	text-transform: uppercase;
	font-size: 13px;
}

.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a:hover
{
	color: #d00d4b;
}

.nav-dropdown.image-dropdown-label
{
	width:100%;
	box-shadow: unset;
	border:0px;
	border-top: 1px solid #F6F6F6;
	border-bottom: 1px solid #F6F6F6;
	padding-bottom:10px;
}

.nav-dropdown.image-dropdown-label > li.nav-dropdown-col
{
	display:table;
	width:100%;
}

.nav-dropdown.image-dropdown-label > li.nav-dropdown-col > a
{
	position:absolute;
	top:40px;
	font-size:17px;
	font-weight:normal;
	width:180px;
	overflow:hidden;
	padding:0px;
	padding-bottom:3px;
	color: #848482;
	cursor:pointer;
}

.nav-dropdown.image-dropdown-label > li.nav-dropdown-col.active > a
{
	border-bottom: 1px solid #d00d4b;
	color: #d00d4b;
}

.nav-dropdown.image-dropdown-label > li.nav-dropdown-col:nth-of-type(2) > a
{
	top: calc( 40px + 32px);
}

.nav-dropdown.image-dropdown-label .nav-column li > a, .nav-dropdown.image-dropdown-label > li > a
{
	border:0px;
}

ul.nav-column
{
	width: calc( 100% - 200px);
	float:right;
	display:none;
}

ul.nav-column.show
{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}

ul.nav-column li
{
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 16.6667%;
	margin-bottom:10px;
}

ul.nav-column li a
{
	font-size:16px;
	text-align:center;
	white-space: initial;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	border-bottom: 1px solid transparent;
	-webkit-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
	margin:0px !important;
	padding:10px !important;
	border-bottom: 1px solid transparent !important;
}

ul.nav-column li a:hover, ul.nav-column li:last-child a:hover
{
	border-bottom: 1px solid #d00d4b !important;
}

ul.nav-column li a img
{
	display:block;
	margin-bottom:5px;
	margin: 0 auto;
}

li.current-dropdown > .nav-dropdown.image-dropdown-label, .next-prev-thumbs li.has-dropdown:hover > .nav-dropdown.image-dropdown-label
{
	left:0px;
}

[data-icon-label]::after
{
	background-color: #d00d4b;
}

.header-nav a.tooltip[data-title]:hover::after
{
	min-width: auto;
}

.header-nav li.html
{
	width:125px;
}

.header-nav li.html.btn-login
{
	width:auto;
}

.header-nav li a.button
{
	font-size:13px;
}

.header-nav li.html:nth-last-child(2)
{
	margin-right:0px;
}

.header-nav li.html .header-button, .header-nav li.html .header-button a
{
	width:100%;
}
/*** END HEADER LOGO/MENU BAR ***/

/*** FOOTER BAR ***/
footer h1
{
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	color:#FFF;
}

footer h1:after
{
	position: relative;
	display: inline-block;
	background-color: rgba(255,255,255,0.3);
	content: "";
	height: 3px;
	display: block;
	margin: 10px 0 20px 0;
	width: 100%;
	max-width: 30px;
	color:#FFF;
}

footer a
{
	color:#FFF;
}

footer a:hover
{
	color:rgba(255,255,255,0.5);
}

footer ul.menu > li + li
{
	border-top:0px;
}

footer ul.menu > li > a
{
	padding:8px 0px;
}

footer .footer
{
	background-image: url('../images/footer-bg.jpg');
	padding:0px;
	border-top:0px;
	padding-top:50px;
	color:#FFF;
}

footer .footer img
{
	width:100px
}

footer .social-icons
{
	display:block;
	margin-top:20px;
	margin-bottom:-5px;
}

footer .social-icons a
{
	font-size: 22px;
	margin: 0px 10px;
	vertical-align:middle;
}

footer .social-icons a:last-child
{
	font-size:28px;
}

footer .social-icons i > span
{
	display:none;
}
/*** END FOOTER BAR ***/

/*** COPYRIGHT BAR ***/
footer .absolute-footer
{
	background-color: #000;
	color: rgba(255,255,255,0.5);
	padding:15px 0px;
}

footer .absolute-footer ul
{
	margin-bottom:0px;
	opacity:1;
	font-size: 14px;
}

footer .absolute-footer ul li a
{
	display:block;
	text-decoration: none;
	font-size: 14px;
	color: #848482;
	padding: 0px 7px;
	margin-bottom:5px;
}

footer .absolute-footer ul li a:hover
{
	color: #d00d4b;
}

footer .absolute-footer ul.icon-payment-box
{
	list-style:none;
}

footer .absolute-footer ul.icon-payment-box li
{
	display:inline-block;
	opacity: .6;
	transition: opacity .3s;
	border-radius: 5px;
	padding: 3px 5px 5px;
	margin: 0px 2px 3px;
	background-color: rgba(255,255,255,0.1);
}

footer .absolute-footer ul.icon-payment-box li:hover
{
	opacity: 1;
}

footer .absolute-footer ul.icon-payment-box li img
{
	width:40px
}

footer .absolute-footer a
{
	color:#FFF;
}

footer .absolute-footer a:hover
{
	text-decoration:underline;
}

footer .absolute-footer .copyright-footer
{
	font-size:13px;
}

footer .back-to-top.button
{
	background: #d00d4b;
	color: #FFF;
	border-radius: 3px !important;
	border:0px;
	padding:0px 12px;
}

footer .back-to-top.button:hover
{
	box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}
/*** END COPYRIGHT BAR ***/

/***** HOMEPAGE SLIDER *****/
.slider .banner
{
	position:relative;
	background-color: #d00d4b;
	width: 100% !important;
    height: 0;
	padding-top: 40% !important;
}

.slider .slider-image
{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	background-size:cover;
	background-repeat:no-repeat;
}

.slider .banner-text
{
	position: absolute;
	width: 28%;
	height: 100%;
	top:0px;
	left: 25px;
	background-color: #F2F2F2;
	opacity: 0.8;
	padding: 30px 50px;
	z-index: 1;
}

.slider .banner-text.banner-right
{
	left:unset;
	right:25px;
}

.slider .banner-text > div
{
	position: absolute;
	width: 65%;
	top: 50%;
	transform: translate(0, -50%);
}

.slider .banner-text h6
{
	font-family: "Lora", serif;
	font-size: 30px;
	color: #d00d4b;
	line-height: 1.3;
	padding: 0;
	margin-top:0px;
	margin-bottom: 20px;
	letter-spacing:unset;
	opacity:1;
}

.slider .banner-text h2
{
	font-family: "Belleza";
	font-size: 16px;
	line-height: 1.3;
	margin: 0px;
	z-index: 1;
	opacity:1;
}

.slider .banner-text .button
{
	background-color:#d00d4b;
	font-family: "Belleza";
	font-size: 13px;
	color: white;
	text-decoration: none;
	padding: 10px 40px;
	margin:0px;
	margin-top:25px;
	z-index: 1;
}

.slider-nav-light .flickity-prev-next-button
{
	color: #000;
	width: 25px;
	background-color: rgb(242, 242, 242);
	opacity: 0.5;
	height: 100%;
	top: 0px;
	transform:unset;
}

.flickity-prev-next-button:after
{
	content: '';
	border: solid #666;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 7px;
}

.flickity-prev-next-button.previous
{
	left:0px;
}

.flickity-prev-next-button.next
{
	right:0px;
}

.flickity-prev-next-button.previous:after
{
	transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
	margin-left: 7px;
}

.flickity-prev-next-button.next:after
{
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
	margin-right: 7px;
}

.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow
{
	display:none;
}

.flickity-page-dots .dot
{
	width:10px;
	height:10px;
	border:0px;
	background-color:#FFF;
}

.flickity-page-dots .dot:hover
{
	background-color:#000;
	opacity:0.5;
}

.slider-nav-light .flickity-page-dots .dot.is-selected
{
	background-color:#000;
}
/***** END HOMEPAGE SLIDER *****/

/***** HOMEPAGE CONTENT *****/
.home-box-700
{
	height:700px;
}

.home-box-700 img
{
	width:100%;
	height:100% !important;
	object-fit:cover;
}

.home-box-700-text
{
	position:relative;
	width:50%;
}
/***** END HOMEPAGE CONTENT *****/

/*** TOP BANNER ***/
#top-line
{
	position: relative;
	z-index: 9;
}

#top-banner
{
	position:relative;
	display:flex;
	align-items:center;
	height:250px;
	overflow:hidden;
}

#top-banner img
{
	width:100%;
	height:100% !important;
	object-fit: cover;
}

#top-banner .bg-overlay
{
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	left: -1px;
	right: -1px;
	background-color: rgba(0,0,0,0.15);
	transition: transform .3s, opacity .6s;
	pointer-events: none;
	background-color: rgba(0, 0, 0, 0.5);
}

#top-banner #top-banner-title
{
	position:absolute;
	width:90%;
	text-align:center;
	left: 50%;
	top:50%;
	transform:translate(-50%, -50%);
	font-size: 32px;
	font-weight:bold;
	color: #fff;
	line-height:1.3;
	text-transform:uppercase;
	letter-spacing: .05em;
}

#top-banner #top-banner-title a
{
	color:#FFF;
}

#top-banner #top-banner-title a:hover
{
	color:#d00d4b;
}

#top-banner.top-banner-category
{
	height:70px;
}

#top-banner.top-banner-category #top-banner-title
{
	text-align:left;
	font-weight:normal;
	font-size:18px;
}
/*** END TOP BANNER ***/

/***** CATEGORY BOX *****/
.category-box
{
	position: relative;
	display: flex;
	box-shadow: 0 0px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);
}

.category-box .box-text
{
	background-color: #B40B41;
}

.products > .col:hover
{
	opacity:0.7;
}
/***** END CATEGORY BOX *****/

/*** PRODUCT IMAGES ***/
.product-thumbnails .col 
{
    padding-bottom: 0 !important;
}

.product-thumbnails a 
{
    overflow: hidden;
    display: block;
    border: 1px solid transparent;
    background-color: #FFF;
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.product-thumbnails a:hover, .product-thumbnails .is-nav-selected a 
{
    border-color: rgba(0,0,0,0.2);
}

.product-thumbnails img 
{
	margin-bottom: -5px;
	opacity: 0.5;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: transform 0.6s, opacity 0.6s;
    height: 85px;
    object-fit: cover;
}

.product-thumbnails a:hover img, .product-thumbnails .is-nav-selected a img
{
	opacity:1;
}

.product-gallery svg
{
	display:none;
}

.product-gallery .flickity-prev-next-button.previous
{
	left:5px;
}

.product-gallery .flickity-prev-next-button.next
{
	right:5px;
}

.product-gallery .flickity-prev-next-button::after
{
	border: solid #111;
	border-width: 0 3px 3px 0;
}

.product-gallery .flickity-prev-next-button:hover::after
{
    border-color: #FFF;
}
/*** END PRODUCT IMAGES ***/

/*** PRODUCT INFO ***/
.product-info
{
	padding-top:10px;
}

.product-desc
{
	background: #EEE;
	padding: 5px 10px;
	font-size: 15px;
}

table.variations
{
	position:relative;
}

table.variations td
{
	display:block;
    vertical-align: middle;
    padding: .2em 0;
    border: 0;
}

table.variations td label 
{
    font-size: 14px;
}

table.variations ul.option-list
{
    list-style: none;
	padding:0px;
	margin:0px;
}

table.variations ul.option-list li
{
	display:inline-block;
	margin:0px;
}

table.variations ul.option-list li a
{
	display:inline-block;
	background-color: #fff;
	border: 2px solid #ccc;
	color: #000;
	border-radius: 4px;
	padding: 10px 29px;
	margin-right:10px;
	margin-bottom:10px;
	cursor:pointer;
}

table.variations ul.option-list li a.selected
{
	border: 2px solid #d00d4b !important;
}

table.variations ul.option-list a.tooltip[data-title]:hover:before
{
	bottom: -5px;
}

table.variations ul.option-list a.tooltip[data-title]:hover:after
{
	bottom: -40px;
	padding: 10px 15px;
	border-radius: 6px;
	font-size:14px;
}

.opt-size
{
	position: relative;
	display: inline-block;
	width: 45%;
	float: left;
}

.opt-size > label
{
	display: table-cell;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 25%;
	white-space: normal;
	vertical-align: middle;
	float: left;
	margin: 0 0 15px;
	padding: 19px 0px;
}

.opt-size > input
{
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 25%;
	margin: 0;
	padding: 11px 15px;
	font-size: 16px;
	line-height: 1.84;
	vertical-align: middle;
	background-color: transparent;
	border: 1px solid #e7e7e7;
	height: auto !important;
}

.opt-size > label.text
{
	border: 1px solid #fff;
	background-color: #fff;
	width: 20%;
}

.x-mark
{
	position: relative;
	display: inline-block;
	width: 10%;
	float: left;
}

.x-mark > label
{
	font-size: 23px !important;
	margin: .5em -25px 15px;
}

.product-price
{
	font-size: 25px;
	margin: 0;
}

.product-button
{
	display:inline-block;
	width:100%;
	margin-top:15px;
}

.quantity-box
{
	display: inline-flex;
	margin-bottom: 1em;
	margin-right: 1em;
	white-space: nowrap;
	vertical-align: top;
}

.quantity-box input[type=button]
{
	vertical-align: top;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	overflow: hidden;
	position: relative;
	background-color: #f9f9f9;
	text-shadow: 1px 1px 1px #fff;
	color: #666;
	border: 1px solid #ddd;
	text-transform: none;
	font-weight: normal;
	width:27px;
	line-height:1;
}

.quantity-box input[type=button]:hover
{
	color: #000;
    background-color: #f1f1f1;
}

.quantity-box input[type=text]
{
	max-width: 2.5em;
	width: 2.5em;
	text-align: center;
	border-radius: 0 !important;
	font-size: 1em;
	padding-left: 0;
	padding-right: 0;
	vertical-align: top;
	margin: 0;
}

.quantity-box .minus
{
	border-right:0px !important;
}
			
.quantity-box .plus
{
	border-left:0px !important;
}
			
.product-button .button 
{
	margin-right: 0;
	font-size: 1em;
}

.price-btn
{
	display:none;
}

#price-error > td
{
	color: #d00d4b;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}

table.variations tr.waste-box td
{
	background: #EEE;
	border: 1px solid #CCC;
	padding: 3px 10px;
	margin-bottom: 10px;
}

table.variations tr.min-box td
{
	background-color: #f9e5e6;
	color: #b50007;
	border: 1px solid #e8aaad;
	padding: 7px 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}
/*** END PRODUCT INFO ***/

/*** CHECKOUT ***/
/** icon **/
.navigation
{
	display:inline-block;
	width:100%;
	padding:20px 40px;
	padding-top:0px;
	z-index:0;
	text-align:center;
}

.navi
{
	position:relative;
	border: 2px solid #DDD;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	padding: 3px 0px 4px 0px;
	text-align: center;
	width: 20%;
	display: inline-block;
	margin-left:-5px;
	margin-bottom:10px;
	color:#CCC;
	font-weight:bold;
}

.navi > div
{
	position: absolute;
	right: -20px;
	top: -4px;
	z-index: 9;
	border: 2px solid #DDD;
	width: 41px;
	height: 41px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	float: left;
	margin-left: -30px;
	background: #FFF;
	color:#FFF;
}

.navi.active, .navi.active > div
{
	border-color:#58585A;
	background:#58585A;
	color:#FFF;
}

.navi.active > div > span
{
	font-size:20px;
	margin-top:8px;
	margin-left:2px;
}
/** END icon **/

.sst
{
	font-size: 12px;
	margin-top: 10px;
	color: #d00d4b;
	font-weight: bold;
}

.payment-desc-box
{
	border: 1px solid #DDD;
	padding: 10px 15px;
	margin-left: 25px;
	font-size: 14px;
	color: #000;
}

.ship-box
{
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 14px;
	width:70%;
	max-width: 400px;
	border: 1px solid #DDD;
	padding: 10px 15px;
	color: #000;
}

.ship-active
{
	color:#d00d4b;
	font-weight:bold;
}
/*** END CHECKOUT ***/

/*** TABLE LISTING ***/
.table-listing thead th, .table-totals thead th
{
	font-size:16px;
	color:#000;
	border-bottom: 2.5px solid #ececec;
}

.table-listing tbody td, .table-totals tbody td
{
	vertical-align:top;
	font-size:16px;
	color:#000;
	padding: 20px 10px;
}

.table-listing thead th:first-child, .table-listing tbody td:first-child, .table-totals thead th:first-child, .table-totals tbody td:first-child
{
	padding-left:.5em;
}

.table-listing thead th:last-child, .table-listing tbody td:last-child, .table-totals thead th:last-child, .table-totals tbody td:last-child
{
	padding-right:.5em;
}

.table-listing tbody td i.fa
{
	font-size:18px;
}

.table-listing tbody td a.tooltip[data-title]:hover::after
{
	bottom:-33px;
}

.table-listing .text-small
{
	font-size:13px;
	color:#666;
	margin-top: 5px;
	display: block;
	line-height: 1.4;
}

.table-listing .listing-remarks-box
{
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	font-size: 13px;
}

.table-listing .listing-remarks-box-border
{
	padding: 3px 7px;
	background: #EEE;
}

.table-listing .listing-remarks-box textarea
{
	margin-top: 5px;
	min-height: 70px;
	resize:vertical;
	margin-bottom:0px;
	padding:5px 7px;
}

.table-listing .quantity-box
{
	margin-bottom:0px;
}

.table-listing tr.total-row td
{
	padding: 10px;
}

.table-item-delete tbody td:first-child
{
	width: 100px;
}

.table-item-delete tbody td:nth-child(3), .table-item-delete tbody td:nth-child(4), .table-item-delete tbody td:nth-child(5)
{
	width: 150px;
}

.table-item-delete tbody td:last-child
{
	width: 80px;
}

.table-item tbody td:first-child
{
	width: 100px;
}

.table-item tbody td:nth-child(3), .table-item tbody td:nth-child(4), .table-item tbody td:nth-child(5)
{
	width: 150px;
}

.total-box
{
	width:40%;
}

.table-totals tbody td
{
	padding:10px;
}

.table-totals tbody td:last-child
{
	font-weight:bold;
	text-align:right;
	width:100px;
}

.coupon-title
{
	font-weight: bold;
	color: #000;
	border-bottom: 2.5px solid #ececec;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.coupon-title > i.fa
{
	margin-right:5px;
}
/*** TABLE LISTING ***/

/****** GOOGLE SEARCH ******/
.gsc-control-cse
{
	font-family: "Belleza", sans-serif !important;
	font-size: 16px !important;
}

.gsc-control-cse tr, .gsc-control-cse td
{
	border:0px !important;
	text-align:left;
	padding-left:0px !important;
}

.gsc-adBlock, .gsc-resultsHeader, .gcsc-branding-text-name
{
	display:none !important;
}

.cse .gsc-control-cse, .gsc-control-cse
{
	padding:0px !important;
	width:100% !important;
}

td.gsc-result-info-container
{
	padding:0px;
}

.gsc-result-info
{
	padding:0px !important;
	font-size: 14px !important;
	color: #333 !important;
}

.gsc-above-wrapper-area
{
	margin-bottom:10px;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top
{
	padding:0px !important;
}

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-result .gs-title, .gs-result .gs-title *
{
	color:#0259aa !important;
}

.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b
{
	color:#000 !important;
}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl
{
	font-size:14px;
}

td.gsc-table-cell-snippet-close
{
	font-size:13px !important;
	padding:0px !important;
}

.gcsc-branding
{
	margin-top:10px;
}

.gcsc-branding-clickable
{
	width:50px;
}

.gsc-results .gsc-cursor-box
{
	margin: 0px !important;
}
/****** END GOOGLE SEARCH ******/

/****** TOOLTIP ******/
a.tooltip[data-title]:hover:before 
{
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, 0);
	border: solid transparent;
	z-index: 999;
	border-bottom-color: #000;
	border-width: 9px;
	transition: opacity .25s;
	opacity: 1;
	z-index: 99;
}

a.tooltip[data-title]:hover:after 
{
  	content: attr(data-title);
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translate(-50%, 0);
	background: #000;
	border-radius: 3px;
	color: #FFF;
	padding: 3px 10px;
	font-size:13px;
	text-transform: capitalize;
	white-space: pre;
	z-index: 99;
}
/****** END TOOLTIP ******/

/*** PAGINATION ***/
.pagination, .gsc-cursor-box
{
	display: inline-block;
	width: 100%;
	margin-top: 15px;
	text-align:center !important;
}

.pagination a, .gsc-results .gsc-cursor-box .gsc-cursor-page
{
	display:inline-block !important;
	color: #d00d4b !important;
	border:2px solid currentColor !important;
	padding:6px 10px;
	line-height:1.3;
	display:inline-block;
	font-weight: bold;
	margin-right: 5px !important;
	font-size: .7em !important;
	margin-bottom:5px;
}

.pagination a:last-child, .gsc-results .gsc-cursor-box .gsc-cursor-page:last-child
{
	margin-right:0px !important;
}

.pagination a:hover, .gsc-results .gsc-cursor-box .gsc-cursor-page:hover
{
	border-color: #d00d4b !important;
	background-color: #d00d4b !important;
	color:#FFF !important;
	text-decoration:none !important;
}

.pagination strong, .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page
{
	border:2px solid #d00d4b !important;
	background-color: #d00d4b !important;
	color:#FFF !important;
	padding:6px 10px;
	font-size: .7em;
	font-weight: bold;
	margin-right: 5px;
	text-decoration:none !important;
}

.pagination a i
{
	font-size: 14px;
	line-height: 0;
	top: 2px;
}

.pagination a i.icon-angle-left::before, .pagination a i.icon-angle-right::before
{
	font-weight:bold;
}
/*** END PAGINATION ***/

#bg-loading
{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	background:#000;
	opacity:0.5;
	z-index:9999;
}

#bg-loading > i
{
	font-size: 70px;
	position: absolute;
	top: 45%;
	left: 47%;
	transform: translate(-50%, -50%);
}

.popup-box
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 350px;
	background: #EEE;
	z-index: 9999;
	border: 2px solid #d00d4b;
	border-radius: 5px;
	padding: 15px 20px;
	font-size:15px;
	color: #000;
	text-align: center;
}

.popup-box button
{
	margin-bottom:10px;
	color:#FFF;
	box-shadow: 0 0px 5px rgba(0,0,0,0.19),2px 2px 2px rgba(0,0,0,0.22);
}

.popup-box button:hover
{
	box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}

.page-wrapper > .row > .col.large-12
{
	padding-bottom:0px;
}

.box-center
{
	text-align:center;
}

.box-center > div.col
{
	margin:0px auto;
	text-align:left
}

.side-menu h1
{
	font-size: 1em;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.side-menu h1:after
{
	position: relative;
	display: inline-block;
	background-color: rgba(0,0,0,0.1);
	content: "";
	height: 3px;
	display: block;
	margin: 13px 0px 15px 0px;
	width: 100%;
	max-width: 30px;
}

.side-menu a.active
{
	color:#d00d4b;
}

.widget > ul > li ul.side-sub
{
	display: block ;
	border-left: 0px;
	padding-left: 5px;
}

.widget > ul.side > li > a, .widget > ul > li ul.side-sub > li > a
{
	width:100%;
}

.content-col
{
	padding-left:30px;
}

/*** TABS ***/
.nav-tabs + .tab-panels
{
	padding:20px 30px;
}

.tab-panels label
{
	color: #666;
	line-height: 1.3;
	font-size: .9em;
	margin-bottom:7px;
	font-weight:normal;
}

.tab-panels label.sub-title
{
	margin-top:10px;
}

.tab-panels input
{
	font-weight:bold;
	font-size:14px;
	height:unset;
	padding:5px 10px;
	margin-bottom:20px;
}

.tab-panels input[type=submit]
{
	font-size: 0.97em;
	padding: 0 1.2em;
	height: 2.507em;
	margin-bottom:0px;
	margin-top:10px;
}
/*** END TABS ***/

/*** MEMBER DASHBOARD ***/
.dashboard .col-inner
{
	display: flex;
	height:100%;
}

.dashboard-box
{
	background-color:#d00d4b;
	text-align: center;
	padding: 25px 0px 40px 0px;
	font-size: 13px;
	position: relative;
	display: flex;
	width:100%;
	flex-wrap: wrap;
	align-items: center;
}

.dashboard-box-box
{
	width: 60%;
    margin: 0 auto;
}

.dashboard-box h3
{
	color:#FFF;
	margin-top: .2em;
	margin-bottom: .2em;
	line-height: 1;
	font-size: 2em;
}

.dashboard-box p
{
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #f1f1f1;
}

.dashboard-box div.dashboard-info
{
	color: #fff;
	padding: 5px 15px;
	font-size: 1.5em;
	margin-top: .6em;
	background-color: #d26e4b;
	font-weight: bold;
	line-height:1.3;
}
/*** END MEMBER DASHBOARD ***/

/*** EVENTS ***/
.event-box
{
	padding:30px;
	padding-bottom:0px;
	margin-bottom:50px;
	border-radius:25px;
	border:2px solid rgb(15, 94, 163);
}

.event-box h3
{
	text-transform:capitalize;
	padding-bottom: 7.5px;
	border-bottom: 2px solid rgba(0,0,0,0.1);
	line-height:1.5;
	margin-bottom:10px;
}

.event-box h3.noline
{
	text-transform: capitalize;
	border-bottom:0px;
}

.event-box h5
{
	margin-bottom:0px;
}

.event-box p
{
	margin-bottom:10px;
}

.event-box p:last-child
{
	margin-bottom:0px;
}

.event-box .flex-box > div
{
	width:100%;
}

.event-box .button
{
	width:100%;
	text-transform:capitalize;
	border-radius:99px;
}
/*** END EVENTS ***/

/*** NEWS ***/
.posted
{
	color: #888;
	font-style: italic;
	font-size: 13px;
}

.news-box .button
{
	width:120px;
	margin:0px;
	margin-top:10px;
	float:right;
}
/*** END NEWS ***/

/*** ARTICLE ***/
.article-listing
{
	margin-left: 25px;
}

.article-listing .row
{
	margin:0px !important;
	align-items:center;
}

.article-listing .col
{
	padding-bottom:0px;
}

.article-listing li
{
	margin-bottom:20px;
}

.article-listing li .button
{
	margin:0px;
}

.article-info
{
	display: block;
	margin-top: -30px;
	margin-bottom: 30px;
	font-size: 14px;
}
/*** END ARTICLE ***/

/*** FILTERING ***/
.filter-right-box
{
	float: right;
	width: 30%;
	position: absolute;
	right: 0px;
	top: 0px;
	margin-right:15px;
	padding-left:15px;
	background:#FFF;
}

.filter-alpha
{
	display:flex;
	flex-wrap: wrap;
	list-style:none;
	padding:0px;
	margin:0px;
	background: #f8f8f9;
}

.filter-alpha li
{
	margin:0px;
	min-width: 25px;
	width: calc(100%/26);
	text-align:center;
}

.filter-alpha li a
{
	padding:10px;
	display:block;
}
/*** END FILTERING ***/

/*** ALERT MSG ***/
.response-msg
{
	padding:7px 10px;
	font-size:14px;
	margin-bottom:10px;
}

.response-msg.success
{
	background-color: #e9f9e5;
	color: #1c8400;
	border: 1px solid #b4e8aa;
}

.response-msg.error
{
	background-color: #f9e5e6;
	color: #b50007;
	border: 1px solid #e8aaad;
}
/*** END ALERT MSG ***/

.rounded
{
	border-radius:99px !important;
}

.uppercase
{
	letter-spacing:unset;
}

.position-relative
{
	position:relative;
}

.bg-image
{
	background-position: 32% 40%;
	padding:70px 0px 50px 0px;
	background-size:cover;
}

.bg-gray
{
	background:#F8F8F9;
}

.bg-brown
{
	background:#887358;
	color:#FFF;
}

.bg-brown h1
{
	color:#FFF;
}

.box-content-center
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:55%;
	line-height:normal;
}

.iframe-box
{
	position: relative;
	height: 0;
	padding-top: 44%;
	line-height:0;
}

.iframe-box > iframe
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
}

.white-social-icons
{
	padding-top: 10px;
}

.white-social-icons > a
{
	font-size:22px;
	color:#FFF;
	margin-right:10px;
}

.white-social-icons > a:hover
{
	color: #CBA132;
}

.stars
{
	margin-top: -5px;
	margin-bottom: 20px;
}

.stars span
{
	color: #CACAC8;
	margin-right:-4px;
}

.stars span.checked
{
	color: #d00d4b;
}

.amount 
{
    white-space: nowrap;
    color: #d00d4b;
    font-weight: bold;
}

.width-100
{
	width:100%;
}

.font12
{
	font-size:12px;
}

.font14
{
	font-size:14px;
}

.font15
{
	font-size:15px;
}

.font16
{
	font-size:16px;
}

.m-0
{
	margin:0px;
}

.ml-30
{
	margin-left:30px !important;
}

.mt-10
{
	margin-top:10px;
}

.mt-20
{
	margin-top:20px !important;
}

.mt-30
{
	margin-top:30px;
}

.mt-40
{
	margin-top:40px;
}

.mt-50
{
	margin-top:50px;
}

.mb-5
{
	margin-bottom:5px !important;
}

.mb-10
{
	margin-bottom:10px !important;
}

.mb-20
{
	margin-bottom:20px !important;
}

.mb-30
{
	margin-bottom:30px;
}

.mb-50
{
	margin-bottom:50px;
}

.p-0
{
	padding:0px;
}

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

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

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

.pb-10
{
	padding-bottom:10px;
}

.pb-20
{
	padding-bottom:20px;
}

.pb-50
{
	padding-bottom:50px;
}

.full-row
{
	margin:0px;
	max-width:unset;
}

.col-plr50-pb20
{
	padding:0px 50px 20px;
}

.border-top-ececec
{
	border-top:1px solid #ececec;
}

/***** DATEPICKER *****/
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
	display:none
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
	font-size: 14px;
	display: inline-block;
	margin-right: 5px;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #d00d4b;
	background: #d00d4b;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

@media only screen and (max-width:1080px)
{
	.box-content-center {width:90%}
}

@media only screen and (max-width:849px)
{
	.logo-left .logo {padding-bottom:0px;}
	.header-main {padding:10px;}
	.has-off-canvas {margin-right:0px !important}
	.mobile-sidebar .sidebar-menu {padding-top:0px;}
	.mobile-sidebar .nav > li.active > a {color: #d00d4b}
	.mobile-sidebar .nav > li > a > i {vertical-align:top}
	.mobile-sidebar .nav-uppercase > li > a {font-weight:normal; font-size:14px !important; color:#000; line-height:1.3;}
	.mobile-sidebar .nav .active > .children {padding-bottom:20px;}
	.mobile-sidebar ul.nav-sidebar-ul {border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:10px}
	.mobile-sidebar li.nav-dropdown-col:last-child ul.nav-sidebar-ul {border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
	.mobile-sidebar .nav-vertical > li > ul li a {color:#848482; font-size:15px; cursor:pointer}
	.mobile-sidebar .nav > li > a:hover, .mobile-sidebar .nav-vertical > li > ul li a:hover {color: #d00d4b !important;}
	.mobile-sidebar button.toggle {background-color:unset;}
	.mobile-sidebar button.toggle i {color:#000;}
	.mobile-sidebar li.has-child:hover button.toggle i {color:#d00d4b;}
	.mobile-sidebar a.button {color:#FFF !important; font-weight:700 !important; padding-left: 0px !important; padding: 10px 0px !important}
	.mobile-sidebar .nav > li > a.button:hover {color: #FFF !important; padding: 10px 0px !important;}
	.mobile-sidebar li.btn-logout {border-top:0px !important; padding-top:0px !important;}
	.mobile-sidebar li.btn-logout a.button {color:#d00d4b !important;}
	.footer-box {align-items :center; text-align:left}
	.footer-box .mb-10 {margin-bottom:0px !important}
	.footer-box > div:first-child {text-align:center;}
	footer .footer img {width:80px;}

	.slider .banner-text {width:35%}
	.slider .banner-text h6 {font-size:26px;}
	
	#top-banner.top-banner-category {height:90px;}
	#top-banner.top-banner-category #top-banner-title {text-align:center;}

	.navigation {padding:20px 0px; padding-left:10px}
	
	/*** TABLE LISTING ***/
	.table-listing {margin-bottom:0px;}
	.table-listing thead {display:none}
	.table-listing tbody tr {display:inline-block; width:100%; border-bottom:1px solid #ececec; padding-bottom:20px; margin-bottom:20px;}
	.table-listing tbody td { display:inline-block; width:100% !important; text-align:left; border-bottom: 0px; padding: 5px 10px;}
	.table-listing tbody td:first-child {text-align:center}
	.table-listing tbody td:last-child {margin-top:15px;}
	.table-listing tbody td:last-child a {color: #d00d4b; font-weight:bold}
	.table-listing tbody td:last-child a:hover {opacity:0.7}
	.table-listing tbody td:last-child a.tooltip[data-title]:hover::after {bottom:-32px;}
	
	.table-item tbody td:last-child {margin-top:0px;}
	.table-item tbody tr.total-row {padding-bottom:0px; margin-top:-20px; display:table}
	.table-item tbody tr.total-row td {display: table-cell;}
	.table-item tbody tr.total-row td:first-child {width:60% !important; text-align:left}
	.table-item tbody tr.total-row td:last-child {width:40% !important; text-align:right}
	
	.total-box {width:50%}
	/*** END TABLE LISTING ***/
	
	/*** OTHERS ***/
	.box-content-center {position:relative; width:100%; padding:30px 50px 15px 50px;}
	.order-2 {order:2}
	.iframe-box {padding-top:50%;}
	.line-in-mobile {border-bottom:2px dotted #EEE; margin-bottom:30px; padding-bottom:30px;}
	.col-plr50-pb20 { padding:0px 20px 20px; }
	.content-col {padding-left:15px;}
	.tabbed-content .nav-tabs > li, .tabbed-content .nav-tabs > li > a { width:100%; margin:0px; }
	.nav-tabs + .tab-panels {padding:20px 15px;}
	tr:last-child {margin-bottom:0px;}
	.filter-right-box {float:none; position:relative; margin-right:0px; width:100%; padding-left:0px;}
	.filter-box {margin-bottom:20px;}
	.filter-box .col {padding-bottom:0px;}
	/*** END OTHERS ***/
}

@media only screen and (max-width:760px)
{
	.header-main .logo img {max-height:60px;}
	
	.slider .banner-text {width:45%}
	.slider .banner-text h6 {font-size:20px; margin-bottom:10px; font-weight:bold}
	.slider .banner-text h2 {font-size:15px;}
	.slider .banner-text .button {margin-top:15px;}
	
	.navigation {padding:0px 10px 20px 10px;}
	.navi {width:50%;}
	.total-box {width:70%}
		
	.download-table th, .download-table td {text-align:left}
	.event-table td:nth-of-type(2):before { content: "EVENT NAME"; }
	.event-table td:nth-of-type(3):before { content: "LOCATION"; }
	.event-table td:nth-of-type(4):before { content: "DATE/TIME"; }
	.event-table td:nth-of-type(5):before { content: "STATUS"; }
	.event-table td:nth-of-type(6):before { content: "DETAIL"; top: 14.4px; }
	
	.article-table td:nth-of-type(2):before { content: "ARTICLE NAME"; }
	.article-table td:nth-of-type(3):before { content: "LAST EDITED"; }
	.article-table td:nth-of-type(4):before { content: "ACTION"; top: 14.4px; }
}

@media only screen and (max-width:549px)
{
	.header-main .logo img {max-height:50px;}		
	footer .button.is-outline, footer input[type="submit"].is-outline, footer input[type="reset"].is-outline, footer input[type="button"].is-outline {width:100%; margin-right:0px}
	.mobile-sidebar .sidebar-menu, .mfp-container {padding-top:43px;}
	.off-canvas-left .mfp-content {width:100%;}
	.mfp-close {right:unset; width:100%; text-align:left; padding-left:15px; background-color: #d00d4b; mix-blend-mode: unset; height:auto; font-size:30px; opacity:1 !important;}
	.mfp-close:after {content:'Close'; font-size:13px; display:inline-block; vertical-align:middle; margin-left:5px; margin-bottom:4px; line-height:1}
	.mfp-close:hover {opacity: 0.7 !important}
	.footer-box {font-size:14px;}
	footer .footer img {width:70px;}

	.slider .banner {padding-top:90% !important}
	.slider .slider-image {background-position:20%;}
	.slider .banner-text {left:0px; padding:20px}
	.slider .banner-text.banner-right {right:0px;}
	.slider .banner-text > div {width:80%;}
	.slider .banner-text h6 {font-size:18px;}
	.slider .banner-text .button {padding:10px 0px; width:100%;}
	
	#top-banner #top-banner-title {font-size:26px;}
	#top-banner.top-banner-category #top-banner-title {font-size:16px; padding:0px;}
	
	.navi {width:100%;}
	
	/*** PRODUCT VARIATIONS ***/
	.opt-size > label {width:40%}
	.opt-size > input {width:30%}
	.opt-size > label.text {padding-left:7px;}
	.x-mark > label {margin-left:5px;}
	/*** END PRODUCT VARIATIONS ***/

	/*** TABLE LISTING ***/
	.total-box {width:100%}
	.button-box .button {width:100%;}
	.button-box > div:first-child {padding-bottom:10px;}
	/*** END TABLE LISTING ***/

	/*** OTHERS ***/
	.ship-box {width:100%;}
	.iframe-box {padding-top:100%;}
	.col-plr50-pb20 { padding:0px 15px 20px; }
	.row .section {padding:20px 0px; padding-left:0px; padding-right:0px}
	.row-slider .flickity-prev-next-button {width:30px !important}
	.row-slider .flickity-prev-next-button svg {padding: 7px !important}
	/*** END OTHERS ***/
}

@media only screen and (max-width:350px)
{
	.slider .banner {padding-top:0px !important; height:510px;}
	.slider .slider-image {position:relative; height:auto; padding-top:100%;}
	.slider .banner-text {position:relative; top:0px; left:unset; padding:20px; width:100%;}
	.slider .banner-text.banner-right {right:unset}
	.slider .banner-text > div {position:relative; width:100%; top:0px; transform:unset}
	.flickity-page-dots {bottom:200px;}
}