/*Media template*/

  /*
  Bootstrap-5 standards: 
  X-Small devices (portrait phones, less than 576px)
  No media query for `xs` since this is the default in Bootstrap
  */

  /*Small devices (landscape phones, 576px and up)*/
  @media (min-width: 576px) {}

  /*Medium devices (tablets, 768px and up)*/
  @media (min-width: 768px) {}

  /*Large devices (desktops, 992px and up)*/
  @media (min-width: 992px) {}

  /*X-Large devices (large desktops, 1200px and up)*/
  @media (min-width: 1200px) {}

  /*XX-Large devices (larger desktops, 1400px and up)*/
  @media (min-width: 1400px) {}
/*/Media template*/


/*Fonts*/
  .font-small {
    line-height: initial;
  }
  .font-medium {
    line-height: initial;
  }
  .font-big {
    line-height: initial;
  }
/*/Fonts*/


/*Common styles*/
  
  /*Selectors*/
    *::-webkit-input-placeholder {
        color: #666;
        opacity: 1;
    }
    *:-moz-placeholder {
      color: #666;
      opacity: 1;
    }
    *::-moz-placeholder {
      color: #666;
      opacity: 1;
    }
    *:-ms-input-placeholder {
      color: #666;
      opacity: 1;
    }

    html { 
      font-size: 19px; 
      padding: 0px;
      margin: 0px;
    }
    /*Media*/
      @media (min-width: 768px) {
        html { font-size: 18px; }
      }
      @media (min-width: 992px) {
        html { font-size: 16px; }
      }
    /*/Media*/

    body {
      font-family: "Onest", system-ui, sans-serif;
      font-display: swap;
      font-optical-sizing: auto;
      padding: 0px !important;
      margin: 0px;
      text-rendering: optimizeLegibility;
    }

    body input:focus:required:invalid,
    body textarea:focus:required:invalid {}

    body input:required:valid,
    body textarea:required:valid {}

    section {}

    a {
      color: #ff8402;
      transition: all ease 0.3s;
    }
    a,
    a:visited {}
    a:hover,
    a:active,
    a:focus {
      color: #222;
    }

    hr {
      opacity: 1;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    hr:not([size]) {
      height: 1px;
    }
    hr.hr-red {}


    img { max-width: 100%; height: auto; }

    pre {
      color: black;
    }
    p {
      text-wrap: pretty;
    }

    section.main-content, header, footer {}

    section.main-content {}
    main {}
    header {}
    footer {}
  /*/Selectors*/

  .page {
    margin: 0px;
  }
  .site-main {}
  .frontpage-site-main {}
  .container {}
  .row {}
  .block { display: block; }
  .inline-block { display: inline-block; }
  .position-relative { position: relative; }
  .overflow-hidden { overflow: hidden; }
  .comfort-reading { max-width: 800px; }
  .font-centered {text-align: center;}
  .subheader { font-size: 80%; }

  .text-center { text-align: center; }
  .text-left { text-align: left; }
  .text-right { text-align: right; }


  /*Colors*/

    .brand-dark-gray { color: #222; }
    .brand-orange { color: #ff8204; }

    .light-gray {}
    .gray {}
    .dark-gray {}
    .white { color: white; }
    .red {}
    .dark-red {}
    .green {}
    .light-green {}
    .dark-green {}
    .blue {}
    .dark-blue {}

    .bkg-gray {}
    .bkg-white { background-color: white; }
    .bkg-red {}
    .bkg-dark-red {}
    .bkg-green {}
    .bkg-dark-green {}
    .bkg-blue {}
    .bkg-dark-blue {}
  /*/Colors*/


  /*Custom Indents*/
    .indent--single {
      margin-bottom: 10px !important;
      margin-top: 10px !important;
    }
    .indent--double {
      margin-bottom: 20px !important;
      margin-top: 20px !important;
    }
    .indent--quad {
      margin-bottom: 40px !important;
      margin-top: 40px !important;
    }
    .indent-top--single {
      margin-top: 10px !important;
    }
    .indent-top--double {
      margin-top: 20px !important;
    }
    .indent-bottom--quad {
      margin-bottom: 40px !important;
    }
    .indent-bottom--single {
      margin-bottom: 10px !important;
    }
    .indent-bottom--double {
      margin-bottom: 20px !important;
    }
    .indent-bottom--quad {
      margin-bottom: 40px !important;
    }
    .no-indent {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
    }
    .no-indent--top {
      margin-top: 0px !important;
    }
    .no-indent--bottom {
      margin-bottom: 0px !important;
    }
  /*/Custom Indents*/


  /*Aspect Image*/
    .aspect-image-frame {
      width: 100%;
      position: relative;
    }
    .aspect-image-ratio {}
    .aspect-image-image {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      object-position: center;
      object-fit: cover;
      overflow: hidden;
    }
    .aspect-image-ratio-square,
    .aspect-image-ratio {
      padding-top: 100%; 
    }
    .aspect-image-ratio-3to4 {
      padding-top: 75%; 
    }
    .aspect-image-ratio-16to9 {
      padding-top: 56.25%; 
    }
    .aspect-image-ratio-long {
      padding-top: 40%; 
    }
  /*/Aspect Image*/


  /*Headers*/
    h1, .header-h1-frontpage, 
    h2, .header-h2-frontpage, 
    h3, .header-h3-frontpage, 
    h4, .header-h4-frontpage, 
    h5, .header-h5-frontpage, 
    h6, .header-h6-frontpage { 
      text-wrap: balance; 
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 1em;
    }
  
    h1, .header-h1 {
      font-size: 1.6rem;
    }
    h2, .header-h2 {
      font-size: 1.4rem;
      max-width: 35ch;
    }
    h3, .header-h3 {
      font-size: 1.1rem;
      text-transform: none;
    }
    h4, .header-h4 {}
    h5, .header-h5 {}
    h6, .header-h6 {}
    /*Media*/
      @media (min-width: 576px) {}
      @media (min-width: 768px) {}
      @media (min-width: 992px) {
        h1, .header-h1 {
          font-size: 2.5rem;
        }
        h2, .header-h2 {
          font-size: 2rem;
        }
        h3, .header-h3 {
          font-size: 1.6rem;
        }
      }
      @media (min-width: 1200px) {}
      @media (min-width: 1400px) {}
    /*/Media*/
  /*/Headers*/


  /*Links and Buttons*/
    a {}
    a:visited {}
    a:hover {}
    a:active {}
    a:focus {}

    .btn {
      display: inline-block;
      transition: all ease 0.3s;
      background-color: #ff8204;
      color: #000;
      font-size: 0.9em;
      font-weight: 600;
      border: 1px solid #ff8204;
    }
    .btn:visited {}
    .btn:hover {
      background-color: #222;
      border-color: #222;
      color: white;
    }
    .btn:active {}
    .btn:focus {}
    
    .btn-arrow-left:after {}
    .btn-arrow-right:after {}

    .btn-small {
      font-size: 0.7em;
      padding: 0.4em 1.4em;
    }
    .btn-small:visited {}
    .btn-small:hover {}
    .btn-small:active {}
    .btn-small:focus {}
    
    .btn-big {}
    .btn-big:visited {}
    .btn-big:hover {}
    .btn-big:active {}
    .btn-big:focus {}
    
    .btn-white {}
    .btn-white:visited {}
    .btn-white:hover {}
    .btn-white:active {}
    .btn-white:focus {}
    
    .btn-ghost-white {}
    .btn-ghost-white:visited {}
    .btn-ghost-white:hover {}
    .btn-ghost-white:active {}
    .btn-ghost-white:focus {}
  /*/Links and Buttons*/


  /*Scroll to Top*/
    .scroll-top {
      padding: 10px;
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 3px;
      display: block;
      position: fixed;
      right: 5px;
      bottom: 5px;
      font-size: 2em;
      line-height: 0;
      color: #ff8204;
    }
    .scroll-top:hover {
      background-color: #ff8204;
    }
    .scroll-top__icon {}
    /*Media*/
      @media (min-width: 576px) {}
      @media (min-width: 768px) {}
      @media (min-width: 992px) {}
      @media (min-width: 1200px) {}
      @media (min-width: 1400px) {
        .scroll-top {}
        .scroll-top__icon {}
      }
    /*/Media*/
  /*/Scroll to Top*/


  /*Lists*/
    ul, ol {
      margin-left: 0em;
      margin-bottom: 1em;
      margin-top: 1em;
      padding-left: 1em;
      padding-right: 2em;
      text-wrap: pretty;
    }
    ul {} 
    ol {}
    li {
      margin-bottom: 0.25em;
    }
  /*/Lists*/


  /*Tables*/
  /*/Tables*/


  /*Forms*/
  /*/Forms*/


  /*Layout*/
    .section {}
    .column {}
    .block {}
    .content-section {
      padding-top: 60px;
      padding-bottom: 60px;
    }
    .frontpage-section {}

    .layout {
      display: flex;
      flex-direction: column;
    }
    .layout__item {}
    .layout__item:nth-child(odd) {}
    .layout__item:nth-child(even) {}
    .layout__item-main {}
    .layout__item-additional {}
    /*Media*/
      @media (min-width: 576px) {
        .content-section {
          padding-top: 80px;
          padding-bottom: 80px;
        }
      }
      @media (min-width: 768px) {
        .layout {
          display: flex;
          flex-direction: row;
        }
        .layout__item {
          flex: 1;
        }
        .layout__item-main {}
        .layout__item-additional {
          width: 26%;
          flex: unset;
          margin-left: 40px;
        }
      }
      @media (min-width: 992px) {
        .content-section {
          padding-top: 100px;
          padding-bottom: 100px;
        }
        .layout__item-additional {
          width: 24%;
          flex: unset;
          margin-left: 60px;
        }
      }
      @media (min-width: 1200px) {
        .content-section {
          padding-top: 120px;
          padding-bottom: 120px;
        }
      }
      @media (min-width: 1400px) {
        .layout {}
        .layout__item {}
        .layout__item-main {}
        .layout__item-additional {}
      }
    /*/Media*/
  /*/Layout*/

  /**/
/*/Common styles*/


/*Site Header*/
/*/Site Header*/


/*Page Header*/
  .page-header {
    background-color: #adf;
    background-image: url("../img/hero-mobile.webp");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {
      .page-header {
        background-image: url("../img/hero.webp");
        background-position: center center;
      }
    }
    @media (min-width: 992px) {}
    @media (min-width: 1200px) {}
    @media (min-width: 1400px) {}
  /*/Media*/
/*/Page Header*/


/*Language Selector*/
/*/Language Selector*/


/*Footer*/
/*/Footer*/


/*Standard WP Menu*/
  .menu {}
  .menu-item {}
  .current-menu-item {}
  .menu-item-has-children {}
  .menu-item a {}
  .menu-item a:hover {}
  .sub-menu {}
  .sub-menu .menu-item {}
  .sub-menu a {}
  .navigation-bar {}
  .menu-toggle {}
  .menu-mobile {}
/*/Standard WP Menu*/


/*Standard WP Pagination*/
  .pagination {}
  .page-numbers {}
  .current {}
  .next {}
  .prev {}
  .dots {}
  .disabled {}
  .nav-links {}
  .screen-reader-text {}
/*/Standard WP Pagination*/


/*Subpages*/
  .subpages {}
  .subpages__list {}
  .subpages__list-item {}
  .subpages__list-link {}
  .subpages__item-thumbnail-container {}
  .subpages__item-thumbnail-aspect {}
  .subpages__item-thumbnail-image {}
/*Subpages*/


/*==================================*/


/*Content Blocks*/
/*/Content Blocks


/*Delivery*/
  .section-delivery {
    background-color: #222;
    color: white;
  }
  .delivery {}
  .delivery__title {}
  .delivery__description {
    margin-bottom: 2em;
  }
  .delivery__content {
    background-color: #ff8204;
    color: black;
    padding: 2px;
    border-radius: 2px;

    display: flex;
    flex-direction: column;
  }
  .delivery__image-container {}
  .delivery__image {}
  .delivery__info {
    padding: 20px;
  }
  .delivery__subtitle {}
  .delivery__list {}
  .delivery__item {}
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {
      .section-delivery {}
      .delivery {}
      .delivery__title {}
      .delivery__description {
        margin-bottom: 40px;
      }
      .delivery__content {
        padding: 0px;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
      }
      .delivery__image-container {
        background-color: red;
        width: 45%;
      }
      .delivery__image {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
      }
      .delivery__info {
        padding: 40px;
      }
      .delivery__subtitle {}
      .delivery__list {}
      .delivery__item {}
    }
    @media (min-width: 992px) {
      .delivery__content {
        padding-right: 100px;
        border-bottom-right-radius: 100px;
      }
      .delivery__image-container {
        width: 40%;
      }
      .delivery__info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
      }
    }
    @media (min-width: 1200px) {
      .delivery__image-container {
        width: 35%;
      }
    }
    @media (min-width: 1400px) {
      .section-delivery {}
      .delivery {}
      .delivery__title {}
      .delivery__description {}
      .delivery__content {}
      .delivery__image-container {
        width: 30%;
      }
      .delivery__image {}
      .delivery__info {}
      .delivery__subtitle {}
      .delivery__list {}
      .delivery__item {}
    }
  /*/Media*/
/*Delivery*/


/*Partitial*/
  .section-partitial {
    background-color: #ff8204;
    color: black;
  }
  .partitial {}
  .partitial__title {}
  .partitial__content {}
  .partitial__text {}
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {}
    @media (min-width: 992px) {
      .partitial__content {
        columns: 2;
        column-gap: 40px;
        break-inside: avoid;
      }
    }
    @media (min-width: 1200px) {}
    @media (min-width: 1400px) {
      .section-partitial {}
      .partitial {}
      .partitial__title {}
      .partitial__content {}
      .partitial__text {}
    }
  /*/Media*/
/*Partitial*/


/*Geo*/
  .section-geo {
    background-color: #ddd;
    background-image: url("../img/geo-mobile.webp");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .geo {}
  .geo__title {}
  .geo__content {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 40px;
    margin-top: 200px;
  }
  .geo__routes {}
  .geo__subtitle {}
  .geo__text {}
  .geo__features {}
  .geo__list {
    margin-bottom: 0px;
  }
  .geo__item {}
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {
      .section-geo {
        background-image: url("../img/geo-mobile.webp");
      }
      .geo__content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }
      .geo__routes, .geo__features {
        width: 45%;
        font-size: 0.9em;
      }
    }
    @media (min-width: 992px) {
      .section-geo {
        background-image: url("../img/geo.webp");
      }
      .geo__content {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 40px 80px;
        margin-top: 260px;
      }
    }
    @media (min-width: 1200px) {}
    @media (min-width: 1400px) {
      .section-geo {}
      .geo {}
      .geo__title {}
      .geo__content {}
      .geo__routes {}
      .geo__subtitle {}
      .geo__text {}
      .geo__features {}
      .geo__list {}
      .geo__item {}
    }
  /*/Media*/
/*/Geo*/


/*Trucks*/
  .section-trucks {
    background-color: #ff8204;
  }
  .trucks {}
  .trucks__content {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;  

    display: flex;
    flex-direction: column-reverse;
  }
  .trucks__content-item {}
  .trucks__gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .trucks__image {
    width: 48%;
    margin: 1%;
  }
  .trucks__info {}
  .trucks__title {}
  .trucks__subtitle {}
  .trucks__list {}
  .trucks__item {}
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {}
    @media (min-width: 992px) {
      .section-trucks {}
      .trucks {}
      .trucks__content {
        flex-direction: row;
      }
      .trucks__content-item {}
      .trucks__gallery {
        width: 60%;
      }
      .trucks__image {
        object-fit: cover;
        object-position: center;
      }
      .trucks__info {
        width: 40%;
        padding: 20px;
      }
      .trucks__title {}
      .trucks__subtitle {
        font-size: 1.2em;
      }
      .trucks__list {
        font-size: 0.9em;
      }
      .trucks__item {}
    }
    @media (min-width: 1200px) {
      .trucks__gallery {
        width: 70%;
      }
      .trucks__info {
        width: 30%;
      }
    }
    @media (min-width: 1400px) {
      .section-trucks {}
      .trucks {}
      .trucks__content {}
      .trucks__content-item {}
      .trucks__gallery {}
      .trucks__image {}
      .trucks__info {}
      .trucks__title {}
      .trucks__subtitle {}
      .trucks__list {}
      .trucks__item {}
    }
  /*/Media*/
/*/Trucks*/


/*Advantages*/
  .section-advantages {}
  .advantages {}
  .advantages__title {}
  .advantages__list {
    margin-left: 0px;
    list-style: none;
    padding: 0px;
    display: flex;
    flex-direction: column;
  }
  .advantages__item {
    display: flex;
    flex-direction: row;
    font-size: 0.85em;
    margin-bottom: 3em;
  }
  .advantages__icon {
    width: 122px;
    height: 112px;
    position: relative;
    top: -10px;
  }
  .advantages__content {}
  .advantages__subtitle {
    margin-bottom: 0.5em;
  }
  .advantages__text {}
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {
      .advantages__list {
        flex-direction: row;
        flex-wrap: wrap;
      }
      .advantages__icon {
        width: 100px;
        height: 90px;
      }
      .advantages__item {
        width: 45%;
        margin-right: 5%;
      }
      .advantages__text {
        font-size: 0.9em;
      }
    }
    @media (min-width: 992px) {
      .advantages__item {
        width: 43%;
        margin-right: 7%;
      }
      .advantages__icon {
        width: 140px;
        height: 128px;
      }
      .advantages__text {
        font-size: 1em;
      }
    }
    @media (min-width: 1200px) {}
    @media (min-width: 1400px) {
      .section-advantages {}
      .advantages {}
      .advantages__title {}
      .advantages__list {}
      .advantages__item {}
      .advantages__icon {}
      .advantages__content {}
      .advantages__subtitle {}
      .advantages__text {}
    }
  /*/Media*/
/*/Advantages*/


/*Contact*/
  .section-contact {
    background-color: #222;
  }
  .contact {}
  .contact__content {
    background-color: #eee;
    background-image: url("../img/contact-bkg.webp");
    background-size: cover;
    background-position: center;
    overflow: hidden;
    border-radius: 3px;
  }
  .contact__image {
    display: none;
  }
  .contact__info {
    padding: 40px;
  }
  .contact__title {
    margin-bottom: 0.5em;
  }
  .contact__description {
    line-height: 1.35;
  }
  .contact__text_big {
    font-weight: 700;
  }
  .contact__text_small {
    font-size: 0.8em;
  }
  .contact__methods {
    margin-bottom: 2em;
    text-align: center;
    border: 1px solid #ccc;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    padding: 40px 20px;
  }
  .contact__phones {
    margin-bottom: 0.2em;
  }
  .contact__phone {
    display: block;
    font-weight: 700;
    text-decoration: none;
    color: #ff8402;
    font-size: 1.3em;
  }
  .contact__callback {
    margin-bottom: 1em;
  }
  .contact__btn {}
  .contact__social {
    margin-bottom: 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .contact__social-link {
    margin: 0px 8px;
    transition: all ease 0.3s;
  }
  .contact__social-link:hover {
    opacity: 0.75;
  }
  .contact__email {}
  .contact__email-link {}
  .contact__notice {
    font-size: 0.7em;
  }
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {
      .section-contact {}
      .contact {}
      .contact__content {
        display: flex;
        flex-direction: row;
      }
      .contact__image {
        display: initial;
        max-width: 30%;
        object-fit: cover;
        object-position: center;
      }
      .contact__info {}
      .contact__title {}
      .contact__description {}
      .contact__text_big {}
      .contact__text_small {}
      .contact__methods {}
      .contact__phones {}
      .contact__phone {}
      .contact__callback {}
      .contact__btn {}
      .contact__social {}
      .contact__social-link {}
      .contact__email {}
      .contact__email-link {}
      .contact__notice {}
    }
    @media (min-width: 992px) {
      .section-contact {}
      .contact {}
      .contact__content {}
      .contact__image {
        max-width: 33%;
      }
      .contact__info {}
      .contact__title {}
      .contact__description {}
      .contact__text_big {}
      .contact__text_small {}
      .contact__methods {
        text-align: center;
      }
      .contact__phones,
      .contact__callback,
      .contact__social,
      .contact__email {
      }
      .contact__phones {}
      .contact__phone {
        font-size: 1.9em;
      }
      .contact__callback {
      }
      .contact__btn {
        font-size: 1.2em;
        height: 80%;
      }
      .contact__social {
      }
      .contact__social-link {}
      .contact__email {}
      .contact__email-link {}
      .contact__notice {}
    }
    @media (min-width: 1200px) {}
    @media (min-width: 1400px) {
      .section-contact {}
      .contact {}
      .contact__content {}
      .contact__image {}
      .contact__info {}
      .contact__title {}
      .contact__description {}
      .contact__text_big {}
      .contact__text_small {}
      .contact__methods {}
      .contact__phones {}
      .contact__phone {}
      .contact__callback {}
      .contact__btn {}
      .contact__social {}
      .contact__social-link {}
      .contact__email {}
      .contact__email-link {}
      .contact__notice {}
    }
  /*/Media*/
/*/Contact*/


/*FAQ*/
  .section-faq {}
  .faq {}
  .faq__title {}
  .faq__content {}
  .faq__item:first-of-type {
    border-top: 1px solid #ccc;
  }
  .faq__item,
  .faq__question,
  .faq__answer,
  .faq__question:after {
    transition: all ease 0.5s;
   }
  .faq__item {
    border-bottom: 1px solid #ccc;
    padding: 1.3em 1em;
    margin-bottom: 2em 0px;
    cursor: pointer;
  }
  .faq__item:hover,
  .faq__item.expanded {
    background-color: #efefef;
  }
  .faq__question,
  .faq__answer {
    padding-right: 60px;
  }
  .faq__question {
    position: relative;
    margin-bottom: 0px;
  }
  .faq__question:after {
    font-family: "FontAwesome";
    content: "\f053";
    display: block;
    position: absolute;
    top: 0px;
    right: 0.5em;
    font-size: 1em;
  }
  .faq__answer {
    overflow: hidden;
    max-height: 0px;
    font-size: 0.9em;
  }
  .faq__item.expanded {
  }
  .faq__item.expanded .faq__answer {
    padding-top: 1em;
    max-height: 999px;
  }
  .faq__item.expanded .faq__question:after {
    transform: rotate(-90deg);
  }
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {}
    @media (min-width: 992px) {}
    @media (min-width: 1200px) {}
    @media (min-width: 1400px) {
      .section-faq {}
      .faq {}
      .faq__title {}
      .faq__content {}
      .faq__item {}
      .faq__question {}
      .faq__answer {}
    }
  /*/Media*/
/*/FAQ*/


/*Main Navigation Mobile*/
  .main-navigation-mobile {}
  .main-navigation-mobile__container {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
  }
  .main-navigation-mobile__container.active {}
  .main-navigation-mobile__overlay {
    opacity: 0;
    transition: all ease 0.3s;
  }
  .main-navigation-mobile__overlay.active {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.95);
    opacity: 1;
  }
  .main-navigation-mobile__burger {
    z-index: 3;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    display: inline-block;
  }
  .main-navigation-mobile__burger-line,
  .main-navigation-mobile__burger-line:before,
  .main-navigation-mobile__burger-line:after {
    transition: all ease-out 0.3s;
    display: block;
    background-color: black;
    width: 100%;
    height: 6px;
    position: absolute;
    border-radius: 2px;
  }
  
  .main-navigation-mobile__burger-line:before,
  .main-navigation-mobile__burger-line:after {
    content: "";
  }

  .main-navigation-mobile__burger-line { top: 4px; }
  .main-navigation-mobile__burger-line:before { top: 13px; }
  .main-navigation-mobile__burger-line:after { top: 26px; }

  .main-navigation-mobile__burger.active {}
  .main-navigation-mobile__burger.active .main-navigation-mobile__burger-line,
  .main-navigation-mobile__burger.active .main-navigation-mobile__burger-line:before,
  .main-navigation-mobile__burger.active .main-navigation-mobile__burger-line:after {
    background-color: white;
  }

  .main-navigation-mobile__burger.active .main-navigation-mobile__burger-line {
    transform: rotate(45deg);
    top: 17px;
    left: 1px;
  }
  .main-navigation-mobile__burger.active .main-navigation-mobile__burger-line:before {
    transform: rotate(-270deg);
    top: 2px;
    left: 0px;
  }
  .main-navigation-mobile__burger.active .main-navigation-mobile__burger-line:after {
    transform: rotate(-360deg);
    top: 0px;
    left: 0px;
  }

  .main-navigation-mobile__cta-container {
    position: relative;
    z-index: 3;
    display: inline-block;
    margin-left: auto;
    margin-right: 0px;
  }
  .main-navigation-mobile__cta-button {}
  .main-navigation-mobile__list {
    position: absolute;
    z-index: 3;
    transition: all ease 0.1s;
    overflow: hidden;
    max-height: 0px;
    list-style: none;
    padding: 0px;
    text-align: center;
    margin-top: 100px;
    left: 0px;
    right: 0px;

  }
  .main-navigation-mobile__container.active .main-navigation-mobile__list {
    max-height: 999px;
  }
  .main-navigation-mobile__list-item {}
  .main-navigation-mobile__link {
    text-decoration: none;
    font-size: 2em;
  }
  .main-navigation-mobile__link:hover {
    color: white;
  }
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {
      .main-navigation-mobile {
        display: none;
      }
    }
    @media (min-width: 992px) {}
    @media (min-width: 1200px) {}
    @media (min-width: 1400px) {
      .main-navigation-mobile {}
      .main-navigation-mobile__container {}
      .main-navigation-mobile__container.overlay {}
      .main-navigation-mobile__burger {}
      .main-navigation-mobile__burger.active {}
      .main-navigation-mobile__burger-line {}
      .main-navigation-mobile__cta-container {}
      .main-navigation-mobile__cta-button {}
      .main-navigation-mobile__list {}
      .main-navigation-mobile__list.expanded {}
      .main-navigation-mobile__list-item {}
      .main-navigation-mobile__link {}

    }
  /*/Media*/
/*/Main Navigation Mobile*/


/*Main Navigation Desktop*/
  .main-navigation {
    display: none;
  }
  .main-navigation__container {}
  .main-navigation__list {}
  .main-navigation__list-item {}
  .main-navigation__link {}
  .main-navigation__cta-container {}
  .main-navigation__cta-button {}
  /*Media*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {
      .main-navigation {
        display: block;
      }
      .main-navigation__container {
        margin-top: 10px;
        padding: 10px 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }
      .main-navigation__list {
        display: flex;
        flex-direction: row;
        list-style: none;
        padding: 0px;
        margin: 0px;
      }
      .main-navigation__list-item {}
      .main-navigation__link {
        color: black;
        font-weight: 600;
        text-decoration: none;
        margin-right: 5px;
        padding: 0px 5px;
        font-size: 0.8em;
      }
      .main-navigation__list-item:first-of-type .main-navigation__link {
        padding-left: 0px;
      }
      .main-navigation__link:hover,
      .main-navigation__link:active,
      .main-navigation__link:focus {
        color: #ff8402;
      }
      .main-navigation__cta-container {}
      .main-navigation__cta-button {
        padding: 0.5em;
      }
    }
    @media (min-width: 992px) {
      .main-navigation {}
      .main-navigation__container {}
      .main-navigation__list {}
      .main-navigation__list-item {}
      .main-navigation__link {
        font-size: 1em;
        margin-right: 10px;
        padding: 0px 10px;
      }
      .main-navigation__cta-container {}
      .main-navigation__cta-button {
        font-size: 0.9em;
        padding: 0.5em 1em;
      }
    }
    @media (min-width: 1200px) {}
    @media (min-width: 1400px) {
      .main-navigation {}
      .main-navigation__container {}
      .main-navigation__list {}
      .main-navigation__list-item {}
      .main-navigation__link {}
      .main-navigation__cta-container {}
      .main-navigation__cta-button {}
    }
  /*/Media*/
/*/Main Navigation Desktop*/


/*Hero*/
  .hero {}
  .hero__container {
    padding-top: 60px;
    margin-bottom: 75%;
    text-align: center;
  }
  .hero__title {
    margin-bottom: 0.4em;
    font-weight: 800;
  }
  .hero__description {
    font-weight: 600;
    font-size: 0.9em;
    margin-bottom: 1em;
  }
  .hero__cta-button {
    margin: 0px auto;
    padding: 0.5em 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .hero__cta-icon {
    font-size: 1.4rem;
    margin-right: 0.5em;
  }
  .hero__cta-title {
    font-weight: 800;
    font-size: 0.7rem;
    line-height: 1.25;
    text-align: left;
    max-width: 15ch;
    text-transform: uppercase;
  }
  /*Media*/
    @media (min-width: 576px) {
      .hero__container {
        padding-top: 80px;
        margin-bottom: 80%;
      }
    }
    @media (min-width: 768px) {
      .hero {}
      .hero__container {
        padding-top: 100px;
        padding-bottom: 140px;
        padding-right: 10px;
        text-align: left;
        margin-bottom: 0px;
        max-width: 50%;
      }
      .hero__title {}
      .hero__description {
        text-wrap: balance;
        font-size: 1em;
      }
      .hero__cta-button {
        margin: 0px;
        padding: 0.8em 1.6em;
      }
      .hero__cta-icon {}
      .hero__cta-title {
        font-size: 0.9em;
      }
    }
    @media (min-width: 992px) {
      .hero__container {
        padding-top: 100px;
        padding-bottom: 160px;
        max-width: 50%;
      }
    }
    @media (min-width: 1200px) {
      .hero__container {
        padding-top: 140px;
        padding-bottom: 180px;
        max-width: 50%;
      }
    }
    @media (min-width: 1400px) {
      .hero {}
      .hero__container {}
      .hero__title {}
      .hero__description {}
      .hero__cta-button {}
      .hero__cta-icon {}
      .hero__cta-title {}
    }
  /*/Media*/
/*/Hero*/