/*
 *  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.5); }
.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: var(--bg-body);  border-radius: 3px;  }
/*
.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: #33bfd0; 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: 641px) {
.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: 5px; top: 11px; width: 16px; }
.closeMob { display: block; right: -10px; top: -10px; background-color: #333; 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: 550px; 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; }
}

/* 
////
//// Default Modal
////
--------------------------------------------------------------*/
#modalWrp {  margin: auto; background: #fff; border-radius: 10px; overflow: hidden;  }
#modalWrp .modalHd { padding:   0.8em 30px 0.8em 2rem; font-size: 20px; line-height: 1.2em; font-weight: 600;  border-bottom: solid 1px #f3f3f3;  }
#modalWrp .modalCtr { padding: 2rem; font-size: 14.5px; line-height: 1.6em;  }
#modalWrp .modalCtr p:last-child  { padding-bottom: 0; }
/* Secure 
--------------------------------------------------------------*/  
#modalWrp ul.ticked { padding-bottom: 0.6em; }
#modalWrp ul.ticked:last-child { padding-bottom: 0; }
#modalWrp ul.ticked li { padding-left: 1.5em; position: relative; line-height: 1.1em; padding-bottom: 0.6em; display: block;   }
#modalWrp ul.ticked li:before { content: "✓";  left: 0; top: 0; position: absolute;  color: #40914f; font-weight: 700; }
#modalWrp ul.ticked li:last-child { padding-bottom: 0; }