@charset "UTF-8";


html {
  scroll-behavior: smooth;
}

/**

 * Main Colors

 */

/**

 * Distances

 */

/**

 * Mobile Breakpoints

 */

/**

 * Misc

 */

/* --------- Mixins --------- */

.roadmap.roadmap--orientation-auto {

  position: relative;

  width: 95%;

  margin: 0 auto;

}

.roadmap.roadmap--orientation-auto .roadmap__events {

  position: relative;

  width: calc(100% - 220px);

  margin: 0 auto;

  padding: 200px 0;

}

.roadmap.roadmap--orientation-auto .roadmap__events:after {

  position: absolute;

  top: 50%;

  left: 0;

  display: block;

  content: "";

  width: 0%;

  height: 4px;

  background-color: #000000;

  border-radius: 2px;

  transition: all 0.5s linear;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event {

  position: absolute;

  width: 280px;

  height: 200px;

  margin-left: -140px;

  list-style: none;

  font-size: 16px;

  /**

   * Events showing on the bottom of the timeline

   */

  /**

   * Events showing on the top of the timeline

   */

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:before, .roadmap.roadmap--orientation-auto .roadmap__events__event:after {

  position: absolute;

  content: "";

  display: block;

  background-color: #000000;

  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.3);

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:before {

  width: 20px;

  height: 20px;

  border-radius: 20px;

  left: 50%;

  transform: translateX(-50%);

  transform: scale(0);

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:after {

  width: 4px;

  height: 0;

  border-radius: 2px;

  left: 50%;

  transform: translateX(-50%);

}

.roadmap.roadmap--orientation-auto .roadmap__events__event .event {

  position: absolute;

  display: block;

  text-align: center;

  width: 100%;

  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.3);

  transform: scale(0);

}

.roadmap.roadmap--orientation-auto .roadmap__events__event .event .event__date {

  font-weight: 700;

  /*color: #34458d;*/

  color:#ffcc4d;

  font-size:1.6em

	

}

.roadmap.roadmap--orientation-auto .roadmap__events__event .event .event__content small {

  display: block;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) {

  bottom: 0;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd):before {

  top: -8px;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd):after {

  top: 0;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event {

  top: 80px;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) {

  top: 0;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even):before {

  bottom: 2px;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even):after {

  bottom: 2px;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) .event {

  bottom: 80px;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(1n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(1n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(1n) .event {

  transition-delay: 0.13s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(2n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(2n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(2n) .event {

  transition-delay: 0.26s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(3n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(3n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(3n) .event {

  transition-delay: 0.39s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(4n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(4n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(4n) .event {

  transition-delay: 0.52s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(5n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(5n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(5n) .event {

  transition-delay: 0.65s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(6n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(6n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(6n) .event {

  transition-delay: 0.78s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(7n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(7n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(7n) .event {

  transition-delay: 0.91s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(8n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(8n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(8n) .event {

  transition-delay: 1.04s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(9n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(9n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(9n) .event {

  transition-delay: 1.17s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(10n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(10n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(10n) .event {

  transition-delay: 1.3s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(11n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(11n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(11n) .event {

  transition-delay: 1.43s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(12n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(12n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(12n) .event {

  transition-delay: 1.56s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(13n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(13n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(13n) .event {

  transition-delay: 1.69s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(14n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(14n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(14n) .event {

  transition-delay: 1.82s;

}

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(15n):before, .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(15n):after,

.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(15n) .event {

  transition-delay: 1.95s;

}

.roadmap.roadmap--orientation-auto .roadmap__navigation {

  margin: 0;

}

.roadmap.roadmap--orientation-auto .roadmap__navigation > * {

  position: absolute;

  top: 50%;

  transform: translateY(-46%);

  z-index: 100;

  list-style: none;

}

.roadmap.roadmap--orientation-auto .roadmap__navigation > * a {

  display: block;

  color: #000;

  line-height: 0;

}

.roadmap.roadmap--orientation-auto .roadmap__navigation > * a i {

  font-size: 44px;

}

.roadmap.roadmap--orientation-auto .roadmap__navigation > * a:hover {

  text-decoration: none;

  box-shadow: none;

}

.roadmap.roadmap--orientation-auto .roadmap__navigation > *:first-child {

  left: 40px;

}

.roadmap.roadmap--orientation-auto .roadmap__navigation > *:last-child {

  right: 40px;

}

.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events:after {

  width: 100%;

}

.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event {

  /**

   * Dot

   */

  /**

   * Line

   */

}

.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:before {

  transform: scale(1) translateX(-50%);

}

.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:after {

  height: 62px;

}

.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event .event {

  transform: scale(1);

}

@media only screen and (max-width: 992px) {

  .roadmap.roadmap--orientation-auto {

    margin: 50px auto;

  }

  .roadmap.roadmap--orientation-auto .roadmap__events {

    padding: 0;

    width: 80%;

    max-width: 640px;

    min-height: 400px;

  }

  .roadmap.roadmap--orientation-auto .roadmap__events:after {

    left: 50%;

    top: 0;

    width: 4px;

    height: calc(0% - 0px);

    transform: translateX(-50%);

  }

  .roadmap.roadmap--orientation-auto .roadmap__events__event {

    position: relative;

    left: auto !important;

    top: auto;

    bottom: auto;

    margin-left: 0;

    width: auto;

    height: auto;

    min-height: 120px;

    /**

     * Events showing on the left of the timeline

     */

    /**

     * Events showing on the right of the timeline

     */

  }

  .roadmap.roadmap--orientation-auto .roadmap__events__event:before {

    top: -8px;

    bottom: auto;

  }

  .roadmap.roadmap--orientation-auto .roadmap__events__event:after {

    top: 0;

    bottom: auto;

    width: 0;

    height: 4px !important;

  }

  .roadmap.roadmap--orientation-auto .roadmap__events__event .event {

    top: -15px;

    bottom: auto;

    width: 40%;

  }

}

@media only screen and (max-width: 992px) and (max-width: 600px) {

  .roadmap.roadmap--orientation-auto .roadmap__events__event .event {

    width: 50%;

  }

}

@media only screen and (max-width: 992px) {

  .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd):after {

    transform: translateX(-100%);

  }

}

@media only screen and (max-width: 992px) and (max-width: 600px) {

  .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event {

    margin-left: -10%;

  }

}

@media only screen and (max-width: 992px) {

  .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even):after {

    transform: translateX(0%);

  }

  .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) .event {

    right: 0;

  }

}

@media only screen and (max-width: 992px) and (max-width: 600px) {

  .roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) .event {

    margin-right: -10%;

  }

}

@media only screen and (max-width: 992px) {

  .roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events:after {

    width: 4px;

    height: calc(100% - 120px);

  }

  .roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event {

    /**

     * Dot

     */

    /**

     * Line

     */

    /**

     * Events showing on the left of the timeline

     */

    /**

     * Events showing on the right of the timeline

     */

  }

  .roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:after {

    width: 48px;

  }

}

@media only screen and (max-width: 992px) and (max-width: 600px) {

  .roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:after {

    width: 32px;

  }

}

@media only screen and (max-width: 992px) and (max-width: 992px) {

  .roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event .event {

    top: -10px;

  }

}

@media only screen and (max-width: 992px) {

  .roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(odd):after {

    transform: translateX(-100%);

  }

}

@media only screen and (max-width: 992px) {

  .roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(even):after {

    transform: translateX(0%);

  }

}

.roadmap.roadmap--orientation-horizontal {

  position: relative;

  width: 95%;

  margin: 0 auto;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events {

  position: relative;

  width: calc(100% - 220px);

  margin: 0 auto;

  padding: 200px 0;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events:after {

  position: absolute;

  top: 50%;

  left: 0;

  display: block;

  content: "";

  width: 0%;

  height: 4px;

  background-color: #000000;

  border-radius: 2px;

  transition: all 0.5s linear;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event {

  position: absolute;

  width: 280px;

  height: 200px;

  margin-left: -140px;

  list-style: none;

  font-size: 16px;

  /**

   * Events showing on the bottom of the timeline

   */

  /**

   * Events showing on the top of the timeline

   */

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:after {

  position: absolute;

  content: "";

  display: block;

  background-color: #000000;

  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.3);

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:before {

  width: 20px;

  height: 20px;

  border-radius: 20px;

  left: 50%;

  transform: translateX(-50%);

  transform: scale(0);

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:after {

  width: 4px;

  height: 0;

  border-radius: 2px;

  left: 50%;

  transform: translateX(-50%);

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event .event {

  position: absolute;

  display: block;

  text-align: center;

  width: 100%;

  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.3);

  transform: scale(0);

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event .event .event__date {

  font-weight: 600;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event .event .event__content small {

  display: block;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd) {

  bottom: 0;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd):before {

  top: -8px;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd):after {

  top: 0;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd) .event {

  top: 80px;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even) {

  top: 0;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even):before {

  bottom: -12px;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even):after {

  bottom: -4px;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even) .event {

  bottom: 80px;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(1n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(1n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(1n) .event {

  transition-delay: 0.13s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(2n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(2n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(2n) .event {

  transition-delay: 0.26s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(3n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(3n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(3n) .event {

  transition-delay: 0.39s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(4n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(4n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(4n) .event {

  transition-delay: 0.52s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(5n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(5n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(5n) .event {

  transition-delay: 0.65s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(6n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(6n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(6n) .event {

  transition-delay: 0.78s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(7n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(7n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(7n) .event {

  transition-delay: 0.91s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(8n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(8n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(8n) .event {

  transition-delay: 1.04s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(9n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(9n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(9n) .event {

  transition-delay: 1.17s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(10n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(10n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(10n) .event {

  transition-delay: 1.3s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(11n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(11n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(11n) .event {

  transition-delay: 1.43s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(12n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(12n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(12n) .event {

  transition-delay: 1.56s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(13n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(13n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(13n) .event {

  transition-delay: 1.69s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(14n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(14n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(14n) .event {

  transition-delay: 1.82s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(15n):before, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(15n):after,

.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(15n) .event {

  transition-delay: 1.95s;

}

.roadmap.roadmap--orientation-horizontal .roadmap__navigation {

  margin: 0;

}

.roadmap.roadmap--orientation-horizontal .roadmap__navigation > * {

  position: absolute;

  top: 50%;

  transform: translateY(-46%);

  z-index: 100;

  list-style: none;

}

.roadmap.roadmap--orientation-horizontal .roadmap__navigation > * a {

  display: block;

  color: #000;

  line-height: 0;

}

.roadmap.roadmap--orientation-horizontal .roadmap__navigation > * a i {

  font-size: 44px;

}

.roadmap.roadmap--orientation-horizontal .roadmap__navigation > * a:hover {

  text-decoration: none;

  box-shadow: none;

}

.roadmap.roadmap--orientation-horizontal .roadmap__navigation > *:first-child {

  left: 40px;

}

.roadmap.roadmap--orientation-horizontal .roadmap__navigation > *:last-child {

  right: 40px;

}

.roadmap.roadmap--orientation-horizontal.roadmap--initialized .roadmap__events:after {

  width: 100%;

}

.roadmap.roadmap--orientation-horizontal.roadmap--initialized .roadmap__events .roadmap__events__event {

  /**

   * Dot

   */

  /**

   * Line

   */

}

.roadmap.roadmap--orientation-horizontal.roadmap--initialized .roadmap__events .roadmap__events__event:before {

  transform: scale(1) translateX(-50%);

}

.roadmap.roadmap--orientation-horizontal.roadmap--initialized .roadmap__events .roadmap__events__event:after {

  height: 62px;

}

.roadmap.roadmap--orientation-horizontal.roadmap--initialized .roadmap__events .roadmap__events__event .event {

  transform: scale(1);

}

.roadmap.roadmap--orientation-vertical {

  position: relative;

  width: 95%;

  margin: 0 auto;

  margin: 50px auto;

}

.roadmap.roadmap--orientation-vertical .roadmap__events {

  position: relative;

  width: calc(100% - 220px);

  margin: 0 auto;

  padding: 200px 0;

}

.roadmap.roadmap--orientation-vertical .roadmap__events:after {

  position: absolute;

  top: 50%;

  left: 0;

  display: block;

  content: "";

  width: 0%;

  height: 4px;

  background-color: #000000;

  border-radius: 2px;

  transition: all 0.5s linear;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event {

  position: absolute;

  width: 280px;

  height: 200px;

  margin-left: -140px;

  list-style: none;

  font-size: 16px;

  /**

   * Events showing on the bottom of the timeline

   */

  /**

   * Events showing on the top of the timeline

   */

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:after {

  position: absolute;

  content: "";

  display: block;

  background-color: #000000;

  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.3);

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:before {

  width: 20px;

  height: 20px;

  border-radius: 20px;

  left: 50%;

  transform: translateX(-50%);

  transform: scale(0);

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:after {

  width: 4px;

  height: 0;

  border-radius: 2px;

  left: 50%;

  transform: translateX(-50%);

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event {

  position: absolute;

  display: block;

  text-align: center;

  width: 100%;

  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.3);

  transform: scale(0);

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event .event__date {

  font-weight: 600;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event .event__content small {

  display: block;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) {

  bottom: 0;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd):before {

  top: -8px;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd):after {

  top: 0;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event {

  top: 80px;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) {

  top: 0;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even):before {

  bottom: -12px;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even):after {

  bottom: -4px;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event {

  bottom: 80px;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(1n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(1n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(1n) .event {

  transition-delay: 0.13s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(2n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(2n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(2n) .event {

  transition-delay: 0.26s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(3n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(3n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(3n) .event {

  transition-delay: 0.39s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(4n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(4n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(4n) .event {

  transition-delay: 0.52s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(5n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(5n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(5n) .event {

  transition-delay: 0.65s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(6n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(6n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(6n) .event {

  transition-delay: 0.78s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(7n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(7n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(7n) .event {

  transition-delay: 0.91s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(8n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(8n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(8n) .event {

  transition-delay: 1.04s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(9n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(9n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(9n) .event {

  transition-delay: 1.17s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(10n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(10n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(10n) .event {

  transition-delay: 1.3s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(11n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(11n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(11n) .event {

  transition-delay: 1.43s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(12n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(12n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(12n) .event {

  transition-delay: 1.56s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(13n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(13n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(13n) .event {

  transition-delay: 1.69s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(14n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(14n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(14n) .event {

  transition-delay: 1.82s;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(15n):before, .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(15n):after,

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(15n) .event {

  transition-delay: 1.95s;

}

.roadmap.roadmap--orientation-vertical .roadmap__navigation {

  margin: 0;

}

.roadmap.roadmap--orientation-vertical .roadmap__navigation > * {

  position: absolute;

  top: 50%;

  transform: translateY(-46%);

  z-index: 100;

  list-style: none;

}

.roadmap.roadmap--orientation-vertical .roadmap__navigation > * a {

  display: block;

  color: #000;

  line-height: 0;

}

.roadmap.roadmap--orientation-vertical .roadmap__navigation > * a i {

  font-size: 44px;

}

.roadmap.roadmap--orientation-vertical .roadmap__navigation > * a:hover {

  text-decoration: none;

  box-shadow: none;

}

.roadmap.roadmap--orientation-vertical .roadmap__navigation > *:first-child {

  left: 40px;

}

.roadmap.roadmap--orientation-vertical .roadmap__navigation > *:last-child {

  right: 40px;

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events:after {

  width: 100%;

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event {

  /**

   * Dot

   */

  /**

   * Line

   */

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:before {

  transform: scale(1) translateX(-50%);

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:after {

  height: 62px;

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event .event {

  transform: scale(1);

}

.roadmap.roadmap--orientation-vertical .roadmap__events {

  padding: 0;

  width: 80%;

  max-width: 640px;

  min-height: 400px;

}

.roadmap.roadmap--orientation-vertical .roadmap__events:after {

  left: 50%;

  top: 0;

  width: 4px;

  height: calc(0% - 0px);

  transform: translateX(-50%);

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event {

  position: relative;

  left: auto !important;

  top: auto;

  bottom: auto;

  margin-left: 0;

  width: auto;

  height: auto;

  min-height: 120px;

  /**

   * Events showing on the left of the timeline

   */

  /**

   * Events showing on the right of the timeline

   */

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:before {

  top: -8px;

  bottom: auto;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:after {

  top: 0;

  bottom: auto;

  width: 0;

  height: 4px !important;

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event {

  top: -15px;

  bottom: auto;

  width: 40%;

}

@media only screen and (max-width: 600px) {

  .roadmap.roadmap--orientation-vertical .roadmap__events__event .event {

    width: 50%;

  }

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd):after {

  transform: translateX(-100%);

}

@media only screen and (max-width: 600px) {

  .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event {

    margin-left: -10%;

  }

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even):after {

  transform: translateX(0%);

}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event {

  right: 0;

}

@media only screen and (max-width: 600px) {

  .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event {

    margin-right: -10%;

  }

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events:after {

  width: 4px;

  height: calc(100% - 120px);

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event {

  /**

   * Dot

   */

  /**

   * Line

   */

  /**

   * Events showing on the left of the timeline

   */

  /**

   * Events showing on the right of the timeline

   */

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:after {

  width: 48px;

}

@media only screen and (max-width: 600px) {

  .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:after {

    width: 32px;

  }

}

@media only screen and (max-width: 992px) {

  .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event .event {

    top: -10px;

  }

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(odd):after {

  transform: translateX(-100%);

}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(even):after {

  transform: translateX(0%);

}

/* -------------------------------------------------------------

  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library

  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets



  List of CSS3 Sass Mixins File to be @imported and @included as you need



  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER

  ENDING css files



  note: All CSS3 Properties are being supported by Safari 5

  more info: http://www.findmebyip.com/litmus/#css3-properties



  Mixins available:

    -   css3-prefix             - arguments: Property, Value

    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999

    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%

    -   background-size         - arguments: Width: 100%, Height: 100%

    -   background-opacity      - arguments: Color: #000, Opacity: .85

    -   border-radius           - arguments: Radius: 5px

    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px

    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center

    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C

    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)

    -   box-sizing              - arguments: Type: border-box

    -   columns                 - arguments: Count: 3, Gap: 10

    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0

    -   flex                    - arguments: Value: 1

    -   flip                    - arguments: ScaleX: -1

    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf

    -   opacity                 - arguments: Opacity: 0.5

    -   outline radius          - arguments: Radius: 5px

    -   resize                  - arguments: Direction: both

    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0

    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html

    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)

    -   transform               - arguments: Parameters: null

    -   transform-style         - arguments: Style: preserve-3d

    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out

    -                            - Examples: @include transition (all 2s ease-in-out);

    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);

    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0

    -   keyframes               - arguments: Animation name

                                - content:   Animation css

    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state

                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)



------------------------------------------------------------- */

/* ADDS A BROWSER PREFIX TO THE PROPERTY */

/* BACKGROUND GRADIENT */

/* BACKGROUND RADIAL */

/* BACKGROUND SIZE */

/* BACKGROUND COLOR OPACITY */

/* BORDER RADIUS */

/* BOX */

/* BOX RGBA */

/* BOX SHADOW */

/* BOX SIZING */

/* COLUMNS */

/* DOUBLE BORDERS */

/* FLEX */

/* FLIP */

/* FONT FACE */

/* OPACITY */

/* OUTLINE RADIUS */

/* RESIZE */

/* ROTATE*/

/* TEXT SHADOW */

/* TRANSFORM  */

/* TRANSFORM STYLE */

/* TRANSITION */

/* TRIPLE BORDERS */

/* KEYFRAMES */

/* ANIMATION */

/*

     @include grid-md {

        min-height: 40vh;        

    }

*/

.bg-img {

  background-repeat: no-repeat;

  background-position: 50% 0;

  background-size: cover;

}



.bg-overlay {

  position: relative;

}

.bg-overlay .container {

  position: relative;

  z-index: 1;

}

.bg-overlay:before {

  content: "";

  position: absolute;

  background-color: rgba(0, 0, 0, 0.3);

  width: 100%;

  height: 100%;

  z-index: 0;

  top: 0;

  left: 0;

}

.bg-overlay-light:before {

  background-color: rgba(0, 0, 0, 0.1);

}

.bg-overlay-dark:before {

  background-color: rgba(0, 0, 0, 0.5);

}



.overlay-white {

  position: relative;

}

.overlay-white:before {

  content: "";

  position: absolute;

  background-color: rgba(255, 255, 255, 0.5);

  width: 100%;

  height: 100%;

  z-index: 0;

  top: 0;

  left: 0;

}



.bg-black {

  background-color: #000 !important;

}



.fs-1x {

  font-size: 12px;

}



.fs-2x {

  font-size: 14px;

}



.fs-3x {

  font-size: 16px;

}



.fs-4x {

  font-size: 18px;

}



.fs-5x {

  font-size: 20px;

}



.fs-6x {

  font-size: 22px;

}



.fs-7x {

  font-size: 24px;

}



.fs-8x {

  font-size: 26px;

}



.fs-9x {

  font-size: 28px;

}



.fs-10x {

  font-size: 30px;

}



.fs-11x {

  font-size: 32px;

}



.fs-12x {

  font-size: 34px;

}



.fs-13x {

  font-size: 36px;

}



.fs-14x {

  font-size: 38px;

}



.fs-15x {

  font-size: 40px;

}



.opacity-1 {

  opacity: 0.1;

}



.opacity-2 {

  opacity: 0.2;

}



.opacity-3 {

  opacity: 0.3;

}



.opacity-4 {

  opacity: 0.4;

}



.opacity-5 {

  opacity: 0.5;

}



.opacity-6 {

  opacity: 0.6;

}



.opacity-7 {

  opacity: 0.7;

}



.opacity-8 {

  opacity: 0.8;

}



.opacity-9 {

  opacity: 0.9;

}



.opacity-10 {

  opacity: 1;

}



.box-glow {

  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);

}



.separator-with-text {

  display: flex;

  align-items: center;

}

.separator-with-text:before, .separator-with-text:after {

  flex: 1;

  width: 100%;

  content: "";

  display: inline-block;

  border-bottom: 1px solid #fafafa;

}

.separator-with-text:before {

  margin-right: 20px;

}

.separator-with-text:after {

  margin-left: 20px;

}



.row-7 {

  margin-left: -7px;

  margin-right: -7px;

}

.row-7 > div[class^=col-] {

  padding-left: 7px;

  padding-right: 7px;

}



@media only screen and (max-width: 767.98px) {

  .mobile-no-bg {

    background: none !important;

  }

}



.text-underline {

  text-decoration: underline !important;

}



.txt-black {

  color: #000 !important;

}



body {

  font-family: "nudista-web", sans-serif;

}



.social-icon {

  list-style: none;

}

.social-icon li {

  display: inline-block;

}

.social-icon li:not(:last-child) {

  margin-right: 20px;

}

.social-icon li a {

  font-size: 22px;

  text-align: center;

}

.social-icon li a i {

  color: rgba(255, 255, 255, 0.5);

}

.social-icon li a:hover i.fa-twitter {

  color: #1da1f2;

}

.social-icon li a:hover i.fa-facebook, .social-icon li a:hover i.fa-facebook-f {

  color: #3b5998;

}

.social-icon li a:hover i.fa-linkedin {

  color: #0077b5;

}

.social-icon li a:hover i.fa-youtube-play {

  color: #cd201f;

}



.hover-sink-away {

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

}



.hover-sink-away:hover,

.hover-sink-away:focus,

.hover-sink-away:active {

  -webkit-animation-name: anim-sink-away;

  animation-name: anim-sink-away;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

  animation-iteration-count: infinite;

}



.dot:before {

  content: "•";

}



i[class*=h-icon-] {

  display: inline-block;

  background-repeat: no-repeat;

  background-position: 0 0;

}



.btn:hover, .btn:focus {

  outline: none;

}



body {

  color: #060923;

}



.bg-grey {

  background-color: #f6f6f9;

}



.btn.btn-yellow {

  border-radius: 3px;

  font-size: 1rem;

  background-color: #ffcc4d;

  padding: 13px 20px;

}



.btn.btn-white {

  border-radius: 3px;

  padding: 13px 20px;

  font-size: 1rem;

  background-color: #fff;

}



.section-heading h2 {

  color: #1f2656;

  font-weight: 600;

}

.section-heading h2 span {

  color: #ffcc4d;

}

.section-heading h4 {

  color: #1f2656;

  font-weight: 600;

  font-size: 20px;

}

.section-heading h4 span {

  color: #ffcc4d;

}

.section-heading a {

  color: #6767a9;

  text-decoration: none;

  font-size: 15px;

  line-height: 1.51;

  font-weight: 600;

}

.section-heading a:hover {

  text-decoration: underline;

}

.section-heading a.btn-link {

  text-decoration: underline;

}



@media only screen and (max-width: 991.98px) {

  .main-header .navbar-brand img {

    max-width: 280px;

  }

}

.main-header .navbar {

  box-shadow: 0px -2px 16px -2px rgba(0, 0, 0, 0.2);

  padding: 0 30px;

}

@media only screen and (max-width: 991.98px) {

  .main-header .navbar {

    padding: 10px;

  }

}

.main-header .navbar .nav-link {

  text-transform: uppercase;

  font-size: 14.5px;

  padding-top: 18px;

  padding-bottom: 18px;

}

.main-header .navbar .dropdown .dropdown-menu {

  display: none;

  transition: all 2s ease;

}

.main-header .navbar .dropdown .dropdown-menu a {

  color: #1f2656;

  font-size: 15px;

  text-decoration: none;

  text-transform: capitalize;

  padding: 10px 20px;

  max-width: 250px;

  margin: 0 auto;

}

.main-header .navbar .dropdown .dropdown-menu a:hover {

  background-color: #1f2656;

  color: #ffffff;

}

.main-header .navbar .dropdown .dropdown-menu.mega-menu {

  border-top: solid transparent;

  margin-top: 0;

}

@media only screen and (max-width: 991.98px) {

  .main-header .navbar .dropdown .dropdown-menu.mega-menu {

    border-top: 1px solid #ccc;

  }

}

.main-header .navbar .dropdown:hover > .dropdown-menu {

  display: block;

}



.section-hero {

  min-height: 395px;

  height: 100%;

  display: flex;

  justify-content: flex-start;

  align-items: center;

  background-position: center !important;

  background-size: cover !important;

  position: relative;

  z-index: 1;

}

.section-hero .inner-hero-content {

  max-width: 750px;

  z-index: 1;

}

.section-hero .inner-hero-content h1 {

  font-size: 3.083rem;

  color: #fff;

  font-weight: bolder;

}

@media only screen and (max-width: 991.98px) {

  .section-hero .inner-hero-content h1 {

    font-size: 1.5rem;

  }

}

.section-hero .inner-hero-content p {

  font-size: 1.111rem;

  line-height: 1.45;

  margin-bottom: 15px;

  color: #fff;

}

.section-hero:after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.7);

  z-index: -1;

}



.sub-hero-section {

  min-height: 395px;

  height: 100%;

  display: flex;

  justify-content: flex-start;

  align-items: center;

  background-position: center !important;

  background-size: cover !important;

  position: relative;

  z-index: 1;

}

.sub-hero-section .inner-hero-content {

  max-width: 900px;

  z-index: 1;

}

.sub-hero-section .inner-hero-content h1 {

  font-size: 5.083rem;

  color: #fff;

  font-weight: bolder;

}

.sub-hero-section .inner-hero-content-wide h1 {

  font-size: 4.083rem;

  color: #fff;

  font-weight: bolder;

}
.sub-hero-section .inner-hero-content-wide h3 a {

    color: #ffcc4d;

}

.sub-hero-section .inner-hero-content-wide a:hover {

  color: #ffcc4d;

}

.sub-hero-section .inner-hero-content-wide a {

  color: #ffffff;

}


@media only screen and (max-width: 991.98px) {

  .sub-hero-section .inner-hero-content h1 {

    font-size: 4.5rem;

  }
	
	 .sub-hero-section .inner-hero-content-wide h1 {

    font-size: 3.5rem;

  }

}

.sub-hero-section .inner-hero-content p {

  font-size: 1.111rem;

  line-height: 1.45;

  margin-bottom: 15px;

  color: #fff;

}

.sub-hero-section .inner-hero-content .btn-prev {

  color: #ffffff;

  display: block;

  margin-bottom: 10px;

}

.sub-hero-section .inner-hero-content .btn-prev i {

  color: #ffcc4d;

}

.sub-hero-section .inner-hero-content .btn-prev:hover {

  text-decoration: none;

}

.sub-hero-section:after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  /*background-color: rgba(0, 0, 0, 0.7);*/

  z-index: -1;

}



.section-announcements {

  padding: 26px 0;

  background-color: #f6f6f9;

}



.announcements-section {

  padding: 50px 0;

}

.announcements-section h4 {

  color: #1f2656;

  font-weight: 600;

}

.announcements-section h6 {

  color: #a0a3b7;

  font-size: 14px;

  font-weight: 300;

  text-transform: uppercase;

}

.announcements-section ul {

  padding: 0;

  margin: 30px 0 0 0;

}

.announcements-section ul li {

  list-style: none;

  border-bottom: 1px solid #a0a3b7;

  margin-bottom: 15px;

  padding-bottom: 15px;

}

.announcements-section ul li:last-child {

  border: none;

}

.announcements-section a {

  color: #212121;

  text-decoration: none;

  font-size: 15px;

  line-height: 1.51;

  font-weight: 600;

}

.announcements-section a:hover {

  text-decoration: none;

  opacity: 0.9;
	
  color: #275010;

}

.announcements-section a.btn-link {

  text-decoration: underline;

}

.announcements-section .policy-img {

  max-height: 180px;

  overflow: hidden;

  margin-bottom: 15px;

}

.announcements-section .disc {

  line-height: 1.65;

}



.at-work-section {

  padding: 50px 0;

}

.at-work-section .card {

  cursor: pointer;

  transition: 0.5s ease;

}

.at-work-section .card .card-top {

  padding: 25px 30px 0;

}

.at-work-section .card .card-top p {

  line-height: 26px;

}

.at-work-section .card .card-top .date {

  color: #a0a3b7;

  font-size: 14px;

  font-weight: 300;

  text-transform: uppercase;

  margin-bottom: 8px;

}

.at-work-section .card .card-top h4 {

  color: #1f2656;

  font-weight: 600;

  font-size: 18px;

}

.at-work-section .card .card-footer {

  padding: 15px 30px;

  background-color: transparent;

}

.at-work-section .card .card-footer a {

  color: #6767a9;

  font-size: 14px;

  text-decoration: none;

  font-weight: 300;

}

.at-work-section .card .card-footer a:hover {

  text-decoration: underline;

  color: #6767a9;

}

.at-work-section .card .card-footer a:hover.btn-link {

  text-decoration: underline;

}

.at-work-section .card:hover {

  box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.5);

}



.roadmap-section {

  padding: 60px 0;

  background-image: url("../images/map-gray-scale.png"), linear-gradient(172deg, rgba(213, 226, 229, 0.93) 0%, #fff 38%) !important;

  background-position: center;

  -webkit-background-size: cover;

  background-size: cover;

  background-repeat: no-repeat;

  border-top: 2px solid #b7e6e6;

}

.roadmap-section .section-title a {

  font-size: 30px;

}

.roadmap-section .roadmap.roadmap--orientation-auto .roadmap__navigation > * a i {

  font-size: 30px;

  color: #2b2b2bcc;

}

.roadmap-section a {

  color: #1d1e1e;

  text-decoration: none;

  font-size: 15px;

  line-height: 1.51;

  font-weight: 800;

}

.roadmap-section a:hover {

  text-decoration: underline;

  opacity: 0.9;

}

.roadmap-section a.btn-link {

  text-decoration: underline;

}



.main-footer .footer-top {

  padding: 60px 0;

 /* background-image: url("../images/industry.png");*/
 background-color:#1f1f1f;

  background-position: center;

  background-repeat: no-repeat;

	background-size: cover;
	color:#fff;

}

.main-footer .footer-top a {
    color:#fff;
}

.main-footer .footer-top a:hover {
    color:#ffcc4d;
}
.main-footer .footer-top h4 {

  /*color: #1f2656;*/
	color: #ffffff;

  font-weight: 500;

  font-size: 16px;

  margin-bottom: 30px;

}

.main-footer .footer-top .left h4 {

  font-size: 18px;

}

.main-footer .footer-top ul {

  padding: 0;

  margin: 0;

}

.main-footer .footer-top ul li {

  list-style: none;

}

.main-footer .footer-top ul li a {

  font-size: 15px;

  margin-bottom: 15px;

  text-decoration: none;

  color: #fff;

}

.main-footer .footer-top ul li a:hover {

  text-decoration: none;

}

.main-footer .footer-top .social-links {

  display: inline-flex;

  justify-content: center;

  align-items: center;

}

.main-footer .footer-top .social-links p {

  display: inline-block;

  font-weight: 600;

  font-size: 15px;

  margin: 0;
  color:#fff;

}

.main-footer .footer-top .social-links a {

  color: #0074b3;

  margin-right: 10px;

  font-size: 17px;

}

.main-footer .footer-bottom {

  padding: 40px 0;

}

.main-footer .footer-bottom ul {

  padding: 0;

  margin: 0;

}

.main-footer .footer-bottom ul li {

  list-style: none;

  display: inline-block;

  margin-right: 10px;

}

.main-footer .footer-bottom ul li a {

  color: #000000;

  text-decoration: none;

  font-size: 15px;

}

.main-footer .footer-bottom ul li a:hover {

  color: #000000;

}

.main-footer .footer-bottom p {

  font-size: 15px;

}



.grievance-form-section {

  padding: 80px 0;

}

.grievance-form-section .grievance-form {

  padding: 40px;

}

.grievance-form-section .grievance-form h5 {

  margin-bottom: 15px;

  color: #1f2656;

  font-weight: 600;

}



.media-section {

  padding: 40px 0;

}

@media only screen and (max-width: 991.98px) {

  .media-section .media-item .media {

    flex-direction: column;

  }

}

.media-section .media-item .media img {

  max-width: 300px;

  width: 100%;

}

.media-section .media-item .media .media-body {

  padding: 10px 10px 10px 0;

  min-height: 185px;

}

.media-section .media-item .media .media-body a {

  color: #1f2656;

}

.media-section .media-item .media .media-body a h5 {

  margin-bottom: 12px;

}

.media-section .media-item .media .media-body a:hover {

  text-decoration: none;

}

@media only screen and (max-width: 991.98px) {

  .media-section .media-item .media .media-body {

    padding: 15px;

  }

}



.contact-us-section {

  padding: 50px 0;

}

.contact-us-section .contact-us-form {

  padding: 40px;

  background-color: #fff;

  border-radius: 5px;

}

.contact-us-section .contact-us-form h5 {

  margin-bottom: 15px;

  color: #1f2656;

  font-weight: 600;

}

.contact-us-section .contact-us-details h4 {

  margin-bottom: 15px;

  color: #1f2656;

  font-weight: 600;

}

.contact-us-section .contact-us-details .address {

  padding: 0;

}

.contact-us-section .contact-us-details .address li {

  list-style: none;

  margin-bottom: 10px;

  color: #1f2656;

  display: flex;

}

.contact-us-section .contact-us-details .address li a {

  color: #1f2656;

  text-decoration: none;

}

.contact-us-section .contact-us-details .address li b {

  margin-right: 20px;

  width: 70px;

}



.mega-menu .mega-menu-container {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.mega-menu .mega-menu-container .nav-pills {

  padding: 10px 20px;

  width: 100%;

}

.mega-menu .mega-menu-container .nav-pills li.nav-item {

  width: 18%;

  margin-right: 25px;

  text-align: center;

}

.mega-menu .mega-menu-container .nav-pills li.nav-item:last-child {

  margin-right: 0;

}

@media only screen and (max-width: 991.98px) {

  .mega-menu .mega-menu-container .nav-pills li.nav-item {

    width: 100%;

    margin: 0;

  }

}

.mega-menu .mega-menu-container .nav-pills li.nav-item .nav-link {

  color: #1f2656;

  font-size: 20px;

}

.mega-menu .mega-menu-container .nav-pills li.nav-item .nav-link:hover {

  background-color: #1f2656;

  color: #ffffff;

}

.mega-menu .mega-menu-container .nav-pills li.nav-item .nav-link.active {

  background-color: #1f2656;

  color: #fff;

}

.mega-menu .mega-menu-container .tab-content {

  width: 100%;

}

.mega-menu .mega-menu-container .row {

  width: 100%;

  margin: 0 auto;

}

.single-details-img .image__default {

  display: none;

}

/*# sidebar slideout */


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  /*background-color: #111;*/
  background-color: #ececec;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  color:#000000;
  font-size:17px
}

.region.region-content .sidenav h2 {
font-size:30px;
margin: 0;
padding-bottom:10px

}

/*
.region.region-content .sidenav h2::after {
    content: "";
    position: relative;
    bottom: 0;
    width: 120px;
    height: 1px;
    border-bottom: 3px solid #218e6e;
    left: 0;
} */


/*
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 17px;
  color: #818181;
 display: block;
  transition: 0.3s;
} */

.sidenav a {
  
  text-decoration: none;
  font-size: 17px;
  color: #333232;
 
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenavcontent {
  padding:50px
}

#main {
  transition: margin-left .5s;
  /*padding: 16px;*/
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px; height: 100%;}
  .sidenav a {font-size: 18px;}
}

.sidenav p {
    
    color:#000;
}




.tablestyle h1 {
  font-size: 44px;
  /*color: #000000;*/
  color: #fff;
  font-weight: 800;
  position: relative;
  padding: 0 0 8px 0;
  margin: 0 0 30px 0;
}

.tablestyle h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 120px;
  height: 1px;
  border-bottom: 3px solid #218e6e;
  left: 0;
}

.tablestyle
  .info-box
  .dataTables_length
  label {
  font-size: 15px;
  font-weight: 600;
}

.tablestyle
  .info-box
  .dataTables_length
  label
  select {
  height: 32px;
  font-size: 16px;
  line-height: normal;
  border: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0;
}

.tablestyle
  .info-box
  div#explorationTable_filter
  label {
  font-size: 16px;
  font-weight: 600;
}

.tablestyle
  .info-box
  div#explorationTable_filter
  label
  input {
  height: 30px;
  min-width: 230px;
  border: 1px solid #ccc;
  box-shadow: none;
  font-size: 15px;
  color: #000;
}

.tablestyle
  table
  thead
  tr
  th {
  width: auto !important;
  white-space: nowrap;
  font-size: 14px;
  padding: 11px 20px;
  background: #218e6e;
  color: #fff;
}

.tablestyle
  table
  thead
  tr
  th:before,
.tablestyle
  table
  thead
  tr
  th:after {
  color: #fff !important;
  opacity: 1 !important;
}

.tablestyle
  table
  tbody
  tr
  td,
.tablestyle
  table
  tbody
  tr
  td
  * {
  font-size: 15px;
  line-height: normal;
  color: #000;
  white-space: normal;
}

.tablestyle
  table
  tbody
  tr:nth-child(odd) {
  background: #fbfbfb;
}

.tablestyle
  table
  tbody
  tr
  td
  a {
  font-weight: 600;
  text-decoration: underline;
}

.tablestyle
  table
  tfoot
  tr
  th,
.tablestyle
  table
  tfoot
  tr
  td {
  font-size: 15px;
  padding: 10px 20px;
}

.tablestyle
  div#explorationTable_info {
  font-size: 14px;
}

.tablestyle
  table
  tbody
  tr
  td.sorting_1
  a {
  white-space: nowrap;
}