@charset "utf-8";
/* home.css*/

.ssdInfoPanelContent .btn, .ssdInfoPanelContent .btn.btn-primary  {
background-color:#1e79c8; /*SLIDER: @ssmod 508 Override for 508 increases contrast 4.54-1 should override bootstrap to fix everywhere, this is a bootstrap 508 error.  */
}

body {

background-color: #000; /* @ssmod 508 Override for 508 - some testers are not smart enough to see BG color of divs stacked on body and test against body tag.  */	
	
margin:0;
padding:0;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
	
}


.container-fluid { /* bootstrap override, take away left/right margins so our header goes to the edges */
padding-left:0 !important;
padding-right:0 !important;
}


.ssdBackgroundWrapper { /* should make this responsive? with an img embed scale width to 100% */

width: 100%;
overflow:hidden;  /* clip off the transparent overflow that bxslider creates that causes a blank right margin and horo scroll bar */
margin:0 0; 


/* bg gradient css and fallbacks */

/* Old browsers will ignore the following gradient rules and use this solid color fallback */
background-color:#1C2244;  /*  fade edge to blue black= #1C2244 cerulean blue-lav-lite= 3a4276; dark cerulean= 242d58; */
background: -moz-linear-gradient(45deg,  rgba(14,18,34,1) 0%, rgba(12,15,29,1) 1%, rgba(15,18,36,1) 28%, rgba(15,18,36,1) 28%, rgba(49,61,121,1) 79%, rgba(49,61,121,1) 79%, rgba(15,18,36,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(14,18,34,1)), color-stop(1%,rgba(12,15,29,1)), color-stop(28%,rgba(15,18,36,1)), color-stop(28%,rgba(15,18,36,1)), color-stop(79%,rgba(49,61,121,1)), color-stop(79%,rgba(49,61,121,1)), color-stop(100%,rgba(15,18,36,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(14,18,34,1) 0%,rgba(12,15,29,1) 1%,rgba(15,18,36,1) 28%,rgba(15,18,36,1) 28%,rgba(49,61,121,1) 79%,rgba(49,61,121,1) 79%,rgba(15,18,36,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(14,18,34,1) 0%,rgba(12,15,29,1) 1%,rgba(15,18,36,1) 28%,rgba(15,18,36,1) 28%,rgba(49,61,121,1) 79%,rgba(49,61,121,1) 79%,rgba(15,18,36,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(14,18,34,1) 0%,rgba(12,15,29,1) 1%,rgba(15,18,36,1) 28%,rgba(15,18,36,1) 28%,rgba(49,61,121,1) 79%,rgba(49,61,121,1) 79%,rgba(15,18,36,1) 100%); /* IE10+ */

/* NOTE: this is the std W3C declaration, all others above are special cases for older browsers.
   NOTE THAT this version has the BG Image added in the proper way, as a second "bg image layer" note the comma separator. this could be done to the above rules but left out for those special cases, just gradient bg.  */
	
background: 
  url(/templates/legacyPageWrap1.1/images/homePageDesignFinalBG-1800px.jpg) no-repeat top center, 
  linear-gradient(27deg, rgba(14,18,34,1) 0%,rgba(12,15,29,1) 1%,rgba(15,18,36,1) 28%,rgba(15,18,36,1) 28%,rgba(49,61,121,1) 49%,rgba(15,18,36,1) 82%,rgba(15,18,36,1) 82%,rgba(49,61,121,1) 93%); 
 
background-size: cover; /* stretch to width/height, trim if nec */  
  
  /* W3C */


/* BG Image layered over gradient 
background-image:url(/templates/legacyPageWrap1.1/images/homePageDesignFinalBG-1800px.jpg) no-repeat; top center;
*/


}

/* background image stays for 999 but 499 down...no BG image!  */
@media  (max-width: 499px)  
  {
  
  .ssdBackgroundWrapper { /* should make this responsive? with an img embed scale width to 100% */

  /* background-image:none; 
  background-color:#1C2244;  /*  fade edge to blue black= #1C2244 cerulean blue-lav-lite= 3a4276; dark cerulean= 242d58; */
  /* background-attachment:fixed; */
  
  }
}

  
.ssdPageContainer {
	
position:relative; /* to position scExplorer */
width:1000px; 
height:auto;

margin:0 auto; /* center horo in outer container */
   
}
@media  (max-width: 999px)  
  {  
  .ssdPageContainer { 
  	width:100%;
  }
}


/* these generic responsive video styels should be removed to content.css or eliminated in favor of dups in content.css and the code in modals that uses them should be retagged */

.ssdResponsiveVideoWrap {  /* this only works for utube iframe based vids */
	position: relative;
	padding-bottom: 56.25%; /* 4:3= 75%  560:315=16:9 = 56.25% */
	padding-top: 25px;
	height: 0;
}
.ssdResponsiveVideoWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}