@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap');







.hyphenate {
	 text-align: justify;

	  word-wrap: break-word;
  overflow-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

.indent {
	text-indent: 1.5rem;
}

body {
    max-width: 1920px;
    height: auto !important;

    overflow: unset !important;
    overflow-x: unset !important;
    overflow-y: unset !important;

    margin-left: auto;
    margin-right: auto;

	/*background: rgba(255, 255, 255, 0.5);*/
}

.home {
	text-decoration: none;
	position: absolute;
	top: 0;
	text-align: left;
	left: 0;
}

/*.square:before{
    content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*!/
	max-width: 100%;
	height: auto;
}*/

.img-square {
  padding: 0;
  /*background-color: #fff;*/
  border: 0;
  border-radius: 0;
  max-width: 100%;
  height: auto;
}

.txt-square {
  padding: 0;
  /*background-color: #fff;*/
  border: 0;
  border-radius: 0;
  max-width: 100%;
  height: 100%;
}

/* ┌───────┐
   │ GREEK │
   └───────┘ */
   .greek-light {
    font-family: 'Roboto Condensed', sans-serif;
   	font-style: normal;
   	font-weight: 200;
}

/* ┌───────┐
   │ GREEK │
   └───────┘ */
   .greek-normal {
    font-family: 'Roboto Condensed', sans-serif;
   	font-style: normal;
   	font-weight: 400;
}

/* ┌───────┐
   │ GREEK │
   └───────┘ */
   .greek-bold {
    font-family: 'Roboto Condensed', sans-serif;
   	font-style: normal;
   	font-weight: 700;
}


/* ┌──────┐
   │ THIN │
   └──────┘ */
   .thin {
    font-family: 'Barlow Condensed', sans-serif;
   	font-weight: 300;
}



/* ┌─────────────┐
   │ THIN ITALIC │
   └─────────────┘ */
   .thin-italic {
	font-family: 'Barlow Condensed', sans-serif;
   	font-style: italic;
   	font-weight: 300;
   }

/* ┌───────┐
   │ LIGHT │
   └───────┘ */
   .light {
    font-family: 'Barlow Condensed', sans-serif;
   	font-weight: 300;
}

/* ┌──────────────┐
   │ LIGHT ITALIC │
   └──────────────┘ */
   .light-italic {
	font-family: 'Barlow Condensed', sans-serif;
   	font-style: italic;
   	font-weight: 300;
}

/* ┌────────┐
   │ NORMAL │
   └────────┘ */
   .normal {
    font-family: 'Barlow Condensed', sans-serif;
   	font-weight: 400;
   }

/* ┌────────┐
   │ ITALIC │
   └────────┘ */
   .italic {
	font-family: 'Barlow Condensed', sans-serif;
   	font-style: italic;
   	font-weight: 400;
   }

/* ┌────────┐
   │ MEDIUM │
   └────────┘ */
   .medium {
    font-family: 'Barlow Condensed', sans-serif;
   	font-weight: 500;
}

/* ┌───────────────┐
   │ MEDIUM ITALIC │
   └───────────────┘ */
   .medium-italic {
    font-family: 'Barlow Condensed', sans-serif;
   	font-style: italic;
   	font-weight: 500;
}

/* ┌──────┐
   │ BOLD │
   └──────┘ */
   .bold {
    font-family: 'Barlow Condensed', sans-serif;
   	font-weight: 700;
}

/* ┌─────────────┐
   │ BOLD ITALIC │
   └─────────────┘ */
   .bold-italic {
    font-family: 'Barlow Condensed', sans-serif;
   	font-style: italic;
   	font-weight: 700;
}

/*
┌─────────────────────────────────────────────────────────┐
│                                                         │
│   B A C K G R O U N D   A N I M A T E D   C O L O R S   │
│                                                         │
└─────────────────────────────────────────────────────────┘
*/

@-webkit-keyframes background {
0% {background-color: rgba(255, 0, 24, 0.1);}
20% {background-color: rgba(255, 165, 44, 0.1);}
35% {background-color: rgba(255, 255, 65, 0.1);}
50% {background-color: rgba(0, 128, 24, 0.1);}
65% {background-color: rgba(0, 0, 249, 0.1);}
80% {background-color: rgba(134, 0, 125, 0.1);}
100% {background-color: rgba(255, 0, 24, 0.1);}
}

@keyframes background {
0% {background-color: rgba(255, 0, 24, 0.1);}
20% {background-color: rgba(255, 165, 44, 0.1);}
35% {background-color: rgba(255, 255, 65, 0.1);}
50% {background-color: rgba(0, 128, 24, 0.1);}
65% {background-color: rgba(0, 0, 249, 0.1);}
80% {background-color: rgba(134, 0, 125, 0.1);}
100% {background-color: rgba(255, 0, 24, 0.1);}
}

.background-animation {
  -webkit-animation: background 30s cubic-bezier(0,0,1,1) infinite;
  animation: background 30s cubic-bezier(0,0,1,1) infinite;  
}

/*
┌───────────────────────────────────────────────────────────────────────┐
│                                                                       │
│   T E X T   +   B A C K G R O U N D   +   B O R D E R   C O L O R S   │
│                                                                       │
└───────────────────────────────────────────────────────────────────────┘
*/

/* ┌─────────────┐
   │ TRANSPARENT │
   └─────────────┘ */
   
.text-transparent {
	color: rgba(255, 255, 255, 0);
}
.bg-transparent {
  background-color: rgba(255, 255, 255, 0) !important;
}

a.bg-transparent:hover, a.bg-transparent:focus,
button.bg-transparent:hover,
button.bg-transparent:focus {
  background-color: rgba(255, 255, 255, 0) !important;
}

/* ┌───────┐
   │ WHITE │
   └───────┘ */
  
.text-white {
	color: rgba(255, 255, 255, 1);
}

a.text-white:hover, a.text-white:focus,
button.text-white:hover,
button.text-white:focus {
  color: rgba(255, 255, 255, 1) !important;
  background-color: #0d6efd !important;
}

/* ┌───────┐
   │ BLACK │
   └───────┘ */

.bg-black {
  background-color: #000000 !important;
}

a.bg-black:hover, a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus {
  background-color: rgba(220, 220, 220, 1) !important;
}

/* ┌────────────┐
   │ LIGHT GREY │
   └────────────┘ */

.text-light-grey {
	color: rgba(200, 200, 200, 1) !important;
}

a.text-light-grey:hover, a.text-light-grey:focus,
button.text-light-grey:hover,
button.text-light-grey:focus {
  color: rgba(255, 255, 255, 1) !important;
  background-color: rgba(200, 200, 200, 1) !important;
}

.bg-light-grey {
  background-color: rgba(220, 220, 220, 1) !important;
}

a.bg-light-grey:hover, a.bg-light-grey:focus,
button.bg-light-grey:hover,
button.bg-light-grey:focus {
  background-color: #000000 !important;
}

.border-light-grey {
	border-color: rgba(200, 200, 200, 1) !important;
}

a.border-light-grey:hover, a.border-light-grey:focus,
button.border-light-grey:hover,
button.border-light-grey:focus {
  background-color: rgba(200, 200, 200, 1) !important;
}

/* ┌────────────┐
   │ LIGHT BLUE │
   └────────────┘ */

.text-light-blue {
	color: #b6d4fe !important;
}

a.text-light-blue:hover, a.text-light-blue:focus,
button.text-light-blue:hover,
button.text-light-blue:focus {
  color: rgba(255, 255, 255, 1) !important;
  background-color: #b6d4fe !important;
}

.bg-light-blue {
  background-color: #b6d4fe !important;
}

a.bg-light-blue:hover, a.bg-light-blue:focus,
button.bg-light-blue:hover,
button.bg-light-blue:focus {
  background-color: #b6d4fe !important;
}

.border-light-blue {
	border-color: #b6d4fe !important;
}

a.border-light-blue:hover, a.border-light-blue:focus,
button.border-light-blue:hover,
button.border-light-blue:focus {
  background-color: #b6d4fe !important;
}

/* ┌──────┐
   │ BLUE │
   └──────┘ */

.text-blue {
	color: rgba(13, 109, 253, 1) !important;
}

a.text-blue:hover, a.text-blue:focus,
button.text-blue:hover,
button.text-blue:focus {
  color: rgba(255, 255, 255, 1) !important;
  background-color: rgba(13, 109, 253, 1) !important;
}

.border-blue {
	color: rgba(13, 109, 253, 1) !important;
}

a.border-blue:hover, a.border-blue:focus,
button.border-blue:hover,
button.border-blue:focus {
  background-color: rgba(13, 109, 253, 1) !important;
}

/* ┌────────────┐
   │ HYPER BLUE │
   └────────────┘ */

.text-hyper-blue {
	color: rgb(13, 205, 253) !important;
}

a.text-hyper-blue:hover, a.text-hyper-blue:focus,
button.hyper-blue:hover,
button.hyper-blue:focus {
  color: rgba(0, 0, 0, 1) !important;
  background-color: rgba(13, 205, 253, 1) !important;
}

.border-hyper-blue {
	border-color: rgba(13, 205, 253, 1) !important;
}

a.border-hyper-blue:hover, a.border-hyper-blue:focus,
button.border-hyper-blue:hover,
button.border-hyper-blue:focus {
  background-color: rgba(13, 205, 253, 1) !important;
}

/*
┌───────────────────────────┐
│                           │
│   E M B E D   V I D E O   │
│                           │
└───────────────────────────┘
*/

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

/*
┌───────────────────┐
│                   │
│   T O O L T I P   │
│                   │
└───────────────────┘
*/

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 2400px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0;
  --bs-tooltip-margin: 0;
  --bs-tooltip-font-size: ;
  --bs-tooltip-color: #000;
  --bs-tooltip-bg: #fff;
  --bs-tooltip-border-radius: 0;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: pf_din_text_comp_prolight;
  color: #343a40;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: ;
  word-wrap: break-word;
  opacity: 0;
  padding: 0;
  margin: 0 0 0.5rem !important;
  border-width: 1px;
  border-style: solid;
  border-color: #343a40;
}

.tooltip .tooltip-arrow {
  display: none;
}

/*
┌───────────────────────┐
│                       │
│   F O N T   S I Z E   │
│                       │
└───────────────────────┘
*/

/*  Extra small devices (portrait phones */
body, p, .tooltip
 {
	font-size:1.1rem;
	} /* 1rem = 16px --> xs */

.very-small {
  font-size: 0.75em;
}

/* Bootstrap 4 breakpoints */

/* Small devices (phones) */
@media (min-width: 576px) {
body, p, .tooltip {
	font-size:1.2rem;
	} /* 1rem = 16px --> sm */
}

/* Medium devices (tablets) */
@media (min-width: 768px) {
body, p, .tooltip {
	font-size:1.3rem;
	} /* 1rem = 16px --> md */
}

/* Large devices (desktops) */
@media (min-width: 992px) {
body, p, .tooltip {
	font-size:1.4rem;
	} /* 1rem = 16px --> lg */
}

/* Extra large devices (large desktops) */
@media (min-width: 1200px) {
body, p, .tooltip {
	font-size:1.5rem;
	} /* 1rem = 16px --> xl */
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) {
body {
	}
}






/* Header Diagonal */
.diagonal {
	-webkit-transform: rotate(-7.5deg);
	transform: rotate(-7.5deg);
}

/* Footer Margin */
.footer-my-1 {
	margin-bottom: 1px !important;
	margin-top: 1px !important;
}

.footer-my-2 {
	margin-bottom: 2px !important;
	margin-top: 2px !important;
}


/* Big Margin */

.m-6 {
  margin: 10rem !important;
}

.mt-6,
.my-6 {
  margin-top: 10rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 10rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 10rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 10rem !important;
}

/* Big Padding */

.p-6 {
  padding: 10rem !important;
}

.pt-6,
.py-6 {
  padding-top: 10rem !important;
}

.pr-6,
.px-6 {
  padding-right: 10rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 10rem !important;
}

.pl-6,
.px-6 {
  padding-left: 10rem !important;
}





























/*
┌───────────────────────────────┐
│                               │
│   M E D I A   Q U E R I E S   │
│                               │
└───────────────────────────────┘
*/

@media (max-width: 575.98px) {
  .space {
    margin: 50px !important;
  }
}

@media (min-width: 576px) {
  .space {
    margin: 60px !important;
  }
  
  .m-sm-6 {
    margin: 10rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 10rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 10rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 10rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 10rem !important;
  }
  .p-sm-6 {
    padding: 10rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 10rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 10rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 10rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 10rem !important;
  }
}

@media (min-width: 768px) {
  .space {
    margin: 80px !important;
  }
  
  .m-md-6 {
    margin: 10rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 10rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 10rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 10rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 10rem !important;
  }
  .p-md-6 {
    padding: 10rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 10rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 10rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 10rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 10rem !important;
  }
}

@media (min-width: 992px) {
  .space {
    margin: 100px !important;
  }
  
  .m-lg-6 {
    margin: 10rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 10rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 10rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 10rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 10rem !important;
  }
  .p-lg-6 {
    padding: 10rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 10rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 10rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 10rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 10rem !important;
  }
}

@media (min-width: 1200px) {
  .space {
    margin: 120px !important;
  }
  
  .m-xl-6 {
    margin: 10rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 10rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 10rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 10rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 10rem !important;
  }
  .p-xl-6 {
    padding: 10rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 10rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 10rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 10rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 10rem !important;
  }
}