/*!
 * Icon Font prosumer
 * Made with love by Icons8 [ https://icons8.com/ ] using webfont [ https://github.com/itgalaxy/webfont ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */

@font-face {
  font-family: "prosumer";
  src: url("../fonts/prosumer.eot");
  src: url("../fonts/prosumer.eot?#iefix") format("embedded-opentype"),
  url("../fonts/prosumer.woff2") format("woff2"),
  url("../fonts/prosumer.woff") format("woff"),
  url("../fonts/prosumer.ttf") format("truetype"),
  url("../fonts/prosumer.svg#font") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "prosumer";
    src: url("../fonts/prosumer.svg#prosumer") format("svg");
  }
}

[data-icons8]:before {
  content: attr(data-icons8);
}

.icons8-facebook:before,
.icons8-instagram:before,
.icons8-expand-arrow:before,
.icons8-arrow:before,
.icons8-search:before,
.icons8-user:before,
.icons8-user-2:before,
.icons8,
[data-icons8]:before {
  display: inline-block;
  font-family: "prosumer";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}


.icons8-facebook:before {
  content: "\f100";
}
.icons8-instagram:before {
  content: "\f101";
}
.icons8-expand-arrow:before {
  content: "\f102";
}
.icons8-arrow:before {
  content: "\f103";
}
.icons8-search:before {
  content: "\f104";
}
.icons8-user:before {
  content: "\f105";
}
.icons8-user-2:before {
  content: "\f106";
}


/* lato-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bootstrap icons */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'bootstrap-icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/bootstrap-icons.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
    url('../fonts/bootstrap-icons.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
    --white: #fff;
    --bgr-light:#f9f4e9;
    --black: #0c0d0d;
    --green: #792b44;
    --grey: #e1ddd4;
    --textgrey: #797979;
    --darkgrey:#756f60;
    --red: #b80e22;
    --blue2:#395d73;
    --dark-blue:#1a2b35;
    --black-50:rgba(0,0,0,0.5);
    --black-20:rgba(0,0,0,0.2);
    --black-5:rgba(0,0,0,0.05);
}