.SumoSelect{display: inline-block;position: relative;outline:none;cursor: pointer;}
.SumoSelect p{margin: 0;}
.SumoSelect{width: 100%;}
.SumoSelect .hidden{display:none;}
.SelectClass,
.SumoUnder{display: none;position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;border: none;-webkit-box-sizing: border-box;box-sizing: border-box;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.SelectClass{z-index: 1;}
.SumoSelect > .optWrapper > .options  li.opt label,
.SumoSelect > .CaptionCont{-ms-user-select: none;user-select: none;-o-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;}
.SumoSelect > .CaptionCont{color: rgba(var(--color_main), 1);padding: 10px 45px 11px 20px;width: 100%;position: relative;margin: 0;border-radius: var(--radius_2);background-color: rgba(var(--color_main), .05);-webkit-transition: background-color .3s;transition: background-color .3s;-webkit-appearance: none;-moz-appearance: none;}
.SumoSelect.open > .CaptionCont{border-radius: var(--radius_2) var(--radius_2) 0 0;z-index: 5;}
.SumoSelect > .CaptionCont > span{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.SumoSelect > .CaptionCont > span.placeholder{color: rgba(var(--color_main), 1);-webkit-transition: color .3s;transition: color .3s;}
.SumoSelect > .CaptionCont > label{position: absolute;top: 0;right: 15px;bottom: 0;width: 20px;cursor: pointer;}
.SumoSelect > .CaptionCont > label > i{position: absolute;-webkit-transition: opacity .3s;transition: opacity .3s;background-size: contain;top: calc(50% - 9px);right: 0;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-image: var(--img_arrow_down_hover);}
.SumoSelect.open > .CaptionCont > label > i{background-image: var(--img_arrow_down_active);}
.SumoSelect.open > .CaptionCont,
.SumoSelect:hover > .CaptionCont{background-color: rgba(var(--color_main), .1);}
.SumoSelect > .optWrapper{display: none;z-index: 4;top: 0;border-radius: var(--radius_2);-webkit-box-shadow: 0 20px 40px -10px rgba(var(--color_shadow), .3);box-shadow: 0 20px 40px -10px rgba(var(--color_shadow), .3);width: 100%;position: absolute;left: 0;-webkit-box-sizing: border-box;box-sizing: border-box;background: rgba(var(--color_white), 1);overflow: hidden;padding-top: 41px;}
.SumoSelect.open > .optWrapper{display: block;}
.SumoSelect.open > .optWrapper.up{top: auto;bottom: 100%;margin-bottom: 5px;}
.SumoSelect > .optWrapper ul{list-style: none;display: block;padding: 0;margin: 0;overflow: auto;}
.SumoSelect > .optWrapper > .options{position:relative;max-height: 250px;}
.SumoSelect > .optWrapper > .options li.opt.disabled:first-child{display: none;}
.SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5;}
.SumoSelect > .optWrapper > .options li ul li.opt{padding-left: 22px;}
.SumoSelect > .optWrapper > .options li.opt{padding: 10px 20px;position: relative;-webkit-transition: background-color .15s;transition: background-color .15s;}
.SumoSelect > .optWrapper > .options li.opt label{-webkit-transition: color .15s;transition: color .15s;}
.SumoSelect > .optWrapper > .options > li.opt:last-child{border-bottom: none;}
.SumoSelect > .optWrapper > .options li.opt:hover{background-color: rgba(var(--color_main), 1);}
.SumoSelect > .optWrapper > .options li.opt:hover label{color: rgba(var(--color_white), 1);}
.SumoSelect > .optWrapper > .options li label{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;cursor: pointer;}
.SumoSelect > .optWrapper > .options li span{display: none;}
.SumoSelect > .optWrapper > .options li.group > label{cursor: default;padding: 8px 6px;font-weight: bold;}
.SumoSelect > .optWrapper > .options li.opt.disabled{background-color: inherit;pointer-events: none;}
.SumoSelect > .optWrapper > .options li.opt.disabled *{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.SumoSelect > .optWrapper > .options li.opt span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}