:root {
    --eqdColor1: #ffffff;
    --eqdColor2: #000000; /* NAV LINKS .eqc-NavButton, CART ICON 2 .eqcViewCart2On svg,   */
    --eqdColor3: #e1e1e1; /* HR,   */
    --eqdColor4: #4e3827; /* CART ICON .eqcViewCart2 */
    --eqdColor5: #6a8e3d;
    --primaryColor: #6a8e3d;
    --secondaryColor: #4e3827;
    --eqdRed: #ed1c24;
}

/*CUSTOM COLORS*/
.perks-green{
	background-color: #6a8e3d;
}
.perks-coffee{
	background-color: #4e3827;
}
.perks-green-lt{
    color: #93af69;
}

}
.white-alpha{
	background-color: rgba(255, 255, 255, .5);
}

.text-shadow{ 
	text-shadow: 0px 0px 10px #000;
}
.footer-custom{
    color:white;
    text-align:center;
    background-color:var(--primaryColor);
    background-image: url("https://qnet.e-quantum2k.com/~symphonix/STORE.gfx/store_files/273/logo-ppc-bar-bg.png");
    background-repeat: repeat-x;
    padding:140px 0 30px;
    margin: 100px 0 0;
    font-size: 1.3em;
}

.login-block{
    background-color: #6a8e3d; padding: 10px; font-size: 1.3em; color: white; margin-top: 50px; border-radius: 10px;
}

.eqd-Body{
    padding-bottom: 0px;
    background-image: url(https://qnet.e-quantum2k.com/~symphonix/STORE.gfx/store_files/273/logo-ppc-bar-bg.png);
    background-repeat: repeat-x;
    background-position-y: bottom;
}


.kitItemDesc {
    font-size: 24px;
    font-weight: 700;
    overflow: auto;
    white-space: normal;
    text-overflow: inherit;
}
.kitTabArea {
    font-size: 15px;
    line-height: 1.4em;
}

██████  ████████ ███    ██ 
██   ██    ██    ████   ██ 
██████     ██    ██ ██  ██ 
██   ██    ██    ██  ██ ██ 
██████     ██    ██   ████ 


.eqcButtonStd{

}
.eqcStd-1{

}



/*STYLES
<link rel="stylesheet" href="https://qnet.e-quantum2k.com/~symphonix/STORE.gfx/store_files/273/custom-pacific.css">

Nav-bg
https://qnet.e-quantum2k.com/~symphonix/STORE.gfx/store_files/273/perks-nav-bg.jpg

LOGO
https://qnet.e-quantum2k.com/~symphonix/STORE.gfx/store_files/273/logo-pacific-200.png
*/

.bg-img{
	background-image: url('https://qnet.e-quantum2k.com/~symphonix/STORE.gfx/store_files/273/perks-home-hero.jpg');
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
}

.eqd-hr{
    padding: 0;
    margin: 10px 0;
    height: 0px;
    display: none;
}
hr:not([size]) {
    height: 0px;
    display: none;
}

.eqd-Heading {
    color: var(--eqdColor4);
    font-weight: 700;
    font-size: 34px;
    margin-top: 0px;
    text-align: center;
    background-color: #93af69;
    background-image: url("https://qnet.e-quantum2k.com/~symphonix/STORE.gfx/store_files/273/perks-nav-bg-bar.jpg");
    background-repeat: repeat-x;
    margin: 0;
    padding: 30px 0;
}


/*
  _   _     __      __  ____          _____  
 | \ | |   /\ \    / / |  _ \   /\   |  __ \ 
 |  \| |  /  \ \  / /  | |_) | /  \  | |__) |
 | . ` | / /\ \ \/ /   |  _ < / /\ \ |  _  / 
 | |\  |/ ____ \  /    | |_) / ____ \| | \ \ 
 |_| \_/_/    \_\/     |____/_/    \_\_|  \_\
                                              
*/

/*NAV BAR*/

.eqc-NavBar{
    background-color: var(--primaryColor);
    padding: 0px 0px;
    font-size: 16px;
    font-weight: 700;
}

.eqc-NavButton{
    color: var(--eqdColor1);
    padding: 15px 20px;
}
.eqc-NavButton:hover {
    color: var(--primaryColor);  
    opacity: 1.0;
    background-color: #9CB865;
}
#eqcNavHome{
	color: var(--eqdColor1);
    opacity: 1.0;
}
#eqcNavShop{
	color: var(--eqdColor1);
    opacity: 1.0;
}
#eqcNavReports{
	color: var(--eqdColor1);
    opacity: 1.0;
}
#eqcNavProfile{
	color: var(--eqdColor1);
    opacity: 1.0;
}
#eqcNavContact{
	color: var(--eqdColor1);
    opacity: 1.0;
}
#eqcNavLogout{
	color: var(--eqdColor1);
    opacity: 1.0;
}

/*
   _____          _____ _______   _____ _____ ____  _   _ 
  / ____|   /\   |  __ \__   __| |_   _/ ____/ __ \| \ | |
 | |       /  \  | |__) | | |      | || |   | |  | |  \| |
 | |      / /\ \ |  _  /  | |      | || |   | |  | | . ` |
 | |____ / ____ \| | \ \  | |     _| || |___| |__| | |\  |
  \_____/_/    \_\_|  \_\ |_|    |_____\_____\____/|_| \_|
*/
/*CART ICON*/

.eqcViewCart2 svg{
	height:40px;
	width:40px;
	fill: var(--secondaryColor);
}
.eqcViewCart2On svg{
	height:40px;
	width:40px;
	fill: var(--secondaryColor);
}
.eqcViewCart2CntOn{
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    background-color: var(--secondaryColor);
    padding: 5px 14px;
    border-radius: 50%;
}

/*
   _____ ______          _____   _____ _    _ 
  / ____|  ____|   /\   |  __ \ / ____| |  | |
 | (___ | |__     /  \  | |__) | |    | |__| |
  \___ \|  __|   / /\ \ |  _  /| |    |  __  |
  ____) | |____ / ____ \| | \ \| |____| |  | |
 |_____/|______/_/    \_\_|  \_\\_____|_|  |_|
*/
/*SEARCH*/

.qnsearch{
	padding: 0px 0 38px 0;
	border-bottom-color: var(--secondaryColor);
	margin-bottom: 32px;
}
.ESearchMagnify{
    width: 30px;
    height: 30px;
    padding-bottom: 10px;
    fill: var(--secondaryColor);
}
.qnsearch input{
	padding: 12px 0 12px 0;
	border-bottom-color: var(--secondaryColor);
    margin-bottom: 28px;
	font-size: 20px;
	width: 178px;
	margin-top: 14px;
}
.qnsearchButton{
	background-color: var(--secondaryColor);
	color: var(--eqdColor1);
	font-size: 16px;
	padding: 6px 10px 6px 10px;
}

/*
   _____ _____ _____  ______   _   _     __      __
  / ____|_   _|  __ \|  ____| | \ | |   /\ \    / /
 | (___   | | | |  | | |__    |  \| |  /  \ \  / / 
  \___ \  | | | |  | |  __|   | . ` | / /\ \ \/ /  
  ____) |_| |_| |__| | |____  | |\  |/ ____ \  /   
 |_____/|_____|_____/|______| |_| \_/_/    \_\/    
*/
/*SIDE NAV*/
.yc2Level1{
	font-size: 16px;
    height: auto;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
}
.yc2Level1 > a{
	color: var(--primaryColor);
	font-size: 16px;
    height: auto;
    padding: 8px 0;
}
.yc2Level2{
	font-size: 16px;
    height: auto;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.yc2Level2 > a{
	color: var(--primaryColor);
	font-size: 15px;
    height: auto;
    padding: 8px 0 8px 16px;
}
.CatalogLineInActive{
	background-color: var(--primaryColor);
	font-size: 18px;

}

.qnstatus{
	font-size: 2em;
	color: var(--primaryColor);
	font-weight: 400;
}


/*
  _      _____  _____ _______ 
 | |    |_   _|/ ____|__   __|
 | |      | | | (___    | |   
 | |      | |  \___ \   | |   
 | |____ _| |_ ____) |  | |   
 |______|_____|_____/   |_|   
*/
/*LIST VIEW*/

.cvListDescLong{
	text-transform: none;
	font-size: 14px;
}
.cvListPriceBrk a{
	color: var(--primaryColor);
}

/*
   _____          _____ _______ 
  / ____|   /\   |  __ \__   __|
 | |       /  \  | |__) | | |   
 | |      / /\ \ |  _  /  | |   
 | |____ / ____ \| | \ \  | |   
  \_____/_/    \_\_|  \_\ |_|   
*/

/*CART PAGE*/

.vcNavButton{
	margin: 42px 0 1px 15px;
    padding: 8px 26px;
    font-size: 1.5em;
}
.vcHeader{
	background-color: var(--eqdColor4);
	padding: 15px 0;
	font-size: 15px;
}
.vcDetail1{
    font-size: 16px;
    padding: 15px 0;
}
.vcDetail2{
    font-size: 16px;
    padding: 15px 0;
}
.divVcDetail1{
    font-size: 16px;
    padding: 15px 0 0 0;
    margin-left: 0;
    width: auto;
    background-color: #e2e2e2;
}
.divVcDetail2{
    font-size: 16px;
    padding: 15px 0 0 0;
    margin-left: 0;
    width: auto;
    background-color: #e2e2e2;
}
.vcExtraPrompt{
	font-size: 16px;
	padding: 15px 0;
}

.vcExtraData{
	font-size: 16px;
	padding: 15px 0;
}
.iconEdit{
	background-color: var(--secondaryColor);
}
.shpBillShip{
	margin-top: 2em;
}
.shpShipBox{
	background-color: var(--eqdColor3);
	border: solid 2px var(--eqdColor4);
}
.shpShipHead{
	color: var(--secondaryColor);
	font-size: 1.9em;
	font-weight: 700;
}
.shpShipAddrBox {
    font-size: 1.5em;
    font-weight: 300;
}
.shpBillBox{
	background-color: var(--eqdColor3);
	border: solid 2px var(--eqdColor4);
}
.eqd-Title{
	color: var(--primaryColor);
	font-weight: 700;
	font-size: 2em;
	margin: 40px 0 40px 0;
}
.shpNavButton{
	margin: 42px 0 1px 15px;
    padding: 8px 26px;
    font-size: 1.5em;
}
.shpNavButtonAlt{
	border: 2px solid var(--secondaryColor);
	color: var(--secondaryColor);
	margin: 62px 0 0 12px;
}
.eqd-FormInput{
	font-size: 1.3em;
	border: 1px solid var(--secondaryColor);
}
.eqcCombo{
	font-size: 1em;
	border: 1px solid var(--secondaryColor);
	padding: 6px;
}
.eqd-FormTextArea{
	border: 1px solid var(--secondaryColor);
}


.qupPopup{
	top: 40%;
}

/*
   _____ _    _ ______ _____ _  ______  _    _ _______ 
  / ____| |  | |  ____/ ____| |/ / __ \| |  | |__   __|
 | |    | |__| | |__ | |    | ' / |  | | |  | |  | |   
 | |    |  __  |  __|| |    |  <| |  | | |  | |  | |   
 | |____| |  | | |___| |____| . \ |__| | |__| |  | |   
  \_____|_|  |_|______\_____|_|\_\____/ \____/   |_|   
*/
/*CHECKOUT*/
.c2NavButton{
	margin: 42px 0 1px 15px;
    padding: 8px 26px;
    font-size: 1.5em;
}
.c2NavButtonAlt{
	border: 2px solid var(--secondaryColor);
	color: var(--secondaryColor);
	margin: 60px 0 0 12px;
    font-size: 13px;
}
.c2HeadBlock{
	background-color: var(--primaryColor);
	font-size: 1.5em;
}
.c2Col1{
    width: calc(100% - 260px);
}
.c2ColWrap1-2{
	font-size: 1.3em;
}
.c2FieldsCol2{
	margin-left: 50px;
}
.c2FieldsCol1{
	font-size: 1.3em;
}
.c2RadioSVG{
fill: var(--secondaryColor);
}
.spc2a{
	font-size: 1.5em;
	color: var(--secondaryColor);
}
.qupDetailLine{
    font-size: 20px;
}
.c2TotButton{
    font-size: 16px;
    padding: 10px 20px;
    background-color: var(--secondaryColor);

  animation: cssAnimation_0 1169ms 10 ease-in-out;
}

@keyframes cssAnimation_0 {
  to {
    box-shadow: 0px 0px 27px 13px rgba(194, 84, 0, 0.8);
  }
}



.c2PopButton{
    font-size: 16px;
    padding: 10px 20px;
    background-color: var(--secondaryColor);
}

/*
  _____  ______ _______       _____ _      
 |  __ \|  ____|__   __|/\   |_   _| |     
 | |  | | |__     | |  /  \    | | | |     
 | |  | |  __|    | | / /\ \   | | | |     
 | |__| | |____   | |/ ____ \ _| |_| |____ 
 |_____/|______|  |_/_/    \_\_____|______|
*/
/*ITEM DETAIL*/

.idPM_Main{
    width: 800px;
}
.kitArea{

}
.kitCol2{
    width: 474px;
}
.idPM_Matrix1{
    width: 20%;
}
.idPM_Body{
    width: 75%;
}
.idPM_Matrix2{
    width: 90%;
}

.idPM_HeadAttribute_X div {
    background-color: var(--primaryColor);
    color: var(--eqdColor1);
    font-weight: 400;
    font-size: 16px;
}

.idPriceLine {
    color: var(--eqdColor2);
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    top: 50px;
}

.idPM_HeadUnitPrice_X {
    FONT-VARIANT: JIS04;
    font-weight: 400;
    font-size: 16px;
}

h2{
    margin-block-start: 0;
    margin-block-end: 0;
}
h3{
    margin-block-start: 0;
    margin-block-end: 0;
}
ul{
    margin-block-start: 0;
    margin-block-end: 0;
    line-height: .9em;
}
.kitItemDesc {
    font-size: 24px;
    font-weight: 700;
    overflow: auto;
    white-space: normal;
    text-overflow: inherit;
}
.kitTabArea {
    font-size: 15px;
    line-height: 1.4em;
    width: 95%;
}
.idPricePopup{
    left: 16px;
    width: auto;
    border: 1px solid var(--primaryColor);
    font-size: 15px;
}
.idPB_Title {
    font-size: 15px;
    font-weight: 700;
    margin: 0px;
    padding: 15px 0px 15px 4px;
}
.idPB_Head{
    padding: 0;
    margin: 0;
}
.idPB_Head div {
    display: inline-block;
    padding: 10px 20px;
}
.idPB_Head_Qty{
    text-align: left;
}
.idPB_Head_Price{
    text-align: left;
}
.idPB_Body{
    margin: 0;
    padding: 0 10px 10px;
}
.idPB_Line_Qty{
    text-align: left;
}
.idPB_Line_Price{
    margin-left: 20px;
}
.kitPriceBreakLine{
    padding: 5px  0 5px 0;
}
.kitPriceBreakQty{
    width: 90px;
    text-align: left;
    margin-left: 10px;
    border-bottom: 1px solid #e2e2e2;
}
.kitPriceBreakSelect{
    color: #FFFFFF;
    background-color: var(--secondaryColor);
    float: left;
    width: auto;
    text-align: left;
    /* margin-left: 5px; */
    /* margin-top: -5px; */
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    padding: 5px 15px;
    text-transform: uppercase;
    margin: -10px 0 4px 0px;
}

/*
██████   ██████  ██████  ██    ██ 
██   ██ ██    ██ ██   ██  ██  ██  
██████  ██    ██ ██   ██   ████   
██   ██ ██    ██ ██   ██    ██    
██████   ██████  ██████     ██  
*/

.cvGridMid {
    height: auto;
    overflow: inherit;
}

.cvGridDesc {
    color: var(--eqdColor5);
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    margin-top: 8px;
    overflow: auto;
    white-space: normal;
    text-overflow: inherit;
    transition: all 0.3s ease-in-out 0s;
}

.cvGridPriceBrk {
    color: #424242;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    background-color: var(--eqdColor3);
    padding: 10px;
    margin: 14px 60px 14px 0;
}
.cvGridPriceBrk a {
    text-decoration: none;
}

.vcFoot{
    font-size: 20px;
}