/*
-------------------------------------
FONTS
-------------------------------------
*/

/* --- GILROY --- */

@font-face {
  font-family: 'Gilroy-Light';
  src: url('../fonts/gilroy/Gilroy-Light/font.woff2') format('woff2'),
  url('../fonts/gilroy/Gilroy-Light/font.woff') format('woff');
}

@font-face {
  font-family: 'Gilroy-Regular';
  src: url('../fonts/gilroy/Gilroy-Regular/font.woff2') format('woff2'),
  url('../fonts/gilroy/Gilroy-Regular/font.woff') format('woff');
}

@font-face {
  font-family: 'Gilroy-SemiBold';
  src: url('../fonts/gilroy/Gilroy-SemiBold/font.woff2') format('woff2'),
  url('../fonts/gilroy/Gilroy-SemiBold/font.woff') format('woff');
}

/*
-------------------------------------
BASE CLASSES
-------------------------------------
*/

* {
  -webkit-appearance: none;
}

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

html {
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  min-width: 320px;
  height: 100%;
  outline: none;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

img,
video,
section,
article,
header,
footer,
nav,
aside,
hgroup,
a {
  display: block;
}

img,
video {
  border: 0;
  width: 100%;
  max-width: 100%;
}

button {
  outline: none;
}

button::-moz-focus-inner {
  border: 0;
}

/*
-------------------------------------
TYPOGRAPHY
-------------------------------------
*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
  color: #000;
  font-style: normal;
  margin: 0px;
  padding: 0px;
  cursor: default;
  line-height: 100%;
  font-weight: normal;
}

h6,
a {
  font-family: 'Gilroy-Regular', Arial, Helvetica, sans-serif;
}

p {
  font-family: 'Gilroy-Light', Arial, Helvetica, sans-serif;
}

h6 {
  font-size: 21px;
  line-height: 120%;
}

p {
  font-size: 18px;
  line-height: 140%;
}

a {
  font-size: inherit;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  outline: none;
}

/*
-------------------------------------
CENTRE HOVER
-------------------------------------
*/

.cenrel {
  position: relative;
}

.cenabs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 500;
}

.centab {
  display: table;
  width: 100%;
  height: 100%;
}

.cencell {
  display: table-cell;
  vertical-align: middle;
}

/*
---------------------------------------
M-AUTO
---------------------------------------
*/

.m-auto {
  margin: 0 auto;
}

/*
-------------------------------------
WIDTH & HEIGHT ELEMENTS
-------------------------------------
*/

.width-100 {
  width: 100%;
}

.height-100 {
  height: 100vh !important;
}

/*
-------------------------------------
POSITION
-------------------------------------
*/

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

/*
-------------------------------------
BACKGROUNDS
-------------------------------------
*/

.cover-bg {
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
}

/*
-------------------------------------
FILTER
-------------------------------------
*/

.opacity-filter {
  background-color: rgba(0,0,0,0.1);
  z-index: 10;
  top: 0;
  left: 0;
}