/**
 * @license
 *
 * Font Family: Switzer
 * Designed by: Jérémie Hornus
 * URL: https://www.fontshare.com/fonts/switzer
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * Switzer Variable(Variable font)
 * Switzer Variable Italic(Variable font)
 * Switzer Thin
 * Switzer Thin Italic
 * Switzer Extralight
 * Switzer Extralight Italic
 * Switzer Light
 * Switzer Light Italic
 * Switzer Regular
 * Switzer Italic
 * Switzer Medium
 * Switzer Medium Italic
 * Switzer Semibold
 * Switzer Semibold Italic
 * Switzer Bold
 * Switzer Bold Italic
 * Switzer Extrabold         
 * Switzer Extrabold Italic
 * Switzer Black
 * Switzer Black Italic
 *
*/


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 400.0;
*
* available axes:

* 'wght' (range from 100.0 to 900.0)

*/

@font-face {
    font-family: 'Switzer-Variable';
    src: url('../fonts/Switzer/Switzer-Variable.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Variable.woff') format('woff'), url('../fonts/Switzer/Switzer-Variable.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
}


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 400.0;
*
* available axes:

* 'wght' (range from 100.0 to 900.0)

*/

@font-face {
    font-family: 'Switzer-VariableItalic';
    src: url('../fonts/Switzer/Switzer-VariableItalic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-VariableItalic.woff') format('woff'), url('../fonts/Switzer/Switzer-VariableItalic.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Thin.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Thin.woff') format('woff'), url('../fonts/Switzer/Switzer-Thin.ttf') format('truetype');
    font-weight: 100;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-ThinItalic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-ThinItalic.woff') format('woff'), url('../fonts/Switzer/Switzer-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Extralight.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Extralight.woff') format('woff'), url('../fonts/Switzer/Switzer-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-ExtralightItalic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-ExtralightItalic.woff') format('woff'), url('../fonts/Switzer/Switzer-ExtralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Light.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Light.woff') format('woff'), url('../fonts/Switzer/Switzer-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-LightItalic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-LightItalic.woff') format('woff'), url('../fonts/Switzer/Switzer-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Regular.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Regular.woff') format('woff'), url('../fonts/Switzer/Switzer-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Italic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Italic.woff') format('woff'), url('../fonts/Switzer/Switzer-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Medium.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Medium.woff') format('woff'), url('../fonts/Switzer/Switzer-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-MediumItalic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-MediumItalic.woff') format('woff'), url('../fonts/Switzer/Switzer-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Semibold.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Semibold.woff') format('woff'), url('../fonts/Switzer/Switzer-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-SemiboldItalic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-SemiboldItalic.woff') format('woff'), url('../fonts/Switzer/Switzer-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Bold.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Bold.woff') format('woff'), url('../fonts/Switzer/Switzer-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-BoldItalic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-BoldItalic.woff') format('woff'), url('../fonts/Switzer/Switzer-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Extrabold.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Extrabold.woff') format('woff'), url('../fonts/Switzer/Switzer-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-ExtraboldItalic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-ExtraboldItalic.woff') format('woff'), url('../fonts/Switzer/Switzer-ExtraboldItalic.ttf') format('truetype');
    font-weight: 800;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-Black.woff2') format('woff2'), url('../fonts/Switzer/Switzer-Black.woff') format('woff'), url('../fonts/Switzer/Switzer-Black.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Switzer";
    src: url('../fonts/Switzer/Switzer-BlackItalic.woff2') format('woff2'), url('../fonts/Switzer/Switzer-BlackItalic.woff') format('woff'), url('../fonts/Switzer/Switzer-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Brandon Grotesque";
    src: url('../fonts/Brandon_Grotesque/BrandonGrotesque-Regular.woff2') format('woff2'), url('../fonts/Brandon_Grotesque/BrandonGrotesque-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

:root {
    font-family: "Switzer-Variable";
    font-style: normal;
    /* font-weight: normal; */
    --color-orange: #DE6344;
    --green-color: #01A796;
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
 :after,
 :before {
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /* background-image: url(../images/lp.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

input:focus,
a:focus {
    outline: none;
}

input::placeholder {
    opacity: 1;
}

input::-webkit-input-placeholder {
    opacity: 1;
}


/* Chrome, Safari, Edge, Opera */

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


/* Firefox */

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

img {
    max-width: 100%;
    height: auto;
}

.centerPadding_2 {
    margin: 0 2%;
}

.centerPadding_5 {
    margin: 0 5.5%;
}

.centerPadding_7_5 {
    /* margin: 0 7.29%; */
    margin: 0 auto;
    width: 166rem;
}

.centerPadding_8 {
    margin: 0 8%;
}

.centerPadding_9 {
    margin: 0 9%;
}

.desk {
    display: block !important;
}

.mob {
    display: none !important;
}

.textBold {
    font-weight: 700;
}

.textBlack {
    font-weight: 900;
}

.textExtraBlack {
    font-weight: 900;
}

.back_orange {
    background-color: var(--color-orange);
}

.back_green {
    background-color: var(--green-color);
}


/* media query */

@media (min-width:768px) {
    html {
        font-size: .5208333333333333vw;
    }
}

@media (max-width:767px) {
    html {
        font-size: 2.32083333333333vw;
    }
    .desk {
        display: none !important;
    }
    .mob {
        display: block !important;
    }
    .centerPadding_7_5 {
        width: 68.8rem;
    }
    .centerPadding_8 {
        margin: 0 4%;
    }
}