body {font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 16px; padding:0; margin:0; line-height: 1.6;}  
a {color:#0d3962;}
a:hover {color:#8d3067;}
p {padding:0 0 0px;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.uppercaps {text-transform: uppercase;}
.w100 {display: block; margin:0 auto; width:100%; padding:30px 0}
.row {padding-bottom:30px;}
.row .row {padding-bottom:0;}
.section {padding-bottom:20px;}
.content {display: block; width:100%; min-height: 100vh;}
.valignmid {  display: flex; justify-content: center; align-items: center;}
.listyellow, listaqua, .listblue, .listpurple {padding:10px 0;}
.listyellow li , .listaqua li , .listblue li , .listpurple li { margin: 0; padding: 10px 0 10px 50px; list-style: none; background-repeat: no-repeat; background-position: left center; background-size: 40px; }
.listyellow li {background-image: url("images/yellow-check.svg"); }
.listaqua li {background-image: url("images/aqua-check.svg"); }
.listblue li {background-image: url("images/blue-check.svg"); }
.listpurple li {background-image: url("images/purple-check.svg"); }
.listtl {background-position: top left !important;}
.comingsoon {display: block; margin:50px auto; width: 100%; text-align: center; font-size: 1.5em; font-weight: 600; color;#0d3962;}
.table {width:100%; border:1px solid #a2d1d6; }
.table tr:nth-child(1) td {background-color: #028090; color:#fff;}
.table tr:nth-child(even) td {background-color: #d9f4f7; color:#000;}
.table td {border:1px solid #a2d1d6;}

/* COLORS */
.hide {display: none;}
.yellow {color:#e6cf3a;}
.aqua {color:#028090;}
.blue {color:#0d3962;}
.purple {color:#8d3067;}

/* H1-H4 */
h1 {font-size: 3em; font-weight: 800; text-transform: uppercase; color:#028090;}
h2 {font-size: 2.5em; font-weight: 800; color:#0d3962; text-transform: uppercase;}
h3 {font-size: 2 em; font-weight: 800; color:#028090; line-height: 1.4;}
h4 {font-size: 1.4rem; font-weight: 700; color:#8d3067;}
.h1bg {border-bottom:1px dotted #028090; border-top:1px dotted #028090; padding:0;}
.h1bg .row {padding:0;}
.h1img {display: block; margin:0 auto; width:100%; height: auto; margin:0;}
.section {margin:40px auto;}
.breadcrumb a { font-size:0.8rem; text-decoration: none; font-weight: 700; padding:0 10px 0; color:#028090; border-radius: 5px; border:1px dotted #ddd; margin:0 2px 0;}
.breadcrumb a:hover {background-color: #028090; color:#fff; }
.rowspace10 {display: block; height: 10px;}
.rowspace20 {display: block; height: 20px;}

/* HEADER */
#header {background-color: #fff; margin:0px auto 50px;}
/* ---> NAV TOP */
#navtop {font-size:0.7rem; font-weight: 500;}
#navtop a {color:#0d3962; text-transform: uppercase; line-height: 1; font-weight: 600; margin:0; padding:5px }
#navtop a::before {content: "("; padding:0 5px 0 0; font-weight: 300;}
#navtop a::after {content: ")";padding:0 0 0 5px; font-weight: 300;}
#navtop a:hover {color:#8d3067;}
/* ---> LOGO */
#navlogo {width:auto; height: 150px; margin:5px auto 20px; display: block;}
/* ---> NAV MAIN */
.navcontainer {width:98%; margin:0 auto; display: block; max-width: 1320px;}
.navbar-toggler {margin:10px; color:#028090;}
#navmain {font-size: 0.9rem; font-weight: 700; text-transform: uppercase;  border-radius: 100px; background:#f7f7f7; padding: 0;   }
#navbarSupportedContent {}
#navmain .nav-link {color:#0d3962; padding:10px 20px; text-align: center;} 
#navmain .nav-link:hover {color:#8d3067;} 
#navmain .nav-on {background:#028090; color:#fff; border-radius: 50px; padding:0 10px; text-align: center;}
#navmain .nav-on a {color:#fff;}
#navmain .nav-on:hover a {color:#fff;}

.photocircle {width:100%; border-radius: 100%; border:3px solid #e6cf3a; max-width: 200px; margin:0 auto 10px;}
.homeiconcircle {width:80%; border-radius: 100%; max-width: 200px; background-color: #d3eaed;}
.homeicon {width:50%; max-width: 200px;}
.icongrey {background-color: #eeeeee;}
.iconwhite {background-color: #ffffff;}
.bggrey {background:#eee; border:none;}


/* HOME */
.carousel-control-next-icon, .carousel-control-prev-icon {opacity: 0;}
.carousel-item img {width: 80%; height: auto; margin:0 auto; display: block;}
.carousel-indicators {bottom: -50px;}
.carousel-indicators [data-bs-target] {height: 10px; width:10px; border-radius: 100%; background-color: #fff; border:2px solid #0d3962;}
#home h1 { line-height: 1;}

/* INSIDE */
.col-md-6 {padding-bottom:20px;}
.icon {width:80%; border-radius: 100%; max-width: 100px; margin:0 auto; display: block;}
.insidepage h2 {padding:20px 0 10px;}


/* BIOS */
.bios .col {padding:40px 0;}
.biopic {border: 1px solid #eee; border-radius: 500px; width:100px; height: auto; padding:0.1rem;}
.bioname {font-weight: 800;}
.biocompany {font-style: italic; font-size:0.9em;}

/* FOOTERS */
#footer {background-color: #0d3962; margin:0 auto 0; padding:10px 0; font-size:0.7rem; font-weight: 500; color:#fff; width:100%;}
#footer .nav-link {color:#fff;}
.footercopyright {padding:0 0 0 20px;}


/* 1300 - 1400 */
@media only screen and (min-width: 1300px) and (max-width: 1400px) {
#home h1 {font-size: 2.5em;}
#home h2 {font-size: 2em;}

}

/* 1200 - 1300 */
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    #home h1 {font-size: 2.5em;}
    #home h2 {font-size: 2em;}
}

/* 1100 - 1200 */
@media only screen and (min-width: 1100px) and (max-width: 1200px) {
    #home h1 {font-size: 2.2em;}
    #home h2 {font-size: 1.8em;}   
}

/* 1000 - 1100 */
@media only screen and (min-width: 1000px) and (max-width: 1100px) {
    #home h1 {font-size: 2.2em;}
    #home h2 {font-size: 1.8em;}   
}

/* 900 - 1000 */
@media only screen and (min-width: 900px) and (max-width: 1000px) {
    #navmain {font-size: 0.88em;}
    #navmain .nav-link {padding:10px;}
    #home h1 {font-size: 2.5em;}
    #home h2 {font-size: 2em;}
    #carouselExampleDark {margin-bottom:80px;}
}

/* 800 - 900 */
@media only screen and (min-width: 800px) and (max-width: 900px) {
    #navmain {font-size: 0.85em;}
    #navmain .nav-link {padding:10px;}
    #carouselExampleDark {margin-bottom:80px;}
    #home h1 {font-size: 2.5em;}
    #home h2 {font-size: 2em;}
}

/* 768 - 800 */
@media only screen and (min-width: 768px) and (max-width: 800px) {
    #navmain {font-size: 0.80em;}
    #navmain .nav-link {padding:10px;}
    #carouselExampleDark {margin-bottom:80px;}
    #home h1 {font-size: 2.5em;}
    #home h2 {font-size: 2em;}

}

/* 600 - 768 */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    #navmain {border-radius: 5px;}
    #carouselExampleDark {margin-bottom:80px;}
    #home h1 {font-size: 2.5em;}
    #home h2 {font-size: 2em;}

}

/* 500 - 600 */
@media only screen and (min-width: 500px) and (max-width: 600px) {
    #navmain {border-radius: 5px;}
    #carouselExampleDark {margin-bottom:80px;}
    #home h1 {font-size: 2.5em;}
    #home h2 {font-size: 2em;}

}

/* 0 - 500 */
@media only screen and (min-width: 0px) and (max-width: 500px) {
    #navmain {border-radius: 5px;}
    #carouselExampleDark {margin-bottom:80px;}
    #home h1 {font-size: 2.5em;}
    #home h2 {font-size: 2em;}

}