* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Futura';
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
}

img {
    max-width: 100%;
}

::selection {
    color: var(--white);
    background: var(--dark);
}

:root {
    --white: #FFFFFF;
    --dark: #3D4543;
    --mblue: #0071CE;
    --mgreen: #76BC43;
    --lightblue: #0199D6;
    --muted: #A2A2A2;
    --darkpink: #C028B9;
    --lightgrey: #DDDDDD;
    --lightgreen: #5DCB84;
    --darkblue: #005FC5;
    --yellow: #FFD040;
    --danger: #F15A5D;
    --extrablue: #0071B9;
    /* hover color */
    --extrabluehover: #004E80;
    --lightgreyhover: #C1C0C0;
    --yellowhover: #E5BA38;
    --dangerhover: #C63C3E;
    --darkpinkhover: #951F8F;
    --lightbluehover: #0199D6;
    --mgreenhover: #76BC43;
    --darkgreenhover: #4BA56B;
    --greenlighthover: #5D9534;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaBT-Heavy.woff2') format('woff2'), url('../fonts/FuturaBT-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaBT-BoldItalic.woff2') format('woff2'), url('../fonts/FuturaBT-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Bold.woff2') format('woff2'), url('../fonts/Futura-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaBT-HeavyItalic.woff2') format('woff2'), url('../fonts/FuturaBT-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Bk BT';
    src: url('../fonts/FuturaBT-BookItalic.woff2') format('woff2'), url('../fonts/FuturaBT-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaBT-ExtraBlack.woff2') format('woff2'), url('../fonts/FuturaBT-ExtraBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaBT-BoldCondensed.woff2') format('woff2'), url('../fonts/FuturaBT-BoldCondensed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Futura Bk BT';
    src: url('../fonts/FuturaBT-Book.woff2') format('woff2'), url('../fonts/FuturaBT-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Black-Bold.woff2') format('woff2'), url('../fonts/Futura-Black-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Bold.woff2') format('woff2'), url('../fonts/Futura-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaBT-ExtraBlack.woff2') format('woff2'), url('../fonts/FuturaBT-ExtraBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura XBlkCnIt BT';
    src: url('../fonts/FuturaBT-ExtraBlackCondItalic.woff2') format('woff2'), url('../fonts/FuturaBT-ExtraBlackCondItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura MdCn BT';
    src: url('../fonts/FuturaBT-MediumCondensed.woff2') format('woff2'), url('../fonts/FuturaBT-MediumCondensed.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaBT-LightCondensed.woff2') format('woff2'), url('../fonts/FuturaBT-LightCondensed.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.container {
    max-width: 1330px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.small-container {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.d-flex {
    display: flex;
}

.d-block {
    display: block;
}

.d-inflex {
    display: inline-flex;
}

.d-inblock {
    display: inline-block;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-flexend {
    justify-content: flex-end;
}

.justify-flexstart {
    justify-self: flex-start;
}

.text-center {
    text-align: center;
}

.align-items-center {
    align-items: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: var(--darkblue);
}

ul {
    list-style: none;
}

.pos-relative {
    position: relative;
}

h1 {
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 25px;
}

h2 {
    font-size: 40px;
    margin-bottom: 25px;
    line-height: 1.1;
}

h3 {
    font-size: 30px;
    margin-bottom: 25px;
}

h4 {
    font-size: 26px;
    margin-bottom: 25px;
}

h5 {
    font-size: 24px;
    margin-bottom: 25px;
}

h6 {
    font-size: 22px;
    margin-bottom: 25px;
}

section {
    padding: 85px 0;
}

p {
    margin-bottom: 25px;