/*---------------------*/
/* - 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:10px;--sel-h:80px;--sel-fz:var(--txt-sm)}
.SumoSelect_small{--sel-h:56px}
.SumoSelect > .CaptionCont{z-index:1;text-align:left;height:var(--sel-h);padding:var(--sel-p) calc(var(--sel-p) * 2.4);background:transparent;border-radius:8px;color:rgba(var(--rgb-white), 0.45);border:1px solid rgba(var(--rgb-black), 0.15);transition:var(--transition-1)}
.SumoSelect > .CaptionCont > span{cursor:pointer;padding-right:0;font-size:var(--sel-fz);font-weight:500;line-height:calc(var(--sel-h) - 2 * var(--sel-p));color:var(--clr-black);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.SumoSelect > .CaptionCont > span.placeholder{font-style:normal;color:rgba(var(--rgb-black), 0.35)}
.SumoSelect > .CaptionCont > label{display:inline-block;cursor:pointer;width:36px;height:36px;color:currentColor;right:0;bottom:auto;top:50%;transform:translate(-50%, -50%);transition:var(--transition-1)}
.SumoSelect > .CaptionCont > label i{background-image:none;opacity:1;width:12px;height:12px;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%, -75%) rotate(45deg);color:var(--clr-black);border-right:2px solid var(--clr-black);border-bottom:2px solid var(--clr-black)}
.SumoSelect > .optWrapper{display:block;overflow:auto;z-index:2;padding:0;top:100%;left:0;width:100%;border:1px solid rgba(var(--rgb-black), 0.15);border-top:none;border-radius:8px;opacity:0;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--clr-white);box-shadow:0 10px 15px 0 rgba(255, 255, 255, 0.07);transition:0s}
.SumoSelect > .optWrapper > .options{max-height:205px;padding:5px 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:calc(var(--sel-p) * 0.5) calc(var(--sel-p) * 2.4);font-size:var(--sel-fz);line-height:1.35em;font-weight:500;color:var(--clr-light-black);transition:var(--transition-1)}
.SumoSelect > .optWrapper > .options li.opt.selected label{color:var(--clr-light-blue)}
.SumoSelect > .optWrapper > .options > .opt.disabled:first-child{display:none}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont{box-shadow:none;border-color:var(--clr-black)}
.SumoSelect.open{z-index:11 !important}
.SumoSelect.open > .CaptionCont{border-color:var(--clr-black)}
.SumoSelect.open > .CaptionCont > label{transform:translate(-50%, -50%) rotateX(180deg)}

.SumoSelect.open > .optWrapper{top:100%;opacity:1;visibility:visible;transition:var(--transition-1);transition-delay:0.2s}
.SumoSelect.disabled{opacity:0.5}
.SumoSelect.disabled > .CaptionCont{cursor:not-allowed}
.SumoSelect.disabled > .CaptionCont > span{cursor:not-allowed}
.SumoSelect.open>.search>label, .SumoSelect.open>.search>span{visibility: visible;}
.SumoSelect.open .search-txt{height: 100%;}
/* sumo white */
.SumoSelect_white.CaptionCont>label>i{color:var(--clr-white);border-right:2px solid var(--clr-white);border-bottom:2px solid var(--clr-white)}
.SumoSelect_white.CaptionCont>span{color: var(--clr-white);}
.SumoSelect_white.CaptionCont>span.placeholder{color: rgba(var(--rgb-white), 0.45);}
.SumoSelect > .SumoSelect_white.CaptionCont{border: 1px solid rgba(var(--rgb-white), 0.15); color: rgba(var(--rgb-white), 0.45);}
.SumoSelect:hover > .SumoSelect_white.CaptionCont,
.SumoSelect.open > .SumoSelect_white.CaptionCont{border-color: var(--clr-light-blue);}
@media (min-width: 1200px){
.SumoSelect > .optWrapper > .options li.opt:hover label{background-color:var(--clr-light-blue);color:var(--clr-white)}
}
@media (max-width: 1670px){
.SumoSelect{--sel-h:60px}
}
@media (max-width: 767px){
.SumoSelect{--sel-p:15px}
.SumoSelect > .CaptionCont{padding:var(--sel-p)}
}