#cont .tabs {
	margin-top: 3em;
}

.tab-button-outer {
  display: none;
}

#cont .tabs ul  {
	display: flex;
	margin: 0;
	padding: 0;
}
#cont .tabs ul li {
	font-size: 14px;
	padding: 0;
	margin:  0;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background: #cd659d;
    border-left: solid 1px #ffffff;
    list-style: none;
}
#cont .tabs ul.tow li {
	width:  calc(100% / 2);	
}

#cont .tabs ul.three li {
	width:  calc(100% / 3);	
}

#cont .tabs ul li a {
	width: auto;
	margin: 0;
	padding: 1em 0;
	display: block;
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.5s;
    transition: 0.5s;
}

#cont .tabs ul li a:hover {
	background: #b21d9c;
}

#cont .tabs ul li.is-active{
	background: #b21d9c;
}


#cont .tabs ul li::before {
    content: none;
    margin-left: 0em;
}

 
 .tab-select-outer {
    position: relative;
    margin-bottom: 2em;
}
.tab-select-outer:before {
    z-index: 1;
    position: absolute;
    right: 1.5em;
    top: 0;
    font-family: "Font Awesome 5 Free";
    content: "\f0c9";
    font-size: 22px;
    font-weight: 900;
    line-height: 60px;
	color:#fff;

    pointer-events: none;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 1em;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 60px;
    padding: 8px 12px;
	border-color:#cd659d;
    background:#cd659d;
    color:#fff;
    width:100%;
    border-radius:2em;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}


@media screen and (min-width: 999px) {
  .tab-button-outer {
    display: block;
  }
  .tab-select-outer {
    display: none;
  }

}