@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&family=Source+Sans+3:wght@200;300;400;500;600;700;800;900');

body {font-family: 'Source Sans 3', sans-serif; color: #333; margin:0; font-size: .95em; font-weight: 600; letter-spacing: -.5px; overflow-x: hidden; position: relative;}

dl, ol, ul {margin:0!important;}

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:0;
    display:none;
    text-indent:-9999px;
    background: url(graphics/icon_top.png) no-repeat;
}

a {text-decoration: none;}
a:hover {text-decoration: none;}

.navy {color:#232c3a;}
.teal {color:#00dab2;}
.dk-gray {color:#3d4551;}
.gray {color:#888;}
.white {color:#fff;}
.black {color:#333;}

.small {font-size: 90%!important;}
.smaller {font-size: 85%!important;}
.smallest {font-size: 75%!important;}
.large {font-size: 110%!important;}
.larger {font-size: 125%!important;}
.largest {font-size: 150%!important;}

.header {
  padding:5px;
  background: #fff;
  z-index:999999;
  -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.15); 
  box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.15);
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:#fff;
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

.divider-gray {border-top:1px solid #ddd;}

.bar-teal {width:100px; border-top: 6px solid #00dab2;}
.bar-orange {width:100px; border-top: 8px solid #e87c12;}
.bar-gray {width:100px; border-top: 8px solid #52505e;}

.border-pic {border:1px solid #e87c12;}

.card-img {min-height: 120px;}
.card {border-radius: 0;}

h1 {
    font-family: 'Playfair Display', serif;
	color: #232c3a;
	font-size: 2.65em!important;
	font-weight: 700;
	letter-spacing: -.5px;
	margin-bottom: 0;
}

h2 {
    font-family: 'Playfair Display', serif;
	color: #232c3a;
	font-size: 2.75em!important;
	font-weight: 700;
	letter-spacing: -.5px;
	margin-bottom: 0;
}

h3 {
    font-family: 'Jost', sans-serif;
	color: #555;
	font-size: 1em!important;
	letter-spacing: 2.5px;
	text-transform: uppercase;
}

h4 {
    font-family: 'Jost', sans-serif;
	color: #888;
	font-size: 1.65em!important;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

h5 {
    font-family: 'Jost', sans-serif;
	color: #232c3a;
	font-size: 1.25em!important;
	font-weight: 700;
	text-transform: uppercase;
}

.bg-top {background:#232c3a; color:#00dab2; font-size:.9em; font-weight:600; letter-spacing: -.25px!important;}
.bg-top a {color: #00dab2; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-top a:hover {color: #888; text-decoration: none;}
.bg-top ul {padding:0; margin:0; text-align:right;}
.bg-top ul li {list-style-type:none; display:inline;}
.bg-top ul li:before {content:'';}
.bg-top ul li:after {content:''; margin:0 15px;}
.bg-top ul li:last-child:after {content:'';}

.li-top {font-size:1.25em;}
.li-top a {color: #888; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.li-top a:hover {color: #00dab2; text-decoration: none;}

.navbar-light .navbar-nav .nav-link {
	font-family: 'Jost', sans-serif;
	font-size: 1.25em;
	font-weight: 500;
	text-transform: uppercase;
	color:#3d4551;
	padding:10px 3rem!important;
	letter-spacing: 1px!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbar-light .navbar-nav .nav-link:hover {color:#00dab2!important;}

.navbar-toggler {border-color:#222!important; background-color:transparent!important; border:0!important; color:(0,0,0,1.0)!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {height:100%;}
.navbar-brand img {height:50px;}
.navbar-brand.js-scrolling img {
	height: 35px;
	-webkit-transition: height 0.3s ease; 
	-moz-transition: height 0.3s ease; 
	-ms-transition: height 0.3s ease; 
	-o-transition: height 0.3s ease; 
	transition: height 0.3s ease;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:#009fb7!important;}

.bg-hero {background-color: #eeeeee;
background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23dddddd' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");}

.h1-hero {font-family: 'Playfair Display', serif; color: #222; font-size: 4.5em!important; font-weight: 700; letter-spacing: -1px; margin-bottom: 0; margin-top:-25px!important;}
.h2-hero {font-family: 'Jost', cursive; color: #555; font-size: 1.1em!important; letter-spacing: 5px; text-transform: uppercase;}

.hero-text {font-size: 1.05em; font-weight: 600; line-height: 2.15em;}

.btn-hero-one {
	background-color:#232c3a;
	font-family: 'Jost', sans-serif;
	font-size:.9em;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#00dab2!important;
	letter-spacing: 1.5px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #232c3a;
}
.btn-hero-one:hover {
	background:#3d4551;
	color:#fff!important;
	cursor: pointer;
	border:2px solid #3d4551;
}

.btn-hero-two {
	background-color:transparent;
	font-family: 'Jost', sans-serif;
	font-size:.9em;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#232c3a;
	letter-spacing: 1.5px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #00dab2;
}
.btn-hero-two:hover {
	background:#232c3a;
	color:#00dab2!important;
	cursor: pointer;
	border:2px solid #232c3a;
}

.content-index {min-height:300px;}
.content {min-height:750px; font-weight: 600; letter-spacing: -.5px;}
.content a {color:#232c3a; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#888; text-decoration:none;}
.btn-content {
	background-color:#232c3a;
	font-family: 'Jost', sans-serif;
	font-size:.9em;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#00dab2!important;
	letter-spacing: 1.5px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-content:hover {
	background:#3d4551;
	color:#fff!important;
	cursor: pointer;
}

.footer {font-family: 'Jost', sans-serif; font-size: .975em; font-weight:600; color:#3d4551; text-transform: uppercase; border-top:1px solid #ccc;}
.footer a {color: #3d4551; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer a:hover {color: #888; text-decoration: none;}
.footer ul {padding:0; margin:0; text-align:center;}
.footer ul li {list-style-type:none; display:inline;}
.footer ul li:before {content:'';}
.footer ul li:after {content:''; margin:0 0 0 50px;}
.footer ul li:last-child:after {content:''; margin-left: 0;}

.footer-fb {font-size: 2em; color:#00dab2;}
.footer-fb a {color: #00dab2; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-fb a:hover {color: #888; text-decoration: none;}

.bg-anchor {background:#232c3a; border-bottom:3px solid #00dab2; color:#bbb; font-size: .7em; font-weight: 400; letter-spacing: -.25px;}
.bg-anchor a {color:#bbb; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#fff; text-decoration:underline;}

.bg-anchor ul {padding:0; margin:0; text-align:center;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#00dab2; margin:0 10px; font-weight: 900;}
.bg-anchor ul li:last-child:after {content:''!important;}

.btn-about {
	background-color:transparent;
	font-family: 'Jost', sans-serif;
	font-size:.9em;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#232c3a;
	letter-spacing: 1.5px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #00dab2;
}
.btn-about:hover {
	background:#232c3a;
	color:#00dab2!important;
	cursor: pointer;
	border:2px solid #232c3a;
}

.bg-callouts {background:#3d4551; color:#fff;}
.h3-callout {color:#bbb!important;}
.callout-border {border:2px solid #232c3a;}
.callout-icon {font-size: 3em; color:#00dab2;}
.callout-header {font-family: 'Jost', sans-serif; font-size: 1.5em; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; color:#bbb;}
.callout-text {font-size: 1.05em; font-weight: 400; line-height: 1.5em;}
.btn-callout {
	background-color:#00dab2;
	font-family: 'Jost', sans-serif;
	font-size:.9em;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#3d4551;
	letter-spacing: 1.5px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #00dab2;
}
.btn-callout:hover {
	background:#3d4551;
	color:#fff!important;
	cursor: pointer;
	border:2px solid #00dab2;
}

.bg-tagline {background-color: #191F29;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(180,960,484)'%3E%3Cstop offset='0' stop-color='%23191F29'/%3E%3Cstop offset='1' stop-color='%23232C3A'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='356' height='296.7' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.07'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;}
.tagline-lg {font-family: 'Playfair Display', serif; font-size: 3.65em; font-weight: 700; line-height: 1em; color:#00dab2;}
.tagline-sm {font-family: 'Jost', sans-serif; font-size: 1.15em; font-weight: 500; color:#fff; text-transform: uppercase; letter-spacing: 2.5px;}
.btn-tagline {
	background-color:transparent;
	font-family: 'Jost', sans-serif;
	font-size:1em;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff;
	letter-spacing: 1px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #00dab2;
}
.btn-tagline:hover {
	background:#00dab2;
	color:#111!important;
	cursor: pointer;
	border:2px solid #00dab2;
}

.content-text {font-size: 1.075em;}
.about-index {font-size: 1.1em; line-height: 2.15em!important;}

.h2-about {font-size:1.85em!important; font-weight: 800!important; color:#3d4551; margin-bottom: 15px!important;}

/* TABS */
.tab-pane {
  padding:2rem 0;	
}

.nav-tabs {font-family: 'Jost', sans-serif!important; font-size: 120%; font-weight: 500; text-transform: uppercase; border-bottom:0;}
.nav-item-tab {font-weight: 500; padding:1.5%; background:#fff; border:1px solid #bbb; margin-right:1%;}

.nav-link-tab {
background: #fff;
}
.nav-link-tab.active {
  font-weight: 800;
  background:#fff;
  color:#3d4551;
}

.card {border:none!important; box-shadow: 1px 1px 15px 1px rgba(0,0,0,0.25); -webkit-box-shadow: 1px 1px 15px 1px rgba(0,0,0,0.25); -moz-box-shadow: 1px 1px 15px 1px rgba(0,0,0,0.25);}
.card-bar {width:75px; border-top: 3px solid #00dab2;}

.contact-icon {font-size: 1.5em;}
.contact-icon-sm {font-size: 1.25em;}

@media (max-width: 1200px) {
.tagline-sm {font-size: 1.1em; letter-spacing: 1.5px;}
}

@media (max-width: 992px) {
.footer ul li:after {content:''; margin:0 0 0 20px;}	
}

@media (max-width: 768px) {
.footer {font-size: 1.1em; line-height: 2.75em;}
.footer ul li {display:block;}
.footer ul li:after {margin:0;}	
}

@media (max-width: 576px) {
.tagline-lg {font-size: 3em;}
.tagline-sm {font-size: 1em; letter-spacing: 1px;}
}

@media (max-width: 480px) {
.bg-top {font-size: 1em; line-height: 2em;}
.bg-top ul {text-align:center;}
.bg-top ul li {display:block;}
.bg-top ul li:after {content:''; margin:0;}
.navbar-brand img {height:45px;}
.navbar-brand.js-scrolling img {height: 30px;}
.h1-hero {font-size: 3.75em!important;}
.h2-hero {font-size: 1em!important; letter-spacing: 2.5px;}
.tagline-lg {font-size: 2.35em;}
.tagline-sm {font-size: .85em; letter-spacing: .25px;}
.nav-item-tab {padding: 2.5%; margin: 0 1.5% 15px 1.5%;}
}

@media (max-width: 375px) {
.navbar-brand img {height:35px;}
.navbar-brand.js-scrolling img {height: 25px;}
.h1-hero {font-size: 3.05em!important;}
.h2-hero {font-size: .95em!important; letter-spacing: 1px;}
.tagline-sm {font-size: .9em; letter-spacing: .5px;}
.nav-item-tab {padding: 5%; margin: 0 1.5% 15px 1.5%;}
}
