@charset "utf-8";

/* HEADER
================================================== */
header#header { height:135px; background-repeat:no-repeat; background-position:left -4px; }

nav#belt { height:25px; overflow:hidden; }
nav#belt > ul { display:table; width:100%; height:40px; vertical-align:top; box-sizing:border-box; }
nav#belt > ul > li { display:table-cell; margin:0; padding:0; width:auto; height:40px; box-sizing:border-box; vertical-align:top; }
nav#belt > ul > li:nth-child(1) { padding-left:10px; width:208px; }
nav#belt > ul > li:nth-child(3) { padding-right:10px; width:208px; }

nav#belt ol { display:inline-block; margin:0; padding:inheret; height:inheret; line-height:inheret; }
nav#belt ol li { display:inherit; height:inheret; line-height:inheret; }
nav#belt ol li a { display:block; padding:0 10px; text-decoration:none; border:none; }
nav#belt ol li:first-child a { padding-left:0; }

/*nav#account .call { width:150px; }*/
nav#account .call { width:130px; }
nav#account .call a { position:relative; display:block; vertical-align:top; line-height:18px; }
nav#account .call a > span { position:absolute; top:0; right:0; left:0; display:block; width:inherit; line-height:inherit; }
nav#account .call a > dialog { position:absolute; z-index:10; top:30px; left:-15px; display:block; padding:15px; width:auto; box-sizing:border-box; border:0; visibility:hidden; white-space:nowrap; font-weight:bold; font-style:italic; }
nav#account .call a.focused > dialog,
nav#account .call a.clicked > dialog { top:50px; visibility:visible; }

nav#account #logo { position:relative; width:250px; height:44px; padding:5px 0 0 5px; }
nav#account #logo a { position:absolute; display:block; padding:0; width:250px; height:44px; white-space:nowrap; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:contain; }

nav li.search_container { position:relative; height:55px; }
	nav#nav > ul > li.search_container, nav#account > ul > li.search_container, nav#mobile_search > ul > li.search_container { padding-right:10px; width:auto; box-sizing: border-box; white-space:normal; }
	nav#account > ul > li.search_container { width:335px; }
	nav#mobile_search > ul > li.search_container { padding-right:0; width:100%; }
nav .search_container > form { position:absolute; margin:0; padding-right:50px; width:325px; height:55px; box-sizing:border-box; }

nav .search_container > form:after { position:absolute; z-index:1; top:0; right:21px; display:block; content:"\f002"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:30px; color:#fff; }

nav#mobile_search { display:none; }

nav > ul > li.search_container input { display:inline-block; margin:0; padding:0 10px; width:100%; height:55px; border-radius:0; box-sizing:border-box; text-align:left; font-weight:normal; }
nav#account .search_container > form > input { width:260px; }

#searchhint { top:55px; }

#header nav#nav, #header nav#account { height:55px; line-height:54px; background-repeat:no-repeat; background-position:left bottom; }
#header nav#account > ul > li.init { width:35px; }
#header nav#nav { /*border-bottom-width:2px; border-bottom-style:solid;*/ }
nav#nav > ul, nav#account > ul { display:table; width:100%; height:inherit; vertical-align:top; box-sizing:border-box; }
nav#nav > ul > li, nav#account > ul > li { display:table-cell; margin:0; padding:0; width:1px; height:55px; white-space:nowrap; box-sizing:border-box; vertical-align:top; }
nav#nav > ul > li.buffer { width:auto; }
nav#nav > ul > li#menu_sales { text-align: right; }

nav#account > ul > li #sc0Rfc { margin-right:0 !important; padding-top:5px !important; }

nav#account > ul > li.logo { padding:0; width:250px; height:55px; }

nav#nav > ul > li a, nav#account > ul > li content { display:block; padding:0 10px; height:inherit; }
nav#nav > ul > li a { /*background-color:#009d2c*/ }
nav#nav > ul > li a > em, nav#account > ul > li content > em { display:block; margin:0; height:30px; line-height:42px; font-size:12px; font-weight:normal; /*background-color:red; vertical-align: bottom;*/  }
nav#nav > ul > li a > span, nav#account > ul > li content > span { display:block; height:17px; font-size:22px; line-height:17px; font-weight:bold; letter-spacing: -1px; /*background-color:red; vertical-align:top;*/  }
nav#account > ul > li content > span { display:inline-block; }

nav#nav > ul > li.shop a > span { margin-top:0; height:55px; line-height:55px; }

nav#account > ul > li content > span { line-height:19px; }
nav#nav > ul > li a > span, nav#account > ul > li content > span > span { font-weight:normal; }
nav#nav > ul > li a > span > .fa, nav#account > ul > li content > span > .fa { margin:0 5px; font-weight:normal; }

nav#nav #menu_cart { width:102px; }

nav#account > ul > li.focused > menu,
nav#account > ul > li.clicked > menu { display:inline-block; }

nav#account ul li .fa-user-circle-o,
nav#account ul li#menu_cart > a > span,
nav#account ul li.bars > a > span { width:44px; height:44px; line-height:54px; vertical-align:top; }

nav#account ul li#menu_cart > menu { max-width:100%; box-sizing:border-box; }
nav#account ul li#menu_cart > a > div { position:absolute; z-index:3; right:4px; margin-top:3px; padding:0 4px; border-radius:4px; font-size:10px; }

nav#account > ul > li a { display:block; padding:0 10px; height:inherit; }

nav#nav > ul > li.init,
nav#account > ul > li.init { display:none; }

header#header.fixed { position:fixed; top:0; right:0; left:0; }
nav#account.fixed { position:fixed; top:0; right:0; left:0; }
nav#nav.fixed { position:fixed; top:55px; right:0; left:0; }

/* INTERMEDIATE
================================================== */
.cart_custom > table tbody:nth-child(1) tr td { font-size:24px; line-height:26px !important; }
.cart_custom > table tbody:nth-child(1) tr td h1 { margin: 0; padding: 0; line-height: inherit !important; }
.cart_custom .additional { position:relative; min-height:456px; }
.cart_custom .additional .scroll { position: absolute; top:0; right:0; left:0; width:auto; box-sizing: border-box }

.withquantity { display:block; /*margin-top:42px;*/ }
.withdelete { margin-top:138px; }

.cart_custom .row:nth-child(3) .twelve.columns > .scroll { margin-top:50px; }

.cart_custom .row .fa.fa-close { position:absolute; top:0; right:0; display:block; font-size:36px; background-color:red; }
.cart_custom .row .item:nth-child(1) .img > div { max-width:150px; }
.cart_custom .row .item.vend .img { max-width:75px; max-height:75px; }

.cart_custom .add .call > input { width:150px; box-sizing:border-box; text-align:right; }
.cart_custom .add .call > textarea { width:150px; box-sizing:border-box; height:45px; }
.cart_custom .add .call > button { margin-right:-2px }
.intermediate button.withdelete { display:none; }

/* CART
================================================== */
.cart_row { margin:0 0 10px; padding:0 0 10px; border-radius:0 0 4px 4px; border:1px solid #ddd; }
.cart_row .wishlist_add .focusable > menu.dropdown { position:absolute; top:50px; left:0; display:none; margin-top:0; text-align:left; }
.cart_row .wishlist_add .focusable.clicked > menu.dropdown { display:block; }
.cart_row .wishlist_add .focusable.clicked > .button { }

.cart_row .container.individual .row,
.cart_row .container.individual .row .columns .actions table,
.cart_row .container.individual .row .columns .actions form { margin-bottom:0; padding-bottom:0 !important; }

/*.cart_row.cart_custom .two.columns form.call > button { float:right; margin-top:108px; }*/
.cart_row.cart_custom .four.columns .actions { max-width:242px; }

.container.checkout .total,
.container.checkout .advance { margin:0 0 0 auto; }
.container.checkout .advance { display:block; }
.container.checkout th, .container.checkout td,
.content.register th, .content.register td { border-bottom: none; }
.container.checkout input, .container.checkout textarea, .container.checkout select, .container.checkout fieldset { margin-bottom:0; }
.content.register h2 { margin-bottom:0px; }
.content.register input, .content.register textarea, .content.register select, .content.register fieldset { margin-bottom:10px; }
.content.register content p { margin-bottom:0; }

.container.checkout.address input[name='confirm_email'],
.container.checkout.address input[name='shipname'],
.container.checkout.address input[name='shipaddr1'],
.container.checkout.address input[name='shipaddr2'],
.container.checkout.address input[name='shipcity'],

.container.checkout.shipvia select[name='shipviaty'],
.container.checkout.shipvia input[name='pickup_whse'],
.container.checkout.shipvia input[name='custpo'],
.container.checkout.shipvia textarea { width:296px; }

.container.checkout.shipvia textarea { width:296px !important; box-sizing:border-box; }

.container.checkout.payment select[name='payment_type'],
.container.checkout.payment select[name='card_id'],
.container.checkout.payment select[name='card_type'],
.container.checkout.payment input[name='card_number'] { width:266px; }

.container.checkout.payment input[name='card_name'],
.container.checkout.payment input[name='card_addr1'],
.container.checkout.payment input[name='card_addr2'],
.container.checkout.payment input[name='card_city'] { width:296px; }

.container.checkout.payment input[name='card_state'],
.container.checkout.payment input[name='card_zip'] { width:166px; }

.container.checkout.payment input[name='card_validation'] { width:103.75px; }

.container.checkout.address select[name='shipstate'],
.container.checkout.address input[name='shipzip'],
.container.checkout.address input[name='shipphone'] { width:166px; }

#checkout_wizard header { padding:0 10px; }
#checkout_wizard nav { margin-bottom:15px; }
#checkout_wizard nav ul.horizontal.list li { margin-left:7px; padding-left:7px; border-left:1px solid #333; }
#checkout_wizard nav ul.horizontal.list li:nth-child(1) { margin-left:0; padding-left:0; border-left:none; }

/* PAGES
================================================== */
#page_home #banner > .flex { height:542px; white-space:nowrap; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover; }
#page_category .content .four.columns section hr { margin:10px 0; }
#page_category .content .four.columns section details { padding-top:25px; border-top-width:1px; border-top-style:solid; }
#page_item.page > section.content { background-color:inherit; }

#page\register .content content input { width:100%; box-sizing:border-box; }

.page.sitemap section .row .four.columns > h1 { margin:0 0 2.5rem; }
.page.sitemap section .row .four.columns > ul { display:inline-block; margin:0 0 2.5rem; }

/* CHECKOUT PAGES
================================================== */
.container.checkout.address .row .columns table tbody td input,
.container.checkout.shipvia .row .columns table tbody td input { margin-bottom:5px; }
.container.checkout.shipvia .row .columns table tbody td { vertical-align:top; }

.container.checkout table:not(.total) { margin:0; }
.container.checkout table tbody tr td { padding:5px; }

.container.checkout table.total tr > td { vertical-align:top; }
.container.checkout table.total tr > td:nth-child(2) { padding-left:15px; }

.content.sales.customers { background-color:transparent; }
.content.sales.customers > .row:nth-child(1) > .columns,
.content.sales.customers .row > .columns > label { font-weight:bold; }

.content.sales.customers .row > .columns > label { display:none; }

.content.sales.customers .row > .columns { text-align:right; }
.content.sales.customers .row > .columns:nth-child(1),
.content.sales.customers .row > .columns:nth-child(2) { text-align:left; }

.content.sales.customers .customer { padding-top:4px; padding-bottom:4px; }
.content.sales.customers .customer:nth-child(odd) { background-color:#eee;  }
.content.sales.customers .customer > .row:not(.user) > .columns { padding-bottom:10px; }

.content.sales.customers .customer a { color:inherit; }
.content.sales.customers .customer > .row:not(.user) > .columns:nth-child(1)  a { text-decoration:underline; color:#cc2027; }
.content.sales.customers .customer > .row.user > .columns:nth-child(2)  a { border-bottom:1px dotted rgba(0, 0, 0, .3);  }


section.item_overview form { margin-bottom:0; }
section.item_overview hr { margin:8px 0 12px; }


/* LOCATIONS
================================================== */
button.accordion-button {background-color:#FFFFFF; color:#cc2027; cursor:pointer; width:100%; text-align:left; border:none; outline:none; transition:0.2s linear; font-size:18px; font-weight:bold; margin-bottom:-3px; min-width: 243px; }
button.accordion-button::after {content: '\002b'; float: right; }
button.accordion-button:hover {background-color:#666666; color:#FFFFFF; }
button.accordion-button.active {background-color:#666666; color:#FFFFFF; }
button.accordion-button.active::after {content: "\2212"; float: right; }
.accordion-content { padding:5px 20px 0px; border:1px solid #666666; background-color:#FFFFFF; overflow:hidden; transition:max-height 0.2s ease-in-out; min-width: 203px; color:#666666; font-size: 12px; display:none; }
.accordion-content.active { padding:5px 20px 0px; border:1px solid #666666; background-color:#FFFFFF; overflow:hidden; transition:max-height 0.2s ease-in-out; min-width: 203px; color:#666666; font-size: 12px; display:block; }

/* MEDIA QUERIES
================================================== */
@media screen {
	
	section.individual.container > .row:nth-child(1) > .columns { white-space:nowrap; box-sizing:border-box; }
	
	.cartoptions { width:100%;  border:none; }
	.cartoptions tr td { padding:0; text-align:right; border:none; }
}
@media print {}


/* MAX DESC ORDER (<=) */
@media only screen and (max-width:1350px)
{
}
@media only screen and (max-width:1150px)
{
	/*section.item_overview div .columns:nth-child(1),
	section.item_overview div .columns:nth-child(2),
	section.item_overview div .columns:nth-child(3),
	section.item_overview div .columns:nth-child(4) { width:48px; }
	section.item_overview div .columns:nth-child(1),
    section.item_overview div .columns:nth-child(3) { margin-left:0; }*/
	
	/*section.item_overview div .columns:nth-child(3) { width:40%; }
    section.item_overview div .columns:nth-child(2) { margin-left:0; }
    section.item_overview div .columns:nth-child(3) { margin-left:0; width:100%; }*/
	
    section.item_overview .cart { margin-top:65px; padding-top:15px; text-align:left; border-top:1px solid #e1e1e1; }

    /*section.content.cart_custom > .row:nth-child(2) > .columns { width:100%; }
	.cart_row.cart_custom .four.columns .actions { max-width:none; }*/
}
@media only screen and (max-width:1085px)
{
	section.individual.container > .row:nth-child(1) > .columns:nth-child(2) { width:35.33%;	}
	section.individual.container > .row:nth-child(1) > .columns:nth-child(4) { clear:left; display:block; margin-left:0; width:100%; box-sizing: border-box; text-align:left; }
	section.individual.container > .row:nth-child(1) > .columns:nth-child(4) .withdelete { margin-top:10px; }
	
	.individual.container .columns form,
	.individual.container .columns table,
	.individual.container .columns .add { margin-bottom:0; padding:0; }
}
@media only screen and (max-width:1010px)
{
    section.item_overview > .row > .columns,
	section.item_overview > .row > .columns > table { margin-left:0; width:100%; }
	section.item_overview > .row > .columns > table tr > td:nth-child(1),
	section.item_overview > .row > .columns > table tr > td:nth-child(2) { width:1px; white-space:nowrap; }
	section.item_overview > .row > .columns .wishlist_add { text-align:left; }
}
@media only screen and (max-width:1000px)
{
    #page_cart_index .item_cart { position:relative; padding:0 10px; }
    #page_cart_index .item_cart > .row { margin:0; padding:0; box-sizing:border-box; }
    #page_cart_index .four.columns { position:absolute; top:10px; right:0; left:0; margin:0; padding:0; width:100%; box-sizing:border-box; }
    #page_cart_index .eight.columns { margin:121px 0 0 0; width:100%; box-sizing:border-box; }
    section.item_cart section.individual:first-child { border-top-width:1px; }
	
	section.content.register > .row > form > .columns { float:left; display:block; margin-left:0; width:50%; box-sizing:border-box; }
}
@media only screen and (max-width:910px)
{
    header#header { height:110px; }
	
	nav#belt,
	nav#nav,
	nav#account ul li.search_container { display:none; }
	nav#account ul li.search_container > * { display:none; }

	nav#account > ul > li.init { display:table-cell; }
	nav#account > ul > li:first-child.init { display:block; }
	
	nav#mobile_search { display:block; }

    aside#menu { right:-420px; }
	
	section.individual.container > .row:nth-child(1) > .columns:nth-child(2) { width:35.33%; }
	section.individual.container > .row:nth-child(1) > .columns:nth-child(4) { clear:left; display:block; margin-left:0; width:100%; box-sizing: border-box; text-align:left; }
	
	section.content.cart_custom > .row:nth-child(2) > .columns .container .row > .columns { margin-left:0; width:100%; }
	
	section.individual.container .item .attributes { display:none; }
	section.individual.container .item.vend .img { margin:0 auto; }
	
	
	/* INTERMEDIATE
	================================================== */
	.intermediate .add .price { float:none; display:inline-block; margin:0 auto; max-width:150px; text-align:left; }
	.intermediate .add .call,
	.intermediate .actions { display:block; }
	.intermediate .add .call > input,
	.intermediate .add .call > textarea,
	.intermediate .add .call > button { float:none; display:block; margin:0 auto 1rem; max-width:150px; text-align:left; }
	.intermediate .add .call > input {}
	.intermediate .add .call > textarea {}
	.intermediate .add .call > button { box-sizing:border-box; }
	
	.intermediate .column,
	.intermediate .columns { clear:left; display:block; margin-left:0; width:100%; box-sizing: border-box; text-align:left; }
	
	.intermediate .row > .container > .row:nth-child(1) > .columns:nth-child(4) .withdelete { margin-top:10px; }
	
	.intermediate { text-align:center; }
	.intermediate  .columns,
	.intermediate  .columns form,
	.intermediate  .columns table,
	.intermediate  .columns td,
	.intermediate  .columns span { text-align:center !important; }
	
	.intermediate .columns .attributes { width:auto; }
	
	.intermediate .columns.four { padding-bottom:15px; }
	
	.intermediate .columns form,
	.intermediate .columns table,
	.intermediate .columns .add { margin-bottom:0; padding:0; }
	
	.container.checkout .total  { margin:0; }
	.container.checkout .advance { margin:0; width:100%; }
	.container.checkout .row .columns { width:100%; margin-left:0; }
	
	/* switch Vertical Position */
	.intermediate .row:nth-child(2) { -webkit-transform: scaleY(-1); transform: scaleY(-1); }
	.intermediate .row:nth-child(2) > div { -webkit-transform: scaleY(-1); transform: scaleY(-1); }
	
}
@media only screen and (max-width:895px)
{
    #page_category section.sort input[type='text'],
    #page_category section.sort select { display:block; }

    section.content.cart_custom > .row:nth-child(2) > .columns .container .row > .columns { margin-left:0; width:100%; }
	.withquantity,
	.withdelete { margin-top:10px; }
}
@media only screen and (max-width:714px)
{
	section.item_overview div .columns:nth-child(1),
    section.item_overview div .columns:nth-child(2) { width:100%; margin-left:0; }
}
@media only screen and (max-width:695px)
{
	
	/* INDIVIDUAL
	================================================== */
	.individual.container .add .price { float:none; display:inline-block; margin:0 auto; max-width:150px; text-align:left; }
	.individual.container .add .call,
	.individual.container .actions { display:block; }
	.individual.container .add .call > input,
	.individual.container .add .call > textarea,
	.individual.container .add .call > button { float:none; display:block; margin:0 auto 1rem; max-width:150px; text-align:left; }
	.individual.container .add .call > button { box-sizing:border-box; }
	
	.individual.container .column,
	.individual.container .columns { clear:left; display:block; margin-left:0; width:100%; text-align:left; }
	.individual.container .columns td { padding-bottom:0; text-align:left; }
	
	
	.cart_row { text-align:center; }
	.cart_row .columns { clear:left; display:block; margin-left:0; width:100% !important; text-align:left; }
	.cart_row .columns,
	.cart_row .columns form,
	.cart_row .columns table,
	.cart_row .columns td,
	.cart_row .columns span{ text-align:center !important; }
	
	.cart_row.cart_custom .columns.four .actions { width:100% !important; max-width:100%; }
	
	section.content.cart_custom > .row:nth-child(2) > .columns .container .row > .columns { margin-left:0; width:100%; }
	
}
@media only screen and (max-width:670px)
{
    .flex,
    #page_home #banner > .flex { background-size:cover; }
}
@media only screen and (max-width:550px)
{
	header#header { height:110px; }
	
	nav#account > ul > li:first-child.init { display:block; }
    nav#account #logo { margin:0 auto; padding:5px 0 0; }
    nav#account > ul > li:nth-child(4) { display:none; }
	nav#account > ul > li.logo { width: auto; }
	
	menu.dropdown,
	menu.dropdown.right { right:2%; left:2%; width:96%; }
	
	nav#account > ul > li menu.dropdown content { padding:0 0 10px; box-sizing:border-box; }
	
	/* switch Vertical Position */
	/*.intermediate .row:nth-child(2) { -webkit-transform: scaleY(-1); transform: scaleY(-1); }
	.intermediate .row:nth-child(2) > div { -webkit-transform: scaleY(-1); transform: scaleY(-1); }*/
	
	nav#account > ul > li menu.dropdown content .row { -webkit-transform: scaleY(-1); transform: scaleY(-1); }
	nav#account > ul > li menu.dropdown content .row > div { -webkit-transform: scaleY(-1); transform: scaleY(-1); }

    nav#main menu { -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; transition-duration:0.3s; -o-transition-duration:0.3s; }
    .sort > .column > em { margin-top:15px; }

    .slide.ad .left,
    .slide.ad .right,
    .scroll.vendors .left,
    .scroll.vendors .right { top:50%; width:30px; height:70px; margin-top:-35px; }

    section#social ul li:nth-child(3) { display:block; margin-top:10px; margin-bottom:10px; }
    section#social .beauty-supply { display:block; }

    #page_home #banner > .cover { display:none; }
    section.added .four.columns,
    section.warranty .four.columns { text-align:left; }

    section .filter .row div.eight { width:75%; }
    section .filter .row div.three { width:20%; }
	
	.container.checkout .total,	
	section.content.register > .row > form > .columns { width:100%; }
	
	.content.sales.customers .row > .columns { text-align:left; }
	.content.sales.customers .row > .columns > label { display:inline; }
}

/* MIN ASC ORDER */
@media only screen and (min-width:550px)
{
    nav#main menu:nth-child(1) hr,
    nav#main menu:nth-child(1) label,
    nav#main menu:nth-child(1) input[type=text],
    nav#main menu:nth-child(1) input[type=button],
    nav#main menu:nth-child(1) ol { display:none; }

    .sort > .column:nth-child(2) { text-align:right; }
}
@media only screen and (min-width:670px)
{
}
@media only screen and (min-width:714px)
{
}
@media only screen and (min-width:895px)
{
}
@media only screen and (min-width:910px)
{
	
}
@media only screen and (min-width:1000px)
{
	
}
@media only screen and (min-width:1150px)
{
    .columns.nowrap { display:inline-block; max-width:200px; float:left; }
    .columns.wrap { display:inline-block; overflow: hidden; }
}
@media only screen and (min-width:1350px)
{
}

@media screen and ( max-height:910px )
{
    .dialog { bottom:5%; overflow:hidden; overflow-y:scroll; }
}