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

body{ 
width:100%;
padding-top: 0px;
font-family: 'pragmatica-extended', sans-serif !important; 
line-height:150%;
overflow-x: hidden;
}

#CONF .main-gradient {
	background: #154999; /* Old browsers */
	background: -moz-linear-gradient(left, #154999 0%, #404ba0 50%, #21a6df 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #154999 0%,#404ba0 50%,#21a6df 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #154999 0%,#404ba0 50%,#21a6df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154999', endColorstr='#21a6df',GradientType=1 ); /* IE6-9 */
}

#CONF  a {
	color: #126182;
}


#CONF .navbar-brand {
	padding: 4px 2px;
	vertical-align: middle;
	background-color: #ffffff;
	border-radius:5px
	
}

#CONF .navbar {
	font-family: 'pragmatica-extended', sans-serif !important;
	font-size: 15px;
	background-color: #ffffff;
	margin-top: 0px; 
	margin-bottom: 0px; 
}

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

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

#CONF  .navbar-nav > li > a:hover {
	color: #073a6e;
	text-decoration: none;
}

#CONF  .navbar-nav > .active > a {
}

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

#CONF  .nav-item > .active > a:hover {
	color: #073a6e;
	text-decoration: none;
}

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


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

#CONF .carousel-indicators {
    bottom: -10px;
	
}
	
#CONF.carousel-indicators li{
	text-align:center !important;
	filter: invert(1);
	
}

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

#CONF .color_blue {
	color: #073a6e;
}

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

#CONF .color_grey {
color: #545454;
}

#CONF .color_bright-blue {
	color: #33c0ee;
}

#CONF .color_light-blue {
	color: #d1ecfb;
}

#CONF .color_white {
	color: #ffffff;
}

#CONF .color_dark-grey {
	color: #393939;
}

#CONF .brands{
	    color: #ffffff;
	    font-size: 16px;
	    font-family: 'pragmatica', sans-serif !important;
        background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		
		margin: 15px 0 15px 0;

		
		position: relative;
		vertical-align: middle !important;
	display: table-cell;
		line-height:130%;
				}


#CONF .brand-link{
	    color: #ffffff;
	    font-size: 14px;
	    font-family: 'pragmatica-extended', sans-serif !important;
        font-weight: 700;  
        font-style: normal;
		overflow-wrap: break-word;
		word-break: break-all;
	
}

#CONF .brand-link a {
	    color: #ffffff;
	    text-decoration: none; 

}
    
#CONF .brand-link a:visited {}
#CONF .brand-link a:hover {
	    color: #ffffff;
	    text-decoration: none;
}


#CONF .bright-blue-top-border {
	border-top: #33c0ee solid 10px;
}

#CONF .bright-blue-bottom-border {
	border-bottom: #33c0ee solid 8px;
}

#CONF .bg-dark-grey {
	background-color: #393939;
}

#CONF .bg-light-grey {
	background-color: #ededed;
}

#CONF .bg-dark-blue {
	background-color: #073a6e;
}

#CONF .bg-white {
	background-color: #ffffff;
}

#CONF .bg-blue {
	background-color: #073a6e;
}

#CONF .grey-overlay {
	background-color: rgba(57, 57, 57, 0.85);
}


#CONF .ltblue-button {
	display: inline-block;
	background-color: #33c0ee;
	padding: 15px;
	border: 0px;
	text-align: center;
	line-height: 100%;
	font-size: 1.125em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'pragmatica', sans-serif !important;
    font-weight: 700;  
    font-style: normal;  
	color: #ffffff;
	margin: 15px 0 0 0;
}

#CONF .ltblue-buttonsm {
	display: inline-block;
	background-color: #33c0ee;
	padding: 10px;
	border: 0px;
	text-align: center;
	line-height: 100%;
	font-size: 1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'pragmatica', sans-serif !important;
    font-weight: 700;  
    font-style: normal;  
	color: #ffffff;
	margin: 15px 0 0 0;
}

#CONF .blue-button {
	display: inline-block;
	background-color: #073a6e;
	padding: 15px;
	text-align: center;
	line-height: 100%;
	font-size: 1.125em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'pragmatica', sans-serif !important;
    font-weight: 700;  
    font-style: normal;
	color: #ffffff;
	margin: 15px 0 0 0;
}

#CONF .ltblue-buttonsm:hover {	
	background-color: #2fb4e0;	
	color: #073a6e;
	text-decoration: none;
}

#CONF .ltblue-button:hover {	
	background-color: #2fb4e0;	
	color: #073a6e;
	text-decoration: none;
}

#CONF .blue-button:hover {	
	background-color: #052d56;	
	color: #ffffff;
	text-decoration: none;
}

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

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

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

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

#CONF .jumbotron-padding {
	padding-top:30px; 
	padding-bottom:30px;
	margin-bottom: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 .section-header h1 {
					color: #ffffff;
					font-family: 'pragmatica-extended', sans-serif !important;
                    font-weight:700;
                    font-style: normal;
					margin: 0;
					padding: 10px;
					display: inline-block;
					font-size: 1.688em;
				}



#CONF .extended h1 {
					font-family: 'pragmatica-extended', sans-serif !important;
                    font-weight:700;
                    font-style: normal;
					color: #073a6e;
					margin: 0 0 15px 0 ;
	font-size: 35px;
				}
				
#CONF .extended h2 {
					font-family: 'pragmatica-extended', sans-serif !important;
                    font-weight:700;
                    font-style: normal;
					color: #073a6e;
					margin: 0 0 15px 0 ;
	font-size: 35px;
				}

#CONF .extended h3 {
					font-family: 'pragmatica-extended', sans-serif !important;
					
                    font-style: normal;
					color: #073a6e;
					margin: 0 0 5px 0;
					font-size: 26px;
					font-weight: 400;
					line-height: 130%;
				}


#CONF .extended h4 {
					font-family: 'pragmatica-extended', sans-serif !important;
					
                    font-style: normal;
					color: #073a6e;
					margin: 0 0 5px 0;
					line-height: 150%;

					font-weight: 300;
	font-size: 16px;
				}


#CONF .extended h5 {
					font-family: 'pragmatica-extended', sans-serif !important;
					
                    font-style: normal;
					color: #073a6e;

					font-weight: 200;
					line-height: 130%;
	font-size: 12px;
				}

				
#CONF .extended p {
					font-family: 'pragmatica-extended', sans-serif !important;
					font-size: 16px;
                    font-style: normal;
                    color: #393939;
					margin: 0 0 15px 0;
			
					font-weight: 300;
					line-height: 130%;
						
				}
#CONF .normal {
	line-height: 130%;
	font-family: 'pragmatica', sans-serif !important;
}

#CONF .normal p {
font-size: 16px;
line-height: 130%;
font-family: 'pragmatica', sans-serif !important;
font-weight: 200;
font-style: normal;
	
}

#CONF .normal h1 {
font-size: 35px;
font-family: 'pragmatica', sans-serif !important;
font-weight: 700;
font-style: normal;
	
}


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

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

#CONF .normal h4 {
color:#545454;
line-height: 150%;
font-size: 16px;
font-family: 'pragmatica', sans-serif !important;
font-weight: 400;
font-style: normal;
}

#CONF .normal h5 {
color:#545454;
line-height: 150%;
font-size: 12px;
font-family: 'pragmatica', sans-serif !important;
font-weight: 400;
font-style: normal;
}

#CONF .top-pad {
	padding-top: 30px ;
}

#CONF .bottom-pad {
	padding-bottom: 30px ;
}


#CONF .footer-text  {
		font-family: 'pragmatica-extended', sans-serif !important;
        font-weight: 200;  
        font-style: normal;
		font-size: 13px;
		
		
}

#CONF .footer{
	color: #FFFFFF;
}

#CONF .footer-bold{
	font-weight: 400; 
	font-size: 13px;
}

#CONF .footer-text a {
		font-family: 'pragmatica-extended', sans-serif !important;
		font-style: normal;
		font-size: 13px;
}


#CONF .footer-nav a {
		display: block;
		font-family: 'pragmatica-extended', sans-serif !important;
        font-weight: 700;  
        font-style: normal;
		font-size: 14px;
		padding: 0 0 16px 0;
		color: #ffffff;
	}

#CONF .footer-nav a:visited {}
#CONF .footer-nav a:hover {
		color: #33c0ee;
		text-decoration: none;
	}
#CONF .footer-nav a:active {}

#CONF .footer-privacy {
	color: #ffffff;
	font-size: 14px;
	font-family: 'pragmatica-extended', sans-serif !important;
}

#CONF .footer-privacy a {
	color: #ffffff;
	text-decoration: none;
}

#CONF .footer-privacy a:visited {}
#CONF .footer-privacy a:hover {
	color: #B5B5B5;
	text-decoration: none;
}

#CONF .footer-privacy a:active {}

#CONF .triangle-bg {
	background-image: url("images/triangles-bg.jpg");			
		background-color: #eff9fe;					
		background-position: bottom center;
		background-size: 100% auto;
		background-repeat: no-repeat;					
				}
				

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

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

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

#CONF .two-edge-shadow {
  box-shadow: 3px 3px  15px -6px black;
}
 
.imggray
 {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.bbs-scroll-to-top {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #BEBEBE;
  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);
}

.shadow-edge-light {
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;

}
 
.zoom {
  padding: 0px; 
  transition: transform 25s; 
  margin: 0 auto; 
  width: 200px;
}

.zoom:hover {
  -ms-transform: scale(1.09); /* IE 9 */
  -webkit-transform: scale(1.09); /* Safari 3-8 */
  transform: scale(1.09); 
}