body
{
  scroll-behavior: smooth;
}

.block--hidden, .hidden--element{ display: none; }
.block--shown{ display: block; }

.block--animate
{
  -webkit-transition: all 0.5s ease!important;
  -moz-transition: all 0.5s ease!important;
  -o-transition: all 0.5s ease!important;
  transition: all 0.5s ease!important;
}

.modal-xl
{
	width: 94%!important;
	max-width:1300px;
}

.border--radius{ border-radius: 10px!important; }
.border--bottom--radius
{ 
  border-bottom-left-radius: 10px!important; 
  border-bottom-right-radius: 10px!important; 
}
.border--top--radius
{ 
  border-top-left-radius: 10px!important; 
  border-top-right-radius: 10px!important; 
}

.border--radius--lg{ border-radius: 20px!important; }
.border--bottom--radius--lg
{ 
  border-bottom-left-radius: 20px!important; 
  border-bottom-right-radius: 20px!important; 
}
.border--top--radius--lg
{ 
  border-top-left-radius: 20px!important; 
  border-top-right-radius: 20px!important; 
}

.cursor--pointer{ cursor: pointer!important; }
.cursor--blocked{ cursor: not-allowed!important; }
.cursor--zoom{ cursor: zoom-in!important; }


.text--uppercase--initial
{
  display: block;
}

.text--uppercase--initial:first-letter
{
  text-transform: uppercase!important;
}

select > option:has(.text--uppercase--initial)
{
  text-transform: capitalize!important;
}


.text--justify{ text-align: justify!important; }
.text--center{ text-align: center!important; }
.text--right{ text-align: right!important; }
.text--left{ text-align: left!important; }
.text--bold{ font-weight: bold!important; }
.text--cancelled{ text-decoration: line-through!important; }
.text--uppercase{ text-transform: uppercase!important; }

.text--50em{ font-size: 5em!important; }
.text--40em{ font-size: 4em!important; }
.text--30em{ font-size: 3em!important; }
.text--20em{ font-size: 2em!important; }
.text--18em{ font-size: 1.8em!important; }
.text--17em{ font-size: 1.7em!important; }
.text--16em{ font-size: 1.6em!important; }
.text--15em{ font-size: 1.5em!important; }
.text--14em{ font-size: 1.4em!important; }
.text--13em{ font-size: 1.3em!important; }
.text--12em{ font-size: 1.2em!important; }
.text--11em{ font-size: 1.1em!important; }
.text--09em{ font-size: 0.9em!important; }
.text--08em{ font-size: 0.8em!important; }
.text--07em{ font-size: 0.7em!important; }
.text--06em{ font-size: 0.6em!important; }
.text--055em{ font-size: 0.55em!important; }
.text--15rem{ font-size: 1.5rem!important; }
.text--14rem{ font-size: 1.4rem!important; }
.text--13rem{ font-size: 1.3rem!important; }
.text--12rem{ font-size: 1.2rem!important; }
.text--11rem{ font-size: 1.1rem!important; }
.text--09rem{ font-size: 0.9rem!important; }
.text--08rem{ font-size: 0.8rem!important; }
.text--07rem{ font-size: 0.7rem!important; }
.text--06rem{ font-size: 0.6rem!important; }
.text--055rem{ font-size: 0.55rem!important; }
.text--20px{ font-size: 20px!important; }
.text--25px{ font-size: 25px!important; }
.text--27px{ font-size: 27px!important; }
.text--30px{ font-size: 30px!important; }
.text--40px{ font-size: 40px!important; }
.text--50px{ font-size: 50px!important; }
.text--60px{ font-size: 60px!important; }
.text--70px{ font-size: 70px!important; }

.text--deepskyblue{ color: DeepSkyBlue!important; }
.text--dodgerblue{ color: DodgerBlue!important; }
.text--royalblue{ color: RoyalBlue!important; }
.text--steelblue{ color: SteelBlue!important; }
.text--darkblue{ color: DarkBlue!important; }
.text--success{ color: MediumSeaGreen!important; }
.text--seagreen{ color: SeaGreen!important; }
.text--warning{ color: GoldenRod!important; }
.text--danger{ color: Crimson!important; }
.text--disabled{ color: Gainsboro!important; }
.text--lightblue{ color: LightBlue!important; }
.text--lightcyan{ color: LightCyan!important; }
.text--lightgray{ color: LightGray!important; }
.text--silver{ color: Silver!important; }
.text--ghostwhite{ color: GhostWhite!important; }
.text--whitesmoke{ color: White!important; }
.text--white{ color: WhiteSmoke!important; }
.text--black{ color: Black!important; }
.text--silver{ color: Silver!important; }
.text--gray{ color: Gray!important; }
.text--dimgray{ color: DimGray!important; }
.text--darkgray{ color: DarkGray!important; }
.text--green{ color: Green!important; }
.text--red{ color: Red!important; }
.text--firebrick{ color: FireBrick!important; }
.text--orange{ color: Orange!important; }
.text--darkorange{ color: DarkOrange!important; }
.text--lightergray{ color: #f2f2f2!important; }
.text--royalmediumblue{ color: #003b71!important; }
.text--purple{ color: Purple!important; }
.text--teal{ color: Teal!important; }

.bg--darkblue{ background-color: DarkBlue!important; }
.bg--deepskyblue{ background-color: DeepSkyBlue!important; }
.bg--dodgerblue{ background-color: DodgerBlue!important; }
.bg--royalblue{ background-color: RoyalBlue!important; }
.bg--royalblue--light{ background-color: rgb(164, 180, 230)!important; }
.bg--steelblue{ background-color: SteelBlue!important; }
.bg--steelblue--light{ background-color: rgb(164, 180, 230)!important; }
.bg--success{ background-color: MediumSeaGreen!important; }
.bg--success--light{ background-color: rgb(186, 231, 205)!important; }
.bg--warning{ background-color: GoldenRod!important; }
.bg--danger{ background-color: Crimson!important; }
.bg--danger--light{ background-color: rgb(229, 130, 149)!important; }
.bg--disabled{ background-color: Gainsboro!important; }
.bg--lightblue{ background-color: LightBlue!important; }
.bg--lightcyan{ background-color: LightCyan!important; }
.bg--lightgray{ background-color: LightGray!important; }
.bg--silver{ background-color: Silver!important; }
.bg--ghostwhite{ background-color: GhostWhite!important; }
.bg--white{ background-color: White!important; }
.bg--whitesmoke{ background-color: WhiteSmoke!important; }
.bg--black{ background-color: Black!important; }
.bg--gray{ background-color: Gray!important; }
.bg--dimgray{ background-color: DimGray!important; }
.bg--333{ background-color: #333!important; }
.bg--4d{ background-color: #4d4d4d!important; }
.bg--green{ background-color: Green!important; }
.bg--red{ background-color: Red!important; }
.bg--firebrick{ background-color: FireBrick!important; }
.bg--orange{ background-color: Orange!important; }
.bg--darkorange{ background-color: DarkOrange!important; }
.bg--lightergray{ background-color: #f2f2f2!important; }
.bg--royalmediumblue{ background-color: #003b71!important; }
.bg--purple{ background-color: Purple!important; }
.bg--teal{ background-color: Teal!important; }
.bg--seagreen{ background-color: MediumSeaGreen!important; }
.bg--transparent{ background-color: transparent!important; }

.border--deepskyblue{ border: 1px solid DeepSkyBlue!important; }
.border--dodgerblue{ border: 1px solid DodgerBlue!important; }
.border--royalblue{ border: 1px solid RoyalBlue!important; }
.border--royalblue--2px{ border: 1px solid RoyalBlue!important; }
.border--steelblue{ border: 1px solid SteelBlue!important; }
.border--steelblue--2px{ border: 1px solid SteelBlue!important; }
.border--success{ border: 1px solid MediumSeaGreen!important; }
.border--success--2px{ border: 2px solid MediumSeaGreen!important; }
.border--warning{ border: 1px solid GoldenRod!important; }
.border--danger{ border: 1px solid Crimson!important; }
.border--danger--2px{ border: 2px solid Crimson!important; }
.border--danger--bottom--2px{ border-bottom: 2px solid Crimson!important; }
.border--danger--3px{ border: 3px solid Crimson!important; }
.border--disabled{ border: 1px solid Gainsboro!important; }
.border--lightblue{ border: 1px solid LightBlue!important; }
.border--lightcyan{ border: 1px solid LightCyan!important; }
.border--lightgray{ border: 1px solid LightGray!important; }
.border--lightgray--bottom{ border-bottom: 1px solid LightGray!important; }
.border--lightgray--bottom--2px{ border-bottom: 2px solid LightGray!important; }
.border--silver{ border: 1px solid Silver!important; }
.border--silver--2px{ border: 2px solid Silver!important; }
.border--silver--3px{ border: 3px solid Silver!important; }
.border--silver--4px{ border: 4px solid Silver!important; }
.border--silver--10px{ border: 2px solid Silver!important; }
.border--silver--bottom{ border-bottom: 1px solid Silver!important; }
.border--silver--bottom--2px{ border-bottom: 2px solid Silver!important; }
.border--ghostwhite{ border: 1px solid GhostWhite!important; }
.border--white{ border: 1px solid White!important; }
.border--whitesmoke{ border: 1px solid WhiteSmoke!important; }
.border--black{ border: 1px solid Black!important; }
.border--gray{ border: 1px solid Gray!important; }
.border--dimgray{ border: 1px solid DimGray!important; }
.border--green{ border: 1px solid Green!important; }
.border--red{ border: 1px solid  Red!important; }
.border--firebrick{ border: 1px solid FireBrick!important; }
.border--orange{ border: 1px solid Orange!important; }
.border--darkorange{ border: 1px solid DarkOrange!important; }
.border--lightergray{ border: 1px solid #f2f2f2!important; }
.border--royalmediumblue{ border: 1px solid #003b71!important; }

.border--1em{ border-width: 1em!important; }
.border--4px{ border-width: 4px!important; }

.border--3d
{
	border-right: 4px solid LightGray!important;
	border-bottom: 4px solid LightGray!important;
}
.border--3d--big
{
	border-right: 10px solid LightGray!important;
	border-bottom: 10px solid LightGray!important;
}


.shadow--3d
{
	/* 		offset-x		|		offset-y		|		blur-radius		|		color		 */
	-webkit-box-shadow: 20px 20px 10px LightGray;
	-moz-box-shadow: 20px 20px 10px LightGray;
	box-shadow: 20px 20px 10px LightGray;
}
.shadow--3d--sm
{
	-webkit-box-shadow: 10px 10px 4px LightGray;
	-moz-box-shadow: 10px 10px 4px LightGray;
	box-shadow: 10px 10px 4px LightGray;
}
.shadow--3d--xs
{
	-webkit-box-shadow: 5px 5px 2px LightGray;
	-moz-box-shadow: 5px 5px 2px LightGray;
	box-shadow: 5px 5px 2px LightGray;
}


.padding--2px{ padding: 2px!important; }
.padding--4px{ padding: 4px!important; }
.padding--6px{ padding: 6px!important; }
.padding--10px{ padding: 10px!important; }
.padding--20px{ padding: 20px!important; }
.padding--30px{ padding: 30px!important; }

.image--logo--sm
{
	max-width: 200px!important;
}

.image--icon
{
  width: 76px!important;
  max-height: auto!important;
}
.image--icon--sm
{
  width: 30px!important;
  max-height: auto!important;
}
.image--icon--xs
{
  width: 20px!important;
  max-height: auto!important;
}
.image--icon--xxs
{
  width: 10px!important;
  max-height: auto!important;
}

.image--transparent{ opacity: 0.5; }

.image--zoom
{
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	transition: all 2s ease;
	width: 30%;
	height: 30%;
	cursor: zoom-in;
}
.image--zoom:hover
{
	width: 70%;
	height: 70%;
}