/*
Theme Name: Ship Watch
Version: 1.0
*/
::-webkit-scrollbar {
  width: 0px;
  height: 0px; }

@font-face {
  src: url("../fonts/Biennale-Bold.ttf");
  font-family: BiennaleBold; }
@font-face {
  src: url("../fonts/Biennale-Light.ttf");
  font-family: BiennaleLight; }
@font-face {
  src: url("../fonts/Biennale-Medium.ttf");
  font-family: BiennaleMedium; }
@font-face {
  src: url("../fonts/Biennale-Regular.ttf");
  font-family: BiennaleRegular; }
@font-face {
  src: url("../fonts/Biennale-SemiBold.ttf");
  font-family: BiennaleSemiBold; }
:root {
  scrollbar-width: none !important; }

.scrollbar-track {
  background: rgba(0, 0, 0, 0) !important; }

body {
  margin: 0;
  padding: 0;
  background-color: #0e141f; }

body.admin-bar .header {
  position: fixed;
  top: 28px;
  z-index: 1000;
  height: 40px; }

a {
  text-decoration: none; }

main p.big-title {
  width: fit-content;
  font: normal normal normal calc(5.07vw + 9.78vh)/calc(5.17vw + 9.96vh) BiennaleRegular;
  opacity: 0; }
@media (max-width: 767px) {
  main p.big-title {
    opacity: 1; } }

.light {
  background-color: white; }

#viewport {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

input[type="text"]::placeholder {
  color: #0e141f; }

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none; }

input,
select,
textarea {
  color: #0e141f; }

.email {
  width: 466px;
  height: 111px;
  border: 2px solid #071447;
  border-radius: 56px; }

input[type="text"], input[type=email] {
  width: 308px;
  background: none;
  border-width: 0px;
  margin-left: 35px;
  position: relative;
  top: 24px;
  font: normal normal normal 22px/31px BiennaleRegular;
  transition: all 0.1s ease; }

::placeholder {
  color: #071447;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #071447; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #071447; }

input[type="submit"] {
  width: 107px;
  height: 107px;
  border-width: 0px;
  box-sizing: border-box;
  position: absolute;
  margin-left: 10px;
  border-radius: 50px;
  transition: all 0.1s ease;
  background: url(../images/Button1.png) no-repeat center;
  background-size: 100px 100px;
  cursor: pointer; }

.split {
  position: relative;
  color: #ffffff00;
  text-shadow: white 0px 0px 20px;
  font: normal 2.8vw/3vw BiennaleMedium;
  opacity: 0; }
  .split span {
    font: normal 6.16vw / 6.5vw BiennaleBold; }

@media (max-width: 767px) {
  .split {
    text-shadow: white 0px 0px 0px;
    font: normal 6vw/8vw BiennaleMedium;
    opacity: 1; }
    .split span {
      font: normal 8vw/9.5vw BiennaleBold; } }
/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  transition: background 150ms ease-in-out;
  background: #0073aa;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  width: calc(20.92vh + 11.77vw);
  outline: none;
  background: #071447;
  padding: 0.76rem 1rem;
  border-radius: 100px;
  text-decoration: none;
  font-size: 18px;
  vertical-align: bottom; }

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #111;
  cursor: pointer; }

.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
  color: #fff;
  text-decoration: none; }

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  background: #111;
  outline: thin dotted;
  outline-offset: -4px; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  -webkit-backface-visibility: hidden;
  background: #fff;
  border: solid 1px #ccc;
  box-sizing: border-box;
  outline: none;
  width: calc(20.92vh + 11.77vw);
  border-radius: 100px;
  padding: 0.36rem 0.66rem;
  -webkit-appearance: none;
  border: 1px solid #071447;
  outline-offset: 0;
  font-size: 18px;
  border-radius: 100px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-color: #0073aa;
  outline: thin solid rgba(0, 115, 170, 0.15);
  outline-offset: -4px; }

input[type="search"]::-webkit-search-decoration {
  display: none; }

textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  resize: vertical; }

form p {
  margin: 1rem 0; }

.nav-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background: rgba(4, 13, 49, 0);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  height: 95px;
  width: 100vw;
  transition: all 0.5s ease; }

.nav-bg-light {
  background: #ffffff24; }

nav {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 50px;
  z-index: 90; }
  nav .home-logo {
    width: 251px;
    height: 33.88px;
    margin-top: 35px;
    background: url("../images/ShipWatch-1x/ShipWatch-7.png") bottom no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    transition: all 0.5s ease; }
  nav .dark-logo {
    background: url("../images/ShipWatch-1x/ShipWatch-6.png") bottom no-repeat;
    background-size: 100% auto;
    transition: all 0.5s ease; }
  nav #menu {
    margin-top: 45px;
    margin-left: 30px;
    transition: all 0.5s ease; }
    nav #menu ul {
      padding: 0;
      margin: 0;
      display: flex;
      list-style-type: none; }
      nav #menu ul .active-page {
        color: #81c41c; }
  nav a {
    color: white;
    text-align: center;
    margin: 0 14px;
    font: normal normal 17px/20px BiennaleRegular;
    transition: all 0.2s ease; }
  nav .dark-links {
    color: #0e141f; }
  nav a:hover {
    color: #81c41c; }
  nav .notifited {
    width: 201px;
    height: 59px;
    right: 0;
    top: 20px;
    background-color: #0e141f;
    position: absolute;
    border-radius: 37px;
    transition: all 0.1s ease; }
    nav .notifited p {
      margin: 0;
      padding: 0;
      margin-top: 20px;
      margin-left: 26px;
      width: 104px;
      height: 18px;
      color: white;
      font: normal normal 18px/22px BiennaleRegular;
      transition: all 0.1s ease; }
    nav .notifited .button {
      width: 58px;
      height: 58px;
      border-radius: 58px;
      margin-left: 13px;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      background: url("../images/Button1.png") bottom no-repeat;
      background-size: 58px 58px;
      transition: all 0.1s ease; }
    nav .notifited .button2 {
      background: url("../images/Button2.png") bottom no-repeat;
      background-size: 58px 58px; }
  nav #burger {
    width: 35px;
    height: 35px;
    color: #0e141f;
    text-align: center;
    font-size: 25px;
    vertical-align: middle;
    margin-top: 13px;
    box-sizing: border-box;
    padding-top: 8px;
    right: calc(5vw - 5px);
    position: absolute;
    display: none;
    cursor: pointer; }
    nav #burger .b {
      width: 20px;
      height: 2px;
      margin-left: 4px;
      background-color: #0e141f; }
    nav #burger .b1 {
      margin-top: 0px; }
    nav #burger .b2,
    nav #burger .b3 {
      margin-top: 4px; }
  @media (max-width: 1024px) {
    nav .home-logo {
      width: 200px;
      height: 27px; }
    nav #menu {
      margin-left: 20px; }
    nav a {
      margin: 0 10px;
      font: normal normal 15px/19px BiennaleRegular; }
    nav .notifited {
      width: 160px; }
      nav .notifited p {
        margin: 0;
        padding: 0;
        margin-top: 20px;
        margin-left: 15px;
        width: 100px;
        height: 18px;
        color: white;
        font: normal normal 15px/19px BiennaleRegular; }
      nav .notifited .button,
      nav .notifited .button2 {
        width: 56px;
        height: 56px;
        border-radius: 56px;
        margin-left: 0px;
        background-size: 56px 56px; } }
  @media (max-width: 1024px) {
    nav #menu {
      display: none; }
    nav .notifited {
      display: none; }
    nav #burger {
      display: block; }
    nav .home-logo {
      width: 150px;
      margin-top: 10px; } }

@media (max-width: 1024px) {
  nav {
    margin: 0 0 0 5vw; }

  .nav-bg {
    height: 55px; } }
.blur-menu {
  z-index: 10;
  top: 12px;
  height: 32px;
  width: 32px;
  right: 5vw;
  border-radius: 50px;
  background-color: #81c41c;
  position: absolute;
  display: none; }

@media (max-width: 1024px) {
  .blur-menu {
    display: block; } }
.mobile-menu {
  z-index: 90;
  position: relative;
  height: 100vh;
  margin: -16px 0 0 0;
  z-index: 11;
  display: none; }
  .mobile-menu ul {
    text-align: center;
    list-style-type: none;
    padding: 0;
    width: 80vw;
    padding-top: 20vh;
    margin-left: 10vw; }
    .mobile-menu ul li {
      padding-top: 30px; }
  .mobile-menu .menu-item {
    display: none;
    opacity: 0; }
  .mobile-menu a {
    color: white;
    text-align: center;
    text-decoration: none;
    font: normal normal 17px/18px BiennaleRegular; }
  .mobile-menu .notifited {
    width: 201px;
    height: 59px;
    z-index: 1;
    left: calc(50% - 100.5px);
    bottom: 10vh;
    position: absolute;
    border-radius: 37px;
    display: flex;
    display: none;
    opacity: 0; }
    .mobile-menu .notifited p {
      margin: 0;
      padding: 0;
      margin-top: 20px;
      margin-left: 30px;
      width: 100px;
      height: 18px;
      color: white;
      font: normal normal 18px/22px BiennaleRegular;
      transition: all 0.1s ease; }
    .mobile-menu .notifited .button {
      width: 58px;
      height: 58px;
      border-radius: 58px;
      margin-left: 13px;
      cursor: pointer;
      flex-shrink: 0;
      background: url("../images/Button1.png") bottom no-repeat;
      background-size: 58px 58px;
      transition: all 0.1s ease; }
    .mobile-menu .notifited .button2 {
      background: url("../images/Button2.png") bottom no-repeat;
      background-size: 58px 58px; }
  .mobile-menu .notifited-mobile-menu-bg {
    width: 201px;
    height: 59px;
    left: calc(50% - 100.5px);
    bottom: 10vh;
    position: absolute;
    background: #0e141f 0% 0% no-repeat padding-box;
    border-radius: 37px;
    display: none;
    opacity: 0; }
    .mobile-menu .notifited-mobile-menu-bg h3 {
      margin-top: 20vh;
      margin-left: calc(45.91vw - 7.26vh); }
    .mobile-menu .notifited-mobile-menu-bg .email {
      margin-left: calc(44.11vw - 10.46vh);
      margin-right: 0;
      margin-top: 5vh; }
    .mobile-menu .notifited-mobile-menu-bg img {
      margin-left: calc(44.77vw - 5.81vh);
      margin-top: 15vh;
      margin-right: 0; }
    .mobile-menu .notifited-mobile-menu-bg p {
      margin-left: calc(45.89vw - 7.31vh);
      margin-right: 0; }

.side-notification {
  background-color: #81c41c;
  z-index: 80;
  width: 0;
  height: 100vh;
  right: 0;
  top: 0;
  position: absolute;
  transition: all 0.1s ease; }

input[type="text"], input[type=email] {
  width: 308px;
  background: none;
  border-width: 0px;
  font: normal normal normal 22px/31px BiennaleRegular;
  transition: all 0.1s ease; }

.notif-menu {
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: scroll;
  width: 100%;
  height: 100%; }
  .notif-menu h3 {
    width: calc((14.53vh + 8.17vw) * 1.3);
    margin: 0;
    margin-top: calc((5.44vw + 9.67vh) * 0.7);
    margin-left: calc(3.93vh + 2.21vw);
    font: normal normal calc((4.86vh + 2.73vw) * 0.8)/calc((4.86vh + 2.73vw) * 0.8) BiennaleRegular;
    color: #071447;
    padding: 0;
    display: none;
    opacity: 0; }
  .notif-menu form {
    width: 100%;
    display: none;
    margin-top: 5vh;
    margin-bottom: calc((5.44vw + 9.67vh) * 1.2); }
  .notif-menu input[type="submit"] {
    width: calc(20.92vh + 11.77vw);
    height: calc((5.44vw + 9.67vh) * 0.27);
    margin: calc((5.44vw + 9.67vh) * 0.2) calc(1.29vh + 0.72vw) 0 calc(1.29vh + 0.72vw);
    border-radius: 100px;
    background: #071447;
    color: white;
    font-size: 18px;
    background-size: calc(20.92vh + 11.77vw) calc((5.44vw + 9.67vh) * 0.27); }
  .notif-menu .form-item {
    width: calc(20.92vh + 11.77vw);
    margin: calc((5.44vw + 9.67vh) * 0.06) calc(1.29vh + 0.72vw) 0 calc(1.29vh + 0.72vw);
    border-radius: 100px;
    border: 1px solid #071447;
    height: calc((5.44vw + 9.67vh) * 0.27);
    font-size: 18px;
    padding-left: 3vw;
    box-sizing: border-box; }
  .notif-menu .wpcf7-not-valid-tip {
    margin-top: 50px;
    margin-left: 5vw;
    font-family: BiennaleMedium; }
  .notif-menu .wpcf7 form .wpcf7-response-output {
    margin: 9vh 0.5em 1em;
    padding: 0.2em 1em;
    border: none;
    color: red;
    font-family: BiennaleMedium;
    text-align: center; }
  .notif-menu img {
    width: calc(11.62vh + 6.53vw);
    margin: 0 calc(6.09vh + 3.33vw);
    display: none;
    opacity: 0;
    position: static;
    bottom: 5vh; }
  .notif-menu p.privacy {
    width: calc(14.62vh + 8.22vw);
    font: normal normal calc(0.74vh + 0.41vw) BiennaleRegular;
    margin-left: calc(4.44vh + 2.5vw);
    text-align: center;
    display: none;
    opacity: 0;
    color: #071447;
    position: static;
    bottom: 0; }

.full-blur {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 78;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  display: none;
  opacity: 0; }

@media (max-width: 1024px) {
  .side-notification {
    display: none; } }
main.on-progress {
  background-color: #0e141f; }
  main.on-progress img.shipwatch-logo {
    margin: calc(40vh - 73px) calc(50vw - 393.5px) calc(30vh - 73px) calc(50vw - 393.5px);
    width: 787px;
    height: 146px; }
  main.on-progress p.contruction-txt {
    color: white;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0px;
    font: normal normal bold 50px/50px BiennaleBold;
    padding-bottom: calc(30vh - 100px); }
  @media (max-width: 787px) {
    main.on-progress img.shipwatch-logo {
      margin-left: 0;
      margin-right: 0;
      width: 100vw;
      height: auto; }
    main.on-progress p.contruction-txt {
      margin-left: 0;
      margin-right: 0;
      font: normal normal bold 40px/40px BiennaleBold; } }

main.home {
  width: 100%;
  margin: 0;
  padding: 0 0;
  background-color: #0e141f; }
  main.home section.first {
    width: 100%;
    height: calc(100vh + 11.92vw + 5px);
    background: transparent linear-gradient(0deg, RGBA(128, 196, 28, 0.1) 0%, RGBA(39, 59, 137, 0.32) 100%) 0% 0% no-repeat padding-box;
    background-size: 100% calc(100% - 11.92vw / 2 - 5px);
    overflow: hidden; }
    main.home section.first .vid {
      overflow: hidden;
      width: 100vw;
      height: calc(100% - 11.92vw / 2 - 5px); }
      main.home section.first .vid video {
        width: 100%;
        height: 100%;
        opacity: 0;
        object-fit: cover; }
      main.home section.first .vid img.gif {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none; }
    main.home section.first .intro {
      opacity: 0; }
      main.home section.first .intro img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    main.home section.first .title {
      position: absolute;
      top: 30vh;
      opacity: 0; }
      main.home section.first .title p {
        text-shadow: #80c41c 0px 0px 60px;
        color: #ffffff00;
        margin: 0; }
      main.home section.first .title p.f1,
      main.home section.first .title p.f2,
      main.home section.first .title p.f3 {
        margin-left: calc(4.1vw + 7.9vh); }
      main.home section.first .title .f3 {
        display: flex; }
        main.home section.first .title .f3 p.small {
          color: white;
          font: normal normal normal 1.1vw / 1.7vw BiennaleRegular;
          margin: 0;
          margin-left: 5vw;
          padding-top: 1.8vw;
          text-shadow: #ffffff00 0px 0px 0px;
          opacity: 0; }
      @media (max-width: 1024px) {
        main.home section.first .title p.f1,
        main.home section.first .title p.f2,
        main.home section.first .title p.f3 {
          margin-left: 50px; } }
    main.home section.first .cards {
      position: absolute;
      display: flex;
      top: 100vh;
      transition: all 0.3s ease; }
      main.home section.first .cards div {
        width: 16.3vw;
        height: 11.92vw;
        background: RGBA(2, 8, 20, 0.5);
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
        margin: 0.25vw;
        cursor: pointer; }
        main.home section.first .cards div img {
          width: 100%;
          height: 2vw;
          object-fit: contain;
          margin-top: 5.215vw; }
      main.home section.first .cards div.c1 {
        margin-left: 8vw; }
  @media (max-width: 767px) {
    main.home section.first {
      height: calc(100vh + 27.7vw);
      background-size: 100% calc(100% - 27.7vw / 2 - 20px); }
      main.home section.first .vid {
        overflow: hidden;
        width: 100vw;
        height: calc(100% - 27.7vw / 2 - 20px); }
        main.home section.first .vid video {
          min-width: 100vw;
          min-height: 100%;
          object-fit: cover; }
      main.home section.first .title p {
        font: normal normal normal 12vw/11.5vw BiennaleRegular;
        text-shadow: #80c41c 0px 0px 0px; }
      main.home section.first .title .margin {
        margin-right: 55vw; }
      main.home section.first .title p.f1 {
        word-spacing: 100vw; }
      main.home section.first .title .f3 {
        display: block;
        margin: 0; }
        main.home section.first .title .f3 p.small {
          margin-left: 5vw;
          padding-top: 2vw;
          width: 80vw;
          opacity: 1; }
      main.home section.first .cards {
        position: absolute;
        display: flex;
        top: 100vh; }
        main.home section.first .cards div {
          width: 17.1vw;
          height: 14.7vw;
          border-radius: 0;
          background: RGBA(2, 8, 20, 0.5);
          backdrop-filter: blur(30px);
          margin: 0.25vw;
          cursor: pointer; }
          main.home section.first .cards div img {
            height: 2.6vw;
            object-fit: contain;
            margin-top: 7.2vw; }
        main.home section.first .cards div.c1 {
          margin-left: 5vw; }
        main.home section.first .cards div.c2 {
          margin-left: 1vw; }
        main.home section.first .cards div.c3 {
          margin-left: 1vw; } }
  main.home section.second {
    width: 100%;
    height: 450vh;
    position: relative;
    background-color: #0e141f;
    overflow: hidden; }
    main.home section.second .boat-section {
      width: 100vw;
      display: block;
      position: absolute;
      top: 10vh;
      cursor: pointer; }
      main.home section.second .boat-section .boat {
        width: 55vw;
        height: 100vh;
        margin-left: 8vw;
        margin-top: 0; }
        main.home section.second .boat-section .boat .boat-mini-img {
          width: auto;
          height: calc((78.125vw + 150.489vh) * 0.3);
          left: 0;
          margin-left: calc(44vw);
          margin-top: 80vh;
          background-size: auto 100%;
          position: absolute;
          top: 0;
          opacity: 0;
          /* ik */ }
        main.home section.second .boat-section .boat .boat-img {
          margin: auto;
          margin-top: 15vh;
          margin-left: 9vw;
          left: 0;
          background-image: url(../images/Oil_Tanker.B01.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: auto 100%;
          position: absolute;
          opacity: 1;
          /* ik */
          z-index: 1;
          width: calc(13.53vw * 1.3 + 37.62vh);
          height: calc((78.125vw + 150.489vh) * 0.7);
          margin-left: calc((28.74vw - 18.71vh)*1.05);
          margin-top: calc(((78.125vw + 150.489vh) * -0.66) + 0.5* 1.25 * (13.53vw + 37.62vh));
          top: calc(-6.76vw + (50vh - 28.71vh)); }
        main.home section.second .boat-section .boat .emissions img {
          position: absolute;
          width: calc(13.53vw * 1.4 + 37.62vh);
          height: calc((78.125vw + 150.489vh) * 0.75);
          margin-left: calc((28.74vw - 18.71vh)*1.05);
          margin-top: calc(((78.125vw + 150.489vh) * -0.66) + 0.5* 1.25 * (13.53vw + 37.62vh));
          top: calc(-6.76vw + (50vh - 28.71vh));
          left: 0;
          opacity: 0.5;
          z-index: 2; }
        main.home section.second .boat-section .boat .boat2-img {
          width: 55vw;
          height: calc((78.125vw + 150.489vh) * 0.7);
          margin: auto;
          margin-top: 15vh;
          margin-left: 9vw;
          left: 0;
          background: url(../images/Ship-tanker2.png) no-repeat center;
          background-size: auto 100%;
          position: absolute;
          opacity: 0;
          /* ik */ }
        main.home section.second .boat-section .boat .satelite-img {
          width: 48vw;
          height: 37vw;
          left: 0;
          margin-left: -30vw;
          background: url(../images/Satelite1.png) no-repeat center;
          background-size: auto 100%;
          position: absolute;
          top: -30vh;
          opacity: 0; }
      main.home section.second .boat-section .circle {
        width: calc(5.8vw + 10.31vh);
        height: calc(5.8vw + 10.31vh);
        background-color: #fd345260;
        backdrop-filter: blur(30px);
        border-radius: 100vw;
        position: absolute;
        top: 28vh;
        left: 19.35vw;
        z-index: 3;
        opacity: 0;
        /* ik */ }
        main.home section.second .boat-section .circle p {
          width: calc(4.68vw + 8.33vh);
          height: calc(3.88vw + 6.89vh);
          text-align: center;
          color: white;
          margin: 0;
          position: absolute;
          top: calc(1.04vw + 1.85vh);
          left: calc(0.57vw + 1.01vh);
          text-transform: capitalize;
          font: normal calc(0.62vw + 1.11vh)/calc(0.98vw + 1.75vh) BiennaleBold;
          transition: all 0.1s ease; }
          main.home section.second .boat-section .circle p span {
            font: normal calc(1.04vw + 1.85vh)/calc(0.98vw + 1.75vh) BiennaleBold; }
        main.home section.second .boat-section .circle .text2,
        main.home section.second .boat-section .circle .text3 {
          display: none;
          opacity: 0; }
      main.home section.second .boat-section .screen {
        left: calc(28.74vw - 18.71vh);
        top: calc(-6.76vw + (50vh - 28.71vh) * 1.35);
        z-index: 0;
        position: absolute;
        opacity: 0; }
        main.home section.second .boat-section .screen .screen-back img {
          width: calc(13.53vw + 37.62vh);
          height: auto;
          position: absolute;
          top: 0;
          left: 0; }
        main.home section.second .boat-section .screen .screen-inside img {
          width: calc(13.53vw + 37.62vh);
          height: auto;
          position: absolute;
          top: 0;
          left: 0; }
      main.home section.second .boat-section .sea {
        background: #020814;
        position: absolute;
        z-index: -1;
        border-radius: calc(6.76vw + 18.71vh);
        width: calc(13.53vw + 37.62vh);
        height: calc(13.53vw + 37.62vh);
        left: calc(28.74vw - 18.71vh);
        top: calc(-6.76vw + (50vh - 28.71vh)); }
    main.home section.second .brands-part {
      position: absolute;
      margin-left: 5vw;
      right: 5vw;
      top: 0;
      /* IK */ }
      main.home section.second .brands-part .brand {
        margin-top: 50vh; }
        main.home section.second .brands-part .brand img {
          height: 25px; }
        main.home section.second .brands-part .brand p {
          width: 20.36vw;
          margin-top: calc(1.38vw + 2.47vh);
          font: normal 22px/35px BiennaleRegular;
          color: white;
          transition: all 0.1s ease; }
          main.home section.second .brands-part .brand p span {
            font: normal 16px/90px BiennaleBold;
            letter-spacing: 2.08px;
            cursor: pointer; }
        main.home section.second .brands-part .brand a {
          pointer-events: all; }
        main.home section.second .brands-part .brand.carbon, main.home section.second .brands-part .brand.data, main.home section.second .brands-part .brand.fuel {
          cursor: pointer; }
        @media (max-width: 1600px) {
          main.home section.second .brands-part .brand p {
            font: normal 17px/33px BiennaleRegular; } }
        @media (max-width: 1400px) {
          main.home section.second .brands-part .brand p {
            font: normal 17px/33px BiennaleRegular; } }
        @media (max-width: 1024px) {
          main.home section.second .brands-part .brand p {
            width: 250px;
            font: normal 15px/22px BiennaleRegular; } }
        @media (max-width: 768px) {
          main.home section.second .brands-part .brand p {
            font: normal 16px/27px BiennaleRegular; } }
      main.home section.second .brands-part .carbon {
        margin-top: 40vh; }
      main.home section.second .brands-part .fuel span {
        color: #fd3453; }
      main.home section.second .brands-part .voyage span {
        color: #2dcbcb; }
      main.home section.second .brands-part .hull span {
        color: #fe9914; }
      main.home section.second .brands-part .carbon span {
        color: #9297A6; }
      main.home section.second .brands-part .data span {
        color: #BE9CFA; }
  @media (max-width: 767px) {
    main.home section.second .boat-section {
      position: static;
      top: 0;
      height: 45vh; }
      main.home section.second .boat-section .boat {
        width: 84vw;
        height: 40vh;
        margin-left: 9vw;
        overflow: hidden; }
        main.home section.second .boat-section .boat .screen {
          left: calc(50vw - (5.07vw + 14.03vh) * 1.35);
          z-index: -1;
          top: calc(-5.5vw + (24vh - 15.5vh)); }
          main.home section.second .boat-section .boat .screen .screen-back img {
            width: calc(13.53vw + 37.62vh);
            height: auto;
            position: absolute; }
          main.home section.second .boat-section .boat .screen .screen-inside img {
            width: calc(13.53vw + 37.62vh);
            height: auto;
            position: absolute; }
        main.home section.second .boat-section .boat .boat-img {
          position: static;
          width: calc(10.14vw + 28.21vh);
          height: calc((78.125vw + 150.489vh) * 0.7);
          left: 0;
          top: calc(-5.5vw + (24vh - 15.5vh));
          margin-left: calc(0.85 * (50vw - (5.07vw + 14.03vh)));
          margin-top: calc((-1*(78.125vw + 150.489vh) * 0.62) + 0.5*(10.14vw + 28.21vh)); }
        main.home section.second .boat-section .boat .emissions img {
          width: calc(10.14vw + 28.21vh);
          height: calc((78.125vw + 150.489vh) * 0.7);
          left: 0;
          top: calc(-5.5vw + (24vh - 15.5vh));
          margin-left: calc(1.25 * (50vw - (5.07vw + 14.03vh)));
          margin-top: calc((-1*(78.125vw + 150.489vh) * 0.61) + 0.5*(10.14vw + 28.21vh));
          opacity: 0.3;
          position: absolute; }
        main.home section.second .boat-section .boat .boat2-img {
          margin-top: 0;
          height: 80vw;
          margin-left: 13vw;
          top: 0; }
        main.home section.second .boat-section .boat .boat-mini-img {
          position: fixed;
          margin-top: 40vh;
          height: 30vh;
          width: auto;
          top: 0;
          margin-left: 62vw;
          opacity: 0; }
      main.home section.second .boat-section .sea {
        border-radius: calc(5.07vw + 14.03vh);
        width: calc(10.14vw + 28.21vh);
        height: calc(10.14vw + 28.21vh);
        left: calc(50vw - (5.07vw + 14.03vh));
        top: calc(-5.5vw + (24vh - 15.5vh));
        z-index: -2; }
    main.home section.second .brands-part {
      left: 0;
      position: static;
      display: flex;
      bottom: 0;
      margin: 50px 0 0 0; }
      main.home section.second .brands-part .brand {
        margin: 0 5vw;
        width: 90vw;
        flex-shrink: 0; }
        main.home section.second .brands-part .brand img {
          height: 3vw; }
        main.home section.second .brands-part .brand p {
          width: 100%;
          font: normal 4.1vw/6.3vw BiennaleMedium; }
        main.home section.second .brands-part .brand p span {
          font: normal 3.5vw/11vw BiennaleBold; }
    main.home section.second .boat-section .circle {
      top: 25vh; } }
  main.home section.third {
    width: 100vw;
    height: 500vh;
    background-color: #0f1520;
    overflow: hidden; }
    main.home section.third .pin {
      width: 100vw;
      height: 100vh; }
      main.home section.third .pin p {
        color: white; }
      main.home section.third .pin .circle {
        border: 2px solid #80c41c;
        position: absolute; }
        main.home section.third .pin .circle p.small {
          text-align: center;
          padding: 0;
          font: normal calc((0.87vw + 1.69vh) * 1.7)/calc((1.17vw + 2.25vh) * 1.7) BiennaleBold;
          opacity: 0; }
      main.home section.third .pin .c1 {
        width: calc(10.82vw + 29.86vh);
        height: calc(10.82vw + 29.86vh);
        border-radius: calc(calc(10.82vw + 29.86vh) / 2);
        left: calc(50vw - calc(10.82vw + 29.86vh) / 2);
        margin-top: calc(50vh - calc(10.82vw + 29.86vh) / 2); }
        main.home section.third .pin .c1 .text {
          position: absolute;
          text-align: center;
          width: 80%;
          margin: 0;
          margin-top: 22%;
          margin-left: 10%;
          transition-timing-function: ease-in-out;
          transition: 0.5s; }
          main.home section.third .pin .c1 .text .p1 {
            padding-top: 5%;
            font: normal calc(1.66vw + 3.19vh)/calc(0.83vw + 1.59vh) BiennaleBold; }
          main.home section.third .pin .c1 .text .p2 {
            padding: 0 calc(1.75vw + 3.38vh);
            font: normal calc(0.67vw + 1.31vh)/calc(1vw + 1.96vh) BiennaleBold; }
        main.home section.third .pin .c1 .t2 {
          opacity: 0; }
          main.home section.third .pin .c1 .t2 p {
            font: normal calc((0.87vw + 1.69vh) * 1.2)/calc((1.17vw + 2.25vh) * 1.2) BiennaleBold; }
      main.home section.third .pin .c2 {
        width: calc(calc(10.82vw + 29.86vh) * 1.5);
        height: calc(calc(10.82vw + 29.86vh) * 1.5);
        border-radius: calc(calc(10.82vw + 29.86vh) / 2 * 1.5);
        left: calc(50vw - calc(10.82vw + 29.86vh) / 2 * 1.5);
        margin-top: calc(50vh - calc(10.82vw + 29.86vh) / 2 * 1.5); }
      main.home section.third .pin .c3 {
        width: calc(calc(10.82vw + 29.86vh) * 2);
        height: calc(calc(10.82vw + 29.86vh) * 2);
        border-radius: calc(calc(10.82vw + 29.86vh) / 2 * 2);
        left: calc(50vw - calc(10.82vw + 29.86vh) / 2 * 2);
        margin-top: calc(50vh - calc(10.82vw + 29.86vh) / 2 * 2); }
      main.home section.third .pin .c4 {
        width: calc(calc(10.82vw + 29.86vh) * 2.5);
        height: calc(calc(10.82vw + 29.86vh) * 2.5);
        border-radius: calc(calc(10.82vw + 29.86vh) / 2 * 2.5);
        left: calc(50vw - calc(10.82vw + 29.86vh) / 2 * 2.5);
        margin-top: calc(50vh - calc(10.82vw + 29.86vh) / 2 * 2.5); }
      main.home section.third .pin .c5 {
        width: calc(calc(10.82vw + 29.86vh) * 3);
        height: calc(calc(10.82vw + 29.86vh) * 3);
        border-radius: calc(calc(10.82vw + 29.86vh) / 2 * 3);
        left: calc(50vw - calc(10.82vw + 29.86vh) / 2 * 3);
        margin-top: calc(50vh - calc(10.82vw + 29.86vh) / 2 * 3); }
      main.home section.third .pin .c6 {
        width: calc(calc(10.82vw + 29.86vh) * 3.5);
        height: calc(calc(10.82vw + 29.86vh) * 3.5);
        border-radius: calc(calc(10.82vw + 29.86vh) / 2 * 3.5);
        left: calc(50vw - calc(10.82vw + 29.86vh) / 2 * 3.5);
        margin-top: calc(50vh - calc(10.82vw + 29.86vh) / 2 * 3.5); }
      main.home section.third .pin .c7 {
        width: calc(calc(10.82vw + 29.86vh) * 4);
        height: calc(calc(10.82vw + 29.86vh) * 4);
        border-radius: calc(calc(10.82vw + 29.86vh) / 2 * 4);
        left: calc(50vw - calc(10.82vw + 29.86vh) / 2 * 4);
        margin-top: calc(50vh - calc(10.82vw + 29.86vh) / 2 * 4); }
      main.home section.third .pin .svg {
        width: calc(calc(10.82vw + 29.86vh) * 1.7);
        position: absolute;
        margin-top: calc(50vh - (calc(10.82vw + 29.86vh) * 1.7) / 2.17);
        left: calc(50vw - (calc(10.82vw + 29.86vh) * 1.7) / 1.98);
        z-index: -1;
        opacity: 0;
        transform: rotate(-65deg); }

main.fuel {
  width: 100%;
  height: 430vh;
  margin: 0;
  padding: 0 0;
  background-color: #0e141f; }
  main.fuel section.boat-section {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    main.fuel section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #fd2a43) no-repeat;
      opacity: 0.1; }
    main.fuel section.boat-section .boat {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0; }
      main.fuel section.boat-section .boat img.boat-img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(19.86vw + 38.26vh);
        height: calc(75.38vw + 145.2vh);
        margin-top: 25vh;
        margin-left: 50vw;
        opacity: 0.3;
        z-index: 2; }
      main.fuel section.boat-section .boat img.boat-mini-img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((3.63vw + 6.99vh) * 1.5);
        height: calc((13.41vw + 25.84vh) * 1.5);
        margin-top: 60vh;
        margin-left: calc((19.86vw + 38.26vh) * 0.78 + 50vw);
        opacity: 0.3; }
      main.fuel section.boat-section .boat img.randar-img {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: calc((22.39vw + 39.81vh) * 0.9 / 2);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 0.9);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.998);
        width: calc((22.39vw + 39.81vh) * 0.9);
        height: calc((22.39vw + 39.81vh) * 0.9);
        transform: rotate(-65deg);
        opacity: 0; }
      main.fuel section.boat-section .boat .circle-text {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((22.39vw + 39.81vh) * 0.9);
        height: calc((22.39vw + 39.81vh) * 0.9);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 0.9);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.998);
        z-index: 3; }
        main.fuel section.boat-section .boat .circle-text .p1, main.fuel section.boat-section .boat .circle-text .p2 {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          color: white;
          text-align: center;
          padding-top: 0; }
      main.fuel section.boat-section .boat img.cloud {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        opacity: 0; }
      main.fuel section.boat-section .boat img.c1 {
        width: calc((19.86vw + 38.26vh) * 0.6);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 1.2);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 1.2); }
      main.fuel section.boat-section .boat img.c2 {
        width: calc((19.86vw + 38.26vh) * 0.3);
        margin-top: calc(50vh + (19.91vh + 11.2vw) * 0.35);
        margin-left: calc(100vw - 26.39vw * 0.95 - 39.81vh * 1.2); }
      main.fuel section.boat-section .boat img.c3 {
        width: calc((19.86vw + 38.26vh) * 0.35);
        margin-top: calc(50vh + (19.91vh + 11.2vw) * 0.5);
        margin-left: calc(100vw - 26.39vw * 0.5 - 39.81vh * 0.3); }
      main.fuel section.boat-section .boat img.ships {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        margin-top: 20vh;
        width: calc((22.39vw + 39.81vh) * 1.2);
        margin-left: calc(100vw - 26.39vw * 1.2 - 39.81vh * 1.2);
        opacity: 0; }
  main.fuel section.first {
    width: 100%;
    position: absolute;
    margin-top: 27vh;
    top: 0;
    left: 0;
    transition: 0.5s; }
    main.fuel section.first .title {
      opacity: 0; }
      main.fuel section.first .title img {
        height: 33.88px;
        margin-left: calc((4.1vw + 7.9vh) * 1.1);
        opacity: 0; }
      main.fuel section.first .title p {
        text-shadow: #fd3453 0px 0px 60px;
        color: #ffffff00;
        margin: 0;
        margin-left: calc(4.1vw + 7.9vh); }
      @media (max-width: 1024px) {
        main.fuel section.first .title img {
          margin-left: 55px;
          height: 27px; }
        main.fuel section.first .title p {
          margin-left: 50px; } }
  main.fuel .paragraphs {
    position: absolute;
    top: 100vh;
    left: 0;
    width: 60vw;
    margin-left: 8.54vw; }
    main.fuel .paragraphs section.second {
      width: 49vw;
      margin-top: 30vh; }
    main.fuel .paragraphs section.third,
    main.fuel .paragraphs section.fourth {
      margin-top: 50vh; }
      main.fuel .paragraphs section.third p,
      main.fuel .paragraphs section.fourth p {
        width: 30vw; }
      main.fuel .paragraphs section.third p.text,
      main.fuel .paragraphs section.fourth p.text {
        width: 420px; }
    main.fuel .paragraphs section.second p,
    main.fuel .paragraphs section.third p,
    main.fuel .paragraphs section.fourth p {
      font: normal 2vw/3.4vw BiennaleRegular;
      color: white; }
    main.fuel .paragraphs section.second p.text,
    main.fuel .paragraphs section.third p.text,
    main.fuel .paragraphs section.fourth p.text {
      font: normal 22px/35px BiennaleRegular;
      color: white; }
    main.fuel .paragraphs section.third p,
    main.fuel .paragraphs section.fourth p {
      font: normal 2vw/2.8vw BiennaleRegular;
      color: #fd3453; }
    @media (max-width: 1600px) {
      main.fuel .paragraphs section.second p,
      main.fuel .paragraphs section.third p,
      main.fuel .paragraphs section.fourth p {
        font: normal 2.5vw/3.6vw BiennaleRegular; }
      main.fuel .paragraphs section.second p.text,
      main.fuel .paragraphs section.third p.text,
      main.fuel .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1400px) {
      main.fuel .paragraphs section.third p.text,
      main.fuel .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1024px) {
      main.fuel .paragraphs section.second p.text,
      main.fuel .paragraphs section.third p.text,
      main.fuel .paragraphs section.fourth p.text {
        width: 340px;
        font: normal 15px/22px BiennaleRegular; } }
    @media (max-width: 768px) {
      main.fuel .paragraphs section.second p.text,
      main.fuel .paragraphs section.third p.text,
      main.fuel .paragraphs section.fourth p.text {
        font: normal 16px/27px BiennaleRegular; } }
  @media (max-width: 1024px) {
    main.fuel .paragraphs {
      margin-left: 50px; } }
  @media (max-width: 768px) {
    main.fuel .paragraphs {
      margin-left: 8vw; } }

@media (max-width: 767px) {
  main.fuel {
    height: calc(200vh + 200vw);
    overflow: hidden; }
    main.fuel section.first .title p {
      text-shadow: #fd3453 0px 0px 0px; }
    main.fuel section.first .title img {
      height: 3vw;
      opacity: 1; }
    main.fuel section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #fd2a43) no-repeat;
      opacity: 0.1; }
    main.fuel section.boat-section .boat {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0; }
      main.fuel section.boat-section .boat img.boat-img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((19.86vw + 38.26vh) * 0.7);
        height: calc((75.38vw + 145.2vh) * 0.7);
        margin-top: 20vh;
        margin-left: 22vw;
        opacity: 1;
        z-index: 2; }
      main.fuel section.boat-section .boat img.boat-mini-img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((3.63vw + 6.99vh) * 1.2);
        height: calc((13.41vw + 25.84vh) * 1.2);
        margin-top: 35vh;
        margin-left: calc((19.86vw + 38.26vh) * 0.47 + 29vw);
        opacity: 1; }
      main.fuel section.boat-section .boat img.randar-img {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: calc((22.39vw + 39.81vh) * 0.9 / 2);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 0.9);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.998);
        width: calc((22.39vw + 39.81vh) * 0.9);
        height: calc((22.39vw + 39.81vh) * 0.9);
        transform: rotate(-65deg);
        opacity: 0; }
      main.fuel section.boat-section .boat .circle-text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        margin-top: calc((22.39vw + 39.81vh) * 0.9 * 0.5);
        margin-left: 0;
        z-index: 3; }
        main.fuel section.boat-section .boat .circle-text p {
          position: absolute;
          width: 100vw;
          top: 0;
          left: 0;
          color: white;
          text-align: center;
          opacity: 0; }
        main.fuel section.boat-section .boat .circle-text .p1 {
          margin-top: -4px;
          padding-left: 0; }
        main.fuel section.boat-section .boat .circle-text .p2 {
          margin-top: -1px;
          padding-left: 0; }
      main.fuel section.boat-section .boat img.cloud {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        opacity: 0; }
      main.fuel section.boat-section .boat img.c1 {
        width: calc((19.86vw + 38.26vh) * 0.4);
        margin-top: 55px;
        margin-left: 2vw; }
      main.fuel section.boat-section .boat img.c2 {
        width: calc((19.86vw + 38.26vh) * 0.3);
        margin-top: 35vh;
        margin-left: 10vw; }
      main.fuel section.boat-section .boat img.c3 {
        width: calc((19.86vw + 38.26vh) * 0.35);
        margin-top: 30vh;
        margin-left: 60vw; }
      main.fuel section.boat-section .boat img.ships {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        margin-top: 10vh;
        width: 80vw;
        margin-left: 10vw;
        opacity: 0; }
    main.fuel .mobile {
      position: static;
      top: 153vh;
      width: 100%;
      height: 50vh;
      opacity: 0; }
      main.fuel .mobile .paragraphs {
        position: static;
        top: 0;
        left: 0;
        width: auto;
        margin-left: 0;
        display: flex; }
        main.fuel .mobile .paragraphs section.second,
        main.fuel .mobile .paragraphs section.third,
        main.fuel .mobile .paragraphs section.fourth {
          width: 90vw;
          flex-shrink: 0;
          position: static;
          margin-top: 0;
          margin: 0 5vw; }
          main.fuel .mobile .paragraphs section.second p,
          main.fuel .mobile .paragraphs section.third p,
          main.fuel .mobile .paragraphs section.fourth p {
            width: 100%;
            font: normal 5.4vw/7vw BiennaleRegular; }
          main.fuel .mobile .paragraphs section.second p.text,
          main.fuel .mobile .paragraphs section.third p.text,
          main.fuel .mobile .paragraphs section.fourth p.text {
            font: normal 4.1vw/6.3vw BiennaleRegular; }
          main.fuel .mobile .paragraphs section.second p.title,
          main.fuel .mobile .paragraphs section.third p.title,
          main.fuel .mobile .paragraphs section.fourth p.title {
            font: normal 5.4vw/7vw BiennaleRegular; } }
main.carbon {
  width: 100%;
  height: 430vh;
  margin: 0;
  padding: 0 0;
  background-color: #0e141f; }
  main.carbon section.boat-section {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    main.carbon section.boat-section .pie-charts {
      width: 100%;
      height: 100vh;
      opacity: 0;
      overflow: hidden;
      position: relative;
      background: black;
      z-index: 5;
      position: absolute;
      background: #101630a3;
      display: flex;
      justify-content: center; }
      main.carbon section.boat-section .pie-charts img {
        height: 80%;
        padding: 10%;
        opacity: 0; }
    main.carbon section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #9397a4) no-repeat;
      opacity: 0.1;
      overflow: hidden;
      z-index: 3;
      position: absolute; }
      main.carbon section.boat-section .bg-shape .leaves {
        opacity: 0;
        width: 100%; }
        main.carbon section.boat-section .bg-shape .leaves img {
          width: 100%; }
    main.carbon section.boat-section .checkmark {
      border-radius: 50%;
      background-color: #68C700;
      border: 1px solid #707070;
      position: absolute;
      padding: 25px;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 4;
      margin-top: calc(50vh - (11.2vw + 19.91vh) * 0.8);
      margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.95); }
      main.carbon section.boat-section .checkmark i {
        color: white;
        font-size: 70px; }
    main.carbon section.boat-section .boat {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 4; }
      main.carbon section.boat-section .boat .boat-img, main.carbon section.boat-section .boat .emissions img {
        position: absolute;
        top: 0;
        left: 0;
        height: 490vh;
        margin-top: -370vh;
        opacity: 0.7;
        margin-left: 44vw;
        z-index: 2; }
      main.carbon section.boat-section .boat .emissions img {
        opacity: 0.15; }
      main.carbon section.boat-section .boat img.boat-mini-img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((3.63vw + 6.99vh) * 1.5);
        height: calc((13.41vw + 25.84vh) * 1.5);
        margin-top: 60vh;
        margin-left: calc((19.86vw + 38.26vh) * 0.78 + 50vw);
        opacity: 0.3; }
      main.carbon section.boat-section .boat img.randar-img {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: calc((22.39vw + 39.81vh) * 0.9 / 2);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 0.9);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.998);
        width: calc((22.39vw + 39.81vh) * 0.9);
        height: calc((22.39vw + 39.81vh) * 0.9);
        transform: rotate(-65deg);
        opacity: 0; }
      main.carbon section.boat-section .boat .circle-text {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((22.39vw + 39.81vh) * 0.9);
        height: calc((22.39vw + 39.81vh) * 0.9);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 0.9);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.998);
        z-index: 3; }
        main.carbon section.boat-section .boat .circle-text .p1, main.carbon section.boat-section .boat .circle-text .p2 {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          color: white;
          text-align: center;
          padding-top: 0; }
      main.carbon section.boat-section .boat img.cloud {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        opacity: 0; }
      main.carbon section.boat-section .boat img.c1 {
        width: calc((19.86vw + 38.26vh) * 0.6);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 1.2);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 1.2); }
      main.carbon section.boat-section .boat img.c2 {
        width: calc((19.86vw + 38.26vh) * 0.3);
        margin-top: calc(50vh + (19.91vh + 11.2vw) * 0.35);
        margin-left: calc(100vw - 26.39vw * 0.95 - 39.81vh * 1.2); }
      main.carbon section.boat-section .boat img.c3 {
        width: calc((19.86vw + 38.26vh) * 0.35);
        margin-top: calc(50vh + (19.91vh + 11.2vw) * 0.5);
        margin-left: calc(100vw - 26.39vw * 0.5 - 39.81vh * 0.3); }
      main.carbon section.boat-section .boat img.ships {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        margin-top: 20vh;
        width: calc((22.39vw + 39.81vh) * 1.2);
        margin-left: calc(100vw - 26.39vw * 1.2 - 39.81vh * 1.2);
        opacity: 0; }
  main.carbon section.first {
    width: 100%;
    position: absolute;
    margin-top: 27vh;
    top: 0;
    left: 0;
    transition: 0.5s; }
    main.carbon section.first .title {
      opacity: 0; }
      main.carbon section.first .title img {
        height: 33.88px;
        margin-left: calc((4.1vw + 7.9vh) * 1.1);
        opacity: 0; }
      main.carbon section.first .title p {
        text-shadow: #9397a4 0px 0px 60px;
        color: #ffffff00;
        margin: 0;
        margin-left: calc(4.1vw + 7.9vh); }
      @media (max-width: 1024px) {
        main.carbon section.first .title img {
          margin-left: 55px;
          height: 27px; }
        main.carbon section.first .title p {
          margin-left: 50px; } }
  main.carbon .paragraphs {
    position: absolute;
    top: 100vh;
    left: 0;
    width: 60vw;
    margin-left: 8.54vw; }
    main.carbon .paragraphs section.second {
      width: 49vw;
      margin-top: 30vh; }
    main.carbon .paragraphs section.third,
    main.carbon .paragraphs section.fourth {
      margin-top: 50vh; }
      main.carbon .paragraphs section.third p,
      main.carbon .paragraphs section.fourth p {
        width: 30vw; }
      main.carbon .paragraphs section.third p.text,
      main.carbon .paragraphs section.fourth p.text {
        width: 420px; }
    main.carbon .paragraphs section.second p,
    main.carbon .paragraphs section.third p,
    main.carbon .paragraphs section.fourth p {
      font: normal 2vw/3.4vw BiennaleRegular;
      color: white; }
    main.carbon .paragraphs section.second p.text,
    main.carbon .paragraphs section.third p.text,
    main.carbon .paragraphs section.fourth p.text {
      font: normal 22px/35px BiennaleRegular;
      color: white; }
    main.carbon .paragraphs section.third p,
    main.carbon .paragraphs section.fourth p {
      font: normal 2vw/2.8vw BiennaleRegular;
      color: #9397a4; }
    @media (max-width: 1600px) {
      main.carbon .paragraphs section.second p,
      main.carbon .paragraphs section.third p,
      main.carbon .paragraphs section.fourth p {
        font: normal 2.5vw/3.6vw BiennaleRegular; }
      main.carbon .paragraphs section.second p.text,
      main.carbon .paragraphs section.third p.text,
      main.carbon .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1400px) {
      main.carbon .paragraphs section.third p.text,
      main.carbon .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1024px) {
      main.carbon .paragraphs section.second p.text,
      main.carbon .paragraphs section.third p.text,
      main.carbon .paragraphs section.fourth p.text {
        width: 340px;
        font: normal 15px/22px BiennaleRegular; } }
    @media (max-width: 768px) {
      main.carbon .paragraphs section.second p.text,
      main.carbon .paragraphs section.third p.text,
      main.carbon .paragraphs section.fourth p.text {
        font: normal 16px/27px BiennaleRegular; } }
  @media (max-width: 1024px) {
    main.carbon .paragraphs {
      margin-left: 50px; } }
  @media (max-width: 768px) {
    main.carbon .paragraphs {
      margin-left: 8vw; } }

@media (max-width: 767px) {
  main.carbon {
    height: calc(200vh + 200vw);
    overflow: hidden; }
    main.carbon section.first .title p {
      text-shadow: #9397a4 0px 0px 0px; }
    main.carbon section.first .title img {
      height: 3vw;
      opacity: 1; }
    main.carbon section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #9397a4) no-repeat;
      opacity: 0.1; }
    main.carbon section.boat-section .checkmark {
      border-radius: 50%;
      background-color: #68C700;
      border: 1px solid #707070;
      position: absolute;
      padding: 4.5vw;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 4;
      margin-top: 20vw;
      margin-left: 20vw; }
      main.carbon section.boat-section .checkmark i {
        color: white;
        font-size: 7.3vw; }
    main.carbon section.boat-section .boat {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0; }
      main.carbon section.boat-section .boat img.boat-img, main.carbon section.boat-section .boat .emissions img {
        position: absolute;
        top: 0;
        left: 0;
        width: 180vw;
        height: auto;
        margin-top: -600vw;
        opacity: 0.7;
        margin-left: -24vw;
        z-index: 2; }
      main.carbon section.boat-section .boat .emissions img {
        opacity: 0.5; }
      main.carbon section.boat-section .boat img.boat-mini-img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((3.63vw + 6.99vh) * 1.2);
        height: calc((13.41vw + 25.84vh) * 1.2);
        margin-top: 35vh;
        margin-left: calc((19.86vw + 38.26vh) * 0.47 + 29vw);
        opacity: 1; }
      main.carbon section.boat-section .boat img.randar-img {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: calc((22.39vw + 39.81vh) * 0.9 / 2);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 0.9);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.998);
        width: calc((22.39vw + 39.81vh) * 0.9);
        height: calc((22.39vw + 39.81vh) * 0.9);
        transform: rotate(-65deg);
        opacity: 0; }
      main.carbon section.boat-section .boat .circle-text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        margin-top: calc((22.39vw + 39.81vh) * 0.9 * 0.5);
        margin-left: 0;
        z-index: 3; }
        main.carbon section.boat-section .boat .circle-text p {
          position: absolute;
          width: 100vw;
          top: 0;
          left: 0;
          color: white;
          text-align: center;
          opacity: 0; }
        main.carbon section.boat-section .boat .circle-text .p1 {
          margin-top: -4px;
          padding-left: 0; }
        main.carbon section.boat-section .boat .circle-text .p2 {
          margin-top: -1px;
          padding-left: 0; }
      main.carbon section.boat-section .boat img.cloud {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        opacity: 0; }
      main.carbon section.boat-section .boat img.c1 {
        width: calc((19.86vw + 38.26vh) * 0.4);
        margin-top: 55px;
        margin-left: 2vw; }
      main.carbon section.boat-section .boat img.c2 {
        width: calc((19.86vw + 38.26vh) * 0.3);
        margin-top: 35vh;
        margin-left: 10vw; }
      main.carbon section.boat-section .boat img.c3 {
        width: calc((19.86vw + 38.26vh) * 0.35);
        margin-top: 30vh;
        margin-left: 60vw; }
      main.carbon section.boat-section .boat img.ships {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        margin-top: 10vh;
        width: 80vw;
        margin-left: 10vw;
        opacity: 0; }
    main.carbon .mobile {
      position: static;
      top: 153vh;
      width: 100%;
      height: 50vh;
      opacity: 0; }
      main.carbon .mobile .paragraphs {
        position: static;
        top: 0;
        left: 0;
        width: auto;
        margin-left: 0;
        display: flex; }
        main.carbon .mobile .paragraphs section.second,
        main.carbon .mobile .paragraphs section.third,
        main.carbon .mobile .paragraphs section.fourth {
          width: 90vw;
          flex-shrink: 0;
          position: static;
          margin-top: 0;
          margin: 0 5vw; }
          main.carbon .mobile .paragraphs section.second p,
          main.carbon .mobile .paragraphs section.third p,
          main.carbon .mobile .paragraphs section.fourth p {
            width: 100%;
            font: normal 5.4vw/7vw BiennaleRegular; }
          main.carbon .mobile .paragraphs section.second p.text,
          main.carbon .mobile .paragraphs section.third p.text,
          main.carbon .mobile .paragraphs section.fourth p.text {
            font: normal 4.1vw/6.3vw BiennaleRegular; }
          main.carbon .mobile .paragraphs section.second p.title,
          main.carbon .mobile .paragraphs section.third p.title,
          main.carbon .mobile .paragraphs section.fourth p.title {
            font: normal 5.4vw/7vw BiennaleRegular; } }
main.data {
  width: 100vw;
  height: 400vh;
  margin: 0;
  padding: 0 0;
  background-color: #0e141f;
  overflow: hidden; }
  main.data section.boat-section {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    main.data section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #A67FD8) no-repeat;
      opacity: 0.1; }
    main.data section.boat-section .screen {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      opacity: 0.2; }
      main.data section.boat-section .screen .screen-back {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0; }
        main.data section.boat-section .screen .screen-back img {
          width: calc((11.68vw + 9.51vh) * 3);
          height: calc((6.26vw + 12.89vh) * 3);
          margin-top: calc(80vh - (6.26vw + 12.89vh) * 2.545);
          margin-left: 44vw;
          position: absolute;
          top: 0;
          left: 0; }
      main.data section.boat-section .screen .screen-inside, main.data section.boat-section .screen .screen-inside2 {
        opacity: 1;
        top: 0;
        left: 0;
        z-index: 0;
        position: absolute; }
        main.data section.boat-section .screen .screen-inside img, main.data section.boat-section .screen .screen-inside2 img {
          width: calc((11.68vw + 9.51vh) * 3);
          height: calc((6.26vw + 12.89vh) * 3);
          margin-top: calc(80vh - (6.26vw + 12.89vh) * 2.545);
          margin-left: 44vw; }
      main.data section.boat-section .screen .screen-inside2 img {
        opacity: 0; }
    main.data section.boat-section .boat {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0; }
      main.data section.boat-section .boat img.boat-img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((0.4*11.68vw + 0.4*9.51vh) * 0.9);
        height: calc((2*6.26vw + 2*12.89vh) * 0.9);
        margin-top: calc(80vh - (6.26vw + 12.89vh) * 2.34);
        margin-left: calc(44vw + (11.68vw + 9.51vh) * 1.35);
        opacity: 1;
        z-index: 2; }
      main.data section.boat-section .boat .line {
        overflow: hidden;
        background: url(../images/DataWatch/line.svg) no-repeat left;
        background-size: auto 100%;
        opacity: 0;
        width: 0; }
      main.data section.boat-section .boat p.delays {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((22.39vw + 39.81vh) * 0.8);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.95);
        margin-top: 35vh;
        text-align: center;
        z-index: 2; }
      main.data section.boat-section .boat .fakos-text {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((22.39vw + 39.81vh) * 0.8);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.97);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 0.5);
        text-align: center;
        z-index: 2; }
  main.data section.first {
    width: 100%;
    position: absolute;
    margin-top: 27vh;
    top: 0;
    left: 0;
    transition: 0.5s; }
    main.data section.first .title {
      opacity: 0; }
      main.data section.first .title img {
        height: 33.88px;
        margin-left: calc(4.1vw + 7.9vh);
        opacity: 0; }
      main.data section.first .title p {
        text-shadow: #2dcbcb 0px 0px 60px;
        color: #ffffff00;
        margin: 0;
        margin-left: calc(4.1vw + 7.9vh); }
      @media (max-width: 1024px) {
        main.data section.first .title img {
          margin-left: 55px;
          height: 27px; }
        main.data section.first .title p {
          margin-left: 50px; } }
  main.data .paragraphs {
    position: absolute;
    top: 100vh;
    left: 0;
    width: 60vw;
    margin-left: 8.54vw; }
    main.data .paragraphs section.second {
      width: 49vw;
      margin-top: 30vh; }
    main.data .paragraphs section.third,
    main.data .paragraphs section.fourth {
      margin-top: 50vh; }
      main.data .paragraphs section.third p,
      main.data .paragraphs section.fourth p {
        width: 30vw; }
      main.data .paragraphs section.third p.text,
      main.data .paragraphs section.fourth p.text {
        width: 420px; }
    main.data .paragraphs section.second p,
    main.data .paragraphs section.third p,
    main.data .paragraphs section.fourth p {
      font: normal 2vw/3.4vw BiennaleRegular;
      color: white; }
    main.data .paragraphs section.second p.text,
    main.data .paragraphs section.third p.text,
    main.data .paragraphs section.fourth p.text {
      font: normal 22px/35px BiennaleRegular;
      color: white; }
    main.data .paragraphs section.third p,
    main.data .paragraphs section.fourth p {
      font: normal 2vw/2.8vw BiennaleRegular;
      color: #2dcbcb; }
    @media (max-width: 1600px) {
      main.data .paragraphs section.second p,
      main.data .paragraphs section.third p,
      main.data .paragraphs section.fourth p {
        font: normal 2.5vw/3.6vw BiennaleRegular; }
      main.data .paragraphs section.second p.text,
      main.data .paragraphs section.third p.text,
      main.data .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1400px) {
      main.data .paragraphs section.third p.text,
      main.data .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1024px) {
      main.data .paragraphs section.second p.text,
      main.data .paragraphs section.third p.text,
      main.data .paragraphs section.fourth p.text {
        width: 340px;
        font: normal 15px/22px BiennaleRegular; } }
    @media (max-width: 768px) {
      main.data .paragraphs section.second p.text,
      main.data .paragraphs section.third p.text,
      main.data .paragraphs section.fourth p.text {
        font: normal 16px/27px BiennaleRegular; } }
  @media (max-width: 1024px) {
    main.data .paragraphs {
      margin-left: 50px; } }
  @media (max-width: 768px) {
    main.data .paragraphs {
      margin-left: 8vw; } }

@media (max-width: 767px) {
  main.data {
    height: calc(200vh + 200vw);
    overflow: hidden; }
    main.data section.first .title p {
      text-shadow: #A67FD8 0px 0px 0px; }
    main.data section.first .title img {
      height: 3vw;
      opacity: 1; }
    main.data section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #A67FD8) no-repeat;
      opacity: 0.1; }
    main.data section.boat-section .boat img.boat-img {
      width: 10vw;
      margin-left: 46vw;
      margin-top: calc(8vh + 17px);
      height: auto;
      opacity: 1; }
    main.data section.boat-section .boat p.delays {
      opacity: 0; }
    main.data section.boat-section .screen {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      opacity: 1; }
      main.data section.boat-section .screen .screen-back img {
        width: 78vw;
        margin-left: 11vw;
        margin-top: 8vh;
        height: auto; }
      main.data section.boat-section .screen .screen-inside img, main.data section.boat-section .screen .screen-inside2 img {
        width: 78vw;
        margin-left: 11vw;
        margin-top: 8vh;
        height: auto; }
      main.data section.boat-section .screen .screen-inside2 img {
        opacity: 0; }
    main.data .mobile {
      position: static;
      top: 153vh;
      width: 100%;
      height: 50vh;
      opacity: 0; }
      main.data .mobile .paragraphs {
        position: static;
        top: 0;
        left: 0;
        width: auto;
        margin-left: 0;
        display: flex; }
        main.data .mobile .paragraphs section.second,
        main.data .mobile .paragraphs section.third,
        main.data .mobile .paragraphs section.fourth {
          width: 90vw;
          flex-shrink: 0;
          position: static;
          margin-top: 0;
          margin: 0 5vw; }
          main.data .mobile .paragraphs section.second p,
          main.data .mobile .paragraphs section.third p,
          main.data .mobile .paragraphs section.fourth p {
            width: 100%;
            font: normal 5.4vw/7vw BiennaleRegular; }
          main.data .mobile .paragraphs section.second p.text,
          main.data .mobile .paragraphs section.third p.text,
          main.data .mobile .paragraphs section.fourth p.text {
            font: normal 4.1vw/6.3vw BiennaleRegular; }
          main.data .mobile .paragraphs section.second p.title,
          main.data .mobile .paragraphs section.third p.title,
          main.data .mobile .paragraphs section.fourth p.title {
            font: normal 5.4vw/7vw BiennaleRegular; } }
main.voyage {
  width: 100vw;
  height: 430vh;
  margin: 0;
  padding: 0 0;
  background-color: #0e141f;
  overflow: hidden; }
  main.voyage section.boat-section {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    main.voyage section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #48c9c4) no-repeat;
      opacity: 0.1; }
    main.voyage section.boat-section .boat {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0; }
      main.voyage section.boat-section .boat img.boat-img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((19.86vw + 38.26vh) * 0.2);
        height: calc((75.38vw + 145.2vh) * 0.2);
        margin-top: calc(80vh - (75.38vw + 145.2vh) * 0.145);
        margin-left: 63vw;
        opacity: 1;
        z-index: 2; }
      main.voyage section.boat-section .boat .line {
        overflow: hidden;
        background: url(../images/line.svg) no-repeat left;
        background-size: auto 100%;
        opacity: 0;
        width: 0; }
      main.voyage section.boat-section .boat p.delays {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((22.39vw + 39.81vh) * 0.8);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.95);
        margin-top: 35vh;
        text-align: center;
        z-index: 2; }
      main.voyage section.boat-section .boat .fakos {
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/fakos.svg) no-repeat center;
        background-size: auto 100%;
        width: calc((22.39vw + 39.81vh) * 1.94);
        height: calc((22.39vw + 39.81vh) * 1.94);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 1.4696);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 1.947);
        opacity: 0; }
      main.voyage section.boat-section .boat .fakos-text {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((22.39vw + 39.81vh) * 0.8);
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.97);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 0.5);
        text-align: center;
        z-index: 2; }
  main.voyage .satelite {
    position: absolute;
    top: 0;
    left: 50vw;
    width: 50vw;
    height: 70vh;
    z-index: 2;
    overflow: hidden; }
    main.voyage .satelite .satelite-img {
      position: absolute;
      top: 0;
      left: 0;
      background: url(../images/Satelite1.png) no-repeat center;
      width: calc(39vw);
      height: calc(32vw);
      background-size: 100% auto;
      transform: rotate(62deg);
      margin-top: calc(80vh - (75.38vw + 145.2vh) * 0.261);
      margin-left: 6vw; }
  main.voyage section.first {
    width: 100%;
    position: absolute;
    margin-top: 27vh;
    top: 0;
    left: 0;
    transition: 0.5s; }
    main.voyage section.first .title {
      opacity: 0; }
      main.voyage section.first .title img {
        height: 33.88px;
        margin-left: calc(4.1vw + 7.9vh);
        opacity: 0; }
      main.voyage section.first .title p {
        text-shadow: #2dcbcb 0px 0px 60px;
        color: #ffffff00;
        margin: 0;
        margin-left: calc(4.1vw + 7.9vh); }
      @media (max-width: 1024px) {
        main.voyage section.first .title img {
          margin-left: 55px;
          height: 27px; }
        main.voyage section.first .title p {
          margin-left: 50px; } }
  main.voyage .paragraphs {
    position: absolute;
    top: 100vh;
    left: 0;
    width: 60vw;
    margin-left: 8.54vw; }
    main.voyage .paragraphs section.second {
      width: 49vw;
      margin-top: 30vh; }
    main.voyage .paragraphs section.third,
    main.voyage .paragraphs section.fourth {
      margin-top: 50vh; }
      main.voyage .paragraphs section.third p,
      main.voyage .paragraphs section.fourth p {
        width: 30vw; }
      main.voyage .paragraphs section.third p.text,
      main.voyage .paragraphs section.fourth p.text {
        width: 420px; }
    main.voyage .paragraphs section.second p,
    main.voyage .paragraphs section.third p,
    main.voyage .paragraphs section.fourth p {
      font: normal 2vw/3.4vw BiennaleRegular;
      color: white; }
    main.voyage .paragraphs section.second p.text,
    main.voyage .paragraphs section.third p.text,
    main.voyage .paragraphs section.fourth p.text {
      font: normal 22px/35px BiennaleRegular;
      color: white; }
    main.voyage .paragraphs section.third p,
    main.voyage .paragraphs section.fourth p {
      font: normal 2vw/2.8vw BiennaleRegular;
      color: #2dcbcb; }
    @media (max-width: 1600px) {
      main.voyage .paragraphs section.second p,
      main.voyage .paragraphs section.third p,
      main.voyage .paragraphs section.fourth p {
        font: normal 2.5vw/3.6vw BiennaleRegular; }
      main.voyage .paragraphs section.second p.text,
      main.voyage .paragraphs section.third p.text,
      main.voyage .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1400px) {
      main.voyage .paragraphs section.third p.text,
      main.voyage .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1024px) {
      main.voyage .paragraphs section.second p.text,
      main.voyage .paragraphs section.third p.text,
      main.voyage .paragraphs section.fourth p.text {
        width: 340px;
        font: normal 15px/22px BiennaleRegular; } }
    @media (max-width: 768px) {
      main.voyage .paragraphs section.second p.text,
      main.voyage .paragraphs section.third p.text,
      main.voyage .paragraphs section.fourth p.text {
        font: normal 16px/27px BiennaleRegular; } }
  @media (max-width: 1024px) {
    main.voyage .paragraphs {
      margin-left: 50px; } }
  @media (max-width: 768px) {
    main.voyage .paragraphs {
      margin-left: 8vw; } }

@media (max-width: 767px) {
  main.voyage {
    height: calc(200vh + 200vw);
    overflow: hidden; }
    main.voyage section.first .title p {
      text-shadow: #2dcbcb 0px 0px 0px; }
    main.voyage section.first .title img {
      height: 3vw;
      opacity: 1; }
    main.voyage section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #48c9c4) no-repeat;
      opacity: 0.1; }
    main.voyage section.boat-section .boat img.boat-img {
      width: calc((19.86vw + 38.26vh) * 0.35);
      height: calc((75.38vw + 145.2vh) * 0.35);
      margin-top: calc(80vh - (75.38vw + 145.2vh) * 0.33);
      margin-left: 25vw;
      opacity: 0.3; }
    main.voyage section.boat-section .boat p.delays {
      opacity: 0; }
    main.voyage section.boat-section .boat .fakos-text {
      opacity: 0; }
    main.voyage .satelite {
      width: 100vw;
      left: 0; }
      main.voyage .satelite .satelite-img {
        width: calc(121vw);
        height: calc(76vw);
        margin-top: calc(80vh - (75.38vw + 145.2vh) * 0.4);
        margin-left: 3vw; }
    main.voyage .mobile {
      position: static;
      top: 153vh;
      width: 100%;
      height: 50vh;
      opacity: 0; }
      main.voyage .mobile .paragraphs {
        position: static;
        top: 0;
        left: 0;
        width: auto;
        margin-left: 0;
        display: flex; }
        main.voyage .mobile .paragraphs section.second,
        main.voyage .mobile .paragraphs section.third,
        main.voyage .mobile .paragraphs section.fourth {
          width: 90vw;
          flex-shrink: 0;
          position: static;
          margin-top: 0;
          margin: 0 5vw; }
          main.voyage .mobile .paragraphs section.second p,
          main.voyage .mobile .paragraphs section.third p,
          main.voyage .mobile .paragraphs section.fourth p {
            width: 100%;
            font: normal 5.4vw/7vw BiennaleRegular; }
          main.voyage .mobile .paragraphs section.second p.text,
          main.voyage .mobile .paragraphs section.third p.text,
          main.voyage .mobile .paragraphs section.fourth p.text {
            font: normal 4.1vw/6.3vw BiennaleRegular; }
          main.voyage .mobile .paragraphs section.second p.title,
          main.voyage .mobile .paragraphs section.third p.title,
          main.voyage .mobile .paragraphs section.fourth p.title {
            font: normal 5.4vw/7vw BiennaleRegular; } }
main.hull {
  width: 100vw;
  height: 500vh;
  margin: 0;
  padding: 0 0;
  background-color: #0e141f;
  overflow: hidden; }
  main.hull section.boat-section {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    main.hull section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #fe9914) no-repeat;
      opacity: 0.1; }
    main.hull section.boat-section .boat {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0; }
      main.hull section.boat-section .boat .boat-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 70vw;
        background: url(../images/Ship-tanker2.png) no-repeat center;
        background-size: auto 100%;
        height: 300vh;
        margin-top: -205vh;
        opacity: 1;
        margin-left: 40vw;
        z-index: 2; }
      main.hull section.boat-section .boat .big-text {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(22.39vw + 39.81vh);
        margin-left: calc(100vw - 22.39vw - 39.81vh - 8.33vw);
        margin-top: calc(58vh - (19.91vh + 11.2vw) * 0.55);
        text-align: center;
        z-index: 2; }
      main.hull section.boat-section .boat .small-text {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: calc(100vw - (26.39vw + 39.81vh) * 0.95);
        width: calc((22.39vw + 39.81vh) * 0.8);
        margin-top: calc(50vh - (19.91vh + 11.2vw) * 0.35);
        text-align: center;
        z-index: 2; }
      main.hull section.boat-section .boat .dive1 {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((9.25vw + 19.14vh) * 0.15);
        height: calc((6.25vw + 12.94vh) * 0.15);
        background: url(../images/dive83.gif) no-repeat center;
        background-size: auto 100%;
        margin-left: calc(100vw - 22.39vw - 8.33vw + 9.25vw * 0.4 - 39.81vh + 19.14vh * 0.4);
        margin-top: calc((13.04vw + 43.14vh) * 0.8);
        z-index: 2;
        opacity: 0; }
      main.hull section.boat-section .boat .dive2 {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((9.25vw + 19.14vh) * 0.17);
        height: calc((6.25vw + 12.94vh) * 0.17);
        background: url(../images/dive83.gif) no-repeat center;
        background-size: auto 100%;
        transform: scaleX(-1);
        margin-top: calc((28.25vw + 37.75vh) * 0.7);
        margin-left: calc(100vw - 8.33vw - (9.25vw + 19.14vh) * 0.8);
        z-index: 2;
        opacity: 0; }
  main.hull section.first {
    width: 100%;
    margin-top: 27vh;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s; }
    main.hull section.first .title {
      opacity: 0; }
      main.hull section.first .title img {
        height: 33.88px;
        margin-left: calc((4.1vw + 7.9vh) * 1.1);
        opacity: 0; }
      main.hull section.first .title p {
        text-shadow: #fe9914 0px 0px 60px;
        color: #ffffff00;
        margin: 0;
        margin-left: calc(4.1vw + 7.9vh); }
      @media (max-width: 1024px) {
        main.hull section.first .title img {
          margin-left: 55px;
          height: 27px; }
        main.hull section.first .title p {
          margin-left: 50px; } }
  main.hull .paragraphs {
    position: absolute;
    top: 100vh;
    left: 0;
    width: 60vw;
    margin-left: 8.54vw; }
    main.hull .paragraphs section.second {
      width: 49vw;
      margin-top: 30vh; }
    main.hull .paragraphs section.third,
    main.hull .paragraphs section.fourth {
      margin-top: 50vh; }
      main.hull .paragraphs section.third p,
      main.hull .paragraphs section.fourth p {
        width: 30vw; }
      main.hull .paragraphs section.third p.text,
      main.hull .paragraphs section.fourth p.text {
        width: 420px; }
    main.hull .paragraphs section.second p,
    main.hull .paragraphs section.third p,
    main.hull .paragraphs section.fourth p {
      font: normal 2vw/3.4vw BiennaleRegular;
      color: white; }
    main.hull .paragraphs section.second p.text,
    main.hull .paragraphs section.third p.text,
    main.hull .paragraphs section.fourth p.text {
      font: normal 22px/35px BiennaleRegular;
      color: white; }
    main.hull .paragraphs section.third p,
    main.hull .paragraphs section.fourth p {
      font: normal 2vw/2.8vw BiennaleRegular;
      color: #fe9914; }
    @media (max-width: 1600px) {
      main.hull .paragraphs section.second p,
      main.hull .paragraphs section.third p,
      main.hull .paragraphs section.fourth p {
        font: normal 2.5vw/3.6vw BiennaleRegular; }
      main.hull .paragraphs section.second p.text,
      main.hull .paragraphs section.third p.text,
      main.hull .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1400px) {
      main.hull .paragraphs section.third p.text,
      main.hull .paragraphs section.fourth p.text {
        font: normal 17px/33px BiennaleRegular; } }
    @media (max-width: 1024px) {
      main.hull .paragraphs section.second p.text,
      main.hull .paragraphs section.third p.text,
      main.hull .paragraphs section.fourth p.text {
        width: 340px;
        font: normal 15px/22px BiennaleRegular; } }
    @media (max-width: 768px) {
      main.hull .paragraphs section.second p.text,
      main.hull .paragraphs section.third p.text,
      main.hull .paragraphs section.fourth p.text {
        font: normal 16px/27px BiennaleRegular; } }
  @media (max-width: 1024px) {
    main.hull .paragraphs {
      margin-left: 50px; } }
  @media (max-width: 768px) {
    main.hull .paragraphs {
      margin-left: 8vw; } }
  main.hull section.fifth {
    width: 100vw;
    position: absolute;
    top: 400vh;
    left: 0;
    background-color: #0e141f; }
    main.hull section.fifth p.title {
      position: relative;
      top: 0;
      left: 0;
      font: normal 2.5vw/3vw BiennaleRegular;
      color: #fe9914;
      width: 100%;
      margin-top: 4.07vh;
      text-align: center; }
    main.hull section.fifth .chart {
      position: relative;
      top: 0;
      left: 0;
      display: flex;
      width: 100vw; }
      main.hull section.fifth .chart div {
        flex-shrink: 0;
        background: #0e141f 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 99px #000000a7; }
      main.hull section.fifth .chart img {
        width: 100%; }
      main.hull section.fifth .chart .performance {
        width: 5.364vw;
        z-index: 4; }
        main.hull section.fifth .chart .performance p {
          transform: rotate(-90deg);
          margin: 0;
          position: absolute;
          top: 0;
          left: 0;
          margin-top: 35vh;
          margin-left: calc(3.3vw - 85px); }
        @media (max-width: 2450px) {
          main.hull section.fifth .chart .performance p {
            margin-left: calc(4.3vw - 85px); } }
        @media (max-width: 1400px) {
          main.hull section.fifth .chart .performance p {
            margin-left: calc(5vw - 85px); } }
        @media (max-width: 1080px) {
          main.hull section.fifth .chart .performance p {
            margin-left: calc(5.7vw - 85px); } }
      main.hull section.fifth .chart .dock {
        width: 44.791vw;
        z-index: 3;
        overflow: hidden; }
        main.hull section.fifth .chart .dock .line {
          background-color: #80c41c;
          height: 0.5vw;
          width: 106%;
          margin-left: -5%;
          margin-top: 35vh; }
        main.hull section.fifth .chart .dock p {
          width: 43.791vw;
          position: absolute;
          bottom: 0; }
      main.hull section.fifth .chart .polish {
        width: 24.87vw;
        z-index: 2;
        overflow: hidden; }
        main.hull section.fifth .chart .polish .line {
          background-color: #fe9914;
          height: 0.5vw;
          width: 110%;
          margin-left: -5%;
          margin-top: 35vh; }
        main.hull section.fifth .chart .polish p {
          width: 23.87vw;
          position: absolute;
          bottom: 0; }
      main.hull section.fifth .chart .cleaning {
        width: 24.87vw;
        z-index: 1;
        overflow: hidden; }
        main.hull section.fifth .chart .cleaning .line {
          background-color: #2dcbcb;
          height: 0.5vw;
          width: 110%;
          margin-left: -5%;
          margin-top: 35vh; }
        main.hull section.fifth .chart .cleaning p {
          width: 23.87vw;
          position: absolute;
          bottom: 0; }
      main.hull section.fifth .chart p {
        font: normal 20px/30px BiennaleRegular;
        color: white;
        margin-top: 25vh;
        margin-right: 2vw;
        text-align: end; }
    main.hull section.fifth p.time {
      position: absolute;
      bottom: 3vh;
      left: 0;
      font: normal 20px/30px BiennaleRegular;
      color: white;
      margin: 0;
      margin-left: 48.43vw;
      z-index: 3; }
  @media (max-width: 767px) {
    main.hull section.fifth {
      width: 100vw;
      height: 50vh;
      position: absolute;
      top: calc(200vh + 200vw);
      left: 0; }
      main.hull section.fifth p.title {
        position: absolute;
        top: 0;
        left: 0;
        font: normal 4.7vw/7vw BiennaleRegular;
        color: #fe9914;
        width: 100%;
        margin-top: 2.5vh;
        text-align: center; }
      main.hull section.fifth .chart {
        position: absolute;
        top: 8vh;
        left: 0;
        display: flex;
        width: 100vw;
        height: 73.33%; }
        main.hull section.fifth .chart div {
          flex-shrink: 0;
          background: #0e141f 0% 0% no-repeat padding-box;
          box-shadow: 0px 3px 99px #000000a7; }
        main.hull section.fifth .chart .performance {
          width: 5.364vw;
          z-index: 4; }
          main.hull section.fifth .chart .performance p {
            transform: rotate(-90deg);
            margin: 0;
            position: absolute;
            top: 0;
            left: 0;
            margin-top: 19vh;
            margin-left: -20px;
            font-size: 3vw; }
        main.hull section.fifth .chart .dock {
          width: 44.7vw;
          z-index: 3; }
          main.hull section.fifth .chart .dock .line {
            background-color: #80c41c;
            height: 0.5vw;
            width: 106%;
            margin-left: -5%;
            margin-top: 20vh; }
        main.hull section.fifth .chart .polish {
          width: 24.7vw;
          z-index: 2; }
          main.hull section.fifth .chart .polish .line {
            background-color: #fe9914;
            height: 0.5vw;
            width: 110%;
            margin-left: -5%;
            margin-top: 20vh; }
        main.hull section.fifth .chart .cleaning {
          width: 24.8vw;
          z-index: 1; }
          main.hull section.fifth .chart .cleaning .line {
            background-color: #2dcbcb;
            height: 0.5vw;
            width: 110%;
            margin-left: -5%;
            margin-top: 20vh; }
        main.hull section.fifth .chart p {
          font: normal 3vw/4.2vw BiennaleRegular;
          color: white;
          margin-top: 10vh;
          margin-right: 2vw;
          text-align: end; }
      main.hull section.fifth p.time {
        position: absolute;
        bottom: 2.3vh;
        left: 0;
        font: normal 3vw/2.3vw BiennaleRegular;
        color: white;
        margin: 0;
        margin-left: 48.43vw; } }

@media (max-width: 767px) {
  main.hull {
    height: calc(250vh + 200vw);
    overflow: hidden; }
    main.hull section.first .title p {
      text-shadow: #fe9914 0px 0px 0px; }
    main.hull section.first .title img {
      height: 3vw;
      opacity: 1; }
    main.hull section.boat-section .bg-shape {
      width: 100%;
      height: 100vh;
      background: linear-gradient(#273b89, #fe9914) no-repeat;
      opacity: 0.1; }
    main.hull section.boat-section .boat {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0; }
      main.hull section.boat-section .boat .boat-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 80vw;
        background: url(../images/Ship-tanker2.png) no-repeat center;
        background-size: auto 100%;
        height: 178vh;
        margin-top: -113vh;
        opacity: 0.7;
        margin-left: 20vw;
        z-index: 2; }
    main.hull .mobile {
      position: static;
      top: 153vh;
      width: 100%;
      height: 50vh;
      opacity: 0; }
      main.hull .mobile .paragraphs {
        position: static;
        top: 0;
        left: 0;
        width: auto;
        margin-left: 0;
        display: flex; }
        main.hull .mobile .paragraphs section.second,
        main.hull .mobile .paragraphs section.third,
        main.hull .mobile .paragraphs section.fourth {
          width: 90vw;
          flex-shrink: 0;
          position: static;
          margin-top: 0;
          margin: 0 5vw; }
          main.hull .mobile .paragraphs section.second p,
          main.hull .mobile .paragraphs section.third p,
          main.hull .mobile .paragraphs section.fourth p {
            width: 100%;
            font: normal 5.4vw/7vw BiennaleRegular; }
          main.hull .mobile .paragraphs section.second p.text,
          main.hull .mobile .paragraphs section.third p.text,
          main.hull .mobile .paragraphs section.fourth p.text {
            font: normal 4.1vw/6.3vw BiennaleRegular; }
          main.hull .mobile .paragraphs section.second p.title,
          main.hull .mobile .paragraphs section.third p.title,
          main.hull .mobile .paragraphs section.fourth p.title {
            font: normal 5.4vw/7vw BiennaleRegular; } }
main.plain {
  background-color: #0e141f; }
  main.plain section.plain-intro .section-in {
    color: white;
    font-family: BiennaleRegular;
    padding: 141px 0;
    margin: 0 auto;
    width: 90%;
    max-width: 1000px; }
    main.plain section.plain-intro .section-in a {
      color: #81c41c; }
    main.plain section.plain-intro .section-in .title h2 {
      font-weight: 500;
      font-size: 3em; }
    main.plain section.plain-intro .section-in .content p {
      line-height: 1.6; }
    main.plain section.plain-intro .section-in .content h4, main.plain section.plain-intro .section-in .content h5, main.plain section.plain-intro .section-in .content h3 {
      font-weight: 600; }
    main.plain section.plain-intro .section-in .content h4 {
      font-size: 1.7em; }
    main.plain section.plain-intro .section-in .content h3 {
      font-size: 2em; }
    main.plain section.plain-intro .section-in .content h5 {
      font-size: 1.4em; }
  main.plain .tablepress .odd td {
    background-color: #121927; }
  main.plain .tablepress .even td {
    background-color: #090c13; }
  main.plain .dataTables_info, main.plain .dataTables_paginate, main.plain .dataTables_length, main.plain .dataTables_filter {
    display: none; }
  main.plain .tablepress tfoot th, main.plain .tablepress thead th {
    background-color: #81c41c; }
  main.plain .tablepress .row-hover tr:hover td {
    background-color: #090c13; }
  main.plain .tablepress .sorting:hover, main.plain .tablepress .sorting_asc, main.plain .tablepress .sorting_desc {
    background-color: #81c41c; }
  main.plain .dataTables_wrapper {
    width: 100%;
    overflow: scroll; }

/* IK */
.desktop-mobile-apps {
  padding-bottom: 1.2vw;
  background-color: rgba(129, 196, 28, 0.89); }
  .desktop-mobile-apps .desktop-mobile-apps__heading {
    color: #04134A;
    font-size: 70px;
    padding-top: 5vw; }
    @media (max-width: 1250px) {
      .desktop-mobile-apps .desktop-mobile-apps__heading {
        padding-top: 6vw; } }
  .desktop-mobile-apps .play-store {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 2vw;
    gap: 12px; }
    .desktop-mobile-apps .play-store div {
      max-width: 240px;
      width: 13.5vw;
      min-width: 150px; }
      .desktop-mobile-apps .play-store div img {
        width: 100%; }
  .desktop-mobile-apps .screenshots {
    display: flex;
    overflow: hidden;
    padding-top: 70px;
    gap: 0px;
    margin-left: -29vw; }
    .desktop-mobile-apps .screenshots .screenshot {
      height: 25vw;
      min-height: 90px; }
      .desktop-mobile-apps .screenshots .screenshot img {
        height: 100%; }

footer h3, .desktop-mobile-apps h3 {
  margin: 0;
  padding: 0;
  text-align: center;
  font: normal normal 105px BiennaleRegular;
  padding-top: 185px;
  color: #071447;
  box-sizing: border-box;
  transition: all 0.1s ease; }

footer {
  width: 100%;
  height: 657px;
  background-color: #81c41c;
  bottom: 0;
  z-index: 2;
  opacity: 0; }
  footer .email {
    width: 466px;
    height: 111px;
    margin-top: 39px;
    margin-left: calc(50vw - 233px);
    transition: all 0.1s ease; }
    footer .email .button,
    footer .email button,
    footer .email input[type="button"],
    footer .email input[type="reset"],
    footer .email input[type="submit"] {
      width: 107px;
      height: 107px;
      border-width: 0px;
      box-sizing: border-box;
      position: fixed;
      border-radius: 50px;
      transition: all 0.1s ease;
      background: url(../images/Button1.png) no-repeat center;
      background-size: 100px 100px;
      cursor: pointer; }
    footer .email p.submit {
      position: absolute;
      right: 0;
      width: 107px;
      height: 107px;
      margin-right: calc(50vw - 224px);
      margin-top: -72px; }
    footer .email .wpcf7 form.invalid .wpcf7-response-output,
    footer .email .wpcf7 form.unaccepted .wpcf7-response-output {
      border: none;
      color: red;
      margin-top: 61px;
      font-family: BiennaleMedium; }
    footer .email .wpcf7-not-valid-tip {
      color: #dc3232;
      font-size: 1em;
      font-weight: normal;
      display: block;
      position: absolute;
      top: 0;
      margin-left: 47px;
      margin-top: -19px;
      font-family: BiennaleMedium; }
    footer .email .wpcf7 form.failed .wpcf7-response-output,
    footer .email .wpcf7 form.aborted .wpcf7-response-output {
      border-color: #dc3232;
      border: none;
      color: red;
      margin-top: 56px;
      font-family: BiennaleMedium; }
    footer .email .wpcf7 form .wpcf7-response-output {
      margin: 57px 0.5em 1em;
      padding: 0.2em 1em;
      border: none;
      font-family: 'BiennaleMedium'; }
  footer .menu {
    margin-top: 115px;
    display: flex;
    transition: all 0.1s ease; }
    footer .menu img {
      width: 251px;
      height: auto;
      margin-left: 59px;
      transition: all 0.1s ease; }
    footer .menu p {
      margin-top: 10px;
      font: normal normal 18px/22px BiennaleRegular;
      color: #071447;
      margin-left: 45px;
      transition: all 0.1s ease; }
    footer .menu #footer-menu {
      margin-top: 10px;
      margin-left: 7px;
      transition: all 0.1s ease;
      position: absolute;
      right: 59px; }
      footer .menu #footer-menu ul {
        padding: 0;
        margin: 0;
        display: flex;
        list-style-type: none;
        transition: all 0.1s ease; }
    footer .menu a {
      color: #071447;
      text-align: center;
      margin: 0 22px;
      text-decoration: none;
      font: normal normal 18px/22px BiennaleRegular;
      transition: all 0.2s ease; }
    footer .menu a:hover {
      color: white; }
  footer #tweeter {
    right: 113px;
    bottom: 48px; }
  footer #linkedin {
    right: 53px;
    bottom: 48px; }
  footer .fab {
    width: 36px;
    height: 36px;
    color: white;
    position: absolute;
    font-size: 36px;
    transition: 0.2s ease;
    cursor: pointer;
    display: none; }
  footer .fab:hover {
    color: #071447; }

@media (max-width: 1920px) {
  .desktop-mobile-apps .screenshots {
    margin-left: -29vw; }
    .desktop-mobile-apps .screenshots .screeshot {
      height: 25vw; } }
@media (max-width: 1600px) {
  .desktop-mobile-apps {
    padding-bottom: 99px; }
    .desktop-mobile-apps .desktop-mobile-apps__heading {
      padding-top: 99px;
      font-size: 50px; }
    .desktop-mobile-apps .screenshots {
      padding-top: 50px; }

  footer {
    height: 540px; }
    footer h3 {
      font-size: 73px;
      padding-top: 99px; }
    footer .email {
      width: 326px;
      height: 78px;
      margin-top: 39px;
      margin-left: calc(50vw - 163px); }
      footer .email input[type="email"] {
        width: 208px;
        margin-left: 24.5px;
        top: 7px;
        font-size: 18px; }
      footer .email .button,
      footer .email button,
      footer .email input[type="button"],
      footer .email input[type="reset"],
      footer .email input[type="submit"] {
        width: 75px;
        height: 75px;
        background-size: 70px 70px; }
      footer .email p.submit {
        width: 75px;
        height: 75px;
        margin-right: calc(50vw - 151px);
        margin-top: -73px; }
      footer .email .wpcf7-not-valid-tip {
        font-size: 12px;
        width: 210px; }
    footer .menu {
      margin-top: 140px; }
      footer .menu p {
        font-size: 16px; }
      footer .menu #footer-menu ul {
        text-align: center;
        position: relative; }
      footer .menu a {
        text-align: center;
        margin: 0 10px;
        font-size: 16px; } }
@media (max-width: 1250px) {
  .desktop-mobile-apps {
    padding-bottom: 99px; }
    .desktop-mobile-apps .desktop-mobile-apps__heading {
      padding-top: 99px;
      font-size: 50px; }
    .desktop-mobile-apps .screenshots {
      padding-top: 50px; }

  footer h3 {
    font-size: 73px;
    padding-top: 99px; }
  footer .email {
    width: 326px;
    height: 78px;
    margin-top: 39px;
    margin-left: calc(50vw - 163px); }
    footer .email input[type="text"] {
      width: 208px;
      margin-left: 24.5px;
      top: 25px;
      font-size: 18px; }
    footer .email input[type="submit"] {
      width: 75px;
      height: 75px;
      background-size: 70px 70px; }
  footer .menu {
    margin-top: 140px; }
    footer .menu p {
      font-size: 16px;
      position: absolute;
      bottom: 72px;
      text-align: center;
      padding: 0;
      margin: 0;
      left: 344px; }
    footer .menu #footer-menu {
      margin-top: 10px;
      margin-left: 0px;
      width: 596px;
      position: absolute;
      bottom: 40px;
      left: 320px; }
      footer .menu #footer-menu ul {
        text-align: center;
        position: relative; }
    footer .menu a {
      color: #071447;
      text-align: center;
      margin: 0 22px;
      font-size: 16px; } }
@media (max-width: 1250px) and (max-width: 1090px) {
  footer .menu p {
    left: 330px; }
  footer .menu #footer-menu {
    left: 322px; }
  footer .menu a {
    margin: 0 6px; } }

@media (max-width: 1024px) {
  .desktop-mobile-apps {
    padding-bottom: 55px; }
    .desktop-mobile-apps .desktop-mobile-apps__heading {
      font-size: 39px; }
    .desktop-mobile-apps .screenshots {
      padding-top: 35px; }

  footer {
    height: 466px; }
    footer h3 {
      font-size: 44px;
      padding-top: 55px; }
    footer .email {
      width: 282px;
      height: 68px;
      margin-left: calc(50vw - 149px);
      margin-top: 18px; }
      footer .email input[type="email"] {
        width: 170px;
        top: 0;
        margin-left: 26px;
        font-size: 16px; }
      footer .email input[type="submit"] {
        width: 68px;
        height: 68px;
        background-size: 65px 65px; }
      footer .email p.submit {
        margin-right: calc(50vw - 130px);
        margin-top: -75px; }
      footer .email .wpcf7-not-valid-tip {
        margin-left: 37px; }
      footer .email .wpcf7 form.failed .wpcf7-response-output,
      footer .email .wpcf7 form.aborted .wpcf7-response-output,
      footer .email .wpcf7 form.invalid .wpcf7-response-output,
      footer .email .wpcf7 form.unaccepted .wpcf7-response-output {
        margin-top: 0; }
      footer .email .wpcf7-not-valid-tip {
        font-size: 10px; }
    footer .menu {
      margin-top: 95px; }
      footer .menu img {
        width: 228px;
        position: relative;
        margin-left: calc(50vw - 114px); }
      footer .menu p {
        font-size: 16px;
        position: absolute;
        bottom: 10px;
        width: 100vw;
        text-align: center;
        padding: 0;
        margin: 0;
        left: 0; }
      footer .menu #tweeter {
        left: calc(50vw - 51px);
        bottom: 150px; }
      footer .menu #linkedin {
        right: calc(50vw - 51px);
        bottom: 150px; }
      footer .menu #footer-menu {
        margin-top: 10px;
        margin-left: 0px;
        width: 100vw;
        position: absolute;
        bottom: 40px;
        left: 0vw; }
        footer .menu #footer-menu ul {
          display: block;
          text-align: center;
          position: relative; }
      footer .menu a {
        color: #071447;
        text-align: center;
        margin: 0 22px;
        font-size: 16px; } }
@media (max-width: 768px) {
  .desktop-mobile-apps .desktop-mobile-apps__heading {
    font-size: 30px; }

  footer h3 {
    font-size: 34px; }
  footer .email {
    width: 225px;
    height: 54.4px;
    margin-left: calc(50vw - 225px / 2);
    margin-top: 18px; }
    footer .email input[type="email"] {
      width: 148px;
      top: -7px;
      margin-left: 16px;
      font-size: 14px; }
    footer .email input[type="submit"] {
      width: 53px;
      height: 53px;
      margin-left: 2px;
      margin-top: 1px;
      background-size: 50px 50px; }
    footer .email p.submit {
      margin-right: calc(50vw - 133px); }
  footer .menu {
    margin-top: 110px; }
    footer .menu img {
      width: 195px;
      height: 35.1px;
      margin-left: calc(50vw - 195px / 2); }
    footer .menu p {
      font-size: 14px; }
    footer .menu #tweeter {
      left: calc(50vw - 40px);
      bottom: 150px; }
    footer .menu #linkedin {
      right: calc(50vw - 40px);
      bottom: 150px; }
    footer .menu .fab {
      width: 28px;
      height: 28px;
      font-size: 26px; }
    footer .menu a {
      font-size: 14px; } }

/*# sourceMappingURL=app.css.map */