:root{
  --primary-euro: #834e00;
  --second-euro: #946600;
  --bg-euro: rgba(149,101,37,1);
  --third-euro: #ffffc7;
  --btn: #f8c632;
  /* --large: 2vw;
  --meduim: 1.6vw;
  --small: 1.4vw;
  --mini: 1.2vw; */
  --large: 40px;
  --meduim: 30px;
  --small: 24px;
  --mini: 18px;
}
.part-1,.part-3,.part-4{
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.part-1{
  background-image: url('../../images/new/euro/1.jpg');
}
.part-1:before{content: ""; display: block; padding-top: 53%;}

.part-2{
  background: linear-gradient(to right, #fff3ca, #f4d181);
}
.part-3{
  background-image: url('../../images/new/euro/bg-1.png');
}
.part-4{
  background-image: url('../../images/new/euro/bg-2.png');
}
.part-4:before{content: ""; display: block; padding-top: 50%;}

/* form > label {
  margin: 15px 0 8px;
  font-weight: normal;
}

form > input {
  display: block;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid white;
  outline: none;
} */

#main{
  position: relative;
  background-image: url('../../images/new/euro/bg-2.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.el-form-item{
  margin-bottom: 0;
}
.el-form-item__label{
  line-height: 1.2 !important;
  font-size: var(--meduim);
  line-height: inherit;
  color: inherit;
  padding-bottom: 6px !important;
  margin-top: 20px;
}
.el-form-item__label,.el-select-dropdown__item,.el-input__inner,.el-textarea__inner{
  font-size: var(--meduim);
}
.el-form-item__error{
  font-size: var(--small);
}
.el-input{
  background: transparent;
}
.el-input__inner, .el-textarea__inner{
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid white;
  color: inherit;
}
.el-input__inner:focus,.el-textarea__inner:focus{
  border-color: inherit;
}
.form-btn{
  line-height: 1;
  background-color: var(--btn);
  font-size: var(--large);
  color: var(--primary-euro);
  padding: 8px 30px;
  border-radius: 10px;
  margin: 0 auto;
}
.form-btn:hover{
  cursor: pointer;
}
.form-alter{
  form-alter
}
.el-select{
  width: 100%;
}
.el-form-item__error{
  top: 80%;
}
@media (min-width:1024px){
  .form-btn{
    font-size: 1.8vw;
    padding: 0.4vw 1.4vw;
  }
  .el-form-item__label,.el-select-dropdown__item,.el-input__inner,.el-textarea__inner{
    font-size: 1.4vw;
  }
  .el-form-item__error{
    font-size: 1.2vw;
  }
  .el-input__inner,.el-select-dropdown__item{
    height: 2vw !important;
    line-height: 2vw !important;
  }
  .el-form-item__label{
    margin-top: 1.2vw;
  }
  .el-textarea__inner{
    padding: 0 15px;
  }
}

@keyframes transX {
  0% {
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
    opacity: 1;
  }
  14% {
    opacity: 1;
  }
  19%{
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
    opacity: 0;
  }
  20% {
    transform: translateX(-420px);
    -webkit-transform: translateX(-420px);
    opacity: 0;
  }
  24%{
    opacity: 1;
  }
  38%{
    opacity: 1;
  }
  43%{
    transform: translateX(-420px);
    -webkit-transform: translateX(-420px);
    opacity: 0;
  }
  44%{
    transform: translateX(-790px);
    -webkit-transform: translateX(-790px);
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  62%{
    opacity: 1;
  }
  67%{
    transform: translateX(-790px);
    -webkit-transform: translateX(-790px);
    opacity: 0;
  }
  68% {
    transform: translateX(-1200px);
    -webkit-transform: translateX(-1200px);
    opacity: 0;
  }
  72%{
    opacity: 1;
  }
  86%{
    opacity: 1;
  }
  91%{
    transform: translateX(-1200px);
    -webkit-transform: translateX(-1200px);
    opacity: 0;
  }
  92%{
    transform: translateX(-1620px);
    -webkit-transform: translateX(-1620px);
    opacity: 0;
  }
  96%{
    opacity: 1;
  }
}
@-webkit-keyframes transX {
  0% {
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
    opacity: 1;
  }
  14% {
    opacity: 1;
  }
  19%{
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
    opacity: 0;
  }
  20% {
    transform: translateX(-420px);
    -webkit-transform: translateX(-420px);
    opacity: 0;
  }
  24%{
    opacity: 1;
  }
  38%{
    opacity: 1;
  }
  43%{
    transform: translateX(-420px);
    -webkit-transform: translateX(-420px);
    opacity: 0;
  }
  44%{
    transform: translateX(-790px);
    -webkit-transform: translateX(-790px);
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  62%{
    opacity: 1;
  }
  67%{
    transform: translateX(-790px);
    -webkit-transform: translateX(-790px);
    opacity: 0;
  }
  68% {
    transform: translateX(-1200px);
    -webkit-transform: translateX(-1200px);
    opacity: 0;
  }
  72%{
    opacity: 1;
  }
  86%{
    opacity: 1;
  }
  91%{
    transform: translateX(-1200px);
    -webkit-transform: translateX(-1200px);
    opacity: 0;
  }
  92%{
    transform: translateX(-1620px);
    -webkit-transform: translateX(-1620px);
    opacity: 0;
  }
  96%{
    opacity: 1;
  }
}

@media (min-width: 1024px){
  @keyframes transX {
    0% {
      transform: translateX(3vw);
      opacity: 1;
    }
    14% {
      opacity: 1;
    }
    19%{
      transform: translateX(3vw);
      opacity: 0;
    }
    20% {
      transform: translateX(-31.5vw);
      opacity: 0;
    }
    24%{
      opacity: 1;
    }
    38%{
      opacity: 1;
    }
    43%{
      transform: translateX(-31.5vw);
      opacity: 0;
    }
    44%{
      transform: translateX(-59.25vw);
      opacity: 0;
    }
    48% {
      opacity: 1;
    }
    62%{
      opacity: 1;
    }
    67%{
      transform: translateX(-59.25vw);
      opacity: 0;
    }
    68% {
      transform: translateX(-90vw);
      opacity: 0;
    }
    72%{
      opacity: 1;
    }
    86%{
      opacity: 1;
    }
    91%{
      transform: translateX(-90vw);
      opacity: 0;
    }
    92%{
      transform: translateX(-121.5vw);
      opacity: 0;
    }
    96%{
      opacity: 1;
    }
  }
  @-webkit-keyframes transX {
    0% {
      transform: translateX(3vw);
      opacity: 1;
    }
    14% {
      opacity: 1;
    }
    19%{
      transform: translateX(3vw);
      opacity: 0;
    }
    20% {
      transform: translateX(-31.5vw);
      opacity: 0;
    }
    24%{
      opacity: 1;
    }
    38%{
      opacity: 1;
    }
    43%{
      transform: translateX(-31.5vw);
      opacity: 0;
    }
    44%{
      transform: translateX(-59.25vw);
      opacity: 0;
    }
    48% {
      opacity: 1;
    }
    62%{
      opacity: 1;
    }
    67%{
      transform: translateX(-59.25vw);
      opacity: 0;
    }
    68% {
      transform: translateX(-90vw);
      opacity: 0;
    }
    72%{
      opacity: 1;
    }
    86%{
      opacity: 1;
    }
    91%{
      transform: translateX(-90vw);
      opacity: 0;
    }
    92%{
      transform: translateX(-121.5vw);
      opacity: 0;
    }
    96%{
      opacity: 1;
    }
  }
}

[animate~="transX"]{
  animation: transX;
  -webkit-animation: transX;
  -moz-animation: transX;
  -o-animation: transX;
}

@keyframes fadeShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  80%{
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes fadeShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  80%{
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

.fadeShow{
  animation: fadeShow;
  -webkit-animation: fadeShow;
  -moz-animation: fadeShow;
  -o-animation: fadeShow;
}

[animate~="fadeShow"]{
  animation: fadeShow;
  -webkit-animation: fadeShow;
  -moz-animation: fadeShow;
  -o-animation: fadeShow;
}


@keyframes growUp1 {
  from {
    top: 40px;
  }
  to {
    top: 0
  }
}
@-webkit-keyframes growUp1{
  from {
    top: 40px;
  }
  to {
    top: 0
  }
}

[animate~="GrowUp1"]{
  animation: growUp1;
  -webkit-animation: growUp1;
  -moz-animation: growUp1;
  -o-animation: growUp1;
}

@keyframes growUp2 {
  from {
    top: 100px;
  }
  to {
    top: 0
  }
}
@-webkit-keyframes growUp2{
  from {
    top: 100px;
  }
  to {
    top: 0
  }
}

[animate~="GrowUp2"]{
  animation: growUp2;
  -webkit-animation: growUp2;
  -moz-animation: growUp2;
  -o-animation: growUp2;
}

@keyframes growUp3 {
  from {
    top: 150px;
  }
  to {
    top: 0
  }
}
@-webkit-keyframes growUp3{
  from {
    top: 150px;
  }
  to {
    top: 0
  }
}

[animate~="GrowUp3"]{
  animation: growUp3;
  -webkit-animation: growUp3;
  -moz-animation: growUp3;
  -o-animation: growUp3;
}

@keyframes growUp4 {
  from {
    top: 125px;
  }
  to {
    top: 0
  }
}
@-webkit-keyframes growUp4{
  from {
    top: 125px;
  }
  to {
    top: 0
  }
}

[animate~="GrowUp4"]{
  animation: growUp4;
  -webkit-animation: growUp4;
  -moz-animation: growUp4;
  -o-animation: growUp4;
}

@keyframes growUp5 {
  from {
    top: 300px;
  }
  to {
    top: 0
  }
}
@-webkit-keyframes growUp5{
  from {
    top: 300px;
  }
  to {
    top: 0
  }
}

[animate~="GrowUp5"]{
  animation: growUp5;
  -webkit-animation: growUp5;
  -moz-animation: growUp5;
  -o-animation: growUp5;
}