.domain-li{
  transition: opacity 200ms linear;
}
.domain-extension:hover .domain-li{
 opacity:0.5;
}
.domain-li:hover{
 opacity:1!important;
}

.ms-slider {
  display: inline-block;
  height: 1.5em;
  overflow: hidden;
  vertical-align: middle;
  -webkit-mask-image: linear-gradient(transparent, white, white, white, transparent);
          mask-image: linear-gradient(transparent, white, white, white, transparent);
  mask-type: luminance;
  mask-mode: alpha;

}
.ms-slider__words {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-animation-name: wordSlider;
          animation-name: wordSlider;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.ms-slider__word {
  display: block;
  line-height: 1.3em;
  text-align: center;
}


@keyframes wordSlider {
  0%, 27% {
    transform: translateY(0%);
  }
  33%, 60% {
    transform: translateY(-25%);
  }
  66%, 93% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(-75%);
  }
}


.domain-none,
.domain-active .domain-org{
  display:none;
}

.ext-nl .domain-nl,
.ext-be .domain-be,
.ext-de .domain-de,
.ext-fr .domain-fr,
.ext-es .domain-es,
.ext-uk .domain-uk{
  display:block!important;
}

.domain-org img{
  height:52px;
}
.domain-uk img{
  height:52px;
}
.domain-fr img{
  height:55px;
}
.domain-br img{
  height:42px;
}
.domain-de img{
  height:47px;
}
.domain-es img{
  height:26px;
}
.domain-nl img{
  height:37px;
}
.domain-com img{
  height:26px;
}
.domain-net img{
  height:34px;
}
.domain-online img{
  height:40px;
}
.domain-info img{
  height:46px;
}
.domain-eu img{
  height:26px;
}
.domain-be img{
  height:42px;
}

.domain-list-price{
  margin-top:12px;
  font-weight:bold;
  font-size: 20px;
}

.domain-extension{
  display: flex;
    align-items: baseline;
}
.domain-extension li {
  float: left;
}

.domain-extension li a {
  display: block;
  color: #333;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  background-color: #fff;
  margin:10px;
  border-radius:5px;
}

.domain-extension li a:hover {
  background-color: #111111;
  color: #fff;
}
.domain-extension .domain-msg {
  margin: 48px 10px 40px 10px;
}

.section-head span {
  color: #ff8a73 !important;
}

.domain-container {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  margin-top: 30px;
}

.domain-container input {
  border: 0px !important;
}

.domain-button {
  position: absolute;
  right: 4px;
  background: #dae2f0;
  color: #5f7386;
  z-index: 2;
  border-radius: 35px;
  font-weight: 600;
  top: 4px;
  font-size: 16px;
  width: 120px;
  bottom: 4px;
  cursor: pointer;
  transition: all ease-in-out 150ms;
}

.domain-button.active {
  background: #81d4a1;
  color: #fff !important;
}

.domain-button:hover {
  opacity: 0.7;
}

.domain-input {
  background-color: white;
  color: #4e4e4e;
  border: 0px;
  letter-spacing: 1px;
  font-weight: 600;
  width: 540px;
  box-sizing: border-box;
  font-size: 20px;
  padding: 18px 135px 18px 30px;
  border-radius: 35px;
  transition: box-shadow .4s;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}

.domain-input:focus {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 90px;
}

.domain-input::placeholder {
  color: #c0c0c0;
}

@media (max-width:750px) {
  .domain-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 3em;
    max-width: 550px;
    padding: 0px;
  }

  .domain-input {
    width: 100%;
  }
}