

.jetblack-junglewalk{display: flex;gap:30px;}
.jetblack-junglewalk .col1{width:55%;}
.jetblack-junglewalk .col2{width:45%;}
.jetblack-junglewalk.woo-table .col2 > .inner{box-shadow: none;}
.jetblack-junglewalk.woo-table .col2 > div > div > .inner{background: #F7F7F7;padding: 20px 35px 40px;}

#jw-stickycol{transition: all linear  0.1s;transition-delay:0;}

#jb-junglewalk .section.inactive{display:block;}
#jb-junglewalk .section.active{display:none;}
#jb-junglewalk.active .section.inactive{display:none;}
#jb-junglewalk.active .section.active{display:block;}

.popup{position: absolute;top:10vh;left:10px;right:10px;z-index:+5001;}
.popup .inner{position: relative;background:#FFF;border-radius: 10px;padding:45px 25px 50px 25px; width:850px;max-width:calc(100% - 50px);margin-left:auto;margin-right:auto;}
#pop-overlay{display:none;position: fixed;top:0;right:0;bottom:0;left:0;z-index:+5000;background:rgba(0,0,0,0.5)}

.popup .close{position: absolute;right:15px;top:15px;background:#EEE;color:#AAA;border-radius: 50%;width:25px;height:25px;text-align:center;
transition: all ease-in-out 0.2s;line-height:1.4em;}
.popup .close:hover{background:#FFF;color:#F00;}
.popup .pcol1{width:45%;padding-right: 2%;}
.popup .pcol2{width:53%;}
.popup .table > div > div{vertical-align: top;}
.popup h3.tt{text-transform: none;font-size:27px;}
.popup h3.prc{}
.popup h5.ttg{font-size:12px;text-transform: uppercase;color:#F60;}
.popup .desc{margin-top:10px;font-size:14px;}
.popup .desc h4{font-size:15px;}
.popup .morelink{padding-top:15px;}
.popup .specs{border-top:solid 1px rgba(0,0,0,0.1);margin-top:10px;font-size:13px;}
.popup .specs h3{font-size:21px;text-transform:none;}
.popup .skitter .box_clone{display: none !important;}
.popup .woocommerce-Price-amount{color: #c9c9c9;font-size: 31px;line-height: 44px;}

.compare-options{font-size:12px;position: absolute;top:0;right:0}
.compare-options .link, .link{color:#F60 !important;cursor:pointer;}
.cen{text-align: center;}
.rit{text-align:right;}
.lft{text-align:left;}
.pw80{width:80%;margin-left:auto;margin-right:auto;}
.pw90{width:90%;margin-left:auto;margin-right:auto;}
.padt10{padding-top:10px;}
.padt15{padding-top:15px;}

.jw-note, .jw-note p{font-size:11px;color:#BBB;}

.jw-note2{color:#F60;font-size:17px;}

.jw-summary{margin-bottom:15px;}
.jw-summary .qbutton{background-color:#F60;color:#FFF !important;display:block;font-style:normal;text-align:center;border-radius: 4px}
.jw-summary-note{width:85%;margin:20px auto 10px;padding:30px 25px 25px;text-align:center;background:#FFF;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius:10px;transition:all ease-in-out 0.2s;}
.jw-summary-note:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.jw-summary h3, .jw-summary-note h3{font-size:29px;font-weight: bold;text-transform:capitalize;}
.jw-summary h4, .jw-summary-note h4{color:#F60;font-size:21px;font-weight:bold;}
.jw-summary p{margin-top:5px;margin-bottom:5px;}

.jw-options{}
.jw-option{display:block;border-bottom:solid 10px #FFF;padding-top:8px;padding-bottom:20px;position: relative;}
.jw-option .container{padding-left:0;}
.jw-option h3{text-transform: capitalize;font-weight: 600;font-size:17px;line-height: 21px;padding:0;margin:0;}
.jw-option span:not(.woocommerce-Price-currencySymbol){color:#F60;display: inline-inline-block;margin-right:12px;}
.jw-option-items{display: flex;gap:10px;flex-wrap:wrap; flex-direction: row;}
.jw-option .jw-subtitle {padding-bottom:14px;/*padding-left: 25px;*/}
.jw-option .jw-subtitle h4{font-weight: 300;  font-size: 15px;}

.jw-item{border-radius:7px;border:solid 1px #DDD;padding:15px 15px 15px 0px;text-align: center;transition:all ease-in-out 0.2s;width:calc((100% / 2) - 5px);
position:relative;}
.jw-item.active{border-color:#F60;}
.jw-item:hover{cursor: pointer;border-color:#F60;}
.jw-item .fx{display: flex;gap: 5px;}
.jw-item .img{width:30%;}
.jw-item .cnt{width:70%;text-align: left}
.jw-item .woocommerce-Price-amount{color:#000 !important;}
.jw-item img{max-width:100%;}
.jw-item .tt{font-size:15px;line-height: 18px;font-weight:bold;color:#000;}
.jw-item .st{font-size:11px;line-height: 13px;font-weight:bold;color:#F60;text-transform:uppercase;}
.jw-item .dd{font-size:12px;line-height: 13px;}
.jw-item:hover a.add{display:block;}
.jw-item.active a.add{display:none;}
.jw-item a.add, a.bundle-add{position:absolute;bottom:10px;right:10px;cursor:pointer;}
.jw-item a.add, a.bundle-add, .jw-variations .add{background:#222;color:#FFF !important;padding:4px 15px;font-size: 14px;
  border-radius:15px;transition: all ease-in-out 0.2s;}
.jw-variations .add{padding: 4px 15px;}
.jw-item a.add.outofstock, a.bundle-add.outofstock, .jw-variations .add.outofstock{background: rgba(0,0,0,0);color: #F00 !important;line-height: 15px;}
.jw-item a.add:hover, a.bundle-add:hover{background:#F60;}
.jw-item a.add.outofstock:hover, a.bundle-add.outofstock:hover{background: rgba(0,0,0,0);color: #F00;/*background:#F00;color:#FFF;*/}
.jw-item a.readmore{text-decoration:underline;font-size:12px;}



.jw-summary-discounts{display: flex;gap: 15px;margin:25px auto;max-width:80%;}
.jw-summary-discounts > div{width:33.33%;padding:20px 10px 20px;background:#FFF;border:solid 1px #CCC;text-align:center;border-radius: 8px;font-weight:bold;color:#BBB;transition:border ease-in-out 0.1s;transition:transform ease-in-out 0.1s;}
.jw-summary-discounts > div:hover{border:solid 1px #DDD;}
.jw-summary-discounts > div.active{background:#F60;background: rgb(255,102,0);color:#FFF;border-color: #F60;box-shadow:0px 10px 15px  rgba(0,0,0,0.3);transform:translateY(-10px);
    background: -moz-linear-gradient(180deg, rgba(255,102,0,0.7307655484068627) 0%, rgba(255,102,0,1) 55%);
    background: -webkit-linear-gradient(180deg, rgba(255,102,0,0.7307655484068627) 0%, rgba(255,102,0,1) 55%);
    background: linear-gradient(180deg, rgba(255,102,0,0.7307655484068627) 0%, rgba(255,102,0,1) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6600",endColorstr="#ff6600",GradientType=1);}
.dsc .d1{line-height:1em;font-weight:normal;font-size:13px;}
.dsc .d2{line-height:1em;font-weight:normal;font-size:12px;}
.dsc .d3{margin-top:8px;font-size:27px;}
.dsc .d3 small{font-size:12px;display: inline;vertical-align: top;}

.quantity.buttons_added{white-space:nowrap;}

#jw-cartitems{position: relative;}
#jw-cartitems .ci{border-bottom:solid 2px #EEE;padding-top:6px;}
#jw-cartitems .ci table{margin-bottom:6px;width:100%;border-collapse: collapse}
#jw-cartitems .ci .tg{font-size:11px;text-transform:uppercase;line-height: 1em;}
#jw-cartitems .ci .tt{font-weight: bold;}
#jw-cartitems .ci .tt a.remove{font-size:11px;cursor:pointer;color:#900;display:none;line-height: 1em;font-weight: normal;border-radius:0;}
#jw-cartitems .ci:hover .tt a.remove{display:inline;}
#jw-cartitems .ci tr td{vertical-align:top !important;background:rgba(0,0,0,0);border:none;}
#jw-cartitems .ci tr td:first-child{width:300px;}
#jw-cartitems input.qty{width:40px;border-width:1px;border-color:#FFF;margin-left:4px;margin-right:4px;padding:8px;
  font-weight: normal;text-align: center;}
#jw-cartitems .qty{font-size:16px;}
#jb-junglewalk .jw-summary .minus,
#jb-junglewalk .jw-summary .plus{max-width: 20px;max-height: 20px;min-width: 20px;line-height: 20px;text-align: center;border:none !important;
padding:0;}
#jw-cartitems .total{width:100px;line-height: 1em;vertical-align: top;}
#jw-cartitems .total strong{color:#F60;font-weight: normal;}
#jw-cartitems .total .dd, #jw-mobile-totals .dd{font-size:11px;font-weight:normal;text-decoration: line-through;display:block;}
#jw-cartitems .trainer:not(.disc-trainer) .dd{display: none !important;}

#jw-totals{margin:15px 0 20px;padding-top:5px;font-size:17px;font-weight: bold;border-top:solid 1px #DDD;text-transform:uppercase;}
#jw-totals .amount .dd{font-size:0.9em;font-weight:normal;text-decoration: line-through;display: inline-block;margin-right:8px;}
#jw-totals .amount strong{color:#F60;}
#jw-totals td{background:rgba(0,0,0,0);border:none;}

.qbutton{color: #ffffff;font-family: 'Roboto', sans-serif;    border-color: #000000;
font-size: 16px;    line-height: 50px;    height: 50px;    font-style: oblique;    font-weight: 400;    background-color: #000000;    border-radius: 0px;    -moz-border-radius: 0px;    -webkit-border-radius: 0px;    letter-spacing: 0px;    text-transform: none;    border-width: 0px;    padding-left: 30px;    padding-right: 30px;}

.jw-variations{margin-top:8px;}
.jw-variations > div{margin-bottom:5px;border:solid 1px #DDD;border-radius:8px;padding:0 15px 0 5px;}
.jw-variations > div:hover{border-color:#F60;}
.jw-variations > div td{padding:0;}
.jw-variations img{max-width:50px;}
.jw-variations table{width:100%;}
.jw-variations table td.c1{width:50px;text-align:center;}
.jw-variations table td{vertical-align: middle;text-align: left;}
.jw-variations table td.rit{text-align: right;}

.popup.vars .pcol1{width: 35%;}

#jw-mobile-totals{position: fixed;bottom:0;left:0;right:0;background:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.3);z-index:300;display:none;padding: 10px;}
#jw-mobile-totals .qbutton{display:block;border-radius: 20px;width: 100% !important;height: 35px;text-align: center;padding:0;line-height: 35px;font-style:normal;color:#FFF !important;}
.items-in-cart #jw-mobile-totals .qbutton{background-color:#F60;}

#jw-mobile-totals .qbutton:hover{background:#666;}

.jw-item .quantity.mobile{display: none;margin-bottom: 10px;}
.jw-item .quantity.mobile input{display: inline-block;height: 32px;vertical-align: middle;line-height: inherit;text-align:center;margin:3px 0 2px 0;}
.jw-item .quantity.mobile input[type='text']{border:solid 1px #DDD;width:50px;border-left:none;border-right:none;color:rgb(51, 51, 51);font-weight: 500;}
.jw-item .quantity.mobile input.plus,
.jw-item .quantity.mobile input.minus{width: 32px;border:solid 1px #DDD;background-color:#FFF;color:#000;}
.jw-item .quantity.mobile input.plus{border-radius:0 3px 3px 0 !important;}
.jw-item .quantity.mobile input.minus{border-radius: 3px 0 0 3px !important;}

#jb-junglewalk .ol{position: absolute;top:0;right:0;bottom:0;left:0;border-radius: 7px;
  background-color:rgba(247,247,247,0.9);transition:all ease-in-out 0.2s;}
  .jw-item a.add{opacity: 0;}
#jb-junglewalk.initialized .ol{ background-color:rgba(255,255,255,0.1);}
#jb-junglewalk.initialized .jw-item a.add{opacity: 1;padding: 2px 15px;}

.flex{display: flex;flex-wrap: wrap;}


.jw-summary.woocommerce-cart .checkout-button{width:100%;}

@media only screen and (max-width: 1370px) {
  #jw-cartitems .ci tr td:first-child{width:50%;}
}

@media only screen and (max-width: 1300px) {
  .woocommerce-cart .quantity input[type="button"]{line-height: 22px;width: 22px;height: 22px;background-color: #000;color: #FFF;}
}

@media only screen and (max-width: 1250px){

}

@media only screen and (max-width: 1156px) {
  .jetblack-junglewalk{gap:15px;}
  .jetblack-junglewalk .col1{padding-left:10px;width:50%;}
  .jetblack-junglewalk .col2{width:50%;}

  .jetblack-junglewalk.woo-table .col2 > div > div > .inner{padding: 20px 20px 30px;}
  .jw-summary-discounts{max-width: 95%;}
    #jw-cartitems .total{width:90px;}

  .woocommerce-cart .quantity input[type="button"]{line-height: 20px;width: 20px;height: 20px;}

}


@media only screen and (max-width: 950px) {
  .jw-option-items{}
  .jw-item{width:100%;}
  .jetblack-junglewalk .col1{padding-left:10px;width:45%;}
  .jetblack-junglewalk .col2{width:55%;}


  #jw-cartitems .ci tr td:first-child{width:45%;}
}


@media only screen and (max-width: 850px) {
  .jw-summary-note{width:100%;}


}


@media only screen and (max-width: 767px) {
  .jw-summary-discounts{max-width: 100%;}

  .popup .pcol1,
  .popup .pcol2{width:100%;}

  .popup .pcol1 .skitter {max-width: 450px;margin-left: auto;margin-right: auto;}
 
  #jw-cartitems input.qty{padding:4px 0px;width:28px;}
}


@media only screen and (max-width: 650px) {
  .jw-item .quantity.mobile{display: flex;}
  .jetblack-junglewalk.woo-table .col2 > div > div > .inner{padding:20px 15px 30px;}
  #jw-mobile-totals{display: block;}

  .jetblack-junglewalk{display: block;width:calc(100% - 10px);}
  .jetblack-junglewalk .col1{width:100%}
  .jetblack-junglewalk .col2{width:100%}

  .jw-item a.add:not(.select), .jw-item:hover a.add:not(.select){display:none;}

  .woocommerce-cart .quantity input[type="button"].minus{}
  .woocommerce-cart .quantity input[type="button"].plus{}


}
