.scroll-animation {
    position: relative;
    overflow: hidden;
}

.scroll-animation::after,
.scroll-animation::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.7s ease 0.3s;
    transition: all 0.7s ease 0.3s;
}

.scroll-animation::before {
    z-index: 2;
    background-color: #2f3338;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.scroll-animation::after {
    z-index: 3;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.scroll-animation.brown::before {
    background-color: #fff;
}

.scroll-animation.brown::after {
    background-color: #a37063;
}

.scroll-animation.on-scroll-animation::after,
.scroll-animation.on-scroll-animation::before {
    -webkit-transform: translate(100%);
    transform: translate(100%);
}

.thumbnail {
    width: 100% !important;
    height: 150%;
    margin-top: -100px;
}

.title-animation {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    font-size: 3rem !important;
    line-height: 1.5em;
    font-weight: 200 !important;
}

.title-animation span {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 60px;
    text-align: center;
}

.title-animation span:nth-child(1n) {
    position: absolute;
    left: 0px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.title-animation span:nth-child(2n) {
    position: absolute;
    left: 50px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.title-animation span:nth-child(3n) {
    position: absolute;
    left: 100px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.title-animation span:nth-child(4n) {
    position: absolute;
    left: 150px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.title-animation span:nth-child(5n) {
    position: absolute;
    left: 200px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.title-animation span:nth-child(6n) {
    position: absolute;
    left: 250px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.title-animation span:nth-child(7n) {
    position: absolute;
    left: 300px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.title-animation span:nth-child(8n) {
    position: absolute;
    left: 350px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.title-animation span:nth-child(9n) {
    position: absolute;
    left: 400px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms;
}

.title-animation span:nth-child(10n) {
    position: absolute;
    left: 450px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
}

.title-animation span:nth-child(11n) {
    position: absolute;
    left: 500px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms;
}

.title-animation span:nth-child(12n) {
    position: absolute;
    left: 550px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
}

.title-animation span:nth-child(13n) {
    position: absolute;
    left: 600px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms;
}

.title-animation span:nth-child(14n) {
    position: absolute;
    left: 650px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
}

.title-animation span:nth-child(15n) {
    position: absolute;
    left: 700px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms;
}

.title-animation span:nth-child(16n) {
    position: absolute;
    left: 750px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.title-animation span:nth-child(17n) {
    position: absolute;
    left: 800px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 850ms;
    transition-delay: 850ms;
}

.title-animation span:nth-child(18n) {
    position: absolute;
    left: 850px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
}

.title-animation span:nth-child(19n) {
    position: absolute;
    left: 900px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 950ms;
    transition-delay: 950ms;
}

.title-animation span:nth-child(20n) {
    position: absolute;
    left: 950px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.title-animation span:nth-child(21n) {
    position: absolute;
    left: 1000px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1050ms;
    transition-delay: 1050ms;
}

.title-animation span:nth-child(22n) {
    position: absolute;
    left: 1050px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1100ms;
    transition-delay: 1100ms;
}

.title-animation span:nth-child(23n) {
    position: absolute;
    left: 1100px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1150ms;
    transition-delay: 1150ms;
}

.title-animation span:nth-child(24n) {
    position: absolute;
    left: 1150px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.title-animation span:nth-child(25n) {
    position: absolute;
    left: 1200px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1250ms;
    transition-delay: 1250ms;
}

.title-animation span:nth-child(26n) {
    position: absolute;
    left: 1250px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.title-animation span:nth-child(27n) {
    position: absolute;
    left: 1300px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1350ms;
    transition-delay: 1350ms;
}

.title-animation span:nth-child(28n) {
    position: absolute;
    left: 1350px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1400ms;
    transition-delay: 1400ms;
}

.title-animation span:nth-child(29n) {
    position: absolute;
    left: 1400px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1450ms;
    transition-delay: 1450ms;
}

.title-animation span:nth-child(30n) {
    position: absolute;
    left: 1450px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.title-animation span:nth-child(31n) {
    position: absolute;
    left: 1500px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1550ms;
    transition-delay: 1550ms;
}

.title-animation span:nth-child(32n) {
    position: absolute;
    left: 1550px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1600ms;
    transition-delay: 1600ms;
}

.title-animation span:nth-child(33n) {
    position: absolute;
    left: 1600px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1650ms;
    transition-delay: 1650ms;
}

.title-animation span:nth-child(34n) {
    position: absolute;
    left: 1650px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1700ms;
    transition-delay: 1700ms;
}

.title-animation span:nth-child(35n) {
    position: absolute;
    left: 1700px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1750ms;
    transition-delay: 1750ms;
}

.title-animation span:nth-child(36n) {
    position: absolute;
    left: 1750px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1800ms;
    transition-delay: 1800ms;
}

.title-animation span:nth-child(37n) {
    position: absolute;
    left: 1800px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1850ms;
    transition-delay: 1850ms;
}

.title-animation span:nth-child(38n) {
    position: absolute;
    left: 1850px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1900ms;
    transition-delay: 1900ms;
}

.title-animation span:nth-child(39n) {
    position: absolute;
    left: 1900px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 1950ms;
    transition-delay: 1950ms;
}

.title-animation span:nth-child(40n) {
    position: absolute;
    left: 1950px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2000ms;
    transition-delay: 2000ms;
}

.title-animation span:nth-child(41n) {
    position: absolute;
    left: 2000px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2050ms;
    transition-delay: 2050ms;
}

.title-animation span:nth-child(42n) {
    position: absolute;
    left: 2050px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2100ms;
    transition-delay: 2100ms;
}

.title-animation span:nth-child(43n) {
    position: absolute;
    left: 2100px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2150ms;
    transition-delay: 2150ms;
}

.title-animation span:nth-child(44n) {
    position: absolute;
    left: 2150px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2200ms;
    transition-delay: 2200ms;
}

.title-animation span:nth-child(45n) {
    position: absolute;
    left: 2200px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2250ms;
    transition-delay: 2250ms;
}

.title-animation span:nth-child(46n) {
    position: absolute;
    left: 2250px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2300ms;
    transition-delay: 2300ms;
}

.title-animation span:nth-child(47n) {
    position: absolute;
    left: 2300px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2350ms;
    transition-delay: 2350ms;
}

.title-animation span:nth-child(48n) {
    position: absolute;
    left: 2350px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2400ms;
    transition-delay: 2400ms;
}

.title-animation span:nth-child(49n) {
    position: absolute;
    left: 2400px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2450ms;
    transition-delay: 2450ms;
}

.title-animation span:nth-child(50n) {
    position: absolute;
    left: 2450px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2500ms;
    transition-delay: 2500ms;
}

.title-animation span:nth-child(51n) {
    position: absolute;
    left: 2500px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2550ms;
    transition-delay: 2550ms;
}

.title-animation span:nth-child(52n) {
    position: absolute;
    left: 2550px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2600ms;
    transition-delay: 2600ms;
}

.title-animation span:nth-child(53n) {
    position: absolute;
    left: 2600px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2650ms;
    transition-delay: 2650ms;
}

.title-animation span:nth-child(54n) {
    position: absolute;
    left: 2650px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2700ms;
    transition-delay: 2700ms;
}

.title-animation span:nth-child(55n) {
    position: absolute;
    left: 2700px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2750ms;
    transition-delay: 2750ms;
}

.title-animation span:nth-child(56n) {
    position: absolute;
    left: 2750px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2800ms;
    transition-delay: 2800ms;
}

.title-animation span:nth-child(57n) {
    position: absolute;
    left: 2800px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2850ms;
    transition-delay: 2850ms;
}

.title-animation span:nth-child(58n) {
    position: absolute;
    left: 2850px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2900ms;
    transition-delay: 2900ms;
}

.title-animation span:nth-child(59n) {
    position: absolute;
    left: 2900px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 2950ms;
    transition-delay: 2950ms;
}

.title-animation span:nth-child(60n) {
    position: absolute;
    left: 2950px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3000ms;
    transition-delay: 3000ms;
}

.title-animation span:nth-child(61n) {
    position: absolute;
    left: 3000px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3050ms;
    transition-delay: 3050ms;
}

.title-animation span:nth-child(62n) {
    position: absolute;
    left: 3050px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3100ms;
    transition-delay: 3100ms;
}

.title-animation span:nth-child(63n) {
    position: absolute;
    left: 3100px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3150ms;
    transition-delay: 3150ms;
}

.title-animation span:nth-child(64n) {
    position: absolute;
    left: 3150px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3200ms;
    transition-delay: 3200ms;
}

.title-animation span:nth-child(65n) {
    position: absolute;
    left: 3200px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3250ms;
    transition-delay: 3250ms;
}

.title-animation span:nth-child(66n) {
    position: absolute;
    left: 3250px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3300ms;
    transition-delay: 3300ms;
}

.title-animation span:nth-child(67n) {
    position: absolute;
    left: 3300px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3350ms;
    transition-delay: 3350ms;
}

.title-animation span:nth-child(68n) {
    position: absolute;
    left: 3350px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3400ms;
    transition-delay: 3400ms;
}

.title-animation span:nth-child(69n) {
    position: absolute;
    left: 3400px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3450ms;
    transition-delay: 3450ms;
}

.title-animation span:nth-child(70n) {
    position: absolute;
    left: 3450px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3500ms;
    transition-delay: 3500ms;
}

.title-animation span:nth-child(71n) {
    position: absolute;
    left: 3500px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3550ms;
    transition-delay: 3550ms;
}

.title-animation span:nth-child(72n) {
    position: absolute;
    left: 3550px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3600ms;
    transition-delay: 3600ms;
}

.title-animation span:nth-child(73n) {
    position: absolute;
    left: 3600px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3650ms;
    transition-delay: 3650ms;
}

.title-animation span:nth-child(74n) {
    position: absolute;
    left: 3650px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3700ms;
    transition-delay: 3700ms;
}

.title-animation span:nth-child(75n) {
    position: absolute;
    left: 3700px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3750ms;
    transition-delay: 3750ms;
}

.title-animation span:nth-child(76n) {
    position: absolute;
    left: 3750px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3800ms;
    transition-delay: 3800ms;
}

.title-animation span:nth-child(77n) {
    position: absolute;
    left: 3800px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3850ms;
    transition-delay: 3850ms;
}

.title-animation span:nth-child(78n) {
    position: absolute;
    left: 3850px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3900ms;
    transition-delay: 3900ms;
}

.title-animation span:nth-child(79n) {
    position: absolute;
    left: 3900px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 3950ms;
    transition-delay: 3950ms;
}

.title-animation span:nth-child(80n) {
    position: absolute;
    left: 3950px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4000ms;
    transition-delay: 4000ms;
}

.title-animation span:nth-child(81n) {
    position: absolute;
    left: 4000px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4050ms;
    transition-delay: 4050ms;
}

.title-animation span:nth-child(82n) {
    position: absolute;
    left: 4050px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4100ms;
    transition-delay: 4100ms;
}

.title-animation span:nth-child(83n) {
    position: absolute;
    left: 4100px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4150ms;
    transition-delay: 4150ms;
}

.title-animation span:nth-child(84n) {
    position: absolute;
    left: 4150px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4200ms;
    transition-delay: 4200ms;
}

.title-animation span:nth-child(85n) {
    position: absolute;
    left: 4200px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4250ms;
    transition-delay: 4250ms;
}

.title-animation span:nth-child(86n) {
    position: absolute;
    left: 4250px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4300ms;
    transition-delay: 4300ms;
}

.title-animation span:nth-child(87n) {
    position: absolute;
    left: 4300px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4350ms;
    transition-delay: 4350ms;
}

.title-animation span:nth-child(88n) {
    position: absolute;
    left: 4350px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4400ms;
    transition-delay: 4400ms;
}

.title-animation span:nth-child(89n) {
    position: absolute;
    left: 4400px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4450ms;
    transition-delay: 4450ms;
}

.title-animation span:nth-child(90n) {
    position: absolute;
    left: 4450px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4500ms;
    transition-delay: 4500ms;
}

.title-animation span:nth-child(91n) {
    position: absolute;
    left: 4500px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4550ms;
    transition-delay: 4550ms;
}

.title-animation span:nth-child(92n) {
    position: absolute;
    left: 4550px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4600ms;
    transition-delay: 4600ms;
}

.title-animation span:nth-child(93n) {
    position: absolute;
    left: 4600px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4650ms;
    transition-delay: 4650ms;
}

.title-animation span:nth-child(94n) {
    position: absolute;
    left: 4650px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4700ms;
    transition-delay: 4700ms;
}

.title-animation span:nth-child(95n) {
    position: absolute;
    left: 4700px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4750ms;
    transition-delay: 4750ms;
}

.title-animation span:nth-child(96n) {
    position: absolute;
    left: 4750px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4800ms;
    transition-delay: 4800ms;
}

.title-animation span:nth-child(97n) {
    position: absolute;
    left: 4800px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4850ms;
    transition-delay: 4850ms;
}

.title-animation span:nth-child(98n) {
    position: absolute;
    left: 4850px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4900ms;
    transition-delay: 4900ms;
}

.title-animation span:nth-child(99n) {
    position: absolute;
    left: 4900px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 4950ms;
    transition-delay: 4950ms;
}

.title-animation span:nth-child(100n) {
    position: absolute;
    left: 4950px;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-delay: 5000ms;
    transition-delay: 5000ms;
}

.title-animation.on-scroll-animation span:nth-child(1n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(2n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(3n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(4n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(5n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(6n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(7n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(8n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(9n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(10n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(11n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(12n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(13n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(14n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(15n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(16n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(17n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(18n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(19n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(20n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(21n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(22n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(23n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(24n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(25n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(26n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(27n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(28n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(29n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(30n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(31n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(32n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(33n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(34n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(35n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(36n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(37n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(38n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(39n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(40n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(41n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(42n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(43n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(44n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(45n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(46n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(47n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(48n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(49n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(50n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(51n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(52n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(53n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(54n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(55n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(56n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(57n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(58n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(59n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(60n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(61n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(62n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(63n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(64n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(65n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(66n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(67n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(68n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(69n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(70n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(71n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(72n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(73n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(74n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(75n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(76n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(77n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(78n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(79n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(80n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(81n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(82n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(83n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(84n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(85n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(86n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(87n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(88n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(89n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(90n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(91n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(92n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(93n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(94n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(95n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(96n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(97n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(98n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(99n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.title-animation.on-scroll-animation span:nth-child(100n) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

@-webkit-keyframes right-to-left {
    0% {
        -left: 20px;
    }
    100% {
        margin-left: 0px;
    }
}

@keyframes right-to-left {
    0% {
        -left: 20px;
    }
    100% {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 450px) {
    .title-animation span:nth-child(2n) {
        left: 20px;
    }
    .title-animation span:nth-child(3n) {
        left: 40px;
    }
    .title-animation span:nth-child(4n) {
        left: 60px;
    }
    .title-animation span:nth-child(5n) {
        left: 80px;
    }
    .title-animation span:nth-child(6n) {
        left: 100px;
    }
    .title-animation span:nth-child(7n) {
        left: 120px;
    }
    .title-animation span:nth-child(8n) {
        left: 140px;
    }
    .title-animation span:nth-child(9n) {
        left: 160px;
    }
    .title-animation span:nth-child(10n) {
        left: 180px;
    }
    .title-animation span:nth-child(11n) {
        left: 200px;
    }
    .title-animation span:nth-child(12n) {
        left: 220px;
    }
    .title-animation span:nth-child(13n) {
        left: 240px;
    }
    .title-animation span:nth-child(14n) {
        left: 260px;
    }
    .title-animation span:nth-child(15n) {
        left: 280px;
    }
    .title-animation span:nth-child(16n) {
        left: 300px;
    }
    .title-animation span:nth-child(17n) {
        left: 320px;
    }
    .title-animation span:nth-child(18n) {
        left: 340px;
    }
    .title-animation {
        font-size: 1.5rem !important;
    }
}