div.fancy-select {
position: relative;
font-size: 0.85vw;
color: #747474; cursor: pointer;
font-weight: 400;
width: 100%;  } 
div.fancy-select.disabled {
opacity: 0.5;
}
div.fancy-select select:focus + div.trigger {
}
div.fancy-select select:focus + div.trigger.open {
}
div.fancy-select div.trigger {
text-align: left;
position: relative;
display: flex;
-ms-align-items: center;
align-items: center;
border-radius: 7px;    padding: 0.3vw 1vw;
padding-left: 2vw;
padding-right: 3.5vw;
border: none; font-size: 1vw;
height: 3.8vw;
width: 100%;
transition: all 240ms ease-out;
-webkit-transition: all 240ms ease-out;
-moz-transition: all 240ms ease-out;
-ms-transition: all 240ms ease-out;
-o-transition: all 240ms ease-out; }
div.fancy-select div.trigger:after {
position: absolute;
content: "";
top: 50%;
margin-top: -3px;
right: 1.5vw;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 8px solid #afafb0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.4s;
transition: all 0.4s;
z-index: 9;
}
div.fancy-select div.trigger.open {
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
border-radius: 10px 10px 0 0;
background-color: #ffffff; }
div.fancy-select div.trigger.open:after { -webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
div.fancy-select ul.options {
padding-left: 0;
list-style: none;
margin: 0;
margin-top: -4px;
position: absolute;
font-size: 1vw; left: 0;
visibility: hidden;
opacity: 0;
z-index: 50;
overflow: auto;
box-shadow: 0 13px 12px rgba(0, 0, 0, 0.1);
border-radius: 0 0 10px 10px ;
border: none;
background-color: #ffffff;
width: 100%;
max-height: 50vh;
overflow-y: auto;
overflow-x: hidden;
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.open {
visibility: visible;
top: 85%;
opacity: 1;  transition: opacity 300ms ease-out, top 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out;
}
div.fancy-select ul.options.overflowing {
top: 100%; transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.overflowing.open {
top: 100%; transition: opacity 300ms ease-out, bottom 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}
div.fancy-select ul.options li {
text-align: left;
padding: 0.5vw 2vw;
color: #747474;
cursor: pointer; margin: 0;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out; }
div.fancy-select ul.options li:before{
display: none;
}
div.fancy-select ul.options li.selected { color: #ff624a;
font-weight: 700;
}
div.fancy-select ul.options li.hover { color: #ff624a;
cursor: pointer;
}
.to_top {
position: fixed;
right: 2.5vw;
bottom: 1.5vw;
-webkit-box-shadow: 0 0 84px rgba(0, 108, 163, 0.41);
box-shadow: 0 0 84px rgba(0, 108, 163, 0.41);
background-color: #dcbf8b;
width: 3.5vw;
height: 3.5vw;
border-radius: 100%;
padding: 0.7vw;
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;
cursor: pointer;
z-index: 189;  opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.to_top:before {
content: '';
position: relative;
border: 0.8vw solid transparent;
border-bottom: 1vw solid #fff;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.to_top.act {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.to_top:hover:before {
-webkit-transform: translateY(-37%);
-ms-transform: translateY(-37%);
transform: translateY(-37%);
}