.fixbot{
	  position: fixed;
    bottom: -35px;
  
	background:=#1a1a1a;
	width:25px;
}
.select {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-filter: url("#goo");
  filter: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/83141/goo.svg");
  height: 50px;
  left: 50%;
  padding: 10px;
  position: absolute;
  top: 50%;
  width: 50px;
}
.select .select-placeholder {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: -webkit-transform 200ms, padding 200ms;
  -moz-transition: -moz-transform 200ms, padding 200ms;
  transition: transform 200ms, padding 200ms;
  background-color: #e6e9ed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 4%;
  border-radius: 100%;
  border: 5px solid #5a6370;
  height: 25px;
  left: 50%;
  padding: 10px;
  position: absolute;
  top: 50%;
  width: 25px;
  will-change: transform, padding;
  z-index: 10;
}
.select .select-placeholder:hover {
  cursor: pointer;
  padding: 15px;
}
.select .select-placeholder svg {
  display: none;
}
.select .select-placeholder[data-language=none] svg {
  display: block;
}
.select .select-placeholder[data-language=EN] {
  background-image: url("../flag/gb.svg");
}
.select .select-placeholder[data-language=IR] {
  background-image: url("../flag/ir.svg");
}
.select .select-placeholder[data-language=AR] {
  background-image: url("../flag/ae.svg");
}
.select .select-placeholder[data-language=RU] {
  background-image: url("../flag/ru.svg");
}
.select .select-placeholder[data-language=english-uk] {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/83141/flag-english-uk.svg");
}
.select .select-placeholder[data-language=arab] {
  background-image: url("../flag/ae.svg");
}
.select .select-placeholder[data-language=ru] {
  background-image: url("../flag/ru.svg");
}
.select .select-placeholder[data-language=mandarin] {
  background-image: url("../flag/ru.svg");
}
.select .select-option {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: -webkit-transform 300ms ease-in;
  -moz-transition: -moz-transform 300ms ease-in;
  transition: transform 300ms ease-in;
  background-color: #5a6370;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  border-radius: 100%;
  border: 5px solid #5a6370;
  color: #1a1a1a;
  height: 24px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-indent: 9999px;
  top: 50%;
  white-space: nowrap;
  width: 24px;
  will-change: transform;
}
.select .select-option:hover {
  cursor: pointer;
}
.select .select-option[data-language=ir] {
  background-image: url("../flag/ir.svg");
}
.select .select-option[data-language=russian] {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/83141/flag-russian.svg");
}
.select .select-option[data-language=EN] {
  background-image: url("../flag/gb.svg");
}
.select .select-option[data-language=english-us] {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/83141/flag-english-us.svg");
}
.select .select-option[data-language=english-uk] {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/83141/flag-english-uk.svg");
}
.select .select-option[data-language=arab] {
  background-image: url("../flag/ae.svg");
}
.select .select-option[data-language=RU] {
  background-image: url("../flag/ru.svg");
}
.select .select-option[data-language=mandarin] {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/83141/flag-mandarin.svg");
}
.select.is-open .select-placeholder {
  padding: 5px;
}

.select.is-open .select-option:nth-child(4) {
  -webkit-transition: -webkit-transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 105ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  -moz-transition: -moz-transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 105ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  transition: transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 105ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  z-index: 4;
  -webkit-transform: translate3d(-50%, -200%, 0) scale(1);
  -moz-transform: translate3d(-50%, -200%, 0) scale(1);
  -ms-transform: translate3d(-50%, -200%, 0) scale(1);
  -o-transform: translate3d(-50%, -200%, 0) scale(1);
  transform: translate3d(-50%, -200%, 0) scale(1);
}
.select.is-open .select-option:nth-child(4):hover {
  width: 50px;
  height: 50px;
  margin-top: 30px;
}
.select.is-open .select-option:nth-child(5) {
  -webkit-transition: -webkit-transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 140ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  -moz-transition: -moz-transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 140ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  transition: transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 140ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  z-index: 5;
  -webkit-transform: translate3d(50%, -150%, 0) scale(1);
  -moz-transform: translate3d(50%, -150%, 0) scale(1);
  -ms-transform: translate3d(50%, -150%, 0) scale(1);
  -o-transform: translate3d(50%, -150%, 0) scale(1);
  transform: translate3d(50%, -150%, 0) scale(1);
}
.select.is-open .select-option:nth-child(5):hover {
  width: 50px;
  height: 50px;
  margin-top: 20px;
  margin-left: -20px;
}
.select.is-open .select-option:nth-child(6) {
  -webkit-transition: -webkit-transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 175ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  -moz-transition: -moz-transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 175ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  transition: transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 175ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  z-index: 6;
  -webkit-transform: translate3d(100%, -50%, 0) scale(1);
  -moz-transform: translate3d(100%, -50%, 0) scale(1);
  -ms-transform: translate3d(100%, -50%, 0) scale(1);
  -o-transform: translate3d(100%, -50%, 0) scale(1);
  transform: translate3d(100%, -50%, 0) scale(1);
}
.select.is-open .select-option:nth-child(6):hover {
  width: 50px;
  height: 50px;
  margin-left: -30px;
}
.select.is-open .select-option:nth-child(7) {
  -webkit-transition: -webkit-transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 210ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  -moz-transition: -moz-transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 210ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  transition: transform 320ms cubic-bezier(0.07, 0.4, 0.455, 1.5) 210ms, width 160ms ease, height 160ms ease, margin 160ms ease;
  z-index: 7;
  -webkit-transform: translate3d(50%, 50%, 0) scale(1);
  -moz-transform: translate3d(50%, 50%, 0) scale(1);
  -ms-transform: translate3d(50%, 50%, 0) scale(1);
  -o-transform: translate3d(50%, 50%, 0) scale(1);
  transform: translate3d(50%, 50%, 0) scale(1);
}
.select.is-open .select-option:nth-child(7):hover {
  width: 50px;
  height: 50px;
  margin-top: -20px;
  margin-left: -20px;
}


.icon-language {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  height: 20px;
  margin: 50% 0 0 50%;
  width: 20px;
}
.icon-language path {
  fill: #5a6370;
}