@charset "UTF-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
	

}

body { 
font-family: 'Open Sans', sans-serif;

  background-color: #162619;}




h1, .h1 {
  font-size: 2rem;
	font-weight: 400!important;
		line-height: 2.3rem!important;

	
}

h2, .h2 {
  font-size: 1.9rem;
	font-weight: 400!important;
		line-height: 2.1rem!important;
		
	
	
}

h3, .h3 {
  font-size: 1.2rem;
  font-weight: 300!important;
		
	
}

h4, .h4 {
  font-size: 1.1rem;
  font-weight: 300!important;
	line-height: 1.5rem!important;
		
}

h5, .h5 {
  font-size: 1.05rem;
  font-weight: 300!important;

}

h6, .h6 {
  font-size: 1rem;
  font-weight: 300!important;

}

p {
  font-size: 0.9rem;
	line-height: 1.5rem!important;
	font-weight: lighter!important;
	
}
li{
  font-size: 0.9rem;
	line-height: 1.4rem!important;
	font-weight: 200!important;
}





@media (max-width: 768px) {
    
    .logo {
		width: 200px!important;
        margin-bottom: 10px;
    }
}



@media (max-width: 1204px) {
    
    .logo {
		width: 200px!important;
        margin-bottom: 10px;
    }
}






header {
  position: relative;
  
  background-color: #162619;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
 
	background-image:url("../images/pure-ssas-watermark.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center top;
}




@media (pointer: coarse) and (hover: none) {
  header {
    background:url("../images/cliffs.jpg") white no-repeat center center scroll;
	  background-size: cover;
	  height: 85vh;
  width: 100%;
  min-height: 15rem;
  }
  header video {
    display: none;
  }  }
	

.yellow-bg{ background-color:#fdba2c; }
.yellow-text{ color:#fdba2c; }
.yellow-text a{ color:#fdba2c!important; }
.yellow-text a:hover{ color:#fdba2c!important; }



.navy-bg{ background-color:#112346; }
.teal-bg{ background-color:#00b4bb; }
.light-bg{ background-color:#e8dfc9; }



.white-text {color: #fff!important;}
.white-text a {color: #fff!important;}
.white-text a:hover{color: #fff!important;}

.black-text {color: #000!important;}
.black-text a {color: #000!important;}
.black-text a:hover{color: #000!important;}


.grad-teal-navy-bg {
	background: rgb(0,180,186);
background: linear-gradient(0deg, rgba(0,180,186,1) 0%, rgba(16,35,69,1) 100%);
}





.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .7;
    background: #fd6100;
    background: -moz-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fd6100), color-stop(100%, #0d1128));
    background: -webkit-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: -o-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: -ms-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6100', endColorstr='#0d1128', GradientType=1 );
}
	




	  
.carousel-caption {
  position: relative!important;
  right: 0%!important;
  bottom: 60px!important;
  left: -10%!important;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;

	
}
	  
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: visible!important;
}







.icon-20 {width:20px;}
.icon-30 {width:30px;}
.icon-40 {width:40px;}
.icon-50 {width:50px;}
.icon-60 {width:60px;}
.icon-70 {width:70px;}
.icon-100 {width:100px;}
.icon-110 {width:110px;}
.icon-120 {width:120px;}
.icon-130 {width:130px;}
.icon-140 {width:140px;}
.icon-150 {width:150px;}
.icon-200 {width:200px;}
.icon-250 {width:250px;}




.home-bg {
	background-image:url("../images/home-bg-longer.jpg");
	background-repeat: repeat-x;
	background-size: cover;
	background-position: left top;

}


.seahorse-bg {
	background-image:url("../images/pure-ssas-watermark.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center top;

}






/*Teal transparent bg*/

.teal-bg-trans {
 
	z-index: 9999999999999999999999999999999000;
	
  width: 100%; 
	color: #fff;
	background:rgba(0, 181, 186, 0.59);
	-webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;

}


/*END Teal transparent bg*/