/*
FONTS

font-family: forma-djr-micro;
font-family: brown-pro;
font-family: brown-pro-condensed;


*/



/* VARIABLES */

:root {
  --default-font: forma-djr-micro;
  --default-font-size: 23px;
  --default-line-height: 1.5;

  --default-input-font: forma-djr-micro;
  --default-input-font-size: 23px;
  --dim-input-height: 68px;
  
  --button-input-font: forma-djr-micro;
  --button-font-size: 30px;
  --button-height: 76px;

  --col-primary: #E50019;
  --col-accent: #000000;
  --col-burger: #E50019;
  --col-text: #000;
  --col-page-bg: #fff;
  --col-border: #000;
  --col-input: #000;
  --col-placeholder: #000;
  --col-input-bg: transparent;
  --col-button: #fff;
  --col-button-bg: #E50019;
  --col-link: #000;
  --col-link-hover: #000000;

  --col-error: #ff6633;
  --col-attention: #ff6633;
  --col-warning: #f5b00e;
  --col-missing: #ff6633;

  --col-primary-rgb: 229, 0, 25;
  --col-accent-rgb: 0, 0, 0;
  --col-button-rgb: 255, 255, 255;
  --col-link-rgb: 0,0,0;
  --col-link-hover-rgb: 0, 0, 0;
  --col-error-rgb: 255, 51, 0;
  --col-attention-rgb: 255, 51, 0;
  --col-warning-rgb: 245, 176, 14;
  --col-border-rgb: 190, 190, 190;
  --col-missing-rgb: 255, 51, 0;

  --dim-site-width: 1920px;
  --dim-site-inner-width: 1920px;
  --dim-default-space: 100px;

  --vh: 1vh;
}

/* THEME */


/*CORE HTML*/


/*CONTAINERS*/


/*BUTTONS*/


/*HEADER AND NAV*/


/*ELEMENTS*/
.c-primary { color: var(--col-primary) !important}
.c-black { color: #000 !important}
.b-primary { background-color: var(--col-primary) !important}
.b-black { background-color: #000 !important}
.b-gray { background-color: #EBEBEB !important}
.white { color: #fff !important}
.b-white { background-color: #fff !important}
.c-white { color: #fff !important}

/*CONTENT*/


/*FORMS*/



/*ANIMATIONS*/

.slide-in-bottom { transform: translateY(300px); opacity: 0;}
.slide-in-top { transform: translateY(-300px); opacity: 0;}
.in-better-view.slide-in-bottom {opacity: 1;	animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-bottom {	opacity: 1; animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-top {	opacity: 1;animation: slide-in-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

@keyframes bounce {
	0%  { transform: translateY(0px); }
	40%  { transform: translateY(20px); }
	100%  { transform: translateY(0px); }
}

@keyframes slide-in-top {
  0% { transform: translateY(-300px); opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}

@keyframes slide-in-bottom {
  0% {transform: translateY(300px);opacity: 0;  }
  100% { transform: translateY(0);opacity: 1;
  }


}



@media only screen and (max-width: 1920px) {

}