label
  {
	  max-width:auto;
  }
.business, .public {
    height: 900px;
}
.business, .public {
    position: relative;
}

.tabs {
    position:relative;
    text-align: center;
    margin: 50px 0 40px;
    z-index:1;
}
.tabs:after {
    content: '';
        position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height: 1px;
    background: #eee;
    z-index: -1;
}
.public-tab, .business-tab {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #999;
    padding: 15px 30px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: all 200ms ease-in-out;
}
.public-tab.active-tab, .public-tab:hover, .business-tab.active-tab, .business-tab:hover {
    color: #000;
    border-bottom: 1px solid #e9b222;
    transition: all 200ms ease-in-out;
}
.public-tab.active-tab, .business-tab.active-tab {
    cursor: auto;
}

.selector {
    position: absolute;
    left: 50%;
    top: 50%;
		width: 700px;
height: 700px;

    margin-top: -70px;
    margin-left: -350px;
    display: table;
}
.selector label {
    text-align: center !important;
    color: #777 !important;
}
.circle-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.circle-mini-content {
    display: none;
}
.selector .circle-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px 150px;
  background: #f7f6fb;
  border-radius: 50%;
  border: 0;
  color: #000;
  font-size: 20px;
  cursor: pointer;
  transition: all .1s;
}
.selector ul {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  top: 100px;
  right: 100px;
  bottom: 100px;
  left: 100px;
    z-index: 99;
}

.selector li {
  position: absolute;
  width: 0;
  height: 100%;
  margin: 0 50%;
  -webkit-transform: rotate(-360deg);
  transition: all 0.8s ease-in-out;
}

.selector li input { display: none; }

.selector li input + label svg {
    margin-bottom: 10px;
}
.public .selector li input + label svg {
    margin-bottom: 10px;
}
.selector li input + label {
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 0;
  height: 0;
  line-height: 20px;
  margin-left: 0;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: none;
  transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
}

.selector li.selection-1 input + label:hover, .selector li.selection-1 input:checked + label { background: #e9b222; color: #fff !important; }
.selector li.selection-1 input:checked + label:hover { background: #e9b222; }
.selector li.selection-1 input + label:hover svg path, .selector li.selection-1 input:checked + label svg path { fill: #fff; }

.selector li.selection-2 input + label:hover, .selector li.selection-2 input:checked + label { background: #e98110; color: #fff !important; }
.selector li.selection-2 input:checked + label:hover { background: #e98110; }
.selector li.selection-2 input + label:hover svg path, .selector li.selection-2 input:checked + label svg path { fill: #fff; }

.selector li.selection-3 input + label:hover, .selector li.selection-3 input:checked + label { background: #095084; color: #fff !important; }
.selector li.selection-3 input:checked + label:hover { background: #095084; }
.selector li.selection-3 input + label:hover svg path, .selector li.selection-3 input:checked + label svg path { fill: #fff; }

.selector li.selection-4 input + label:hover, .selector li.selection-4 input:checked + label { background: #95261d; color: #fff !important; }
.selector li.selection-4 input:checked + label:hover { background: #95261d; }
.selector li.selection-4 input + label:hover svg path, .selector li.selection-4 input:checked + label svg path { fill: #fff; }

.selector li.selection-5 input + label:hover, .selector li.selection-5 input:checked + label { background: #95261d; color: #fff !important; }
.selector li.selection-5 input:checked + label:hover { background: #95261d; }
.selector li.selection-5 input + label:hover svg path, .selector li.selection-5 input:checked + label svg path { fill: #fff; }

.selector li.selection-6 input + label:hover, .selector li.selection-6 input:checked + label { background: #db958b; color: #fff !important; }
.selector li.selection-6 input:checked + label:hover { background: #e9b222; }
.selector li.selection-6 input + label:hover svg path, .selector li.selection-6 input:checked + label svg path { fill: #fff; }

.selector li.selection-7 input + label:hover, .selector li.selection-7 input:checked + label { background: #6f890c; color: #fff !important; }
.selector li.selection-7 input:checked + label:hover { background: #6f890c; }
.selector li.selection-7 input + label:hover svg path, .selector li.selection-7 input:checked + label svg path { fill: #fff; }

.selector li.selection-8 input + label:hover, .selector li.selection-8 input:checked + label { background: #8fad3d; color: #fff !important; }
.selector li.selection-8 input:checked + label:hover { background: #8fad3d; }
.selector li.selection-8 input + label:hover svg path, .selector li.selection-8 input:checked + label svg path { fill: #fff; }





.selector li.selection-9 input + label:hover, .selector li.selection-9 input:checked + label { background: #e9b222; color: #fff !important; }
.selector li.selection-9 input:checked + label:hover { background: #e9b222; }
.selector li.selection-9 input + label:hover svg path, .selector li.selection-9 input:checked + label svg path { fill: #fff; }

.selector li.selection-10 input + label:hover, .selector li.selection-10 input:checked + label { background: #e98110; color: #fff !important; }
.selector li.selection-10 input:checked + label:hover { background: #e98110; }
.selector li.selection-10 input + label:hover svg path, .selector li.selection-10 input:checked + label svg path { fill: #fff; }

.selector li.selection-11 input + label:hover, .selector li.selection-11 input:checked + label { background: #659ac4; color: #fff !important; }
.selector li.selection-11 input:checked + label:hover { background: #659ac4; }
.selector li.selection-11 input + label:hover svg path, .selector li.selection-11 input:checked + label svg path { fill: #fff; }

.selector li.selection-12 input + label:hover, .selector li.selection-12 input:checked + label { background: #a2666e; color: #fff !important; }
.selector li.selection-12 input:checked + label:hover { background: #a2666e; }
.selector li.selection-12 input + label:hover svg path, .selector li.selection-12 input:checked + label svg path { fill: #fff; }

.selector li.selection-13 input + label:hover, .selector li.selection-13 input:checked + label { background: #95261d; color: #fff !important; }
.selector li.selection-13 input:checked + label:hover { background: #95261d; }
.selector li.selection-13 input + label:hover svg path, .selector li.selection-13 input:checked + label svg path { fill: #fff; }

.selector li.selection-14 input + label:hover, .selector li.selection-14 input:checked + label { background: #db958b; color: #fff !important; }
.selector li.selection-14 input:checked + label:hover { background: #db958b; }
.selector li.selection-14 input + label:hover svg path, .selector li.selection-14 input:checked + label svg path { fill: #fff; }

.selector li.selection-15 input + label:hover, .selector li.selection-15 input:checked + label { background: #95261d; color: #fff !important; }
.selector li.selection-15 input:checked + label:hover { background: #95261d; }
.selector li.selection-15 input + label:hover svg path, .selector li.selection-15 input:checked + label svg path { fill: #fff; }

.selector li.selection-16 input + label:hover, .selector li.selection-16 input:checked + label { background: #095084; color: #fff !important; }
.selector li.selection-16 input:checked + label:hover { background: #095084; }
.selector li.selection-16 input + label:hover svg path, .selector li.selection-16 input:checked + label svg path { fill: #fff; }

.selector li.selection-17 input + label:hover, .selector li.selection-17 input:checked + label { background: #ca3e49; color: #fff !important; }
.selector li.selection-17 input:checked + label:hover { background: #ca3e49; }
.selector li.selection-17 input + label:hover svg path, .selector li.selection-17 input:checked + label svg path { fill: #fff; }

.selector li.selection-18 input + label:hover, .selector li.selection-18 input:checked + label { background: #90ac3d; color: #fff !important; }
.selector li.selection-18 input:checked + label:hover { background: #90ac3d; }
.selector li.selection-18 input + label:hover svg path, .selector li.selection-18 input:checked + label svg path { fill: #fff; }

.selector li.selection-19 input + label:hover, .selector li.selection-19 input:checked + label { background: #6f890c; color: #fff !important; }
.selector li.selection-19 input:checked + label:hover { background: #6f890c; }
.selector li.selection-19 input + label:hover svg path, .selector li.selection-19 input:checked + label svg path { fill: #fff; }

.selector li.selection-20 input + label:hover, .selector li.selection-20 input:checked + label { background: #e2572c; color: #fff !important; }
.selector li.selection-20 input:checked + label:hover { background: #e2572c; }
.selector li.selection-20 input + label:hover svg path, .selector li.selection-20 input:checked + label svg path { fill: #fff; }

.selector label > div {
    display:table;
    height: 190px;
    width: 190px;
    padding: 0 20px
}
.public .selector label > div {
    display:table;
    height: 160px;
    width: 160px;
    padding: 0 20px
}
.selector label > div > div {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 15px;
}

.selector.open li input + label {
    width: 190px;
    height: 190px;
    line-height: 20px;
    margin-left: -95px;
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.03);
    font-size: 14px;
}
.public .selector.open li input + label {
    width: 160px;
    height: 160px;
    line-height: 16px;
    margin-left: -80px;
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.03);
    font-size: 12px;
}
.carousel-inner > .item > img {
    margin: auto !important;
}
.content-vector svg {
    height: 60px !important;
    width: auto !important;
}
.circle-content {
    color: #777 !important;
    font-size: 14px !important;
    line-height: 2 !important;
}
.circle-content h3 {
    color: #242140 !important;
    font-size: 22px !important;
    line-height: 40px !important;
    font-weight: 500 !important;
}
.fix
{
	width: 100%;
float: left;
position: relative;
margin-top: 20%;
margin-bottom: 0%;
color: #fff;
}
.fix a
{
	color:#2d2d2d;
}


@media ( max-width: 768px ) {
    .selector {
 position: unset; 
 left: unset; 
 top: unset; 
 width: unset; 
 height: unset; 
 margin-top: unset; 
 margin-left: unset; 
 display: block; 
    }
    .selector ul {
         position: unset; 
 list-style: unset; 
 padding: unset; 
 margin: unset; 
 top: unset; 
 right: unset; 
 bottom: unset; 
 left: unset; 
    }
    .selector li {
         position: unset; 
 width: unset; 
 height: unset; 
 margin: unset; 
transform: none !important;
-webkit-transform: none !important;
        display: inline-block;
    }
    .selector li input + label {
        position: unset;
        display: block;
        -webkit-transform: none !important;
        display: inline-block;
    }
    .public .selector.open li input + label {
        margin-left: 0 !important;
        margin-right: 30px;
    }
    .business .selector.open li input + label {
        margin-left: 0 !important;
        margin-right: 20px;
        
    }
    .selector li input + label {
        transition: all 0.2s ease-in-out, color 0.1s, background 0.2s;
    }
    .ul-wrap {
        overflow-y: scroll;
        width: calc(100% + 61px);
        margin-left: -30px;
        padding-left: 30px;
        position: relative;
    }
    
    .public .selector ul {
        width: 2280px
    }
    .business .selector ul {
        width: 1800px
    }
    .selector .circle-content {
        padding: 20px 0;
        background: #fff;
    }
    .business, .public {
        height: auto;
    }
    ::-webkit-scrollbar { 
    display: none !important; 
}
}