/*
 *  Remodal - v1.0.3
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
html.remodal-is-locked { overflow: hidden; -webkit-overflow-scrolling: auto; }
.remodal, [data-remodal-id] {
display: none;
}
.remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; }
.remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; overflow-x: auto; overflow-y: scroll; text-align: center; -webkit-overflow-scrolling: touch; }
.remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; }
.remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
.remodal-is-initialized { display: inline-block; }
.remodal-overlay { background: rgba(0,0,0,0.9); }
.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.remodal-overlay.remodal-is-opening { -webkit-animation: remodal-overlay-opening-keyframes .3s; animation: remodal-overlay-opening-keyframes .3s }
.remodal-overlay.remodal-is-closing { -webkit-animation: remodal-overlay-closing-keyframes .3s; animation: remodal-overlay-closing-keyframes .3s }
/*.remodal-is-opened { -webkit-animation: none!important; animation: none!important; transition: none!important; -webkit-transform: perspective(2px) scale(1)!important; transform: scale(1); opacity: 1!important; backface-visibility:hidden; }*/
.remodal-wrapper { padding: 10px 10px 0 }
.remodal { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 0px; /*-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);*/  background: #fff;   border-radius: 15px;  }
/*
.remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.remodal.remodal-is-opening { -webkit-animation: remodal-opening-keyframes .3s; animation: remodal-opening-keyframes .3s }
.remodal.remodal-is-closing { -webkit-animation: remodal-closing-keyframes .3s; animation: remodal-closing-keyframes .3s }
*/
.remodal.remodal-is-opening { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; }
.remodal.remodal-is-closing { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }
.remodal, .remodal-wrapper:after { vertical-align: middle }
.remodal-close { position: absolute; top: 0; left: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color .2s; transition: color .2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent }
.remodal-close:hover, .remodal-close:focus { color: #2b2e38 }
.remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif!important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center }
.remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background .2s; transition: background .2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0 }
.remodal-confirm { color: #fff; background: #81c784 }
.remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a }
.remodal-cancel { color: #fff; background: #e57373 }
.remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350 }
.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {
padding:0;
border:0
}
@-webkit-keyframes remodal-opening-keyframes { 0% {
-webkit-transform:scale(1.05);
transform:scale(1.05);
opacity:0
}
99.8% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
99.9% {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-perspective: 1000;
}
}
@keyframes remodal-opening-keyframes { 0% {
-webkit-transform:scale(1.05);
transform:scale(1.05);
opacity:0
}
99.8% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
99.9% {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-perspective: 1000;
}
}
@-webkit-keyframes remodal-closing-keyframes { from {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0 }
}
@keyframes remodal-closing-keyframes { from {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0 }
}
@-webkit-keyframes remodal-overlay-opening-keyframes { 0% {
opacity:0
}
99.8% {
opacity: 1;
}
99.9% {
opacity: 1;
-webkit-filter: blur(0);
}
100% {
opacity: 1;
-webkit-perspective: 1000;
}
}
@keyframes remodal-overlay-opening-keyframes { from {
opacity:0
}
99.8% {
opacity: 1;
}
99.9% {
opacity: 1;
-webkit-filter: blur(0);
}
100% {
opacity: 1;
-webkit-perspective: 1000;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes { from {
opacity:1
}
to { opacity: 0 }
}
@keyframes remodal-overlay-closing-keyframes { from {
opacity:1
}
to { opacity: 0 }
}
@media only screen and (min-width: 641px) {
.remodal { max-width: 860px; }
}
.lt-ie9 .remodal-overlay { background: #2b2e38 }
.lt-ie9 .remodal { width: 700px }
.remodal-is-opened * { -webkit-backface-visibility: initial !important;  /* blurry fix -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; */ }
.closeMob:after, .closeMob:before, .closeDesk:after, .closeDesk:before { content: ""; position: absolute; width: 16px; height: 2px; right: 0; top: 7px; -webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); -o-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); background-color: #1a1a1a; transition: all 0.3s ease; z-index: 1000; }
.closeMob:before, .closeDesk:before { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); }
.closeMob:after, .closeMob:before { background-color: #fff; right: 4px; top: 11px; }
.closeMob { display : block; background: #313131; height: 24px; width: 24px; right: 0; position: absolute; top: 0; z-index: 100; }
.closeDesk { display : none; height: 16px; width: 16px; position: fixed; right: 28px; top: 13px; z-index: 100; cursor: pointer; }
.remodal-is-closed .closeMob, .remodal-is-closing .closeMob, .remodal-is-closed .closeDesk, .remodal-is-closing .closeDesk { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }
@media only screen and (min-width: 641px) {
.closeMob { display: none; }
.closeDesk { display: block; }
}
@media only screen and (min-width: 741px) {
.remodal-wrapper { padding: 40px 40px 0px 40px; }
.remodal { margin-bottom: 40px; }
}
#lboxCont { text-align: left; }
#lboxCont h3, #lboxCont h4, #lboxCont h5 { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; }

/* style patch*/
.closeMob::after, .closeMob::before { background-color: #fff; height: 4px; right: 3px; top: 9px; width: 16px; }
.closeMob { display: block; right: -10px; top: -10px; background-color: (--color-body); border: 2px solid #fff; color: #fff; cursor: pointer; font-weight: bold; height: 26px; text-align: center; text-decoration: none; width: 26px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; }
.inventory-content img { width: 20.6rem; }
.remodal { max-width: 540px; padding: 0; border:0;  border-radius: 3px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); }
.remodal #lboxCont { border: 0; color: var((--color-body)); }
.remodal #page-body { padding-top: 30px; padding-bottom: 30px;}
@media only screen and (min-width: 641px) {
.closeMob { display: block; }
.closeDesk { display: none; }
.remodal #lboxCont { max-height: 75vh; overflow-y: auto; }
}
/* 
////
//// Payment Form
////
--------------------------------------------------------------*/
.payForm  { padding: 0 15px 15px 15px; background: #fff; border-radius: 15px; overflow: hidden; }
.formTitle { font-size: 25px; font-weight: 700; text-align: center; padding: 0.8em 0; display: block; margin: 0;  }
.formWrp label span.shSm { display: none; }
.formWrp .cvvInfo { background-color: #18a103; display: block; position: absolute; right: 15px; top: 15px; width: 1.2em; height: 1.2em; line-height: 1.3em; font-size: 14px; font-weight: bold; text-align: center; z-index: 40; color: #fff; border-radius: 3px; text-decoration: none!important; }
.formWrp .cvvInfo:hover { background-color: #18a103; }
.formWrp .btnWrp { clear: both; padding-top: 0;  }
.formWrp .waitMsg {color: #000!important;  text-align: center;  display: none; }
.formWrp .waitMsg:after {  background: #F8F7F3!important; } 
.payForm .processing button.btnA { display: none!important; }
.payForm .processing .waitMsg { display: block!important;}
.formWrp .waitMsg .spin { width: 1.2em; }
.formWrp .waitMsg .spin img { width :100%; }
.formWrp .cards { display: flex; justify-content: space-between; padding-top: 20px; padding-bottom: 5px; }
.formWrp .cards img { max-height: 40px; max-width: 20%;  }
.formWrp .cards img.card { border: solid 1px rgba(0,0,0,0.25); border-radius: 6px; width: 66px;  }
#orderTotals { font-size: 15px; line-height: 1.1em; border-radius: 0.6em; border: solid 1px #E7E7E7; padding: 0.4em 0.8em 0 0.8em; margin-bottom: 12px; color: #222; }
#orderTotals p { display: flex; justify-content: space-between; padding: 0.3em 0; }
#orderTotals p *:last-child { padding-left: 0.8em; }
#orderTotals p *:first-child { padding-left: 0; }
#orderTotals .totals { font-weight: bold; font-size: 1.55em; line-height: 1.1em; color: #B12704; border-top: solid 1px #E7E7E7; margin: 0.4em 0 0 0; padding: 0.6em 0 0.6em 0;}
@media only screen and (max-width: 438px) {
.formTitle { font-size: 5.7vw; }
.formWrp label span.hdSm { display: none; }
.formWrp label span.shSm { display: inline; }
#orderTotals { font-size: 3.4vw; }
}

/*cvv pop*/
.popWrp { clear: left; height: 0; position: relative; font-size: 16px; z-index: 100; }
.pop { background: #fff; min-width: 292px; max-width: 350px; width: calc(100% - 60px); box-sizing: border-box; left: auto; right: 0;  margin: 30px auto; padding: 20px; position: absolute; border-radius: 13px; font-size: .7em; text-align: center; margin-bottom: 5px; z-index: 2; box-shadow: 0 2px 10px #00000052; top: 80px; opacity: 0; visibility: hidden; transition: all .2s ease;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  right: 0; left: auto!important; }
.pop.active { opacity: 1; visibility: visible; top: -170px; } 
.pop p { margin-bottom: 10px; color: #6f7583; padding: 0 28px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; margin: 0 auto 1.2em auto; float: none; max-width: 22em;  }
.pop img { max-width: 70px; display:block; margin: 0 auto;   }
.close_pop { position: absolute; right: 0; top: 0; background: #bbc6cf; display: inline-block; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; color: #fff; margin: 10px; font-weight: 700; transition: all .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.close_pop:hover { cursor: pointer; opacity: .5 }
@media all and (max-width: 375px) {
.pop {    max-width: 100%;   width: 100%;    min-width: auto; }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 


/* 
////
////  Confirmation
////
--------------------------------------------------------------*/
.lbxConfTitle { font-size: 25px; font-weight: 700; text-align: center; padding: 0.8em 0; display: block; margin: 0;  }
.lbxConfTitle span { font-weight: 400; display: block; font-size: 0.77em;  }
#lbxConfIco { text-align: center; }
#lbxConfIco a, #lbxConfIco img { max-width: 100px; width: 25%; margin: 0 auto;  }
#lbxConfIco a img { width: 100%; }
#lbxConfIncl .title  { font-size: 20px;  font-weight: 700; text-align: center; padding: 1.0em 0 0.8em 0;  }
#lbxConfIncl .inclLst { display: flex; justify-content: center; }
#lbxConfIncl .inclLst .lst { font-size: 16px; padding-left: 1em; }
#lbxConfIncl .inclLst .lst li { padding-bottom: 0.4em; }
@media only screen and (max-width: 438px) {
.lbxConfTitle { font-size: 5.7vw; }
#lbxConfIncl .title { font-size: 4.5vw; }
#lbxConfIncl .inclLst .lst { font-size: 15px; }
}
@media only screen and (max-width: 380px) {
#lbxConfIncl .inclLst .lst { font-size: 3.9vw; }
}