@charset "utf-8";
/* CSS Document */
#CONF img {
loading:lazy;
}

body{ 
width:100%;
padding-top: 80px;
font-family: Gotham, sans-serif;
font-weight: 400;
font-style: normal;
line-height:150%;
color: #333333;
overflow-x: hidden;
}

#CONF  .container {
	padding-left:6%;
	padding-right: 6%;
}

#CONF  a {
	color: #545454;
}

a:hover {
	color: #143f59;
}

#CONF .navbar-brand {
	padding: 1px 2px;
	vertical-align: middle;
	background-color: #ffffff;
	
	
}

#CONF .navbar {
	background-color: #ffffff;
	border-bottom: 0px ;
}

#CONF .navbar-nav {
	background-color: #ffffff;
	
}

#CONF  .navbar-nav > li > a {
	color: #545454;
}

#CONF  .navbar-nav > li > a:hover {
	color: #143f59;
}

#CONF  .navbar-nav > .active > a {
	background-color: #00adef;
	color: #ffffff;
}

#CONF  .navbar-nav > .active > a:hover {
	color: white;
}

#CONF  .nav-item > .active > a:hover {
	color: #00adef;
}

#CONF .dropdown-toggle{
	margin-top:6px;
}

#CONF .dropdown-menu .active > a {
	color: #143f59;
}
#CONF .dropdown-menu > a {
	color: #143f59;
}



#CONF .carousel img {
	min-width: 100%;
}

#CONF .carousel-indicators {
    bottom: -10px;
}
	
#CONF.carousel-indicators li{
	text-align:center !important;
}

#CONF.container{
	padding-right: 20px;
	padding-left: 20px
}

#CONF .color_teal {
	color: #00adef;
}

#CONF .color_darkteal {
	color: #3d54a4;
}

#CONF .color_ltblue {
	color: #87d4ea;
}

#CONF .color_blue {
	color: #126182;
}

#CONF .color_darkblue {
color: #134059;
}

#CONF .color_white {
color: #FFFFFF !important;
}

#CONF .color_grey {
color: #333333;
}

#CONF .color_orange {
color: #da7b35;
}


#CONF .btn-xl-teal_cta {
    display: inline-block;
	padding: 15px 50px 15px 50px;
	color: #FFFFFF;
    font-size: 22px;
    line-height: 24px;
	background-color:#00adef;
	border-radius: 75px;
	border:0px;
	btn-white-space: nowrap;
}



#CONF .btn-sm-teal_cta {
     padding: 10px 12px 10px 12px;
		
	 color: #FFFFFF;
     font-size: 15px;
     line-height: 17px;
	background-color:#00adef;
 border-radius: 75px;
	border:0px;
	btn-white-space: nowrap;
}

#CONF .btn-md-teal_cta {
	padding:12px 20px;
	color: #FFFFFF;
	background-color:#00adef;
	font-size:18px;
	line-height: 22px; 
	border-radius: 75px; 
	border:0px;
	btn-white-space: nowrap;
	display: inline-block;
}

#CONF .btn-sm-cta {
    display: inline-block; 
	padding: 6px 30px 6px 30px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 30px;
    border-radius: 75px;
	border:0px;
	btn-white-space: nowrap;
}

#CONF .btn-xl-navygrad_cta {
     padding: 15px 50px 15px 50px;
	 color: #FFFFFF;
     font-size: 22px;
     line-height: 24px;
     background-image: linear-gradient(to bottom,  #00adef, #3d54a4);
	 border-radius: 75px;
	 border:0px;
	 btn-white-space: nowrap;
	 display: inline-block;
}

#CONF .btn-xl-orange_cta {
     padding: 16px 35px 15px 35px;
	 color: #FFFFFF;
     font-size: 22px;
     line-height: 24px;
	 background-color:#da7b35;
	 border-radius: 75px;
	 border:0px;
	 btn-white-space: nowrap;
}

#CONF .arial_black {
	font-family:Arial Black;
}

#CONF.btn-xl {
    padding: 20px 26px;
    font-size: 22px;
    line-height: 24px;
    border-radius: 75px;
	btn-white-space: nowrap;
}
#CONF.btn-lg {
    padding: 15px 20px;
    font-size: 20px;
    line-height: 24px;
    border-radius: 75px;
	btn-white-space: nowrap;
}

#CONF .btn-xl-2line {
     padding: 30px 22px;
     font-size: 22px;
     line-height: 24px;
     border-radius: 150px;
	btn-white-space: nowrap;
}

#CONF .darkgrey-bg {
	background-color: #545454;
	}
	
#CONF .lightgrey-bg {
	background-color: #999999;
	}
#CONF .superlightgrey-bg {
	background-color: #f0f0f0;
	}

#CONF .navy-bg {
	background-color: #134059;
	}
#CONF .teal-bg {
	background-color: #00adef;
	}

#CONF .navygrad-bg {
	background-color: #143f59;
	background-image: linear-gradient(to bottom,  #2a6a6c, #134059);
	}

#CONF .oldnavygrad-bg {
	background-image: linear-gradient(to bottom, #143f59, #28283d);
}

#CONF .orange-bg {
	background-color: #f09834;
}	
	
#CONF .white-bg {
	background-color: #fff;
}


#CONF .bluegrad-bg{
	background-image: linear-gradient(to bottom, #00adef, #3d54a4 );
}

#CONF .orangegrad-bg {
background-image: linear-gradient( #f26a25, #f26a25, #ed2a2f);	
	}

#CONF .bluegrad-border {
border:12px solid; 
border-image: linear-gradient( #00adef, #453d98)1;	
	}



#CONF .orangegrad-border {
border:12px solid; 
border-image: linear-gradient( #f26a25, #ed2a2f)1;	
	}

#CONF .jumbotron-padding {
	padding-top:30px; 
	padding-bottom:30px;
	margin-bottom:0px;
	margin-top:0px;
}

#CONF .bottom-margin {
	margin-bottom:0px;
}

#CONF .jumbotron-image {
    margin-bottom: 0px;
	background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

#CONF .btn-responsive {
	word-wrap: break-word;
	white-space: nowrap;
}
#CONF .h1-seo {
font-size: 35px;
font-family: Gotham, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
}


#CONF .h2 {
font-size: 35px;
font-family: Gotham, sans-serif;
font-weight: 700;
font-style: normal;
	
}

#CONF .h3 {
font-size: 26px;
font-family: Gotham, sans-serif;
font-weight: 700;
font-style: normal;
	
}

#CONF .h4 {
color:#545454;
line-height: 150%;
font-size: 18px;
font-family: Gotham, sans-serif;
font-weight: 400;
font-style: normal;
}

#CONF .h5 {
color:#545454;
line-height: 150%;
font-size: 16px;
font-family: Gotham, sans-serif;
font-weight: 400;
font-style: normal;
}

#CONF .rounded {
  border-radius: 75px;
}

#CONF .twst-container .btn-primary {
  background-color: #00adef;
  border: 0px;
  color:#FFFFFF;
	margin-top:20px;
		padding: 5px 18px;
	border-radius:75px;
}

#CONF .one-edge-shadow {
  box-shadow: 0 8px 6px -6px black;
}

#CONF .two-edge-shadow {
  box-shadow: 3px 3px  15px -6px black;
}

#CONF .gotham {
font-family: Gotham, sans-serif;
font-weight: 400;
font-style: normal;
}

#CONF .gotham-med {
font-family: Gotham, sans-serif;
font-weight: 700;
font-style: normal;
}

#CONF .gotham-black {
font-family: Gotham, sans-serif;
font-weight: 900;
font-style: normal;
}



.imggray
 {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.bbs-scroll-to-top {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: all .2s linear;
  bottom: 40px;
  right: 30px;
  z-index: 10;
}


.bbs-scroll-arrow svg {
  width: 20px;
}

.bbs-scroll-arrow {
	transition: all .2s linear; 
}

.bbs-scroll-to-top:hover {
	opacity: 1;
}

.bbs-scroll-to-top:hover .bbs-scroll-arrow {
	transform: translateY(-5px);
}