:root {
  --color-primary: #5b85d9;
  --color-primary-soft: #2ba3f8;
  --color-secondary: #F48120;
  --color-white: #fff;
  --color-black: #000;
  --color-danger: #FF0000;
  --color-success: #2ccd2c;
  --color-warning: #ffb700;
  --color-info: #00ccff;
  --color-line: #C1C1C1;
  --color-line-soft: #D9D9D9;
  --color-line-dark: #4b4a51;
  --color-bg-ads: #F6F6F6;
  --color-bg-online: #eff3f6;
  --color-text: #333;
  --color-text-hover: #031122;
  --color-text-light: #6a6b6c;
  --color-title: #111;
  --color-menu: #6a6b6c;
  --color-menu-dark: #7a7981;
  --colot-btn-social: #A7A7A7;
  --color-review: #4a4a4a;
  --font-family-text: "nn-regular", sans-serif;
  --font-family-text-bold: "nn-bold", sans-serif;
  --font-family-title: 'mt-bold';
  --font-menu: 'Roboto', sans-serif;
  --font-size: 16px;
  --font-size-small: 13px;
  --font-size-tiny: 11px;
  --font-size-title: 24px;
  --color-post-title: #000;
  --color-text-post: #19191a;
  --colot-bg-pais: #e8edf7;
  --color-bg-deportes: #f3f4f2;
  --color-santacruz: #1A9C1F;
  --color-deportes: #05a418;
  --color-ce: #ED1164;
  --border-radius: 5px;
  --width-four-elements: 25%;
  --width-five-elements: 20%;
}
.icon.icon-money {
  background: url(../../icons/money.svg) no-repeat center center;
  background-size: contain;
}
.icon.icon-cloud {
  background: url(../../icons/cloud-1.svg) no-repeat center center;
  background-size: contain;
}
@font-face {
  font-family: 'mt-bold';
  font-style: normal;
  font-weight: normal;
  src: local('mt-bold'), url('../../fonts/mt-bold.woff2') format('woff2');
}
@font-face {
  font-family: 'nn-regular';
  font-style: normal;
  font-weight: 300;
  src: local('nn-regular'), url('../../fonts/nn-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'nn-bold';
  font-style: normal;
  font-weight: 700;
  src: local('nn-bold'), url('../../fonts/nn-bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  src: local('Roboto'), url('../../fonts/roboto-regular.woff2') format('woff2');
}
@media screen and (min-width: 1450px) {
  :root {
    --container-width: 1155px;
    --font-size-menu: 0.75em;
  }
}
@media screen and (max-width: 1445px) {
  :root {
    --container-width: 1115px;
    --font-size-menu: 0.65em;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --container-width: 980px;
    --font-size-menu: 0.8em;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --container-width: 1300px;
  }
}
@media screen and (max-width: 478px) {
  :root {
    --container-width: 100%;
  }
}