@font-face {
  font-family: "GothamRounded-Medium";
  src: url("../fonts/GothamRoundedMedium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/GothamRoundedMedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/GothamRoundedMedium.svg") format("svg"), /* Legacy iOS */
  url("../fonts/GothamRoundedMedium.ttf") format("truetype"), /* Safari, Android, iOS */
  url("../fonts/GothamRoundedMedium.woff") format("woff"), /* Modern Browsers */
  url("../fonts/GothamRoundedMedium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

a,
a:active,
a:hover,
a:visited,
a:link,
body {
  font-family: 'GothamRounded-Medium', sans-serif;
  text-decoration: none;
}

.bounds {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 2000px) {
  .bounds {
    max-width: 1650px;
  }
}
@media (min-width: 1200px) and (max-width: 1999px) {
  .bounds {
    max-width: 85%;
  }
}

@media (min-width: 992px) {
  .bounds > .px {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
  .bounds {
    max-width: 100%;
  }
  .bounds > .pl,
  .bounds > .pr {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* MAIN REM UNIT BASE */
@media (min-width: 2000px) {
  html {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1999px) {
  html {
    font-size: 1.0vw;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  html {
    font-size: 1.0vw;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 1.3vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 2.0vw;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 3.5vw;
  }
}

/*COLORS*/
.bg-hover-yellow:hover,
.bg-yellow {
  background-color: #EFEA45 !important;
}
.bg-hover-grey:hover,
.bg-grey {
  background-color: #DADADA !important;
}
.bg-hover-darkgrey:hover,
.bg-darkgrey {
  background-color: #333333 !important;
}
.bg-hover-white:hover,
.bg-white {
  background-color: #fff !important;
}
.bg-hover-black:hover,
.bg-black {
  background-color: #212121 !important;
}
.bg-0 {
  background-color: #000 !important;
}

.color-hover-yellow:hover,
.color-yellow {
  color: #EFEA45 !important;
}
.color-hover-grey:hover,
.color-grey {
  color: #DADADA !important;
}
.color-hover-darkgrey:hover,
.color-darkgrey {
  color: #333333 !important;
}
.color-hover-white:hover,
.color-white {
  color: #fff !important;
}
.color-hover-black:hover,
.color-black {
  color: #212121 !important;
}

.border-yellow {
  border-color: #EFEA45 !important;
}
.border-grey {
  border-color: #D6D7D4 !important;
}
.border-darkgrey {
  border-color: #333333 !important;
}
.border-white {
  border-color: #fff !important;
}
.border-black {
  border-color: #212121 !important;
}

/*MISC*/
.radius {
  border-radius: 0.5rem;
  overflow: hidden;
}
.text-heavy-underlined span::before,
.custom-checkbox .custom-control-label::after,
.custom-checkbox .custom-control-label::before,
.radius-100 {
  border-radius: 1000px;
  overflow: hidden;
}

/*not last one*/
.article-preview p:nth-last-child(2) {
  padding-bottom: 0.5rem;
}
.up-on-hover {
  -webkit-transition: all .25s;
  transition: all .25s;
}
.up-on-hover:hover {
  -webkit-transform: translateY(-3%);
  transform: translateY(-3%);
}
.transition {
  -webkit-transition: all .2s;
  transition: all .2s;
}
.img {
  /*background-size: cover;*/
}

section {
  background-position: center 100%;
}
section.top {
  background-image: url("../img/bg-edile.png");
}
img.logo  {
  width: 85%;
}
.logos-container {
  padding: 7rem 0 !important;
}
.logos-container .img {
  top: 0;
}
.logos-container .img {
  background-image: url(../img/loghi.png);
  background-size: cover;
}
@media (max-width: 991px) {
  .logos-container {
    padding: 5rem 0 !important;
  }
}
.gplay a {
  background-image: url(../img/google-play-badge.png)
}
.btns-container {
  height: 3.6rem;
}

section.imgs-container {
  background-image: url("../img/bg-agrario.png");
}
.imgs-container .img {
  padding-bottom: 56%;
  background-size: cover;
}
.imgs-container div:nth-child(1) > .img {
  background-image: url("../img/1.png");
}
.imgs-container div:nth-child(2) > .img {
  background-image: url("../img/2.png");
}
.imgs-container div:nth-child(3) > .img {
  background-image: url("../img/3.png");
}
.imgs-container div:nth-child(4) > .img {
  background-image: url("../img/4.png");
}
.imgs-container div:nth-child(5) > .img {
  background-image: url("../img/5.png");
}
.imgs-container div:nth-child(6) > .img {
  background-image: url("../img/6.png");
}



.character {
  background-image: url("../img/character.png");
}
@media (min-width: 992px) {
  .character {
    background-image: url("../img/character-big.png");
    background-position: left;
  }
}

/*GAME* /
.game-container {
  background-image: url("../img/circle-loader.gif");
  background-size: 5%;
  background-position: center 35%;
}
.game-container .alert {
  display: none;
} /**/



/*PRIVACY PAGE*/
body.privacy ol,
body.privacy ul,
body.privacy p {
  padding-bottom: 0.5rem;
}
body.privacy ol,
body.privacy ul {
  padding-left: 2rem !important;
}
body.privacy a {
  display: inline !important;
  text-decoration: underline !important;
}
