/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/blocks/mot-defilement/mot-defilement.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/*------------------------------------*\
	VARIABLES
\*------------------------------------*/
section.mot-defilement {
  padding: 75px 0px;
}
@media (max-width: 768px) {
  section.mot-defilement {
    padding: 5px 0px 45px 0px;
  }
}
section.mot-defilement .contain-words {
  padding-bottom: 20px;
}
section.mot-defilement .contain-words .contain-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  overflow: hidden;
  left: 0;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  section.mot-defilement .contain-words .contain-line {
    width: 100%;
    left: 0px;
  }
}
@media (max-width: 768px) {
  section.mot-defilement .contain-words .contain-line:nth-child(2) {
    left: 0px;
  }
}
section.mot-defilement .contain-words .contain-line:nth-child(2) .line-word {
  -webkit-animation: scrolling2 40s linear infinite;
     -moz-animation: scrolling2 40s linear infinite;
          animation: scrolling2 40s linear infinite;
}
@-webkit-keyframes scrolling2 {
  0% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }
}
@-moz-keyframes scrolling2 {
  0% {
    -moz-transform: translate(-100%, 0);
         transform: translate(-100%, 0);
  }
  100% {
    -moz-transform: translate(0%, 0);
         transform: translate(0%, 0);
  }
}
@keyframes scrolling2 {
  0% {
    -webkit-transform: translate(-100%, 0);
       -moz-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(0%, 0);
       -moz-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }
}
section.mot-defilement .contain-words .contain-line:nth-child(2) .line-word a {
  font-size: 12vw;
  -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
          transform: translateY(-50px);
}
@media (max-width: 600px) {
  section.mot-defilement .contain-words .contain-line:nth-child(2) .line-word a {
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
            transform: translateY(0px);
  }
}
section.mot-defilement .contain-words .contain-line .line-word {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-animation: scrolling 40s linear infinite;
     -moz-animation: scrolling 40s linear infinite;
          animation: scrolling 40s linear infinite;
}
@-webkit-keyframes scrolling {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}
@-moz-keyframes scrolling {
  0% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  100% {
    -moz-transform: translate(-100%, 0);
         transform: translate(-100%, 0);
  }
}
@keyframes scrolling {
  0% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
       -moz-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}
section.mot-defilement .contain-words .contain-line .line-word a {
  font-size: 8vw;
  display: block;
  padding: 0px 40px;
  position: relative;
  white-space: nowrap;
  font-weight: 700;
  display: inline-block;
  position: relative;
  color: #000;
  background: #fff;
  mix-blend-mode: multiply;
  text-decoration: none;
  overflow: hidden;
}
section.mot-defilement .contain-words .contain-line .line-word a:after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #46DB82;
  pointer-events: none;
  mix-blend-mode: screen;
  -webkit-transition: 4.5s;
  -moz-transition: 4.5s;
  transition: 4.5s;
  -webkit-transition-delay: 0.25s;
     -moz-transition-delay: 0.25s;
          transition-delay: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
     -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: skewY(0deg);
     -moz-transform: skewY(0deg);
          transform: skewY(0deg);
}
section.mot-defilement .contain-words .contain-line .line-word a:before {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #46DB82;
  pointer-events: none;
  mix-blend-mode: screen;
  -webkit-transition: 4s;
  -moz-transition: 4s;
  transition: 4s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
     -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: skewY(0deg);
     -moz-transform: skewY(0deg);
          transform: skewY(0deg);
}
@media (max-width: 600px) {
  section.mot-defilement .contain-words .contain-line .line-word a {
    padding: 0px 15px;
    font-size: 12vw;
  }
}
section.mot-defilement .contain-words .contain-line .line-word a:hover:after, section.mot-defilement .contain-words .contain-line .line-word a:hover:before {
  height: 100%;
}
section.mot-defilement .contain-words .contain-line .line-word a:nth-child(2) {
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 600px) {
  section.mot-defilement .contain-words .contain-line .line-word a:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
  }
}
section.mot-defilement .contain-words .contain-line .line-word a:last-child {
  padding-right: 60px;
}
@media (max-width: 600px) {
  section.mot-defilement .contain-words .contain-line .line-word a:last-child {
    padding-right: 15px;
  }
}