/*--------------------------------------------------------------
  Global
--------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}
body {
  margin:0 auto;
}
p, a, h1, h2, h3, h4, h5, h6, body {
  font-family: "roboto", sans-serif;
}
a:hover {
  cursor:pointer !important;
  transition:.5s;
  color:inherit;
  text-decoration:none;
}
a {
  color:inherit;
}
img {
  max-width:100%;
}
h2 {
  color:#C51F21;
  font-weight:900;
  font-size: 20px;
}
.h3 {
  font-size:40px; 
  line-height:50px; 
  font-weight:900; 
  padding-top:25px;
  padding-bottom:30px;
}
.red {
  color:#C51F21;
  font-weight:700;
}
.ptb {
  padding-top:50px;
  padding-bottom:50px;
}
.ptb-large {
  padding-top:70px;
  padding-bottom:70px;
}
.pt {
  padding-top:50px;
}
.h2 {
  font-size:44px; 
  font-weight:900;
}
p, li {
  font-size:20px;
}
[data-aos="enter-right-line"] {
  width: 0px;
  transition-property: width;
}
[data-aos="enter-right-line"].aos-animate {
  width: 50%;
}
[data-aos="enter-right-mobile"] {
  width: 0px;
  transition-property: width;
}
[data-aos="enter-right-mobile"].aos-animate {
  width: 93%;
}
.enter-right-line {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  top: 29%; 
  right: 0;
}
[data-aos="enter-top-line"] {
  height: 0px;
  transition-property: height;
}
[data-aos="enter-top-line"].aos-animate {
  height: 100%;
}
[data-aos="enter-top-mobile"] {
  height: 0px;
  transition-property: height;
}
[data-aos="enter-top-mobile"].aos-animate {
  height: 100%;
}
.enter-top-line {
  position: absolute;
  background: #C4C4C4;
  right: 0;
  width: 5px;
}
.enter-top-line-full {
  position: absolute;
  background: #C4C4C4;
  left: 2%;
  width: 5px;
  top:35px;
}
[data-aos="enter-left-line"] {
  width: 0px;
  transition-property: width;
}
[data-aos="enter-left-line"].aos-animate {
  width: 58.3333334%;
}
.enter-left-line {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  bottom: 0; 
  left: 41.6666666667%;
}
[data-aos="enter-left-mobile"] {
  width: 0px;
  transition-property: width;
}
[data-aos="enter-left-mobile"].aos-animate {
  width: 93%;
}
.enter-right-line-full {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  top: 35px; 
  right: 0;
}
[data-aos="enter-top-line-full"] {
  height: 0px;
  transition-property: height;
}
[data-aos="enter-top-line-full"].aos-animate {
  height: calc(100% - 90px);
}
[data-aos="enter-right-line-full"] {
  width: 0px;
  transition-property: width;
}
[data-aos="enter-right-line-full"].aos-animate {
  width: 98%;
}
[data-aos="enter-left-line-full"] {
  width: 0px;
  transition-property: width;
}
[data-aos="enter-left-line-full"].aos-animate {
  width: 98%;
}
.enter-left-line-full {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  left: 2%;
  bottom:50px;
}
.h4 {
  font-size:26px;
}
.ceo-callout {
  background-image:url(assets/img/15.jpg); 
  background-size:cover;
  z-index:1;
}
.ceo-callout-right {
  z-index:1;
}
.left-callout {
  background:#94101F; 
  min-height:320px; 
  padding:40px 30px; 
  max-width:350px; 
  margin-left:auto; 
  margin-right:-240px;
}
.right-callout {
  background:#94101F; 
  min-height:320px; 
  padding:40px 30px; 
  max-width:350px;
  width:90%;
  margin-left:auto;
}
.top-callout {
  display:none;
  background:#94101F; 
  min-height:320px; 
  padding:40px 30px; 
  max-width:350px; 
  margin-left:auto; 
  margin-right:auto;
  margin-bottom:30px;
  width:90%;
  margin-top:-100px;
}
.ceo-boxes .left-callout p:first-of-type, .ceo-boxes .top-callout p:first-of-type, .ceo-boxes .right-callout p:first-of-type {
  font-size:37px;
}
.ceo-boxes .left-callout, .ceo-boxes .right-callout {
  min-height:360px;
}

.left-callout p, .right-callout p, .top-callout p {
  color:#fff; 
  font-size: 32px; 
  line-height: 37px;
}
.left-callout p:first-of-type, .right-callout p:first-of-type, .top-callout p:first-of-type {
  font-weight: 900;
  font-size: 40px; 
  line-height: 47px; 
  color:#fff;
}
@media screen and (min-width: 1300px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1240px;
  }
}
@media screen and (max-width: 1299px) {
  .left-callout {
    margin-right:-180px;
  }
}
@media screen and (max-width: 1199px) {
  .left-callout {
    margin-right:-100px;
  }
}
@media screen and (max-width: 991px) {
  .enter-left-line {
    left:7%;
    bottom:0;
  }
  .enter-right-line {
    bottom:0;
    top:inherit;
  }
  .enter-top-line {
    left:7%;
    right:inherit;
  }
  .ceo-image {
    padding-top:0px !important;
    padding-bottom:50px;
  }
  .ceo-image {
    padding-top:0px !important;
    padding-bottom:40px;
  }
  .ceo-photo {
    margin-top:-40px;
  }
  .right-callout {
    margin-right:auto;
  }
  .left-callout {
    display:none;
  }
  .ceo-callout, .sustainability-callout {
    min-height:320px;
  }
  .top-callout {
    display:block;
  }
}
@media screen and (max-width: 767px) {
  .quote-box .enter-right-line-full, .quote-box .enter-top-line-full {
    top:16px;
  }
  .quote-box [data-aos="enter-top-line-full"].aos-animate {
    height: calc(100% - 68px);
  }
}
@media screen and (max-width: 575px) {
  p, h2, li {
    font-size:16px;
  }
  .h3 {
    font-size:23px; 
    line-height:30px; 
  }
  .h4 {
    font-size:18px;
    line-height:24px;
  }
}
/*--------------------------------------------------------------
  HEADER
--------------------------------------------------------------*/
.main-nav {
  background-image:url(assets/img/nav-bg.jpg);
  height:100%;
  background-size:cover;
  background-repeat:no-repeat;
  display:none;
  padding-top: 0px;
  padding-bottom: 60px;
  position: fixed;
  z-index: 88;
  width: 100%;
  max-height: calc(100vh);
  overflow-y: auto;
}
nav ul {
  list-style:none;
}
.main-nav .social img {
  max-width:30px;
  padding-left:12px;
}
.main-nav .social {
  align-self: flex-end;
  padding-bottom: 40px;
}
.main-nav a {
  color:#fff;
}
ul.main-menu, ul.sub-menu {
  padding-left:0px;
}
ul.main-menu li {
  font-size:50px;
  font-weight:900;
  color:#fff;
}
ul.sub-menu li {
  font-size:20px;
  font-weight:900;
  color:#fff;
}
ul.main-menu a:hover, ul.sub-menu a:hover {
  color:#CE1126;
  text-decoration:none;
}
.top-bar .close {
  opacity:1;
}
.logo-container {
  align-items:center;
}
.top-bar {
  background:#000000; 
  color:#fff; 
  padding:20px 0px; 
  font-family: roboto, sans-serif;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  z-index: 100;
  top:0px;
}
.top-bar p {
  display:inline-block; 
  padding-top:8px; 
  margin-bottom:0px; 
  font-size:16px;
  font-weight:900;
  text-transform:uppercase;
}
.logo {
  max-width:170px;
}
img.nav-btn {
  max-width:30px;
}
img.nav-btn:hover {
  cursor:pointer;
  opacity:.75;
}
.social-icons img {
  margin-right:12px;
}
.close {
  display: none;
  padding-top:7px;
}
@media screen and (max-width:767px) {
  ul.main-menu li {
    font-size:28px;
  }
  ul.sub-menu {
    padding-bottom: 10px;
    padding-top: 5px;
  }
  ul.sub-menu li {
    font-size:18px;
  }
  .top-bar p {
    font-size:10px;
  }
}
@media screen and (max-width:575px) {
  .main-nav .social {
    padding-bottom:0px;
  }
  .logo {
    max-width:100%;
  }
}
/*--------------------------------------------------------------
  Footer
--------------------------------------------------------------*/
footer {
  padding-top:40px;
  background:rgba(0, 0, 0, 0.9);
  padding-bottom:40px;
}
.main-footer-nav li a {
  font-size:18px;
  line-height:21px;
  color:#fff;
  font-weight:900;
}
.main-footer-nav li {
  display:block;
}
.footer-sub-nav li {
  display:block;
  font-size:12px;
}
.footer-logo {
  max-width: 170px; 
  display: block; 
  margin: 0 auto;
}
.footer-social img {
  width:23px;
}
footer hr {
  border-top: 1px solid #55565A;
  margin-top:22px;
  margin-bottom:22px;
}
footer, footer a {
  color:#fff;
}
footer ul {
  list-style:none;
  padding-left:0px;
  margin-bottom:0px;
}
footer a:hover {
  color: #DA1A32;
  text-decoration:none;
  transition: .6s;
}
.footer-text p {
  font-size:12px;
  line-height:12px;
}
@media screen and (min-width:768px) and (max-width:991px) {
  .footer-text a {
     word-break: break-all;
  }
  .main-footer-nav li {
    line-height:12px;
    padding-bottom:5px;
  }
}
@media screen and (max-width:767px) {
  .footer-intro p {
    text-align:center;
  }
  ul.main-footer-nav {
    column-count: 2;
    column-gap: 0;
    padding-top:30px;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom: 1px solid #55565A;
  }
  ul.footer-sub-nav {
    column-count: 2;
    column-gap: 0;
    padding-top:0px;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom: 1px solid #55565A;
  }
  ul.main-footer-nav li, ul.footer-sub-nav li {
    display: inline-block;
    width: 100%;
  }
  .footer-social {
    display:none;
  }
  .footer-sm-mobile img {
    width:23px;
  }
}
@media screen and (max-width:575px) {
  ul.main-footer-nav li a {
    font-size:14px;
    line-height:22px;
  }
  ul.footer-sub-nav li a {
    font-size:12px;
    line-height:22px;
  }
}
/*--------------------------------------------------------------
  Home
--------------------------------------------------------------*/
@keyframes hero-bg-zoom {
  0%   { background-size: auto 100%; }
  100% { background-size: auto 120%; }
}
#animation-carousel {
  opacity:0;
  -webkit-animation: finalSlideHeader 11.5s forwards; 
  -moz-animation: finalSlideHeader 11.5s forwards; 
  -o-animation: finalSlideHeader 11.5s forwards; 
  animation: finalSlideHeader 11.5s forwards;
  animation-delay:1s;
}
#animation-carousel p {
  color:#fff;
  font-size:32px;
  text-align:center;
  line-height:40px;
  padding-top: 0px;
}
#animation-carousel p::after {
  content:'//';
  color:#C51F21;
}
#animation-carousel p::before {
  content:'//';
  color:#C51F21;
}
.home-hero {
  width:100%; 
  display:block;
  min-height:calc(100vh - 80px); 
  background-image:url(assets/img/bg-1.jpg); 
  background-size:cover;
  -webkit-animation: homeHeroBG 11s forwards; 
  -moz-animation: homeHeroBG 11s forwards; 
  -o-animation: homeHeroBG 11s forwards; 
  animation: homeHeroBG 11s forwards;
  -webkit-transform:translate3d(0,0,0);
  background-size: 100% auto;
  animation-delay:1s;
}
.home-hero p {
  font-size:120px;
  font-weight:900;
  text-align:center;
  color:#fff;
  line-height:120px;
  text-transform: uppercase;
}
.home-hero p.one {
  -webkit-animation: homeHeroLineOne 10.5s forwards; 
  -moz-animation: homeHeroLineOne 10.5s forwards; 
  -o-animation: homeHeroLineOne 10.5s forwards; 
  animation: homeHeroLineOne 10.5s forwards;
  animation-delay:1s;
  opacity:0;
}
.home-hero p.two {
  -webkit-animation: homeHeroLineTwo 10.5s forwards; 
  -moz-animation: homeHeroLineTwo 10.5s forwards; 
  -o-animation: homeHeroLineTwo 10.5s forwards; 
  animation: homeHeroLineTwo 10.5s forwards;
  animation-delay:1s;
  opacity:0;
}
.home-hero p:nth-of-type(3) {
  opacity:0;
  -webkit-animation: homeHeroLineThree 10.5s forwards; 
  -moz-animation: homeHeroLineThree 10.5s forwards; 
  -o-animation: homeHeroLineThree 10.5s forwards; 
  animation: homeHeroLineThree 10.5s forwards;
  animation-delay:1s;
}
.home-hero p:nth-of-type(4) {
  opacity:0;
  -webkit-animation: homeHeroLineFour 10.5s forwards; 
  -moz-animation: homeHeroLineFour 10.5s forwards; 
  -o-animation: homeHeroLineFour 10.5s forwards; 
  animation: homeHeroLineFour 10.5s forwards;
  animation-delay:1s;
}
.home-hero .container {
  -webkit-animation: containerWidth 10.5s forwards; 
  -moz-animation: containerWidth 10.5s forwards; 
  -o-animation: containerWidth 10.5s forwards; 
  animation: containerWidth 10.5s forwards;
  animation-delay:1s;
}
p.final-slide-header {
  font-size:120px; 
  line-height:0px;
  opacity:0;
  -webkit-animation: finalSlideHeader 11.5s forwards; 
  -moz-animation: finalSlideHeader 11.5s forwards; 
  -o-animation: finalSlideHeader 11.5s forwards; 
  animation: finalSlideHeader 11.5s forwards;
  animation-delay:1s;
}
.final-slide-scroll {
  font-size:0px; 
  line-height:0px;
  opacity:0;
  -webkit-animation: finalSlideScroll 12s forwards; 
  -moz-animation: finalSlideScroll 12s forwards; 
  -o-animation: finalSlideScroll 12s forwards; 
  animation: finalSlideScroll 12s forwards;
  animation-delay:1s;
}
.text-lines {
  -webkit-animation: hideTextLines .1s forwards; 
  -moz-animation: hideTextLines .1s forwards; 
  -o-animation: hideTextLines .1s forwards; 
  animation: hideTextLines .1s forwards;
  animation-delay:10s;
}
.ticker-wrap {
  position:absolute;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  padding-left: 100%;
  box-sizing: content-box;
  margin-top: -25px;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 280s;
  animation-duration: 280s;
  animation-delay:-10s;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0px;
  font-size: 16px;
  color:#fff;
  text-transform:uppercase;
}
.ticker__item::after {
  content:'//';
  color:#C51F21;
}
@-webkit-keyframes homeHeroBG {
  0%   { background-image:url(assets/img/bg-1.jpg); background-size: auto 100%; }
  12%   { background-image:url(assets/img/bg-1.jpg); background-size: auto 102%; }
  22% { background-image:url(assets/img/bg-2.jpg);background-size: auto 100%;}
  44% { background-image:url(assets/img/bg-3.jpg); }
  66% { background-image:url(assets/img/bg-4.jpg); }
  88% { background-image:url(assets/img/bg-5.jpg); }
  100% { background-image:url(assets/img/bg-5.jpg); }
}
@keyframes homeHeroBG {
  0%   { background-image:url(assets/img/bg-1.jpg); background-size: 100% auto;}
  12%   { background-image:url(assets/img/bg-1.jpg); }
  22% { background-image:url(assets/img/bg-2.jpg); }
  44% { background-image:url(assets/img/bg-3.jpg); background-size: 103% auto; }
  66% { background-image:url(assets/img/bg-4.jpg); }
  88% { background-image:url(assets/img/bg-5.jpg); }
  100% { background-image:url(assets/img/bg-5.jpg); background-size: 100% auto;}
}
@-moz-keyframes homeHeroBG {
  0%   { background-image:url(assets/img/bg-1.jpg); }
  11%   { background-image:url(assets/img/bg-1.jpg); }
  22% { background-image:url(assets/img/bg-2.jpg); }
  33% { background-image:url(assets/img/bg-2.jpg); }
  44% { background-image:url(assets/img/bg-3.jpg); }
  55% { background-image:url(assets/img/bg-3.jpg); }
  66% { background-image:url(assets/img/bg-4.jpg); }
  77% { background-image:url(assets/img/bg-4.jpg); }
  88% { background-image:url(assets/img/bg-5.jpg); }
  100% { background-image:url(assets/img/bg-5.jpg); }
}
@-o-keyframes homeHeroBG {
  0%   { background-image:url(assets/img/bg-1.jpg); }
  11%   { background-image:url(assets/img/bg-1.jpg); }
  22% { background-image:url(assets/img/bg-2.jpg); }
  33% { background-image:url(assets/img/bg-2.jpg); }
  44% { background-image:url(assets/img/bg-3.jpg); }
  55% { background-image:url(assets/img/bg-3.jpg); }
  66% { background-image:url(assets/img/bg-4.jpg); }
  77% { background-image:url(assets/img/bg-4.jpg); }
  88% { background-image:url(assets/img/bg-5.jpg); }
  100% { background-image:url(assets/img/bg-5.jpg); }
}
@keyframes homeHeroLineOne {
  0%   { opacity:0; }
  33%   { opacity:1; }
  76% { opacity:1; }
  82% {opacity:0;}
  100% { opacity:0;}
}
@-webkit-keyframes homeHeroLineTwo {
  0%   { opacity:0; }
  12%   { opacity:0; }
  45%   { opacity:1 }
  76% { opacity:1; }
  82% {opacity:0;}
  100% { opacity:0;}
}
@keyframes homeHeroLineTwo {
  0%   { opacity:0; }
  8%   { opacity:0; }
  76%   { opacity:1 }
  82% {opacity:0;}
  100% { opacity:0;}
}
@keyframes homeHeroLineThree {
  0%   { opacity:0; }
  30%   { opacity:0; }
  76% { opacity:1; }
  82% {opacity:0;}
  100% { opacity:0;}
}
@keyframes homeHeroLineFour {
  0%   { opacity:0; }
  50%   { opacity:0; }
  76% { opacity:1; }
  82% {opacity:0;}
  100% { opacity:0;}
}
@keyframes containerWidth {
  100% { max-width:100%; }
}
@keyframes finalSlideHeader {
  0% { font-size:0px; line-height:0px; opacity:0; }
  82% { font-size:0px; line-height:0px; opacity:0; }
  83% { font-size:120px; line-height:120px; opacity:0; }
  92% { font-size:120px; line-height:120px; opacity:1; }
  100% { font-size:120px; line-height:120px; opacity:1; }
}
@keyframes finalSlideScroll {
  0% { font-size:0px; line-height:0px; opacity:0; }
  82% { font-size:0px; line-height:0px; opacity:0; }
  83% { font-size:36px; line-height:40px; opacity:0; }
  92% { font-size:36px; line-height:40px; opacity:1; }
  100% { font-size:36px; line-height:40px; opacity:1; }
}
@keyframes hideTextLines {
  99% { height:inherit; }
  100% { height:0px; }
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@media screen and (max-width:1300px) {
  .home-hero p {
    font-size:106px;
    line-height:106px;
  }
}
@media screen and (max-width:1199px) {
  .home-hero p {
    font-size:95px;
    line-height:95px;
  }
  .home-hero {
    background-size:cover;
  }
  @-webkit-keyframes homeHeroBG {
    0%   { background-image:url(assets/img/bg-1.jpg); background-size: cover; }
    12%   { background-image:url(assets/img/bg-1.jpg); background-size: cover; }
    22% { background-image:url(assets/img/bg-2.jpg);background-size:cover;}
    44% { background-image:url(assets/img/bg-3.jpg); }
    66% { background-image:url(assets/img/bg-4.jpg); }
    88% { background-image:url(assets/img/bg-5.jpg); }
    100% { background-image:url(assets/img/bg-5.jpg); }
  }
  @keyframes homeHeroBG {
    0%   { background-image:url(assets/img/bg-1.jpg); background-size: cover;}
    12%   { background-image:url(assets/img/bg-1.jpg); }
    22% { background-image:url(assets/img/bg-2.jpg); }
    44% { background-image:url(assets/img/bg-3.jpg); background-size: cover; }
    66% { background-image:url(assets/img/bg-4.jpg); }
    88% { background-image:url(assets/img/bg-5.jpg); }
    100% { background-image:url(assets/img/bg-5.jpg); background-size: cover;}
  }
}
@media screen and (max-width:991px) {
  .home-hero p {
    font-size:75px;
    line-height:75px;
  }
  #animation-carousel p {
    min-height:120px;
  }
}
@media screen and (max-width:767px) {
  .home-hero p {
    font-size:44px;
    line-height:44px;
  }
  @keyframes finalSlideHeader {
    0% { font-size:0px; line-height:0px; opacity:0; }
    82% { font-size:0px; line-height:0px; opacity:0; }
    83% { font-size:80px; line-height:80px; opacity:0; }
    92% { font-size:80px; line-height:80px; opacity:1; }
    100% { font-size:80px; line-height:80px; opacity:1; }
  }
  .hero-row {
    padding-top:0px !important;
  }
  #animation-carousel p {
    min-height:150px;
  }
}
/*--------------------------------------------------------------
  CEO MESSAGE
--------------------------------------------------------------*/
.ceo-message-hero {
  background-image:url('assets/img/6.jpg');
  background-size:cover;
}
.hero h1 {
  font-weight:900; 
  font-size:65px; 
  line-height:65px; 
  color:#fff;
}
.full-width-container {
  position:relative; 
  overflow:hidden; 
  width:100%;
}
.quote-sm {
  font-size: 26px; 
  line-height: 40px; 
  padding-bottom:20px;
}
.the-name {
  font-size:22px; 
  font-weight:900; 
  padding-bottom:0px; 
  margin-bottom:0px; 
  letter-spacing:.2em;
}
.right-quote {
  display: block; 
  margin-left: auto; 
  margin-right: -20px;
}
.red-end-quote {
  max-width:70px; 
  padding-top:20px; 
  padding-bottom:20px; 
  margin-right:10px;
  float:right;
}
.ceo-intro-contain {
  max-width:360px; 
  margin: 0px auto; 
  display: block;
  position:relative;
}
.abs-bg {
  top: 0; 
  position: absolute; 
  right: 0; 
  z-index: 0;
}
.team-photo {
  background-image:url('assets/img/team.jpg'); 
  left:0px; 
  width: calc(1240px + (100vw - 1240px)/2); 
  height: 100%; 
  background-position:center center; 
  background-size:cover;
}
.ceo-intro-abs {
  max-width:400px; 
  margin: 50px auto 0px auto; 
  display: block; 
  padding-top:70px; 
  position:absolute; 
  top:50px; 
  right:0; 
  left:0;
}
.download {
  letter-spacing:.2em; 
  font-size:13px; 
  text-align:right; 
  font-weight:900; 
  position:absolute; 
  right:0px;
}
.caption {
  font-size:18px; 
  line-height:24px; 
  font-weight:500; 
  padding-top:10px;
}
.hero .container .row {
  min-height:300px;
}
.ceo-intro-left {
  background: linear-gradient(359.7deg, #750305 0.12%, #c31e20 99.63%);
}
.ceo-intro-left img {
  max-width:65px;
}
.ceo-intro-left p {
  color:#fff;
}
.full-width-md-6, .full-width-md-7 {
  float:right; 
  padding-right:25px;
  width:100%;
}
.ceo-quote {
  font-size:40px; 
  font-weight:900; 
  line-height:50px; 
  padding-bottom:20px;
}
.subhead {
  font-size:30px; 
  line-height:36px; 
  font-weight:700;
}
.map {
  background-image:url('assets/img/map.png'); 
  background-size:cover;
}
.mobile-map {
  background-image:url('assets/img/map.png'); 
  min-height:100px; 
  background-size:cover;
}
.watch {
  letter-spacing:.2em; 
  font-size:13px; 
  padding-top:30px; 
  font-weight:900;
  max-width:400px; 
  margin:0 auto; 
  padding-left:10px;
}
.watch a img:hover, .download a img:hover {
    -webkit-animation: pulse .9s infinite;
    -moz-animation: pulse .9s infinite;
    -o-animation: pulse .9s infinite;
    animation: pulse .9s infinite;
    animation-iteration-count: 2;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* Shine Animation */
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
@-moz-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
@-o-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
@keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.watch a span:hover, .download a span:hover {
    -webkit-mask-image: linear-gradient(
-75deg
, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%) !important;
    -webkit-mask-size: 200% !important;
    animation: shine 2s infinite !important;
}
.watch img, .download img {
  max-width:30px;
}
.ceo-message p {
  padding-bottom:20px;
}
.signature {
  max-width:280px; 
  margin-top:20px;
}
.right-box {
  background-image:url('assets/img/box.jpg'); 
  background-size:cover; 
  margin-top:80px;
}
.team-container {
  height:490px;
}
.team-line-one {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  top:100px; 
  right:-100%
}
[data-aos="team-line-one"] {
  width: 0px;
  transition-property: width;
}
[data-aos="team-line-one"].aos-animate {
  width: 198%;
}
[data-aos="team-line-three"] {
  width: 0px;
  transition-property: width;
}
[data-aos="team-line-three"].aos-animate {
  width: 198%;
}
.team-line-three {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  left: 2%;
  bottom:0px;
}
.team-line-two {
  position: absolute;
  background: #C4C4C4;
  left: 2%;
  width: 5px;
  top:0px;
}
[data-aos="team-line-two"] {
  height: 0px;
  transition-property: height;
}
[data-aos="team-line-two"].aos-animate {
  height:100%;
}
.download-two {
  margin-left:50px;
}
.letter-download {
  padding-top:15px;
  padding-bottom:15px;
}
.red-start {
  max-width:70px; 
  padding-bottom:20px;
}
@media screen and (max-width:1299px) {
  .team-photo {
    width: calc(1140px + (100vw - 1140px)/2); 
  }
}
@media screen and (max-width:1199px) {
  .ceo-quote {
    font-size:24px; 
    line-height:30px; 
  }
  .quote-sm {
    font-size: 18px; 
    line-height: 24px; 
  }
  .the-name {
    font-size:16px; 
    line-height:18px;
  }
  .caption {
    font-size:16px; 
    line-height:22px; 
  }
  .team-photo {
    width: calc(960px + (100vw - 960px)/2); 
  }
  .ceo-intro-abs {
    top:25px; 
  }
}
@media screen and (max-width:991px) {
  .ceo-intro-abs {
    position:static;
    padding-top:0px;
    margin-top:0px;
  }
  .right-box {
    min-height:300px;
    width:80%;
    max-width:550px;
    margin-left:auto;
    margin-top:20px;
  }
  .abs-bg {
    display:none;
  }
  .ceo-callout-right {
    background-image:url('assets/img/vert-map.jpg');
  }
  .team-photo {
    width:100%;
    display:block;
  }
  .team-container {
    height:300px;
  }
}
@media screen and (max-width:767px) {
  .ceo-message-hero {
    background-position:center;
  }
  .team-container {
    height:200px;
  }
  .letter-download a {
    display:inline-block;
  }
  .download-two {
    margin-left:0px;
    margin-top:10px;
  }
  p.final-slide-header {
    font-size:80px;
  }
  .ceo-intro-left img {
    max-width:35px;
  }
  .red-end-quote, .red-start {
    max-width:35px;
  }
}
@media screen and (max-width:575px) {
  .ceo-message-hero h1 {
    font-size:42px;
    line-height:44px;
  }
  .ceo-intro-abs {
    max-width:250px;
  }
  .h2 {
    font-size:24px;
  }
  .subhead {
    font-size:18px;
    line-height:26px;
  }
  #start-ceo-callout-lines .full-width-md-7 {
    padding-left:40px;
  }
  .hero h1 {
    font-size:46px; 
    line-height:48px; 
  }
}
@media (min-width: 576px) {
  .full-width-md-6 {
    max-width:540px;
  }
  .full-width-md-7 {
    max-width:540px;
  }
}
@media (min-width: 768px) {
  .full-width-md-6 {
    max-width:710px;
  }
  .full-width-md-7 {
    max-width:710px;
  }

}
@media screen and (max-width: 991px) {
  .full-width-md-6 {
      margin-left:auto;
      margin-right:auto;
      float:none;
  }
  .full-width-md-7 {
      margin-left:auto;
      margin-right:auto;
      float:none;
  }
  .ceo-image {
      max-width: 100%;
      margin-left:auto;
      margin-right:auto;
      float:none;
  }
}
@media screen and (min-width: 992px) {
  .full-width-md-6 {
    max-width:450px; 
  }
  .full-width-md-7 {
    max-width:542px; 
  }
}
@media screen and (min-width: 1200px) {
  .full-width-md-6 {
    max-width:540px; 
  }
  .full-width-md-7 {
    max-width:540px; 
  }
}
@media screen and (max-width: 1359px) {
  .start-quote {
    padding-bottom:30px;
  }
}
@media screen and (min-width: 1300px) {
  .full-width-md-6 {
    max-width:590px; 
  }
  .full-width-md-7 {
    max-width:590px; 
  }
}
@media screen and (min-width: 1360px) {
  .start-quote {
    margin-left:-71px;
  }
}
/*--------------------------------------------------------------
  SHAREHOLDER INFORMATION
--------------------------------------------------------------*/
.cr {
  background-image:url('assets/img/bob.png'); 
  background-repeat:no-repeat; 
  background-size:contain; 
  background-position:bottom left;
}
.cr-mobile {
  max-width:400px;
  margin:0 auto;
  margin-top:-40px;
}
.shareholder-hero {
  background-image:url('assets/img/22.jpg');
  background-size:cover;
}
.minus {
  display:none;
  height:30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 20px;
}
.show .minus {
  display: inline-block;
}
.plus { 
  display: inline-block;
  height:30px;
  position: absolute;
  right: 0;
  top: 20px;
}
#shareholder-accordion {
  border-top:5px solid #c4c4c4; 
  padding-top: 10px;
}
#shareholder-accordion ul {
  list-style:none;
  padding-left:0px;
}
#shareholder-accordion ul li {
  padding:10px 0px;
  font-family: roboto, sans-serif;
  font-weight:700;
}
#shareholder-accordion p {
  font-family: roboto, sans-serif;
  font-weight:300;
  font-size:16px;
  line-height:26px;
}
#shareholder-accordion p span {
  font-weight:500;
}
#shareholder-accordion ul li span {
  font-weight:300;
}
.card-header {
  background:#fff;
  padding-left:0px;
  padding-right:50px;
}
.card-header {
  border-bottom:none !important;
}
.card h2 {
  color: #55565a;
  font-size: 30px;
  font-weight:700;
  line-height:36px;
}
.card {
  border:none !important;
  border-bottom:1px solid #e5e5e5 !important;
}
.card-body div {
  padding-left:0px;
}
.card-body {
  padding-top:0px;
}
#shareholder-accordion .btn {
  pointer-events:none;
  padding:0px; 
  border: none;
  -webkit-appearance: none !important;
}
@media screen and (min-width:992px) {
  .cr-mobile {
    display:none;
  }
}
@media screen and (max-width:991px) {
  .shareholder-hero {
    background-position:center right;
  }
}
/*--------------------------------------------------------------
  FORWARD LOOKING STATEMENT
--------------------------------------------------------------*/
.fls-hero {
  background-image:url('assets/img/23.jpg');
  background-size:cover;
  background-position:center center;
}
/*--------------------------------------------------------------
  YOUR VOTE MATTERS
--------------------------------------------------------------*/
.downloads-hero {
  background-image:url(assets/img/28.jpg);
  background-position:center center;
}
.vote-hero {
  background-image:url(assets/img/8.jpg);
  background-position:center center;
}
.vote h1 {
  font-size:48px; 
  line-height:56px; 
  color:#da1a32; 
  padding-top:10px; 
  margin-bottom:0px;
}
.vote h2 {
  font-size: 30px; 
  line-height: 36px;
  font-weight:700; 
  color: #000; 
  padding-bottom:10px; 
  border-top:5px solid #C4C4C4; 
  padding-top:20px;
}
.vote p {
  font-family: roboto, sans-serif;
  font-size:20px; 
  line-height:36px;
}
ul.proxy-materials li {
  font-size: 13px;
  line-height:15px;
  letter-spacing:.08em;
  color:#55565a;
  text-transform:uppercase;
  font-weight:bold;
  font-family: roboto, sans-serif;
  padding:15px 0px;
  border-top: 1px solid #e5e5e5;
}
ul.proxy-materials li:last-of-type {
  border-bottom: 1px solid #e5e5e5;
}
ul.proxy-materials li img {
    display: inline-block;
    margin-left: calc(20% - 35px);
    width:30px;
}
ul.proxy-materials li a img:hover {
  -webkit-animation: pulse .9s infinite; /* Safari 4+ */
  -moz-animation:    pulse .9s infinite; /* Fx 5+ */
  -o-animation:      pulse .9s infinite; /* Opera 12+ */
  animation:         pulse .9s infinite; /* IE 10+, Fx 29+ */
  animation-iteration-count: 2;
}
ul.proxy-materials li p {
  width: 80%;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 15px;
  display: inline-block;
}
ul.proxy-materials {
  list-style:none;
  padding-left:0px;
}
.fls p {
  font-size:20px; 
  font-weight:300; 
  line-height:36px; 
  font-family: roboto, sans-serif;
}
.annual-meeting {
  font-weight:300;
}
/*--------------------------------------------------------------
  SUSTAINABILITY
--------------------------------------------------------------*/
.sustainability-hero {
  background-image:url('assets/img/10.jpg');
  background-size:cover;
  background-position:center center;
}
.sustainability-callout {
  background-image:url(assets/img/29.jpg); 
  background-size:cover;
  z-index:1;
}
.sustainability-callout .left-callout {
  position:absolute; 
  bottom:-110px;
  left:410px;
  width:90%;
}
.sustainability-callout .left-callout:first-of-type {
  top:-110px; 
  bottom:inherit;
}
.sustain .ceo-callout-right .right-callout {
  position:absolute; 
  bottom:-110px; 
  right:0px;
}
.sustain .ceo-callout-right .sustain-img {
  position:absolute; 
  top:-110px;
  bottom:inherit;
  right:0px;
  background:url('assets/img/ryder.jpg'); 
  background-size:cover;
}
#sustainability-video .modal-dialog, #diez-video .modal-dialog {
  max-width:850px;
}
.video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:0px;
  height:0;
  overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.close-vid {
  display:inline-block; 
  position: absolute; 
  top: -45px; 
  height:30px; 
  right: 0; 
  z-index: 100;
}
img.close-vid:hover {
  cursor:pointer !important;
}
.gray-bg {
  background:#F2F1F1; 
  position:absolute;
  z-index:-2; 
  height:50%; 
  width:100%; 
  bottom:0px;
}
.sust-gray-text {
  padding-top:200px;
  padding-bottom:50px;
}
.sust-gray-text a {
  color:#C51F21;
}
.sustainability-intro {
  padding-bottom:150px;
}
.sustainability-line-one {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  top:100px; 
  right:-100%
}
[data-aos="sustainability-line-one"] {
  width: 0px;
  transition-property: width;
}
[data-aos="sustainability-line-one"].aos-animate {
  width: 198%;
}
[data-aos="sustainability-line-three"] {
  width: 0px;
  transition-property: width;
}
[data-aos="sustainability-line-three"].aos-animate {
  width: 198%;
}
.sustainability-line-three {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  left: 2%;
  bottom:0px;
}
.sustainability-line-two {
  position: absolute;
  background: #C4C4C4;
  left: 2%;
  width: 5px;
  top:100px;
}
[data-aos="sustainability-line-two"] {
  height: 0px;
  transition-property: height;
}
[data-aos="sustainability-line-two"].aos-animate {
  height: calc(100% - 100px);
}
.goodwill {
  margin-top:-130px; 
  max-width:300px;
}
@media screen and (max-width:1299px) {
  .sustainability-callout .left-callout {
    left:310px;
  }
}
@media screen and (max-width:1199px) {
  .sustainability-callout .left-callout {
    left:150px;
  }
}
@media screen and (max-width:991px) {
  .sustainability-callout .left-callout {
    position:static;
  }
  .sustain .ceo-callout-right .right-callout {
    position:static;
    margin-bottom:20px;
  }
  .sustainability-callout .left-callout {
    display:block;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:20px;
  }
  .sust-gray-text {
    padding-top:50px;
  }
  .sustainability-intro {
    padding-bottom:50px;
  }
  .goodwill {
    margin-top:25px; 
    max-width:300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  #start-sustainability-lines .caption, #start-sustainability-lines .watch {
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
  }
  #start-sustainability-lines .col-lg-7 {
    padding-left:50px;
  }
}
@media (min-width: 768px) {
  .box-four {
    min-height:320px;
  }
  .box-two {
    min-height:354px;
  }
}
@media (max-width: 767px) {
  .sustainability-hero {
    background-position:center right;
  }
}
/*--------------------------------------------------------------
  PERFORMANCE
--------------------------------------------------------------*/
.performance-hero {
  background-image:url('assets/img/11.jpg');
  background-size:cover;
  background-position:center center;
}
[data-aos="hr-fade"] {
  width:0%;
  transition-property: width;
}
[data-aos="hr-fade"].aos-animate {
  width: 100%;
}
[data-aos="hr-fade-three"] {
  width:0%;
  transition-property: width;
}
[data-aos="hr-fade-three"].aos-animate {
  width: 100%;
}
.performance-list {
  padding-left:20px;
}
.left-number {
  display:inline-block; 
  padding-right: 25px; 
  vertical-align: top;
}
.left-number img {
  max-width:40px;
}
.number-list hr {
  background-color:#C4C4C4; 
  height:5px; 
  margin:40px 0px;
  margin-left:65px;
}
.note {
  font-size:12px; 
  margin-top:30px;
}
@media (max-width: 767px) {
  .performance-hero {
    background-position:74% center;
  }
  .charts .col-md-6 {
    margin-top:25px;
  }
}
/*--------------------------------------------------------------
  TEAMWORK
--------------------------------------------------------------*/
.teamwork-hero {
  background-image:url('assets/img/teamwork.jpg');
  background-size:cover;
  background-position:center center;
}
.teamwork-right {
  max-width:800px; 
  left:55px !important;
  min-width:800px;
}
.recognitions div img:first-of-type {
  height:140px;
  margin: 0px auto; 
  display: block;
}
.recognitions .col-lg-3 div {
  background-image:url('assets/img/env-bg-copy.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  padding:40px 0px 40px 0px;
  margin-bottom:30px;
  position:relative;
}
.recognition-plus { 
  display:block;
  height:30px !important;
  margin:40px auto 0px auto !important;
}
.recognition-minus {
  display:none;
  height:30px;
  margin:40px auto 0px auto;
}
.plus-one-container p, .plus-two-container p, .plus-three-container p, .plus-four-container p, .plus-five-container p, .plus-six-container p ,.plus-seven-container p ,.plus-eight-container p {
  display:none;
}
.recognitions {
  text-align:center;
  padding-left:40px;
}
.recognitions hr {
  border-top: 10px solid #C51F21;
  width:80%;
  margin:0 auto;
  position:absolute;
  left:10%;
}
.recognitions p {
  font-size:15px;
  line-height:22px;
  text-align:left;
  padding:15px 15px 0px 15px;
}
.rec-6 {
  height:60px !important; 
  margin-bottom:71px !important;
  margin-top:50px !important;
}
.teamwork-line-one {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  top:-40px; 
  right:-100%
}
[data-aos="teamwork-line-one"] {
  width: 0px;
  transition-property: width;
}
[data-aos="teamwork-line-one"].aos-animate {
  width: 198%;
}
[data-aos="teamwork-line-three"] {
  width: 0px;
  transition-property: width;
}
[data-aos="teamwork-line-three"].aos-animate {
  width: 198%;
}
.teamwork-line-three {
  position: absolute; 
  background: #C4C4C4; 
  height: 5px; 
  left: 2%;
  bottom:0px;
}
.teamwork-line-two {
  position: absolute;
  background: #C4C4C4;
  left: 2%;
  width: 5px;
  top:-38px;
}
[data-aos="teamwork-line-two"] {
  height: 0px;
  transition-property: height;
}
[data-aos="teamwork-line-two"].aos-animate {
  height: calc(100% + 34px);
}
#start-teamwork-lines {
  position:relative; 
  padding-bottom:50px;
}
.red-lines, .red-lines-hover {
  display:none;
}
.red-lines, .red-lines-hover {
  z-index:10;
}
.active:hover .red-lines-hover {
  display:inline-block;
}
.eight, .seven, .six, .five, .four, .three, .two, .one {
  position:relative;
}
/*--------------------------------------------------------------
  EXPERTISE
--------------------------------------------------------------*/
.expertise-hero {
  background-image:url('assets/img/19.jpg');
  background-size:cover;
  background-position:center center;
}
.map-bg {
  position: absolute;
  top: -140px;
  max-width:360px;
  z-index: -1;
  left: 45%;
}
.first-quote {
  max-width:70px; 
  padding-bottom:20px; 
  position: absolute; 
  top: -120px;
}
.john {
   margin-top:0px;
}
.fleet-management .watch {
  padding-top:10px; 
  padding-left:0px; 
  margin-left:0px;
}
@media (max-width: 991px) {
  .map-bg {
    top:70px;
  }
  .john {
    margin-top:120px;
  }
  .fleet-management .watch {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .teamwork-right {
    left:45% !important; 
  }
}
/*--------------------------------------------------------------
  INNOVATION
--------------------------------------------------------------*/
.innovation-hero {
  background-image:url('assets/img/inn.jpg');
  background-size:cover;
  background-position:center center;
}
.ryder-ventures .map-bg {
  top:inherit; 
  height:100%; 
  max-width:385px;
}
.ryder-ventures .fleet-management {
  padding-bottom:30px;
}
.ryder-ventures .right-callout {
  margin-top:30px;
}
.ryder-ventures .right-callout p:first-of-type {
  padding-top:45px;
}
.ventures-left {
  font-size:20px; 
  padding-top:15px;
}
.video-bar {
  background: #C4C4C4;
  padding: 10px;
  min-height: 80px;
  display: flex;
  align-items: center;
  margin-top:5px;
  border-bottom:1px solid black;
  position:relative;
  padding-right:30px;
}
.video-bar:hover, .active-video {
  background:#CE1126;
  color:#fff;
  cursor:pointer;
  transition-duration: .5s;
}
.video-bar p {
  font-weight:700;
  line-height:26px;
}
.video-bar p:after {
  content:'';
  position:absolute;
  right:10px;
  top:50%;
  transform: translateY(-50%);
  background-image:url('assets/img/arrow.png');
  background-size:cover;
  background-position:right;
  height:20px;
  width:20px;
}
.videos {
  margin-top:-120px;
  padding-bottom:30px;
}
.videos h2 {
  padding-top:40px;
}
.video-bar-last {
  height:300px;
  margin-bottom:20px;
}
.video-bar-last:hover {
  background:#C4C4C4;
  color:inherit;
}
.white-bg {
  background:#fff;
}
.video-container {
  padding-top:0px; 
  position:relative;
}
.mobile-map-bg {
  display:none;
}
.video-contain {
  padding-top:120px;
}
.video-nav {
  padding-left:40px;
}
@media (max-width: 1299px) {
  .ryder-ventures .right-callout {
    margin-top:60px;
  }
}
@media (max-width: 1199px) {
  .ventures-left {
    font-size:22px; 
  }
  .ryder-ventures .right-callout p:first-of-type {
    font-size:32px;
    padding-top:30px;
  }
  .ryder-ventures .right-callout {
    margin-top:50px;
  }
}
@media (max-width: 991px) {
  .ryder-ventures .col-lg-7 {
    padding-left:50px;
  }
  .ryder-ventures .right-callout p:first-of-type {
    padding-top:45px;
  }
  .white-bg {
    margin-left:4px;
  }
  .video-text {
    padding-left:40px;
    padding-right:40px;
  }
  .video-bar-last {
    display:none;
  }
  .video-nav {
    padding-bottom:20px;
    padding-left:40px;
    padding-right:40px;
  }
  .video-contain {
    padding-top:180px; 
  }
  .mobile-map-bg {
    top: 0;
    position: absolute;
    right: 0;
    z-index: 0;
    left: 0; 
    z-index: -1; 
    height: 44%; 
    width:200%; 
    display:block;
  }
}