/* General CSS */
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-medium-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-heavy-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-heavy-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
html { -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; }
a, abbr, acronym, address, b, bdo, big, blockquote, body, br, button, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, iframe, img, ins, kbd, legend, li, map, object, ol, p, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: none }

a, input, select, textarea { outline: 0; margin: 0; padding: 0 }

.btn,a{-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.btn.focus,.btn:focus,.btn:hover,a:focus,a:hover,button:focus,input:focus{
    text-decoration:none;outline:0;color:#FFF;text-decoration:none!important;
    transition:all .3s ease 0s;}
body{font-family: 'Gilroy';}
/* Colors CSS */


/* Typography CSS */


/* Button CSS */


.page_loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #090909;
}
#load {
    background-image: url("../images/WEB_GIF.gif");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}


.home-hero-banner {
    background: #661C56;
    height: calc(var(--vh, 1vh) * 100);
}
.home-hero-banner img {
    width: 200px;
    height: 200px;
}
.scroll_down-wrap {
    position: absolute;
    bottom: 5%;
}
.scroll_down-wrap a {
    display: inline-block;
    animation: bounce 5s infinite;
    -webkit-animation: bounce 5s infinite;
    -moz-animation: bounce 5s infinite;
    -o-animation: bounce 5s infinite;
    cursor: pointer;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
.section {
    padding: 130px 0;
}
#brands-section {
    background: #661C56;
}
.section-small-title {
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3.2px;
}
ul.list-of-brands li {
    list-style: none;
    width: 21%;
    text-align: center;
    margin-top: 80px;
    height: calc(100% - 80px);
}
ul.list-of-brands li img {
    width: 150px;
}
ul.list-of-brands {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
    align-items: center;
    justify-content: center;
}
h1, .contact-section h2 {
    font-size: 99px;
    color: #707070;
    font-weight: 800;
    line-height: 100px;
}
.contact-section h2 {
    max-width: 440px;
    margin-top: 120px;
}
.form-control {
    height: 75px;
    border-color: #707070 !important;
    border-radius: 0;
    font-size: 15px;
    padding-left: 30px;
    padding-right: 30px;
    background: #F7F7F7;
}
textarea.form-control {
    height: auto;
    padding-top: 20px;
    height: 140px;
}
.contact-section form .mb-3 {
    margin-bottom: 60px !important;
}
.contact-section .btn-primary {
    font-size: 15px;
    padding: 18px 20px;
    min-width: 162px;
    background: #661C56;
    border-color: #661C56;
    border-radius: 0;
    position: relative;
    right: 0;
    bottom: 15px;
}
.contact-section .btn-primary:hover {
    background: transparent;
    color: #661C56;
}
.btn-primary:focus, .form-control:focus {
    box-shadow: none;
    outline: none;
}
.contact-section h1 {
    margin-top: -15px;
}