.SumoSelect {display: block;width:100%;margin: 0 auto;cursor: pointer;z-index: 3;}
.map-wrapp .SumoSelect{width: 400px;}
/* form .SumoSelect{margin-bottom: 15px;} */
.SumoSelect.open {z-index: 4 !important;}
.SumoSelect:hover {z-index: 3;}
.SumoSelect > .CaptionCont {width: 100%;cursor: pointer;padding: 0;border-radius: 50px; border-color: #ddd; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);background-color: #fff;-webkit-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.SumoSelect.open .CaptionCont {border-radius:50px;}
.SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont {border-color: #004EAF;box-shadow: none;}
.SumoSelect:hover>.CaptionCont{border-color: #ddd;}
.SumoSelect > .optWrapper {top: 0;right: 0;left: 0;padding:60px 0 0 0;width: auto;z-index: -1;border: 25px;background-color: #fff;transform-origin: top center;opacity: 0;visibility: hidden;-webkit-transition: 0.3s;transition: 0.3s;border-radius: 0;overflow: auto;}
.SelectBox {font-size:20px; font-family: 'Magistralc', sans-serif; letter-spacing: 0.5px; line-height: 1; border-radius: 50px; height:50px;}
.SumoSelect>.CaptionCont>span,.SumoSelect > .CaptionCont > span.placeholder {font-size: 18px;font-weight: 300;line-height:50px;padding: 0 50px 0 20px;color: #0F2137;font-style:normal;-webkit-backface-visibility: hidden;backface-visibility: hidden;cursor: pointer;}
.SumoSelect.open > .CaptionCont > span.placeholder {opacity: 1;}
.SumoSelect > .CaptionCont > label {cursor: pointer;width: 39px;height:50px;}
.SumoSelect > .CaptionCont > label > i {background-image: none;opacity: 1;width: 10px;height: 10px;}
.time .SumoSelect > .CaptionCont > label > i{width: 14px; height: 14px;}
.time .SumoSelect > .CaptionCont > label > i:before{border: none; background-image: url(../img/svg/time.svg); background-repeat: no-repeat; height: 14px; width: 14px; margin-top: 0; transform: translate(-50%, -50%) rotate(0deg);}
.SumoSelect > .CaptionCont > label > i:before {content: '';position: absolute;left: 50%;top: 50%;width: 7px;height: 7px;margin-top: -1px;border-left: 1px solid #101010;border-bottom: 1px solid #101010;-webkit-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.SumoSelect.open > .CaptionCont > label > i:before {margin-top: 2px;-webkit-transform: translate(-50%, -50%) rotate(-225deg);-ms-transform: translate(-50%, -50%) rotate(-225deg);transform: translate(-50%, -50%) rotate(-225deg);}
.SumoSelect.open > .CaptionCont > label > i:before{content: none;}
.SumoSelect.open > .CaptionCont > label > i::after{content: ''; display: block; width: 16px; height: 16px; position: absolute; right: 0; top: -3px; background-image: url(../img/svg/close.svg); background-repeat: no-repeat; background-size: contain;}

.SumoSelect.open > .optWrapper {opacity: 1;visibility: visible;top:0px; border-radius: 25px; border-top-left-radius: 50px; border-top-right-radius: 50px; box-shadow: 0px 4px 16px rgba(35, 35, 35, 0.1);}
form.invalid .SumoSelect>.CaptionCont, .invalid .SumoSelect > .CaptionCont > label > i:before{border-color: #E70000;}
form.invalid .SumoSelect>.CaptionCont>span, .invalid .SumoSelect > .CaptionCont > span.placeholder{color: #E70000;}
/* select.wpcf7-not-valid + .CaptionCont{
    border-color: #E70000;
} */
form .SumoSelect > .CaptionCont{box-shadow: none;}
/*options*/
.SumoSelect > .optWrapper > .options {border-radius:0;padding: 0 14px 0 20px;max-height:251px;margin-bottom: 20px;}
.SumoSelect > .optWrapper > .options li.opt {border: none;padding:0;margin-top:-1px; border-radius: 25px;}
.SumoSelect>.optWrapper>.options>li.opt:first-child{border-radius:25px;margin-top:0;}
.SumoSelect > .optWrapper > .options li.opt:last-child {margin-bottom: 0;border: none;}
.SumoSelect > .optWrapper > .options li label {padding: 15px 0px;font-size: 18px;font-weight: 400;color: #202020; text-align: left; letter-spacing: 0.5px; font-family: 'Magistralc', sans-serif; -webkit-transition: 0.25s;transition: 0.25s;}
.SumoSelect>.optWrapper>.options li.opt:hover {background-color: transparent;}
.options > .opt.disabled:first-child {display: none;}
.SumoSelect.open .search-txt{padding: 0 50px 0 30px;border-radius: 50px;line-height: 50px;font-size: 18px;font-weight: 300;color:#0F2137; font-family: 'Magistralc', sans-serif;}
.SumoSelect.open>.search>label, .SumoSelect.open>.search>span{visibility: visible; color: transparent;}
.SumoSelect>.CaptionCont>span, .SumoSelect > .CaptionCont > span.placeholder{text-align: left;}
/*media*/
@media(min-width: 1200px){
  .SumoSelect>.optWrapper>.options li.opt:hover label {color: #004EAF;background:transparent; border-radius: 25px;}
}
@media(max-width: 1199px){
  .SelectBox{height:40px;}
  .SumoSelect>.CaptionCont>span, .SumoSelect > .CaptionCont > span.placeholder{line-height: 40px;}
  .SumoSelect > .CaptionCont > label {height: 39px;}
  .SumoSelect>.CaptionCont>span, .SumoSelect > .CaptionCont > span.placeholder {font-size: 15px;}
  .map-wrapp .SumoSelect{width: 100%;}
}
@media(max-width:767px){
  .SumoSelect>.CaptionCont>span, .SumoSelect > .CaptionCont > span.placeholder{padding-left:15px;}
  .SumoSelect.open .search-txt{padding-left:15px;line-height:48px;}
}