@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@media screen and (min-width: 1001px) and (max-width: 10000px) {
.cargoHomeBaner {
    float: left;
    width: 100%;
    height: 100vh;
    position: relative;

    background-attachment:fixed
}
.cargoBanerMore {
    float: left;
    position: relative;
    margin: 1.5vw 0px 0px 0px;
    padding: 1vw 2vw 1vw 2vw;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1vw;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.3vw;
        z-index: 10;
        background-color: #000;
}
    .cargoBaner {
        float: left;
        width: 100%;
        height: 70vh;
        position: relative;

        background-attachment:fixed
    }
    .cargoBanerHeader {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 2.5vw;
        font-weight: 600;
        line-height: 3vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.5vw;
            z-index: 10;
    }
    .cargoBanerHeaderSmall {
        float: left;
        width: 100%;
        position: relative;
        margin: 0.5vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 1.3vw;
        font-weight: 400;
        line-height: 1.5vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.1vw;
            z-index: 10;
    }
        .cargoBaner .videos {
            float:left;
            position:absolute;
            left:0;
            top:0;
            width:100%;
            min-width:100%;
            height:100%;
            min-height:100%;
            z-index: 1;
            object-fit: cover;

            z-index: 6;
        }
    .cargoInner {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 3vw 10vw 3vw 10vw;

        background-color: #000;
    }
    .cargoHeader__30 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0vw 0px;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 1.2vw;
        font-weight: 400;
        line-height: 1.5vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.1vw;
            z-index: 10;
    }
    .cargoText {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: AvenirLTStd;
        font-size: 14px;
        font-weight: 300;
        line-height: 26px;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.2vw;
            z-index: 10;
    }
    .cargoMenu {
        float: left;
        width: 100%;
        height: 5vw;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

        list-style: none;

        border-top: 1px solid rgba(255,255,255,0.2);
        background-color: #000;
    }
    .cargoMenu__href {
        float: left;
        height: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 1.5vw 0px 1.5vw;

        font-family: 'Poppins', sans-serif;
        color: #fff;
        font-size: 1vw;
        font-weight: 500;
        line-height: 1vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.3vw;

        cursor: pointer;
    }
    .cargoMenu__href:hover:before,
    .cargoMenu__href.cargoMenu__href--active:before
    {
        opacity: 1;
    }
    .cargoMenu__href:before {
        content: ' ';
        float: left;
        width: 0.8vw;
        height: 0.6vw;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin: 0px 0px 0px -0.4vw;
        padding: 0px 0px 0px 0px;
        background-color: #fff;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        opacity: 0;
    }
    .cargoBoxes {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 3vw 18vw 1.5vw 18vw;

        background-color: #fff;
    }
        .cargoBox {
            float: left;
            width: 100%;
            position: relative;
            margin: 0px 0px 0px 0px;
            padding:  0px 0px 0px 0px;
        }
        .cargoBox__text {
            float: left;
            width: 100%;
            position: relative;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-family: 'Poppins', sans-serif;
            color: #000;
            font-size: 0.9vw;
            font-weight: 400;
            line-height: 1vw;
        }
        .cargoBox__text p {
            float: left;
            width: 100%;
            position: relative;
            margin: 0px 0px 0.3vw 0px;
            padding: 1.3vw 1.5vw 1.3vw 1.5vw;
            background-color: #f4f4f4;
                cursor: pointer;

                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
        }
        .cargoBox__text a {
            color: #000;
            text-decoration: underline;
        }
        .cargoBox__text--active-p {
            color: #fff !important;
            background-color: #000 !important;
        }
        .cargoBox__text--active-p a {
            color: #fff !important;
            text-decoration: underline !important;
        }
    .cargoForm {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0vw 18vw 6vw 18vw;

        background-color: #fff;
    }
    .cargoForm__grid {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
    }
    .cargoForm__all {
        float: left;
        width: 100%;
        position: relative;
        margin: 1.5vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    .cargoForm__box {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .cargoForm__input {
        float: left;
            width: 100%;
            height: 3vw;
            position: relative;
            margin: 0px 0px 0px 0px;
            padding: 0px 1.5vw 0px 1.5vw;
            font-family: 'Poppins', sans-serif;
            color:  #000;
            font-size: 0.8vw;
            font-weight:  400;
            line-height: 0.8vw;
            border: 1px solid #eaeaea;
            background: #ffffff;
    }
    .cargoForm__textarea  {
        float: left;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 8vw;
        min-height: 8vw;
        max-height: 16vw;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 1.5vw;
        font-family: 'Poppins', sans-serif;
        color:  #000;
        font-size: 0.8vw;
        font-weight:  400;
        line-height: 0.8vw;
        border: 1px solid #eaeaea;
        background: #ffffff;
    }
    .formBox__checkBox {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
    }
    .formBox__checkInput {
        display: block !important;
        float: left;
        width: 15px;
        height: 15px;
        position: relative;
        border: 1px solid #eaeaea;
    }
    .formBox__checkText {
        float: left;
        width: calc(100% - 30px);
        position: relative;
        font-family: 'Poppins', sans-serif;
        color: #000;
        font-size: 13px;
        line-height: 15px;
        font-weight: 400;
        text-align: justify;
        text-transform: uppercase;
    }
    .formBox__checkText a {
        color: #000;
        text-decoration: underline;
    }
    .formSubmit  {
        float: right;
        width: 100%;
        height: 3.5vw;
        background-color:  #000;
        font-family: 'Poppins', sans-serif;
        color:  #ffffff;
        font-size: 0.8vw;
        font-weight:  400;
        line-height: 0.8vw;
        text-transform: uppercase;
        border: 0px solid #dedede;
        letter-spacing: 0.47px;
        cursor: pointer;
    }
    .cargoForm__popup {
        position: fixed !important;
    }


    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }

    /* Firefox */
    input[type=number] {
    -moz-appearance: textfield;
    }

    input::placeholder {
        text-transform: uppercase;
        color: #000000;
    }
    textarea::placeholder {
        text-transform: uppercase;
        color: #000000;
    }
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.cargoHomeBaner {
    float: left;
    width: 100%;
    height: 50vw;
    position: relative;
    padding: 0px 4vw 0px 4vw;

    background-attachment:fixed
}
.cargoBanerMore {
    float: left;
    position: relative;
    margin: 2vw 0px 0px 0px;
    padding: 2vw 4vw 2vw 4vw;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 3vw;
    font-weight: 400;
    line-height: 3vw;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.3vw;
        z-index: 10;
        background-color: #000;
}
    .cargoBaner {
        float: left;
        width: 100%;
        height: 50vw;
        position: relative;
        padding: 0px 4vw 0px 4vw;
    }
    .cargoBanerHeader {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 6vw;
        font-weight: 700;
        line-height: 6vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.5vw;
            z-index: 10;
    }
    .cargoBanerHeaderSmall {
        float: left;
        width: 100%;
        position: relative;
        margin: 1.5vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 3.5vw;
        font-weight: 400;
        line-height: 4.5vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.1vw;
            z-index: 10;
    }
        .cargoBaner .videos {
            float:left;
            position:absolute;
            left:0;
            top:0;
            width:100%;
            min-width:100%;
            height:100%;
            min-height:100%;
            z-index: 1;
            object-fit: cover;

            z-index: 6;
        }
    .cargoInner {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 4vw 4vw 4vw 4vw;

        background-color: #000;
    }
    .cargoHeader__30 {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 2vw 0px;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 3vw;
        font-weight: 400;
        line-height: 4vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.3vw;
            z-index: 10;
    }
    .cargoText {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-family: AvenirLTStd;
        font-size: 3.5vw;
        font-weight: 300;
        line-height: 4.5vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.2vw;
            z-index: 10;
    }
    .cargoMenu {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

        list-style: none;

        border-left: 1px solid rgba(255,255,255,0.2);
        border-top: 1px solid rgba(255,255,255,0.2);
        background-color: #000;
    }
    .cargoMenu__href {
        float: left;
        width: 50%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 2vw 1.5vw 2vw 1.5vw;

        border-bottom: 1px solid rgba(255,255,255,0.2);
        border-right: 1px solid rgba(255,255,255,0.2);

        font-family: 'Poppins', sans-serif;
        color: #fff;
        font-size: 4vw;
        font-weight: 500;
        line-height: 5vw;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.3vw;

        cursor: pointer;
    }
    .cargoMenu__href:hover:before,
    .cargoMenu__href.cargoMenu__href--active:before
    {
        opacity: 1;
    }
    .cargoMenu__href:hover:after,
    .cargoMenu__href.cargoMenu__href--active:after
    {
        opacity: 1;
    }
    .cargoMenu__href:before {
        content: ' ';
        float: left;
        width: 2.8vw;
        height: 2.6vw;
        position: absolute;
        left: 0;
        top: 50%;
        margin: -1.3vw 0px 0px 0vw;
        padding: 0px 0px 0px 0px;
        background-color: #fff;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        opacity: 0;

        transform: rotate(90deg);
    }
    .cargoMenu__href:after {
        content: ' ';
        float: left;
        width: 2.8vw;
        height: 2.6vw;
        position: absolute;
        right: 0;
        top: 50%;
        margin: -1.3vw 0px 0px 0vw;
        padding: 0px 0px 0px 0px;
        background-color: #fff;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        opacity: 0;

        transform: rotate(-90deg);
    }
    .cargoBoxes {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 6vw 2vw 6vw 2vw;

        background-color: #fff;
    }
        .cargoBox {
            float: left;
            width: 100%;
            position: relative;
            margin: 0px 0px 0px 0px;
            padding:  0px 0px 0px 0px;
        }
        .cargoBox__text {
            float: left;
            width: 100%;
            position: relative;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-family: 'Poppins', sans-serif;
            color: #000;
            font-size: 3.5vw;
            font-weight: 400;
            line-height: 5vw;
        }
        .cargoBox__text p {
            float: left;
            width: 100%;
            position: relative;
            margin: 0px 0px 0.3vw 0px;
            padding: 4vw;
            background-color: #f4f4f4;
                cursor: pointer;

                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
        }
        .cargoBox__text a {
            color: #000;
            text-decoration: underline;
        }
        .cargoBox__text--active-p {
            color: #fff !important;
            background-color: #000 !important;
        }
        .cargoBox__text--active-p a {
            color: #fff !important;
            text-decoration: underline !important;
        }
    .cargoForm {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0vw 2vw 8vw 2vw;

        background-color: #fff;
    }
    .cargoForm__grid {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
    }
    .cargoForm__all {
        float: left;
        width: 100%;
        position: relative;
        margin: 3vw 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    .cargoForm__box {
        float: left;
        width: 100%;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .cargoForm__input {
        float: left;
            width: 100%;
            height: 10vw;
            position: relative;
            margin: 0px 0px 0px 0px;
            padding: 0px 2.5vw 0px 2.5vw;
            font-family: 'Poppins', sans-serif;
            color:  #000;
            font-size: 3.5vw;
            font-weight:  400;
            line-height: 3.5vw;
            border: 1px solid #eaeaea;
            background: #ffffff;
    }
    .cargoForm__textarea  {
        float: left;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 25vw;
        min-height: 25vw;
        max-height: 25vw;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 1.5vw;
        font-family: 'Poppins', sans-serif;
        color:  #000;
        font-size: 3.5vw;
        font-weight:  400;
        line-height: 3.5vw;
        border: 1px solid #eaeaea;
        background: #ffffff;
    }
    .formBox__checkBox {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
    }
    .formBox__checkInput {
        display: block !important;
        float: left;
        width: 15px;
        height: 15px;
        position: relative;
        border: 1px solid #eaeaea;
    }
    .formBox__checkText {
        float: left;
        width: calc(100% - 30px);
        margin: 5px 0px 0px 0px;
        position: relative;
        font-family: 'Poppins', sans-serif;
        color: #000;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        text-align: justify;
        text-transform: uppercase;
    }
    .formBox__checkText a {
        color: #000;
        text-decoration: underline;
    }
    .formSubmit  {
        float: right;
        width: 100%;
        height: 12vw;
        background-color:  #000;
        font-family: 'Poppins', sans-serif;
        color:  #ffffff;
        font-size: 3.5vw;
        font-weight:  400;
        line-height: 3.5vw;
        text-transform: uppercase;
        border: 0px solid #dedede;
        letter-spacing: 0.47px;
        cursor: pointer;
    }
    .cargoForm__popup {
        position: fixed !important;
    }


    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }

    /* Firefox */
    input[type=number] {
    -moz-appearance: textfield;
    }

    input::placeholder {
        text-transform: uppercase;
        color: #000000;
    }
    textarea::placeholder {
        text-transform: uppercase;
        color: #000000;
    }
}