@import url(https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans|Roboto:400,700&display=swap);


.site {
  position: relative;
}

.site-hd {
  padding: 25px;
  box-shadow: 0 0 5px 0 black;
  background-color: #f5f5f5;
  position: relative;
}

.site-hd-nav {
  font-size: 0;
  /* remove inline-block whitespace*/
}

.site-hd-nav > * {
  display: inline-block;
}

.site-hd-nav > * + * {
  margin-left: 10px;
}

.site-bd {
  height: 450px;
  padding: 25px 0px;
  /*background-color:#f5f5f5;*/
 
}

.site-ft {
  padding: 10px;
  font-size: 10px;
  background-color: #2B2727;
  color: #f7f2ec;
  font-style: italic;
}

.site-ft a {
  color: #f7f2ec;
}

.icon {
  display: inline-block;
  background: url("http://i.imgur.com/m2J0R2L.png") no-repeat;
}

.icon_pulse {
  height: 31px;
  width: 49px;
  background-position: 0 0;
}

/*.tabs-hd-item.active .icon_pulse {
  background-position: -57px 0;
}

.icon_home {
  height: 31px;
  width: 37px;
  background-position: -175px 0;
}

.tabs-hd-item.active .icon_home {
  background-position: -118px 0;
}

.icon_todo {
  height: 31px;
  width: 31px;
  background-position: -290px 0;
}

.tabs-hd-item.active .icon_todo {
 
}

.icon_assets {
  height: 31px;
  width: 33px;
  background-position: -175px -48px;
}

.tabs-hd-item.active .icon_assets {
  background-position: -212px -48px;
}

.icon_science {
  height: 20px;
  width: 18px;
  background-position: -102px -59px;
}
*/
.icon_gallery {
  height: 20px;
  width: 22px;
  background-position: -51px -59px;
}

.icon_files {
  height: 20px;
  width: 16px;
  background-position: -4px -59px;
}

.icon_settings {
  height: 20px;
  width: 20px;
  background-position: -151px -59px;
}

.tabs {
  position: relative;
}

.tabs > * {
  display: inline-block;
}

.tab-outer
{
	width:50%;
	float:right;
	position:relative;
	display: inline-block;
}

.tabs-hd-item a {
  display: inline-block;
   width:167px;
  min-height:167px;
  float:left;
  padding: 30px;
  margin-left:15PX;
  margin-top:15PX;
  /*background-color: #2B2727;*/
  color: #f7f2ec;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.tabs-hd-item img
{
	padding:5px 0px !important;
	width:100%;
}

ul.tabs-hd li:first-child a{
    background:#3b99d7;
	
	
}


ul.tabs-hd li:nth-child(2) a{
	
	background:#26cbbd;
	
}
ul.tabs-hd li:nth-child(3) a{
	
	background:#F575A5;
	
}

ul.tabs-hd li:nth-child(4) a{
	
	background:#ffcc66;
	
	
}

ul.tabs-hd li:nth-child(5) a{
	
	background:#99cc33;
	
	
}
ul.tabs-hd li:nth-child(6) a{
	
	background:#ff6633;
	
	
}



.tabs-hd > * + * {
  /*margin-top: 5px;*/
  display:inline-block;
  float:left;
  /*margin:8px;*/
  
}

.tabs-hd-item.active a {
  background-color:#f5f5f5 !important;
  border:10px solid #003399;
  
  display:inline-block;
  
  
}

.tabs-bd-item {
  display: none;
  width: 50%;
  min-width: 40em;
  padding:0px 20px;
  line-height: 2;
  position: absolute;
  float:left;
  left:0px;
 /* margin-top:15px;*/
}

.tabs-bd-item-hd {
  font-size:20px;
  font-weight: bold;
  text-transform:uppercase;
  
 
}

#tab-1 {
  display: block;
}

@media screen and (max-width:1200px){	

.tabs-bd-item
{
	min-width:30em;
	width:42%;
}

.tabs-hd-item a
{
	width:155px;
	height:155px;
	min-height:155px;
}
.tab-outer
{
	width:58%;
	left:5%;
}
.site-bd
{
	height:auto;
	 padding: 0px;
}


}


@media screen and (max-width:1024px){	

.tab-outer
{
	width:58%;
	margin:20px 0px;
	
}

}

@media screen and (max-width:991px){	

.tab-outer
{
	width:57%;
	left:10%;
	margin:20px 0px;
}

.tabs-bd-item{
	    min-width: 28em;
    	width: 43%;
}

}

@media screen and (max-width:767px){	

	.site-bd{height:605px;}
	.tab-outer
	{
		width:100%;
		left:auto;
        display: block;
				
	}
	
	.tab-outer ul{margin:0 auto; width:62%;}

	.tabs-bd-item{
			
			width:100%;
	}
	
	.tabs-hd-item a {
		
		margin-left:30PX;
		margin-top:30px;
}

}


@media screen and (max-width:767px){	

	.tabs-hd-item a {
		
		margin-left:10PX;
		margin-top:10px;
		}
		
		.tabs-hd-item a{width:120px; height:120px; min-height:120px;}

}

@media screen and (max-width:680px){	
    
    .tabs-bd-item p {
    line-height: 25px;
    font-size: 14px;
}


.site-bd{height:555px;}

.tab-outer ul{
    width:90%; 
    width: 90%;
    float: none;

    }
    
.tab-outer {
    width: 446px;
    text-align: center;
    height: 235px;
    left: auto;
    right: auto;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}    
    

}

@media screen and (max-width:480px){
    
    .site-bd {
    height: 480px;
    }
    
    .tabs-bd-item p{ 
    line-height: 22px;
    font-size: 14px;
    height: 150px;
    overflow-y: scroll;}
    .tab-outer{width: 280px;}
    
    .tab-outer ul{width: 100%;}    
    
    .tabs-hd-item a{width: 80px;
    height: 80px;
    min-height: 80px;padding: 15px;}
	
.tabs-bd-item{    min-width: 20em;}

.tab-outer{
    margin: 0px auto;
    float: none;
    margin-left: auto;
    display: block;
    width: 280px;
    height: 180px;
    /* clear: both; */
    margin-right: auto;}

	#tab-1{overflow-y:scroll;}

}