/**--------------------------*/
/**   SUMOSELECT CUSTOM      */
/**--------------------------*/
.SumoSelect { display: block; width: 100%; cursor: pointer; z-index: 3; }

.SumoSelect.open { z-index: 4 !important; }

.SumoSelect.open .CaptionCont { border-radius: 4px; }

.SumoSelect:hover { z-index: 3; }

.SumoSelect > .CaptionCont { cursor: pointer; background: var(--clr-light); border-radius: 4px; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); border: none; }

.SumoSelect > .optWrapper { z-index: 5; overflow: auto; top: 100%; left: -1px; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); display: block; background-color: var(--clr-white); border: none; border-radius: 4px; -webkit-box-shadow: 0 5px 10px 1px var(--clr-primary); box-shadow: 0 5px 10px 1px var(--clr-primary); padding: 0; opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.SumoSelect.open > .CaptionCont, .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont { -webkit-box-shadow: none; box-shadow: none; border-color: transparent; }

.SelectBox { width: 100%; font-size: 16px; line-height: 1.39em; font-weight: 400; color: var(--clr-primary); padding: 13px 16px; }

.SumoSelect > .CaptionCont > span.placeholder { font-size: 16px; line-height: 1.39em; font-weight: 400; font-style: normal; color: var(--clr-primary); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.SumoSelect.open > .CaptionCont > span.placeholder { opacity: 1; }

.SumoSelect > .CaptionCont > span { padding-right: 0; cursor: pointer; font-size: 16px; line-height: 1.39em; font-weight: 400; color: var(--clr-primary); }

.SumoSelect > .CaptionCont > label { cursor: pointer; width: 40px; }

.SumoSelect > .CaptionCont > label > i { background-image: none; opacity: 1; width: 30px; height: 30px; }

.SumoSelect > .CaptionCont > label > i:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -70%); -ms-transform: translate(-50%, -70%); transform: translate(-50%, -70%); -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); display: inline-block; vertical-align: middle; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }

.SumoSelect.open > .CaptionCont > label > i:before { -webkit-transform: translate(-50%, -30%) rotate(-180deg); -ms-transform: translate(-50%, -30%) rotate(-180deg); transform: translate(-50%, -30%) rotate(-180deg); }

.SumoSelect.open > .optWrapper { top: 100%; opacity: 1; visibility: visible; }

.SumoSelect > .optWrapper > .options li.opt { padding: 0; border-bottom: 0; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

.SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 0; }

.SumoSelect > .optWrapper > .options li label { font-size: 16px; line-height: 1.39em; font-weight: 400; letter-spacing: 0; color: var(--clr-primary); -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); padding: 13px 16px; }

.SumoSelect > .optWrapper > .options li label:empty {display: none;}

.SumoSelect > .optWrapper > .options { border-radius: 0; padding: 0; }

.options > .opt.disabled:first-child { display: none; }

.SumoSelect.disabled { opacity: 1; }

.SumoSelect.disabled > .CaptionCont { border: 1px solid rgba(235, 235, 235, 0.15); cursor: not-allowed; }

.SumoSelect.disabled > .CaptionCont > span { cursor: not-allowed; }

@media (hover: hover) and (min-width: 1200px), (-ms-high-contrast: none) { .SumoSelect > .CaptionCont:hover > span.placeholder { opacity: 1; }
  .SumoSelect.disabled > .CaptionCont:hover { border: 1px solid rgba(235, 235, 235, 0.15); }
  .SumoSelect > .optWrapper > .options li.opt:hover { background-color: var(--clr-primary); }
  .SumoSelect > .optWrapper > .options li.opt:hover label { color: var(--clr-white); } }

@media (max-width: 1199px) { .SelectBox { width: auto; }
  .SumoSelect > .optWrapper { left: 0; } }

@media (max-width: 767px) { .SelectBox { font-size: 14px; }
  .SumoSelect > .CaptionCont > span.placeholder { font-size: 14px; }
  .SumoSelect > .CaptionCont > span { font-size: 14px; }
  .SumoSelect.open > .optWrapper { margin-top: 0; }
  .SumoSelect > .optWrapper > .options li label { font-size: 14px; padding: 10px 16px; } }

/**--------------------------*/
/**   SELECT WRAPPER         */
/**--------------------------*/
.select-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 45px; }

.select-wrapper > *:not(:last-child) { margin-right: 20px; }

.select-type { width: 100%; }

.select-category { max-width: 355px; }

.select-location { max-width: 235px; }

@media (max-width: 767px) { .select-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; }
  .select-wrapper > *:not(:last-child) { margin-right: 0; margin-bottom: 15px; }
  .select-category, .select-location { max-width: 100%; } }