/* FONTS */
html {
    --font-b: 'suisse_intlregular';
    --font-sec: 'suisse_intl_monoregular';
}
body, .font-b {
    font-family: var(--font-b);
    -webkit-font-kerning: none;
            font-kerning: none;
}
.font-sec {
    font-family: var(--font-sec);
    -webkit-font-kerning: none;
            font-kerning: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-font-kerning: none;
            font-kerning: none;
    text-rendering: optimizeLegibility;
}
h1, .h1,
h2, .h2 {
    font-size: calc(3.125rem + ((1vw - 0.225rem) * 6.3636)); /* 50-190 */
    line-height: 100%;
}
@media (min-width: 2560px) {
    h1, .h1,
    h2, .h2 {
        font-size: 190px;
        min-height: 0vw;
    }
}
h3, .h3 {
    font-size: calc(2.5rem + ((1vw - 0.225rem) * 5.4545)); /* 40-160 */
    line-height: 110%;
}
h4, .h4 {
    font-size: calc(1.625rem + ((1vw - 0.225rem) * 4.2727)); /* 26-120 */
    line-height: 100%;
}
h5, .h5 {
    font-size: calc(1.875rem + ((1vw - 0.225rem) * 2.2727)); /* 30-80 */
    line-height: 110%;
}
/* @media (min-width: 1280px) and (max-width: 1919px ) {
    h1, .h1,
    h2, .h2 {
        font-size: calc((5rem + ((1vw - .8rem) * 7.9688)) * 1.12);
        min-height: 0vw;
    }
    h5, .h5 {
        font-size: calc(1.125rem + ((1vw - 0.234375rem) * 1.0069) * 0.52);
    }
} */
h6, .h6 {
    font-size: calc(1.875rem + ((1vw - 0.225rem) * 1.7273)); /* 30-68 */
    line-height: 110%;
}
.h7 {
    font-size: calc(1.25rem + ((1vw - 0.225rem) * 1.3636)); /* 20-50 */
    line-height: 130%;
}
body, p, .p-def {
    font-size: calc(1rem + ((1vw - 0.225rem) * 0.6364)); /* 16-30 */
    margin-bottom: 0;
    line-height: 130%;
}
.p-med {
    font-size: calc(1.125rem + ((1vw - 0.225rem) * 1)); /* 18-40 */
    margin-bottom: 0;
    line-height: 140%;
}
@media(min-width: 2560px) {
    .p-med {
        font-size: 40px;
        min-height: 0vw;
    }
}
.p-small {
    font-size: calc(1rem + ((1vw - 0.234375rem) * 0.4577)); /* 16-26 */
    margin-bottom: 0;
    line-height: 130%;
}
.small, small {
    font-size: 0.675em;
}
.f-700 {
    font-size: calc(10rem + ((1vw - 0.225rem) * 24.5455)); /* 160-700 */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--color-white);
    text-wrap: nowrap;
    white-space: nowrap;
}
.f-460 {
    font-size: calc(3.75rem + ((1vw - 0.234375rem) * 18.3066)); /* 60-460 */
    line-height: 0.8;
}
.f-400 {
    font-size: calc(5rem + ((1vw - 0.225rem) * 14.5455)); /* 80 - 400 */
}
.f-320 {
    font-size: calc(9.375rem + ((1vw - 0.234375rem) * 7.7803)); /* 150-320 */
    line-height: 1;
}
.f-200 {
    font-size: calc(4.625rem + ((1vw - 0.225rem) * 8.0769)); /* 74 - 200 */
    line-height: 1;
}
.f-160 {
    font-size: calc(4.625rem + ((1vw - 0.225rem) * 3.9091)); /* 74 - 160 */
    line-height: 1;
}
.f-40160 {
    font-size: calc(2.5rem + ((1vw - 0.225rem) * 5.4545)); /* 40 - 160 */
    line-height: 1;
}
.f-100 {
    font-size: calc(3.25rem + ((1vw - 0.225rem) * 2.1818)); /* 52 - 100 */
    line-height: 1.2;
}
.f-70 {
    font-size: calc(2.25rem + ((1vw - 0.225rem) * 1.5455)); /* 36 - 70 */
    line-height: 1.1;
}
.f-20 {
    font-size: calc(1rem + ((1vw - 0.234375rem) * 0.1831)); /* 16-20 */
    line-height: 1.2;
}
.f-18 {
    /* font-size: calc(0.875rem + ((1vw - 0.234375rem) * 0.1831)); 14-18 */
    font-size: calc(0.875rem + ((1vw - 0.234375rem) * -0.0169));
    line-height: 1.2;
}
.f-16 {
    font-size: calc(0.75rem + ((1vw - 0.234375rem) * 0.1831)); /* 12-16 */
    line-height: 1.4;
}
.anim_head, .fade-head {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.fade-head {
    transform: translateY(20px);
}
.anim_head .slide {
    display: inline-block;
}
/* .split-line {
    overflow: hidden;
} */
/* END FONTS */
/* COLORS */
html {
    --color-footer-blue: #064185;
    --color-blue: #024A90;
    --color-blue-a: #4277AC;
    --color-blue-b: #6591BB;
    --color-blue-c: #99B6D2;
    --color-red: #c2202f;
    /* --color-red: #C4002C; */
    --color-grey: #F5F5F5;
    --color-white: #ffffff;
    --color-dark-grey: #8D939A;
}
.color-blue {
    color: var(--color-blue);
}
.color-red {
    color: var(--color-red);
}
.color-white {
    color: var(--color-white);
}
.color-grey {
    color: var(--color-grey);
}
.color-dark-grey {
    color: var(--color-dark-grey);
}
.color-transparent {
    color: transparent;
}
body, .bg-white {
    background-color: var(--color-white);
}
.bg-red {
    background-color: var(--color-red);
}
.bg-red-radial {
    background: radial-gradient(circle,rgba(252, 133, 133, 1) 0%, rgba(194, 32, 47, 1) 100%);
}
.bg-blue {
    background-color: var(--color-blue);
}
.bg-blue-a {
    background-color: var(--color-blue-a);
}
.bg-blue-b {
    background-color: var(--color-blue-b);
}
.bg-blue-c {
    background-color: var(--color-blue-c);
}
.bg-grey {
    background-color: var(--color-grey);
}
.bg-footer-blue {
    background-color: var(--color-footer-blue);
}
/* END COLORS */
/* SCROLLBARS */
body {
    overflow: hidden;
}
html, body, .site {
	scrollbar-width: thin;
	scrollbar-color: var(--color-blue) transparent;
    overflow-x: hidden;
}
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	background: transparent;
}
::-webkit-scrollbar-thumb {
	background-color: var(--color-blue);
	/* border-radius: 6px; */
	border: 3px solid transparent;
}
/* END SCROLLBARS */
/* GENERAL */
html {
    --padding-top: 170px;
}
/* selections */
::-moz-selection {
    color: var(--color-white);
    background: var(--color-red);
}
::selection {
    color: var(--color-white);
    background: var(--color-red);
}
/* selections */
.px-25 {
    padding-left: calc(1rem + ((1vw - 0.225rem) * 1.0909));
    padding-right: calc(1rem + ((1vw - 0.225rem) * 1.0909));
}
.text-balance {
    text-wrap: balance;
}
.min-vh-75 {
    min-height: 75vh;
}
.min-vh-head {
    min-height: 100vh;
    padding-top: var(--padding-top);
}
.zIndex-0 {
    z-index: 0;
}
.zIndex-1 {
    z-index: 1;
}
.wrapper {
    padding: 0;
}
.overflow-h {
    overflow: hidden;
}
.pos-rel, section {
    position: relative;
}
.img-container {
    position: relative;
    overflow: hidden;
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;
}
.img-container img {
    width: 100%;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}
.img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-footer-blue);
    z-index: 2;
}
.img-overlay.red {
    background: var(--color-red);
}
.grecaptcha-badge { 
    opacity:0; 
}
.brd-t {
    border-top: 1px solid var(--color-blue);
}
.brd-t.brd-blue-a {
    border-top: 1px solid var(--color-blue-a);
}
.brd-b {
    border-bottom: 1px solid var(--color-blue);
}
.brd-b-lg-n {
    border-bottom: 1px solid var(--color-blue);
}
.brd-b-lg-n.brd-white {
    border-bottom: 1px solid var(--color-white);
}
.brd-t.brd-white {
    border-top: 1px solid var(--color-white);
}
.brd-b.brd-white {
    border-bottom: 1px solid var(--color-white);
}
.brd-l {
    border-left: 1px solid var(--color-blue);
}
.brd-r {
    border-right: 1px solid var(--color-blue);
}
.brd-r-lg-n {
    border-right: 1px solid var(--color-blue);
}
.brd-r-n {
    border-right: none;
}
.brd-l.brd-white {
    border-left: 1px solid var(--color-white);
}
.brd-r.brd-white {
    border-right: 1px solid var(--color-white);
}
@media (min-width: 744px){
    .brd-l-md {
        border-left: 1px solid var(--color-blue);
    }
}
a {
    text-decoration: none!important;
}
.list-underline li {
    border-bottom: 1px solid var(--color-blue);
    padding: 0rem 0 1.5rem;
    margin: 1.5rem 0 0;
}
.link {
    position: relative;
    display: inline-block;
}
.link:hover {
    color: var(--color-blue);
}
.link::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: -o-linear-gradient(left, var(--color-blue) 50%, transparent 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-blue)), color-stop(50%, transparent));
    background: linear-gradient(to right, var(--color-blue) 50%, transparent 50%);
    background-size: 201% 100%;
    background-position: right;
    -webkit-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
}
.link:hover::before {
    background-position: left;
}
.btn-main {
    display: inline-block;
    font-family: var(--font-sec);
    /* font-size: calc(0.875rem + ((1vw - 0.234375rem) * 0.1831)); */
    font-size: calc(0.875rem + ((1vw - 0.234375rem) * 0.1831));
    line-height: 1cap;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
    padding: calc(1.3rem + ((1vw - 0.225rem) * 0.4103)) 3rem;
    background: -o-linear-gradient(left, var(--color-blue) 50%, transparent 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-blue)), color-stop(50%, transparent));
    background: linear-gradient(to right, var(--color-blue) 50%, transparent 50%);
    background-size: 201% 100%;
    background-position: right;
    -webkit-transition: background .5s ease-out, color .5s ease-out;
    -o-transition: background .5s ease-out, color .5s ease-out;
    transition: background .5s ease-out, color .5s ease-out;
}
@media (min-width: 1280px) and (max-width: 1919px ) {
    .btn-main {
        padding: 1.2rem 2.4rem;
        font-size: calc(0.875rem + ((1vw - 0.234375rem) * -0.0169));
    }
}
.btn-main:hover {
    background-position: left;
    color: var(--color-white);
}
.btn-underline {
    position: relative;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(1rem + ((1vw - 0.225rem) * 0.1818));
    line-height: 1;
    color: var(--color-blue);
    padding: 0.5rem 0;
}
.btn-underline:hover {
    color: var(--color-blue);
}
.btn-underline::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background: var(--color-blue);
    -webkit-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.btn-underline:hover::after {
    width: 100%;
}
.btn-white {
    color: var(--color-white);
    border-color: var(--color-white);
    background: -o-linear-gradient(left, var(--color-white) 50%, transparent 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-white)), color-stop(50%, transparent));
    background: linear-gradient(to right, var(--color-white) 50%, transparent 50%);
    background-size: 201% 100%;
    background-position: right;
}
.btn-white:hover {
    background-position: left;
    color: var(--color-red);
}
.section-link {
    position: relative;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 1cap;
    line-height: 1cap;
}
.section-link span {
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 1cap;
    right: 0;
    -webkit-transform: translateX(125%);
        -ms-transform: translateX(125%);
            transform: translateX(125%);
}
.section-link .arrow-tr {
    display: block;
    /* width: calc(0.8rem + ((1vw - 0.225rem) * 0.6545)); */
    height: 100%;
}
.h2.section-link span {
    top: 6px;
    padding-bottom: 6px;
}
.h3.section-link span {
    top: 3px;
    padding-bottom: 3px;
}
.section-link.color-blue path {
    fill: var(--color-blue);
}
.section-link.color-white path {
    fill: var(--color-white);
}
.section-link:hover {
    color: var(--color-blue);
}
.section-link:hover.color-white {
    color: var(--color-white);
}
.section-link:hover .arrow-tr {
    -webkit-animation: arrowTR 2s ease-out forwards;
            animation: arrowTR 2s ease-out forwards;
}
@-webkit-keyframes arrowTR {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    25% {
        opacity: 1;
        -webkit-transform: translate(100%, -100%);
                transform: translate(100%, -100%);
    }
    25.1% {
        opacity: 0;
        -webkit-transform: translate(100%, -100%);
                transform: translate(100%, -100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%, 100%);
                transform: translate(-100%, 100%);
    }
    50.1% {
        opacity: 1;
        -webkit-transform: translate(-100%, 100%);
                transform: translate(-100%, 100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
}
@keyframes arrowTR {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    25% {
        opacity: 1;
        -webkit-transform: translate(100%, -100%);
                transform: translate(100%, -100%);
    }
    25.1% {
        opacity: 0;
        -webkit-transform: translate(100%, -100%);
                transform: translate(100%, -100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%, 100%);
                transform: translate(-100%, 100%);
    }
    50.1% {
        opacity: 1;
        -webkit-transform: translate(-100%, 100%);
                transform: translate(-100%, 100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
}
@media (min-width: 744px) {
    .h350 {
        height: 190px;
    }
}
@media (min-width: 1200px) {
    .h350 {
        height: 350px;
    }
}
/* END GENERAL */
/* HEADER */
#wrapper-navbar {
    position: fixed;
    width: 100%;
    z-index: 999;
    -webkit-transition: visibility 1.5s;
    -o-transition: visibility 1.5s;
    transition: visibility 1.5s;
}
#wrapper-navbar.hidden {
    visibility: hidden;
}
.navbar {
    padding: 0;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    will-change: transform;
}
.scrolled .navbar.hidden-nav {
    -webkit-transform: translateY(-110%);
        -ms-transform: translateY(-110%);
            transform: translateY(-110%);
}
.inner-navbar-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    will-change: transform;
}
.sitelogo {
    display: block;
    max-width: 40rem;
}
.logosvg.logo-w {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
.logosvg.logo-w.active {
    opacity: 1;
}
/* MAIN MENU */
#main-menu {
    --underline-width: 0;
    --underline-offset-x: 0;
  
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
#main-menu::before {
    content: "";
    display: block;
    position: absolute;
    top: 150%;
    height: 2px;
    width: var(--underline-width);
    -webkit-transform: translateX(var(--underline-offset-x));
        -ms-transform: translateX(var(--underline-offset-x));
            transform: translateX(var(--underline-offset-x));
    background-color: var(--color-blue);
    -webkit-transition: width 0.5s, -webkit-transform 0.5s;
    transition: width 0.5s, -webkit-transform 0.5s;
    -o-transition: transform 0.5s, width 0.5s;
    transition: transform 0.5s, width 0.5s;
    transition: transform 0.5s, width 0.5s, -webkit-transform 0.5s;
}
#wrapper-navbar.bluenav #main-menu::before {
    background-color: var(--color-white);
}
#main-nav .navbar-nav .nav-link {
    display: block;
    font-family: var(--font-b);
    line-height: 1.2;
    padding: 0;
    margin: 0 calc(0.6rem + ((1vw - 0.8rem) * 1.125));
    font-size: calc(0.875rem + ((1vw - 0.234375rem) * 0.1831));
    color: var(--color-blue);
}
#wrapper-navbar.bluenav #main-nav .navbar-nav .nav-link {
    color: var(--color-white);
}
#main-nav .menu-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid var(--color-blue);
}
#wrapper-navbar.bluenav #main-nav .menu-contact {
    border-left: 1px solid var(--color-white);
}
#main-nav .menu-contact > div {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#main-nav .menu-contact > div:first-child {
    border-right: 1px solid var(--color-blue);
}
#wrapper-navbar.bluenav #main-nav .menu-contact > div:first-child {
    border-right: 1px solid var(--color-white);
}
#main-nav .menu-contact .btn-header {
    display: inline-block;
    font-family: var(--font-sec);
    font-size: calc(0.75rem + ((1vw - 0.234375rem) * 0.1831)); /* 12-16 */
    line-height: 1cap;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
    padding: 1rem calc(1.4rem + ((1vw - 0.8rem) * 1.375));
    background: -o-linear-gradient(left, var(--color-blue) 50%, transparent 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-blue)), color-stop(50%, transparent));
    background: linear-gradient(to right, var(--color-blue) 50%, transparent 50%);
    background-size: 201% 100%;
    background-position: right;
    -webkit-transition: background .5s ease-out, color .5s ease-out;
    -o-transition: background .5s ease-out, color .5s ease-out;
    transition: background .5s ease-out, color .5s ease-out;
}
#main-nav .menu-contact .btn-header:hover {
    background-position: left;
    color: var(--color-white);
}
#wrapper-navbar.bluenav #main-nav .menu-contact .btn-header {
    color: var(--color-white);
    border: 1px solid var(--color-white);
    background: -o-linear-gradient(left, var(--color-white) 50%, transparent 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-white)), color-stop(50%, transparent));
    background: linear-gradient(to right, var(--color-white) 50%, transparent 50%);
    background-size: 201% 100%;
    background-position: right;
}
#wrapper-navbar.bluenav #main-nav .menu-contact .btn-header:hover {
    background-position: left;
    color: var(--color-blue);
}
#main-nav .header-date {
    pointer-events: none;
}
#main-nav .header-date > span {
    background: #3BEA12;
    width: 0.5cap;
    height: 0.5cap;
    display: inline-block;
    border-radius: 50%;
    margin-top: 0;
    -webkit-transform: translate(50%, 30%);
        -ms-transform: translate(50%, 30%);
            transform: translate(50%, 30%);
}
@media (min-width: 1280px) and (max-width: 1919px ) {
    #main-nav .navbar-nav .nav-link {
        font-size: calc(0.875rem + ((1vw - 0.234375rem) * -0.0169));
    }
    #main-nav .menu-contact .btn-header {
        font-size: calc(0.75rem + ((1vw - 0.234375rem) * -0.0169));
        padding: 0.7rem 1rem;
    }
    #main-nav .header-date p {
        font-size: calc(0.75rem + ((1vw - 0.234375rem) * -0.0169));
    }
}
/* END MAIN MENU */
/* menu button */
#menu-button {
    position: relative;
    width: 44px;
    height: 14px;
    background: transparent;
    border: none;
    padding: 0;
    outline: none!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
}
#menu-button .menu-button-inner, #menu-button .menu-button-inner::before, #menu-button .menu-button-inner::after {
    height: 2px;
    width: 44px;
    background-color: var(--color-blue);
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
}
#menu-button.white .menu-button-inner, #menu-button.white .menu-button-inner::before, #menu-button.white .menu-button-inner::after {
    background-color: var(--color-white);
}
.menu-button-inner {
    top: 6.5px;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}
.menu-button-inner:before {
    content: "";
    top: -6px;
}
.menu-button-inner:after {
    content: "";
    top: 6px;
}
.menu-button-inner::before, .menu-button-inner::after {
    -webkit-transition: background-color .5s, top 0.5s 0.5s, -webkit-transform 0.5s;
    transition: background-color .5s, top 0.5s 0.5s, -webkit-transform 0.5s;
    -o-transition: background-color .5s, transform 0.5s, top 0.5s 0.5s;
    transition: background-color .5s, transform 0.5s, top 0.5s 0.5s;
    transition: background-color .5s, transform 0.5s, top 0.5s 0.5s, -webkit-transform 0.5s;
}
#menu-button .menu-button-inner {
    -webkit-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
    /* transition-delay: 0.5s; */
}
#menu-button.open .menu-button-inner {
    -webkit-transition-duration: 0.1s;
         -o-transition-duration: 0.1s;
            transition-duration: 0.1s;
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
    background: transparent;
}
#menu-button.open .menu-button-inner::before {
    background-color: var(--color-white);
    -webkit-transition: background-color .5s, top 0.5s, -webkit-transform 0.5s 0.5s;
    transition: background-color .5s, top 0.5s, -webkit-transform 0.5s 0.5s;
    -o-transition: background-color .5s, top 0.5s, transform 0.5s 0.5s;
    transition: background-color .5s, top 0.5s, transform 0.5s 0.5s;
    transition: background-color .5s, top 0.5s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    top: 0px;
    -webkit-transform: rotateZ(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotateZ(-45deg);
}
#menu-button.open .menu-button-inner::after {
    background-color: var(--color-white);
    -webkit-transition: background-color .5s, top 0.5s, -webkit-transform 0.5s 0.5s;
    transition: background-color .5s, top 0.5s, -webkit-transform 0.5s 0.5s;
    -o-transition: background-color .5s, top 0.5s, transform 0.5s 0.5s;
    transition: background-color .5s, top 0.5s, transform 0.5s 0.5s;
    transition: background-color .5s, top 0.5s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    top: 0px;
    -webkit-transform: rotateZ(45deg);
        -ms-transform: rotate(45deg);
            transform: rotateZ(45deg);
}
/* #menu-button:hover:not(.open) .menu-button-inner, #menu-button:hover .menu-button-inner::before, #menu-button:hover .menu-button-inner::after {
    background-color: var(--color-red);
} */
#wrapper-navbar.open .inner-navbar-container > div > *:not(#menu-button) {
    opacity: 0;
    visibility: hidden;
}
/* END HEADER */
/* MENU WRAPPER */
#wrapper-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    overflow: hidden;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    background: var(--color-blue);
}
#navbarMobile {
    max-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    height: 100%;
}
#navbarMobile .navbar-nav .nav-link {
    color: var(--color-white);
    font-size: 2.25rem;
    font-family: var(--font-sec);
}
/* END MENU WRAPPER */
/* PRELOADER */
/* .preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: var(--color-white);
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.preloader .inner-container {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
} */
/* .preloader svg {
    position: relative;
}
.preloader .symbol {
    position: relative;
    width: 26.2%;
    left: 50%;
    -webkit-transform: translateX(-60%) scale(1.5);
        -ms-transform: translateX(-60%) scale(1.5);
            transform: translateX(-60%) scale(1.5);
}
.preloader .text {
    margin-left: 3%;
    width: 66.5%;
}
.preloader .text #left {
    -webkit-transform: translateY(105%);
        -ms-transform: translateY(105%);
            transform: translateY(105%);
}
.preloader .text #right {
    -webkit-transform: translateY(-105%);
        -ms-transform: translateY(-105%);
            transform: translateY(-105%);
}
.preloader .sub {
    margin-left: auto;
    width: 32%;
    opacity: 0;
    -webkit-transform: translateX(105%);
        -ms-transform: translateX(105%);
            transform: translateX(105%);
} */
/* .preloader .intro-logo {
    --greyscale: 1;
    -webkit-filter: grayscale(var(--greyscale));
            filter: grayscale(var(--greyscale));
} */
/* .preloader .progressBar {
    position: relative;
}
#loading-container {
    position: relative;
    height: 5px;
    margin: 0.5rem 0;
    border-radius: 3rem;
    overflow: hidden;
}
#loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--color-blue);
} */
/* END PRELOADER */
/* HOMEPAGE */
#cursor {
    position: absolute;
    will-change: transform;
    pointer-events: none;
    z-index: 1;
    width: 6rem;
    height: 6rem;
    /* width: calc(0rem + ((1vw - 0.225rem) * 5.8182));
    height: calc(0rem + ((1vw - 0.225rem) * 5.8182)); */
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.6, 1.46, 0.53, 0.92);
    -o-transition: opacity 0.5s cubic-bezier(0.6, 1.46, 0.53, 0.92);
    transition: opacity 0.5s cubic-bezier(0.6, 1.46, 0.53, 0.92);
}
.cursor {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 6rem;
    height: 6rem;
    /* width: calc(0rem + ((1vw - 0.225rem) * 5.8182));
    height: calc(0rem + ((1vw - 0.225rem) * 5.8182)); */
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.cursor p {
    font-size: 1rem;
}
#cursor .circle {
    position: absolute;
    width: 110%;
    height: 110%;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
#cursor .circle .background {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
#siteBgSVG path {
    stroke: #000000!important;
    /* stroke: var(--color-dark-grey)!important; */
    /* filter: blur(1px); */
    stroke-width: 0.3px;
}
#siteBgSVG #numGroup {
    display: none;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center!important;
        -ms-transform-origin: center!important;
            transform-origin: center!important;
}
.home #siteBgSVG #numGroup {
    display: block;
}
#siteBgSVG #splitline {
    display: none;
}
.home #siteBgSVG #splitline {
    display: block;
}
.list-underline {
    -webkit-padding-start: 1rem;
            padding-inline-start: 1rem;
}
.bg-1 {
    position: fixed;
    top: 0;
    left: 0;
    /* width: 100%;
    height: 100%; */
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
    will-change: transform;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    overflow: hidden;
    /* animation: wave 120s linear infinite; */
}
#siteBgSVG {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    will-change: transform;
    /* animation: wave 120s linear alternate; */
    /* animation: wave 15s -5s ease-in-out infinite alternate; */
}
#siteBG svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* width: 100vw;
    height: 100vh; */
    opacity: 0.5;
    /* filter: blur(1px); */
    -webkit-transform: scale(4);
        -ms-transform: scale(4);
            transform: scale(4);
    will-change: transform;
}
@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(1.2) rotateX(20deg) rotateY(20deg) rotateZ(0deg);
                transform: scale(1.2) rotateX(20deg) rotateY(20deg) rotateZ(0deg);
        /* transform: translate(-50%, -50%) scale(1) rotateX(20deg) rotateY(20deg) rotateZ(0deg); */
    }
    100% {
        -webkit-transform: scale(1.2) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
                transform: scale(1.2) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        /* transform: translate(-50%, -50%) scale(1.2) rotateX(0deg) rotateY(0deg) rotateZ(0deg); */
    }
}
@keyframes wave {
    0% {
        -webkit-transform: scale(1.2) rotateX(20deg) rotateY(20deg) rotateZ(0deg);
                transform: scale(1.2) rotateX(20deg) rotateY(20deg) rotateZ(0deg);
        /* transform: translate(-50%, -50%) scale(1) rotateX(20deg) rotateY(20deg) rotateZ(0deg); */
    }
    100% {
        -webkit-transform: scale(1.2) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
                transform: scale(1.2) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        /* transform: translate(-50%, -50%) scale(1.2) rotateX(0deg) rotateY(0deg) rotateZ(0deg); */
    }
}
.video-js {
    height: auto!important;
    pointer-events: none!important;
    overflow: hidden;
}
.video-js > div {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
#ivideo {
    width: 100%;
}
#section4 {
    cursor: default!important;
}
#accordionServices .accordion-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 1px solid var(--color-blue);
    /* padding: 1.5rem 0; */
    -webkit-transition: padding 0.5s ease-in-out;
    -o-transition: padding 0.5s ease-in-out;
    transition: padding 0.5s ease-in-out;
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23024A90'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23024A90'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
#accordionServices .accordion-item.show {
    padding-bottom: 3rem;
}
.accordion-flush .accordion-item:first-child {
    border-top: 1px solid var(--color-blue);
}
#accordionServices .accordion-img {
    width: 33.33333333%;
    cursor: pointer;
    -webkit-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
#accordionServices .accordion-inner {
    width: 100%;
    -webkit-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
#accordionServices .accordion-item.show .accordion-img {
    width: 83.33333333%;
}
#accordionServices .accordion-item.show .accordion-inner {
    width: 100%;
}
#accordionServices .accordion-header {
    margin-bottom: 0;
    height: 20%;
}
#accordionServices .accordion-item .header-num {
    height: 0%;
    padding: 0;
    visibility: hidden;
    -webkit-transition: height 0.5s, padding 0.5s, visibility 0.5s;
    -o-transition: height 0.5s, padding 0.5s, visibility 0.5s;
    transition: height 0.5s, padding 0.5s, visibility 0.5s;
    -webkit-transition-timing-function: ease-in-out;
         -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
}
#accordionServices .accordion-item.show .header-num {
    height: 30%;
    padding: 0;
    visibility: visible;
}
#accordionServices .accordion-button {
    color: var(--color-blue);
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 1rem 0;
}
#accordionServices .accordion-collapse {
    border-width: 0;
    height: 80%;
}
#accordionServices .accordion-body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
}
#accordionServices .collapsing {
    height: unset!important;
    overflow: unset!important;
    -webkit-transition: unset!important;
    -o-transition: unset!important;
    transition: unset!important;
}
.value {
    min-height: calc(20rem + ((1vw - 0.225rem) * 20)); /* 20 - 60 */
    overflow: hidden;
}
.values-footer h4 {
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}
.values-footer p {
    /* height: 0; */
    overflow: hidden;
}
.fleet3d-container {
    position: relative;
    cursor: none;
    /* display: flex;
    align-items: center;
    height: 100vh; */
    /* overflow: hidden; */
}
#canvas {
    position: absolute;
    width: 100%;
    height: 100vh;
    /* height: 100%; */
    top: 0;
    -ms-touch-action: auto;
        touch-action: auto;
    /* top: -20rem; */
    /* pointer-events: none; */
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
canvas {
    -ms-touch-action: auto!important;
        touch-action: auto!important;
}
/* END HOMEPAGE */
/* ABOUT */
.about-nav-wrapper {
    background: #6591BB;
}
.about-nav-wrapper img {
    max-height: 140px;
}
.about-intro-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
#accordionValues .accordion-button {
    background: transparent;
    color: var(--color-blue)!important;
    outline: none!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
}
#accordionValues .accordion-item {
    border: none;
    border-bottom: 1px solid var(--color-blue);
    background: transparent;
}
#accordionValues .accordion-item:last-child {
    border-bottom: none;
}
#map_dots {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.grad-overlay {
    position: absolute;
    background: -o-linear-gradient(top,rgba(255,255,255,0) 25%,rgba(2,74,144,1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(25%, rgba(255,255,255,0)),to(rgba(2,74,144,1)));
    background: linear-gradient(180deg,rgba(255,255,255,0) 25%,rgba(2,74,144,1) 100%);
    width: 100%;
    height: calc(100% + 6px);
    bottom: -3px;
}
.grad-fix {
    position: absolute;
    width: 100%;
    height: 5px;
    background: var(--color-blue);
    bottom: -2px;
    z-index: 2;
}
/* END ABOUT */
/* SERVICES */
.service-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}
.service-container .white-orb {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: var(--color-white);
    border-radius: 50%;
    width: 70%;
    height: 70%;
    opacity: 0;
    filter: blur(100px);
    pointer-events: none;
    transition: opacity 0.5s ease-in-out;
}
.service-container:hover .white-orb {
    opacity: 0.3;
}
.btn-service {
    display: inline-block;
    font-size: calc(1.875rem + ((1vw - 0.234375rem) * 2.746));
    line-height: 1;
    color: var(--color-white);
    text-align: center;
    background: transparent;
    padding: 2rem 4rem;
    -webkit-transition: color .5s, background .5s;
    -o-transition: color .5s, background .5s;
    transition: color .5s, background .5s;
    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}
.btn-service:hover {
    background: var(--color-white);
    color: var(--color-blue);
}
.service-img {
    /* transform: translateY(-50%); */
    height: 80%;
}
/* END SERVICES */
/* FLEET */
/* .fleet-img {
    position: absolute;
    bottom: -70%;
    left: 50%;
    transform: translateX(-50%);
} */
.fleet-nav-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid var(--color-blue);
}
.fleet-nav-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    width: 50%;
    color: var(--color-blue);
    transition: background 0.3s linear, color 0.3s linear;
}
.fleet-nav-wrapper a:hover, .fleet-nav-wrapper a.active {
    background: var(--color-blue);
    color: var(--color-white);
}
.fleet-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.ship-container {
    border-top: 1px solid var(--color-blue);
    border-bottom: 1px solid var(--color-blue);
    -webkit-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
    overflow: hidden;
}
.ship-container:hover {
    background: var(--color-blue);
}
.ship-container .brd-r {
    border-right: 1px solid var(--color-blue);
}
.ship-container .brd-b {
    border-bottom: 1px solid var(--color-blue);
}
.ship-container:hover .brd-r {
    border-right: 1px solid var(--color-white);
}
.ship-container:hover .brd-b {
    border-bottom: 1px solid var(--color-white);
}
.ship-container:hover .color-blue {
    color: var(--color-white);
}
.ship-container .hidden-row {
    visibility: hidden;
    -webkit-transition: visibility 0.3s, -webkit-transform 0.3s;
    transition: visibility 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, visibility 0.3s;
    transition: transform 0.3s, visibility 0.3s;
    transition: transform 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    height: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
}
.ship-container:hover .hidden-row {
    visibility: visible;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
}
.ship-container .ship-image {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 2s linear;
    transition: -webkit-transform 2s linear;
    -o-transition: transform 2s linear;
    transition: transform 2s linear;
    transition: transform 2s linear, -webkit-transform 2s linear;
}
.ship-container:hover .ship-image {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
/* END FLEET */
/* PAST FLEET */
.img-container.now {
    width: calc(15rem + ((1vw - 0.225rem) * 12.2727));
    margin: 0 auto;
}
.img-container.now h6 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.img-container.now img {
    will-change: transform;
    -webkit-animation: rotateNow 120s linear infinite;
            animation: rotateNow 120s linear infinite;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
}
@-webkit-keyframes rotateNow {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes rotateNow {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
.past-fleet-container {
    background: url(https://seahawkmaritime.com/wp-content/uploads/2023/07/line-dots.svg);
    background-repeat: repeat-y;
    background-position-x: 5%;
    background-size: 4px;
    -webkit-animation: timelineBG 120s linear infinite;
            animation: timelineBG 120s linear infinite;
}
@-webkit-keyframes timelineBG {
    from {
        background-position-y: 0%;
    }
    to {
        background-position-y: 100%;
    }
}
@keyframes timelineBG {
    from {
        background-position-y: 0%;
    }
    to {
        background-position-y: 100%;
    }
}
/* END PAST FLEET */
/* CONTACT */
.wpcf7 {
    max-width: 100%;
    margin: 0!important;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea, .wpcf7 input[type=tel] {
    border: 0;
    border-bottom: 1px solid var(--color-blue)!important;
    border-radius: 0;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    outline: none!important;
    font-size: calc(1.125rem + ((1vw - 0.234375rem) * 1.0069)); /* 18-40 */
}
.wpcf7 input[type=text]::-webkit-input-placeholder, .wpcf7 input[type=email]::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder, .wpcf7 input[type=tel]::-webkit-input-placeholder {
    color: var(--color-blue);
    opacity: 0.5;
}
.wpcf7 input[type=text]::-moz-placeholder, .wpcf7 input[type=email]::-moz-placeholder, .wpcf7 textarea::-moz-placeholder, .wpcf7 input[type=tel]::-moz-placeholder {
    color: var(--color-blue);
    opacity: 0.5;
}
.wpcf7 input[type=text]:-ms-input-placeholder, .wpcf7 input[type=email]:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder, .wpcf7 input[type=tel]:-ms-input-placeholder {
    color: var(--color-blue);
    opacity: 0.5;
}
.wpcf7 input[type=text]::-ms-input-placeholder, .wpcf7 input[type=email]::-ms-input-placeholder, .wpcf7 textarea::-ms-input-placeholder, .wpcf7 input[type=tel]::-ms-input-placeholder {
    color: var(--color-blue);
    opacity: 0.5;
}
.wpcf7 input[type=text]::placeholder, .wpcf7 input[type=email]::placeholder, .wpcf7 textarea::placeholder, .wpcf7 input[type=tel]::placeholder {
    color: var(--color-blue);
    opacity: 0.5;
}
/* END CONTACT */
/* POLICIES & LEGAL */
.policies-list {
    list-style: none;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
}
/* END POLICIES & LEGAL */
/* FOOTER */
.prefooter {
    /* max-height: 50vh; */
    overflow: hidden;
}
/* .prefooter img {
    height: 100%;
    object-fit: cover;
} */
#footervideo {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.footer-link {
    display: inline-block;
    font-family: var(--font-sec);
    color: var(--color-blue);
    line-height: 2.5;
}
.social-icon {
    display: inline-block;
    height: 26px;
    margin-right: 2rem;
}
.social-icon img {
    height: 26px;
}
.footer-list {
    list-style: none;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
}
.footer-list > li {
    line-height: 0;
}
/* END FOOTER */
/* MEDIA Qs */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .preloader > .inner-container {
        width: 25%;
    }
    .px-lg-25 {
        padding-left: calc(1rem + ((1vw - 0.225rem) * 1.0909))!important;
        padding-right: calc(1rem + ((1vw - 0.225rem) * 1.0909))!important;
    }
    #wrapper-navbar.scrolled .inner-navbar-container {
        -webkit-transform: scale(0.95);
            -ms-transform: scale(0.95);
                transform: scale(0.95);
    }
    .inner-navbar-container {
        border: 1px solid var(--color-blue);
        background: var(--color-white);
    }
    /* #wrapper-navbar.bluenav .inner-navbar-container {
        border: 1px solid var(--color-white);
        background: var(--color-blue);
    } */
    .brd-r-n {
        border-right: 1px solid var(--color-blue);
    }
    .brd-r-n.brd-white {
        border-right: 1px solid var(--color-white);
    }
    .brd-r-lg-n {
        border-right: none!important;
    }
    .brd-b-lg-n {
        border-bottom: none!important;
    }
    #siteBG svg {
        opacity: 0.3;
        /* filter: blur(1px); */
        -webkit-transform: scale(2);
            -ms-transform: scale(2);
                transform: scale(2);
    }
    #accordionServices .accordion-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    #accordionServices .accordion-inner {
        width: 83.33333333%;
    }
    #accordionServices .accordion-item.show .accordion-inner,
    #accordionServices .accordion-item.show .accordion-img {
        width: 50%;
    }
    #accordionServices .accordion-item.show .header-num {
        padding: 0rem 1.25rem 1rem;
    }
    #accordionServices .accordion-body {
        padding: 1rem 1.25rem 0;
    }
    #accordionServices .accordion-button {
        padding: 2rem 1.25rem 0;
    }
    #accordionServices .accordion-img {
        width: 16.66666666%;
    }
    .fleet-img {
        top: 120%;
    }
    /* #canvas {
        -webkit-transform: translateY(1%);
            -ms-transform: translateY(1%);
                transform: translateY(1%);
    } */
    .past-fleet-container {
        background-position-x: center;
    }
}