body {
  font-family: 'Montserrat', sans-serif; }
  body nav {
    position: absolute;
    width: 100%; }
    body nav #header {
      height: 100px;
      background-color: transparent;
      transition: all .2s;
      z-index: 10;
      min-height: 100px;
      position: absolute;
      width: 100%; }
      body nav #header.yellowBG {
        background-color: #374051;
        position: fixed;
        height: 100vh; }
        @media (max-width: 767.98px) {
          body nav #header.yellowBG {
            height: auto; } }
      body nav #header .top {
        display: table;
        width: 100%; }
        body nav #header .top .logo-container {
          vertical-align: middle;
          display: table-cell;
          padding: 20px;
          width: 250px; }
          body nav #header .top .logo-container img {
            width: 100%; }
          @media (max-width: 767.98px) {
            body nav #header .top .logo-container {
              width: 200px; } }
        body nav #header .top .menu-container {
          vertical-align: middle;
          display: table-cell;
          text-align: right;
          position: fixed;
          right: 0; }
          body nav #header .top .menu-container * {
            margin: 0;
            position: relative;
            box-sizing: border-box; }
          body nav #header .top .menu-container .burger {
            width: 35px;
            height: 22px;
            display: inline-block;
            margin: 20px;
            cursor: pointer; }
            body nav #header .top .menu-container .burger .bun {
              transition: all .2s;
              width: 100px;
              background: #f15723;
              height: 2px;
              position: absolute; }
              body nav #header .top .menu-container .burger .bun:nth-child(1) {
                top: 0;
                width: 75%; }
              body nav #header .top .menu-container .burger .bun:nth-child(2) {
                top: 9px;
                width: 50%; }
              body nav #header .top .menu-container .burger .bun:nth-child(3) {
                top: 18px;
                width: 90%; }
            body nav #header .top .menu-container .burger:hover .bun {
              transition: all .2s; }
              body nav #header .top .menu-container .burger:hover .bun:nth-child(1) {
                width: 45%; }
              body nav #header .top .menu-container .burger:hover .bun:nth-child(2) {
                width: 90%; }
              body nav #header .top .menu-container .burger:hover .bun:nth-child(3) {
                width: 65%; }
            body nav #header .top .menu-container .burger.open .bun {
              transition: all .2s; }
              body nav #header .top .menu-container .burger.open .bun:nth-child(1) {
                width: 75%;
                -webkit-transform: translateY(10px) translateX(4px) rotate(-28deg); }
              body nav #header .top .menu-container .burger.open .bun:nth-child(2) {
                width: 0%; }
              body nav #header .top .menu-container .burger.open .bun:nth-child(3) {
                width: 75%;
                -webkit-transform: translateY(-8px) translateX(4px) rotate(27deg); }
      body nav #header .list-container {
        transition: all .3s;
        opacity: 1;
        width: 100%;
        margin: 0 auto; }
        body nav #header .list-container.invisible {
          display: none;
          opacity: 0; }
        body nav #header .list-container ul {
          padding: 0 40px; }
          body nav #header .list-container ul li {
            text-align: right;
            list-style: none;
            font-size: 28px;
            line-height: 60px;
            color: white; }
            @media (max-width: 767.98px) {
              body nav #header .list-container ul li {
                font-size: 18px;
                line-height: 38px; } }
            body nav #header .list-container ul li a {
              text-decoration: none;
              color: white; }
              body nav #header .list-container ul li a:hover {
                color: #ffffff6b; }
            body nav #header .list-container ul li div {
              height: 10px;
              background: white;
              width: 20%;
              float: right;
              margin-top: 40px; }
        body nav #header .list-container .info {
          padding: 20px;
          margin-top: 50px;
          color: white; }
          @media (max-width: 767.98px) {
            body nav #header .list-container .info {
              margin-top: 0; } }
          body nav #header .list-container .info h3 {
            font-size: 28px;
            text-transform: uppercase; }
          body nav #header .list-container .info p {
            line-height: 26px;
            font-size: 20px; }
            @media (max-width: 767.98px) {
              body nav #header .list-container .info p {
                font-size: 14px;
                line-height: 20px; } }
  body section {
    height: 100vh;
    width: 100vw;
    display: table; }
    body section p {
      font-weight: 300;
      font-size: 14px; }
    body section .container {
      display: table-cell;
      vertical-align: middle; }
    body section.hero {
      background-size: cover;
      color: white; }
      body section.hero h1, body section.hero h2 {
        font-weight: 700; }
      body section.hero h1 {
        font-size: 70px; }
      body section.hero p {
        font-size: 22px; }
      @media (max-width: 767.98px) {
        body section.hero {
          background-position-x: 50%; }
          body section.hero h1 {
            font-size: 45px; }
          body section.hero p {
            font-size: 14px; }
          body section.hero .col-md-6 {
            padding: 40px 20px; } }
    body section.us {
      height: 75vh; }
      @media (max-width: 767.98px) {
        body section.us {
          height: auto; } }
      body section.us .container {
        margin-top: 40px; }
        body section.us .container .orange-item {
          width: 20px;
          background: #f15723;
          height: 40px;
          position: absolute;
          right: -20px; }
          @media (max-width: 767.98px) {
            body section.us .container .orange-item {
              z-index: 3;
              right: 0; } }
        body section.us .container .col-md-6 {
          margin-top: 100px;
          margin-bottom: 50px; }
          @media (max-width: 767.98px) {
            body section.us .container .col-md-6 {
              padding: 0;
              margin-top: 20px;
              margin-bottom: 20px; } }
      body section.us h2 {
        font-size: 60px;
        font-weight: 700; }
        @media (max-width: 767.98px) {
          body section.us h2 {
            padding: 0 20px;
            font-size: 36px; } }
      body section.us .img-container {
        position: absolute;
        width: 55%;
        max-width: 750px; }
        body section.us .img-container img {
          width: 100%; }
        @media (max-width: 767.98px) {
          body section.us .img-container {
            display: none; } }
    body section.mision {
      overflow: hidden; }
      body section.mision .container {
        position: relative;
        padding: 0 80px; }
        @media (max-width: 767.98px) {
          body section.mision .container {
            padding: 20px; } }
        body section.mision .container h2 {
          font-size: 48px;
          font-weight: 700;
          margin-bottom: 40px;
          padding-right: 20px; }
          @media (max-width: 767.98px) {
            body section.mision .container h2 {
              margin-top: 20px;
              font-size: 36px; } }
        body section.mision .container .lef {
          position: relative; }
        body section.mision .container ul {
          padding-left: 0; }
          body section.mision .container ul li {
            padding: 0 20px;
            list-style: none; }
            body section.mision .container ul li .thumb {
              padding: 20px 20px;
              background: #f15723;
              color: white;
              max-height: 72px;
              text-align: center;
              max-width: 72px; }
              @media (max-width: 767.98px) {
                body section.mision .container ul li .thumb {
                  max-height: 45px;
                  padding: 10px; } }
            body section.mision .container ul li p {
              font-size: 14px;
              font-weight: 300; }
              @media (max-width: 767.98px) {
                body section.mision .container ul li p {
                  padding: 0 0 0 10px; } }
            body section.mision .container ul li ul {
              width: 75%; }
              @media (max-width: 767.98px) {
                body section.mision .container ul li ul li {
                  padding: 0 0 0 10px; } }
        body section.mision .container .orange-item {
          width: 20px;
          background: #f15723;
          height: 100px;
          position: absolute;
          left: -40px;
          top: 0; }
          @media (max-width: 767.98px) {
            body section.mision .container .orange-item {
              width: 100px;
              height: 20px; } }
        body section.mision .container .img-container {
          width: 50%;
          max-width: 500px;
          position: absolute;
          right: 0;
          top: 0; }
          body section.mision .container .img-container img {
            width: 100%; }
            @media (max-width: 767.98px) {
              body section.mision .container .img-container img {
                display: none; } }
    body section.about {
      background-image: url("../assets/images/us.jpg"); }
      @media (max-width: 767.98px) {
        body section.about {
          background-position-x: 10%; } }
      body section.about .container {
        padding: 0 80px 80px 80px;
        color: white; }
        @media (max-width: 767.98px) {
          body section.about .container {
            padding: 20px; } }
        body section.about .container h2 {
          font-size: 50px;
          font-weight: 900; }
          @media (max-width: 767.98px) {
            body section.about .container h2 {
              font-size: 36px; } }
        body section.about .container .row {
          margin-top: 40px; }
          @media (max-width: 767.98px) {
            body section.about .container .row {
              margin: 0; } }
          body section.about .container .row ul {
            position: relative; }
            body section.about .container .row ul li {
              list-style: none; }
              body section.about .container .row ul li p {
                border-bottom: 1px solid #818691;
                padding-bottom: 20px; }
            body section.about .container .row ul .img-container {
              position: absolute;
              right: 0; }
              body section.about .container .row ul .img-container img {
                width: 120%; }
              @media (max-width: 767.98px) {
                body section.about .container .row ul .img-container {
                  position: relative; }
                  body section.about .container .row ul .img-container img {
                    width: 100%; } }
          @media (max-width: 767.98px) {
            body section.about .container .row .col-md-6 {
              padding: 0; }
              body section.about .container .row .col-md-6 .col-2 {
                padding: 0; }
                body section.about .container .row .col-md-6 .col-2 img {
                  width: 100%; } }
    body section.certifications {
      height: auto;
      margin: 40px 0; }
      @media (max-width: 767.98px) {
        body section.certifications {
          display: block;
          margin-bottom: 0; } }
      body section.certifications h2 {
        font-size: 60px;
        color: #f15723;
        font-weight: 700;
        margin-left: 100px; }
        @media (max-width: 767.98px) {
          body section.certifications h2 {
            font-size: 30px;
            margin-left: 0; } }
      body section.certifications .orange-block {
        background: #f15723;
        width: 70%;
        padding: 40px;
        color: white; }
        body section.certifications .orange-block p {
          font-size: 16px; }
        @media (max-width: 767.98px) {
          body section.certifications .orange-block {
            width: 100%; } }
      body section.certifications .container {
        display: block; }
    body section.whyUs {
      position: relative; }
      body section.whyUs .img-container {
        position: absolute;
        z-index: 2;
        width: 35%;
        bottom: 0px; }
        body section.whyUs .img-container img {
          width: 100%; }
        @media (max-width: 767.98px) {
          body section.whyUs .img-container {
            position: relative;
            width: auto;
            top: 0; } }
      body section.whyUs .container {
        display: block; }
        body section.whyUs .container h2 {
          font-weight: 700;
          font-size: 60px;
          padding: 80px 0 0 80px; }
          @media (max-width: 767.98px) {
            body section.whyUs .container h2 {
              font-size: 36px;
              padding: 20px; } }
      body section.whyUs .blue {
        width: 70%;
        float: right; }
        @media (max-width: 767.98px) {
          body section.whyUs .blue {
            width: 100%;
            float: none; }
            body section.whyUs .blue .container {
              padding: 0; } }
        body section.whyUs .blue .ul {
          padding: 60px 100px; }
          @media (max-width: 767.98px) {
            body section.whyUs .blue .ul {
              padding: 20px; } }
          body section.whyUs .blue .ul li {
            font-size: 14px;
            font-weight: 300;
            margin-bottom: 20px;
            list-style: none; }
            body section.whyUs .blue .ul li:before {
              content: "\2022";
              color: #f15723;
              font-weight: bold;
              display: inline-block;
              width: 2em;
              margin-left: -1em; }
    body section.clients {
      padding: 0 80px; }
      @media (max-width: 767.98px) {
        body section.clients {
          padding: 20px; }
          body section.clients .container {
            padding: 0; } }
      body section.clients h2 {
        font-size: 60px;
        text-align: center;
        margin: 0 0 40px 0;
        clear: both;
        font-weight: 700;
        color: #374051; }
        @media (max-width: 767.98px) {
          body section.clients h2 {
            font-size: 36px;
            margin-top: 0;
            margin-bottom: 20px; } }
      body section.clients .card {
        border: none;
        border-radius: 0;
        margin-bottom: 20px; }
        body section.clients .card .card-body {
          background-color: #e8ecf7;
          border-radius: 0;
          min-height: 208px;
          display: table; }
          @media (max-width: 767.98px) {
            body section.clients .card .card-body {
              display: block;
              min-height: auto; } }
          body section.clients .card .card-body p {
            display: table-cell;
            vertical-align: middle; }
    body section.stations {
      position: relative; }
      body section.stations .container {
        padding: 0; }
        @media (max-width: 767.98px) {
          body section.stations .container {
            padding: 0; } }
      body section.stations h2 {
        color: #384152;
        font-size: 48px;
        font-weight: 700; }
        @media (max-width: 767.98px) {
          body section.stations h2 {
            font-size: 36px; } }
      body section.stations .left {
        margin-top: 40px;
        width: 90%;
        background-color: #384152;
        padding: 40px;
        color: white; }
        @media (max-width: 767.98px) {
          body section.stations .left {
            padding: 20px 20px 40px 20px;
            margin-top: 20px;
            width: 100%; } }
        @media (max-width: 767.98px) {
          body section.stations .left .scroller {
            height: auto; } }
        body section.stations .left .scroller .col-md-6 {
          padding: 0 40px; }
        body section.stations .left .scroller li {
          font-size: 14px;
          font-weight: 300;
          list-style: none;
          margin-bottom: 5px; }
          body section.stations .left .scroller li:before {
            content: "\2022";
            color: #f15723;
            font-weight: bold;
            display: inline-block;
            margin-left: -1em; }
        body section.stations .left .scroller button {
          border: none;
          color: white;
          background-color: #f15723;
          padding: 12px 17px;
          border-radius: 50px;
          margin-top: 40px; }
          body section.stations .left .scroller button:hover {
            text-decoration: none; }
          body section.stations .left .scroller button img {
            width: 25px; }
          @media (max-width: 767.98px) {
            body section.stations .left .scroller button {
              width: 100%; } }
        body section.stations .left .scroller.two {
          margin-top: 80px; }
          @media (max-width: 767.98px) {
            body section.stations .left .scroller.two {
              margin-top: 0px; } }
      body section.stations .right {
        position: absolute;
        top: -20px;
        right: -40px;
        text-align: center; }
        @media (max-width: 767.98px) {
          body section.stations .right {
            position: relative;
            right: 0;
            top: 50px; } }
        body section.stations .right img {
          width: 650px; }
          @media (max-width: 767.98px) {
            body section.stations .right img {
              width: 100%; } }
  body .carousel {
    background-color: #374051;
    color: white; }
    body .carousel img {
      width: 45%; }
    body .carousel .carousel-control-prev, body .carousel .carousel-control-next {
      bottom: 20px;
      top: auto; }
    body .carousel .carousel-control-prev {
      left: 100px; }
    body .carousel .carousel-control-next {
      right: 100px; }
    body .carousel .carousel-indicators li {
      width: 10px;
      height: 10px;
      border-radius: 50%; }
    body .carousel .carousel-item {
      min-height: 280px; }
      body .carousel .carousel-item p {
        width: 70%;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 300;
        padding-top: 100px; }
        @media (max-width: 767.98px) {
          body .carousel .carousel-item p {
            padding-top: 70px; } }
  body footer {
    background-color: #333438;
    color: white;
    padding: 40px; }
    @media (max-width: 767.98px) {
      body footer {
        padding: 20px; } }
    body footer h2 {
      font-size: 60px;
      font-weight: 700;
      margin-bottom: 40px; }
      @media (max-width: 767.98px) {
        body footer h2 {
          font-size: 36px; } }
    body footer .col-md-2, body footer .col-md-3 {
      font-size: 12px;
      font-weight: 300; }
      @media (max-width: 767.98px) {
        body footer .col-md-2, body footer .col-md-3 {
          margin-bottom: 30px; } }
      body footer .col-md-2 a, body footer .col-md-3 a {
        color: white; }
      body footer .col-md-2 p, body footer .col-md-2 .icon, body footer .col-md-3 p, body footer .col-md-3 .icon {
        display: table-cell;
        vertical-align: middle; }
      body footer .col-md-2 .icon, body footer .col-md-3 .icon {
        width: 30px; }
        body footer .col-md-2 .icon img, body footer .col-md-3 .icon img {
          width: 100%; }
      body footer .col-md-2.orange, body footer .col-md-3.orange {
        background: #f15723;
        height: 30px;
        margin-left: -41px;
        margin-right: 41px;
        margin-top: 0;
        margin-bottom: 0; }
        @media (max-width: 767.98px) {
          body footer .col-md-2.orange, body footer .col-md-3.orange {
            height: 20px;
            margin-left: -21px;
            margin-right: 41px;
            margin-top: -20px;
            margin-bottom: 20px; } }
  body .modal-body {
    font-size: 14px;
    font-weight: 300; }
    body .modal-body .img-container {
      text-align: center;
      width: 100%;
      margin-bottom: 20px; }
      body .modal-body .img-container img {
        width: 80%;
        margin: 0 auto; }