@import url(https://fonts.googleapis.com/css?family=Chivo:400,700|Noto+Serif+JP:600&display=swap);
@charset "UTF-8";
/*
Theme Name: Abtion Starter Theme
Theme URI: https://abtion.com/
Author: Abtion
Author URI: https://abtion.com/
Description: WordPress theme developed by <a href="https://abtion.com">Abtion</a>
Version: 1.0
Text Domain: abtion
*/
@keyframes scaleDown {
  0% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes rotateIn {
  0% {
    opacity: 0;
    transform-origin: top left;
    transform: translate3d(0, 100px, 0) rotate(10deg); }
  100% {
    opacity: 1;
    transform-origin: top left;
    transform: translate3d(0, 0, 0) rotate(0); } }

.animate {
  -webkit-backface-visibility: hidden; }

.scale-down.animate {
  animation: 0.6s ease-out 0s 1 scaleDown; }

.fade-in-up-10 {
  opacity: 0;
  transform: translate3d(0, 10px, 0); }
  .fade-in-up-10.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp10; }

@keyframes fadeInUp10 {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-10 {
  opacity: 0;
  transform: translate3d(-10px, 0, 0); }
  .fade-in-left-10.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft10; }

@keyframes fadeInLeft10 {
  0% {
    opacity: 0;
    transform: translate3d(-10px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-10 {
  opacity: 0;
  transform: translate3d(10px, 0, 0); }
  .fade-in-right-10.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight10; }

@keyframes fadeInRight10 {
  0% {
    opacity: 0;
    transform: translate3d(10px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-20 {
  opacity: 0;
  transform: translate3d(0, 20px, 0); }
  .fade-in-up-20.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp20; }

@keyframes fadeInUp20 {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-20 {
  opacity: 0;
  transform: translate3d(-20px, 0, 0); }
  .fade-in-left-20.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft20; }

@keyframes fadeInLeft20 {
  0% {
    opacity: 0;
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-20 {
  opacity: 0;
  transform: translate3d(20px, 0, 0); }
  .fade-in-right-20.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight20; }

@keyframes fadeInRight20 {
  0% {
    opacity: 0;
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-30 {
  opacity: 0;
  transform: translate3d(0, 30px, 0); }
  .fade-in-up-30.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp30; }

@keyframes fadeInUp30 {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-30 {
  opacity: 0;
  transform: translate3d(-30px, 0, 0); }
  .fade-in-left-30.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft30; }

@keyframes fadeInLeft30 {
  0% {
    opacity: 0;
    transform: translate3d(-30px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-30 {
  opacity: 0;
  transform: translate3d(30px, 0, 0); }
  .fade-in-right-30.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight30; }

@keyframes fadeInRight30 {
  0% {
    opacity: 0;
    transform: translate3d(30px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-40 {
  opacity: 0;
  transform: translate3d(0, 40px, 0); }
  .fade-in-up-40.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp40; }

@keyframes fadeInUp40 {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-40 {
  opacity: 0;
  transform: translate3d(-40px, 0, 0); }
  .fade-in-left-40.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft40; }

@keyframes fadeInLeft40 {
  0% {
    opacity: 0;
    transform: translate3d(-40px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-40 {
  opacity: 0;
  transform: translate3d(40px, 0, 0); }
  .fade-in-right-40.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight40; }

@keyframes fadeInRight40 {
  0% {
    opacity: 0;
    transform: translate3d(40px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-50 {
  opacity: 0;
  transform: translate3d(0, 50px, 0); }
  .fade-in-up-50.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp50; }

@keyframes fadeInUp50 {
  0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-50 {
  opacity: 0;
  transform: translate3d(-50px, 0, 0); }
  .fade-in-left-50.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft50; }

@keyframes fadeInLeft50 {
  0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-50 {
  opacity: 0;
  transform: translate3d(50px, 0, 0); }
  .fade-in-right-50.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight50; }

@keyframes fadeInRight50 {
  0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-60 {
  opacity: 0;
  transform: translate3d(0, 60px, 0); }
  .fade-in-up-60.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp60; }

@keyframes fadeInUp60 {
  0% {
    opacity: 0;
    transform: translate3d(0, 60px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-60 {
  opacity: 0;
  transform: translate3d(-60px, 0, 0); }
  .fade-in-left-60.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft60; }

@keyframes fadeInLeft60 {
  0% {
    opacity: 0;
    transform: translate3d(-60px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-60 {
  opacity: 0;
  transform: translate3d(60px, 0, 0); }
  .fade-in-right-60.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight60; }

@keyframes fadeInRight60 {
  0% {
    opacity: 0;
    transform: translate3d(60px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-70 {
  opacity: 0;
  transform: translate3d(0, 70px, 0); }
  .fade-in-up-70.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp70; }

@keyframes fadeInUp70 {
  0% {
    opacity: 0;
    transform: translate3d(0, 70px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-70 {
  opacity: 0;
  transform: translate3d(-70px, 0, 0); }
  .fade-in-left-70.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft70; }

@keyframes fadeInLeft70 {
  0% {
    opacity: 0;
    transform: translate3d(-70px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-70 {
  opacity: 0;
  transform: translate3d(70px, 0, 0); }
  .fade-in-right-70.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight70; }

@keyframes fadeInRight70 {
  0% {
    opacity: 0;
    transform: translate3d(70px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-80 {
  opacity: 0;
  transform: translate3d(0, 80px, 0); }
  .fade-in-up-80.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp80; }

@keyframes fadeInUp80 {
  0% {
    opacity: 0;
    transform: translate3d(0, 80px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-80 {
  opacity: 0;
  transform: translate3d(-80px, 0, 0); }
  .fade-in-left-80.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft80; }

@keyframes fadeInLeft80 {
  0% {
    opacity: 0;
    transform: translate3d(-80px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-80 {
  opacity: 0;
  transform: translate3d(80px, 0, 0); }
  .fade-in-right-80.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight80; }

@keyframes fadeInRight80 {
  0% {
    opacity: 0;
    transform: translate3d(80px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-90 {
  opacity: 0;
  transform: translate3d(0, 90px, 0); }
  .fade-in-up-90.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp90; }

@keyframes fadeInUp90 {
  0% {
    opacity: 0;
    transform: translate3d(0, 90px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-90 {
  opacity: 0;
  transform: translate3d(-90px, 0, 0); }
  .fade-in-left-90.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft90; }

@keyframes fadeInLeft90 {
  0% {
    opacity: 0;
    transform: translate3d(-90px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-90 {
  opacity: 0;
  transform: translate3d(90px, 0, 0); }
  .fade-in-right-90.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight90; }

@keyframes fadeInRight90 {
  0% {
    opacity: 0;
    transform: translate3d(90px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-100 {
  opacity: 0;
  transform: translate3d(0, 100px, 0); }
  .fade-in-up-100.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp100; }

@keyframes fadeInUp100 {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-100 {
  opacity: 0;
  transform: translate3d(-100px, 0, 0); }
  .fade-in-left-100.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft100; }

@keyframes fadeInLeft100 {
  0% {
    opacity: 0;
    transform: translate3d(-100px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-100 {
  opacity: 0;
  transform: translate3d(100px, 0, 0); }
  .fade-in-right-100.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight100; }

@keyframes fadeInRight100 {
  0% {
    opacity: 0;
    transform: translate3d(100px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-110 {
  opacity: 0;
  transform: translate3d(0, 110px, 0); }
  .fade-in-up-110.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp110; }

@keyframes fadeInUp110 {
  0% {
    opacity: 0;
    transform: translate3d(0, 110px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-110 {
  opacity: 0;
  transform: translate3d(-110px, 0, 0); }
  .fade-in-left-110.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft110; }

@keyframes fadeInLeft110 {
  0% {
    opacity: 0;
    transform: translate3d(-110px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-110 {
  opacity: 0;
  transform: translate3d(110px, 0, 0); }
  .fade-in-right-110.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight110; }

@keyframes fadeInRight110 {
  0% {
    opacity: 0;
    transform: translate3d(110px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-120 {
  opacity: 0;
  transform: translate3d(0, 120px, 0); }
  .fade-in-up-120.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp120; }

@keyframes fadeInUp120 {
  0% {
    opacity: 0;
    transform: translate3d(0, 120px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-120 {
  opacity: 0;
  transform: translate3d(-120px, 0, 0); }
  .fade-in-left-120.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft120; }

@keyframes fadeInLeft120 {
  0% {
    opacity: 0;
    transform: translate3d(-120px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-120 {
  opacity: 0;
  transform: translate3d(120px, 0, 0); }
  .fade-in-right-120.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight120; }

@keyframes fadeInRight120 {
  0% {
    opacity: 0;
    transform: translate3d(120px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-130 {
  opacity: 0;
  transform: translate3d(0, 130px, 0); }
  .fade-in-up-130.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp130; }

@keyframes fadeInUp130 {
  0% {
    opacity: 0;
    transform: translate3d(0, 130px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-130 {
  opacity: 0;
  transform: translate3d(-130px, 0, 0); }
  .fade-in-left-130.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft130; }

@keyframes fadeInLeft130 {
  0% {
    opacity: 0;
    transform: translate3d(-130px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-130 {
  opacity: 0;
  transform: translate3d(130px, 0, 0); }
  .fade-in-right-130.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight130; }

@keyframes fadeInRight130 {
  0% {
    opacity: 0;
    transform: translate3d(130px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-140 {
  opacity: 0;
  transform: translate3d(0, 140px, 0); }
  .fade-in-up-140.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp140; }

@keyframes fadeInUp140 {
  0% {
    opacity: 0;
    transform: translate3d(0, 140px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-140 {
  opacity: 0;
  transform: translate3d(-140px, 0, 0); }
  .fade-in-left-140.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft140; }

@keyframes fadeInLeft140 {
  0% {
    opacity: 0;
    transform: translate3d(-140px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-140 {
  opacity: 0;
  transform: translate3d(140px, 0, 0); }
  .fade-in-right-140.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight140; }

@keyframes fadeInRight140 {
  0% {
    opacity: 0;
    transform: translate3d(140px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-150 {
  opacity: 0;
  transform: translate3d(0, 150px, 0); }
  .fade-in-up-150.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp150; }

@keyframes fadeInUp150 {
  0% {
    opacity: 0;
    transform: translate3d(0, 150px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-150 {
  opacity: 0;
  transform: translate3d(-150px, 0, 0); }
  .fade-in-left-150.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft150; }

@keyframes fadeInLeft150 {
  0% {
    opacity: 0;
    transform: translate3d(-150px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-150 {
  opacity: 0;
  transform: translate3d(150px, 0, 0); }
  .fade-in-right-150.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight150; }

@keyframes fadeInRight150 {
  0% {
    opacity: 0;
    transform: translate3d(150px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-160 {
  opacity: 0;
  transform: translate3d(0, 160px, 0); }
  .fade-in-up-160.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp160; }

@keyframes fadeInUp160 {
  0% {
    opacity: 0;
    transform: translate3d(0, 160px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-160 {
  opacity: 0;
  transform: translate3d(-160px, 0, 0); }
  .fade-in-left-160.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft160; }

@keyframes fadeInLeft160 {
  0% {
    opacity: 0;
    transform: translate3d(-160px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-160 {
  opacity: 0;
  transform: translate3d(160px, 0, 0); }
  .fade-in-right-160.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight160; }

@keyframes fadeInRight160 {
  0% {
    opacity: 0;
    transform: translate3d(160px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-170 {
  opacity: 0;
  transform: translate3d(0, 170px, 0); }
  .fade-in-up-170.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp170; }

@keyframes fadeInUp170 {
  0% {
    opacity: 0;
    transform: translate3d(0, 170px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-170 {
  opacity: 0;
  transform: translate3d(-170px, 0, 0); }
  .fade-in-left-170.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft170; }

@keyframes fadeInLeft170 {
  0% {
    opacity: 0;
    transform: translate3d(-170px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-170 {
  opacity: 0;
  transform: translate3d(170px, 0, 0); }
  .fade-in-right-170.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight170; }

@keyframes fadeInRight170 {
  0% {
    opacity: 0;
    transform: translate3d(170px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-180 {
  opacity: 0;
  transform: translate3d(0, 180px, 0); }
  .fade-in-up-180.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp180; }

@keyframes fadeInUp180 {
  0% {
    opacity: 0;
    transform: translate3d(0, 180px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-180 {
  opacity: 0;
  transform: translate3d(-180px, 0, 0); }
  .fade-in-left-180.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft180; }

@keyframes fadeInLeft180 {
  0% {
    opacity: 0;
    transform: translate3d(-180px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-180 {
  opacity: 0;
  transform: translate3d(180px, 0, 0); }
  .fade-in-right-180.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight180; }

@keyframes fadeInRight180 {
  0% {
    opacity: 0;
    transform: translate3d(180px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-190 {
  opacity: 0;
  transform: translate3d(0, 190px, 0); }
  .fade-in-up-190.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp190; }

@keyframes fadeInUp190 {
  0% {
    opacity: 0;
    transform: translate3d(0, 190px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-190 {
  opacity: 0;
  transform: translate3d(-190px, 0, 0); }
  .fade-in-left-190.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft190; }

@keyframes fadeInLeft190 {
  0% {
    opacity: 0;
    transform: translate3d(-190px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-190 {
  opacity: 0;
  transform: translate3d(190px, 0, 0); }
  .fade-in-right-190.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight190; }

@keyframes fadeInRight190 {
  0% {
    opacity: 0;
    transform: translate3d(190px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-up-200 {
  opacity: 0;
  transform: translate3d(0, 200px, 0); }
  .fade-in-up-200.animate {
    animation: 0.6s ease-out 0s forwards fadeInUp200; }

@keyframes fadeInUp200 {
  0% {
    opacity: 0;
    transform: translate3d(0, 200px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-left-200 {
  opacity: 0;
  transform: translate3d(-200px, 0, 0); }
  .fade-in-left-200.animate {
    animation: 0.6s ease-out 0s forwards fadeInLeft200; }

@keyframes fadeInLeft200 {
  0% {
    opacity: 0;
    transform: translate3d(-200px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fade-in-right-200 {
  opacity: 0;
  transform: translate3d(200px, 0, 0); }
  .fade-in-right-200.animate {
    animation: 0.6s ease-out 0s forwards fadeInRight200; }

@keyframes fadeInRight200 {
  0% {
    opacity: 0;
    transform: translate3d(200px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.bg-rose {
  background-color: #E9CFCF; }

.color-rose {
  color: #E9CFCF; }

a.color-rose:hover {
  color: #E9CFCF; }

.bg-coral {
  background-color: #B59192; }

.color-coral {
  color: #B59192; }

a.color-coral:hover {
  color: #B59192; }

.bg-purple {
  background-color: #8F828C; }

.color-purple {
  color: #8F828C; }

a.color-purple:hover {
  color: #8F828C; }

.bg-blue {
  background-color: #787B8A; }

.color-blue {
  color: #787B8A; }

a.color-blue:hover {
  color: #787B8A; }

.bg-turqoise {
  background-color: #718996; }

.color-turqoise {
  color: #718996; }

a.color-turqoise:hover {
  color: #718996; }

.bg-green {
  background-color: #838D88; }

.color-green {
  color: #838D88; }

a.color-green:hover {
  color: #838D88; }

.bg-grey-1 {
  background-color: #C4C4C4; }

.color-grey-1 {
  color: #C4C4C4; }

a.color-grey-1:hover {
  color: #C4C4C4; }

.bg-grey-2 {
  background-color: #A6A6A6; }

.color-grey-2 {
  color: #A6A6A6; }

a.color-grey-2:hover {
  color: #A6A6A6; }

.bg-brown-1 {
  background-color: #B3ACA7; }

.color-brown-1 {
  color: #B3ACA7; }

a.color-brown-1:hover {
  color: #B3ACA7; }

.bg-brown-2 {
  background-color: #8A8383; }

.color-brown-2 {
  color: #8A8383; }

a.color-brown-2:hover {
  color: #8A8383; }

.bg-black {
  background-color: #000000; }

.color-black {
  color: #000000; }

a.color-black:hover {
  color: #000000; }

.bg-white {
  background-color: #FFFFFF; }

.color-white {
  color: #FFFFFF; }

a.color-white:hover {
  color: #FFFFFF; }

.fs-10 {
  font-size: 10px; }

@media screen and (min-width: 767px) {
  .fs-md-10 {
    font-size: 10px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-10 {
    font-size: 10px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-10 {
    font-size: 10px !important; } }

.fs-11 {
  font-size: 11px; }

@media screen and (min-width: 767px) {
  .fs-md-11 {
    font-size: 11px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-11 {
    font-size: 11px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-11 {
    font-size: 11px !important; } }

.fs-12 {
  font-size: 12px; }

@media screen and (min-width: 767px) {
  .fs-md-12 {
    font-size: 12px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-12 {
    font-size: 12px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-12 {
    font-size: 12px !important; } }

.fs-13 {
  font-size: 13px; }

@media screen and (min-width: 767px) {
  .fs-md-13 {
    font-size: 13px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-13 {
    font-size: 13px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-13 {
    font-size: 13px !important; } }

.fs-14 {
  font-size: 14px; }

@media screen and (min-width: 767px) {
  .fs-md-14 {
    font-size: 14px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-14 {
    font-size: 14px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-14 {
    font-size: 14px !important; } }

.fs-15 {
  font-size: 15px; }

@media screen and (min-width: 767px) {
  .fs-md-15 {
    font-size: 15px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-15 {
    font-size: 15px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-15 {
    font-size: 15px !important; } }

.fs-16 {
  font-size: 16px; }

@media screen and (min-width: 767px) {
  .fs-md-16 {
    font-size: 16px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-16 {
    font-size: 16px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-16 {
    font-size: 16px !important; } }

.fs-17 {
  font-size: 17px; }

@media screen and (min-width: 767px) {
  .fs-md-17 {
    font-size: 17px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-17 {
    font-size: 17px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-17 {
    font-size: 17px !important; } }

.fs-18 {
  font-size: 18px; }

@media screen and (min-width: 767px) {
  .fs-md-18 {
    font-size: 18px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-18 {
    font-size: 18px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-18 {
    font-size: 18px !important; } }

.fs-19 {
  font-size: 19px; }

@media screen and (min-width: 767px) {
  .fs-md-19 {
    font-size: 19px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-19 {
    font-size: 19px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-19 {
    font-size: 19px !important; } }

.fs-20 {
  font-size: 20px; }

@media screen and (min-width: 767px) {
  .fs-md-20 {
    font-size: 20px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-20 {
    font-size: 20px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-20 {
    font-size: 20px !important; } }

.fs-21 {
  font-size: 21px; }

@media screen and (min-width: 767px) {
  .fs-md-21 {
    font-size: 21px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-21 {
    font-size: 21px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-21 {
    font-size: 21px !important; } }

.fs-22 {
  font-size: 22px; }

@media screen and (min-width: 767px) {
  .fs-md-22 {
    font-size: 22px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-22 {
    font-size: 22px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-22 {
    font-size: 22px !important; } }

.fs-23 {
  font-size: 23px; }

@media screen and (min-width: 767px) {
  .fs-md-23 {
    font-size: 23px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-23 {
    font-size: 23px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-23 {
    font-size: 23px !important; } }

.fs-24 {
  font-size: 24px; }

@media screen and (min-width: 767px) {
  .fs-md-24 {
    font-size: 24px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-24 {
    font-size: 24px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-24 {
    font-size: 24px !important; } }

.fs-25 {
  font-size: 25px; }

@media screen and (min-width: 767px) {
  .fs-md-25 {
    font-size: 25px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-25 {
    font-size: 25px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-25 {
    font-size: 25px !important; } }

.fs-26 {
  font-size: 26px; }

@media screen and (min-width: 767px) {
  .fs-md-26 {
    font-size: 26px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-26 {
    font-size: 26px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-26 {
    font-size: 26px !important; } }

.fs-27 {
  font-size: 27px; }

@media screen and (min-width: 767px) {
  .fs-md-27 {
    font-size: 27px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-27 {
    font-size: 27px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-27 {
    font-size: 27px !important; } }

.fs-28 {
  font-size: 28px; }

@media screen and (min-width: 767px) {
  .fs-md-28 {
    font-size: 28px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-28 {
    font-size: 28px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-28 {
    font-size: 28px !important; } }

.fs-29 {
  font-size: 29px; }

@media screen and (min-width: 767px) {
  .fs-md-29 {
    font-size: 29px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-29 {
    font-size: 29px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-29 {
    font-size: 29px !important; } }

.fs-30 {
  font-size: 30px; }

@media screen and (min-width: 767px) {
  .fs-md-30 {
    font-size: 30px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-30 {
    font-size: 30px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-30 {
    font-size: 30px !important; } }

.fs-31 {
  font-size: 31px; }

@media screen and (min-width: 767px) {
  .fs-md-31 {
    font-size: 31px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-31 {
    font-size: 31px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-31 {
    font-size: 31px !important; } }

.fs-32 {
  font-size: 32px; }

@media screen and (min-width: 767px) {
  .fs-md-32 {
    font-size: 32px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-32 {
    font-size: 32px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-32 {
    font-size: 32px !important; } }

.fs-33 {
  font-size: 33px; }

@media screen and (min-width: 767px) {
  .fs-md-33 {
    font-size: 33px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-33 {
    font-size: 33px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-33 {
    font-size: 33px !important; } }

.fs-34 {
  font-size: 34px; }

@media screen and (min-width: 767px) {
  .fs-md-34 {
    font-size: 34px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-34 {
    font-size: 34px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-34 {
    font-size: 34px !important; } }

.fs-35 {
  font-size: 35px; }

@media screen and (min-width: 767px) {
  .fs-md-35 {
    font-size: 35px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-35 {
    font-size: 35px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-35 {
    font-size: 35px !important; } }

.fs-36 {
  font-size: 36px; }

@media screen and (min-width: 767px) {
  .fs-md-36 {
    font-size: 36px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-36 {
    font-size: 36px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-36 {
    font-size: 36px !important; } }

.fs-37 {
  font-size: 37px; }

@media screen and (min-width: 767px) {
  .fs-md-37 {
    font-size: 37px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-37 {
    font-size: 37px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-37 {
    font-size: 37px !important; } }

.fs-38 {
  font-size: 38px; }

@media screen and (min-width: 767px) {
  .fs-md-38 {
    font-size: 38px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-38 {
    font-size: 38px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-38 {
    font-size: 38px !important; } }

.fs-39 {
  font-size: 39px; }

@media screen and (min-width: 767px) {
  .fs-md-39 {
    font-size: 39px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-39 {
    font-size: 39px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-39 {
    font-size: 39px !important; } }

.fs-40 {
  font-size: 40px; }

@media screen and (min-width: 767px) {
  .fs-md-40 {
    font-size: 40px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-40 {
    font-size: 40px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-40 {
    font-size: 40px !important; } }

.fs-41 {
  font-size: 41px; }

@media screen and (min-width: 767px) {
  .fs-md-41 {
    font-size: 41px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-41 {
    font-size: 41px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-41 {
    font-size: 41px !important; } }

.fs-42 {
  font-size: 42px; }

@media screen and (min-width: 767px) {
  .fs-md-42 {
    font-size: 42px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-42 {
    font-size: 42px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-42 {
    font-size: 42px !important; } }

.fs-43 {
  font-size: 43px; }

@media screen and (min-width: 767px) {
  .fs-md-43 {
    font-size: 43px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-43 {
    font-size: 43px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-43 {
    font-size: 43px !important; } }

.fs-44 {
  font-size: 44px; }

@media screen and (min-width: 767px) {
  .fs-md-44 {
    font-size: 44px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-44 {
    font-size: 44px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-44 {
    font-size: 44px !important; } }

.fs-45 {
  font-size: 45px; }

@media screen and (min-width: 767px) {
  .fs-md-45 {
    font-size: 45px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-45 {
    font-size: 45px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-45 {
    font-size: 45px !important; } }

.fs-46 {
  font-size: 46px; }

@media screen and (min-width: 767px) {
  .fs-md-46 {
    font-size: 46px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-46 {
    font-size: 46px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-46 {
    font-size: 46px !important; } }

.fs-47 {
  font-size: 47px; }

@media screen and (min-width: 767px) {
  .fs-md-47 {
    font-size: 47px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-47 {
    font-size: 47px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-47 {
    font-size: 47px !important; } }

.fs-48 {
  font-size: 48px; }

@media screen and (min-width: 767px) {
  .fs-md-48 {
    font-size: 48px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-48 {
    font-size: 48px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-48 {
    font-size: 48px !important; } }

.fs-49 {
  font-size: 49px; }

@media screen and (min-width: 767px) {
  .fs-md-49 {
    font-size: 49px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-49 {
    font-size: 49px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-49 {
    font-size: 49px !important; } }

.fs-50 {
  font-size: 50px; }

@media screen and (min-width: 767px) {
  .fs-md-50 {
    font-size: 50px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-50 {
    font-size: 50px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-50 {
    font-size: 50px !important; } }

.fs-51 {
  font-size: 51px; }

@media screen and (min-width: 767px) {
  .fs-md-51 {
    font-size: 51px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-51 {
    font-size: 51px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-51 {
    font-size: 51px !important; } }

.fs-52 {
  font-size: 52px; }

@media screen and (min-width: 767px) {
  .fs-md-52 {
    font-size: 52px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-52 {
    font-size: 52px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-52 {
    font-size: 52px !important; } }

.fs-53 {
  font-size: 53px; }

@media screen and (min-width: 767px) {
  .fs-md-53 {
    font-size: 53px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-53 {
    font-size: 53px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-53 {
    font-size: 53px !important; } }

.fs-54 {
  font-size: 54px; }

@media screen and (min-width: 767px) {
  .fs-md-54 {
    font-size: 54px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-54 {
    font-size: 54px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-54 {
    font-size: 54px !important; } }

.fs-55 {
  font-size: 55px; }

@media screen and (min-width: 767px) {
  .fs-md-55 {
    font-size: 55px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-55 {
    font-size: 55px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-55 {
    font-size: 55px !important; } }

.fs-56 {
  font-size: 56px; }

@media screen and (min-width: 767px) {
  .fs-md-56 {
    font-size: 56px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-56 {
    font-size: 56px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-56 {
    font-size: 56px !important; } }

.fs-57 {
  font-size: 57px; }

@media screen and (min-width: 767px) {
  .fs-md-57 {
    font-size: 57px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-57 {
    font-size: 57px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-57 {
    font-size: 57px !important; } }

.fs-58 {
  font-size: 58px; }

@media screen and (min-width: 767px) {
  .fs-md-58 {
    font-size: 58px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-58 {
    font-size: 58px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-58 {
    font-size: 58px !important; } }

.fs-59 {
  font-size: 59px; }

@media screen and (min-width: 767px) {
  .fs-md-59 {
    font-size: 59px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-59 {
    font-size: 59px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-59 {
    font-size: 59px !important; } }

.fs-60 {
  font-size: 60px; }

@media screen and (min-width: 767px) {
  .fs-md-60 {
    font-size: 60px !important; } }

@media screen and (min-width: 991px) {
  .fs-lg-60 {
    font-size: 60px !important; } }

@media screen and (min-width: 1200px) {
  .fs-xl-60 {
    font-size: 60px !important; } }

.opacity-1 {
  opacity: 0.1; }

.z-1 {
  z-index: 1; }

.animation-delay-1 {
  animation-delay: 0.1s !important; }

.animation-duration-1 {
  animation-duration: 0.1s !important; }

.opacity-2 {
  opacity: 0.2; }

.z-2 {
  z-index: 2; }

.animation-delay-2 {
  animation-delay: 0.2s !important; }

.animation-duration-2 {
  animation-duration: 0.2s !important; }

.opacity-3 {
  opacity: 0.3; }

.z-3 {
  z-index: 3; }

.animation-delay-3 {
  animation-delay: 0.3s !important; }

.animation-duration-3 {
  animation-duration: 0.3s !important; }

.opacity-4 {
  opacity: 0.4; }

.z-4 {
  z-index: 4; }

.animation-delay-4 {
  animation-delay: 0.4s !important; }

.animation-duration-4 {
  animation-duration: 0.4s !important; }

.opacity-5 {
  opacity: 0.5; }

.z-5 {
  z-index: 5; }

.animation-delay-5 {
  animation-delay: 0.5s !important; }

.animation-duration-5 {
  animation-duration: 0.5s !important; }

.opacity-6 {
  opacity: 0.6; }

.z-6 {
  z-index: 6; }

.animation-delay-6 {
  animation-delay: 0.6s !important; }

.animation-duration-6 {
  animation-duration: 0.6s !important; }

.opacity-7 {
  opacity: 0.7; }

.z-7 {
  z-index: 7; }

.animation-delay-7 {
  animation-delay: 0.7s !important; }

.animation-duration-7 {
  animation-duration: 0.7s !important; }

.opacity-8 {
  opacity: 0.8; }

.z-8 {
  z-index: 8; }

.animation-delay-8 {
  animation-delay: 0.8s !important; }

.animation-duration-8 {
  animation-duration: 0.8s !important; }

.opacity-9 {
  opacity: 0.9; }

.z-9 {
  z-index: 9; }

.animation-delay-9 {
  animation-delay: 0.9s !important; }

.animation-duration-9 {
  animation-duration: 0.9s !important; }

.opacity-10 {
  opacity: 1; }

.z-10 {
  z-index: 10; }

.animation-delay-10 {
  animation-delay: 1s !important; }

.animation-duration-10 {
  animation-duration: 1s !important; }

.opacity-11 {
  opacity: 1.1; }

.z-11 {
  z-index: 11; }

.animation-delay-11 {
  animation-delay: 1.1s !important; }

.animation-duration-11 {
  animation-duration: 1.1s !important; }

.opacity-12 {
  opacity: 1.2; }

.z-12 {
  z-index: 12; }

.animation-delay-12 {
  animation-delay: 1.2s !important; }

.animation-duration-12 {
  animation-duration: 1.2s !important; }

.opacity-13 {
  opacity: 1.3; }

.z-13 {
  z-index: 13; }

.animation-delay-13 {
  animation-delay: 1.3s !important; }

.animation-duration-13 {
  animation-duration: 1.3s !important; }

.opacity-14 {
  opacity: 1.4; }

.z-14 {
  z-index: 14; }

.animation-delay-14 {
  animation-delay: 1.4s !important; }

.animation-duration-14 {
  animation-duration: 1.4s !important; }

.opacity-15 {
  opacity: 1.5; }

.z-15 {
  z-index: 15; }

.animation-delay-15 {
  animation-delay: 1.5s !important; }

.animation-duration-15 {
  animation-duration: 1.5s !important; }

.opacity-16 {
  opacity: 1.6; }

.z-16 {
  z-index: 16; }

.animation-delay-16 {
  animation-delay: 1.6s !important; }

.animation-duration-16 {
  animation-duration: 1.6s !important; }

.opacity-17 {
  opacity: 1.7; }

.z-17 {
  z-index: 17; }

.animation-delay-17 {
  animation-delay: 1.7s !important; }

.animation-duration-17 {
  animation-duration: 1.7s !important; }

.opacity-18 {
  opacity: 1.8; }

.z-18 {
  z-index: 18; }

.animation-delay-18 {
  animation-delay: 1.8s !important; }

.animation-duration-18 {
  animation-duration: 1.8s !important; }

.opacity-19 {
  opacity: 1.9; }

.z-19 {
  z-index: 19; }

.animation-delay-19 {
  animation-delay: 1.9s !important; }

.animation-duration-19 {
  animation-duration: 1.9s !important; }

.opacity-20 {
  opacity: 2; }

.z-20 {
  z-index: 20; }

.animation-delay-20 {
  animation-delay: 2s !important; }

.animation-duration-20 {
  animation-duration: 2s !important; }

.fs-res-124, h1, .hero.has-no-img > div.title-grid .hero-title h1.title {
  font-size: 8.61vw; }
  @media (max-width: 627.1777px) {
    .fs-res-124, h1, .hero.has-no-img > div.title-grid .hero-title h1.title {
      font-size: 54px; } }
  @media (min-width: 1904.7619px) {
    .fs-res-124, h1, .hero.has-no-img > div.title-grid .hero-title h1.title {
      font-size: 164px; } }

.fs-res-96, .hero.has-aside > div.title-grid h1.title, .hero.has-no-aside > div.title-grid h1.title {
  font-size: 6.666vw; }
  @media (max-width: 630.06301px) {
    .fs-res-96, .hero.has-aside > div.title-grid h1.title, .hero.has-no-aside > div.title-grid h1.title {
      font-size: 42px; } }
  @media (min-width: 1740.17402px) {
    .fs-res-96, .hero.has-aside > div.title-grid h1.title, .hero.has-no-aside > div.title-grid h1.title {
      font-size: 116px; } }

.fs-res-48 {
  font-size: 3.3333vw; }
  @media (max-width: 900.009px) {
    .fs-res-48 {
      font-size: 30px; } }
  @media (min-width: 1650.0165px) {
    .fs-res-48 {
      font-size: 55px; } }

.fs-res-42, h2 {
  font-size: 2.9166vw; }
  @media (max-width: 960.02194px) {
    .fs-res-42, h2 {
      font-size: 28px; } }
  @media (min-width: 1645.7519px) {
    .fs-res-42, h2 {
      font-size: 48px; } }

.fs-res-28, h3 {
  font-size: 1.9444vw; }
  @media (max-width: 1234.31393px) {
    .fs-res-28, h3 {
      font-size: 24px; } }
  @media (min-width: 1954.33038px) {
    .fs-res-28, h3 {
      font-size: 38px; } }

.fs-res-22, p, blockquote, blockquote p, .wysiwyg .editor, .wysiwyg .editor .btn-arrow:not(.btn-bg-arrow), .wysiwyg .editor .btn-bg-arrow:not(.btn-bg-arrow) {
  font-size: 1.5277vw; }
  @media (max-width: 1112.78392px) {
    .fs-res-22, p, blockquote, blockquote p, .wysiwyg .editor, .wysiwyg .editor .btn-arrow:not(.btn-bg-arrow), .wysiwyg .editor .btn-bg-arrow:not(.btn-bg-arrow) {
      font-size: 17px; } }
  @media (min-width: 1636.44695px) {
    .fs-res-22, p, blockquote, blockquote p, .wysiwyg .editor, .wysiwyg .editor .btn-arrow:not(.btn-bg-arrow), .wysiwyg .editor .btn-bg-arrow:not(.btn-bg-arrow) {
      font-size: 25px; } }

.fs-res-21, .home-hero .links a {
  font-size: 1.4583vw; }
  @media (max-width: 1097.16794px) {
    .fs-res-21, .home-hero .links a {
      font-size: 16px; } }
  @media (min-width: 1645.7519px) {
    .fs-res-21, .home-hero .links a {
      font-size: 24px; } }

.fs-res-17, .btn-arrow, .btn-bg-arrow, label, aside p, .accordions .accordion-content p, footer ul.footer-primary li a {
  font-size: 1.1805vw; }
  @media (max-width: 1228.2931px) {
    .fs-res-17, .btn-arrow, .btn-bg-arrow, label, aside p, .accordions .accordion-content p, footer ul.footer-primary li a {
      font-size: 14.5px; } }
  @media (min-width: 1694.19737px) {
    .fs-res-17, .btn-arrow, .btn-bg-arrow, label, aside p, .accordions .accordion-content p, footer ul.footer-primary li a {
      font-size: 20px; } }

.fs-res-12, .wysiwyg .editor .wp-caption-text,
.wysiwyg .editor figcaption, footer ul.footer-secondary li a {
  font-size: 0.8333vw; }
  @media (max-width: 1260.0504px) {
    .fs-res-12, .wysiwyg .editor .wp-caption-text,
    .wysiwyg .editor figcaption, footer ul.footer-secondary li a {
      font-size: 10.5px; } }
  @media (min-width: 1680.0672px) {
    .fs-res-12, .wysiwyg .editor .wp-caption-text,
    .wysiwyg .editor figcaption, footer ul.footer-secondary li a {
      font-size: 14px; } }

.fw-400 {
  font-weight: 400; }

.fw-600 {
  font-weight: 600; }

.fw-700 {
  font-weight: 700; }

.ff-noto {
  font-family: 'Noto Serif JP', serif; }

.ff-chivo {
  font-family: 'Chivo', sans-serif; }

.lh-auto {
  line-height: 1em; }

.d-grid {
  display: grid; }

.cursor-pointer {
  cursor: pointer; }

.uppercase {
  text-transform: uppercase; }

.underline {
  text-decoration: underline; }

.checkbox input {
  display: none; }

.checkbox label {
  display: flex;
  align-items: center; }
  .checkbox label span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #f2f2f2;
    margin-right: 5px; }
    .checkbox label span img {
      width: 50%;
      opacity: .3;
      display: none; }

.checkbox input:checked + label span img {
  display: block; }

.field-dropdown {
  position: relative; }
  .field-dropdown .selected {
    min-width: 320px;
    background: #f2f2f2;
    width: 100%;
    padding: 14px 82px 14px 15px;
    color: rgba(0, 0, 0, 0.35); }
    .field-dropdown .selected:after {
      content: '';
      width: 22px;
      height: 22px;
      background: url("./public/svg/arrow-down.svg") center center/cover no-repeat;
      background-size: 22px;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      opacity: .25; }
    @media screen and (max-width: 1200px) {
      .field-dropdown .selected {
        min-width: 0; } }
  .field-dropdown .options-wrapper {
    min-height: 100%;
    max-width: 930px;
    margin: 0 auto; }
  .field-dropdown .options {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    padding: 45px;
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 767px) {
      .field-dropdown .options {
        padding: 20px; } }
    .field-dropdown .options-list {
      padding-right: 200px; }
      @media screen and (max-width: 991px) {
        .field-dropdown .options-list {
          padding-right: 0; } }
      .field-dropdown .options-list .option {
        position: relative; }
        .field-dropdown .options-list .option:after {
          content: '';
          position: absolute;
          right: 0;
          opacity: 0;
          top: 50%;
          transition: all .5s ease;
          transform: translate3d(190px, -50%, 0);
          width: 44.5px;
          height: 18px;
          background: url("./public/svg/arrow-right-white-serif.svg") center center/cover no-repeat; }
          @media screen and (max-width: 991px) {
            .field-dropdown .options-list .option:after {
              display: none; } }
        .field-dropdown .options-list .option:hover:after {
          transform: translate3d(200px, -50%, 0);
          opacity: 1; }

.search {
  background: #f2f2f2;
  width: 100%;
  padding: 14px 82px 14px 15px;
  color: rgba(0, 0, 0, 0.35);
  border: 0; }

.cross {
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer; }
  @media screen and (max-width: 991px) {
    .cross {
      width: 30px;
      height: 30px; } }
  .cross:before, .cross:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg); }
    @media screen and (max-width: 991px) {
      .cross:before, .cross:after {
        width: 30px;
        height: 2px; } }
  .cross:after {
    transform: translate(-50%, -50%) rotate(-45deg); }
  .cross.white:before, .cross.white:after {
    background: #fff; }

.btn-arrow, .btn-bg-arrow {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: #000; }
  .btn-arrow:hover, .btn-bg-arrow:hover {
    color: #000; }
  .btn-arrow:after, .btn-bg-arrow:after {
    content: '';
    background: url("./public/svg/arrow-right.svg") center center/cover no-repeat;
    width: 22px;
    height: 12px;
    margin-left: 15px;
    flex-shrink: 0; }

.btn-bg-arrow {
  background: #000;
  color: #fff;
  padding: 14.5px 20px;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .btn-bg-arrow:hover {
    color: #fff; }
  .btn-bg-arrow:after {
    background: url("./public/svg/arrow-right-white-bold.svg") center center/cover no-repeat; }

.w-75 {
  width: 75%; }

.w-25 {
  width: 25%; }

html.overlay-active {
  overflow-y: hidden; }
  html.overlay-active body {
    overflow-y: hidden; }

html,
body {
  overflow-x: hidden; }

body {
  font-family: 'Chivo', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body:not(.tax-article_category):not(.page-template-home) {
    padding-top: 115px; }

a,
a:hover {
  text-decoration: none;
  color: #000; }

h1,
h2,
h3 {
  font-family: 'Noto Serif JP', serif; }

.component {
  padding-bottom: 70px; }
  .component:not(.image):not(.hero):not(.links-with-bg):not(.grid):not(.license) {
    padding-left: 50px; }
    @media screen and (max-width: 767px) {
      .component:not(.image):not(.hero):not(.links-with-bg):not(.grid):not(.license) {
        padding-left: 30px; } }
  .component.image figcaption {
    padding-left: 80px; }
  .component.is-first:not(.hero) {
    padding-top: 100px; }

h1 {
  line-height: 1.28em; }

aside {
  flex-basis: 280px;
  margin-right: 40px;
  flex-shrink: 0; }

@media screen and (max-width: 991px) {
  .license {
    padding-left: 50px; } }

@media screen and (max-width: 767px) {
  .license {
    padding-left: 30px; } }

.license i {
  font-size: 30px; }

blockquote {
  margin-left: 40px; }
  blockquote p {
    line-height: 1.5em !important; }

#wpadminbar {
  position: fixed !important;
  top: 0;
  left: 0; }

nav {
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  padding: 66px 40px;
  right: -100%;
  top: 0;
  transition: all .8s ease; }
  @media screen and (min-width: 991px) {
    nav {
      right: -50%;
      width: 50%; } }
  @media screen and (min-width: 1200px) {
    nav {
      right: -40%;
      width: 40%; } }
  nav.is-active {
    right: 0; }
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    nav ul li a {
      position: relative;
      color: #fff;
      font-size: 21px;
      line-height: 1.8em; }
      @media screen and (min-width: 945px) {
        nav ul li a {
          font-size: 2.2222vw; } }
      @media screen and (min-width: 2115px) {
        nav ul li a {
          font-size: 47px; } }
      nav ul li a:hover {
        color: #fff; }
    nav ul li ul {
      padding: 20px 0; }
      nav ul li ul li a {
        font-size: 14.5px; }
        @media screen and (min-width: 1229px) {
          nav ul li ul li a {
            font-size: 1.1805vw; } }
        @media screen and (min-width: 1700px) {
          nav ul li ul li a {
            font-size: 20px; } }
    nav ul li.menu-item-has-children {
      cursor: pointer; }
      nav ul li.menu-item-has-children > a:before, nav ul li.menu-item-has-children > a:after {
        content: '';
        position: absolute;
        right: -40px;
        top: calc(50% + 2px);
        width: 3px;
        height: 72%;
        background-color: #fff;
        transition: all .5s ease;
        transform: translateY(-50%); }
      nav ul li.menu-item-has-children > a:after {
        transform: translateY(-50%) rotate(90deg); }
      nav ul li.menu-item-has-children ul {
        display: none; }
      nav ul li.menu-item-has-children.is-active > a:before, nav ul li.menu-item-has-children.is-active > a:after {
        transform: translateY(-50%) rotate(45deg); }
      nav ul li.menu-item-has-children.is-active > a:after {
        transform: translateY(-50%) rotate(135deg); }
      nav ul li.menu-item-has-children.is-active ul {
        display: block; }
    nav ul li:not(.menu-item-has-children) a {
      display: block; }
    nav ul#menu-expandable, nav ul#menu-expandable-secondary {
      margin: 50px 0; }
      @media screen and (min-width: 992px) {
        nav ul#menu-expandable, nav ul#menu-expandable-secondary {
          padding-left: 50px; } }
    nav ul#menu-expandable-secondary li a {
      font-size: 14.5px; }
      @media screen and (min-width: 1229px) {
        nav ul#menu-expandable-secondary li a {
          font-size: 1.1805vw; } }
      @media screen and (min-width: 1700px) {
        nav ul#menu-expandable-secondary li a {
          font-size: 20px; } }

header {
  margin-top: 15px;
  padding: 0 0 66px;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  transition: background .5s ease; }
  header #menu-primary {
    padding: 0;
    list-style: none;
    margin: 0; }
    @media screen and (max-width: 991px) {
      header #menu-primary {
        display: none; } }
    header #menu-primary li {
      display: inline-block; }
      header #menu-primary li a {
        display: block;
        margin: 0 10px;
        color: #000;
        transition: color .5s ease; }
  header.theme-white #menu-primary li a {
    color: #fff; }
  header .nav-toggle {
    height: 19px;
    margin: 10px 0;
    justify-content: space-between; }
    @media screen and (min-width: 992px) {
      header .nav-toggle {
        height: 25px; } }
    header .nav-toggle span {
      width: 25px;
      height: 3px;
      background-color: #000;
      display: block;
      transition: background-color .5s ease; }
      @media screen and (min-width: 992px) {
        header .nav-toggle span {
          width: 40px; } }
  header .top-bar {
    transition: background .5s ease;
    padding: 0 10px; }
    @media screen and (min-width: 992px) {
      header .top-bar {
        padding: 0 40px; } }
    header .top-bar > a,
    header .top-bar > div {
      flex: 1; }
    header .top-bar .primary-nav-wrapper {
      flex: 3; }
  header .logo {
    width: 200px;
    transition: all .5s ease; }
    @media screen and (min-width: 992px) {
      header .logo {
        width: 360px; } }
    header .logo-sticky {
      transition: all .5s ease;
      min-width: 200px;
      max-width: 230px;
      opacity: 1; }
      @media screen and (min-width: 992px) {
        header .logo-sticky {
          opacity: 0; } }

.admin-bar nav {
  top: 32px;
  height: calc(100vh - 32px); }

.window-scrolled header {
  position: fixed;
  margin-top: 0;
  background: none;
  padding-bottom: 0; }
  .window-scrolled header .logo {
    opacity: 0; }
    .window-scrolled header .logo-sticky {
      opacity: 1; }
  .window-scrolled header .top-bar {
    background: #000; }
    .window-scrolled header .top-bar a {
      color: #fff; }
    .window-scrolled header .top-bar #menu-primary li a {
      color: #fff; }
  .window-scrolled header .bottom-bar {
    height: 0; }
  .window-scrolled header .nav-toggle span {
    background-color: #fff; }

.hero img,
.hero .hero-title,
.hero .hero-title h1 {
  z-index: 1; }

.hero > div {
  grid-template-rows: auto; }

.hero .hero-title {
  padding-top: 50px;
  z-index: 1;
  position: relative;
  grid-area: title; }
  .hero .hero-title h1 {
    padding-right: 50px; }
    @media screen and (max-width: 767px) {
      .hero .hero-title h1 {
        padding-right: 0; } }

.hero .caption {
  grid-area: caption;
  padding: 50px; }
  @media screen and (max-width: 767px) {
    .hero .caption {
      padding-left: 30px; } }

.hero .hero-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #fff;
  display: grid;
  grid-template-columns: 370px 1fr 370px;
  grid-template-areas: "aside . caption"; }
  @media screen and (max-width: 1200px) {
    .hero .hero-content {
      grid-template-columns: 270px 1fr 270px; } }

.hero .image-wrapper {
  grid-area: img;
  z-index: 1;
  position: relative; }

.hero aside {
  grid-area: aside;
  padding: 50px; }

.hero.has-aside > div.image-grid {
  grid-template-columns: 370px 1fr 370px;
  grid-template-areas: "aside img caption"; }
  @media screen and (max-width: 1200px) {
    .hero.has-aside > div.image-grid {
      grid-template-columns: 270px 1fr 270px; } }
  @media screen and (max-width: 991px) {
    .hero.has-aside > div.image-grid {
      grid-template-columns: 50px 1fr 1fr;
      grid-template-areas: ". img img"; } }
  @media screen and (max-width: 767px) {
    .hero.has-aside > div.image-grid {
      grid-template-columns: 30px 1fr 1fr;
      grid-template-areas: ". img img"; } }

.hero.has-aside > div.title-grid {
  grid-template-columns: 370px 1fr 370px;
  grid-template-areas: "aside title authors"; }
  @media screen and (max-width: 1200px) {
    .hero.has-aside > div.title-grid {
      grid-template-columns: 270px 1fr 270px; } }
  @media screen and (max-width: 991px) {
    .hero.has-aside > div.title-grid {
      grid-template-columns: 50px 1fr 1fr;
      grid-template-areas: ". title title"; } }
  @media screen and (max-width: 767px) {
    .hero.has-aside > div.title-grid {
      grid-template-columns: 30px 1fr 1fr;
      grid-template-areas: ". title title"; } }
  .hero.has-aside > div.title-grid.no-authors {
    grid-template-columns: 370px 1fr;
    grid-template-areas: "aside title"; }
    @media screen and (max-width: 1200px) {
      .hero.has-aside > div.title-grid.no-authors {
        grid-template-columns: 270px 1fr; } }
    @media screen and (max-width: 991px) {
      .hero.has-aside > div.title-grid.no-authors {
        grid-template-columns: 50px 1fr;
        grid-template-areas: ". title"; } }
    @media screen and (max-width: 767px) {
      .hero.has-aside > div.title-grid.no-authors {
        grid-template-columns: 30px 1fr;
        grid-template-areas: ". title"; } }

.hero.has-no-aside .hero-title {
  padding-left: 50px; }
  @media screen and (max-width: 767px) {
    .hero.has-no-aside .hero-title {
      padding-left: 30px; } }

.hero.has-no-aside .image-wrapper {
  margin-left: 50px; }
  @media screen and (max-width: 767px) {
    .hero.has-no-aside .image-wrapper {
      margin-left: 30px; } }
  .hero.has-no-aside .image-wrapper .hero-label {
    margin-top: -50%; }

.hero.has-no-aside > div.image-grid {
  grid-template-columns: 1fr;
  grid-template-areas: "img"  "caption"; }

.hero.has-no-aside > div.title-grid {
  grid-template-columns: 1fr 370px;
  grid-template-areas: "title authors"; }
  @media screen and (max-width: 1200px) {
    .hero.has-no-aside > div.title-grid {
      grid-template-columns: 1fr 270px; } }
  @media screen and (max-width: 991px) {
    .hero.has-no-aside > div.title-grid {
      grid-template-columns: 1fr;
      grid-template-areas: "title" "authors"; } }
  .hero.has-no-aside > div.title-grid .authors {
    margin-top: 90px; }
    @media screen and (max-width: 991px) {
      .hero.has-no-aside > div.title-grid .authors {
        margin-left: 50px; } }
    @media screen and (max-width: 767px) {
      .hero.has-no-aside > div.title-grid .authors {
        margin-left: 30px; } }
  .hero.has-no-aside > div.title-grid.no-authors {
    grid-template-columns: 1fr;
    grid-template-areas: "title"; }

.hero.has-no-img > div.title-grid {
  grid-template-columns: 370px 1fr;
  grid-template-areas: "title title" "aside authors"; }
  @media screen and (max-width: 767px) {
    .hero.has-no-img > div.title-grid {
      grid-template-columns: 1fr;
      grid-template-areas: "title" "aside" "authors"; } }
  .hero.has-no-img > div.title-grid .hero-title {
    padding-left: 50px; }
    .hero.has-no-img > div.title-grid .hero-title:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 32%;
      background: #fff; }

.authors {
  grid-area: authors;
  margin-top: 40px;
  padding-right: 50px; }
  .authors .author {
    margin-bottom: 30px; }
    .authors .author .thumb {
      border-radius: 50%;
      width: 71px;
      height: 71px;
      background-color: #000;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  .authors-overview {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    z-index: 10;
    padding: 45px; }
    .authors-overview .thumb {
      border-radius: 50%;
      width: 71px;
      height: 71px;
      background-image: url("./public/images/author.png") center center/cover no-repeat; }
    .authors-overview-close {
      width: 40px;
      height: 40px; }
      .authors-overview-close:before, .authors-overview-close:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 35px;
        height: 2px;
        background: #fff;
        transform: translate(-50%, -50%) rotate(45deg); }
      .authors-overview-close:after {
        transform: translate(-50%, -50%) rotate(-45deg); }
    .authors-overview .authors-full {
      margin: 150px auto 0;
      padding: 0;
      max-width: 900px; }
      .authors-overview .authors-full .author {
        margin-bottom: 80px; }
  .authors-overview-toggle {
    width: 71px;
    height: 71px;
    background: #000;
    border-radius: 50%;
    position: relative;
    cursor: pointer; }
    .authors-overview-toggle:before, .authors-overview-toggle:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 35px;
      height: 2px;
      background: #fff;
      transform: translate(-50%, -50%); }
    .authors-overview-toggle:after {
      transform: translate(-50%, -50%) rotate(90deg); }

.hero-test {
  padding-left: 50px; }
  @media screen and (max-width: 767px) {
    .hero-test {
      padding-left: 30px; } }
  .hero-test .bg {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .hero-test.has-img img {
    width: 100%; }
  .hero-test.has-aside {
    display: flex; }
    @media screen and (max-width: 991px) {
      .hero-test.has-aside {
        flex-flow: column; } }
    .hero-test.has-aside img {
      max-width: calc(100% - 360px); }
      @media screen and (max-width: 1200px) {
        .hero-test.has-aside img {
          max-width: calc(100% - 270px); } }
      @media screen and (max-width: 991px) {
        .hero-test.has-aside img {
          max-width: none; } }
    .hero-test.has-aside .hero-body {
      max-width: 870px; }
    @media screen and (max-width: 991px) {
      .hero-test.has-aside aside {
        order: 1;
        flex-basis: auto; } }
  .hero-test .authors {
    max-width: 300px; }

.wysiwyg .tooltip-toggle {
  font-size: 10px;
  transform: translateY(-16%);
  display: inline-block;
  font-weight: 700; }
  .wysiwyg .tooltip-toggle:hover .tooltip-content {
    display: block; }
  .wysiwyg .tooltip-toggle .tooltip-content {
    display: none;
    position: absolute;
    bottom: 100%;
    left: -40px;
    color: #fff;
    background: #000;
    padding: 16px 32px;
    width: 300px;
    font-size: 12.5px;
    font-family: 'Chivo', sans-serif;
    border-radius: 8px;
    line-height: 1.6em;
    font-weight: 400; }
    .wysiwyg .tooltip-toggle .tooltip-content a {
      color: #fff;
      text-decoration: underline; }
    .wysiwyg .tooltip-toggle .tooltip-content:after {
      content: '';
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      position: absolute;
      bottom: -15px;
      left: 32px;
      border-top: 15px solid #000; }

.wysiwyg .editor {
  max-width: 870px;
  padding-right: 50px; }
  .wysiwyg .editor h2 {
    margin: 30px 0; }
  .wysiwyg .editor img:not(.size-portrait):not(.size-thumbnail) {
    width: calc(100% + 100px);
    transform: translateX(-50px);
    height: auto; }
    @media screen and (max-width: 1273px) {
      .wysiwyg .editor img:not(.size-portrait):not(.size-thumbnail) {
        width: 100%;
        transform: none; } }
  .wysiwyg .editor a {
    text-decoration: underline; }
  .wysiwyg .editor .iframe-wrapper {
    position: relative;
    padding-top: 67.25%; }
    @media screen and (max-width: 1273px) {
      .wysiwyg .editor .iframe-wrapper {
        overflow: hidden;
        padding-top: 56.25%; } }
    .wysiwyg .editor .iframe-wrapper iframe {
      position: absolute;
      top: 0;
      left: -50px;
      width: calc(100% + 100px);
      height: 100%;
      border: 0; }
      @media screen and (max-width: 1273px) {
        .wysiwyg .editor .iframe-wrapper iframe {
          width: 100%;
          left: 0; } }
  .wysiwyg .editor p {
    line-height: 2.2em; }
  .wysiwyg .editor .wp-caption {
    width: auto !important; }
  .wysiwyg .editor .wp-caption-text,
  .wysiwyg .editor figcaption {
    margin-top: 20px;
    transform: translateX(-50px); }
    @media screen and (max-width: 1273px) {
      .wysiwyg .editor .wp-caption-text,
      .wysiwyg .editor figcaption {
        transform: none; } }
  .wysiwyg .editor figure .license {
    opacity: .2;
    transform: translateX(-50px); }
    @media screen and (max-width: 1273px) {
      .wysiwyg .editor figure .license {
        transform: none; } }

figure.image.layout-boxed {
  margin: 0 50px 0 320px;
  max-width: 920px; }
  @media screen and (max-width: 991px) {
    figure.image.layout-boxed {
      margin: 0 50px; } }
  @media screen and (max-width: 767px) {
    figure.image.layout-boxed {
      margin: 0 50px 0 30px; } }
  figure.image.layout-boxed > div figcaption {
    padding: 0 50px !important; }

figure.image.alignment-right > div {
  margin: 0 0 0 auto;
  text-align: right; }

figure.image.alignment-center > div {
  margin: 0 auto; }

.home-hero {
  height: 100vh;
  padding-top: 179px;
  padding-bottom: 70px; }
  .home-hero:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #020024;
    background: radial-gradient(circle, rgba(2, 0, 36, 0) 0%, rgba(0, 0, 0, 0.72591) 100%);
    content: ''; }
  .home-hero .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: 1s ease-out 0s 1 scaleDown; }
  .home-hero h1 {
    max-width: 550px;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 1080px) {
      .home-hero h1 {
        max-width: 900px; } }
    @media screen and (min-width: 1600px) {
      .home-hero h1 {
        max-width: 55%; } }
    @media screen and (min-width: 1905px) {
      .home-hero h1 {
        max-width: 1000px; } }
  .home-hero .links {
    position: relative;
    z-index: 2;
    animation: 1s ease-out 0s 1 rotateIn; }
    .home-hero .links ul {
      display: flex;
      padding: 0;
      margin: 0;
      flex-flow: column;
      list-style: none; }
      @media screen and (min-width: 992px) {
        .home-hero .links ul {
          flex-flow: row; } }
      .home-hero .links ul li:not(:last-of-type) a {
        margin-right: 0;
        margin-bottom: 10px; }
        @media screen and (min-width: 992px) {
          .home-hero .links ul li:not(:last-of-type) a {
            margin-right: 50px;
            margin-bottom: 0; } }
    .home-hero .links a {
      color: #fff;
      display: block; }
      @media screen and (min-width: 992px) {
        .home-hero .links a {
          display: inline-block; } }

.home .grid {
  padding-top: 70px; }

.admin-bar .home-hero {
  height: calc(100vh - 32px); }
  @media screen and (max-width: 783px) {
    .admin-bar .home-hero {
      height: calc(100vh - 46px); } }

.carousel-wrapper {
  padding-right: 50px; }
  @media screen and (max-width: 767px) {
    .carousel-wrapper {
      padding-right: 30px; } }
  .carousel-wrapper .slick-slider {
    overflow: hidden;
    width: 100%; }
  .carousel-wrapper .slick-slide,
  .carousel-wrapper .slick-slide a {
    outline: 0;
    display: inline-block; }
  .carousel-wrapper .carousel-cell {
    width: 100%; }
    .carousel-wrapper .carousel-cell .image-wrapper {
      position: relative; }
      .carousel-wrapper .carousel-cell .image-wrapper:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.25); }
        @media screen and (max-width: 767px) {
          .carousel-wrapper .carousel-cell .image-wrapper:after {
            display: none; } }
    .carousel-wrapper .carousel-cell-content {
      z-index: 2;
      top: 50%;
      left: 50%;
      width: 100%;
      text-align: center;
      transform: translate(-50%, -50%);
      max-width: 980px;
      padding: 30px;
      position: absolute; }
      @media screen and (max-width: 767px) {
        .carousel-wrapper .carousel-cell-content {
          top: auto;
          left: auto;
          transform: none;
          text-align: left;
          padding: 0;
          margin-top: 15px;
          position: relative; } }
      @media screen and (max-width: 767px) {
        .carousel-wrapper .carousel-cell-content h3 {
          font-size: 32px;
          color: #000; } }
      .carousel-wrapper .carousel-cell-content p {
        max-width: 430px; }
        @media screen and (max-width: 767px) {
          .carousel-wrapper .carousel-cell-content p {
            color: #000; } }
      .carousel-wrapper .carousel-cell-content .arrow {
        position: absolute;
        right: -50px;
        top: 50%;
        transform: translateY(-50%); }

.accordions .accordion {
  padding-left: 77px; }
  @media screen and (max-width: 991px) {
    .accordions .accordion {
      padding-right: 50px;
      padding-left: 50px; } }
  .accordions .accordion-header:before, .accordions .accordion-header:after {
    content: '';
    position: absolute;
    left: -57px;
    top: calc(50% + 2px);
    width: 2px;
    height: 72%;
    background-color: #000;
    transition: all .5s ease;
    transform: translateY(-50%);
    max-height: 50px; }
    @media screen and (max-width: 991px) {
      .accordions .accordion-header:before, .accordions .accordion-header:after {
        height: 24px;
        left: -40px; } }
  .accordions .accordion-header:after {
    transform: translateY(-50%) rotate(90deg); }
  .accordions .accordion-header.is-active:before, .accordions .accordion-header.is-active:after {
    transform: translateY(-50%) rotate(45deg); }
  .accordions .accordion-header.is-active:after {
    transform: translateY(-50%) rotate(135deg); }
  .accordions .accordion-content {
    max-width: 500px; }

@media screen and (max-width: 991px) {
  .links-list {
    padding-right: 50px; } }

.links-list a aside:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  background: #C4C4C4;
  transform: translateY(-50%); }

@media screen and (max-width: 991px) {
  .links-list a aside {
    display: none; } }

.links-list a span {
  opacity: .3; }

.links-list a .link {
  max-width: 740px; }
  @media screen and (max-width: 991px) {
    .links-list a .link img {
      max-width: 27px; } }

.links-list a.has-date aside:before {
  top: 15%;
  transform: none; }

.component.links-with-bg {
  padding-left: 150px;
  padding-right: 150px; }
  @media screen and (max-width: 991px) {
    .component.links-with-bg {
      padding-left: 50px;
      padding-right: 50px; } }
  .component.links-with-bg h2 {
    margin-bottom: 70px; }
  .component.links-with-bg a > div {
    max-width: 460px; }
  .component.links-with-bg .disclaimer {
    max-width: 535px; }

.grid {
  padding-right: 50px;
  padding-left: 50px; }
  @media screen and (max-width: 767px) {
    .grid {
      padding-right: 30px;
      padding-left: 30px; } }
  .grid > .row {
    margin-right: -25px;
    margin-left: -25px; }
  .grid .row .text-bottom h3,
  .grid .carousel .text-bottom h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .grid .grid-item {
    padding-left: 25px;
    padding-right: 25px; }
    @media screen and (max-width: 767px) {
      .grid .grid-item {
        padding: 0; } }
    .grid .grid-item .arrow {
      flex-shrink: 0; }
    .grid .grid-item.text-position-top .thumb:after {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      content: '';
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); }
    .grid .grid-item.text-position-top .thumb .arrow {
      bottom: 40px;
      right: 20px; }
  .grid .slick-list,
  .grid .no-slick {
    margin-left: -25px;
    margin-right: -25px; }
  .grid .no-slick {
    display: block; }
    @media screen and (min-width: 991px) {
      .grid .no-slick {
        display: flex; } }
  .grid .slick-slider {
    overflow: hidden;
    width: 100%; }
  .grid .slick-slide,
  .grid .slick-slide a {
    outline: 0;
    display: inline-block; }

footer {
  margin: -75px 0 0;
  padding: 185px 66px 50px; }
  footer p {
    max-width: 235px; }
  footer .arrow {
    max-width: 20px; }
  footer ul.footer-primary li a {
    display: flex;
    max-width: 200px;
    color: #fff;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto .5rem; }
    footer ul.footer-primary li a::after {
      content: '';
      width: 23px;
      height: 14px;
      background: url("./public/svg/arrow-right-white.svg") center center/cover no-repeat; }
  footer ul.footer-secondary {
    max-width: 250px;
    margin: 0 auto; }
    footer ul.footer-secondary li {
      display: inline-block; }
      footer ul.footer-secondary li a {
        opacity: .5;
        color: #fff; }
      footer ul.footer-secondary li:not(:last-child) a::after {
        content: ' ·'; }
  footer .extras {
    max-width: 380px; }

.home footer {
  margin-top: 0; }

.taxonomies {
  padding: 0 100px 50px; }
  @media screen and (max-width: 767px) {
    .taxonomies {
      padding: 0 30px 50px; } }
  .taxonomies .row {
    transform: translateY(-50px);
    margin-left: -50px;
    margin-right: -50px;
    column-count: 2; }
    @media screen and (max-width: 991px) {
      .taxonomies .row {
        column-count: 1; } }
    @media screen and (max-width: 767px) {
      .taxonomies .row {
        margin-left: -20px;
        margin-right: -20px; } }
    .taxonomies .row .taxonomy {
      padding-left: 50px;
      padding-right: 50px;
      margin-bottom: 100px;
      break-inside: avoid-column; }
      @media screen and (max-width: 767px) {
        .taxonomies .row .taxonomy {
          padding-left: 20px;
          padding-right: 20px; } }
      .taxonomies .row .taxonomy .icon {
        width: 124px;
        height: 124px;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        opacity: 0;
        transition: all .5s ease; }
        .taxonomies .row .taxonomy .icon:before, .taxonomies .row .taxonomy .icon:after {
          content: '';
          background: #fff;
          height: 3px;
          width: 40px;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .taxonomies .row .taxonomy .icon:after {
          transform: translate(-50%, -50%) rotate(90deg); }
      .taxonomies .row .taxonomy:hover .icon {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1; }
  .taxonomies-hero .content {
    max-width: 950px;
    padding: 130px 0 150px; }
    @media screen and (max-width: 767px) {
      .taxonomies-hero .content {
        padding: 0 0 150px; } }
    .taxonomies-hero .content h3 {
      max-width: 520px; }
  .taxonomies-hero .coin-1 {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2; }
  .taxonomies-hero .silver-object {
    top: calc(50% + 100px);
    right: 0;
    transform: translateY(-50%);
    z-index: 2; }

.coin-2 {
  top: 0;
  right: 100px;
  z-index: 2; }

.archive .no-hero-image {
  padding-top: 200px; }

.archive .archive-aside {
  width: 100%;
  max-width: 345px;
  margin-right: 200px; }
  @media screen and (max-width: 1400px) {
    .archive .archive-aside {
      max-width: 205px; } }
  @media screen and (max-width: 991px) {
    .archive .archive-aside {
      margin-right: 0;
      order: 1;
      max-width: 230px; } }

.archive .archive-description {
  width: 100%;
  max-width: 645px;
  line-height: 2.2em;
  margin-top: -12px; }

.archive-default .row,
.archive-article-category .row {
  margin-left: -30px;
  margin-right: -30px; }
  .archive-default .row .list-item,
  .archive-article-category .row .list-item {
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 70px; }
    .archive-default .row .list-item .category-label,
    .archive-article-category .row .list-item .category-label {
      left: 0;
      bottom: -20px; }

.archive-default {
  margin-top: 100px;
  padding: 100px 70px; }
  @media screen and (max-width: 991px) {
    .archive-default {
      padding: 100px 15px; } }
  .archive-default h1 {
    margin-top: -183px;
    margin-bottom: 70px; }

.archive-article-category {
  margin-top: -100px;
  padding: 50px 70px 100px; }
  @media screen and (max-width: 991px) {
    .archive-article-category {
      padding: 20px 15px 100px; } }
  .archive-article-category h1 {
    margin-bottom: 50px; }

.collections .content {
  padding: 100px 50px; }
  .collections .content .field-dropdown {
    max-width: 320px; }
    @media screen and (max-width: 767px) {
      .collections .content .field-dropdown {
        max-width: none; } }
  .collections .content .row {
    margin-left: -25px;
    margin-right: -25px; }
    .collections .content .row .list-item {
      padding-left: 25px;
      padding-right: 25px; }
      .collections .content .row .list-item label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }

.load-more {
  display: none;
  cursor: pointer; }

.error404 {
  background: url("./public/images/404.png") center center/cover no-repeat;
  min-height: 100vh;
  display: flex;
  flex-flow: column; }
  .error404:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .3; }
  .error404.admin-bar {
    min-height: calc(100vh - 32px); }
  .error404 .content404 {
    flex-grow: 1;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    padding-right: 15px; }
    .error404 .content404 > div {
      max-width: 850px; }
      .error404 .content404 > div a {
        margin-top: 100px;
        padding-bottom: 25px;
        border-bottom: 1px solid #fff; }

.movable-img {
  height: calc(100vw * 0.565);
  min-height: 500px;
  padding: 0 30px !important; }
  .movable-img h1.fs-res-42 {
    margin-bottom: calc(100vw * 0.165); }
  .movable-img h1.fs-res-96, .movable-img .hero.has-aside > div.title-grid h1.title, .hero.has-aside > div.title-grid .movable-img h1.title, .movable-img .hero.has-no-aside > div.title-grid h1.title, .hero.has-no-aside > div.title-grid .movable-img h1.title {
    margin-bottom: 45px; }
  @media screen and (max-width: 767px) {
    .movable-img .image {
      top: 50px !important; } }
  @media screen and (max-width: 767px) {
    .movable-img.align-left .image {
      left: 0 !important;
      right: 26% !important;
      bottom: 0 !important; } }
  @media screen and (max-width: 767px) {
    .movable-img.align-right .image {
      right: 0 !important;
      left: 26% !important;
      bottom: 0 !important; } }

.single-object .object-images img {
  max-width: 70%; }

.single-object .object-images.slick-initialized .slick-slide {
  height: auto;
  outline: 0;
  transition: all .7s ease; }
  .single-object .object-images.slick-initialized .slick-slide:not(.slick-active) {
    opacity: .5; }

.single-object .object-images.slick-initialized img {
  max-height: 50vh;
  width: auto !important;
  transition: all .7s ease; }

.single-object .carousel-controls {
  top: 50%;
  transform: translateY(-50%);
  padding: 0 16px; }
  @media screen and (max-width: 767px) {
    .single-object .carousel-controls img {
      max-width: 40px; } }

.single-object .carousel-counter-wrapper {
  max-width: 60px;
  margin: 0 0 0 auto; }
  @media screen and (max-width: 991px) {
    .single-object .carousel-counter-wrapper {
      margin: 0 auto; } }

.single-object .next {
  transform: rotate(180deg); }

.single-object .related-objects {
  padding: 50px 50px 100px; }
  @media screen and (max-width: 767px) {
    .single-object .related-objects {
      padding: 30px 30px 50px; } }
  .single-object .related-objects .row {
    margin-left: -25px;
    margin-right: -25px; }
    .single-object .related-objects .row > a {
      padding-left: 25px;
      padding-right: 25px; }
      .single-object .related-objects .row > a img {
        background: #E5E5E5; }
      .single-object .related-objects .row > a p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }

.newsletter .coin-1 {
  left: 0;
  top: 50%;
  transform: translateY(-50%); }

.newsletter .silver-object {
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

@media screen and (max-width: 991px) {
  .newsletter .col-lg-7 {
    padding-left: 0; } }

.newsletter h1 {
  transform: translateY(45%);
  position: relative;
  z-index: 1; }

.newsletter .form {
  padding: 80px 105px 90px; }
  @media screen and (max-width: 991px) {
    .newsletter .form {
      padding: 80px 30px 90px; } }
  .newsletter .form .intro {
    max-width: 550px;
    margin: 0 auto; }
  .newsletter .form label {
    margin-top: 25px; }
  .newsletter .form input {
    border: 0;
    background: #f2f2f2;
    padding: 14px; }
  .newsletter .form .privacy-message {
    max-width: 260px; }

#mc_embed_signup div.mce_inline_error {
  background-color: #E9CFCF !important;
  font-weight: 400 !important;
  color: #000 !important; }

/* tmp: removing submit-btn from search field because it doesn't fire on click */
.search-submit {
    display: none !important; }