@font-face {
  font-family: MullerNext-Regular;
  src: url("../fonts/woff/MullerNextBG-Regular.woff") format("woff");
  src: url("../fonts/woff2/MullerNextBG-Regular.woff2") format("woff2");
  src: url("../fonts/ttf/MullerNext-Regular.ttf") format("truetype");
 /* src: url("../fonts/otf/MullerNext_FF_Bg-Regular.otf") format("opentype"); */
}

@font-face {
  font-family: MullerNext-Medium;
  src: url("../fonts/woff/MullerNextBG-Medium.woff") format("woff");
  src: url("../fonts/woff2/MullerNextBG-Medium.woff2") format("woff2");
  src: url("../fonts/ttf/MullerNext-Medium.ttf") format("truetype");
  /* src: url("../fonts/otf/MullerNext_FF_Bg-Medium.otf") format("opentype"); */
}

@font-face {
  font-family: MullerNext-Bold;
  src: url("../fonts/woff/MullerNextBG-Bold.woff") format("woff");
  src: url("../fonts/woff2/MullerNextBG-Bold.woff2") format("woff2");
  src: url("../fonts/ttf/MullerNext-Bold.ttf") format("truetype");
  /* src: url("../fonts/otf/MullerNext_FF_Bg-Bold.otf") format("opentype"); */
}

@font-face {
  font-family: MullerNextWide-Bold;
  src: url("../fonts/woff/MullerNextBGWide-Bold.woff") format("woff");
  src: url("../fonts/woff2/MullerNextBGWide-Bold.woff2") format("woff2");
  src: url("../fonts/ttf/MullerNextWide-Bold.ttf") format("truetype");
 /* src: url("../fonts/otf/MullerNextWide_FF_Bg-Bold.otf") format("opentype");*/
}


html {
  background-color: var(--light-gray);
  scroll-behavior: smooth;
}

body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "MullerNext-Regular", Helvetica, Arial, sans-serif;
  line-height: 100%;
  font-size: 16px;
  color:#4E5D6D;
}

/* COLORS */

:root {

  --black:#1C1E2B;

  --vivid-blue:#197BC1; /*248FDB*/
  --vivid-salmon:#D1415B; /*EA516D*/
  --vivid-purple:#564998;
  --vivid-pink:#A8427F;
  --vivid-orange:#cB4B2E; /*E25637*/
  --vivid-teal:#028573; /*00B49D*/
  --vivid-green:#16884D; /*1C9D5B*/
  --vivid-yellow:#EF9711;
  --vivid-teal-new:#007C91;
  --vivid-green-new:#00875A;
  --vivid-orange-new:#C2410C;
  --vivid-green-new: #007F5F;

  --light-yellow:#FFCC40;
  --light-gray:#DAE0E6;

  --pale-gray:#4E5D6D;
  --pale-blue: #486284;

  --dark-blue:#132F55;
  --dark-purple:#202867;
  --dark-teal:#28607F;

  --turquoise-deep: #007C91;

  --deep-bourdeaux:#7A1E1E;
  --dark-plum:#6B3FA0;
  --petrol-teal: #005F73;
  --midnight-blue: #1D3557;
  --slate-indigo: #3D405B;
  --cocoa-brown: #7F5539;
  --forest-green: #2D6A4F;
  --dark-crimson: #8D0801;
  --muted-navy-violet: #4A4E69;
  --deep-cyan: #006D77;
  --royal-purple: #5A189A;
  --dark-petrol: #264653;
  --wine-red: #9A031E;
  --emerald-green: #0B6E4F;
  --electric-blue: #0057D9;

--vivid-cobalt: #0047CC;
--ultramarine: #2A4BFF;
--electric-violet: #7209B7;
--magenta-pink: #B5179E;
--raspberry: #C1126B;
--hot-red: #C1121F;
--signal-red: #B00020;
--burnt-orange: #C2410C;
--vivid-orange: #B45309;
--amber-gold: #A16207;
--acid-green: #3F7D20;
--emerald-bright: #00875A;
--turquoise-deep: #007C91;
--bright-teal: #006C67;
--cyan-blue: #0067A3;
}

/* TEXTS */

h1{
  margin: 0;
  padding: 0;
  line-height: 115%;
}

h2{
  margin: 0;
  padding: 0;
  line-height: 100%;
}

h3{
  margin: 0;
  padding: 0;
  line-height: 115%;
  font-family: "MullerNext-Regular", Helvetica, Arial, sans-serif;
}
h4{
  font-family: "MullerNext-Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 100%;
  margin: 0;
  padding: 0;
}

h5{
  font-family: "MullerNext-Medium", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 100%;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  margin-top: 0;
  text-transform: uppercase;
}

h6{
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 120%;
  margin:0 0 1rem 0;
  padding: 0;
}

p{
  margin: 0 0 2rem 0;
  max-width: 640px;
  font-size: 1rem;
  line-height: 135%;
}
p:last-of-type{
  margin-bottom: 0;
}


/* LAYOUT */

.container{
  margin: 0 auto;
  width: 1200px;
  padding: 4rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  border-bottom: 1px solid var(--pale-gray);
}

.container.small{
  padding: 1rem 2rem;
  border: 0;
}

.container.tiny{
  padding: 0.5rem 2rem 0;
  border: 0;
}

section{
  width: 100%;
}
  section .section-title{
    margin: 2rem auto 2rem;
    text-transform: uppercase;
  }
    section .section-title h3{
      margin: 0 auto;
      text-align: center;
      font-size: 1.5rem;
      line-height: 100%;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

.col{
  display: flex;
  flex-direction: column;
  width: 100%;
}

.row{
  display: flex;
  flex-direction: row;
  width:100%;
}

.hor-end{
  justify-content: end;
}

.hor-center{
  justify-content: center;
}

.ver-center{
  align-items: center;
}

.ver-top{
  align-items: normal;
}

.ver-bottom{
  align-items:end;
}

.flex-wrap{
  flex-wrap: wrap;
}

.hidden{
  display: none;
}

.separator{
  border-top: 1px solid var(--pale-gray);
  width: 1200px;
  margin: 0 auto;
  opacity: 0.25;
}

/* FORMS */
button{
  background-color: var(--dark-blue);
  border: none;
  color: white;
  padding: 0.5rem 1rem;
  text-decoration: none;
  margin: 0;
  cursor: pointer;
  font-family: "MullerNext-Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  transition: all 100ms ease-in;
}
button i{
  margin-left: 0.25rem;
}

/* CONTENT */

a{
  transition: all .2s;
  color:var(--dark-blue);
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
  color:var(--vivid-blue);
}

p{
  line-height: 135%;
}

.rich-text ol,
.rich-text ul{
  padding-bottom: 1rem;
}

.rich-text li,
.rich-text p {
  font-size: 1.25rem;
  line-height: 135%;
  padding: 0 0 2rem;
  margin: -0.5rem 0 0 0;
}
.rich-text strong{
  font-family: "MullerNext-Bold", Helvetica, Arial, sans-serif;
}
.rich-text a{
  text-decoration: underline;
}
.rich-text h5{
  margin: 1rem 0 2rem;
}

.label{
  color: var(--pale-gray);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 100%;
  font-family: "MullerNext-Regular", Helvetica, Arial, sans-serif;
}


/* BUTTONS */

.button{
  border-radius: 2rem;
  border:1px solid var(--dark-blue);
  padding: 0.5rem 1rem;
  width: fit-content;
}
.button:hover{
  text-decoration: none;
  background: var(--dark-blue);
  color:white;
}

/* FORM */
form{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 400px;
}
label{
  color: var(--pale-gray);
  font-size: 1.25rem;
}
input,
textarea{
  border: 1px solid var(--pale-gray);
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  margin-bottom: 1rem;
}


/* gallery */
.container .gallery a img {
  /*float: left;*/
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

/* home banners */
#bannerRotator {
    display:none;
    position:relative;
  }
.banner{
  position: relative;
}
.banner a,
.banner a img{
  width: 100%;
}
.banner #my_banner_div_dots{
  display: none;
}

/* Screen Reader Only Text - WCAG Accessibility Utility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

@media screen and (max-width: 991px){
  p{
    font-size: 0.9rem;
  }
}