/*---------------------*/
/* - Sumoselect Custom */
/*---------------------*/
.SelectBox {z-index: 0;padding: 0;margin: 0;line-height: 0;font-size: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.SumoSelect {cursor: pointer;z-index: 3;width: 100%;--sel-p: 15px;--sel-h: 40px;--sel-fz: 15px;}
.SumoSelect > .CaptionCont {z-index: 1;text-align: left;height: var(--sel-h);padding: 0 var(--sel-p);background: #FFF;border-radius:4px; color: #4a4a4a;border: 1px solid rgba(167, 169, 172, 0.42);-webkit-transition: all .3s;transition: all .3s;}
.SumoSelect > .CaptionCont > span {cursor: pointer;padding-right: 0;font-size: var(--sel-fz);font-weight: 400;line-height: 38px;color: currentColor;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.SumoSelect > .CaptionCont > span.placeholder {font-style: normal;color: #4a4a4a;}
.SumoSelect > .CaptionCont > label {display: inline-block;cursor: pointer;width: 38px;height: 38px;color: currentColor;right: 0;top: 0;bottom: 0;-webkit-transition: all .3s;transition: all .3s;}
.SumoSelect > .CaptionCont > label i {background-image: none;opacity: 1;width: 10px;height: 10px;top: 50%;left: 50%;right: auto;bottom: auto;transform: translate(-50%,-50%);color: currentColor;}
.SumoSelect > .CaptionCont > label i::before{width: 100%;height: 100%;border-left: 2px #ffb341 solid;border-bottom: 2px #ffb341 solid;position: absolute;left: 50%;top: 50%;margin: -8px 0 0 -5px;content: "";transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.SumoSelect > .optWrapper {display: block;overflow: auto;z-index: 2;padding: 0;top: 100%;left: 0;width: 100%;border: 1px solid rgba(167, 169, 172, 0.42);border-top: none;border-radius: 4px;opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: #FFF;-webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.07);box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.07);-webkit-transition: 0.3s;transition: 0.3s;}
.SumoSelect > .optWrapper > .options {max-height: 205px;padding: 10px 0;border-radius: 0 !important;}
.SumoSelect > .optWrapper > .options li.opt {padding: 0;border-bottom: 0;}
.SumoSelect > .optWrapper > .options li label {white-space: unset;text-align: left;padding: 0.625rem var(--sel-p);font-size: var(--sel-fz);line-height: 1.1em;font-weight: 400;color: #4a4a4a;-webkit-transition: all .3s;transition: all .3s;}
.SumoSelect > .optWrapper > .options li.opt.selected {background: #ddd}
.SumoSelect > .optWrapper > .options > .opt.disabled:first-child {display: none;}
.SumoSelect > .optWrapper > .options li.group > label {padding: 10px 15px;font-weight: 600;}
.SumoSelect > .optWrapper > .options li ul li.opt {padding-left: 1rem;}
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont {-webkit-box-shadow: none;box-shadow: none;border-color: rgba(167, 169, 172, 0.42);}
.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont {box-shadow: none}
.SumoSelect.open {z-index: 11 !important;}
.SumoSelect.open > .CaptionCont {border-color: rgba(167, 169, 172, 0.42)}
.SumoSelect.open > .CaptionCont > label {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
.SumoSelect.open > .optWrapper {top: 100%;opacity: 1;visibility: visible;-webkit-transition: all .3s;transition: all .3s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.SumoSelect.disabled {opacity: 0.5;}
.SumoSelect.disabled > .CaptionCont {cursor: not-allowed;}
.SumoSelect.disabled > .CaptionCont > span {cursor: not-allowed;}
.shipping-desc .SumoSelect > .CaptionCont > span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
@media (min-width: 1200px) {
.SumoSelect > .optWrapper > .options li.opt:hover label {background-color: #f26424;color: #FFF;}
}
@media (max-width: 767px) {
.shipping-desc .SumoSelect > .CaptionCont {padding: 0 40px 0 var(--sel-p); }
}