@media screen and (min-width: 600px){
    #burger {
        display: none;
    }
    #burger-nav {
        display: none;
    }
}
/* Burger Bar */
#burger {
    opacity: 0.9;
    position: fixed;
    width: 12vw;
    height: 12vw;
    z-index: 101;
    top: 0vw;
    left: 1vw;
    border-radius: 2vw;
    padding-top: 0.8vw;
}
.burger-bar {
    margin: 2.5vw auto;
    width: 10vw;
    height: 1.5vw;
    background-color: rgba(255, 255, 255, 0.372);
}
#burger-nav {
    text-transform: uppercase;
    display: none;
    padding-top: 15vw;
    padding-left: 2vw;
    position: fixed;
    width: 30vw;
    height: 100%;
    z-index: 100;
    background-color: #242424;
}
.burger-button, .burger-button > a, .burger-button > h1 {
    text-align: left;
    width: 100%;
    margin: 5vw auto;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 4vw;
    color: #FFFFFF;
}
.burger-button > h1 {
    border-bottom:#CF2F41 2px solid;
    margin-bottom: 2vw;
}
.burger-button > a > p {
    padding: 0.5vw;
    margin: 1vw 0vw;
    font-size: 3vw;
    border-top-left-radius: 1vw;
    border-bottom-left-radius: 1vw;
}
@media screen and (max-width: 600px){
    #nav {
        display: none;
    }
}

@media screen and (min-width: 600px) {
body {
    width: 100%;
}

#page-wrapper {
    overflow: hidden;
}

/* CORE TOOLS */
/* BUTTON */
.button-default {
    width: 16.666666666666664vw; /* 320px */
    height: 3.125vw; /* 60px */
    background: #CF2F41;
    border-radius: 0.5208333333333333vw; /* 10px */
    text-transform: uppercase;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw; /* 24px */
    line-height: 3.0729166666666665vw; /* 59px */
    text-align: center;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
}

.button-default>p {
    transition: 0.3s ease-in-out;
    pointer-events: none;
}

.button-default:hover {
    transform: scaleX(1.1);
}

.button-default:hover>p {
    transform: scaleX(0.9);
}

/* Button Map */
.button-map {
    padding: 0.5208333333333333vw 6.666666666666667vw; /* 10px */ /* 128px */
    width: 35.364583333333336vw; /* 679px */
    height: 3.125vw; /* 60px */
    background: #CF2F41;
    border-radius: 0.5208333333333333vw; /* 10px */
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw; /* 24px */
    line-height: 1.5104166666666667vw; /* 29px */
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
    margin: 8.333333333333332vw auto; /* 160px */
}
.button-phone {
    margin-top: -7vw;
    padding: 0.5208333333333333vw 10.666666666666667vw; /* 10px */ /* 128px */
}
.button-map:hover {
    transform: scaleX(1.03);
}

.button-map>* {
    vertical-align: top;
    display: inline-block;
    margin: 0 0.4166666666666667vw; /* 8px */
}

.button-map-img {
    background-position: center;
    background-size: cover;
    background-image: url("../images/ico/button_location.svg");
    background-repeat: no-repeat;
    width: 2.083333333333333vw; /* 40px */
    height: 2.083333333333333vw; /* 40px */
}
.button-phone-img {
    background-position: center;
    background-size: cover;
    background-image: url("../images/ico/button_phone.svg");
    background-repeat: no-repeat;
    width: 2.083333333333333vw; /* 40px */
    height: 2.083333333333333vw; /* 40px */
}

.button-map>p {
    margin-top: 0.20833333333333334vw; /* 4px */
}
.button-contact {
    cursor: pointer;;
}
/* POPUPS */
#blur {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(137, 137, 137, 0.5);
    z-index: 101;
    filter: blur(1920px);
    display: none;
}
.popup {
    display: none;
    z-index: 102;
    overflow: hidden;
    position: fixed;
    width: 59.895833333333336vw; /* 1150px */
    height: 33.85416666666667vw; /* 650px */
    background: #ffffff;
    box-shadow: 0.26041666666666663vw 0.5208333333333333vw 2.083333333333333vw rgba(0, 0, 0, 0.08); /* 5px */ /* 10px */ /* 40px */
    border-radius: 0.5208333333333333vw; /* 10px */
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
#popup-contact {
    width: 59.895833333333336vw; /* 1150px */
    height: 27.083333333333332vw; /* 520px */
}
.popup-bg {
    vertical-align: top;
    background: #000000;
    display: inline-block;
    width: 20.833333333333336vw; /* 400px */
    height: 33.85416666666667vw; /* 650px */
    background-position: -2.083333333333333vw 15.625vw; /* 40px */ /* 300px */
    background-repeat: no-repeat;
    padding: 3.28125vw 2.083333333333333vw; /* 63px */ /* 40px */
}

.popup-bg-logo {
    width: 5.625vw; /* 108px */
    height: 2.546875vw; /* 48.9px */
    background: url('../images/ico/logo-main.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.popup-bg>h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 1.0416666666666665vw; /* 20px */
    line-height: 1.5625vw; /* 30px */
    margin-top: 2.1354166666666665vw; /* 41px */
    color: #FFFFFF;
}

.popup-bg>p {
    margin-top: 1.7187500000000002vw; /* 33px */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 0.7291666666666666vw; /* 14px */
    line-height: 1.09375vw; /* 21px */
    color: #FFFFFF;
}

.popup-form {
    padding: 3.28125vw 2.083333333333333vw; /* 63px */ /* 40px */
    display: inline-block;
}
.popup-close {
    width: 1.25vw;
    height: 1.25vw;
    position: absolute;
    top: 1.04166666667vw;
    right: 1.04166666667vw;
    background-image: url('../images/ico/x.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.popup-close:hover {
    transform: scale(1.2);
}
#contact-form > .popup-input > .popup-input-container:nth-child(5) {
    width: 33vw;
}
#contact-form > .popup-input > .popup-input-container:nth-child(5) > textarea {
    width: 33vw;
}
#contact-form > .popup-input > .popup-input-container:nth-child(6) > button {
    margin: -5vw;
    margin-left: -10vw;
}
.popup-buttons {
    width: 33.85416666666667vw; /* 650px */
    height: 9.895833333333332vw; /* 190px */
    text-align: center;
}
.popup-button {
    vertical-align: top;
    display: inline-block;
    width: 10.416666666666668vw; /* 200px */
    height: 4.166666666666666vw; /* 80px */
    background: #F7F7F7;
    border-radius: 0.26041666666666663vw; /* 5px */
    padding-top: 1.3020833333333335vw; /* 25px */
    border: 0.052083333333333336vw solid transparent; /* 1px */
    margin: 0.26041666666666663vw; /* 5px */
    cursor: pointer;
}
.popup-button-img {
    display: inline-block;
    width: 1.5625vw; /* 30px */
    height: 1.5625vw; /* 30px */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.popup-button>h1 {
    text-align: left;
    margin-top: 0.26041666666666663vw; /* 5px */
    vertical-align: top;
    display: inline-block;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 0.7291666666666666vw; /* 14px */
    line-height: 0.8854166666666666vw; /* 17px */
    color: #242424;
    width: 6.458333333333334vw; /* 124px */
}
.popup-button-active {
    border: 0.052083333333333336vw solid #CF2F41; /* 1px */
}
.popup-button-active>h1{
    font-weight: 700;
}
.popup-button:nth-child(3)>h1,.popup-button:nth-child(4)>h1,.popup-button:nth-child(5)>h1 {
    margin-top: -0.20833333333333334vw; /* 4px */
}
.popup-input {
    width: 32.8125vw; /* 630px */
}
.popup-input-container {
    display: inline-block;
    
    margin: 0.7291666666666666vw 0.0vw; /* 14px */ /* 0px */
}
.popup-input-container>p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 0.625vw; /* 12px */
    line-height: 0.9375vw; /* 18px */
    color: #000000;
    margin-bottom: 0.5208333333333333vw; /* 10px */
}
.popup-input-container>input {
    padding: 0 0.3020833333333335vw; /* 25px */
    margin-top: -1.5625vw; /* 30px */
    width: 14.583333333333334vw; /* 280px */
    height: 2.083333333333333vw; /* 40px */
    background: #F7F7F7;
    border-radius: 0.26041666666666663vw; /* 5px */
    outline: none;
    border: 0.052083333333333336vw solid transparent; /* 1px */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 0.7291666666666666vw; /* 14px */
    line-height: 1.09375vw; /* 21px */
    color: #000000;
}
.popup-input-container:nth-child(2),.popup-input-container:nth-child(4),.popup-input-container:nth-child(6) {
    float: right;
}
.popup-input-container>input:focus {
    border: 0.052083333333333336vw solid #CF2F41; /* 1px */
}
.popup-input-container>textarea {
    width: 14.583333333333334vw; /* 280px */
    height: 5.989583333333334vw; /* 115px */
    background: #F7F7F7;
    border-radius: 0.26041666666666663vw; /* 5px */
    outline: none;
    border: 0.052083333333333336vw solid transparent; /* 1px */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 0.7291666666666666vw; /* 14px */
    line-height: 1.09375vw; /* 21px */
    padding: 20 26.0416666666666665vw; /* 20px */
    color: #000000;
    resize: none;
}
.popup-input-container>textarea:focus {
    border: 0.052083333333333336vw solid #CF2F41; /* 1px */
}
.popup-input-container>button {
    width: 10.416666666666668vw; /* 200px */
    height: 2.083333333333333vw; /* 40px */
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 0.8333333333333334vw; /* 16px */
    line-height: 1.0416666666666665vw; /* 20px */
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    border: none;
    margin-top: 5.208333333333334vw;  /* 100px */
}
.popup-input-container>button:hover {
    transform: scale(1.01);
}
/* NAVIGATION */


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

#nav {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 3.6458333333333335vw; /* 70px */
    text-align: center;
    background-color: #242424;
    padding-top: 0.78125vw; /* 15px */
}


/* Logo */
#nav-logo {
    display: inline-block;
    width: 20%;
    height: 2.083333333333333vw; /* 40px */
    background-image: url('../images/ico/logo-main.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4.601041666666667vw; /* 88.34px */
}

/* Hotlinks */
#nav-links {
    vertical-align: top;
    display: inline-block;
    margin-top: 0.3645833333333333vw; /* 7px */
    width: 50%;
    text-align: center;
}

#nav-links>* {
    display: inline-block;
    vertical-align: top;
}

#nav-links>*>a {
    vertical-align: top;
    display: inline-block;
}

#nav-links>*>a>h1 {
    transition: 0.3s ease-in-out;
}

.nav-links-bar {
    transition: 0.3s ease-in-out;
    margin: 0 auto;
    width: 0.0vw; /* 0px */
    height: 0.20833333333333334vw; /* 4px */
    background-color: #CF2F41;
    opacity: 0;
}

#nav-links>*:hover>.nav-links-bar {
    opacity: 1;
    width: 2.083333333333333vw; /* 40px */
}

#nav-links>*:hover>a>h1 {
    font-weight: 500;
}
.nav-active > .nav-links-bar {
    opacity: 1;
    width: 2.083333333333333vw; /* 40px */
}
#nav-links-services {
    position: relative;
}

#nav-links-services>.nav-links-bar {
    position: absolute;
    transform-origin: center;
    left: 1.3541666666666667vw; /* 26px */
}

#nav-links-services>h1 {
    vertical-align: top;
    margin-right: 0;
    display: inline-block;
}

#nav-links-services:hover>h1 {
    font-weight: 500;
}

#nav-links-services:hover>#nav-links-services-chevron {
    transform: rotateZ(270deg);
    display: inline-block;
}


#nav-links>*>a>h1,
#nav-links-services>* {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.0416666666666665vw; /* 20px */
    line-height: 1.25vw; /* 24px */
    margin: 0 1.8229166666666667vw; /* 35px */
    color: #FFFFFF;
    text-transform: uppercase;
}
.nav-active>a>h1 {
    font-weight: 500;
}

#nav-links-services-chevron {
    vertical-align: top;
    transition: 0.3s ease-in-out;
    margin-left: 0;
    transform: rotateZ(180deg);
    display: inline-block;
    width: 1.1979166666666667vw; /* 23px */
    height: 1.1979166666666667vw; /* 23px */
    background-image: url('../images/ico/chevron.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Language ew */
#nav-lang {
    margin-top: 0.3645833333333333vw; /* 7px */
    vertical-align: top;
    width: 20%;
    display: inline-block;
}

#nav-lang-text {
    margin-right: 0.4166666666666667vw; /* 8px */
    vertical-align: top;
    display: inline-block;
}

#nav-lang-text>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 0.8333333333333334vw; /* 16px */
    line-height: 1.3541666666666667vw; /* 26px */
    color: #FFFFFF;
    text-transform: uppercase;
}

#nav-lang-flag {
    vertical-align: top;
    width: 1.25vw; /* 24px */
    height: 1.25vw; /* 24px */
    background-image: url('../images/ico/flag_eng.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

#nav-lang-chevron {
    width: 1.25vw; /* 24px */
    height: 1.25vw; /* 24px */
    background-image: url('../images/ico/chevron.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    transition: 0.3s ease-in-out;
    transform: rotateZ(180deg);
    vertical-align: top;
}

#nav-lang:hover>#nav-lang-chevron {
    transform: rotate(270deg);
}

/* Bubbles */
#nav-services-bubble {
    top: 2.604166666666667vw; /* 50px */
    left: 31.25vw; /* 600px */
    position: absolute;
    width: 23.958333333333336vw; /* 460px */
    height: 15.104166666666666vw; /* 290px */
    padding-top: 2.604166666666667vw; /* 50px */
    border-radius: 0.5208333333333333vw; /* 10px */
    transform: translate(-50% 50%);
}

#nav-services-bubble-vector {
    position: absolute;
    width: 1.0416666666666665vw; /* 20px */
    height: 1.0416666666666665vw; /* 20px */
    background: #CF2F41;
    transform: rotate(45deg);
    transform-origin: center;
    right: 47.9%;
    top: 2.083333333333333vw; /* 40px */
}

#nav-services-bubble-maincontainer {
    background: #FFFFFF;
    overflow: hidden;
    border-radius: 0.5208333333333333vw; /* 10px */
    width: 23.958333333333336vw; /* 460px */
    height: 12.5vw; /* 240px */
}

#nav-services-container {
    width: 100%;
    height: 33%;
    overflow: hidden;
}

.nav-services-bubble {
    vertical-align: top;
    display: inline-block;
    width: 11.4583333333vw;
    height: 4.16666666667vw;
    height: 4.166666666666666vw; /* 80px */
    padding: 1.3020833333333335vw 0.78125vw 1.3020833333333335vw 1.5625vw; /* 1.3020833333333335vw */ /* 15px */ /* 25px */ /* 30px */
    transition: 0.3s ease-in-out;
}

.nav-services-bubble:hover {
    background-color: #EFEFEF;
}

.nav-services-bubble-img {
    width: 1.5625vw; /* 30px */
    height: 1.5625vw; /* 30px */
    background-image: url('../images/ico/nav_cnc.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}

.nav-services-bubble>h1 {
    transform-origin: center;
    text-align: left;
    margin-top: 0.3125vw; /* 6px */
    margin-left: 2.3958333333333335vw; /* 46px */
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 0.7291666666666666vw; /* 14px */
    line-height: 0.8854166666666666vw; /* 17px */
    color: #242424;
}

.nav-services-container:nth-child(2) a>.nav-services-bubble:nth-child(1)>h1 {
    margin-top: -0.15625vw; /* 3px */
}

.nav-services-container:nth-child(3) a>.nav-services-bubble:first-child>h1 {
    margin-top: -0.15625vw; /* 3px */
}
.nav-services-container:nth-child(3) a:nth-child(2)>.nav-services-bubble:nth-child(1)>h1 {
    margin-top: 0.3125vw; /* 6px */
}


.nav-services-bubble:hover>h1 {
    font-weight: 600;
}

/* Language */
#nav-language-bubble {
    top: 2.083333333333333vw; /* 40px */
    position: absolute;
    width: 5.208333333333334vw; /* 100px */
    height: 5.208333333333334vw; /* 100px */
    right: 12.968750000000002vw; /* 249px */
    padding-top: 1.5625vw; /* 30px */
}

#nav-language-bubble:hover {
    display: block;
}

.language-bubble-choice {
    margin: 0.5208333333333333vw 0; /* 10px */
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.language-bubble-choice:hover {
    transform: scale(1.2);
}
.language-bubble-choice-text {
    display: inline-block;
    margin: 0 0.4166666666666667vw; /* 8px */
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.language-bubble-choice-text>h1 {
    text-align: right;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-size: 0.8333333333333334vw; /* 16px */
    line-height: 1.3541666666666667vw; /* 26px */
    color: #FFFFFF;
    text-transform: uppercase;
}

.language-bubble-choice-img {
    display: inline-block;
    vertical-align: top;
    width: 1.25vw; /* 24px */
    height: 1.25vw; /* 24px */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

/* MAIN PAGE */
/* Landing */
#wrapper {
    width: 100%;
    overflow: hidden;
    background-color: #E5E5E5;
}

#myVideo {
    width: 100%;
    height: 56.25vw; /* 1080px */
    position: absolute;
    z-index: 0;
    top: -0.625vw; /* 12px */
}

#landing {
    overflow: hidden;
    height: 55.25vw; /* 1080px */
    width: 100%;
    position: relative;
    padding-top: 15.989583333333332vw; /* 307px */
    text-align: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

#landing>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 3.3333333333333335vw; /* 64px */
    line-height: 4.010416666666667vw; /* 77px */
    text-align: center;
    color: #FFFFFF;
    z-index: 1;
}

#landing>p {
    position: relative;
    margin: 1.5104166666666667vw auto; /* 29px */
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6666666666666667vw; /* 32px */
    line-height: 1.9791666666666665vw; /* 38px */
    text-align: center;
    color: #FFFFFF;
    width: 60.677083333333336vw; /* 1165px */
}

#landing>.button-quote {
    margin: 3.958333333333333vw auto; /* 76px */
}

/* Partners */
#partners {
    margin-top: -10.416666666666668vw; /* 200px */
    width: 100%;
    height: 42.239583333333336vw; /* 811px */
    position: relative;
    text-align: center;
}

#partners>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw; /* 24px */
    line-height: 1.5104166666666667vw; /* 29px */
    color: #CF2F41;
    text-transform: uppercase;
}

#partners-list {
    width: 75.0vw; /* 1440px */
    height: 15.104166666666666vw; /* 290px */
    background: #FFFFFF;
    border-radius: 0.5208333333333333vw; /* 10px */
    margin: 1.0416666666666665vw auto; /* 20px */
    padding-top: 1.5625vw; /* 30px */
    overflow: hidden;
    padding-left: 2vw;
}
.partners-container {
    width: 200%;
    text-align: left;
    margin: 0;
    animation: scrollLeft 30s infinite linear;
}
.partners-container:nth-child(2) {
    animation: scrollRight 30s infinite linear;
    margin-left: -97.2%;
}
@keyframes scrollLeft {
    0%{margin-left: 0%;}
    99.999997%{margin-left: -97.2%;}
    99.999998%{margin-left: 0%;}
    100%{margin-left: 0%;}
}
@keyframes scrollRight {
    0%{margin-left: -97.2%;}
    99.999997%{margin-left: 0%;}
    99.999998%{margin-left: -97.2%;}
    100%{margin-left: -97.2%;}
}
.partner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 9.895833333333332vw; /* 190px */
    height: 5.625vw; /* 108px */
    display: inline-block;
    transform: scale(0.8);
}

#partners-cards {
    margin: 2.083333333333333vw auto; /* 40px */
    width: 75.0vw; /* 1440px */
    height: 36.45833333333333vw; /* 700px */
}

.partners-card {
    vertical-align: top;
    display: inline-block;
    height: 15.625vw; /* 300px */
    width: 36.45833333333333vw; /* 700px */
    background: #FFFFFF;
    border-radius: 0.5208333333333333vw; /* 10px */
    padding: 3.125vw 2.604166666666667vw; /* 60px */ /* 50px */
    text-align: left;
}

.partners-card:nth-child(1) {
    float: left;
}

.partners-card:nth-child(2) {
    float: right;
}

.partners-card-img {
    vertical-align: top;
    display: inline-block;
    width: 4.166666666666666vw; /* 80px */
    height: 4.166666666666666vw; /* 80px */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2.083333333333333vw; /* 40px */
    margin-right: 2.083333333333333vw; /* 40px */
}

.partners-card>p {
    margin-top: -1.09375vw; /* 21px */
    width: 23.333333333333332vw; /* 448px */
    height: 10.416666666666668vw; /* 200px */
    display: inline-block;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.0416666666666665vw; /* 20px */
    line-height: 2.083333333333333vw; /* 40px */
    color: #242424;
}

.partners-card:nth-child(2)>p {
    margin-top: 0.0vw; /* 0px */
}

/* Capabilites */
#capabilities>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.875vw; /* 36px */
    line-height: 2.2395833333333335vw; /* 43px */
    text-align: center;
    color: #242424;
}

.manufacturing-container {
    width: 75.0vw; /* 1440px */
    margin: 0 auto;
    margin-top: 4.166666666666666vw; /* 80px */
}

.manufacturing-card {
    display: inline-block;
    width: 23.4375vw; /* 450px */
    height: 26.041666666666668vw; /* 500px */
    background: #FFFFFF;
    border-radius: 0.5208333333333333vw; /* 10px */
    padding-top: 2.604166666666667vw; /* 50px */
    transition: 0.3s ease-in-out;
}

.manufacturing-card:hover {
    transform: scale(1.01);
}

.manufacturing-card:nth-child(1) {
    float: left;
}

.manufacturing-card:nth-child(2) {
    float: none;
    margin: 0 2.34375vw; /* 45px */
}

.manufacturing-card:nth-child(3) {
    float: right;
}

.manufacturing-card>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw; /* 24px */
    line-height: 1.5104166666666667vw; /* 29px */
    text-align: center;
    color: #242424;
}

.manufacturing-card-img {
    width: 15.625vw; /* 300px */
    height: 15.625vw; /* 300px */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.button-man {
    padding-top: 0.625vw; /* 12px */
    cursor: pointer;
    margin: 0.052083333333333336vw auto; /* 1px */
    width: 10.416666666666668vw; /* 200px */
    height: 2.604166666666667vw; /* 50px */
    background: #CF2F41;
    border-radius: 0.5208333333333333vw; /* 10px */
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.0416666666666665vw; /* 20px */
    line-height: 1.25vw; /* 24px */
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
}

.button-man>p {
    transition: 0.3s ease-in-out;
    pointer-events: none;
}

.button-man:hover {
    transform: scaleX(1.1);
}

.button-man:hover>p {
    transform: scaleX(0.9);
}

#capabilities>.button-quote {
    margin: 4.166666666666666vw auto; /* 80px */
}

#button-gallery {
    margin: 5.208333333333334vw auto; /* 100px */
}

/* Ordering */
#ordering {
    padding-top: 8.4375vw; /* 162px */
    width: 100%;
    height: 43.15625vw; /* 675px */
    text-align: center;
    background-color: white;

}

#ordering>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.875vw; /* 36px */
    line-height: 2.2395833333333335vw; /* 43px */
    text-align: center;
    color: #242424;
}

#ordering-container {
    margin-top: 4.21875vw; /* 81px */
    width: 100%;
}

.ordering-card {
    vertical-align: top;
    text-align: left;
    width: 17.447916666666664vw; /* 335px */
    height: 10.15625vw; /* 195px */
    display: inline-block;
    border-top: 0.10416666666666667vw solid #CF2F41; /* 2px */
    margin: -0.10416666666666667vw; /* 2px */
}

.ordering-card-bubble {
    position: relative;
    width: 1.0416666666666665vw; /* 20px */
    height: 1.0416666666666665vw; /* 20px */
    background-color: white;
    border-radius: 50%;
    border: 0.10416666666666667vw solid #CF2F41; /* 2px */
    margin-top: -0.5208333333333333vw; /* 10px */
    overflow: hidden;
}

.ordering-card-hover-bubble {
    position: absolute;
    transform: translate(-50% -50%);
    border-radius: 50%;
    background-color: #CF2F41;
    width: 0%;
    height: 0%;
    left: 50%;

    transition: 0.3s ease-in-out;
    margin: 45% auto;
}

.ordering-card:hover>.ordering-card-bubble>.ordering-card-hover-bubble {
    margin-top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
}

.ordering-card>h1 {
    margin-top: 2.1875vw; /* 42px */
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw; /* 24px */
    line-height: 1.5104166666666667vw; /* 29px */
    color: #242424;
    transition: 0.3s ease-in-out;
}

.ordering-card:hover>h1 {
    transform: scale(1.1);
}

.ordering-card>p {
    margin-top: 0.7291666666666666vw; /* 14px */
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 0.8333333333333334vw; /* 16px */
    line-height: 1.25vw; /* 24px */
    color: #242424;
    width: 11.354166666666666vw; /* 218px */
    transition: 0.3s ease-in-out;
}

.ordering-card:hover>p {
    transform: scale(1.1);
}

.ordering-card-alt {
    vertical-align: top;
    display: inline-block;
    border-top: 0.10416666666666667vw solid #CF2F41; /* 2px */
    width: 5.208333333333334vw; /* 100px */
    margin: -0.10416666666666667vw; /* 2px */
    margin-left: -2.083333333333333vw; /* 40px */
}

.ordering-card-alt>.ordering-card-bubble {
    background-color: #CF2F41;
    float: right;
}

.ordering-card-alt>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw; /* 24px */
    line-height: 1.5104166666666667vw; /* 29px */
    text-align: right;
    margin-top: 2.1875vw; /* 42px */
    color: #CF2F41;
}

#ordering>.button-quote {
    margin: 5.208333333333334vw auto; /* 100px */
}

/* Choice */
#choice {
    background-color: white;
    
    width: 100%;
    text-align: center;
}

#choice-container {
    margin: 4.166666666666666vw auto; /* 80px */
}

#choice>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.875vw; /* 36px */
    line-height: 2.2395833333333335vw; /* 43px */
    align-items: center;
    text-align: center;
    color: #242424;
}

#choice>p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw; /* 24px */
    line-height: 1.5625vw; /* 30px */
    align-items: center;
    text-align: center;
    color: #D24656;
}

.choice-card {
    display: inline-block;
    width: 42.1875vw; /* 810px */
    transition: 0.3s ease-in-out;
}

.choice-card:hover {
    transform: scale(1.05);
}

.choice-card-img {
    display: inline-block;
    width: 5.208333333333334vw; /* 100px */
    height: 5.208333333333334vw; /* 100px */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.3s ease-in-out;
}

.choice-card:hover>.choice-card-img {
    transform: scale(1.2);
}

.choice-card-text {
    padding-left: 1.0416666666666665vw; /* 20px */
    text-align: left;
    display: inline-block;
}

.choice-card-text>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.4583333333333333vw; /* 28px */
    line-height: 2.083333333333333vw; /* 40px */
    align-items: center;
    color: #242424;
}

.choice-card-text>p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.0416666666666665vw; /* 20px */
    line-height: 1.6666666666666667vw; /* 32px */
    color: #242424;
    width: 23.958333333333336vw; /* 460px */
}

/* SMALL PAGE STUFF */

#page-landing {
    position: relative;
    width: 100.0vw; /* 1920px */
    height: 50.0vw; /* 960px */
    padding-top: 11.822916666666666vw; /* 227px */
    padding-left: 12.5vw; /* 240px */
    background: linear-gradient(241.74deg, #000000 23.11%, #D24656 157.67%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

#landing-page-flipper {
    position: relative;
    padding-left: 12.5vw; /* 240px */
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

#page-landing-img {
    position: absolute;
    background-image: url('../images/main1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50.989583333333336vw; /* 979px */
    height: 38.229166666666664vw; /* 734px */
    right: -2.604166666666667vw; /* 50px */
    top: -4.6875vw; /* 90px */
}

#landing-page-flipper>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 3.3333333333333335vw; /* 64px */
    line-height: 4.010416666666667vw; /* 77px */
    /* identical to box height */
    align-items: center;
    color: #FFFFFF;
}

#landing-page-flipper>p {
    margin-top: 1.25vw; /* 24px */
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.25vw; /* 24px */
    line-height: 2.5vw; /* 48px */
    color: #FFFFFF;
    width: 31.5625vw; /* 606px */
    height: 12.5vw; /* 240px */
}

.button-quote {
    width: 16.666666666666664vw; /* 320px */
    height: 3.125vw; /* 60px */
    background: #CF2F41;
    border-radius: 0.5208333333333333vw; /* 10px */
    text-transform: uppercase;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw; /* 24px */
    line-height: 3.0729166666666665vw; /* 59px */
    text-align: center;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.button-quote>p {
    transition: 0.3s ease-in-out;
    pointer-events: none;
}

.button-quote:hover {
    transform: scaleX(1.1);
}

.button-quote:hover>p {
    transform: scaleX(0.9);
}

/* Info */

#page-info {
    height: 99.21875vw; /* 1905px */
    background: #D9D9D9;
    padding: 8.333333333333332vw 7.135416666666666vw; /* 160px */ /* 137px */
}

#page-info>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.875vw; /* 36px */
    line-height: 2.2395833333333335vw; /* 43px */
    text-align: center;
    color: #242424;
}

#page-info-container {
    text-align: center;
    margin-top: 4.166666666666666vw; /* 80px */
}

.info-card {
    margin: 1.0416666666666665vw; /* 20px */
    display: inline-block;
    vertical-align: top;
    width: 36.45833333333333vw; /* 700px */
    height: 33.33333333333333vw; /* 640px */
    background: #FFFFFF;
    border-radius: 0.5208333333333333vw; /* 10px */
    transition: 0.3s ease-in-out;
}
.info-card:hover {
    transform: scale(1.01);
}

.info-card-img {
    width: 36.45833333333333vw; /* 700px */
    height: 20.833333333333336vw; /* 400px */
    background-image: url('../images/cards/s1c1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.info-card>p {
    text-align: left;
    padding: 2.083333333333333vw; /* 40px */
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.0416666666666665vw; /* 20px */
    line-height: 2.083333333333333vw; /* 40px */
    color: #242424;
}
.info-card>ul {
    padding: 0 0 0 3.64583333333vw;
    margin-top: -2.60416666667vw;
}
.info-card>ul>li {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 1.04166666667vw;
    line-height: 3.125vw;
    color: #242424;
    text-align: left;
    padding: 0.26041666666vw;
}
.info-card>p>span {
    font-weight: 700;
}

#page-info>.button-quote {
    margin: 4.166666666666666vw auto; /* 80px */
}


/* Carousel */
#page-carousel {
    height: 47.91666666666667vw; /* 920px */
    background-color: black;
    padding-top: 5.3125vw; /* 102px */
    background-size: cover;
}

#logo-carousel {
    width: 22.135416666666664vw; /* 425px */
    height: 4.479166666666667vw; /* 86px */
    margin-left: 12.5vw; /* 240px */
    background-image: url('../images/ico/logo-carousel.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo-carousel-alt {
    width: 37.7604vw !important; /* 425px */
    height: 4.479166666666667vw; /* 86px */
}
#carousel-item-numbers {
    display: none;
}

#carousel-type-one {
    margin-top: 4.677083333333333vw; /* 109px */
    width: 109.375vw; /* 2100px */
    height: 19.75vw; /* 360px */
    text-align: center;
    margin-left: calc(-105.20833333333333vw + 100.0vw); /* 2020px */ /* 1920px */
    overflow: hidden;
}

#carousel-type-one>div {
    cursor: pointer;
    border-radius: 10px;
    display: inline-block;
    width: 20.833333333333336vw; /* 400px */
    height: 18.75vw; /* 360px */
    margin: 0.5vw 0.5208333333333333vw; /* 10px */
    transition: 0.3s ease-in-out;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#carousel-type-one>div:hover {
    transform: scale(1.01);
}

#carousel-buttons {
    margin: 5.208333333333334vw auto 0 auto; /* 100px */
    width: 8.333333333333332vw; /* 160px */
    height: 3.125vw; /* 60px */
    background-color: #CF2F41;
    border-radius: 0.5208333333333333vw; /* 10px */
    padding: 0.0vw 0.521vw; /* 0px */ /* 10px */
}

.carousel-button {
    text-align: center;
    display: inline;
    width: 3.125vw; /* 60px */
    height: 3.125vw; /* 60px */
    cursor: pointer;
}

.carousel-button>img {
    width: 3.125vw; /* 60px */
    height: 3.125vw; /* 60px */
    transition: 0.3s ease-in-out;
}

.carousel-button:hover>img {
    transform: scale(1.2);
}
.carousel-button:nth-child(2)>img {
    transform: scaleX(-1); 
    float: right;
}
.carousel-button:nth-child(2):hover>img {
    transform: scaleX(-1) scale(1.2); 
}

/* End Banner */
#page-banner {
    text-align: center;
    padding-top: 5.520833333333333vw; /* 106px */
    background-size: cover;
}

#banner-logo {
    margin: 0 auto;
    width: 8.333333333333332vw; /* 160px */
    height: 3.7734375vw; /* 72.45px */
    background-image: url('../images/ico/logo-standard.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#page-banner>h1 {
    margin-top: 1.5911458333333333vw; /* 30.55px */
    text-align: center;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 3.3333333333333335vw; /* 64px */
    line-height: 4.010416666666667vw; /* 77px */
    text-align: center;
    color: #000000;
}

#page-banner>.button-default {
    margin: 4.6875vw auto; /* 90px */
}

/* GALLERY */
#gallery {
    width: 100%;
    height: 50.0vw; /* 960px */
    background: linear-gradient(241.74deg, #000000 23.11%, #9A9A9A 157.67%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    padding: 9.583333333333334vw; /* 184px */ /* 200px */
}

#gallery>* {
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

#gallery>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 1.875vw; /* 36px */
    line-height: 2.2395833333333335vw; /* 43px */
    text-align: center;
    color: #FFFFFF;
}

#gallery-container {
    margin-top: 2.4479166666666665vw; /* 47px */
    text-align: center;
}

#gallery-container>* {
    vertical-align: top;
    margin: 0 0.78125vw; /* 15px */
}

#gallery-buttons {
    display: inline-block;
    width: 11.458333333333332vw; /* 220px */
    height: 27.604166666666668vw; /* 530px */
}

.gallery-button {
    cursor: pointer;
    padding: 1.3020833333333335vw 0.78125vw; /* 25px */ /* 15px */
    width: 11.458333333333332vw; /* 220px */
    height: 4.166666666666666vw; /* 80px */
    background: #F7F7F7;
    border-radius: 0.26041666666666663vw; /* 5px */
    margin-bottom: 0.5208333333333333vw; /* 10px */
    text-align: left;
    color: #242424;
    transition: 0.3s ease-in-out;
}

.gallery-button-active {
    background: #CF2F41;
    color: #FFFFFF;
    font-weight: 600;
}

.gallery-button:hover {
    background-color: #EFEFEF;
}

.gallery-button-active:hover {
    background: #CF2F41;
}

.gallery-button-img {
    display: inline-block;
    width: 1.5625vw; /* 30px */
    height: 1.5625vw; /* 30px */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gallery-button>h1 {
    display: inline-block;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 0.7291666666666666vw; /* 14px */
    line-height: 0.8854166666666666vw; /* 17px */
    margin-left: 0.8333333333333334vw; /* 16px */
    margin-top: 0.26041666666666663vw; /* 5px */
    vertical-align: top;
    width: 6.770833333333333vw; /* 130px */
}

.gallery-button-active>h1 {
    font-weight: 600;
}

.gallery-button:hover>h1 {
    font-weight: 600;
}

.gallery-button:nth-child(3)>h1,
.gallery-button:nth-child(4)>h1,
.gallery-button:nth-child(5)>h1 {
    margin-top: -0.10416666666666667vw; /* 2px */
}

#gallery-main {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 48.95833333333333vw; /* 940px */
    height: 27.604166666666668vw; /* 530px */
    border-radius: 0.26041666666666663vw; /* 5px */
}

#gallery-main-control {
    width: 5.208333333333334vw; /* 100px */
    height: 2.083333333333333vw; /* 40px */
    background: #CF2F41;
    border-radius: 0.26041666666666663vw; /* 5px */
    margin: 24.479166666666664vw auto 0 auto; /* 470px */
}

#gallery-main-control>* {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 2.083333333333333vw; /* 40px */
    height: 2.083333333333333vw; /* 40px */
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

#gallery-main-control>*:hover {
    transform: scale(1.3);
}

#gallery-main-control-right {
    transform: rotateY(180deg);
}

#gallery-main-control-right:hover {
    transform: rotateY(180deg) scale(1.1);
}

#gallery-secondary {
    display: inline-block;
    width: 11.458333333333332vw; /* 220px */
    height: 27.604166666666668vw; /* 530px */
}

.gallery-secondary-img {
    border-radius: 0.26041666666666663vw; /* 5px */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 11.458333333333332vw; /* 220px */
    height: 8.333333333333332vw; /* 160px */
    margin-bottom: 1.3020833333333335vw; /* 25px */
}

#gallery>h3 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.25vw; /* 24px */
    line-height: 2.083333333333333vw; /* 40px */
    align-items: center;
    text-align: center;
    color: #CF2F41;
    margin: 0.5208333333333333vw auto; /* 10px */
}

/* Contact Us */
#contact-landing {
    width: 100%;
    background: url('../images/contact-background.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50.0vw; /* 960px */
    padding-top: 15.989583333333332vw; /* 307px */
}

#contact-landing>h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 3.3333333333333335vw; /* 64px */
    line-height: 4.010416666666667vw; /* 77px */
    text-align: center;
    color: #FFFFFF;
}

#contact-landing>p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6666666666666667vw; /* 32px */
    line-height: 1.9791666666666665vw; /* 38px */
    text-align: center;
    color: #FFFFFF;
    width: 59.166666666666664vw; /* 1136px */
    margin: 1.5104166666666667vw auto; /* 29px */

}

#contact-landing-buttons-container {
    width: 35.364583333333336vw; /* 679px */
    margin: 0 auto;
    margin-top: 3.3333333333333335vw; /* 64px */
}

#contact-landing-buttons-container>.button-quote {
    display: inline-block;
    float: left;
}


#contact-landing-buttons-container>.button-contact {
    float: right;
}



/* UNIQUE VARIATIONS */

/* Landings */
.page-turning {
    background-image: url('../images/main1.png') !important;
}

.page-milling {
    background-image: url('../images/main2.png') !important;
    top: 1.0416666666666665vw !important; /* 20px */
    right: -5.208333333333334vw !important; /* 100px */
}

.page-cylindrical {
    background-image: url('../images/main3.png') !important;
    top: 4.6875vw !important; /* 90px */
    background-size: contain !important;
    transform: scale(1.2) !important;
}

.page-surface {
    background-image: url('../images/main4.png') !important;
    top: 0.5208333333333333vw !important; /* 10px */
    right: -5.208333333333334vw !important; /* 100px */
}

.page-engineering {
    background-image: url('../images/main5.png') !important;
    top: 0.78125vw !important; /* 15px */
}

.page-printing {
    background-image: url('../images/main6.png') !important;
}

.end-banner-main {
    margin-top: 10.416666666666668vw; /* 200px */
    background-image: url('../images/end-main-background.png');
    height: 36.45833333333333vw !important; /* 700px */
    padding-top: 10.0vw !important; /* 192px */
}

/* Cards */
.page-info-type-two {
    height: 65.10416666666666vw !important; /* 1250px */
}

.info-card-type-two {
    width: 23.4375vw !important; /* 450px */
    height: 34.375vw !important; /* 660px */
    overflow: hidden;
}

.info-card-type-three {
    width: 36.45833333333333vw !important; /* 700px */
    height: 34.375vw !important; /* 660px */
    overflow: hidden;
}

.info-card-type-two>.info-card-img {
    width: 23.4375vw !important; /* 450px */
    height: 14.583333333333334vw !important; /* 280px */
}

.info-card-type-three>.info-card-img {
    width: 36.45833333333333vw !important; /* 700px */
    height: 20.833333333333336vw !important; /* 400px */
}

.end-banner-main>h1 {
    color: white !important;
    margin-top: 0.0vw !important; /* 0px */
}
}