:root {
  /* Site Colors are HSL values */
  --siteColor1: 195, 25%, 41%;     /* #4F7683 - Paynes Gray */
  --siteColor2: 201, 7%, 50%;      /* #778288 - Slate Gray */
  --siteColor3: 203, 4%, 36%;      /* #585D60 - Davys Gray */
  --siteColor4: 201, 7%, 60%;      /* #929BA0 - Cadet Gray */
  --siteColor5: 196, 37%, 72%;     /* #9CC4D2 - Light Blue */
  --siteColor6: 195, 25%, 41%;     /* #4F7683 - Paynes Gray */
  --black: 0, 0%, 0%;              /* Black */
  --darkGray: 0, 0%, 40%;          /* Dark Gray */
  --gray: 0, 0%, 60%;              /* Gray */
  --lightGray: 0, 0%, 80%;         /* Light Gray */
  --white: 0, 0%, 100%;            /* White */
  --siteFont1: 'Open Sans', 'Helvetica Neue', Helvetica, Arial; /* sans-serif */
  --siteFont2: var(--siteFont1); /* sans-serif */
  --siteFont3: var(--siteFont1); /* sans-serif */
  --bodyFontSize: 16px;
}

.site-color-1, .site-color-1-hover:hover { color: hsl(var(--siteColor1)) !important; }
.site-color-1-lighten, .site-color-1-lighten-hover:hover { color: hsla(var(--siteColor1), 0.75) !important; }
.site-color-1-bg, .site-color-1-bg-hover:hover { background-color: hsl(var(--siteColor1)) !important; }
.site-color-1-lighten-bg, .site-color-1-lighten-bg-hover:hover { background-color: hsla(var(--siteColor1), 0.75) !important; }
.site-color-2, .site-color-2-hover:hover { color: hsl(var(--siteColor2)) !important; }
.site-color-2-lighten, .site-color-2-lighten-hover:hover { color: hsla(var(--siteColor2), 0.75) !important; }
.site-color-2-bg, .site-color-2-bg-hover:hover { background-color: hsl(var(--siteColor2)) !important; }
.site-color-2-lighten-bg, .site-color-2-lighten-bg-hover:hover { background-color: hsla(var(--siteColor2), 0.75) !important; }
.site-color-3, .site-color-3-hover:hover { color: hsl(var(--siteColor3)) !important; }
.site-color-3-lighten, .site-color-3-lighten-hover:hover { color: hsla(var(--siteColor3), 0.75) !important; }
.site-color-3-bg, .site-color-3-bg-hover:hover { background-color: hsl(var(--siteColor3)) !important; }
.site-color-3-lighten-bg, .site-color-3-lighten-bg-hover:hover { background-color: hsla(var(--siteColor3), 0.75) !important; }
.site-color-4, .site-color-4-hover:hover { color: hsl(var(--siteColor4)) !important; }
.site-color-4-lighten, .site-color-4-lighten-hover:hover { color: hsla(var(--siteColor4), 0.75) !important; }
.site-color-4-bg, .site-color-4-bg-hover:hover { background-color: hsl(var(--siteColor4)) !important; }
.site-color-4-lighten-bg, .site-color-4-lighten-bg-hover:hover { background-color: hsla(var(--siteColor4), 0.75) !important; }
.site-color-5, .site-color-5-hover:hover { color: hsl(var(--siteColor5)) !important; }
.site-color-5-lighten, .site-color-5-lighten-hover:hover { color: hsla(var(--siteColor5), 0.75) !important; }
.site-color-5-bg, .site-color-5-bg-hover:hover { background-color: hsl(var(--siteColor5)) !important; }
.site-color-5-lighten-bg, .site-color-5-lighten-bg-hover:hover { background-color: hsla(var(--siteColor5), 0.75) !important; }
.site-color-6, .site-color-6-hover:hover { color: hsl(var(--siteColor6)) !important; }
.site-color-6-lighten, .site-color-6-lighten-hover:hover { color: hsla(var(--siteColor6), 0.75) !important; }
.site-color-6-bg, .site-color-6-bg-hover:hover { background-color: hsl(var(--siteColor6)) !important; }
.site-color-6-lighten-bg, .site-color-6-lighten-bg-hover:hover { background-color: hsla(var(--siteColor6), 0.75) !important; }

/* Black and White Text */
.text-white, .text-white-hover:hover { color: hsl(var(--white)) !important; }
.text-gray, .text-gray-hover:hover { color: #555 !important; }
.text-black, .text-black-hover:hover { color: hsl(var(--black)) !important; }
/* Text Transformation */
.text-upper { text-transform: uppercase !important; }
.text-lower { text-transform: lowercase !important; }
.text-cap { text-transform: capitalize !important; }
.text-norm { text-transform: none !important; }

/* BASE SETTINGS */
html { width: 100%; overflow-x: hidden; font-size: var(--bodyFontSize); }
body { font: 1rem/1.75 var(--siteFont1); color: #333; background: hsl(var(--white)); overflow-x: hidden; }
body#tinymce { padding: 0.9375rem; }
body.nav-open { overflow: hidden; }
.container { width: 100%; max-width: 71.25rem; }
.sub-title { font-family: var(--siteFont1); font-size: 1rem; color: hsl(var(--siteColor4)); text-transform: capitalize; letter-spacing: 0.1875rem; }
iframe, img { max-width: 100%; }
a { color: hsl(var(--siteColor1)); font-weight: 600; }
a:hover, a:focus { color: hsl(var(--siteColor1)); text-decoration: none; }
li { list-style: none; }
.content.int ul li { list-style: initial; }
.bootstrap-select, .bootstrap-select button { width: 100% !important; }
.bootstrap-select .dropdown-menu li a { font-family: var(--siteFont1); }
.hidden { display: none !important; }
.img-fit { object-fit: cover; width: 100%; height: 15.625rem; margin-bottom: 0.9375rem; }
blockquote { padding: 2.5rem 3.125rem; border: 0.0625rem rgba(0,0,0,0.15) solid; }
blockquote p:last-child { margin-bottom: 0 !important; }
.content.int svg { width: 3.75rem !important; height: 3.75rem !important; color: #00A0DF !important; }

/* Title Tags */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { font-family: var(--siteFont3); font-stretch: 75%; font-weight: 800; color: hsl(var(--siteColor1)); line-height: 1.25; text-transform: uppercase; }
h1, .h1 { font-size: 2.75rem; }
h2, .h2 { font-size: 2.5rem; }
h3, .h3 { font-size: 2.25rem; }
h4, .h4 { font-size: 1.875rem; }
h5, .h5 { font-size: 1.5rem; }
h6, .h6 { font-size: 1.125rem; }
@media (max-width: 992px) {
  h1, .h1 { font-size: 2.25rem; }
  h2, .h2 { font-size: 2rem; }
  h3, .h3 { font-size: 1.75rem; }
  h4, .h4 { font-size: 1.5rem; }
  h5, .h5 { font-size: 1.3125rem; }
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable.no-footer { border-bottom: none !important; }
.dataTables_info { display: none !important; }
.dataTables_wrapper .dataTables_filter { float: none !important; text-align: left !important; }
.dataTables_wrapper .dataTables_filter label { display: flex; justify-content: center; align-items: center; }
.dataTables_wrapper .dataTables_filter label input { border: 0.0625rem #ccc solid !important; width: 100%; padding: 0.3125rem 0.9375rem; }
#dataTableSort th { font-size: 1.125rem; text-align: center; }
#dataTableSort tr:first-child td { border-top: 0.0625rem #eee solid; }
#dataTableSort td { text-align: center; border-bottom: 0.0625rem #eee solid; border-right: 0.0625rem #eee solid; line-height: 1; vertical-align: middle; }
#dataTableSort td:first-child { font-size: 1.625rem; font-weight: 700; color: #686868; padding: 1.875rem; }
#dataTableSort th:nth-child(2) { text-align: left; }
#dataTableSort td:nth-child(2) { text-align: left; padding-left: 2.5rem; }
#dataTableSort td:last-child { border-right: none; }
#dataTableSort .color-primary-foreground { color: #00A0DF !important; font-weight: 700; font-size: 1.625rem; }
#dataTableSort ul { display: none; }
@media (max-width: 568px) {
  #dataTableSort th { font-size: 1rem; }
  #dataTableSort td:first-child { font-size: 1.25rem; padding: 0.9375rem; }
  #dataTableSort td:nth-child(2) { padding-left: 0.9375rem; }
  #dataTableSort .color-primary-foreground { font-size: 1.25rem; }
  #dataTableSort .btn { font-size: 0.625rem; padding: 0.5rem; }
}

.btn { display: inline-block; padding: 0.9375rem; border-radius: 0; font-family: var(--siteFont3); font-size: 0.875rem; color: hsl(var(--white)); line-height: 1; text-transform: uppercase; transition: all 0.4s ease-in-out; }
.btn:hover { color: hsl(var(--white)); }
.btn.btn-blue { background-color: #345066; }
.btn.btn-blue:hover { background-color: #2e475b; }
.btn.btn-white { background: hsl(var(--white)); color: #345066; }
.btn.btn-white:hover { background: #f2f2f2; color: #444; }
/* Button w/Loading Icons */
.btn-loader, button[type=submit] { position: relative; }
.btn-loader .btn-loading-text, button[type=submit] .btn-loading-text { display: none; }
.btn-loader .btn-loading-text .loading-icon, button[type=submit] .btn-loading-text .loading-icon { vertical-align: middle; font-size: 100%; line-height: 1; }

/* Style Checkboxes with Custom look
  THE LABEL for ATTRIBUTE VALUE MUST MATCH THE INPUT id FOR THIS TO WORK
*/
input[type=checkbox] { display: none; }
input[type=checkbox] + label { cursor: pointer; position: relative; padding-left: 2.25rem; }
input[type=checkbox] + label:before { content: ""; display: block; width: 1.5rem; height: 1.5rem; position: absolute; top: 0; left: 0; background: hsl(var(--white)); border: 0.0625rem solid #666; }
input[type=checkbox]:checked + label:before { content: "\f00c"; padding-left: 0.125rem; box-shadow: inset 0 0 0.375rem -0.125rem hsl(var(--black)); font-family: "FontAwesome"; font-size: 1.5rem; color: hsl(var(--siteColor1)); line-height: 0.75; text-align: center; }
input[type=checkbox] + label.select-all:before { width: 1.125rem; height: 1.125rem; font-size: 1.125rem; line-height: 0.85; }
.input-well { display: block; padding: 0.9375rem !important; background: hsl(var(--white)); }
.input-well label { display: block; font-size: 0.75rem; color: #666; line-height: 1.25; text-align: left !important; font-weight: 400 !important; }
.input-well input[type=checkbox] + label:before { top: 0.125rem; }

/* SITE STYLES */

/* HEADER */
.header { padding: 0.9375rem 0; position: fixed; top: 0; right: 0; left: 0; z-index: 9; font-family: var(--siteFont3); background-color: transparent; transition: all 0.4s ease-in-out; }
.header.scroll { background-color: hsl(var(--white)); }
.header:after { content: ""; display: block; width: 100%; height: 0.5rem; position: absolute; top: 100%; z-index: -1; }
.header .container { display: flex; justify-content: space-between; align-items: center; max-width: 100rem; position: relative; }

/* HEADER LOGO */
.header-logo { display: block; width: 9rem; height: auto; object-fit: cover; margin-right: 1rem; position: relative; transition: all 0.4s ease-in-out; }
.header.scroll .header-logo { width: 6.5rem; }
.header-logo span { display: none; }
.header-logo img { width: 100%; height: auto; }
@media (max-width: 1200px) {
  .header-logo { width: 6.5rem; }
}
@media(max-width: 768px){
  .header-logo { width: 5rem; }
  .header.scroll .header-logo { width: 5rem; }
}

/* HEADER NAVIGATION */
.header-menu { flex-shrink: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
#mobileToggle { display: none; padding: 0; margin-left: 0.75rem; position: relative; z-index: 999 !important; font-family: var(--siteFont1); font-size: 1.875rem; color: hsl(var(--siteColor2)); line-height: 1; }
#mobileToggle:link, #mobileToggle:hover { text-decoration: none; }
.header-navigation { margin-right: 0.5rem; }
.header-navigation .navigation { display: block; position: relative; }
.header-navigation .navigation .close-nav { display: none; width: 100%; padding: 0.5rem; background: none; outline: none; border: none; border-bottom: 0.0625rem solid hsla(var(--white),0.25); color: hsl(var(--white)); font-stretch: 75%; font-weight: 700; text-align: center; text-transform: uppercase; }
.header-navigation .navigation ul { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; }
.header-navigation .navigation > ul > li { display: inline-flex; position: relative; padding: 0; }
.header-navigation .navigation li a { display: block; padding: 0.75rem 1rem; font-family: var(--siteFont3); font-stretch: 75%; font-weight: 700; font-size: 1.25rem; line-height: 1.25; color: hsl(var(--siteColor2)); text-align: center; text-transform: uppercase; transition: all 0.4s ease-in-out; }
.header-navigation .navigation li i { display: none; }
.header-navigation .navigation li.active a, 
.header-navigation .navigation li a:hover { color: hsl(var(--siteColor1)); }
.header-navigation .navigation ul ul { visibility: hidden; opacity: 0; padding: 0.5rem; display: flex; flex-direction: column; width: 100%; min-width: 13rem; background: hsl(var(--white)); box-shadow: 0 0 1.25rem hsla(var(--black),0.15); position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transition: all ease-in-out 0.4s; }
.header-navigation .navigation > ul > li:last-child ul { left: auto; right: 0; transform: none; }
.header-navigation .navigation li:hover ul,
.header-navigation .navigation li:focus-within ul { visibility: visible; opacity: 1; }
.header-navigation .navigation ul ul li { width: 100%; }
.header-navigation .navigation ul ul li a { padding: 0.5rem 1rem; transition: all 0.4s ease-in-out; text-align: left; }
.header-navigation .navigation ul ul li a:hover { background: hsla(var(--siteColor1), 10%); color: hsl(var(--siteColor1)); }
.header-navigation .navigation .mobile { display: none; border-top: 0.5rem solid hsl(var(--white)); }
.header-navigation .navigation .mobile li a { text-overflow: ellipsis; }
.header-navigation .navigation .mobile li span { display: block; overflow: hidden; text-overflow: ellipsis; }
.header-info { display: flex; align-items: center; }
.header-info .i-header-contact { display: flex; justify-content: center; align-items: center; width: 2.125rem; height: 2.125rem; margin-left: 0.5rem; padding: 0.25rem; border: 0.0625rem solid hsl(var(--siteColor2)); background-color: transparent; border-radius: 50vw; color: hsl(var(--siteColor2)); line-height: 1; transition: 0.4s ease-in-out; }
.header-info .i-header-contact:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); border-color: hsl(var(--siteColor1)); }
.header-info .i-header-contact .icon { color: inherit; font-size: 1.125rem; line-height: 1; }
.header-info .i-header-contact span { display: none }
@media (max-width: 1200px) {
  .header-menu { margin: 0; flex-wrap: nowrap; flex-direction: row-reverse; }
	#mobileToggle { display: block; }
  .header-navigation { margin-right: 0; }
	.header-navigation .navigation { width: 25rem; position: fixed; top: 0; bottom: 0; left: 0; z-index: 99999; transform: translateX(-100%); margin: 0; background: hsl(var(--siteColor2)); transition: all 0.4s ease-in-out; }
	body.nav-open .header-navigation .navigation { transform: translateX(0); }
  .header-navigation .navigation .close-nav { display: block; }
  .header-navigation .navigation ul { flex-direction: column; align-items: flex-start; }
  .header-navigation .navigation > ul > li { display: block; width: 100%; }
  .header-navigation .navigation li a { max-width: 100%; font-size: 1rem; border-bottom: 0.0625rem solid hsla(var(--white),0.25); color: hsl(var(--white)); text-align: left; }
  .header-navigation .navigation li.active a, 
  .header-navigation .navigation li a:hover { color: hsl(var(--white)); }
  .header-navigation .navigation li i { display: block; position: absolute; top: 0; right: 0; padding: 0.8125rem; color: hsl(var(--white)); }
  .header-navigation .navigation ul ul,
  .header-navigation .navigation > ul > li:last-child ul { display: none; visibility: visible; opacity: 1; padding: 0; background: hsl(var(--siteColor2)); position: relative; top: auto; left: auto; right: auto; transform: none; transition: none; box-shadow: none; }
  .header-navigation .navigation ul ul li a { padding: 0.75rem 1rem 0.75rem 1.75rem; }
  .header-navigation .navigation ul ul li a:hover { color: hsl(var(--white)); }
  .header-navigation .navigation .mobile { display: block; }
}
@media (max-width: 736px) {
  .header-navigation .navigation { width: 100%; }
}

/* BANNER IMAGE */
.banner { width: 100%; position: relative; z-index: 1; }
.banner:before { content: ''; width: 100%; height: 100%; max-height: 20rem; min-height: var(--headerHeight); position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, hsl(var(--white)) 0%, hsl(var(--white)) 25%, transparent 100%); z-index: 2; }
.banner .banner-image { overflow: hidden; height: 100vh; min-height: 45rem; max-height: 65rem; position: relative; }
.banner .banner-image.int { height: 22rem; min-height: unset; max-height: 100vh; }
.banner .banner-image > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; object-fit: cover; }
@media (max-width: 992px) {
  .banner.int { min-height: 15rem; }
  .banner.int .banner-image.int { width: 100%; height: 100%; min-height: auto; max-height: auto; position: absolute; top: 0; left: 0; right: 0; }
}
@media (max-width: 666px) {
  .banner { min-height: 25rem; padding: 3rem 0 1rem; display: flex; }
  .banner .banner-image { width: 100%; height: 100%; min-height: auto; max-height: auto; position: absolute; top: 0; left: 0; right: 0; }
}

/* BANNER Carousel */
.banner:has(.owl-carousel) { padding: 0; }
.banner:has(.owl-carousel) .banner-info { position: absolute; bottom: 50%; right: 0; left: 0; transform: translate(0, 50%); }
.banner .owl-carousel .banner-image { height: 100vh; min-height: 45rem; max-height: 65rem; position: relative; }
@media (max-width: 1600px) {
  .banner:has(.owl-carousel) .banner-info { bottom: 55%; transform: translate(0, 55%); }
}
@media (max-width: 666px) {
  .banner .owl-carousel .banner-image { height: auto; min-height: 25rem; }
  .banner:has(.owl-carousel) .banner-info { bottom: 45%; transform: translate(0, 45%); }
}

/* BANNER INFO */
.banner .banner-info { max-width: 100rem; width: 100%; display: flex; flex-direction: column; align-items: center; padding: 1rem; position: absolute; bottom: 50%; right: 0; left: 0; z-index: 3; transform: translate(0, 50%); margin: auto; font-family: var(--siteFont3); font-stretch: 75%; font-size: 5.5rem; line-height: 1.15; color: hsl(var(--white)); font-weight: 700; text-align: center; text-transform: uppercase; text-shadow: 0.125rem 0.125rem 0.25rem hsla(var(--black),50%); }
.banner .banner-info small { font-size: 60%; font-weight: 700; }
@media (max-width: 1600px) {
  .banner .banner-info { bottom: 55%; transform: translate(0, 55%); }
}
@media (max-width: 1025px) {
  .banner .banner-info { font-size: 4rem; }
}
@media (max-width: 768px) {
  .banner .banner-info { font-size: 3rem; }
  .banner .banner-info small { margin-bottom: 0.25rem; font-size: 1.5rem; }
}
@media (max-width: 666px) {
  .banner .banner-info { padding: 0 0.9375rem; position: relative; bottom: auto; transform: none; }
}
@media (max-width: 568px) {
  .banner .banner-info { font-size: 2.5rem; }
  .banner .banner-info small { font-size: 1.25rem; }
}

/* CALLOUTS */
.callouts-wrap { padding: 0; position: relative; z-index: 2; background: hsl(var(--siteColor2)); border-top: 0.75rem solid hsl(var(--white)); font-family: var(--siteFont3); transition: all 0.25s ease-in-out; }
.callouts-wrap .callouts-container { width: 100%; max-width: 90rem; margin: auto; padding: 0; position: relative; }
.callouts-wrap .swiper-slide .callout { background-color: hsl(var(--siteColor2)); transition-duration: 250ms; transition-property: transform, background-color; }
.callouts-wrap .swiper-slide:nth-child(even) .callout { background-color: hsl(var(--siteColor1)); }
.callout { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; padding: 3rem 3.5rem 2.5rem; color: hsl(var(--white)); }
.callout-img-wrap { --calloutImgSize: 35vw; margin: 4vw 0 calc(5vw + 2rem); flex-shrink: 0; overflow: hidden; width: var(--calloutImgSize); height: var(--calloutImgSize); transform: rotate(45deg); border: 0.5rem solid hsl(var(--white)); transition: all 0.4s ease-in-out; } /* transform: translateX(-50%) rotate(45deg); transform-origin: bottom right; */
.callout-img-wrap .callout-img { display: block; width: 150%; height: auto; margin: 0; transform: rotate(-45deg) scale(1.5); transition: all 0.4s ease-in-out; }
.callout:hover .callout-img-wrap { transform: rotate(225deg); }
.callout:hover .callout-img-wrap .callout-img { transform: rotate(-225deg) scale(1.5); }
.callouts-wrap .callout-info { flex-grow: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.callouts-wrap .callout-title { display: flex; flex-direction: column; align-items: center; width: 100%; position: relative; font-size: 1.75rem; font-stretch: 87.5%; color: hsl(var(--white)); font-weight: 700; text-transform: uppercase; transition: color 0.3s; }
.callouts-wrap .callout-title:after { content: ""; display: block; width: 2.25rem; height: 0.0625rem; margin: 1rem 0; border: 0.0625rem solid hsl(var(--white)); }
.callouts-wrap .callout-desc { margin-bottom: 1.5rem; font-family: var(--siteFont2); color: hsl(var(--white)); font-weight: 500; transition: all 0.25s ease-in-out;  }
.callouts-wrap .callout-btn { margin-top: auto; width: 3.5rem; height: 3.5rem; display: flex; justify-content: center; align-items: center; background: transparent; border: 0.25rem solid hsl(var(--white)); border-radius: 50vw; color: hsl(var(--white)); font-weight: 700; transition: all 0.25s ease-in-out; }
.callouts-wrap .callout-btn .fa { margin-top: -0.25rem; color: hsl(var(--white)); font-size: 1.5rem; }

/* Callouts Swiper */
.callouts-wrap .swiper-slide { height: auto; }
.callout-wrap { height: 100%; }
.callouts-wrap .swiper-button-prev, 
.callouts-wrap .swiper-button-next { min-width: 2rem; color: hsl(var(--white)); font-size: 2rem; }
.callouts-wrap .swiper-button-next:after, 
.callouts-wrap .swiper-button-prev:after { display: none; }
@media (min-width: 480px) {
  .callouts-wrap .callouts-container { padding: 0 3.5rem; }
  .callout { padding: 3rem 1.75rem 2.5rem; }
  .callout-img-wrap { --calloutImgSize: 30vw; border: 0.75rem solid hsl(var(--white)); }
  .callout:hover { color: hsl(var(--siteColor1)); }
  .callouts-wrap .swiper-slide { opacity: 0; } /* transition-duration: 250ms; transition-property: transform, opacity; */
  .callouts-wrap .swiper-slide.swiper-slide-visible { opacity: 1; } /* Needs watchSlidesProgress: true to work correctly */
  .callouts-wrap .swiper-slide .callout:hover { background-color: hsl(var(--white)); }
  .callouts-wrap .callout:hover .callout-title { color: hsl(var(--siteColor1)); }
  .callouts-wrap .callout:hover .callout-title:after { border-color: hsl(var(--siteColor1)); }
  .callouts-wrap .callout:hover .callout-btn { border-color: hsl(var(--siteColor1)); color: hsl(var(--siteColor1)); }
  .callouts-wrap .callout-desc,
  .callouts-wrap .callout-btn,
  .callouts-wrap .callout-btn .fa { color: inherit; }
}
@media (min-width: 667px) {
  .callout { padding: 4.5rem 1.75rem 3.5rem; }
  .callout-img-wrap { --calloutImgSize: 22vw; margin: 0; position: absolute; bottom: 100%; transform: rotate(45deg); } 
}
@media (min-width: 992px) {
  .callout-img-wrap { --calloutImgSize: 18vw; }
}
@media (min-width: 1200px) {
  .callout-img-wrap { --calloutImgSize: 15vw; }
}
@media (min-width: 1440px) {
  .callout-img-wrap { --calloutImgSize: 14rem; }
}

/* CONTENT */
.content { padding: 0;  }
.content.int { padding: 3.5rem 0; }
@media (max-width: 992px) {
  .content.int { padding: 2.5rem 0; }
}

/* WELCOME */
main.welcome { padding: 3.5rem 0; text-align: center; }
main.welcome h1 { margin-bottom: 1rem; }
main.welcome .welcome-icon { width: 100%; max-width: 9.375rem; height: auto; margin: 0 auto 1.25rem; }
main.welcome p:last-child { margin-bottom: 0; }
@media (max-width: 992px) {
  main.welcome { padding: 2.5rem 0; }
  main.welcome .welcome-icon { max-width: 8rem; }
}
@media (max-width: 768px) {
  main.welcome .welcome-icon { max-width: 6rem; }
}

/* NEWSLETTER */
.newsletter-wrap { padding: 5rem 0; position: relative; text-align: center; }
.newsletter-wrap:before { content: ''; width: 100%; height: 100%; position: absolute; inset: 0; z-index: -1; background: url('/images/layout/contact-bg.jpg') no-repeat center center; background-size: cover; }
.newsletter-wrap .h1 { margin: 0; margin-bottom: 1rem; color: hsl(var(--white)); }
.newsletter-form { width: 100%; max-width: 35rem; margin: auto; font-family: var(--siteFont3); }
.newsletter-form .fieldset { position: relative; margin-top: 1rem; }
.newsletter-form .row { margin-right: -0.5rem; margin-left: -0.5rem; }
.newsletter-form [class^=col] { padding: 0.5rem; }
.newsletter-form .input-col { text-align: left; }
.newsletter-form .input-wrap { margin-bottom: 0.0625rem; }
.newsletter-form input[type=text],
.newsletter-form input[type=number],
.newsletter-form .bootstrap-select button,
.newsletter-form .textarea-wrap textarea { width: 100%; height: 3.125rem; padding: 1.75rem 1.25rem; background: transparent !important; outline: none; border: 0.0625rem solid hsl(var(--white)); border-radius: 0; font-stretch: 75%; font-weight: 700; color: hsl(var(--white)); line-height: 1; text-transform: none; }
.newsletter-form input[type=text]::placeholder,
.newsletter-form textarea::placeholder { color: hsl(var(--white)); text-transform: uppercase; }
.newsletter-form .bootstrap-select button { padding: 1.125rem 0.9375rem; text-transform: capitalize; letter-spacing: 0; }
.newsletter-form .textarea-wrap textarea { height: 8rem; text-transform: none; }
.newsletter-form #newslettercaptcha { display: flex; justify-content: center; }
.newsletter-form .btn { display: block; margin: 0 auto; padding: 0.875rem 2.5rem; font-stretch: 75%; font-weight: 700; font-size: 1.5rem; }
.newsletter-form .error-placement { display: none; font-family: sans-serif; font-size: 0.875rem; color: hsl(var(--white)); }
@media (max-width: 992px) {
  .newsletter-wrap { padding: 3.5rem 0; }
}
@media (max-width: 736px) {
  .newsletter-wrap { padding: 2.5rem 0; }
}

/* FOOTER */
.footer { padding: 0; background-color: hsl(var(--siteColor3)); color: hsl(var(--white)); font-stretch: 75%; font-weight: 700; text-align: center; }
.footer > .container { padding-top: 3.5rem; padding-bottom: 2.5rem; }
.footer [class^=col] { margin-bottom: 1rem; }
.footer-logo { display: block; position: relative; text-align: center; }
.footer-logo span { display: none; }
.footer-logo img { width: 100%; max-width: 9rem; height: auto; }
.footer .navigation ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; padding: 0; }
.footer .navigation .close-nav,
.footer .navigation .fa,
.footer .navigation ul li ul,
.footer .navigation .mobile { display: none !important; }
.footer .navigation>ul>li { position: relative; line-height: 1; }
.footer .navigation>ul>li:after { content: ""; display: block; background-color: hsl(var(--white)); height: 1.125rem; width: 0.125rem; position: absolute; top: 50%; right: -0.0625rem; transform: translate(0,-50%); }
.footer .navigation>ul>li:last-child:after { display: none; }
.footer .navigation>ul>li>a { display: block; padding: 0.5rem 1rem; font-size: 1.25rem; font-stretch: 75%; font-weight: 700; color: hsl(var(--white)); text-transform: uppercase; }
.footer .navigation>ul>li>a:hover { color: hsl(var(--siteColor5)); }
.footer .footer-info { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-transform: uppercase; }
.footer .footer-info > span { padding: 0 0.75rem; position: relative; }
.footer .footer-info > span:not(:last-child):after { content: ""; display: block; background-color: hsl(var(--white)); height: 1rem; width: 0.125rem; position: absolute; top: 50%; right: -0.0625rem; transform: translate(0,-50%); }
@media (max-width: 1200px) {
  .footer-navigation .navigation { visibility: visible; opacity: 1; width: 100%; padding: 0; position: relative; left: auto; z-index: auto; background: transparent; }
  .footer-navigation .navigation li a { max-width: 100%; }
}
@media (max-width: 992px) {
  .footer > .container { padding-top: 2.5rem; padding-bottom: 1.5rem; }
}
@media (max-width: 768px) {
  .footer .navigation ul { flex-direction: column; }
  .footer .navigation>ul>li:after { display: none; } 
  .footer .navigation>ul>li>a { padding: 0.75rem 1rem; }
}
@media (max-width: 480px) {
  .footer .footer-info { flex-direction: column; }
  .footer .footer-info > span { display: block; }
  .footer .footer-info > span:not(:last-child):after { display: none; }
}

/* BASELINE */
.baseline { padding: 1rem 0; background-color: hsl(var(--siteColor1)); font-size: 1rem; color: hsl(var(--white)); font-weight: 500; text-transform: capitalize; }
.baseline .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.baseline span { margin: 0 0.25rem; }
.baseline a { color: hsl(var(--white)); }
@media (max-width: 768px) {
  .baseline .container { justify-content: center; }
}

/* Owl Gallery */
.owl-gallery-loader-container { width: 101%; text-align: center; background: #f8f8f8; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
.owl-gallery-loader-tube-tunnel { width: 3.0625rem; height: 3.0625rem; margin: 0 auto; border: 0.25rem solid; border-radius: 50%; border-color: rgba(0,0,0,0.5); animation: owl-gallery-loader-scale 1035ms infinite linear; position: absolute; top: 45%; left: 49%; transform: translate(-50%,-50%); }
@keyframes owl-gallery-loader-scale { 0% { transform: scale(0); transform: scale(0); } 90% { transform: scale(0.7); transform: scale(0.7); } 100% { transform: scale(1); transform: scale(1); } }
.owl-gallery-wrap { position: relative; z-index: 1; overflow: hidden; background: #333; /* padding-bottom: 0.625rem; */ }
.owl-gallery { position: relative; z-index: 1; }
.owl-gallery .item .owl-lazy { display: block; border-radius: 0; padding-bottom: 60%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; position: relative; z-index: 2; }
.owl-gallery .item:before { content: ""; display: block; width: 3.0625rem; height: 3.0625rem; margin: 0 auto; border: 0.25rem solid; border-radius: 50%; border-color: hsla(var(--white),0.5); animation: owl-gallery-loader-scale 1035ms infinite linear; position: absolute; z-index: 1; top: calc(50% - calc(3.0625rem / 2)); left: calc(50% - calc(3.0625rem / 2)); transform: translate(-50%,-50%); }
.owl-gallery .item img.owl-lazy { padding: 0; }
.owl-gallery-thumbs { max-height: 5rem; padding: 0 0.625rem; position: relative; z-index: 1; }
.owl-gallery-thumbs .item { cursor: pointer; opacity: 0.5; }
.owl-gallery-thumbs .item:hover { opacity: 1; }
.owl-gallery-thumbs .item .owl-lazy { display: block; border-radius: 0; padding-bottom: 60%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; }
.owl-gallery-thumbs .current .item { opacity: 1; }
.owl-theme .owl-nav [class*=owl-] { margin: 0 !important; }
.owl-theme .owl-nav [class*=owl-], .owl-gallery-thumbs .item { transition: all, ease-in-out 0.3s; }
.owl-theme .owl-nav [class*=owl-].disabled:hover { background-color: rgba(0,0,0,0.5); }
.owl-gallery.owl-theme { position: relative; }
.owl-gallery .owl-nav .owl-prev, .owl-gallery .owl-nav .owl-next, .owl-gallery-thumbs .owl-nav .owl-prev, .owl-gallery-thumbs .owl-nav .owl-next { font-size: 1.875rem !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(0,0,0,0.75) !important; border: none; border-radius: 0 0.3125rem 0.3125rem 0 !important; width: 3.75rem; height: 3.75rem; padding: 0 !important; position: absolute; top: 50%; transform: translate(0,-50%); animation: fadein 1.5s; }
.owl-gallery .owl-nav .owl-prev:hover, .owl-gallery .owl-nav .owl-next:hover, .owl-gallery-thumbs .owl-nav .owl-prev:hover, .owl-gallery-thumbs .owl-nav .owl-next:hover { opacity: 1; background: rgba(0,0,0,0.75) !important; }
.owl-gallery .owl-nav .owl-prev, .owl-gallery-thumbs .owl-nav .owl-prev { left: 0; opacity: 0.75; }
.owl-gallery .owl-nav .owl-next, .owl-gallery-thumbs .owl-nav .owl-next { right: 0; opacity: 0.75; border-radius: 0.3125rem 0 0 0.3125rem !important; }
.owl-gallery .owl-nav .owl-prev:before, .owl-gallery .owl-nav .owl-next:before, .owl-gallery-thumbs .owl-nav .owl-prev:before, .owl-gallery-thumbs .owl-nav .owl-next:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-family: "FontAwesome"; color: hsl(var(--white)); }
.owl-gallery .owl-nav .owl-prev:before, .owl-gallery-thumbs .owl-nav .owl-prev:before { content: "\f053"; left: 46%; }
.owl-gallery .owl-nav .owl-next:before, .owl-gallery-thumbs .owl-nav .owl-next:before { content: "\f054"; left: 56%; }
.owl-gallery-thumbs .owl-nav .owl-prev, .owl-gallery-thumbs .owl-nav .owl-next { font-size: 1.25rem !important; width: 2.5rem !important; height: 2.5rem !important; top: 50%; }
.owl-gallery .owl-nav .owl-prev span, .owl-gallery .owl-nav .owl-next span, .owl-gallery-thumbs .owl-nav .owl-prev span, .owl-gallery-thumbs .owl-nav .owl-next span { display: none; }
.owl-gallery .owl-dots { counter-reset: slides-num; position: absolute; z-index: 2; top: 0; left: 0; color: hsl(var(--white)); background: rgba(0,0,0,0.5); padding: 0.4375rem 1rem; font-size: 1rem; border-radius: 0 0 0.25rem 0; }
.owl-gallery .owl-dots:after { content: counter(slides-num); }
.owl-gallery .owl-dot { display: inline-block; counter-increment: slides-num; padding: 0; background: none; border: none; }
.owl-gallery .owl-dot button, .owl-gallery .owl-dot span { display: none !important; }
.owl-gallery .owl-dot.active:before { content: "Slide " counter(slides-num) " of"; margin-right: 0.3125rem; }
.owl-gallery .owl-caption { position: absolute; z-index: 2; bottom: 0; left: 0; padding: 0.3125rem 0.625rem; display: block; background: rgba(0,0,0,0.5); border-radius: 0 0.25rem 0 0; color: hsl(var(--white)); }
@media (max-width: 768px) {
  .owl-gallery .owl-dots { top: 1.25rem; }
}

/* MEDIA QUERIES */
@media (max-width: 1200px) {
	.wrapper { position: relative; right: 0%; transition: right 500ms; transition-delay: 350ms; }
}