.width100{
  width: 100%;
}

.signs-in-text{
  position: absolute; 
  width: 25px; 
  height: 25px; 
  background-color: var(--main-color); 
  transform: skewY(20deg)
}

.uppercase{
  text-transform: uppercase;
}

.text-right{
  text-align: right;
}

.main-color{
  color: var(--main-color);
}

.white-color{
  color: white;
}

.black-color{
  color: black;
}

.big-noddle-font{
  font-family: Big-noddle, sans-serif;
}

.back-skew-left::before{
  content: "";
  width: 130%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -30%;
  background: rgba(0, 0, 0, 0.8);
  transform: skewx(-20deg);
}

.back-skew-center::before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0%;
  background: rgba(234, 163, 21, 0.8);
  transform: skewx(-20deg);
}

.back-skew-right::before{
  content: "";
  width: 130%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: -30%;
  background: rgba(0, 0, 0, 0.8);
  transform: skewx(-20deg);
}

@media screen and (max-width: 992px) {
  .back-skew-left::before{
    transform: skewx(0deg);
  }

  .back-skew-center::before{
    transform: skewx(0deg);
  }

  .back-skew-right::before{
    transform: skewx(0deg);
  }
}

.font16{
  font-size: 16px;
}

.increase-font-hover{
  transition: font-size 0.5s background-color 5s;
}


.increase-font-hover:hover{
  /*font-size: 17px;*/
  background-color: red;
}

.entry-title-main{
  background: linear-gradient(to right, rgba(255,255,255,0) 50%, var(--main-color) 50%);
  background-size: 200%;
  background-position: 0 0;
  display: inline;
  transition: .5s ease-in-out;
  font-family: raleway, arial, sans-serif;
  /*text-transform: uppercase;*/
}

.entry-title-black{
  background: linear-gradient(to right, rgba(255,255,255,0) 50%, black 50%);
  background-size: 200%;
  background-position: 0 0;
  display: inline;
  transition: .5s ease-in-out;
  font-family: raleway, arial, sans-serif;
  /*text-transform: uppercase;*/
}

.entry-title-main:hover{
  background-position: -100% 0;
} 

.entry-title-black:hover{
  background-position: -100% 0;
} 

.font22{
  font-size: 22px;
}

.font25{
  font-size: 25px;
}

.font40{
  font-size: 40px;
}

.font-weight-bold{
  font-weight: bold;
}

.img-responsive{
  width: auto;
  height: 100px;
}

.back-black::before{
  content: "";
  width: 100%;
  height: 90%;
  position: absolute;
  top: 10%;
  left: 0%;
  background: rgba(0, 0, 0, 0.8);
}

.back-black::after{
  content: "";
  width: 100%;
  height: 10%;
  position: absolute;
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 1);
}

.back-main::before{
  content: "";
  width: 100%;
  height: 90%;
  position: absolute;
  top: 0px;
  left: 0%;
  background: rgba(234, 163, 21, 0.8);
}

.back-main::after{
  content: "";
  width: 100%;
  height: 10%;
  position: absolute;
  top: 90%;
  left: 0%;
  background: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 1200px) {
  .back-black::before{
    height: 100%;
    top: 0%;
  }
  .back-black::after{
    height: 0%;
    top: 0%;
  }

  .back-main::before{
    height: 100%;
    top: 0%;
  }
  .back-main::after{
    height: 0%;
    top: 0%;
  }

  .no-margin-top-lg{
    margin-top: 0px !important;
  }
}

.image-white{
  filter: brightness(0) invert(1);;
}

.img-multi{
  width: 100%;
  height: auto;
}

.img-footer{
  position: absolute; 
  bottom: 10px; 
  right: 10px; 
  height: 70px; 
  width: auto;
}

@media screen and (max-width: 992px) {
  .img-footer{
    position: static;
  }
}