/* General */

body {background: #000;}
#page {
    overflow-x: hidden;
}

a:hover {cursor: none;}

.otgs-development-site-front-end {display: none !important;}

/* Line Grid */

.line-grid {
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none; /* if you want clicks to pass through */
    z-index: 10;
    overflow: hidden;
}
.line-grid-inner {
    width: 100vw;
    height: 100vw;
    position: relative;
    aspect-ratio: 1 / 1;
}
.line-grid-cols {
    display: flex;
    flex-direction: row;
}
.grid-cols {
    width: 5vw;
    height: 100%;
    background-image: repeating-linear-gradient(
        to bottom,
        #d1232a,
        #d1232a 10px,
        transparent 10px,
        transparent 14px
    );
    background-position: center;
    background-size: 1px 14px;
    background-repeat: repeat-y;
}
.line-grid-rows {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.line-grid-cols,
.line-grid-rows {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    aspect-ratio: 1 / 1;
}
.grid-rows {
    height: 5vw;
    width: 100%;
    background-image: repeating-linear-gradient(
        to right,
        #d1232a,
        #d1232a 10px,
        transparent 10px,
        transparent 14px
    );
    background-position: center;
    background-size: 14px 1px;
    background-repeat: repeat-x;
}

/* Globe */

.globe-bg {
    width: 100%;
    height: 100vh;
}
.globe-bg svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
    transform-origin: center;
    opacity: 0;
}
.globe-bg svg path {
    fill: #262626;
}

/* Coordinates */

.coordinates-cell {
    padding-bottom: 10px;
    transform-origin: bottom left;
    transition: var(--main-easing);
    animation: coordinatesCellFade 6s infinite;
}
.coordinates-cell::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid var(--main-red);
    bottom: 0;
    left: 0;
    transform-origin: top left;
    transition: var(--main-easing);
    animation: coordinatesCellDotScale 6s infinite;
}
/* Staggered animation delays for up to 10 cells, increase as needed */
.coordinates-cell:nth-child(1) { animation-delay: 0s; }
.coordinates-cell:nth-child(2) { animation-delay: 1s; }
.coordinates-cell:nth-child(3) { animation-delay: 2s; }
.coordinates-cell:nth-child(4) { animation-delay: 3s; }
.coordinates-cell:nth-child(5) { animation-delay: 4s; }
.coordinates-cell:nth-child(6) { animation-delay: 5s; }
.coordinates-cell:nth-child(7) { animation-delay: 6s; }
.coordinates-cell:nth-child(8) { animation-delay: 7s; }
.coordinates-cell:nth-child(9) { animation-delay: 8s; }
.coordinates-cell:nth-child(10) { animation-delay: 9s; }

/* Also delay the ::before animation for the dot */
.coordinates-cell:nth-child(1)::before { animation-delay: 0s; }
.coordinates-cell:nth-child(2)::before { animation-delay: 1s; }
.coordinates-cell:nth-child(3)::before { animation-delay: 2s; }
.coordinates-cell:nth-child(4)::before { animation-delay: 3s; }
.coordinates-cell:nth-child(5)::before { animation-delay: 4s; }
.coordinates-cell:nth-child(6)::before { animation-delay: 5s; }
.coordinates-cell:nth-child(7)::before { animation-delay: 6s; }
.coordinates-cell:nth-child(8)::before { animation-delay: 7s; }
.coordinates-cell:nth-child(9)::before { animation-delay: 8s; }
.coordinates-cell:nth-child(10)::before { animation-delay: 9s; }

/* Dice Style */

.dice-box {
    display: grid;
    grid-template-columns: repeat(3, 20px);
    grid-template-rows: repeat(3, 20px);
    gap: 4px 0px;
    width: max-content;
    height: auto;
    background: transparent;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    transform: translateZ(0);
    will-change: transform;
    /* margin: 10px auto; */
}
.dice-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    display: block;
    position: relative;
}
.dice-dot.active {
    /* background: var(--main-red); */
}
.dice-dot-svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: none;
}
.dice-dot.active .dice-dot-svg {
    opacity: 1;
}

/* Intro Logo */

.intro-row {
    display: grid;
    transform: translateY(-50px);
    opacity: 0;
    gap: 10px;
    grid-template-columns: 1fr 1fr max-content 1fr 1fr;
    justify-content: center;
}
.intro-logo-row svg {
    max-width: 68px;
    max-height: 68px;
    width: 100%;
    height: auto;
    display: block;
}
/* .logo-row-letter svg .morph-start,
.logo-row-letter svg .morph-end {
  stroke: none;
  stroke-width: 2;   
  fill: var(--main-white);
}

.logo-row-letter svg .morph-end {
  display: none;
} */

/* Intro Moto */

.intro-left {width: 100%;}
.intro-right {width: 100%;}
.intro-left-row {
    display: flex;
    justify-content: end;
    gap: 10px;
}
.intro-right-row {
    display: flex;
    gap: 10px;
}
.intro-moto-left-wrap,
.intro-moto-right-wrap {height: 68px;}
.intro-moto-right {
    left: 0;
}
.intro-moto-left {
    right: 0;
}
.intro-moto-right,
.intro-moto-left {
    letter-spacing: 60px;
    width: max-content;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.intro-moto-left {
    text-align: right;
    margin: 0 0 0 auto;
    letter-spacing: 100vw;
}
.intro-right {
    transform: translateX(60vw);
}
.intro-moto-right {
    letter-spacing: 100vw;
}
.intro-moto-row {
    gap: 10px;
    grid-template-columns: 1fr 68px 1fr ;
}
.dice-wrap {
    width: 68px;
    height: 68px;
    position: relative;
}
.dice-wrap .dice-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.intro-logo-row .dice-wrap {
    overflow: hidden;
    opacity: 1;
    width: 0px;
    /* transform: translate(-50%, -50%) rotate(90deg); */
}

/* Preloader */

.preloader {
    left: 0;
    top: 0;
}

/* Cursor */

.cursor {
    position: fixed;
    z-index: 1100;
    transform-origin: 80% 90%;
}
.cursor {
    pointer-events: none;
}

/* Header */

.site-branding {
    width: 100%;
    max-width: 120px;
    position: relative;
    z-index: 100;
}
.site-branding a,
.site-branding svg{
    display: block;
}
.site-header {
    padding: 20px 0;
    /* background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 30%, rgba(0, 0, 0, 1) 100%); */
}
.header-row {
    display: block;
    width: 100%;
    position: relative;
}
.menu-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.menu-toggler-wrapper {
    width: 75px;
    height: 26px;
    position: absolute;
    top: -13px;
    left: 50%;
    max-width: 40vw !important;
    transform: translate(-50%, 0%);
    border: 1px solid #fff0;
    border-radius: 20px;
}
#masthead:hover .menu-toggler-wrapper,
.menu-toggler-wrapper:hover {
    border: 1px solid #fff;
}
.menu-toggler-wrapper.active {
    border: 1px solid #fff;
    backdrop-filter: blur(3px);
}
.menu-toggler-wrapper::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--main-red);
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.menu-toggler-wrapper.active::before,
.menu-wrap:hover .menu-toggler-wrapper::before,
.menu-toggler-wrapper:hover::before {
    background: var(--main-white);
}
.menu-toggler-wrapper:hover::after {
    opacity: 1;
}
.menu-toggler {
    display: flex;
    width: max-content;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    /* cursor: pointer; */
    margin: 0 auto;
    opacity: 0;
    transition: var(--main-easing);
}
#masthead:hover .menu-toggler,
#masthead:hover .wpml-ls-legacy-dropdown>ul,
.menu-toggler-wrapper.active .menu-toggler,
.menu-wrap:hover .menu-toggler,
.menu-toggler:hover {
    opacity: 1;
}
#masthead:hover .wpml-ls-legacy-dropdown::before,
#masthead:hover .menu-toggler-wrapper::before {
    background: var(--main-white);
}
.menu-text-wrap {
    display: grid;
    grid-template-columns: 1fr;
    overflow: hidden;
    height: 14px;
}
.menu-text {
    transition: var(--main-easing);
    padding: 2px 0 0;
    line-height: 12px;
}
.menu-toggler-wrapper.active .menu-text {
    transform: translateY(-100%);
}
.burger {
    width: 10px;
    height: 10px;
}
.burger span {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background: var(--main-white);
}
.burger span:first-child {
    top: 0%;
    transform: translate(-50%, 0%);
    left: 50%;
    transform-origin: center;
}
.menu-toggler-wrapper.active .burger span:first-child {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.burger span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}
.menu-toggler-wrapper.active .burger span:nth-child(2) {
    transform: translateY(-50%) scaleX(0);
}
.burger span:last-child {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
}
.menu-toggler-wrapper.active .burger span:last-child {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.page-tr-title-wrapper {
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(-50%);
}
.page-tr-title {
    color: var(--main-red);
    margin: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    transform: translateY(100%);
    font-weight: 400;
    font-size: 20px;
}
.page-tr-title-inner {
    transform-origin: bottom right;
    transform: rotate(-90deg);
}

.lang-wrapper {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 10;
}
.wpml-ls-legacy-dropdown a span {
    color: var(--main-white);
    font-size: 12px;
    padding: 2px 0 0;
    line-height: 12px;
}
.wpml-ls-legacy-dropdown {
    width: auto;
}
.wpml-ls-legacy-dropdown a {
    padding: 0 !important;
    line-height: 1;
    color: var(--main-white) !important;
    border: 0px !important;
    background-color: transparent !important;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    display: none !important;
}

.wpml-ls-legacy-dropdown>ul {
    padding: 2px 10px !important;
    margin: 0 !important;
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 20px;
    overflow: hidden;
    transition: var(--main-easing);
    max-height: 28px;
    /* cursor: pointer; */
    background: transparent;
    opacity: 0;
    transition: var(--main-easing);
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    visibility: initial;
    position: relative;
    top: initial;
    right: initial;
    left: initial;
    border-top: 0;
    padding: 2px;
    margin: 0;
    list-style-type: none;
    z-index: 101;
}
.wpml-ls-legacy-dropdown>ul:hover {
    max-height: 100px;
}
.wpml-ls-legacy-dropdown {
    position: relative;
    padding: 0 !important;
    border: 1px solid #fff0;
    border-radius: 20px !important;
    transition: var(--main-easing);
}
.wpml-ls-legacy-dropdown::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--main-red);
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wpml-ls-legacy-dropdown > ul > li:first-child > a {
    padding: 2px 2px 2px 20px !important;
    position: relative;
}
.wpml-ls-legacy-dropdown > ul > li:first-child::before {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    width: 10px;
    height: 10px;
    border-top: 1px solid var(--main-white);
    border-bottom: 1px solid var(--main-white);
    top: 13px;
    transform: translateY(-50%);
}
.wpml-ls-legacy-dropdown > ul > li:first-child::after {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    width: 10px;
    height: 1px;
    background: var(--main-white);
    top: 13px;
    transform: translateY(-50%);
}

/* Menu Items */

.menu-items-wrap {
    pointer-events: none;
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 40vw;
    max-height: calc(90vh - 200px);
    overflow-y: auto;
    border-radius: 130px;
    overflow-x: hidden;
    opacity: 0;
}
.main-navigation ul {
    display: block;
    padding: 20px;
}
.main-navigation ul > li {
    position: relative;
    overflow: hidden;
    width: max-content;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-bottom: 25px;
    padding-top: 50px;
}
.main-navigation ul .dice-box {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    grid-template-columns: repeat(3, 10px);
    grid-template-rows: repeat(3, 10px);
}
.main-navigation ul .dice-dot {
    width: 10px;
    height: 10px;
}
.main-navigation ul > li > a {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 20px;
    text-transform: uppercase;
    color: var(--main-white);
    transform: translateY(100%);
}
.m-open .main-navigation ul > li > a {
    transition: var(--main-easing);
}
.main-navigation ul > li > a:hover {
    color: var(--main-red);
    letter-spacing: 25px;
}
.m-open .menu-items-wrap {
    pointer-events: all;
}

/* Submenu */

.main-navigation ul.sub-menu {
    position: relative;
    margin: 0;
    overflow: hidden;
    max-height: 0;
    padding: 0 20px;
    transition: var(--main-easing);
}
.main-navigation li.menu-item-has-children:hover ul.sub-menu {
    max-height: 220px;
}
.main-navigation ul.sub-menu > li:first-child {
    margin-top: 10px;
}
.main-navigation ul.sub-menu > li > a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 10px;
    text-transform: uppercase;
    color: var(--main-white);
    display: block;
    width: 100%;
    text-align: center;
    transition: var(--main-easing);
}
.main-navigation ul.sub-menu > li > a:hover {
    color: var(--main-red);
    letter-spacing: 15px; 
}
.main-navigation ul.sub-menu > li {
    margin-bottom: 10px;
    padding-top: 0px;
}

/* Home Ani Helpers */

#masthead {
    transform: translateY(-100%);
    background: #000;
    padding: 30px 0 10px;
}
.line-grid {
    opacity: 0;
}
.letter-l {
    transform: translateX(-100%);
    opacity: 0;
}
.letter-r {
    transform: translateX(100%);
    opacity: 0;
}
.intro-moto-row {
    opacity: 0;
}
.split-text div {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    color: inherit;
}
.split-line {
    overflow: hidden;
}
.split-char {
    transform: translateY(100%);
}

/* Home Page */

.home-intro {
    height: 100vh;
    width: 100%;
}

/* Roll the Dice */

.rtd-item .dice-box.rtd-scale {
    transform: scale(7, 7);
}

.rtd-item a,
.irtd-item a {
    width: 100vw;
    height: 100vh;
    max-width: 420px;
    max-height: 476px;
}
.irtd-wrapper .irtd-item,
.rtd-wrapper .rtd-item {
    pointer-events: none;
    opacity: 0;
}
.irtd-active .irtd-item.active,
.rtd-active .rtd-item.active {
    opacity: 1;
    pointer-events: all;
}
.irtd-content,
.rtd-content {transform-origin: center;}
.irtd-item-text,
.rtd-item-text {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 36px;
    color: var(--main-red);
    width: max-content;
    letter-spacing: 2.5vw;
    display: block;
    font-weight: 700;
}
.irtd-item .dice-box,
.rtd-item .dice-box {
    opacity: 0;
    /* transition: var(--main-easing); */
}
.irtd-item:hover,
.rtd-item:hover {
    /* cursor: pointer; */
}
.irtd-item .dice-box span,
.rtd-item .dice-box span {
    transition: var(--main-easing);
    transform-origin: center;
}
.irtd-item-text,
.rtd-item-text {
    transition: var(--main-easing);
}
.irtd-item:hover .dice-box span.active,
.rtd-item:hover .dice-box span.active {
    /* transform: scale(0.9); */
}
.irtd-item:hover .rtd-item-text,
.rtd-item:hover .rtd-item-text {
    /* color: var(--main-white); */
}
.irtd-item.active .dice-box,
.rtd-item.active .dice-box {
    opacity: 1;
    will-change: transform;
    transition: transform 0.6s linear;
}
.irtd-item-text-1, 
.rtd-item-text-1 {
    opacity: 0;
    transform: translate(calc(-50% - 20vw), calc(-50% + 13vh));
}
.irtd-item-text-2,
.rtd-item-text-2 {
    transform: translateX(13vw);
}
.irtd-item-text-3,
.rtd-item-text-3 {
    transform: translate(-37vw, -26vh);
    max-width: 40vw;
}
.irtd-item-text-4,
.rtd-item-text-4 {
    transform: translate(3vw, -3vw);
}
.irtd-item-text-5,
.rtd-item-text-5 {
    transform: translate(-45vw, -10vh);
    max-width: 27vw;
}
@keyframes coordinatesCellFade {
  0% { opacity: 0.4; }
  50% { opacity: 1; }
  100% { opacity: 0.4; }
}

@keyframes coordinatesCellDotScale {
  0% { transform: scale(1); }
  50% { transform: scale(2.5); }
  100% { transform: scale(1); }
}

body.home .rtd-toggler-wrapper {
    display: none;
}
.rtd-toggler-wrapper {
    bottom: 40px;
    left: 0;
    width: 100%;
}
.rtd-toggler {
    pointer-events: all;
    padding: 10px 5px;
    background: transparent;
    color: var(--main-red);
    font-weight: 700;
    border: 1px solid var(--main-red);
    border-radius: 40px;
    font-size: 14px;
    line-height: 1;
    padding: 10px 20px;
    /* cursor: pointer; */
    transition: var(--main-easing);
    width: max-content;
}
.rtd-toggler:hover {
    color: var(--main-white);
    background: var(--main-red);
}

.inner-pages-rtd {
    pointer-events: none;
    opacity: 0;
    /* transition: var(--main-easing); */
}
.inner-pages-rtd .irtd-item .dice-box {
    transform-origin: center;
    transform: scale(7,7);
}
.inner-pages-rtd.active-rtd {
    pointer-events: all;
    /* background: var(--main-black); */
    opacity: 1;
}
.inner-pages-rtd.active-rtd.irtd-wrapper .irtd-item.active {
    opacity: 1;
    pointer-events: all;
}
.irtd-item-text {
    opacity: 0;
}
.irtd-item.active .irtd-item-text {
    opacity: 1;
}
.rtd-item-text,
.irtd-item-text {max-width: 35vw;}

/* Pages */

body:not(.home) #masthead {
    transform: translateY(0%);
    background: transparent;
}
body:not(.home) .page-dice {
    transform-origin: center;
    transform: translate(-50%, -50%) scale(7, 7);
}
body:not(.home) .rtd-item-text {
    opacity: 1;
}
.about-us-page .line-grid,
.main-page-ani .line-grid,
.contact-us-page .line-grid {
    opacity: 1;
}
.content-page-inner {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.page-content {
    padding-left: 20vw;
    transform: translate(100%, -50%);
}

/* About */

.video-bg video {
    width: auto;
    height: auto;
    max-width: initial;
    max-height: initial;
    min-width: 100%;
    min-height: 100%;
    position: relative;
}
.vid-overlay {
    background: var(--main-black);
}
.vim-vid {
    transition: var(--main-easing);
    opacity: 0;
}
.vim-vid.active {
    opacity: 1;
}
.video-bg iframe {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 100vw !important;
    height: 56.25vw !important; /* 16:9 ratio scaling */
    min-height: 100vh;
    min-width: 187.77vh; /* inverse of 16:9 */
    transform: translate(-50%, -50%);
    border: none;
}
#wwa_area.active-area .split-line,
.about-area.active-area .split-line {
    opacity: 1;
}
.about-area .split-line {
    opacity: 0;
}
.split-text .split-line {width: max-content;}

/* About Menu */

.about-menu-wrapper {
    bottom: 40px;
    left: 0;
}
.about-menu-row  {
    width: 100%;
}
.about-menu-row.pe-none * {
    pointer-events: none !important;
}
.about-menu-row ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.about-menu-wrapper li {
    margin: 0 0 10px;
}
.about-menu-wrapper * {
    color: var(--main-white);
    font-size: 14px;
}
.page-title-wrapper {
    width: 100%;
    min-height: 60vh;
}
.page-title-wrapper {

}
.news-left {
    position: relative;
}
.news-left .news-title {
    position: absolute;
    bottom: 100%;
}
.vm-grid .left-area h4,
.of-grid .left-area h4,
.lm-grid .left-area h4,
.wwa-grid .left-area h4,
.ab-grid .left-area h4,
.cv-grid .left-area h4,
.news-title h4,
.serv-title h4,
.career-title h4,
.shore-grid h4,
.sea-grid h4,
.page-title-wrapper h4 {
    font-size: 36px;
    color: var(--main-red);
    /* width: max-content; */
    width: 100%;
    transform: translateX(40px);
    letter-spacing: 2.5vw;
}
.career-title {max-width: 35vw;}
.about-menu-row {pointer-events: none;}
.about-menu-row.active-menu {
    pointer-events: all;
}
.about-menu-row li {
    opacity: 0;
    transform: translateY(10px);
    display: block;
    width: 100%;
}
.about-menu-row li span {
    /* cursor: pointer; */
    transition: var(--main-easing);
}
.about-menu-row li.active span {
    color: var(--main-red);
}
.about-menu-row li span:hover {
    letter-spacing: 15px;
    color: var(--main-white);
}
.ab-grid .split-text {
    max-width: 50vw;
    position: absolute;
}

/* About Areas */

.wwa-grid,
.vm-grid,
.lm-grid,
.of-grid,
.ab-grid {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 25vw;
}
.ab-grid,
.lm-grid {
    gap: 15vw;
}
.cv-grid {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
}
.cv-grid .left-area h4 { 
    position: absolute;
    bottom: 100%;
}
.values-wrapper-in {
    left: 0;
    top: 50%;
    height: 100vh;
    width: 50vw;
}
.values-wrapper {
    left: 0;
    top: 50%;
    height: 100vh;
    width: 50vw;
    transform: translate(100%, -50%);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    padding-right: 100px;
}
.values-wrapper-in::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20vw;
    height: 100%;
    z-index: 20;
    background: #000000;
    background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.cv-grid .values-wrapper-outer::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7.5vw;
    height: 100vh;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.values-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.values-grid {
    display: flex;
    flex-direction: row;
    gap: 50px;
    width: max-content;
    padding: 20px 0;
    top: 50%;
    position: absolute;
    padding: 0 12.5vw;
    transform: translateY(-50%);
}
.cv-grid .left-area {
    padding-right: 12.5vw;
}
.wwa-grid .right-area {
    transform: translateY(100vh);
    padding-right: 50px;
}
.wwa-grid .right-area *:not(h4) {
    opacity: 0;
}
.wwa-grid .right-area h4 {
    font-size: 22.5px;
    letter-spacing: 4px;
}
.about-area {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.about-area h4.split-text {
    transform: translateX(33px);
}
.career-area.active-area,
.about-area.active-area {
    pointer-events: all;
}
.black-vm-bg {
    background: #000;
    width: 50vw;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    z-index: 10;
}
.vm-grid .right-area {
    padding-right: 50px;
}
.vm-grid .right-area p,
.vm-grid .right-area h4 {
    transform: translateX(50vw);
}
.ab-grid .right-area .right-arrow,
.lm-grid .right-area .right-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 80px;
    transition: var(--main-easing);
    opacity: 0;
    z-index: 10;
}
.ab-grid .right-area:hover .right-arrow,
.active-area .lm-grid .right-area:hover .right-arrow {
    opacity: 1;
}
.ab-grid .left-area h4 {
	transform: translate(33px, -90px);
}
.lm-grid .right-area p {
    padding-right: 5vw;
}
.ab-grid .right-area p,
.lm-grid .right-area p {
    transform: translate(50vw, 100px);
    opacity: 0;
}
.ab-grid .right-area h4,
.lm-grid .right-area h4 {
    transform: translateX(50vw);
}
.ab-grid {
    /* max-height: 70vh; */
}
.ab-grid .right-area {
    /* height: 70vh;
    overflow-y: auto; */
    /* opacity: 0; */
}
.ab-grid .right-area p {
    /* transform: translate(0, 100vh);
    opacity: 0; */
	padding-right: 50px;
}
.ab-grid .intro-text-left {
    /* transform: translate(-100%, 0);
    opacity: 0; */
}
.ab-grid .split-text {
    /* margin-top: 15vh; */
}
.ab-grid .right-area img {
    /* max-width: 380px;
    display: block;
    border-radius: 65px;
    overflow: hidden; */
    /* filter: grayscale(1); */
    /* transition: var(--main-easing); */
}
.ab-grid .right-area::-webkit-scrollbar {
    /* width: 2px; */
}
.ab-grid .right-area::-webkit-scrollbar-thumb {
    /* background: var(--main-red);
    transition: all .5s linear; */
}
.ab-grid .right-area::-webkit-scrollbar-thumb:hover {
    /* background: var(--main-red); */
}
.ab-grid .right-area .ab-crew-grid {
    /* display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.8vw;
    right: 90px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1; */
}
.ab-crew-grid .crew-item {
    /* transform: translateX(100vw); */
}

.ab-grid .right-area .ab-crew-grid .crew-item,
.ab-grid .right-area .ab-crew-grid .crew-image {
    /* min-width: 16.5vw; */
}

.ab-grid .right-area .ab-crew-grid .crew-item:first-child {
    /* transform: translateX(-100%); */
}
.cv-grid .intro-text-left {
    padding-left: 33px;
}

.cs-message {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 5px;
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    right: -50%;
    width: max-content;
}
.intro-text-left p {
    transform: translateX(-50vw);
}
.values-item {
    width: 100%;
    max-width: 300px;
}
.values-item h4 {
    color: var(--main-red)
}
.red-dot {
    display: block;
    width: 14px;
    height: 14px;
    background-color: var(--main-red);
    border-radius: 50%;
}

/* Contact */
.about-us-page .header-rtd-wrapper,
.page-template-news-page .header-rtd-wrapper,
.services-page .header-rtd-wrapper,
.page-template-careers-page .header-rtd-wrapper,
.contact-us-page .header-rtd-wrapper {
    display: none;
}

/* Crew Wrapper Styles */
.ab-crew-wrapper,
.crew-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(100%, -50%);
    width: 42.5vw;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    padding-right: 100px;
}
.ab-crew-wrapper::-webkit-scrollbar,
.crew-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.crew-grid {
    display: flex;
    flex-direction: row;
    gap: 50px;
    width: max-content;
    padding: 20px 0;
}

.crew-item {
    flex: 0 0 auto;
    min-width: 200px;
    text-align: center;
}

.crew-image {
    margin-bottom: 10px;
    position: relative;
    padding-top: 117.213%;
    border-radius: 65px;
    min-width: 500px;
    overflow: hidden;
}

.crew-image img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    max-width: initial;
    max-height: initial;
    height: auto;
    width: 100%;
    /* filter:grayscale(1); */
    transition: var(--main-easing);
}

.crew-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.crew-position {
    font-size: 0.9em;
    opacity: 0.8;
}


/* Services Page */

.services-page .line-grid {
    opacity: 1;
}
.serv-title {
    position: absolute;
    top: -100px;
    left: 0;
}
.services-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    transform: translateX(100vw);
}
.serv-item {
    font-size: 22px;
    line-height: 1.5;
    color: var(--main-white);
}

/* News Page */

.news-page .line-grid {
    opacity: 1;
}
.news-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
.news-title h4 {
    padding-right: 15vw;
    width: 100%;
}
.news-bg {
    width: 50vw;
    height: 100vh;
    position: absolute;
    background: #000;
    top: 50%;
    left: 0;
    transform: translateY(-150%);
}
.news-content {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 50%;
    padding: 100px 10vw 100px 15vw;
    height: 100vh;
    width: 50vw;
    opacity: 0;
    transform: translateY(50%);
}
.news-item-link {
    margin: 20px 0 0;
}
.news-item-link a {
    display: block;
    width: max-content;
    color: var(--main-red);
    border: 1px solid var(--main-red);
    font-size: 16px;
    line-height: 1.4;
    padding: 5px 15px;
    text-transform: lowercase;
    border-radius: 50px;
    transition: var(--main-easing);
}
.news-item-link a:hover {
    background: var(--main-red);
    color: var(--main-white);
}
.news-item-title,
.news-item-title a {
    color: var(--main-white) !important;
    font-size: 22.5px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 10px;
    transition: var(--main-easing);
}
.news-item-title a:hover {
    color: var(--main-red) !important;
}
.news-item-excerpt {
    font-style: italic;
}
.news-item {
    margin-bottom: 50px;
}
.news-content--wrapper {
    overflow-y: auto;
    height: 100%;
    padding-right: 10px;
}
.news-intro h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 10px;
}
.news-intro p {
    font-style: italic;
}
.news-intro {
    width: max-content;
    margin: 0 auto 0 100px;
}
.news-intro-wrapper {
    transform: translateX(-100vw);
}
.news-search {
    margin: 0 auto 0 100px;
    width: 100%;
    max-width: 420px;
}
#news-search-input {
    text-align: center;
    color: var(--main-white);
    background: transparent;
    border: 0px;
    font-size: 16px;
    line-height: 1.5;
    flex: 1;
    padding: 10px 15px;
    border-radius: 4px;
}
.news-search-input:focus {
    outline: none;
}
.news-search-form {
    border: 2px solid var(--main-white);
    border-radius: 50px;
    padding: 5px;
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.news-search .news-search-btn {
    background: transparent;
    color: var(--main-red);
    border: 2px solid var(--main-red);
    border-radius: 50px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    padding: 10px 20px;
    transition: var(--main-easing);
    /* cursor: pointer; */
}
.news-search .news-search-btn:hover {
    background: var(--main-red);
    color: var(--main-white);
}
.news-content--wrapper .no-results {
    text-align: left;
    padding: 40px 0;
}
.news-content--wrapper .no-results * {
    font-size: 16px;
    color: var(--main-white);
}
.news-content--wrapper.searching {
    opacity: 0.6;
    pointer-events: none;
}

.news-post-wrapper {
    background: var(--main-black);
}

.news-post-content {
    padding: 40px;
    position: relative;
    max-width: 1400px;
    display: block;
    margin: 0 auto;
    max-height: 70vh;
    border-radius: 8px;
    overflow-y: auto;
    top: 20vh;
    left: 0;
}
.irtd-close,
.news-post-close {
    position: absolute;
    top: 150px;
    right: 150px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    /* cursor: pointer; */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 1000;
    padding: 0;
    background: var(--main-black);
}
.irtd-close::after,
.irtd-close::before,
.news-post-close::after,
.news-post-close::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 2px;
    background: var(--main-white);
    display: block;
}
.irtd-close::after,
.news-post-close::after {
    transform: translate(-50%, -50%) rotate(45deg);
}
.irtd-close::before,
.news-post-close::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.irtd-close:hover,
.news-post-close:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

.news-post-title {
    font-size: 22.5px;
    margin-bottom: 30px;
    line-height: 1.2;
}
.news-post-body * {
    color: var(--main-white);
}
.news-post-body {
    column-count: 3;
    column-gap: 50px;
}
.news-post-body * {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 300;
}
.news-post-body p {
    margin-bottom: 20px;
}
.news-post-body h2,
.news-post-body h3,
.news-post-body h4 {
    font-weight: 700;
    font-weight: 700;
    font-size: 18px;
}
.news-post-body img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
}

.news-post-loading,
.news-post-error {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 1.2rem;
}

.news-post-inner {
    padding-right: 60px; /* Space for close button */
}

/* To Be Checked */

.news-post-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: white;
    /* cursor: pointer; */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 1000;
}

.news-post-nav:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-50%) scale(1.1);
}

.news-post-nav.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.news-post-prev {
    left: 20px;
}

.news-post-next {
    right: 20px;
}


/* Responsive design */
@media (max-width: 768px) {
    /* .news-post-content {
        margin: 20px;
        padding: 30px 20px;
        max-height: 90vh;
    }
    
    .news-post-title {
        font-size: 2rem;
    }
    
    .news-post-inner {
        padding-right: 50px;
    }
    
    .news-post-nav {
        width: 40px;
        height: 40px;
    }
    
    .news-post-prev {
        left: 10px;
    }
    
    .news-post-next {
        right: 10px;
    }
    
    .news-post-close {
        top: 10px;
        right: 10px;
        width: 35px;
        height: 35px;
    } */
}

/* Responsive design */
/* @media (max-width: 768px) {
    .news-post-content {
        margin: 20px;
        padding: 30px 20px;
        max-height: 90vh;
    }
    
    .news-post-title {
        font-size: 2rem;
    }
    
    .news-post-inner {
        padding-right: 50px;
    }
} */

/* Career Page */

.career-row-wrapper {
    top: 30vh;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.about-menu-wrapper .dice-box {
    grid-template-columns: repeat(3, 10px);
    grid-template-rows: repeat(3, 10px);
}
.about-menu-wrapper .dice-dot {
    width: 10px;
    height: 10px;
}
.join-text {
    padding: 0 5vw 0 53px;
    column-count: 2;
    column-gap: 30vw;
    transform: translateY(100vh);
}
.join-text p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--main-white);
}
.join-grid,
.sea-grid,
.shore-grid {
    position: absolute;
    top: 30vh;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1820px;
    display: block;
    margin: 0 auto;
}
.sea-posts-grid,
.shore-posts-grid {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.job-postings {
    max-width: 30vw;
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: auto;
}
.job-postings::-webkit-scrollbar {
    width: 0px;
}
.job-postings .news-item {
    padding-right: 50px;
    margin-bottom: 20px;
    transform: translateX(100vw);
}

/* Scroll Cursor */

/* .scroll-cursor {display: none;} */
.inner-pages-rtd.active-rtd a,
.vscroll-show, .hscroll-show, .rtd-wrapper:not(.pe-none) {
  cursor: none !important;
}
#scroll-cursor {
    display: block;
    width: 16px;
}
.cls-1.up-ani {
    transition: var(--main-easing);
    animation: up-ani 1s infinite;
}
.cls-1.down-ani {
    animation: down-ani 1s infinite;
    transition: var(--main-easing);
}
@keyframes up-ani {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes down-ani {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* GENERAL STYLES */

ul, ol {
    margin: 0 0 1.5em 0;
    padding: 0 0 0 1.2em;
}
.site-main {
    max-height: 100vh;
    overflow: hidden;
    transition: opacity 0.5s ease;
}
body.rtd-open .site-main > div:not(.line-grid) {
    opacity: 0;
}
body.rtd-open .site-main .coordinates-wrapper,
body.rtd-open .site-main > div.line-grid {
    opacity: 1 !important;
}
body:not(.home) .line-grid-inner {
    opacity: 0.5;
}
.title-404-header {
    font-size: 62px;
}
.bth-404-button {
    pointer-events: all;
    padding: 10px 5px;
    background: transparent;
    color: var(--main-red);
    font-weight: 700;
    border: 1px solid var(--main-red);
    border-radius: 40px;
    font-size: 14px;
    line-height: 1;
    padding: 10px 20px;
    /* cursor: pointer; */
    transition: var(--main-easing);
    width: max-content;
}
.bth-404-button:hover {
    color: var(--main-white);
    background: var(--main-red);
}

/* Contact Menu Bot */

.bot-menu-row {
    display: grid;
    grid-template-columns: 200px 1fr 200px;
    align-items: center;
}
.bm-wrap ul {
    display: flex;
    align-items: center;
    gap: 5vw;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: max-content;
    margin: 0 auto;
}
.bm-wrap ul li {
    margin: 0;
}
.bm-wrap ul li a {
    transition: var(--main-easing);
}
.bm-wrap ul li a:hover {
    color: var(--main-red);
}

/* Popup Styles */

.content-inner-wrapper > h2 {
    text-transform: uppercase;
    font-size: 36px;
    color: var(--main-red);
    letter-spacing: 1.5vw;
} 
.fancybox-content-wrapper {
    max-height: 80vh;
    max-width: 1400px;
    padding: 100px 200px;
    border-radius: 50px;
    border: 1px solid #fff;
    background: transparent;
    backdrop-filter: blur(3px);
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.fancybox-content-wrapper .grid {
    max-width: 500px;
    margin: 0 auto;
}
.fancybox__backdrop {
    background: #00000080;
}
.content-inner-wrapper {
    padding-right: 40px;
    overflow-y: auto;
}
.fancybox-post-content * {
    font-size: 14px !important;
}
.news-post-content::-webkit-scrollbar,
.content-inner-wrapper::-webkit-scrollbar {
    width: 4px;
}
.news-post-content::-webkit-scrollbar-track,
.content-inner-wrapper::-webkit-scrollbar-track {
    background: transparent;
}
.news-post-content::-webkit-scrollbar-thumb,
.content-inner-wrapper::-webkit-scrollbar-thumb {
    background: var(--main-red);
    transition: all .5s linear;
}
.news-post-content::-webkit-scrollbar-thumb:hover,
.content-inner-wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--main-red);
}

.fancybox-content-wrapper h1,
.fancybox-content-wrapper h2,
.fancybox-content-wrapper h3,
.fancybox-content-wrapper h4 {
    font-size: 22.5px;
}
.fancybox-content-wrapper div,
.fancybox-content-wrapper p,
.fancybox-content-wrapper a,
.fancybox-content-wrapper li {
    font-size: 16px;
}
.page-template-default .f-button {
    color: #fff;
}
.fancybox__content>.f-button.is-close-btn {
    top: 20px;
    right: 20px;
    cursor: none;
}

/* Copyright */

.copy-area {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    color: var(--main-white);
    font-size: 10px;
}

/* Mobile Fixes */

.mobile-view {display: none;}

/* RESPONSIVE */

@media only screen and (max-width: 1440px) {
    .rtd-item .dice-box.rtd-scale {transform: scale(5, 5);}
    .inner-pages-rtd .irtd-item .dice-box {transform: scale(5, 5);}
    body:not(.home) .page-dice {transform: translate(-50%, -50%) scale(5, 5);}
    .join-grid, .sea-grid, .shore-grid {top: 22vh;}
    .cv-grid .left-area {transform: translateY(-50px);}
    .vm-grid .left-area h4, 
    .of-grid .left-area h4, 
    .lm-grid .left-area h4, 
    .wwa-grid .left-area h4, 
    .ab-grid .left-area h4, 
    .cv-grid .left-area h4, 
    .news-title h4, 
    .serv-title h4, 
    .career-title h4, 
    .shore-grid h4, 
    .sea-grid h4, 
    .page-title-wrapper h4 {letter-spacing: 1.5vw;}
    .about-area h4.split-text {transform: translateX(0px);}
    .ab-row-wrapper .right-area {padding-right: 50px;}
    .news-search, .news-intro {margin: 0;}
    .news-post-content {padding: 80px;}
    .main-navigation ul > li > a {font-size: 18px;letter-spacing: 15px;}
    .page-content {padding-left: 15vw;}
    .irtd-item-text, .rtd-item-text {font-size: 32px;letter-spacing: 1.5vw;}
    .ab-grid .right-area .ab-crew-grid {gap:1.9vw;}

    .serv-item {font-size: 18px;}

    .lm-grid .right-area p,
    .lm-grid .right-area h4 {
        padding-right: 7vw;
    }
}

@media only screen and (max-width: 1200px) {
    
    .main-navigation ul.sub-menu {display: none;}
    .mobile-view {display: block;}
    .desktop-view {display: none;}
    #scroll-cursor {display: none !important;}
    .page-template-careers-page .site-main,
    .page-template-news-page .site-main,
    .page-template-about-page .site-main {max-height: initial;overflow: initial;}

    .page-template-default .rtd-wrapper.z-900,
    .page-template-careers-page .rtd-wrapper.z-900,
    .page-template-news-page  .rtd-wrapper.z-900,
    .page-template-about-page .rtd-wrapper.z-900 {
        z-index: 2;
    }
    .page-template-default .rtd-wrapper.z-900 .dice-box,
    .page-template-careers-page .rtd-wrapper.z-900 .dice-box,
    .page-template-news-page  .rtd-wrapper.z-900 .dice-box,
    .page-template-about-page .rtd-wrapper.z-900 .dice-box {
        opacity: 0.6;
    }
    .page-template-about-page .intro-text-left p {
        transform: translateX(0);
    }
    .about-wrap.mobile-view {
        display: block;
    }
    .header-text {
        font-size: 26px;
        color: var(--main-red);
        width: max-content;
        letter-spacing: 2vw;
    }
    .career-area,
    .about-m-area {
        min-height: 50vh;
        padding-top: 200px;
        padding-bottom: 200px;
    }
    .about-wrap.mobile-view::-webkit-scrollbar {
        width: 10px;
    }

    .about-wrap.mobile-view::-webkit-scrollbar-track {
        background: var(--main-);
    }

    .about-wrap.mobile-view::-webkit-scrollbar-thumb {
        background: var(--main-white);
        transition: all .5s linear;
    }
    .ab-m-grid .crew-image {
        width: 100%;
        max-width: 500px;
        min-width: initial;
    }
    .m-crew-wrapper .crew-image {
        width: 100%;
        max-width: 500px;
        min-width: initial;
    }
    .ab-m-grid img {
        max-width: 500px;
        min-width: initial;
        height: auto;
        width: 100%;
        border-radius: 65px;
        min-width: initial;
        overflow: hidden;
        /* filter: grayscale(1); */
    }
    .values-m-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .values-m-grid .values-item {
        padding: 20px;
        border-radius: 20px;
        max-width: initial;
    }
    .page-template-services-page .video-bg,
    .page-template-news-page .video-bg,
    .page-template-careers-page .video-bg,
    .page-template-about-page .video-bg {
        width: 100%;
        height: 100vh;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .news-row-wrapper {
        position: relative;
        left: initial;
        top: initial;
        transform: initial;
        padding-top: 200px;
    }
    .news-content {
        position: relative;
        z-index: 10;
        left: initial;
        top: initial;
        padding: 50px 0;
        height: auto;
        width: 100%;
        transform: initial !important;
    }
    .news-bg {display: none;}
    .news-row {grid-template-columns: 1fr;width: 100%;gap: 50px;}
    .news-intro {width: max-content;margin: 0 0 40px;}
    .news-search {margin: 0 0 40px;}
    .news-post-content {padding: 40px 100px;}
    .news-post-inner {padding-right: 0;}
    .news-post-body {column-count: 2;column-gap: 50px;}
    .sea-m-posts-grid,
    .shore-m-posts-grid {padding: 50px 0;}
    .sea-m-posts-grid .gutter,
    .shore-m-posts-grid .gutter {margin: 0 0;}
    .career-row-wrapper .career-title {top: -120px;position: absolute;}
    .news-post-wrapper {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        transform: initial;
    }
    .content-page-inner {
        /* position: absolute;
        width: 100%;
        top: initial;
        z-index: 10;
        right: 0;
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        bottom: 0; */
    }
    .page-content {
        padding: 15vh 0 0;
        position: relative;
        transform: initial !important;
        left: initial;
        top: initial;
    }
    .bm-wrap ul {gap: 20px;}
    .crew-image {padding-top: 550px;margin: 0;}
    .crew-item {margin-bottom: 40px;width: 100%;max-width: 500px;text-align: left;}
}
@media only screen and (max-width: 1024px) {
    .dice-wrap {margin: 0 auto;}
    .intro-logo-row .intro-letter svg {max-width: 50px;max-height: 50px;margin-top: 5px;}
    .intro-moto-row {grid-template-columns: 1fr;}
    .intro-moto-right, .intro-moto-left {right: 50%; transform: translate(-50%,-50%);}
    .grid-cols {width: 7vw;}
    .grid-rows {height: 7vw;}
    .line-grid-inner {width: 140vw;height: 140vw;}
    .intro-moto-left {right: initial; left: 50%; transform: translate(-50%, -50%) !important;margin: 0;width: max-content;text-align: center;}
    .intro-moto-right {right: initial; left: 50%; transform: translate(-50%, -50%) !important;margin: 0;width: max-content;text-align: center;}
    .intro-right, .intro-left {transform: translateX(0%) !important;}
    .menu-toggler-wrapper {max-width: 500px !important;}
    .menu-items-wrap {width: 500px;}
    .bot-menu-row {grid-template-columns: 100px 1fr 100px;align-items: end;}
    .bm-wrap ul {display: block;width: 100%;text-align: center;}
    .bm-wrap ul li {
        display: inline-block;
        margin: 0 10px 5px;
    }

    .services-row {flex-direction: column; gap: 20px;}
    .irtd-close, .news-post-close {top: 100px;left: 20px;right: initial;}

    .vm-grid .left-area h4, 
    .of-grid .left-area h4, 
    .lm-grid .left-area h4, 
    .wwa-grid .left-area h4, 
    .ab-grid .left-area h4, 
    .cv-grid .left-area h4, 
    .news-title h4, 
    .serv-title h4, 
    .career-title h4, 
    .shore-grid h4, 
    .sea-grid h4, 
    .page-title-wrapper h4,
    .irtd-item-text, 
    .rtd-item-text {font-size: 26px;letter-spacing: 2vw;}
    .main-navigation ul > li > a {font-size: 15px;letter-spacing: 5px;}
    .main-navigation ul > li > a:hover {letter-spacing: 6px;}
}
@media only screen and (max-width: 768px) {
    .grid-cols {width: 5vw;}
    .grid-rows {height: 5vw;}
    /* .line-grid-inner {width: 100vh;height: 100vh;} */
    .irtd-item-text-2, .rtd-item-text-2 {transform: translateX(5vw);}
    .intro-row {padding: 20px 0;}
    .news-post-body {column-count: 1;}
    .irtd-item-text-5, .rtd-item-text-5 {transform: translate(-45vw, -10vh);}
    .news-post-content {padding: 40px 80px;}
    .news-post-title {font-size: 1.5rem;}
    .menu-toggler-wrapper {max-width: 80vw !important;}
    .menu-items-wrap {width: 80vw;}
    #masthead .menu-toggler, 
    #masthead .wpml-ls-legacy-dropdown>ul {opacity: 1;}
    .menu-toggler-wrapper {border: 1px solid #fff;}
    .cursor {display: none !important;}
    body {cursor: default !important;}
    .content-page-inner {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .fancybox-content-wrapper {
        width: 90vw;
        max-height: 70vh;
        padding: 50px 100px;
    }
    .irtd-item-text-5, .rtd-item-text-5 {
        transform: translate(-5vw, -30vh);
    }
    
    .values-m-grid {grid-template-columns: 1fr;}
    .fancybox-content-wrapper .grid {max-width: 1024px;}
    .fancybox-content-wrapper {padding: 50px;}

    .rtd-item .dice-box.rtd-scale {transform: scale(3, 3);}
    .inner-pages-rtd .irtd-item .dice-box {transform: scale(3, 3);}
    body:not(.home) .page-dice {transform: translate(-50%, -50%) scale(3, 3);}
}
@media only screen and (max-width: 650px) {
    .line-grid-inner {width: 100vw;height: 200vw;}
    .grid-rows {height: 10vh;}
    .grid-cols {width: 10vh;}
    .crew-image {padding-top: 440px;}
    .news-intro {width: 100%;margin: 0 0 20px;}
}
@media only screen and (max-width: 500px) {
    .line-grid-inner {
        width: 200vh;
        height: 200vh;
    }
    .fancybox-content-wrapper h1, .fancybox-content-wrapper h2, .fancybox-content-wrapper h3, .fancybox-content-wrapper h4 {font-size: 18px !important; letter-spacing: 2px !important;}
    .site-branding {width: 80px;}
    .rtd-toggler {background: #000000c2;}
    .wpml-ls-legacy-dropdown>ul {max-height: 27px;}
    .lang-wrapper {top: 50%;transform: translateY(-50%);}
    .page-tr-title {letter-spacing: 2px;font-size: 14px;}
    .wpml-ls-legacy-dropdown a span {line-height: 18px;}
    /* .wpml-ls-legacy-dropdown>ul {max-height: 24px;}
    .wpml-ls-legacy-dropdown > ul > li:first-child::before {top: 11px;} */
    .news-post-content {padding: 40px 40px 40px 20px;}
    .news-post-title {font-size: 22px;}
    .news-post-nav {display: none;}
    .header-text {font-size: 20px;letter-spacing: 5px;}
    .fs-20, h4 {font-size: 18px;}
    .career-area, .about-m-area {min-height: 50vh;padding-top: 100px;padding-bottom: 100px;}
    .rtd-item .dice-box.rtd-scale {transform: scale(2, 2);}
    .inner-pages-rtd .irtd-item .dice-box {transform: scale(2, 2);}
    body:not(.home) .page-dice {transform: translate(-50%, -50%) scale(2, 2);}
    .irtd-item-text, .rtd-item-text {font-size: 18px;letter-spacing: 2vw;}
    .irtd-item-text-5, .rtd-item-text-5 {transform: translate(-17vw, -20vh);}
    .irtd-item-text-4, .rtd-item-text-4 {transform: translate(-7vw, 14vh);}
    p, li, div, a {font-size: 14px;}
    .page-template-default .rtd-item-text {opacity: 0 !important;}
    .page-template-default.rtd-open .rtd-item-text {opacity: 1;}
    .about-menu-wrapper * {font-size: 11px;}
    .rtd-toggler {font-size: 12px;}
    .fancybox-content-wrapper {padding: 20px;}
    .bot-menu-row {grid-template-columns: 50px 1fr 100px;}
    
}