/* CSS-RESET*/
* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    outline: 0;
    box-sizing: border-box;
    border: 0;
}

/* FONTS */
@font-face {
    font-family: "Raleway";
    src: url("/../fonts/Raleway/Raleway-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Raleway";
    src: url("/../fonts/Raleway/Raleway-Medium.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Raleway";
    src: url("/../fonts/Raleway/Raleway-Black.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 0.0625vw;
}
@media screen and (min-width: 1600px) {
    html {
        font-size: 1px
    }
}

body {
    font: 400 18rem/22rem 'Raleway', sans-serif;
    color: #000000;
}

main, section  {
    position: relative;
    overflow: hidden;
}

img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
h1 {
    font: 400 100rem/110rem 'Raleway', sans-serif;
    text-transform: uppercase;
    color: #fff;
}

h2 {
    font: 600 40rem/48rem 'Raleway', sans-serif;
    margin: 0 0 40rem;
}

h3 {
    font: 600 30rem/38rem 'Raleway', sans-serif;
    margin: 0 0 32rem;
}

.container {
    width: 1420px;
    padding: 0 10px;
    margin: 0 auto;
}
/* MODIFIER */
.flex_ai-c {
    display: flex;
    align-items: center;
}
.flex_ai-c_jc-sb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.upper {
    text-transform: uppercase;
}
.ta-c {
    text-align: center;
}

/* BASE STYLE FOR BUTTON */
.base_btn {
    display: block;
    width: 330rem;
    height: 60rem;
    border-radius: 30rem;
    font: 400 22rem/60rem 'Raleway', sans-serif;
    transition: all .3s ease;
}
.base_btn.primary {
    background: linear-gradient(90deg, #071851 26%, #2EA7EB 100%);
    color: #fff;
}
.base_btn.primary:hover {
    background: linear-gradient(90deg, #071851 0%, #2EA7EB 77.5%);
}
.base_btn.secondary {
    background: #FFF;
    color: #000;
}
.base_btn.secondary:hover {
    background: linear-gradient(90deg, #071851 0%, #2EA7EB 77.5%);
    color: #fff;
}

/* BASE GRADIENT TEXT */
.base_gradient-text {
    background: linear-gradient(90deg, #071851 0%, #2EA7EB 77.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* BASE SECTION LABEL */
.base_section-label {
    margin: 0 0 36rem;
    font: 700 22rem/30rem 'Raleway', sans-serif;
}

/* BASE MARQUEE */
.base_marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto 50rem;
}
.base_marquee-inner {
    display: flex;
    align-items: center;
}
.base_marquee-left {
    animation: marqueeLeft 10s linear infinite;
}
.base_marquee-right {
    animation: marqueeRight 10s linear infinite;
}
.base_marquee-item {
    display: inline-block;
    width: 430rem;
    height: 240rem;
    border-radius: 10rem;
    flex-shrink: 0;
    overflow: hidden;
    margin: 0 30rem;
}

@keyframes marqueeLeft {
0% {
    transform: translateX(0%);
}
100% {
    transform: translateX(-50%);
}
}
@keyframes marqueeRight {
0% {
    transform: translateX(-50%);
}
100% {
    transform: translateX(0%);
}
}

/* STYLE FOR HEADER */
header {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 13rem 0;
    z-index: 1000;
}
.header_logo {
    display: block;
    width: 110rem;
    height: 74rem;
}
.header_nav-link {
    color: #000;
    font: 400 22rem/26rem 'Raleway', sans-serif;
    transition: all .3s ease;
    margin: 0 20rem;
}
.header_nav-link:hover {
    color: #071851;
}
.header_btn {
    width: 250rem;
}
.header_burger {
    display: none;
    position: relative;
    width: 40rem;
    height: 40rem;
}
.header_burger-line {
    position: absolute;
    width: 100%;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-bottom: thin solid #000;
}
.header_burger-line:before,
.header_burger-line:after {
    content: '';
    position: absolute;
    right: 0;
    width: 100%;
    border-bottom: thin solid #000;
    transition: all .3s ease;
}
.header_burger-line:before {
    top: -8rem;
    width: 70%;
}
.header_burger-line:after {
    top: 8rem;
}


/* FOOTER */
footer {
    background: #071851;
}
.footer_inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 60rem 0;
}
.footer_title {
    font: 400 40rem/48rem 'Raleway', sans-serif;
    margin: 0 0 30rem;
    color: #fff;
}
.footer_item {
    max-width: 350rem;
}
.footer_link {
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0 0 16rem;
}
.footer_link-icon {
    width: 20rem;
    height: 15rem;
    margin: 0 12rem 0 0;
    flex-shrink: 0;
}
.footer_location-icon {
    width: 20rem;
    height: 20rem;
    margin: 0 12rem 0 0;
    flex-shrink: 0;
}
.footer_menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10rem 20rem;
    width: 200rem;
}
.footer_socials {
    display: flex;
    gap: 20rem;
}
.footer_socials-item {
    width: 40rem;
    height: 40rem;
}

/* BASE STYLE */

.home-main {
    height: 750rem;
    text-align: center;
}
.home-main_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.home-main_img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(10, 15, 54, 0.44);
}
.home-main_img img {
    -o-object-fit: cover;
       object-fit: cover;
}
.home-main_title {
    margin: 430rem 0 28rem;
}
.home-main_text {
    color: #fff;
    text-transform: uppercase;
    font: 400 70rem/80rem 'Raleway', sans-serif;
}


.home-about {
    padding: 120rem 10rem;
}
.home-about_inner {
    display: flex;
    margin: 0 auto 120rem;
}
.home-about_images {
    display: flex;
    margin: 0 200rem 0 0;
}
.home-about_images-big {
    width: 388rem;
    height: 428rem;
    border-radius: 10rem;
    overflow: hidden;
}
.home-about_images-little {
    width: 243rem;
    height: 310rem;
    margin: 248rem 0 -130rem -120rem;
}
.home-about_images-big img,
.home-about_images-little img {
    -o-object-fit: fit;
       object-fit: fit;
}
.home-about_info {
    max-width: 690rem;
}
.home-about_info-text {
    font: 400 22rem/30rem 'Raleway', sans-serif;
    margin: 0 0 15rem;
}
.home-about_skills {
    display: flex;
    gap: 100rem;
}
.home-about_skills-value {
    color: #000;
    font: 700 60rem/70rem 'Raleway', sans-serif;
    padding: 0 0 34rem;
    margin: 0 0 24rem;
    position: relative;
}
.home-about_skills-value:after {
    content: '';
    position: absolute;
    width: 80rem;
    height: 4rem;
    background: linear-gradient(90deg, #071851 0%, #2EA7EB 77.5%);
    bottom: 0;
    left: 0;
}
.home-about_skills-key {
    text-transform: uppercase;
    color: #000;
    font: 500 20rem/30rem 'Raleway', sans-serif;
}


.home-banner {
    overflow: unset;
    padding: 66rem 0;
    background: linear-gradient(90deg, #071851 32%, #2EA7EB 100%);
}
.home-banner_title {
    font: 800 36rem/46rem 'Raleway', sans-serif;
    color: #fff;
}
.home-banner_img {
    width: 500rem;
    height: 505rem;
    position: absolute;
    right: 0;
    top: -50%;
}


.home-recruitment {
    padding: 100rem 10px 0;
}
.home-crewing {
    padding: 50rem 10px 0;
}

.home-services_inner {
    display: flex;
    margin: 0 auto 120rem;
}
.home-services_images {
    display: flex;
    margin: 0 120rem 0 0;
}
.home-services_images-big {
    width: 218rem;
    height: 224rem;
    border-radius: 10rem;
    overflow: hidden;
}
.home-services_images-little {
    width: 145rem;
    height: 173rem;
    margin: 112rem 0 -61rem -65rem;
}
.home-services_images-big img,
.home-services_images-little img {
    -o-object-fit: fit;
       object-fit: fit;
}
.home-services_info {
    max-width: 890rem;
}
.home-services_info-text {
    margin: 0 0 20rem;
}
.home-services_btn {
    margin: 50rem 0 0;
}
.home-services_item {
    margin: 0 0 50rem;
}
.home-services_item-row {
    display: flex;
}
.home-services_item-text {
    width: 585rem;
    margin: 0 60rem 0 0;
}
.home-services_item-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 110rem;
    gap: 3rem 50rem;
}
.home-services_item li {
    list-style-type: disc;
}
.home-services_item-title {
    margin: 0 0 10rem;
}
.home-services_item-list-2 {
    margin: 0 0 0 20rem;
    display: grid;
    gap: 3rem;
}