/* Add Basic Variables */
/* ============= Include Fonts ============= */
/* BEGIN Regular */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../fonts/roboto/regularRoboto-Regular.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../fonts/roboto/regular/Roboto-Regular.woff?v=2.137") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Medium */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/medium/Roboto-Medium.woff2?v=2.137") format("woff2"), url("../fonts/roboto/medium/Roboto-Medium.woff?v=2.137") format("woff");
  font-weight: 500;
  font-style: normal;
}
/* END Medium */
/* BEGIN Bold */
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../fonts/roboto/bold/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/roboto/bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../fonts/roboto/bold/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* ============= Theme Related Items ============= */
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

.bg-light-yellow {
  background-color: #FFFF63 !important;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 50px auto;
}

.title {
  font-size: 130px;
  margin-top: 0;
}

.item-a {
  grid-column-start: 1;
  grid-column-end: 5;
}
.item-a .svg-wrapper {
  width: 70%;
}

.item-b {
  grid-column-start: 1;
  grid-column-end: span 4;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.item-c {
  grid-column-start: 1;
  grid-column-end: span 4;
  border: 1px solid #000;
}

.item-d {
  grid-column-start: 1;
  grid-column-end: span 4;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.item-e {
  grid-column-start: 1;
  grid-column-end: span 4;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

.item-f {
  grid-column-start: 1;
  grid-column-end: span 4;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.item-g {
  grid-column-start: 1;
  grid-column-end: span 4;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.item-h {
  grid-column-start: 1;
  grid-column-end: span 4;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.item-i {
  grid-column-start: 1;
  grid-column-end: span 4;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.item-j {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 2;
  grid-row-end: 3;
}

.border-interrupt {
  background-color: #FFFF63;
}

.playfair {
  font-family: "Playfair Display", serif;
}

.lora {
  font-family: "Lora", serif;
}

.f8 {
  font-size: 0.78rem;
}

.item:hover {
  background-color: #222;
  color: #FFFF63;
  transition: all 0.25s ease;
}

.item {
  transition: all 0.25s ease;
  padding: 15px;
}

@media (min-width: 1011px) {
  .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 150px 127px 127px 127px 127px 127px 127px 127px 127px 127px;
    margin: 100px auto;
  }
  .title {
    margin-top: 0;
  }
  .item-a {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .item-b {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 6;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none;
  }
  .item-c {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 7;
    border: 1px solid #000;
  }
  .item-d {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 6;
    grid-row-end: 8;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
  .item-e {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 8;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #000;
  }
  .item-f {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 7;
    grid-row-end: 9;
    border-left: 1px solid #000;
    border-bottom: none;
    border-right: none;
  }
  .item-g {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 11;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .item-h {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 8;
    grid-row-end: 11;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none;
  }
  .item-i {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 9;
    grid-row-end: 11;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: none;
  }
  .item-j {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 5;
  }
  .mobile-message {
    display: none;
  }
}
.metro-grid .s4-box {
  font-size: 9px;
}
.metro-grid .alfa {
  font-family: "Alfa Slab One", serif;
}
.metro-grid .merriweather {
  font-family: "Merriweather", serif;
}
.metro-grid .stat {
  font-size: 44px;
  font-family: "ultra", serif;
  letter-spacing: -2px;
  padding: 15px 0;
}
.metro-grid .page-title {
  padding: 30px 0;
}
.metro-grid .title-headline {
  font-size: 40px;
  margin: 0;
  padding: 0 0 15px 0;
}
.metro-grid .title-deck {
  font-size: 18px;
  margin: 0;
  padding: 0 0 20px 0;
}
.metro-grid .section-1-headline {
  font-size: 58px;
  margin: 0 auto;
  padding: 30px 0;
}
.metro-grid .section-1-deck {
  font-size: 22px;
  padding-bottom: 30px;
}
.metro-grid .hero-image {
  padding: 30px 0;
}
.metro-grid .section-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #000;
}
.metro-grid .section-2-label {
  top: -8px;
}
.metro-grid .section-2-headline {
  grid-column: span 2;
  font-size: 30px;
  padding: 30px 0 15px 0;
}
.metro-grid .section-2-subhead {
  grid-column: span 2;
}
.metro-grid .section-2-subsection-1 {
  grid-column-start: 1;
  grid-column-end: 2;
  margin: 30px 0;
  padding-right: 30px;
}
.metro-grid .section-2-subsection-2 {
  padding-left: 30px;
  margin: 30px 0;
}
.metro-grid .section-3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #000;
}
.metro-grid .section-3-label {
  top: -8px;
}
.metro-grid .section-3-headline {
  grid-column: span 2;
  font-size: 30px;
  padding: 30px 0 15px 0;
}
.metro-grid .section-3-subhead {
  grid-column: span 2;
}
.metro-grid .section-3-subsection-1 {
  grid-column-start: 1;
  grid-column-end: 2;
  margin: 30px 0;
  padding-right: 30px;
}
.metro-grid .section-3-subsection-2 {
  padding-left: 30px;
  margin: 30px 0;
}
.metro-grid .section-4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #000;
}
.metro-grid .section-4-label {
  top: -8px;
}
.metro-grid .section-4-headline {
  grid-column: span 2;
  font-size: 30px;
  padding: 30px 0 15px 0;
}
.metro-grid .section-4-subhead {
  grid-column: span 2;
}
.metro-grid .section-4-subsection-1 {
  grid-column-start: 1;
  grid-column-end: 2;
  margin: 30px 0;
  padding-right: 30px;
}
.metro-grid .section-4-subsection-2 {
  padding-left: 30px;
  margin: 30px 0;
}
.metro-grid .section-4-subsection-3 {
  grid-column: span 2;
  border: 1px solid #000;
  margin: 15px 0 30px 0;
}
.metro-grid .s4-ss3-s3 {
  padding-bottom: 15px;
}
.metro-grid .s4-ss3-s4 {
  padding-bottom: 15px;
}
.metro-grid .section-5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.metro-grid .section-5-label {
  top: -8px;
}
.metro-grid .section-5-headline {
  grid-column: span 2;
  font-size: 30px;
  padding: 30px 0 15px 0;
}
.metro-grid .section-5-subhead {
  grid-column: span 2;
}
.metro-grid .section-5-subsection-1 {
  grid-column: span 2;
}
.metro-grid .section-5-subsection-2 {
  margin: 30px 0;
  padding-right: 30px;
  border-right: 1px solid #000;
}
.metro-grid .section-5-subsection-3 {
  padding-left: 30px;
  margin: 30px 0;
}
@media (min-width: 600px) {
  .metro-grid .page-title {
    padding: 60px 0;
  }
  .metro-grid .title-headline {
    font-size: 65px;
  }
  .metro-grid .title-deck {
    font-size: 24px;
  }
  .metro-grid .section-1-deck {
    font-size: 18px;
    max-width: 300px;
  }
  .metro-grid .section-4-subsection-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .metro-grid .s4-ss3-s1 {
    grid-column: span 3;
  }
  .metro-grid .s4-ss3-s2 {
    grid-column: span 3;
    padding-bottom: 25px;
  }
  .metro-grid .s4-ss3-s3 {
    padding-right: 0px;
  }
  .metro-grid .s4-ss3-s4 {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    padding: 0 15px;
  }
  .metro-grid .s4-ss3-s5 {
    padding-left: 0px;
  }
  .metro-grid .s4-ss3-s6 {
    grid-column: span 3;
    padding-top: 25px;
  }
  .metro-grid .section-5-subsection-2 {
    border-right: 1px solid #000;
  }
}
@media (min-width: 800px) {
  .metro-grid .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 !important;
  }
  .metro-grid .folio {
    grid-column: span 4;
  }
  .metro-grid .page-title {
    grid-column: span 4;
    padding: 90px 0;
  }
  .metro-grid .section-1 {
    grid-column: span 2;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    padding-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .metro-grid .hero-image {
    grid-column: span 2;
    padding-left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .metro-grid .section-2 {
    grid-column: span 3;
    padding-right: 0px;
  }
  .metro-grid .section-3 {
    grid-column: span 1;
    display: block;
    border-left: 1px solid #000;
    padding-left: 0px;
  }
  .metro-grid .section-3-label {
    left: 2px;
    right: 2px;
  }
  .metro-grid .section-3-subsection-1 {
    border: none;
    padding: 0;
    margin: 0;
  }
  .metro-grid .section-3-subsection-2 {
    padding: 0;
    margin: 0;
  }
  .metro-grid .section-4 {
    grid-column: span 2;
    padding-right: 0px;
    border-bottom: none;
  }
  .metro-grid .section-5 {
    grid-column: span 2;
    display: block;
    border-left: 1px solid #000;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
  }
  .metro-grid .section-5-subsection-2 {
    padding: 0;
    margin: auto;
    border: none;
  }
  .metro-grid .section-5-subsection-3 {
    padding: 0;
    margin: auto;
  }
}
@media (min-width: 1100px) {
  .metro-grid .container {
    max-width: inherit;
    margin: auto;
  }
  .metro-grid .section-2-headline,
  .metro-grid .section-3-headline,
  .metro-grid .section-4-headline,
  .metro-grid .section-5-headline {
    font-size: 20px;
    padding: 10px 0 20 0;
  }
  .metro-grid .grid {
    grid-template-columns: repeat(7, 14.2857%);
    grid-template-rows: repeat(35, 40px);
  }
  .metro-grid .folio {
    grid-column: span 7;
    grid-row-start: 1;
  }
  .metro-grid .page-title {
    padding: 100px 0;
    grid-area: 2/1/11/8;
  }
  .metro-grid .title-headline {
    font-size: 90px;
  }
  .metro-grid .section-1 {
    border-top: none;
    grid-area: 11/1/19/3;
    border-right: none;
  }
  .metro-grid .section-1-deck {
    font-size: 15px;
  }
  .metro-grid .hero-image {
    border-top: none;
    padding: 30px;
    grid-area: 11/3/21/7;
    border-left: 1px solid #000;
  }
  .metro-grid .section-2 {
    grid-area: 19/1/36/3;
    padding-right: 0px;
    border-bottom: none;
  }
  .metro-grid .section-2-subsection-1 {
    padding-right: 0px;
  }
  .metro-grid .section-2-subsection-2 {
    padding-left: 0px;
  }
  .metro-grid .section-3 {
    grid-area: 21/3/36/4;
    padding: 0 15px;
    border-bottom: none;
    border-right: 1px solid #000;
  }
  .metro-grid .section-4 {
    grid-area: 21/4/36/7;
    padding-left: 0px;
  }
  .metro-grid .section-4-subsection-1 {
    padding-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .metro-grid .section-4-subsection-2 {
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .metro-grid .section-4-subsection-3 {
    padding: 10px;
  }
  .metro-grid .s4-ss3-s3 {
    padding-right: 5px;
  }
  .metro-grid .s4-ss3-s4 {
    padding: 0 5px;
  }
  .metro-grid .s4-ss3-s5 {
    padding-left: 5px;
  }
  .metro-grid .section-5 {
    grid-area: 11/7/36/8;
  }
  .metro-grid .section-5-label {
    right: 2px;
    left: 2px;
    top: 0;
  }
}

.newspaper-section {
  padding-top: 100px;
  background-color: #f9f7f1 !important;
}
.newspaper-section header {
  font-family: "Playfair Display", serif;
  font-weight: 900;
  font-size: 80px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 72px;
  margin-bottom: 20px;
}
.newspaper-section p {
  margin-top: 0;
  margin-bottom: 20px;
}
.newspaper-section .head {
  text-align: center;
  position: relative;
}
.newspaper-section .subhead {
  text-transform: uppercase;
  border-bottom: 2px solid #2f2f2f;
  border-top: 2px solid #2f2f2f;
  padding: 12px 0 12px 0;
}
.newspaper-section .weatherforcastbox {
  position: relative;
  width: 12%;
  left: 10px;
  border: 3px double #2f2f2f;
  padding: 10px 15px 10px 15px;
  line-height: 20px;
  display: inline-block;
  margin: 0 50px 20px -360px;
}
.newspaper-section .content {
  font-size: 0;
  line-height: 0;
  word-spacing: -0.31em;
  display: inline-block;
  margin: 30px 2% 0 2%;
  text-align: justify;
}
.newspaper-section .collumn {
  font-size: 14px;
  line-height: 20px;
  width: 20%;
  display: inline-block;
  padding: 0 1% 0 1%;
  vertical-align: top;
  margin-bottom: 50px;
  transition: all 0.7s;
}
.newspaper-section .collumn + .collumn {
  border-left: 1px solid #2f2f2f;
}
.newspaper-section .collumn .headline {
  text-align: center;
  line-height: normal;
  font-family: "Playfair Display", serif;
  display: block;
  margin: 0 auto;
}
.newspaper-section .collumn .headline.hl1 {
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .headline.hl2 {
  font-weight: 400;
  font-style: italic;
  font-size: 24px;
  box-sizing: border-box;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .headline.hl2:before {
  border-top: 1px solid #2f2f2f;
  content: "";
  width: 100px;
  height: 7px;
  display: block;
  margin: 0 auto;
}
.newspaper-section .collumn .headline.hl2:after {
  border-bottom: 1px solid #2f2f2f;
  content: "";
  width: 100px;
  height: 13px;
  display: block;
  margin: 0 auto;
}
.newspaper-section .collumn .headline.hl3 {
  font-weight: 400;
  font-style: italic;
  font-size: 36px;
  box-sizing: border-box;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .headline.hl4 {
  font-weight: 700;
  font-size: 12px;
  box-sizing: border-box;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .headline.hl4:before {
  border-top: 1px solid #2f2f2f;
  content: "";
  width: 100px;
  height: 7px;
  display: block;
  margin: 0 auto;
}
.newspaper-section .collumn .headline.hl4:after {
  border-bottom: 1px solid #2f2f2f;
  content: "";
  width: 100px;
  height: 10px;
  display: block;
  margin: 0 auto;
}
.newspaper-section .collumn .headline.hl5 {
  font-weight: 400;
  font-size: 42px;
  text-transform: uppercase;
  font-style: italic;
  box-sizing: border-box;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .headline.hl6 {
  font-weight: 400;
  font-size: 18px;
  box-sizing: border-box;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .headline.hl6:before {
  border-top: 1px solid #2f2f2f;
  content: "";
  width: 100px;
  height: 7px;
  display: block;
  margin: 0 auto;
}
.newspaper-section .collumn .headline.hl6:after {
  border-bottom: 1px solid #2f2f2f;
  content: "";
  width: 100px;
  height: 10px;
  display: block;
  margin: 0 auto;
}
.newspaper-section .collumn .headline.hl7 {
  font-weight: 700;
  font-size: 12px;
  box-sizing: border-box;
  display: block;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .headline.hl8 {
  font-weight: 700;
  font-size: 12px;
  box-sizing: border-box;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .headline.hl9 {
  font-weight: 700;
  font-size: 12px;
  box-sizing: border-box;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .headline.hl10 {
  font-weight: 700;
  font-size: 12px;
  box-sizing: border-box;
  padding: 10px 0 10px 0;
}
.newspaper-section .collumn .citation {
  font-family: "Playfair Display", serif;
  font-size: 36px;
  line-height: 44px;
  /*font-style: italic;*/
  text-align: center;
  font-weight: 400;
  display: block;
  margin: 40px 0 40px 0;
  font-feature-settings: "liga", "dlig";
}
.newspaper-section .collumn .citation:before {
  border-top: 1px solid #2f2f2f;
  content: "";
  width: 100px;
  height: 16px;
  display: block;
  margin: 0 auto;
}
.newspaper-section .collumn .citation:after {
  border-bottom: 1px solid #2f2f2f;
  content: "";
  width: 100px;
  height: 16px;
  display: block;
  margin: 0 auto;
}
.newspaper-section .collumn .figure {
  margin: 0 0 20px;
}
.newspaper-section .collumn .figcaption {
  font-style: italic;
  font-size: 12px;
}
.newspaper-section .media {
  -webkit-filter: sepia(80%) contrast(1) opacity(0.8);
  filter: sepia(80%) grayscale(1) contrast(1) opacity(0.8);
  mix-blend-mode: multiply;
  width: 100%;
}
.newspaper-section {
  /*________________________________________________________________________________________________________________________________*/
  /*MEDIAQUERIES*/
}
@media only all and (max-width: 1300px) {
  .newspaper-section .weatherforcastbox {
    display: none;
  }
}
@media only all and (max-width: 1200px) {
  .newspaper-section .collumn {
    width: 31%;
  }
}
@media only all and (max-width: 900px) {
  .newspaper-section .collumn {
    width: 47%;
  }
}
@media only all and (max-width: 600px) {
  .newspaper-section .collumn {
    width: 100%;
  }
  .newspaper-section .collumn + .collumn {
    border-left: none;
    border-bottom: 1px solid #2f2f2f;
  }
  .newspaper-section header {
    max-width: 320px;
    font-size: 60px;
    line-height: 54px;
    overflow: hidden;
  }
}

html,
body {
  background: #333;
}

.section {
  position: relative;
  height: 100%;
  width: 100%;
  opacity: 1;
}

.panel {
  min-height: 100%;
  width: 100%;
  background-color: #FFF;
  position: relative;
}

.sticky-navigation-placeholder {
  position: static;
}

a:hover {
  text-decoration: none !important;
}

.stage {
  display: flex;
  height: 50px;
  width: 50px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.stage .box {
  align-self: flex-end;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  height: auto;
  margin: 0 auto 0 auto;
  transform-origin: bottom;
  width: auto;
  text-align: right;
}
.stage .box .far {
  font-size: 40px;
  color: #fff;
}
.stage .bounce-1 {
  animation-name: bounce-1;
  animation-timing-function: linear;
}

@keyframes bounce-1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}
.is-affixed {
  z-index: 100 !important;
}

.icon-scroll {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 1em;
  height: 3.125em;
  transform: translateX(-50%) scale(2);
  z-index: 99999;
}

.icon-arrows::after,
.icon-arrows::before {
  content: "";
}

.icon-arrows span,
.icon-arrows::after,
.icon-arrows::before {
  display: block;
  width: 0.315em;
  height: 0.315em;
  border-right: 1px solid rgba(231, 72, 50, 0.8);
  border-bottom: 1px solid rgba(231, 72, 50, 0.8);
  margin: 0 0 0.125em 0.315em;
  transform: rotate(45deg);
  animation: mouse-scroll 1s infinite;
  animation-direction: alternate;
}

.icon-arrows::before {
  margin-top: 0.315em;
  animation-delay: 0.1s;
}

.icon-scroll span {
  animation-delay: 0.2s;
}

.icon-arrows::after {
  animation-delay: 0.3s;
}

.icon-scroll .mouse {
  height: 1.375em;
  width: 0.875em;
  border: 1px solid rgba(231, 72, 50, 0.8);
  border-radius: 2em;
}

.icon-scroll .wheel {
  position: relative;
  display: block;
  height: 0.1875em;
  width: 0.1875em;
  margin: 0.1875em auto 0;
  background: rgba(231, 72, 50, 0.8);
  animation: mouse-wheel 1.2s ease infinite;
  border-radius: 50%;
}

@keyframes mouse-wheel {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(0.375em);
  }
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.home-section {
  background: #191621 url(../images/img/3.jpg) no-repeat center 0px fixed;
  background-size: 100% auto;
}
.home-section .logo {
  display: block;
  padding: 60px 30px;
  position: absolute;
  top: 0;
  width: 50%;
}
.home-section .logo small {
  display: block;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  padding-bottom: 30px;
  font-family: "Noto Serif", sans-serif;
  letter-spacing: 1em;
}
.home-section .section-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-family: "Noto Serif", serif;
  font-size: 18px;
  padding: 30px;
  font-weight: 400;
}

.bg-red {
  background-color: #191621;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 40px;
  font-family: "Noto Serif", sans-serif;
  display: table;
}
.bg-red .center-text-box {
  display: table-cell;
  vertical-align: middle;
}

.content {
  display: table-cell !important;
  vertical-align: top !important;
  height: 100vh;
}
.content .section-footer {
  position: absolute;
  bottom: 80px;
  left: 15px;
  font-family: "Noto Serif", serif;
  font-size: 18px;
  padding: 0px 25% 0 0;
  font-weight: 400;
}

.verticle-middle {
  display: table;
  height: 100vh;
  width: 100%;
}
.verticle-middle .middle-content {
  vertical-align: middle;
  display: table-cell;
}

.red-bg {
  background: #182b32;
  color: #FFF;
}

.centered-hero-text {
  font-size: 30px;
  line-height: 1.4;
  text-align: center;
  font-family: "Noto Serif", sans-serif;
}

.content {
  font-family: "Noto Serif", serif;
  font-size: 14px;
  font-weight: 500;
  padding: 30px;
}
.content h3 {
  font-size: 20px;
  font-family: "Noto Serif", sans-serif;
  border-bottom: 1px solid #191621;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.copyright-text {
  font-size: 14px;
}

.two-shage-bg {
  background: #ffffff;
}
.two-shage-bg .bg-light-grey {
  background: #f7fafd;
}

.site-content-section {
  position: relative;
  background-color: #cfced3;
}
.site-content-section .hover-content {
  height: 100vh;
  display: table;
  width: 100%;
}
.site-content-section .hover-item {
  width: 100%;
  position: absolute;
  height: 100vh;
  overflow: hidden;
}
.site-content-section .hover-item .img-hover {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.site-content-section .hover-item .img-hover h1 {
  font-size: 40px;
  line-height: 1.2;
  color: #000;
  font-family: "Noto Serif", sans-serif;
  font-weight: bold;
  padding: 50px;
  position: relative;
  z-index: 80;
}
.site-content-section .hover-item .img-hover:after {
  content: "";
  position: absolute;
  height: 100vh;
  width: 60%;
  top: 0;
  z-index: 10;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/1.jpg") no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.site-content-section .hover-item .img-hover.link-1:after {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/1.jpg") no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.site-content-section .hover-item .img-hover.link-2:after {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/2.jpg") no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.site-content-section .hover-item .img-hover.link-3:after {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/3.jpg") no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.site-content-section .hover-item .img-hover.link-4:after {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/4.jpg") no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.site-content-section .hover-item .img-hover.link-5:after {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/5.jpg") no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.site-content-section .hover-item .img-hover.link-6:after {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/6.jpg") no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.site-content-section .hover-item .img-hover.link-7:after {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/7.jpg") no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.site-content-section .hover-item .img-hover.link-8:after {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/8.jpg") no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.site-content-section .nav-list {
  float: right;
  width: 40%;
  background: #191621;
  margin: 0;
  padding: 70px 100px;
  position: relative;
  z-index: 100;
}
.site-content-section .nav-list li {
  padding: 0;
}
.site-content-section .nav-list li a {
  font-size: 34px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
  font-family: "Noto Serif", sans-serif;
  font-weight: bold;
  text-decoration: none;
}
.site-content-section .nav-list li small {
  display: block;
  padding: 20px 0;
  font-size: 12px;
}

.nav-list li a:hover .site-content-section .hover-content {
  background: #000 !important;
}

.list-information {
  padding: 30px;
}
.list-information li {
  margin-bottom: 20px;
  font-family: "Noto Serif", serif;
  font-size: 16px;
}
.list-information li label {
  font-size: 12px;
  font-family: "Noto Serif", sans-serif;
  text-transform: uppercase;
  line-height: 1;
}
.list-information li a {
  display: block;
  color: #000;
}
.list-information li p {
  margin-bottom: 10px;
}

.section {
  display: table;
  height: 100vh;
}
.section .centered-hero-text {
  display: table-cell;
  padding-left: 25%;
  padding-right: 25%;
  vertical-align: middle;
}

.sidebar-inner {
  display: table-cell !important;
  vertical-align: top !important;
  height: 100vh;
}

.section-heading {
  font-family: "Noto Serif", sans-serif;
  font-size: 24px;
}

.logo-list {
  padding-top: 40px;
}
.logo-list li {
  margin-bottom: 60px;
}
.logo-list li:last-child {
  margin-bottom: 0px;
}

.marketing-sec-bg {
  background-color: #ebf2fc;
}
.marketing-sec-bg .section-text {
  width: 40%;
  margin: auto;
  display: block;
  text-align: center;
  color: #191621;
  font-family: "Noto Serif", serif;
}
.marketing-sec-bg .section-text small {
  color: #41698d;
  font-size: 13px;
  text-align: center;
  display: block;
  padding: 30px 0;
  font-family: "Noto Serif", sans-serif;
}

.mindingthePs {
  padding-top: 100px;
  background: #fff url("../images/img/4-white.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mindingthePs .side-heading {
  font-size: 16px;
  margin-bottom: 50px;
  font-family: "Noto Serif", sans-serif;
}
.mindingthePs .side-heading small {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
  margin-bottom: 10px;
}
.mindingthePs .content-heading {
  font-family: "Noto Serif", sans-serif;
  color: #191621;
  font-weight: bold;
  line-height: 1;
  padding-top: 50px;
  padding-bottom: 100px;
}
.mindingthePs .content-head {
  font-size: 30px;
  font-family: "Noto Serif", sans-serif;
  color: #191621;
  font-weight: bold;
  line-height: 1;
  padding-top: 50px;
  padding-bottom: 100px;
}
.mindingthePs .questions-sec {
  padding: 100px 50px;
  font-size: 14px !important;
  line-height: 32px;
  font-family: "Noto Serif", serif;
}

.large-text {
  font-size: 50px;
  letter-spacing: -1px;
  line-height: 64px;
  padding: 100px 50px;
}

.section-logo {
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.6px;
  line-height: 44px;
  font-family: "Noto Serif", sans-serif;
  color: #191621;
  padding: 50px;
}
.section-logo span {
  display: block;
}
.section-logo small {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
  margin-top: 10px;
  display: block;
  color: #000;
}

.questions-section {
  padding: 50px 0;
  text-align: justify;
}
.questions-section p {
  font-family: "Noto Serif", serif;
  line-height: 1.6;
  font-size: 14px;
}
.questions-section p i {
  font-style: italic;
}
.questions-section .question {
  font-size: 14px;
  font-weight: bold;
  font-family: "Noto Serif", sans-serif;
}
.questions-section .hero-text {
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  font-family: "Noto Serif", sans-serif;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: left;
  position: relative;
  left: -100px;
  width: 150%;
}
.questions-section .text-footer small {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
  margin-top: 10px;
  display: block;
  color: #000;
}

.answer {
  font-family: "Noto Serif", serif;
  line-height: 1.6;
  font-size: 14px;
}
.answer a {
  color: #000;
}

.screenshot-to-paper .display-text {
  font-family: "Noto Serif", sans-serif;
  padding-top: 100px;
  padding-bottom: 50px;
  font-weight: 700;
  font-size: 40px;
  letter-spacing: -0.6px;
  line-height: 44px;
}
.screenshot-to-paper .display-text small {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
  display: block;
  color: #000;
}
.screenshot-to-paper .three-col-content {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 26px;
  font-family: "Noto Serif", serif;
  text-align: justify;
  padding-bottom: 50px;
}
.screenshot-to-paper .three-col-content h3 {
  font-size: 16px;
  font-family: "Noto Serif", sans-serif;
  padding-bottom: 15px;
  padding-top: 15px;
  margin: 0;
}

.seprator {
  border-left: 1px solid #191621;
  border-right: 1px solid #191621;
}

.transparent-bg {
  background: url("../images/sec-bg.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.has-full-img {
  background: url("../images/marketing-bg.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  height: 100vh;
}
.has-full-img:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.has-full-img .box-content {
  position: absolute;
  bottom: 100px;
  left: 100px;
  z-index: 100;
  width: 380px;
}
.has-full-img .box-content small {
  display: block;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  padding-bottom: 10px;
  font-family: "Noto Serif", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
}
.has-full-img .box-content .static-content {
  background: #46c08f;
  background: -moz-linear-gradient(-45deg, #46c08f 0%, #b5d75f 100%);
  background: -webkit-linear-gradient(-45deg, #46c08f 0%, #b5d75f 100%);
  background: linear-gradient(135deg, #46c08f 0%, #b5d75f 100%);
  font-size: 34px;
  line-height: 40px;
  color: #fff;
  font-family: "Noto Serif", sans-serif;
  font-weight: 400;
  padding: 25px;
}
.has-full-img .box-content .static-content .svg-scale-wrapper {
  width: 30%;
  margin-bottom: 0;
}

.close-btn,
.menu-btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  padding: 10px 20px;
  background: #000;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
  letter-spacing: 1px;
}
.close-btn:hover,
.menu-btn:hover {
  text-decoration: none;
  background: #191621;
  color: #fff;
}

.user-profiles {
  background: #FFF;
  padding: 50px 0;
}
.user-profiles .profile-container {
  padding-bottom: 80px;
}
.user-profiles .profile-container .heading-section {
  padding-bottom: 30px;
  font-size: 16px;
  font-family: "Noto Serif", sans-serif;
  line-height: 1.6;
  color: #191621;
}
.user-profiles .profile-container .heading-section small {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: capitalize;
  display: block;
  color: #000;
}
.user-profiles .profile-container .content-section {
  font-family: "Noto Serif", serif;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
}
.user-profiles .profile-container .section-footer {
  display: block;
  font-size: 12px;
  padding: 25px 0;
  text-transform: uppercase;
  line-height: 1.6;
}
.user-profiles .profile-container .section-footer small {
  display: block;
}

.exercising-courage {
  background: #e3eaf4;
}
.exercising-courage .centered-hero-text {
  color: #191621;
  font-weight: bold;
  font-style: normal;
  line-height: 75px;
  font-size: 60px;
}
.exercising-courage .centered-hero-text .three-col-text {
  font-size: 13px;
  line-height: 1.3;
}
.exercising-courage .centered-hero-text .three-col-text small {
  display: block;
  font-size: 12px;
  line-height: 1.6;
}

.full-page-bg {
  background: url(../images/full-pic.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.circle-animation {
  -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.static-box .hero-text-large {
  line-height: 1.4;
  font-size: 40px;
  width: 170%;
  position: relative;
  left: -20%;
  padding: 100px 0;
}
.static-box .static-section {
  font-family: "Noto Serif", serif;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  text-align: justify;
}
.static-box .hero-text {
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  font-family: "Noto Serif", sans-serif;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: left;
  position: relative;
  left: -100px;
  width: 150%;
}
.static-box .feature-img {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 50px;
  margin-top: 50px;
}
.static-box .feature-img .top-left {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  height: 50px;
  width: 50px;
}
.static-box .feature-img .top-mid {
  position: absolute;
  z-index: 10;
  top: 50%;
  right: -70px;
  margin-top: -25px;
  height: 50px;
  width: 50px;
}
.static-box .feature-img .bottom-left {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: -70px;
  height: 70px;
  width: 70px;
}
.static-box .feature-img .bottom-left img {
  width: 100%;
}

.circle-animation {
  -webkit-animation: rotation 4s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
#section-17 .static-section {
  padding-bottom: 100px;
}

#section-18 .static-content {
  background: rgb(243, 45, 148);
  color: #fff;
}
#section-18 .box-content {
  width: 570px;
}
#section-18 .svg-scale-wrapper {
  margin-bottom: 20px;
}

#section-19.mindingthePs {
  background: #fff url("../images/img/7-white.jpg") no-repeat center center fixed;
  background-size: cover !important;
}

#section-23 .static-section {
  padding-bottom: 100px;
}

#section-21 .feature-img {
  margin-top: 50px;
  margin-bottom: 50px;
}
#section-21 .feature-img-2 {
  width: 150%;
  left: -25%;
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}

#section-22 .centered-hero-text,
#section-25 .centered-hero-text {
  padding-left: 0;
  padding-right: 0;
  font-size: 52px;
  height: 100vh;
}
#section-22 .text-with-image,
#section-25 .text-with-image {
  position: relative;
}
#section-22 .text-with-image span,
#section-25 .text-with-image span {
  display: block;
  position: relative;
}
#section-22 .text-with-image span img,
#section-25 .text-with-image span img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.bg-artwork {
  background: url(../images/bg-art.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#section-27 .static-section {
  padding: 100px 0;
}
#section-27 .static-section h3 {
  font-family: "Noto Serif", sans-serif;
  font-size: 16px;
}
#section-27 .static-section .questions-section .question {
  color: #191621;
  font-size: 16px;
  line-height: 1.6;
}
#section-27 .static-section .questions-section .question small {
  display: block;
}
#section-27 .static-section .feature-img {
  left: -25%;
  width: 150%;
  position: relative;
}

.sponsored-by-stocksy {
  background: url(../images/sec-28.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.sponsored-by-stocksy .box-content {
  color: #000;
  width: 650px;
}
.sponsored-by-stocksy .box-content .static-content {
  background: rgb(211, 211, 211);
  color: #000;
  font-weight: 400;
  font-size: 30px;
}
.sponsored-by-stocksy .box-content .static-content .svg-scale-wrapper {
  margin-bottom: 15px;
}
.sponsored-by-stocksy .box-content .static-content footer {
  background: #000;
  position: absolute;
  bottom: -42px;
  font-size: 12px;
  line-height: 1;
  left: 0;
  color: #fff;
  padding: 15px 30px;
}

#section-28 .box-content {
  position: absolute;
  bottom: auto;
  left: 100px;
  bottom: 100px;
  width: 600px;
}

.beautifully-simple-design {
  background: url(../images/sec-29.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#section-30 .display-text {
  color: #191621;
  font-family: "Noto Serif", sans-serif;
  font-weight: 700;
  line-height: 110px;
  font-size: 120px;
}
#section-30 .display-text span {
  display: block;
}

#section-30-1 .three-col-content {
  padding-top: 100px;
  padding-bottom: 100px;
}

#section-31 .display-text {
  font-size: 120px;
  line-height: 1;
  color: #000;
}
#section-31 .svg-scale-wrapper {
  width: 200px;
  margin: auto;
  margin-bottom: 30px;
}
#section-31 .three-col-content {
  padding-top: 50px;
  padding-bottom: 50px;
}
#section-31 .static-section {
  font-family: "Noto Serif", serif;
  font-size: 15px;
  line-height: 1.6;
  text-align: justify;
  margin-bottom: 50px;
}

#section-31-2 .static-section ul {
  padding: 50px 0;
}
#section-31-2 .static-section ul li {
  font-family: "Noto Serif", serif;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 10px;
}
#section-31-2 .static-section ul li strong {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Noto Serif", sans-serif;
}

.shinrin-yoku-2 {
  background: url(../images/sec-32.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.shinrin-yoku-2 .black-lable {
  background: #000;
  position: absolute;
  bottom: 0px;
  font-size: 11px;
  line-height: 1;
  right: 0;
  color: #fff;
  padding: 15px 30px;
}

.annual-digest-newspaper {
  background: url(../images/img/footer-cover.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.annual-digest-newspaper .box-content {
  height: 100vh;
  vertical-align: middle;
  display: table;
}
.annual-digest-newspaper .box-content .content {
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  color: #fff;
}
.annual-digest-newspaper .box-content .content h2 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 30px;
  font-family: "Noto Serif", sans-serif;
  letter-spacing: 2px;
}
.annual-digest-newspaper .box-content .content h2 small {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  color: #fff;
  padding-bottom: 5px;
}
.annual-digest-newspaper .box-content .content .link {
  padding: 15px 60px;
  font-size: 13px;
  color: #fff;
  border: 1px solid #FFF;
  text-transform: uppercase;
  margin-top: 50px;
  display: inline-block;
  font-family: "Noto Serif", sans-serif;
  letter-spacing: 2px;
  text-decoration: none;
}
.annual-digest-newspaper .box-content .content .link:hover {
  background: #FFF;
  border: 1px solid #FFF;
  color: #191621;
  text-decoration: none;
}

.light-grey {
  background: #f5f5f5;
}

.hover-bg {
  background: #F9F9F9;
}

.content-block {
  height: 100vh;
  display: table;
  width: 100%;
}
.content-block .content {
  height: 100vh;
}
.content-block .content a {
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 2px;
  color: #000;
  font-family: "Noto Serif", sans-serif;
}
.content-block .content a:hover {
  color: #191621;
}
.content-block .content p {
  padding-bottom: 30px;
  line-height: 26px;
  text-align: justify;
  margin-bottom: 0;
}
.content-block .content .content-logo {
  display: block;
  margin-bottom: 30px;
}

.thankyou-artwork {
  position: relative;
  top: 50%;
  margin-top: -240px;
}

#sticky-navigation #menu-btn {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#sticky-navigation .is-affixed {
  display: block;
  opacity: 1 !important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.let-us-know {
  position: fixed;
  bottom: 0;
  right: 0;
}
.let-us-know a {
  background-color: #191621;
  border-radius: 0px;
  border-width: 0px;
  font-family: "Noto Serif", sans-serif;
  font-style: normal;
  color: rgb(255, 255, 255);
  font-size: 10px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 15px 25px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.let-us-know a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* =================================
    Mobile Responsive Overrides
   ================================= */
@media only screen and (max-width: 767px) {
  .questions-sec {
    padding: 50px 15px !important;
  }
  .section-logo {
    padding: 50px 15px !important;
  }
  .large-text {
    font-size: 32px !important;
    padding: 50px 15px !important;
  }
  .questions-section {
    padding: 30px 15px !important;
  }
  .show-mobile,
  .feature-img,
  .questions-sec img,
  .questions-section img {
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: calc(100% + 30px) !important;
    max-width: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
#section-3.panel {
  min-height: auto !important;
  height: auto !important;
}
#section-3 .section.full-height {
  height: auto !important;
  min-height: auto !important;
}
#section-3 .sidebar-inner,
#section-3 .content {
  height: auto !important;
  min-height: auto !important;
}

.section-heading-underline {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  font-family: "Noto Serif", sans-serif;
  font-size: 24px;
  border-bottom: 2px solid #ed1c24;
}

.typography-container {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 80px;
  /* Adjusted for impact */
  line-height: 0.9;
  color: white;
  text-transform: uppercase;
  width: 800px;
  /* Replicating the 'hollow' or thin stroke effect from the image */
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
  letter-spacing: -1px;
}

.show-mobile {
  display: none;
}

@media (min-width: 323px) and (max-width: 980px) {
  [data-aos=fade-right] {
    transform: none !important;
  }
  .panel,
  section {
    opacity: 1 !important;
  }
  .hide-on-mobile {
    display: none;
  }
  html,
  body {
    background: #FFF;
    overflow-x: hidden;
  }
  .home-section {
    background: none;
  }
  .home-section .logo {
    position: relative;
    width: 100%;
    padding: 30px;
  }
  .home-section .logo small {
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 26px;
  }
  .home-section .section-footer {
    position: relative;
    text-align: center;
    background: #FFF;
  }
  .home-section .stage {
    width: 100%;
    position: relative;
    bottom: -60px;
    right: 0;
    left: 0;
  }
  .home-section .stage .box .far {
    color: #000;
  }
  .home-section .show-mobile {
    display: block;
  }
  .section .centered-hero-text {
    padding-left: 10%;
    padding-right: 10%;
    line-height: 1.2;
  }
  #section-3 .bg-light-grey {
    background: #FFF;
  }
  #section-3 .list-information {
    padding: 30px 25px;
  }
  #section-3 .verticle-middle,
  #section-3 .sidebar-inner {
    display: block;
    height: auto;
    order: 2;
  }
  #section-3 .content {
    display: block !important;
    height: auto;
  }
  #section-3 .content h3 {
    border-bottom: 2px solid #e74832;
  }
  #section-3 .content .section-footer {
    bottom: 0px;
    left: 0;
    font-family: Noto Serif, serif;
    font-size: 18px;
    padding: 50px 0 0 0;
    font-weight: 400;
    position: relative;
  }
  #section-38 .section, #section-38 .content-block, #section-38 .content-block .content {
    height: auto;
  }
  .marketing-sec-bg .section-text {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .site-content-section .hover-item {
    display: none;
  }
  .site-content-section .nav-list {
    width: 100%;
    float: left;
    padding: 70px 30px;
  }
  .mindingthePs {
    background: none;
    padding-top: 0;
  }
  .mindingthePs .show-mobile {
    display: block;
  }
  .mindingthePs .content-heading {
    font-size: 40px;
    padding: 40px 25px;
    line-height: 1.1;
  }
  .mindingthePs .side-heading {
    padding: 20px 25px;
    margin-bottom: 30px;
  }
  .mindingthePs .col-md-6 {
    order: 2;
  }
  .mindingthePs .text-placeholder {
    padding: 50px 0px;
  }
  #section-8 .large-text {
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 1.6;
    padding: 40px 25px;
  }
  #section-8 .section-logo {
    display: none;
  }
  #section-8 .show-mobile {
    display: block;
  }
  .questions-section {
    padding: 30px 25px;
    text-align: left;
  }
  .questions-section .hero-text {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.3;
    font-family: Noto Serif, serif;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: left;
    position: relative;
    left: 0;
    width: 100%;
    opacity: 1;
  }
  .questions-section .answer {
    margin-bottom: 25px;
    padding: 0;
  }
  .questions-sec {
    padding: 40px 25px;
    line-height: 1.6;
  }
  .questions-sec .answer {
    margin-bottom: 25px;
    padding: 0;
  }
  .screenshot-to-paper .seprator {
    border: none;
  }
  .has-full-img:after {
    left: 0;
    top: 0;
  }
  .has-full-img .box-content {
    position: absolute;
    bottom: auto;
    left: 15px;
    top: 50%;
    margin-top: -190px;
  }
  .user-profiles .profile-container {
    padding-bottom: 40px;
  }
  .exercising-courage .centered-hero-text .three-col-text .col {
    margin-bottom: 50px;
  }
  #section-16.full-page-bg {
    background: url("../images/mobile-img/3.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .static-box .hero-text-large {
    line-height: 1.4;
    font-size: 34px;
    width: 100%;
    position: relative;
    left: 0;
    padding: 50px 0;
  }
  .static-box .static-section {
    font-family: Noto Serif, serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    text-align: justify;
  }
  .static-box .hero-text {
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: left;
    position: relative;
    left: 0;
    width: 100%;
  }
  .circle-animation {
    display: none;
  }
  #section-18.creative-companies .box-content {
    width: 90%;
  }
  #section-19.mindingthePs {
    background: none;
  }
  #section-19.mindingthePs .content-heading {
    font-size: 45px;
    line-height: 52px;
    padding: 40px 25px;
  }
  #section-20 .show-mobile {
    display: block;
  }
  #section-20 .large-text {
    font-size: 28px;
    letter-spacing: -1.5px;
    line-height: 38px;
    padding: 40px 25px;
  }
  #section-21 .col-md-5 {
    display: none;
  }
  #section-22 .centered-hero-text {
    color: #e74832;
    font-weight: bold;
    font-style: normal;
    line-height: 52px;
  }
  #section-22 .centered-hero-text .text-with-image img {
    bottom: 52px;
  }
  #section-23 .col-md-5 {
    display: none;
  }
  #section-25 .text-with-image {
    line-height: 52px;
  }
  #section-26 .show-mobile {
    display: block;
  }
  #section-26 .large-text {
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 52px;
    padding: 50px 0px;
  }
  #section-27 .section-logo {
    display: none;
  }
  #section-28 .box-content {
    position: absolute;
    bottom: auto;
    left: 15px;
    top: 50%;
    margin-top: -190px;
    width: 90%;
  }
  #section-30 .display-text {
    color: #e74832;
    font-family: Noto Serif, serif;
    font-weight: 700;
    line-height: 1.2;
    font-size: 52px;
    text-align: left;
    padding-top: 0;
  }
  #section-30 .display-text span {
    display: inline-block;
  }
  #section-30-1 .three-col-content {
    padding-top: 0;
    padding-bottom: 0;
  }
  #section-31 .display-text {
    font-size: 52px;
    line-height: 1;
    color: #000;
  }
  #section-31 .svg-scale-wrapper {
    width: 100px;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 30px;
  }
  .menu-btn {
    z-index: 500;
  }
  .close-btn {
    display: none;
  }
  .let-us-know {
    display: none;
  }
  .thankyou-artwork {
    margin-bottom: 80px;
    margin-top: 0;
    position: static !important;
  }
}
@media (min-width: 1000px) and (max-width: 1920px) {
  .item-a .svg-wrapper {
    width: 35%;
  }
}
/* ============= Footer ============= */
footer {
  padding: 20px;
  position: fixed;
  bottom: 0;
  transition: bottom 0.2s ease-in-out;
  -webkit-box-shadow: 5px -5px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 5px -5px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 5px -5px 15px 0px rgba(0, 0, 0, 0.15);
}
footer.fixed-bottom {
  display: block !important;
}
footer.footer-down {
  box-shadow: none !important;
}

.footer-down {
  bottom: -80px;
}