/*/////////////////////////////////////////*/
/*///////////////// GLOBAL ////////////////*/
/*/////////////////////////////////////////*/

.epi-button.commitBtn {text-transform: none; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 700;}
.epi-button.commitBtn {padding: 10px 20px;}
.epi-button.commitBtn:hover {opacity: 1;}
.epi-button.no-shadow.commitBtn:hover {-webkit-box-shadow: none; box-shadow: none; opacity: 0.6;}
.epi-button.commitBtn.mb20 {margin-bottom: 20px;}
.epi-button.commitBtn.ml10 {margin-left: 10px;}
.epi-button.commitBtn.ml20 {margin-left: 20px;}
.epi-button.commitBtn.grey {background-color: #C9C9C9; border-color: #C9C9C9; color: #fff;}
.epi-button.commitBtn.grey:hover {-webkit-box-shadow: 5px 10px 30px 0 rgba(0,0,0,0.2); box-shadow: 5px 10px 30px 0 rgba(0,0,0,0.2);}
.epi-button.commitBtn.min-width {min-width: 100px;}
.epi-button.commitBtn.min-width-150 {min-width: 150px;}
.epi-button.commitBtn.no-text {padding: 10px 10px;}
.dynCont h1 {margin-bottom: 0;}
.dynCont h3 {margin-bottom: 10px; color: #262626;}
.dynCont h3.success strong {color: #60ba45;}
.dynCont h3.failed strong {color: #ca0015;}
.dynCont h4 {margin: 20px 0;}
p {color: #262626;}
.dynCont h1, .dynCont h2, .dynCont h4, .dynCont h5 {color: #262626;}
.dynCont.padding-top-50 {padding-top: 50px;}
.epi-button.side-padding-9 {padding-left: 8px !important; padding-right: 8px !important;}
a.simpLink {color: #ff8307;}

.qrHold {
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    width: 249px;
    height: 249px;
    background-image: url('../ecf/images/btn-loader-white-bg.GIF');
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 5px;
    border: 1px solid #ccc;
}

.qrHold a {background-color: #fff; display: block;}
.epi-checkbox.tick.empty.active .switch-element {background-image: url('../images/grey-tick.png');}
.epi-checkbox.active {border-color: rgba(255,131,7,1);}
.epi-checkbox.active.tick.circle .switch-element {background-color: rgba(255,131,7,1);}

@media (max-width: 450px){
    .tooltipster-base {display: none !important;}
}

.lazyLoading {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px 15px;
    background-color: #fff;
    background-size: 80px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url('../images/lazy-loading.gif');
    z-index: 1000;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -webkit-box-shadow: 0 -10px 20px 0 rgba(255,255,255,1);
    box-shadow: 0 -10px 20px 0 rgba(255,255,255,1);
    pointer-events: none;
    opacity: 0;
}

.lazyLoading.active {opacity: 1;}

.epi-menuDrop .epi-menuItem:nth-last-child(1) .epi-menuLink {border-bottom: 1px solid #eee !important;}
.fancybox-overlay {z-index: 108010 !important;}

/*////////// CHROME AUTOFILL BACKGROUND //////////*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px rgba(255,255,255,1) inset !important;}

.epi-input.springDarkbox input:-webkit-autofill,
.epi-input.springDarkbox input:-webkit-autofill:hover,
.epi-input.springDarkbox input:-webkit-autofill:focus,
.epi-input.springDarkbox input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px #e7ebef inset !important;}

.epi-input.show-password.springDarkbox .show-password-icon {background-color: #e7ebef;}

.epi-input div.epi-cell.active {-webkit-box-shadow: 0 0 0 1px rgba(81,81,81,0.8); box-shadow: 0 0 0 1px rgba(81,81,81,0.8);}

/*////////// CHROME AUTOFILL TEXT //////////*/
input:-webkit-autofill {-webkit-text-fill-color: #515151; !important; border: none !important;}
.browser-firefox input {filter: none !important;}

/*/////////////////////////////////////////*/
/*////////////////// PGB //////////////////*/
/*/////////////////////////////////////////*/

#pgbEle {margin-top: 50px; margin-bottom: 80px;}
#pgbEle .main-item.center .dynCont > * {text-align: center;}
#pgbEle .main-item.center .dynCont {text-align: center;}
#pgbEle .main-item.center .dynCont ul li {text-align: center; display: inline-block;}
#pgbEle .main-item.center .dynCont ol li {text-align: center;}

/*/////////////////////////////////////////*/
/*///////////////// TOPBAR ////////////////*/
/*/////////////////////////////////////////*/

#allContHolding {min-height: calc(100vh - 388px); padding-top: 75px; margin-top: 0;}
@media (max-width: 950px){#allContHolding {margin-top: 0; padding-top: 50px; min-height: calc(100vh - 388px);}}
#allContHolding {*zoom: 1;}
#allContHolding:before,#allContHolding:after{display: table; line-height: 0; content: "";}
#allContHolding:after{clear: both;}

#topBar .cartStuff-remove.loading {background-image: url('../ecf/images/btn-loader-white-bg.GIF');}

#topBar .cartList-item {margin-left: 20px;}
#topBar .cartList-drop-inner {min-height: 68px; -webkit-border-radius: 5px; border-radius: 5px;}
#topBar .NavLink {cursor: pointer;}
#topBar .NavLink .epi-svg {display: inline-block; margin-top: -3px; top: 2px; margin-right: 6px;}
#topBar .NavLink .epi-svg.small {width: 14px; height: 14px;}
#topBar .NavLink .epi-svg svg {fill: #262626;}
#topBar .NavLink .epi-svg svg {-webkit-transition: fill 250ms ease-out; -moz-transition: fill 250ms ease-out; -o-transition: fill 250ms ease-out; transition: fill 250ms ease-out;}
#topBar .navHold-item {margin-right: 25px;}
#topBar .NavLink {padding: 0;}
.product-page #topBar .NavLink.shop-by-event {color: #ff8307;}
.product-page #topBar .epi-haveDrop a.NavLink.shop-by-event::after {color: #ff8307;}
#topBar .navHold.left .navHold-item:nth-child(1) .NavLink {padding-left: 0;}
#topBar.minimiseBar .logoHold {padding: 4px 0;}
#topBar .logoHold {padding: 2px 0;}

#topBar .topBar-inner {height: 50px;}

#topBar .epi-button.tiny.addCart-quickBTN {font-size: 0; width: 15px; height: 15px; padding: 5px; vertical-align: middle;}
#topBar .epi-button.tiny.addCart-quickBTN.ml-10 {margin-left: 10px;}
#topBar .addCart-quickBTN {margin-left: 20px;}
#topBar .cartList-link {vertical-align: middle;}

#topBar .menuBtn-hold {float: right; text-align: center; font-size: 0; height: 100%; display: none;}
#topBar .menuBtn-hold:before {content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle;}
#topBar .menuBtn {display: inline-block; cursor: pointer; vertical-align: middle;}
#topBar .menuBar-1, #topBar .menuBar-2, #topBar .menuBar-3 {width: 23px; height: 4px; margin: 4px 0; transition: 0.4s;}
#topBar .menuBtn.change .menuBar-1 {-webkit-transform: rotate(-45deg) translate(-6px, 4px); transform: rotate(-45deg) translate(-6px, 4px);}
#topBar .menuBtn.change .menuBar-2 {opacity: 0;}
#topBar .menuBtn.change .menuBar-3 {-webkit-transform: rotate(45deg) translate(-7px, -6px); transform: rotate(45deg) translate(-7px, -6px);}

#topBar.minimiseBar .topBar-inner {padding: 5px 0;}

#topBar .cartStuff-item-inner {font-size: 0; text-align: left;}
#topBar .cartStuff-Thumb {float: none; display: inline-block; vertical-align: middle; width: 45px;}
#topBar .cartStuff-cont {float: none; display: inline-block; vertical-align: middle; width: calc(100% - 85px); padding-right: 25px;}
#topBar .cartList-drop-inner::before {content: none;}
#topBar .cartList-drop-inner {-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);}
#topBar .cartStuff-prod {color: #262626; font-size: 13px; display: inline-block;}
#topBar .cartList-heading {-webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #eee; color: #262626; text-align: left;}
#topBar .cartList-drop {padding-top: 15px;}
#topBar .cartStuff-remove {width: 20px; height: 20px; margin-top: -10px;}
#topBar .cartStuff-remove .epi-svg.small {width: 20px; height: 20px;}

#topBar .cartList-checkout {-webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;}
#topBar .cartList-checkout.grey {-webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0;}

#topBar .epi-menuDrop {width: 300px; margin-left: -150px;}
#topBar .epi-menuDrop .epi-menuLink {text-align: left;}

#topBar .epi-menuDrop .epi-subDrop {right: 270px;}
#topBar .epi-menuDrop .epi-menuLink {font-weight: 400;}
#topBar .epi-menuList {overflow-y: auto; max-height: calc(100vh - 115px); padding-right: 15px;}
#topBar .epi-menuDrop-inner {padding-right: 0;}

@media (min-width: 850px){
    #topBar .epi-menuDrop {width: 600px; margin-left: -300px;}
    #topBar .epi-menuDrop > .epi-menuDrop-inner > .epi-menuList {font-size: 0; white-space: normal;}
    #topBar .epi-menuDrop > .epi-menuDrop-inner > .epi-menuList > .epi-menuItem {display: inline-block; width: 50%;}
    #topBar .epi-menuDrop .epi-subDrop {z-index: 100;}

    #topBar .epi-menuDrop .epi-menuList .epi-menuItem:nth-child(odd) .epi-subDrop {
        right: 0; left: 270px;
    }
}

@media (max-width: 1120px){
    #topBar .navHold-item {margin-right: 15px;}
    #topBar .navHold.margin-right-30px {margin-right: 20px;}
}

@media (max-width: 1030px){
    #topBar .navHold.left {margin-left: 20px;}
    #topBar .navHold.margin-right-30px {margin-right: 10px;}
}

@media (max-width: 980px){
    #topBar .NavLink {font-size: 11px;}
}

@media (max-width: 950px){
    #topBar .menuBtn-hold {display: inline-block;}
    #topBar .topBar-inner {height: 37px;}
}

@media (max-width: 460px){
    #topBar .navHold.no-response {margin-right: 30px;}
    #topBar .cartList-item {margin-left: 15px;}
    #topBar .addCart-quickBTN {margin-left: 15px;}
}

@media (max-width: 400px){
    #topBar .cartList-item {margin-left: 15px;}
}

/*/////////////////////////////////////////*/
/*///////////////// STAGE /////////////////*/
/*/////////////////////////////////////////*/

#stage {margin-bottom: 30px;}
#stage .stageForm {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; margin-bottom: 30px;}
#stage .stageForm-inner {position: relative; font-size: 0; text-align: center; height: 100%;}
#stage .stageForm-inner::before {content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
#stage .stageForm-hold {position: relative; display: inline-block; font-size: 0; text-align: left; vertical-align: middle; width: 100%; box-sizing: border-box;}
#stage .stageForm-item {display: inline-block; box-sizing: border-box; padding: 10px; width: 33.33%; vertical-align: top;}
#stage .stage-search-btn {position: relative; padding: 10px; text-align: center;}

#stage .epi-button.commitBtn {padding: 11px 30px;}
#stage .epi-select-box ul {max-height: 200px;}
#stage .stage-bg {max-height: 100%;}
#stage .epi-input.stage-search-input input::-webkit-input-placeholder {color: #7D7D7D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#stage .epi-input.stage-search-input input:-moz-placeholder {color: #7D7D7D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#stage .epi-input.stage-search-input input::-moz-placeholder {color: #7D7D7D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#stage .epi-input.stage-search-input input:-ms-input-placeholder {color: #7D7D7D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.epi-select-box .epi-input {border-bottom: none;}
#stage .sub-event-hold {margin-top: 20px;}

.epi-input > .epi-table > .epi-cell.stage-search-cell {padding-right: 40px;}
.epi-input > .epi-table > .epi-cell .stage-search-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 17px;
    height: 17px;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url('../images/stage-search.png');
}

#stage .epi-select-box ul li:nth-child(1) {font-size: 0;}
#stage .epi-select-box ul li:nth-child(1)::before {content: "All"; font-size: 13px; font-weight: 400;}
#stage .search-info-box {height: 40px; width: 40px; box-sizing: border-box; padding: 10px;}

/*///// SELECBOX SEARCH CUSTOM STYLES /////*/
#stage .epi-select-box .epi-input.small input {text-align: left; padding: 8px 0;}
#stage .epi-select-box .epi-input div.epi-cell {border-bottom-color: #eee; border-top: 1px solid #eee; padding-left: 15px; padding-right: 15px;}
#stage .epi-select-box .epi-input .epi-cell.active {border-color: #eee !important;}
#stage .epi-select-box .epi-input.small input::-webkit-input-placeholder {text-align: left;}
#stage .epi-select-box .epi-input.small input:-moz-placeholder {text-align: left;}
#stage .epi-select-box .epi-input.small input::-moz-placeholder {text-align: left;}
#stage .epi-select-box .epi-input.small input:-ms-input-placeholder {text-align: left;}

/*///// INPUT CUSTOM STYLES /////*/
#stage .epi-input input {padding-top: 10px; padding-bottom: 10px; height: 20px;}

@media (min-width: 1450px){
    #stage .epi-select-box {height: 45px; font-size: 15px;}
    #stage .epi-input input {height: 25px; font-size: 15px;}
    #stage .epi-input input::-webkit-input-placeholder {font-size: 15px;}
    #stage .epi-input input:-moz-placeholder {font-size: 15px;}
    #stage .epi-input input::-moz-placeholder {font-size: 15px;}
    #stage .epi-input input:-ms-input-placeholder {font-size: 15px;}
    .epi-input > .epi-table > .epi-cell .stage-search-icon {top: 14px;}

    #stage .epi-select-box .epi-input.small input {font-size: 14px;}
    #stage .epi-select-box .epi-input.small input::-webkit-input-placeholder {font-size: 14px;}
    #stage .epi-select-box .epi-input.small input:-moz-placeholder {font-size: 14px;}
    #stage .epi-select-box .epi-input.small input::-moz-placeholder {font-size: 14px;}
    #stage .epi-select-box .epi-input.small input:-ms-input-placeholder {font-size: 14px;}
    #stage .epi-select-box ul li:nth-child(1)::before {font-size: 15px;}

    #stage .epi-button.commitBtn {padding: 13px 40px; margin-left: 50px; font-size: 14px;}
}

@media (max-width: 1000px){
    #stage .stageForm-item.selectevent {width: 50%;}
    #stage .stageForm-item.selectfilter {width: 50%;}
    #stage .stageForm-item.search-bar {width: 100%;}
    #stage .stage-search-btn {position: relative; text-align: center;}
    #stage .stageForm-hold {padding-right: 0; max-width: 600px;}
}

@media (max-width: 850px){
    #stage .epi-button.commitBtn {margin-left: 0;}
}

@media (max-width: 750px){
    .epi-list li.streach-60 {width: 100%;}
    .epi-list li.streach-40 {width: 100%;}
}

@media (max-width: 550px){
    #stage .stage-search-box {display: block; width: auto;}
    #stage .stage-search-btn {display: block; width: auto; text-align: center;}
}

@media (max-width: 450px){
    #stage .stageForm-item.selectevent {width: 100%;}
    #stage .stageForm-item.selectfilter {width: 100%;}
}

/*/////////////////////////////////////////*/
/*////////// EPI MENU DROP CUSTOM /////////*/
/*/////////////////////////////////////////*/

.epi-menuDrop .epi-menuDrop-inner {
    background-color: #fff;
    border: none;
    padding: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}

.epi-menuDrop .epi-subDrop {right: 170px;}
.epi-menuDrop .epi-subDrop-inner {
    background-color: #fff;
    border: none;
    padding: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}

.epi-menuDrop .epi-menuLink {border-bottom-color: #eee; color: #262626; padding: 10px 5px;}
.epi-menuDrop .epi-menuLink:hover {background-color: #fff;}
.epi-menuDrop .epi-menuArrow {border-bottom-color: #fff;}
.epi-haveDrop .epi-haveDrop .epi-menuLink::before {
    border-right-color: #CFCFCF;
    -webkit-transition: border-right-color 250ms ease-out;
    -moz-transition: border-right-color 250ms ease-out;
    -o-transition: border-right-color 250ms ease-out;
    transition: border-right-color 250ms ease-out;
}


/*/////////////////////////////////////////*/
/*//////////// CUSTOM ELEMENTS ////////////*/
/*/////////////////////////////////////////*/

/*///// SELECBOX CUSTOM STYLES /////*/
 .epi-select-box div.select-arrow {background-color: #fff; width: 35px;}
 .epi-select-box div.select-arrow span {border: none; background-image: url('../images/selectbox-arrow.png'); width: 11px; height: 6px; background-size: 100%;}
 .selected-string-inner {padding: 0 15px;}
 .item-item-inner {text-align: left; color: #38383a;}
 .epi-select-box ul li {padding-top: 8px; padding-bottom: 8px; text-align: left;}
 .epi-select-box ul li:nth-child(odd) {background-color: #fff;}
 .epi-select-box ul li:hover {background-color: #eee; color: #515151;}
 .epi-select-box.no-border .list-to-select-inner {border: none;}
 .epi-select-box div.list-to-select {-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);}
 .epi-select-box ul li.selected {font-weight: 700;}
 .epi-select-box ul li.selected:hover {background-color: #eee;}
 .epi-select-box {height: 37px; padding-right: 35px; line-height: normal;}
 .epi-select-box.error {border-color: #ff8307;}

.epi-select-box.active div.list-to-select {z-index: 100000 !important;}

/*/////////////////INFO//////////////////////*/
.lightGrey .epi-select-box.info{border: 1px solid #ccc; color: #ccc;}
.lightGrey .epi-select-box.info div.select-arrow{background-color: #fff;}
.lightGrey .epi-select-box.info ul li:nth-child(even){background-color: #fff;}
.lightGrey .epi-select-box.info ul li:hover{color: #000;}
.lightGrey .epi-select-box.info ul li.selected:hover{color: #ff8307;}
.lightGrey .epi-select-box.info ul li:nth-child(even):hover{background-color: #eee;}
.lightGrey .epi-select-box.info div.list-to-select{border: 1px solid #ccc;}
.lightGrey .epi-select-box.labeled.info label{background-color: #fff;}
.lightGrey .epi-select-box.double-sides.info {background-color: #fff;}
.lightGrey .epi-select-box.double-sides.info div.epi-table div.epi-cell.label {background-color: #fff;}
.lightGrey .epi-select-box.double-sides.info div.epi-table div.epi-cell.select-arrow {background-color: #fff;}
/*.lightGrey .epi-select-box.info .item-item-inner {color: #ccc;}*/

/*/////////////////////////////////////////*/
/*////////////// EVENTS HOLD //////////////*/
/*/////////////////////////////////////////*/

#eventHold {position: relative; margin-bottom: 60px;}
#eventHold .eventHold-inner {position: relative;}
#eventHold .eventList {display: block; margin: 0; padding: 0; text-align: center; font-size: 0;}
#eventHold .eventList-item {display: inline-block; width: 16.66%; list-style: none; vertical-align: top;}
#eventHold .eventList-inner {position: relative; margin: 15px; display: block; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0); box-shadow: 0 0 30px 0 rgba(0,0,0,0); background-color: #eee;}
#eventHold .eventList-inner img {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5;}
#eventHold .eventList-inner:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
#eventHold .eventList-inner:hover {position: relative; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);}
#eventHold .epi-button.commitBtn:hover {opacity: 1;}

#eventHold .eventList-txtHold {position: relative; width: 100%; height: 100%; padding: 5px 0; font-size: 0; text-align: center; background-color: rgba(255,255,255,1);}
#eventHold .eventList-inner:hover .eventList-txtHold {opacity: 1;}
#eventHold .eventList-inner:hover img {opacity: 1;}
#eventHold .eventList-txtHold::before {content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
#eventHold .eventList-txt {
    display: inline-block;
    width: calc(100% - 16px);
    padding: 0 8px;
    vertical-align: middle;
    font-size: 12px;
    color: #262626;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#eventHold .eventList-btnHold {position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; opacity: 0;}
#eventHold .eventList-inner:hover .eventList-btnHold {opacity: 1;}
#eventHold .eventList-btnHold::before {content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
#eventHold .eventList-btn {display: inline-block; width: calc(100% - 40px); padding: 0 20px; vertical-align: middle; text-align: center;}
#eventHold .eventList-btn .commitBtn {margin: 0;}

@media (min-width: 1450px){
    #eventHold .eventList-txt {font-size: 15px;}
    #eventHold .eventList-inner {margin: 20px;}
}

@media (max-width: 1100px){
    #eventHold .eventList-item {display: inline-block; width: 25%; list-style: none;}
    #eventHold .eventList-inner {margin: 10px;}
}

@media (max-width: 1200px) and (min-width: 1000px){
    #eventHold .eventList-inner {margin: 10px;}
}

@media (max-width: 950px){
    #eventHold .eventList-inner img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
}

@media (max-width: 750px){
    #eventHold .eventList-item {width: 33.33%;}
    #eventHold .eventList-inner {margin: 10px;}
    #eventHold .eventList-txt {font-size: 12px;}
}

@media (max-width: 550px){
    #eventHold .eventList-item {width: 50%;}
    #eventHold .eventList-inner {margin: 5px;}
    #eventHold .eventList-btn .commitBtn {font-size: 12px; padding: 10px 15px;}
    #eventHold .eventList-txt {font-size: 11px; width: calc(100% - 10px); padding: 0 5px;}
}

/*/////////////////////////////////////////*/
/*////////////// HELP SECTION /////////////*/
/*/////////////////////////////////////////*/

#helpSec {position: relative; margin-bottom: 80px;}
#helpSec .helpSec-inner {position: relative; font-size: 0; text-align: center;}
#helpSec .helpSec-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 30px);
    background-color: #eee;
    min-height: 300px;
    margin: 0 15px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0);
    box-shadow: 0 0 30px 0 rgba(0,0,0,0);
}

#helpSec .helpSec-txt {position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0; text-align: center; z-index: 50;}
#helpSec .helpSec-txt-inner {position: relative; padding: 30px;}
#helpSec .helpSec-heading {display: block; text-align: left; font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 20px;}
#helpSec .helpSec-par {margin: 0; font-size: 15px; font-weight: 700; color: #fff; text-align: left; line-height: 1.5; max-width: 600px;}
#helpSec .helpSec-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    opacity: 0.6;
}

#helpSec .helpSec-item:hover {-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);}
#helpSec .helpSec-item:hover .helpSec-txt-inner {padding-bottom: 60px;}
#helpSec .helpSec-item:hover::before {opacity: 1;}
#helpSec .helpSec-btnHold {position: absolute; bottom: 0; right: 0; width: calc(100% - 60px); padding: 30px 30px 0 30px; opacity: 0; text-align: right;}
#helpSec .helpSec-btn {display: inline-block; font-size: 14px; font-weight: 400; color: #fff;}
#helpSec .helpSec-item:hover .helpSec-btnHold {opacity: 1; padding: 30px;}
#helpSec .helpSec-btn:hover {text-decoration: underline;}

@media (min-width: 1450px){
    #helpSec .helpSec-heading {font-size: 30px;}
    #helpSec .helpSec-par {font-size: 17px;}
    #helpSec .helpSec-item {width: calc(33.33% - 40px); margin: 0 20px;}
}

@media (max-width: 1200px) and (min-width: 1000px){
    #helpSec .helpSec-item {width: calc(33.33% - 20px); margin: 0 10px;}
}

@media (max-width: 1100px){
    #helpSec .helpSec-item {width: calc(50% - 30px); margin-bottom: 20px;}
    #helpSec .helpSec-item:nth-last-child(1) {width: calc(100% - 30px);}
}

@media (max-width: 950px){
    #helpSec .helpSec-item .helpSec-txt-inner {padding-bottom: 60px;}
    #helpSec .helpSec-item .helpSec-btnHold {opacity: 1; padding: 30px;}
    #helpSec .helpSec-item {margin-bottom: 30px;}
}

@media (max-width: 800px){
    #helpSec .helpSec-item {width: calc(50% - 30px); margin-bottom: 30px;}
    #helpSec .helpSec-item:nth-last-child(1) {width: calc(100% - 30px);}
}

@media (max-width: 750px){
    #helpSec .helpSec-item {width: calc(100% - 20px); margin: 0 10px 30px 10px;}
}

/*/////////////////////////////////////////*/
/*//////////////// PAY LOGOS //////////////*/
/*/////////////////////////////////////////*/

#payLogo {position: relative; margin-bottom: 60px;}
#payLogo .payLogo-inner {position: relative;}
#payLogo .payLogo-list {display: block; margin: 0; padding: 0; text-align: center; font-size: 0;}
#payLogo .payLogo-item {display: inline-block; margin: 15px; width: 60px; list-style: none;}

/*/////////////////////////////////////////*/
/*///////////////// PRODSEC ///////////////*/
/*/////////////////////////////////////////*/

#prodSec .filterBar-right {width: 225px;}
#prodSec .filterBar-right .epi-select-box div.select-arrow span {margin-top: -4px;}
#prodSec .filterBar-right .epi-select-box.no-border {border: 1px solid #fff;}
#prodSec .filterBar-right .epi-select-box.no-border.active {border-color: #eee;}
#prodSec .filterBar-right .epi-select-box div.list-to-select {top: calc(100% + 1px); width: calc(100% + 2px); left: -1px;}
#prodSec .filterBar-right .epi-input .epi-cell {border-color: #404041;}
#prodSec .epi-input div.epi-cell.prodPage-search-cell {background-color: #404041; border-color: #404041;}
#prodSec .secMenu-filter-heading {
    font-size: 16px;
    color: #38383a;
    padding: 0 0 10px 0;
    background-color: transparent;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: initial;
}

.gridList div.gridList-img-banner {right: auto; left: 0;}
.prodInfo .prodInfo-img-inner::after {top: auto !important; bottom: 10px !important;}
/*.gridList .gridList-img-inner::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    background-image: url('../images/product-thumb-zoom-small.png');*/
/*    background-size: 15px;*/
/*    background-position: 50%;*/
/*    background-repeat: no-repeat;*/
/*    z-index: 100;*/
/*    background-color: rgba(0,0,0,0.5);*/
/*    -webkit-transition: all 250ms ease-out;*/
/*    -moz-transition: all 250ms ease-out;*/
/*    -o-transition: all 250ms ease-out;*/
/*    transition: all 250ms ease-out;*/
/*    opacity: 0.3;*/
/*}*/

.gridList .gridList-img-inner:hover::after {opacity: 1;}

.treeStruc .treeStruc-text::before {margin-top: -8px; right: 9px;}
@media(min-width: 1020px){  .gridList .gridList-item {width: 25%;}}
.gridList .gridList-title {text-transform: uppercase; color: #494949; margin-top: 15px;}
@media(min-width: 950px){.gridList .gridList-item-inner {margin: 0 20px 30px 20px;}}
#prodSec .filterBar {padding: 0 20px;}
#prodSec .prodTop-cont-inner {padding: 30px 15px 0 10px;}
@media(min-width: 850px){#prodSec .prodTop-cont-inner {padding: 30px 15px 0 40px;}}
#prodSec .epi-input div.epi-cell.prodPage-search-cell {-webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
#prodSec .epi-input.prodPage-search-input div.epi-table div.epi-cell.wrap-full {-webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border: 1px solid #ccc; border-right: none;}
.treeStruc .treeStruc-item.selected > .treeStruc-text::after {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.treeStruc .treeStruc-item.selected .treeStruc-text::before {border-color: #fff;}
.treeStruc .treeStruc-list .treeStruc-item .treeStruc-text {font-weight: 400; color: #494949; border: none; padding: 9px 30px 9px 10px;}
.treeStruc .treeStruc-list .treeStruc-item.last-year-cat .treeStruc-text {color: #89c0ff;}
.treeStruc .treeStruc-item .treeStruc-arrow::after {
    border: none;
    background-image: url('../images/tree-structure-arrow.png');
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    left: 7px;
}

.treeStruc .treeStruc-list > .treeStruc-item.active > .treeStruc-arrow::after {border: none; top: 11px; left: 7px; background-image: url('../images/tree-structure-arrow-down.png');}

.epi-select-box div.list-to-select {left: -1px;}

.gridList-select {position: absolute; top: 10px; right: 10px; z-index: 200; background-color: transparent;}
.gridList .gridList-img div.gridList-select {background-color: transparent;}
.gridList-select-inner {position: relative; width: 14px; height: 14px; border: 1px solid #eaeaea; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; padding: 2px;}
.gridList-select .epi-svg {opacity: 0;}
.gridList-select.selected .epi-svg {opacity: 1;}

#prodSec .filterBar-add {float: right; margin-top: 6px; margin-left: 20px;}
#prodSec .filterBar-menuBTN {
    font-size: 14px;
    padding: 11px 20px;
    margin-bottom: 0;
    margin-top: 6px;
    text-transform: initial;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #eee;
    color: #38383a;
}

#prodSec .filterBar-menuBTN:hover {color: #fff;}
#prodSec .filterBar-count {margin-top: 8px; color: #38383a;}
.gridList .gridList-title {font-size: 12px;}
.prodInfo .prodInfo-img-inner::after {opacity: 0.3;}
.prodInfo .prodInfo-img-inner::before {content: none; display: none;}
.prodInfo .prodInfo-img:hover .prodInfo-img-inner::after {opacity: 1; background-size: 15px;}
.gridList .gridList-img div.gridList-img-tools {background-color: rgba(255,255,255,0.8);}

@media(max-width: 950px){
    #prodSec .prodSec-menu-inner {
        padding: 30px 10px 45px 10px;
    }
}

@media (min-width: 950px){
    #prodSec .prodSec-cont {width: calc(100% - 300px);}
    #prodSec .prodSec-menu {width: 300px;}
}

@media (min-width: 450px){
    #prodSec .prodSec-menu-inner {padding: 32px 0 0 0;}
}

@media (max-width: 950px){
    #prodSec .filterBar {padding: 0 10px;}
}

@media (max-width: 900px){
    #prodSec .filterBar-add {margin-left: 10px;}
}

@media (max-width: 670px){
    #prodSec .filterBar-right {clear: both; margin-top: 10px;}
}

@media (max-width: 450px){
    #prodSec .filterBar-add {float: none; display: inline-block;}
    #prodSec .filterBar-menuBTN {float: none; display: inline-block; vertical-align: top;}
}

/*/////////////////////////////////////////*/
/*///////////// PRODUCT SINGLES ///////////*/
/*/////////////////////////////////////////*/

.prodInfo {padding: 40px 0 60px 0;}
.prodInfo .prodInfo-img-inner::after {top: 10px; right: 0; left: 10px; -webkit-border-radius: 3px; border-radius: 3px;}
.prodInfo .prodInfo-heading {font-size: 27px; color: #262626; text-transform: uppercase;}
.wisthlist-btn-large {display: inline-block; vertical-align: middle; margin-top: 0;}
.btn-hold.prod-singles-tools a {vertical-align: middle; margin-bottom: 0; margin-right: 20px;}
.btn-hold.prod-singles-tools {margin-top: 25px;}
table.epi-table.simple {border-bottom: none;}
#featProd .featProd-bg {background-color: transparent;}
#featProd {padding-bottom: 60px;}
.prodInfo .Breadcrumbs-txt {color: #262626;}

.prodInfoTable.default-info {margin-top: 25px;}
table.epi-table.simple.prodInfoTable.default-info tr td {border: none; color: #7D7D7D; padding-bottom: 15px; vertical-align: middle; white-space: nowrap;}
table.epi-table.prodInfoTable.default-info tbody tr:hover {background-color: #fff;}
.default-info .bullet {width: 8px; height: 8px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 10px; display: inline-block;}

@media (max-width: 850px){
    .btn-hold.prod-singles-tools {text-align: center;}
}

@media (max-width: 450px){
    .btn-hold.prod-singles-tools .epi-button.commitBtn.min-width {min-width: 0;}
    table.epi-table.simple.prodInfoTable {table-layout: initial;}
}

/*/////////////////////////////////////////*/
/*////////////// CONTACT PAGE /////////////*/
/*/////////////////////////////////////////*/

.contInfo {display: block; margin: 0; padding: 0; text-align: center; font-size: 0;}
.contInfo .contInfo-item {display: inline-block; font-size: 18px; color: #3b3b3b; line-height: 1.1; font-weight: 400; margin: 15px;}

.epi-input.greyCustom {background-color: #E7EBEF;}
.epi-input.greyCustom > .epi-table > .epi-cell {background-color: #E7EBEF;}
.epi-input.greyCustom input, .epi-input textarea {background-color: transparent;}
.epi-input.greyCustom input::-webkit-input-placeholder {color: #7D7D7D; font-family: 'Raleway',sans-serif;}
.epi-input.greyCustom input:-moz-placeholder {color: #7D7D7D; font-family: 'Raleway',sans-serif;}
.epi-input.greyCustom input::-moz-placeholder {color: #7D7D7D; font-family: 'Raleway',sans-serif;}
.epi-input.greyCustom input:-ms-input-placeholder {color: #7D7D7D; font-family: 'Raleway',sans-serif;}
.epi-input.greyCustom textarea::-webkit-input-placeholder {color: #7D7D7D; font-size: 13px; font-family: 'Raleway',sans-serif; font-weight: 400;}
.epi-input.greyCustom textarea:-moz-placeholder {color: #7D7D7D; font-size: 13px; font-family: 'Raleway',sans-serif; font-weight: 400;}
.epi-input.greyCustom textarea::-moz-placeholder {color: #7D7D7D; font-size: 13px; font-family: 'Raleway',sans-serif; font-weight: 400;}
.epi-input.greyCustom textarea:-ms-input-placeholder {color: #7D7D7D; font-size: 13px; font-family: 'Raleway',sans-serif; font-weight: 400;}

/*/////////////////////////////////////////*/
/*//////////////// CART PAGE //////////////*/
/*/////////////////////////////////////////*/

.purchase-option-hold {position: relative; max-width: 250px; margin-top: 5px;}
.cartTable.cartPage-table tr td {text-align: left; padding: 5px 20px; vertical-align: middle;}
.cartTable.cartPage-table tr td.cartDelBtn-hold {width: 0;}
.cartEventName {font-size: 15px; line-height: normal;}
.cartPage-table .epi-qty .qty-cell {-webkit-border-radius: 3px; border-radius: 3px;}

.cartPage-table .epi-select-box {height: 36px; font-size: 12px;}
.cartPage-table .epi-select-box .item-item-inner {margin-top: -6px;}
.cartPage-table .epi-select-box ul li:nth-child(1) {font-size: 0;}
.cartPage-table .epi-select-box ul li:nth-child(1)::before {content: "None"; font-size: 12px; font-weight: 400;}

.watermark-check-hold { font-size: 0; margin-top: 10px; line-height: normal; display: inline-block;}
.cartTable .watermark-check-hold .epic-element {display: inline-block; vertical-align: middle; margin-right: 10px;}
.watermark-check-label {display: inline-block; vertical-align: middle; font-size: 12px; margin-bottom: -2px;}

.springForm .epic-element {margin-right: 10px; margin-left: 0;}
.cartTable tr td.left {text-align: left;}
.shippAddressHold .cartTable tr td {padding: 15px;}
table.basicTable.right tr td.left {text-align: left;}
table.basicTable tr td strong.cartEventName {font-size: 15px; display: block;}
.cartTable tr td {text-align: left; padding: 5px 10px;}
.cartTable tr td.wrap-full {width: 100%;}
.cartTable tr:hover {position: relative; z-index: 10000;}
.cartTable .prodThumb {border: 1px solid #eaeaea;}

.epi-qty.radius-3 .qty-cell {-webkit-border-radius: 3px; border-radius: 3px;}
.epi-qty.radius-3 .qty-btns-cell {-webkit-border-radius: 0; border-radius: 0;}
.epi-qty.radius-3 .qty-btn.remove {-webkit-border-radius: 0; border-radius: 0;}
.epi-qty.radius-3 {-webkit-border-radius: 0; border-radius: 0;}
.warnMessage {padding: 15px; font-size: 12px; color: #fff; text-align: center; -webkit-border-radius: 5px; border-radius: 5px;}

.orderDl-Btn {width: 22px; height: 22px; display: block;}
.orderDl-Btn .epi-svg svg {
    -webkit-transition: fill 250ms ease-out;
    -moz-transition: fill 250ms ease-out;
    -o-transition: fill 250ms ease-out;
    transition: fill 250ms ease-out;
    fill: #C9C9C9;
}

/*/////////////////////////////////////////*/
/*////////////// ALERT CUSTOMS ////////////*/
/*/////////////////////////////////////////*/

.epi-alert.epi-fullpage-alert .epi-alert-heading {padding: 15px;}
.epi-alert.epi-fullpage-alert div.close-btn {top: 11px; right: 10px;}
.epi-alert.epi-fullpage-alert form {padding: 15px;}
.epi-alert.epi-fullpage-alert .epi-alert-heading-inner {font-weight: 400; color: #7D7D7D;}
.epi-alert.epi-fullpage-alert .commitBtn {margin-top: 20px;}
.formSimpLink {font-size: 12px;}
.formSimpLink strong {font-weight: 400; color: #262626;}

.epi-alert-content {position: relative; padding: 30px;}
.epi-alert.epi-fullpage-alert div.close-btn {z-index: 100;}
.sprodList {
    display: block;
    margin: 0 auto;
    padding: 15px;
    text-align: left;
    font-size: 0;
    max-width: 370px;
    margin-top: 30px;
    max-height: 200px;
    overflow: auto;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.sprodList .sprodList-item {display: block; list-style: none; margin-bottom: 15px;}
.sprodList .sprodList-item-inner {display: inline-block; vertical-align: middle;}
.sprodList .sprodList-img {width: 60px; border: 1px solid #ccc;}
.sprodList .sprodList-img-inner {margin: 1px; background-size: contain; background-position: 50%; background-repeat: no-repeat;}
.sprodList .sprodList-name {font-size: 13px; color: #494949; text-align: left; font-weight: 400; width: calc(100% - 122px); padding: 0 20px;}
.sprodList .sprodList-remove {width: 20px; cursor: pointer;}
.sprodList .sprodList-remove .epi-svg svg {
    fill: #ccc;
    -webkit-transition: fill 250ms ease-out;
    -moz-transition: fill 250ms ease-out;
    -o-transition: fill 250ms ease-out;
    transition: fill 250ms ease-out;
}

.sprodList .sprodList-remove:hover .epi-svg svg {fill: #3b3b3b;}

@media (max-width: 450px){
    .sprodList {padding: 10px; max-height: 182px;}
    .epi-alert-content {padding: 30px 10px;}
    .sprodList .sprodList-name {padding: 0 15px; width: calc(100% - 102px);}
    .sprodList .sprodList-img {width: 50px;}
}

/*/////////////////////////////////////////*/
/*///////////////// FOOTER ////////////////*/
/*/////////////////////////////////////////*/

#footer .footLogo {opacity: 1; padding: 0 10px;}
#footer .footLogo-inner {max-width: 170px;}
#footer .ftStack-btn {display: inline-block; font-weight: 400;}
#footer .ftStack-btn.caps {text-transform: initial; font-weight: 600;}
#footer .ftStack-item {margin: 8px 10px;}

@media (max-width: 450px){
    #footer .ftStack-item {text-align: center;}
}

/*/////////////////////////////////////////*/
/*///////////// INPUT OVERIDES ////////////*/
/*/////////////////////////////////////////*/

.epi-input .epi-cell {border: 1px solid #ccc;}
.epi-dropdown .epi-input .epi-cell {border: none;}
#stage .epi-select-box .epi-input div.epi-cell {border-top: none; border-bottom: 1px solid #eee;}

/*/////////////////////////////////////////*/
/*///////////// PRODUCT TOOLS /////////////*/
/*/////////////////////////////////////////*/

.gridList .gridList-img div.gridList-img-tools {
    top: 0;
    bottom: auto;
    background-color: rgba(255,255,255,0);
    opacity: 1;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
}

.gridList .gridList-item-inner:hover .gridList-img div.gridList-img-tools {background-color: rgba(255,255,255,0);}
.gridList .gridList-img-tools .tools-link.left {float: left; margin-left: 0;}
.gridList .gridList-item-inner .gridList-img-tools .tools-link svg {fill: #ffffff;}
.gridList .gridList-item-inner:hover .gridList-img-tools .tools-link.zoom svg {fill: #ff8307;}
.gridList .gridList-img div.gridList-img-tools {display: block !important;}

.gridList .gridList-img-gradient{pointer-events: none; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0,0,0) !important; background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 15%) !important;}

.gridList .gridList-img-loader{display: none; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.5) !important;}
.gridList .gridList-img-loader.loading{display: block;}
.gridList .gridList-img-loader .gridList-img-loader-icon {width: 100%; height: 100%; background: unset !important; background-image: url('../ecf/images/btn-loader-white.png') !important; background-repeat: no-repeat !important; background-size: auto !important; background-position: center !important;}

.fancybox-extension-container{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.fancybox-extension-container .fancybox-extension-container-tools-inner .tools-link {float: right;display: inline-block;width: 20px;height: 20px;margin-top: 10px;margin-right: 10px;}
.fancybox-extension-container .fancybox-extension-container-tools-inner .tools-link:hover svg{fill: #ff8307;}
.fancybox-extension-container .fancybox-extension-container-tools-inner .tools-link svg{fill: #ffffff;}
.fancybox-extension-gradient{pointer-events: none; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0,0,0) !important; background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 15%) !important;}
.fancybox-extension-container .zoom {display: none; !important; float: unset !important; opacity: 0;}

@media (max-width: 1150px){
    .gridList .gridList-item-inner {margin: 0 10px 30px 10px;}
}

@media (max-width: 1020px) and (min-width: 850px){
    .gridList .gridList-item {width: 33.33%;}
}

@media (max-width: 900px) and (min-width: 850px){
    .gridList .gridList-img-tools .tools-link {margin-left: 8px; width: 18px; height: 18px;}
    .gridList .gridList-img-tools .tools-link.left {margin-left: 0;}
}

@media (max-width: 550px) and  (min-width: 500px){
    .gridList .gridList-img-tools .tools-link {margin-left: 8px; width: 18px; height: 18px;}
    .gridList .gridList-img-tools .tools-link.left {margin-left: 0;}
}

@media (max-width: 550px){
    .gridList .gridList-item-inner .gridList-img div.gridList-img-tools {background-color: rgba(255,255,255,0.3);}
}

/*/////////////////////////////////////////*/
/*//////////////// FLEXGRID ///////////////*/
/*/////////////////////////////////////////*/

.flexGrid .flexGrid-list {display: flex; flex-flow: row wrap; margin: 0; padding: 0; text-align: left; font-size: 0;}
.flexGrid .flexGrid-item {
    position: relative;
    display: inline-block;
    flex: 1;
    max-width: 24.9%;
    min-width: 20%;
    vertical-align: top;
    list-style: none;
    padding: 10px;
    box-sizing: border-box;
}

.flexGrid .flexGrid-item-inner {position: relative; height: 100%; min-height: 100px;}
.flexGrid .flexGrid-item.onSale .flexGrid-item-inner::before {
    content: "On Sale";
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 15px;
    background-color: #ff8307;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    z-index: 100;
}

.flexGrid .flexGrid-img {
    position: relative;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #eee;
    background-image: url('../images/portrait-no-image.jpg');
}

.flexGrid .flexGrid-item.landscape .flexGrid-img {background-image: url('../images/landscape-no-image.jpg');}
.flexGrid .flexGrid-img .landscape {display: none;}
.flexGrid .flexGrid-item.landscape {min-width: 40%; flex: 1; max-width: 50.3%;}
.flexGrid .flexGrid-item.landscape .flexGrid-img .landscape {display: block;}
.flexGrid .flexGrid-item.landscape .flexGrid-img .portrait {display: none;}

.flexGrid svg {
    -webkit-transition: fill 250ms ease-out;
    -moz-transition: fill 250ms ease-out;
    -o-transition: fill 250ms ease-out;
    transition: fill 250ms ease-out;
    width: 100%;
    height: 100%;
}

/*////////// TOOLS //////////*/
.flexGrid-tools {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0;
    text-align: right;
    padding: 6px;
    box-sizing: border-box;
    z-index: 10;
    pointer-events: none;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
}

.flexGrid-tools .flexGrid-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 6px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    pointer-events: auto;
}

.flexGrid-tools .flexGrid-btn svg {fill: rgba(255,255,255,1);}
.flexGrid-tools .flexGrid-btn:hover svg {fill: #ff8307;}
.flexGrid-tools .flexGrid-btn.wishlist:hover svg {fill: #ff5153;}
.flexGrid-btn .flexGrid-icons {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    -webkit-transition: fill 250ms ease-out;
    -moz-transition: fill 250ms ease-out;
    -o-transition: fill 250ms ease-out;
    transition: fill 250ms ease-out;
}

.flexGrid-btn .flexGrid-icons.hidden {opacity: 0; pointer-events: none;}
.flexGrid-btn.active .flexGrid-icons.hidden {opacity: 1; pointer-events: auto;}
.flexGrid-btn.active .flexGrid-icons.shown {opacity: 0; pointer-events: none;}
.flexGrid-btn.active svg {fill: #ff8307;}
.flexGrid-btn.active.wishlist svg {fill: #ff5153;}

.flexGrid-tools .flexGrid-btn.loading {
    background-image: url('../images/page-loader.gif');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.flexGrid-tools .flexGrid-btn.loading svg {opacity: 0;}

/*////////// OVERLAY //////////*/
.flexGrid .flexGrid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    cursor: pointer;
    z-index: 5;
}

.flexGrid .flexGrid-overlay-inner {position: relative; height: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.flexGrid .flexGrid-overlay-icon {position: relative; width: 40px; height: 40px;}
.flexGrid .flexGrid-overlay-icon svg {fill: rgba(255,255,255,1);}
.flexGrid .flexGrid-item:hover .flexGrid-overlay {opacity: 1;}

@media (max-width: 1200px){
    /*.flexGrid .flexGrid-item {min-width: 25%;}*/
    /*.flexGrid .flexGrid-item.landscape {min-width: 50%;}*/
    .flexGrid .flexGrid-item {min-width: 35%; max-width: none;}
    .flexGrid .flexGrid-item.landscape {min-width: 65%; max-width: 65%;}
}

@media (max-width: 650px){
    .flexGrid .flexGrid-item {min-width: 50%; max-width: none;}
    .flexGrid .flexGrid-item.landscape {min-width: 100%; max-width: none;}
}

/*/////////////////////////////////////////*/
/*//////////////// OVERIDES ///////////////*/
/*/////////////////////////////////////////*/

#prodSec .prodTop.flex {margin-bottom: 15px;}
#prodSec .prodTop.flex .prodTop-cont {width: auto !important;}
#prodSec .prodTop.flex .prodTop-cont .filterBar {padding: 0; margin: 0; font-size: 0; text-align: right;}
#prodSec .prodTop.flex .prodTop-cont-inner {display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: space-between;}
#prodSec .prodTop.flex .filterBar-count {padding: 0; margin: 5px 0; display: inline-block; vertical-align: middle;}
#prodSec .prodTop.flex .dynCont > * {margin: 0; text-transform: uppercase; font-weight: 700;}
#prodSec .prodTop.flex .dynCont {margin: 5px 0; padding-right: 15px;}
#prodSec .prodTop.flex .filterBar-menuBTN {margin-top: 0; vertical-align: middle; -webkit-border-radius: 10px; border-radius: 10px;}

div.epi-alert div.close-btn {background-color: rgba(255,255,255,0.1);}
div.epi-alert div.close-btn:hover {background-color: rgba(255,255,255,0.5);}

select.epi-select-box {
    width: 100%;
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
    font-family: inherit;
}

@media (max-width: 950px){
    #prodSec .prodTop.flex .prodTop-cont-inner {align-items: center;}
}

@media (max-width: 600px){
    #prodSec .prodTop.flex .filterBar-menuBTN {padding: 8px 20px;}
}

/*/////////////////////////////////////////*/
/*/////////////// PROD POPUP //////////////*/
/*/////////////////////////////////////////*/

.epi-popup.product-popup .epi-popup-hold {width: calc(100% - 6%); margin: 20px 3%; -webkit-border-radius: 15px; border-radius: 15px;}
.epi-popup.product-popup .generic-pop-padding {padding: 0;}
.epi-popup.product-landscape-popup .generic-pop-padding {padding: 0;}
.epi-popup.max-1445 .epi-popup-hold {max-width: 1445px;}

.popProd {position: relative;}
.popProd .popProd-inner {position: relative; font-size: 0; text-align: left; display: flex; flex-flow: row wrap;}
.popProd .popProd-col {position: relative;}
.popProd .popProd-col.image {padding: 20px;}
.popProd .popProd-col.content {flex: 1;}
.popProd .popProd-col-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 20px 0;
    height: 100%;
    overflow: auto;
    font-size: 20px;
}

.popProd .popProd-img {position: relative; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; height: calc(100vh - 80px);}
.popProd .popProd-img.mobi {display: none;}
.popProd .popProdimg-bg {position: relative; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat;}
.popProd .popProdimg-bg img {width: auto; height: 100%;}

/*/////////// SCROLL STYLES ////////////*/
.popProd .popProd-col.content::after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    right: 2px;
    width: 20px;
    background-color: #fff;
    pointer-events: none;
    -webkit-transition: right 250ms linear;
    -moz-transition: right 250ms linear;
    -o-transition: right 250ms linear;
    transition: right 250ms linear;
}

.popProd .popProd-col.content:hover::after {right: 4px;}
@-moz-document url-prefix() {.popProd .popProd-col.content::after {right: 3px;} .popProd .popProd-col.content:hover::after {right: 4px;}}
.popProd .popProd-col-inner::-webkit-scrollbar {padding: 0; width: 17px;}
.popProd .popProd-col-inner::-webkit-scrollbar-thumb {background: #ccc;}

/*////////// OVERIDES //////////*/
.popProd .prodInfo {padding: 0 0 20px 0;}
.popProd .prodInfo .prodInfo-heading {text-align: left; padding-top: 15px;}
.popProd .prodInfo .btn-hold.prod-singles-tools {text-align: left;}
.popProd .prodInfo .prodInfoTable {margin: 0;}
.popProd .prodInfo table.epi-table.simple.prodInfoTable {margin-top: 20px;}
.popProd .prodInfo table.epi-table.simple.prodInfoTable.default-info tr td {padding-bottom: 10px;}

/*////////// RELATED IMAGES //////////*/
.popProd .gridList-item {width: 33.33%;}
.popProd #featProd .featProd-slide {padding: 30px 20px 0 20px;}
.popProd #featProd {max-width: 100%; overflow: hidden; padding: 0 0 20px 0;}
.popProd #featProd .dynCont h2 {margin-bottom: 10px;}

@media (max-width: 1000px){
    .popProd .gridList-item {width: 50%;}
}

@media (max-width: 850px){
    .popProd .gridList-item {width: 33.33%;}
}

@media (max-width: 650px){
    .popProd .gridList-item {width: 50%;}
}

@media (max-width: 500px){
    .popProd .gridList-item {width: 100%;}
}


/*////////// CRUMBS //////////*/
.popProd .crumbsList {display: block; margin: 0; padding: 0; text-align: left; font-size: 0;}
.popProd .crumbsList-item {display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.popProd .crumbsList-text {font-size: 13px; font-weight: 400; color: #333; opacity: 0.3;}
.popProd .crumbsList-text:hover {text-decoration: underline; opacity: 0.5;}
.popProd .crumbsList-text.active {opacity: 1;}
.popProd span.crumbsList-text {opacity: 1; font-weight: 600;}
.popProd span.crumbsList-text:hover {text-decoration: none; opacity: 1;}
.popProd span.crumbsList-text.spacer {opacity: 0.3; font-weight: 400;}
.popProd span.crumbsList-text.spacer:hover {opacity: 0.3; text-decoration: none;}

@media (max-width: 850px){
    .popProd .popProd-col-inner {padding: 20px; font-size: 0; text-align: left;}
    .popProd .popProdimg-bg img {width: 100%; height: auto;}
    .popProd .popProd-img {height: auto; width: 200px; display: none;}
    .popProd .popProd-img.mobi {display: inline-block; vertical-align: top;}
    .popProd .prodInfo {display: inline-block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 20px; vertical-align: top;}

    .popProd .popProd-inner {height: calc(100vh - 40px);}
    .popProd .popProd-col.image {display: none;}
    .popProd .prodInfo .prodInfo-heading {padding-top: 5px;}
    .popProd .prodInfo .btn-hold.prod-singles-tools {margin-top: 10px;}

    .popProd .prodInfo .epi-button.commitBtn {padding: 7px 10px;}
    .popProd .prodInfo .epi-button.commitBtn.min-width {min-width: 80px;}
    .popProd #featProd {padding-top: 20px;}
    .popProd .prodInfo table.epi-table.simple.prodInfoTable.default-info tr td {padding-bottom: 5px;}
}

@media only screen and (orientation: portrait) {
    .popProd .popProd-col-inner {padding: 20px; font-size: 0; text-align: left;}
    .popProd .popProdimg-bg img {width: 100%; height: auto;}
    .popProd .popProd-img {height: auto; width: 200px; display: none;}
    .popProd .popProd-img.mobi {display: inline-block; vertical-align: top;}
    .popProd .prodInfo {display: inline-block; width: calc(100% - 200px); box-sizing: border-box; padding-left: 20px; vertical-align: top;}

    .popProd .popProd-inner {height: calc(100vh - 40px);}
    .popProd .popProd-col.image {display: none;}
    .popProd .prodInfo .prodInfo-heading {padding-top: 5px;}
    .popProd .prodInfo .btn-hold.prod-singles-tools {margin-top: 10px;}

    .popProd .prodInfo .epi-button.commitBtn {padding: 7px 10px;}
    .popProd .prodInfo .epi-button.commitBtn.min-width {min-width: 80px;}
    .popProd #featProd {padding-top: 20px;}
    .popProd .prodInfo table.epi-table.simple.prodInfoTable.default-info tr td {padding-bottom: 5px;}
}

@media (max-width: 700px){
    .popProd .popProd-img {width: 130px;}
    .popProd .prodInfo {width: calc(100% - 130px);}
    .popProd .prodInfo .prodInfo-heading {font-size: 20px;}
    .popProd .prodInfo table.epi-table.simple.prodInfoTable {table-layout: auto;}
}

@media (max-width: 600px){
    .popProd .prodInfo .epi-button.noMobi {display: none;}
}

@media (max-width: 500px){
    .popProd .popProd-img.mobi {display: block; width: 100%; max-width: 238px; margin: 0 auto; margin-bottom: 20px;}
    .popProd .crumbsList {text-align: center;}
    .popProd .prodInfo .prodInfo-heading {text-align: center;}
    .popProd .prodInfo .btn-hold.prod-singles-tools {text-align: center;}
    .popProd .prodInfo {width: 100%; padding-left: 0;}
}

/*/////////////////////////////////////////*/
/*//////////////// LAND COLS //////////////*/
/*/////////////////////////////////////////*/

.landProdPop {position: relative;}
.landProdPop .landProdPop-inner {position: relative; overflow: auto; max-height: calc(100vh - 40px); font-size: 20px;}

/*/////////// SCROLL STYLES ////////////*/
.landProdPop::after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    right: 2px;
    width: 20px;
    background-color: #fff;
    pointer-events: none;
    -webkit-transition: right 250ms linear;
    -moz-transition: right 250ms linear;
    -o-transition: right 250ms linear;
    transition: right 250ms linear;
}

.landProdPop:hover::after {right: 4px;}
@-moz-document url-prefix() {.landProdPop::after {right: 3px;} .landProdPop:hover::after {right: 4px;}}
.landProdPop .landProdPop-inner::-webkit-scrollbar {padding: 0; width: 17px;}
.landProdPop .landProdPop-inner::-webkit-scrollbar-thumb {background: #ccc;}

/*////////// COLUMNS //////////*/
.landCols {position: relative; font-size: 0; text-align: left; padding: 0 20px;}
.landCols .landCol {position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 20px;}
.landCols .landCol.info {width: 400px;}
.landCols .landCol.related {width: calc(100% - 400px);}

/*////////// RELATED IMAGES //////////*/
.landCols #featProd .featProd-slide {padding: 20px;}
.landCols #featProd {padding-bottom: 20px;}

@media (max-width: 1000px){
    .landCols .gridList-item {width: 50%;}
}

@media (max-width: 850px){
    .landCols .gridList-item {width: 33.33%;}
}

@media (max-width: 650px){
    .landCols .gridList-item {width: 50%;}
}

@media (max-width: 500px){
    .landCols .gridList-item {width: 100%;}
}

/*////////// CRUMBS //////////*/
.landCols .crumbsList {display: block; margin: 0; padding: 0; text-align: left; font-size: 0; margin-bottom: 15px;}
.landCols .crumbsList-item {display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.landCols .crumbsList-text {font-size: 13px; font-weight: 400; color: #333; opacity: 0.3;}
.landCols .crumbsList-text:hover {text-decoration: underline; opacity: 0.5;}
.landCols .crumbsList-text.active {opacity: 1;}
.landCols span.crumbsList-text {opacity: 1; font-weight: 600;}
.landCols span.crumbsList-text:hover {text-decoration: none; opacity: 1;}
.landCols span.crumbsList-text.spacer {opacity: 0.3; font-weight: 400;}
.landCols span.crumbsList-text.spacer:hover {opacity: 0.3; text-decoration: none;}

.landImg {position: relative; padding: 40px; max-width: 700px; margin: 0 auto;}
@media (min-width: 1450px){.landImg {max-width: 1000px;}}
.landImg .landImg-bg {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

@media (max-width: 1100px){
    .landCols {padding: 0 0 0 20px;}
    .landCols .landCol.related {padding-left: 0;}

    .landCols .epi-button.commitBtn.min-width {min-width: 80px;}
    .landCols .epi-button.commitBtn {padding: 8px 10px;}
    .landCols table.epi-table.simple.prodInfoTable {table-layout: auto;}
    .landCols .landCol.info {width: 350px;}
    .landCols .landCol.related {width: calc(100% - 350px);}
}

@media (max-width: 850px){
    .landCols .landCol.info {display: block; width: auto; padding: 20px;}
    .landCols .landCol.related {display: block; width: auto; padding: 20px;}
    .landCols {padding: 0;}
    .landCols .crumbsList {text-align: center;}
    .landCols .prodInfo {padding: 0;}
    .landImg {padding-bottom: 10px;}
}

/*/////////////////////////////////////////*/
/*//////////////// MENU PANEL /////////////*/
/*/////////////////////////////////////////*/

.menuTop {padding-right: 22px;}
.menuPanel {position: relative;}
.menuPanel::after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    right: 2px;
    width: 20px;
    background-color: #fff;
    pointer-events: none;
    -webkit-transition: right 250ms linear;
    -moz-transition: right 250ms linear;
    -o-transition: right 250ms linear;
    transition: right 250ms linear;
}

.menuPanel:hover::after {right: 4px;}
@-moz-document url-prefix() {.menuPanel::after {right: 3px;} .menuPanel:hover::after {right: 4px;}}

.menuPanel .menuPanel-inner {
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 311px);
    -webkit-transition: height 250ms ease-out;
    -moz-transition: height 250ms ease-out;
    -o-transition: height 250ms ease-out;
    transition: height 250ms ease-out;
    padding-right: 20px;
}

.menuPanel .menuPanel-inner::-webkit-scrollbar {padding: 0; width: 17px;}
.menuPanel .menuPanel-inner::-webkit-scrollbar-thumb {background: #ccc;}
.minimiseBar .menuPanel .menuPanel-inner {height: calc(100vh - 272px);}
@media (max-width: 950px){
    .menuPanel .menuPanel-inner {height: calc(100vh - 272px);}
}

.menuPanel .menuPanel-hold {position: relative; min-height: 100%;}
.menuPanel .menuPanel-panel {position: absolute; top: 0; left: 0; width: 100%;}
.menuPanel .menuPanel-panel.noHeight {height: 0; overflow: hidden;}
.menuPanel .menuPanel-list {display: block; margin: 0; padding: 0;}
.menuPanel .menuPanel-item {display: block; list-style: none; margin-bottom: 5px; text-transform: capitalize;}
.menuPanel .menuPanel-link, .menuPanel .menuPanel-heading {
    position: relative;
    display: block;
    padding: 10px 30px 10px 15px;
    background-color: #F9F9F9;
    font-size: 13px;
    color: #494949;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: background-color 250ms ease-out, color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out, color 250ms ease-out;
    -o-transition: background-color 250ms ease-out, color 250ms ease-out;
    transition: background-color 250ms ease-out, color 250ms ease-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menuPanel .menuPanel-link.active {color: #ff8307;}

.menuPanel .menuPanel-heading {margin-bottom: 15px; padding: 10px 15px 10px 30px;}
.menuPanel .menuPanel-link:hover, .menuPanel .menuPanel-heading:hover {background-color: #e9e9e9;}
.menuPanel .menuPanel-link::before, .menuPanel .menuPanel-link::after {
    content: "";
    position: absolute;
    right: 10px;
    height: 2px;
    background-color: #38383A;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 10px;
}

.menuPanel .menuPanel-panel.second .menuPanel-link {padding: 10px 15px 10px 30px; background-color: transparent;}
.menuPanel .menuPanel-panel.second .menuPanel-link::before,
.menuPanel .menuPanel-panel.second .menuPanel-link::after {content: none;}
.menuPanel .menuPanel-heading::before, .menuPanel .menuPanel-heading::after {
    content: "";
    position: absolute;
    left: 10px;
    height: 2px;
    background-color: #38383A;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 10px;
}

.menuPanel .menuPanel-link::before, .menuPanel .menuPanel-heading::before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
}

.menuPanel .menuPanel-heading::before {top: 20px;}
.menuPanel .menuPanel-link::after, .menuPanel .menuPanel-heading::after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 20px;
}

.menuPanel .menuPanel-heading::after {top: 14px;}
.menuPanel .menuPanel-panel.second {
    -moz-transform: translateX(calc(100% + 25px)) translateY(0px);
    -webkit-transform: translateX(calc(100% + 25px)) translateY(0px);
    -o-transform: translateX(calc(100% + 25px)) translateY(0px);
    -ms-transform: translateX(calc(100% + 25px)) translateY(0px);
    transform: translateX(calc(100% + 25px)) translateY(0px);
}

.menuPanel .menuPanel-panel.active.second {
    -moz-transform: translateX(0px) translateY(0px);
    -webkit-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
}

.menuPanel .menuPanel-panel.first {
    -moz-transform: translateX(-120%) translateY(0px);
    -webkit-transform: translateX(-120%) translateY(0px);
    -o-transform: translateX(-120%) translateY(0px);
    -ms-transform: translateX(-120%) translateY(0px);
    transform: translateX(-120%) translateY(0px);
}

.menuPanel .menuPanel-panel.first.active {
    -moz-transform: translateX(0px) translateY(0px);
    -webkit-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
}

/*/////////////////////////////////////////*/
/*///////////// FULL PAGE LOADER //////////*/
/*/////////////////////////////////////////*/

#fullLoader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255,255,255,0.9);
    z-index: 100000;
    opacity: 1;
}

#fullLoader .fullLoader-inner {position: relative; width: 100%; height: 100%; display: flex; flex-flow: column wrap; justify-content: center; align-items: center;}
#fullLoader .fullLoader-hold {position: relative; font-size: 0; text-align: center;}
#fullLoader .fullLoader-loader {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url('../images/page-loader.gif');
    background-size: 64px;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

#fullLoader .fullLoader-txt {display: block; text-align: center; font-size: 20px; color: #262626; font-weight: 400;}

/*/////////////////////////////////////////*/
/*//////////////// MENU IMAGE /////////////*/
/*/////////////////////////////////////////*/

.menuImage {position: relative; margin-bottom: 30px;}
.menuImage .menuImage-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

/*/////////////////////////////////////////*/
/*/////////////////// MENU ////////////////*/
/*/////////////////////////////////////////*/

#prodSec .secMenu-menu {
    max-height: calc(100vh - 86px);
    overflow: auto;
    padding-top: 36px;
    box-sizing: border-box;
}

#prodSec .prodSec-menu-inner {padding-top: 0;}
#prodSec .secMenu-menu-inner { padding-bottom: 30px;}
#prodSec .secMenu-closeBTN {right: 20px; z-index: 100;}

.menuPanel .menuPanel-inner {height: auto;}
.menuPanel .menuPanel-panel {position: relative; top: auto; left: auto;}
.minimiseBar .menuPanel .menuPanel-inner {height: auto;}

@media (max-width: 950px){
    #prodSec .prodSec-menu {z-index: 1100;}
    #prodSec .secMenu-menu {max-height: calc(100vh - 61px);}
}

/*/////////////////////////////////////////*/
/*////////////// SHARE LINK ///////////////*/
/*/////////////////////////////////////////*/

.noteMessage {}

.shareLink {position: relative; cursor: default; z-index: 1000;}
.shareLink .shareLink-txt {font-size: 1rem; font-weight: 400; color: #262626; display: block;}
.shareLink .shareLink-drop {
    position: absolute;
    top: 100%;
    right: 0;
    width: 350px;
    padding-top: 10px;
    opacity: 0;
    pointer-events: none;
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.shareLink:hover .shareLink-drop {
    opacity: 1;
    pointer-events: auto;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.shareLink .shareLink-drop-inner {
    position: relative;
    padding: 20px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.shareLink .shareLink-drop-txt {margin: 0 0 10px 0;}
.shareLink .shareLink-drop-note {color: #ff8307; margin: 10px 0 0 0; display: none; font-size: 12px;}
.shareLink .shareLink-url {position: relative; display: flex; flex-flow: row nowrap; align-items: center;}
.shareLink .shareLink-url-col {position: relative;}
.shareLink .shareLink-url-col.w100 {flex: 1;}
.shareLink .shareLink-url-col:nth-child(odd) {padding-right: 10px;}
.shareLink .shareLink-url-col:nth-child(even) {padding-left: 10px;}
.shareLink .shareLink-input {
    border: 2px solid rgba(0,0,0,0.2);
    padding: 10px 15px;
    box-sizing: border-box;
    width: 100%;
    color: #262626;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 45px;
}

.shareLink.right .shareLink-drop {right: auto; left: 0;}
.shareLink.center .shareLink-drop {right: 50%; margin-right: -175px;}

.shareLink .shareLink-head {display: flex; flex-flow: row nowrap; align-items: center; margin-bottom: 15px; width: 100%;}
.shareLink .shareLink-drop-txt {flex: 1; margin-bottom: 0;}
.shareLink .shareLink-socialIcon {width: 20px; height: 20px; cursor: pointer; margin-left: 10px;}
.shareLink .shareLink-socialIcon svg {
    width: 100%;
    height: 100%;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    fill: #505050;
}

.shareLink .shareLink-socialIcon:hover svg {fill: #ff8307;}

@media (max-width: 800px){
    .shareLink.mobiRight .shareLink-drop {right: 0; left: auto;}
}

@media (max-width: 560px){
    .shareLink .shareLink-drop {right: 50%; width: 300px; margin-right: -150px;}
    .shareLink.center .shareLink-drop {margin-right: -150px;}
}

@media (max-width: 550px){
    .shareLink.mobiRight .shareLink-drop {right: auto; left: 0;}
}

@media (max-width: 350px){
    .shareLink .shareLink-drop {width: 280px; margin-right: -140px;}
    .shareLink.center .shareLink-drop {margin-right: -140px;}
}

/*/////////////////////////////////////////*/
/*////////////// CUSTOM NOTE //////////////*/
/*/////////////////////////////////////////*/

.noteMessage {text-align: center;}
.noteMessage span {
    display: inline-block;
    padding: 10px 10px 10px 40px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #4980a1;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align: left;
    position: relative;
}

.noteMessage span::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 10px;
    width: 24px;
    height: 24px;
    background-image: url('../images/warning-icon.png');
    background-size: contain;
    background-position: center;
}

/*/////////////////////////////////////////*/
/*/////////// CART CONFIRMATION ///////////*/
/*/////////////////////////////////////////*/

/*///// DELETE CONFIRMATION /////*/
.cartTable tr.confirmRemove td {padding-top: 27px;}
.cartTable .confirmDeleteMessage {top: 1px;left: 0; width: calc(100% - 10px); background-color: #ff5153;}
.cartTable .confirmDeleteMessage span {font-size: 13px; color: #fff;}
.cartTable .confirmDelete {top: 24px; height: calc(50% - 12px);}
.cartTable .confirmDelete-cancel {top: calc(50% + 12px); height: calc(50% - 12px);}

/*///// ADJUSTMENT CONFIRMATION /////*/
.cartTable tr.confirmAdjust td {padding-top: 27px;}
.cartTable .confirmAmountMessage {top: 1px;left: 0; width: calc(100% - 10px); background-color: #4980a1;}
.cartTable .confirmAmountMessage span {font-size: 13px; color: #fff;}
.cartTable .confirmAmount {top: 24px; height: calc(50% - 12px);}
.cartTable .confirmAmount-cancel {top: calc(50% + 12px); height: calc(50% - 12px);}

@media (max-width: 600px) {
    .epi-list.order-history-form  li.streach-50 {width: 100%;}
    .epi-list.order-history-form li.streach-25 {width: 50%;}
}

.epi-multi-select .arrow-cell {border: 1px solid #555;border-left: none;}
.epi-multi-select .select-cell {height: 37px}
.lightGrey  .epi-multi-select .arrow-cell {border-color: #ccc;}
.lightGrey .epi-multi-select .select-cell {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.lightGrey .epi-multi-select .multiSel-inner {border-color: #ccc;}
.epi-multi-select .drop-arrow {
    border: none;
    background-image: url('../images/selectbox-arrow.png');
    width: 11px;
    height: 6px;
    background-size: 100%;
}

.lightGrey .epi-multi-select .drop-arrow {background-image: url('../images/selectbox-arrow-light.png');}

.epi-multi-select-not-loaded {height: 37px; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px;}
.epi-select-box {height: 37px;}

.epi-alert .alert-header {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    padding: 10px 20px;
    background-color: #ff8307;
    align-items: center;
}
.epi-alert .alert-header-icon {width: 30px; margin-right: 20px;}
.epi-alert .alert-header-title {font-size: 20px; display: block; color: #fff; width: 100%; text-align: left;}