#cont {
    width: 98%;
    position: relative; padding:1%;background:#e1e1e1;
}
.clr{ clear:both}
#tabbed img{ width:auto;}
#tabbed * {
    outline: 0;
    vertical-align: baseline;
    line-height: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#tabbed label {
    cursor: pointer;
}
#tabbed input[type=radio] {
    display: none;
    visibility: hidden;
    opacity: 0;
}
#tabbed a {
    text-decoration: none;
}
#tabbed {
    width:100%;
    position: relative;
    float: left;
    text-align: left;
    -webkit-backface-visibility: hidden; 
}
#tabbed .wrap {
    background: #eeeeee;
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
}
#tabbed .wrap>div {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    background: #fff;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    padding: 1%;
    float: left;
}
#tabbed input#t-1:checked~.wrap .tab-1, #tabbed input#t-2:checked~.wrap .tab-2, #tabbed input#t-3:checked~.wrap .tab-3, #tabbed input#t-4:checked~.wrap .tab-4, #tabbed input#t-5:checked~.wrap .tab-5, #tabbed input#t-6:checked~.wrap .tab-6 {
    position: relative;
    float: left;
    z-index: 10;
    opacity: 1;
    visibility: visible; background:#fff;
}
#tabbed label.tabs {
    display:block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    width: 50%;font-family: 'Roboto Condensed', sans-serif; font-size:18px;
    line-height: 26px; float:left; padding:8px 0px;
  
}
#tabbed input:checked+label.tabs {
    background: #fff;
    color: #333;
}
#tabbed input:checked+label.tabs, #tabbed label.tabs:focus, #tabbed label.tabs:hover {
  
}
#tabbed label.tabs:before {
    padding-right: 0px;
}




@media screen and (max-width:1024px) {
    #tabbed {width: 100%; background-color:#e1e1e1;}
#tabbed label.tabs {
    padding: 0 30px;
}
}
@media screen and (max-width:800px) {
    #tabbed .cell.w-15, #tabbed .cell.w-32, #tabbed .cell.w-49, #tabbed .cell.w-66, #tabbed .cell.w-83 {
    width: 100%}
#tabbed .cell {
    margin: 2% 0;
}
#tabbed p.framed-quote:before {
    display: none;
}
#tabbed label.tabs {
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    text-align: left;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#tabbed label.tabs:before {
    display: inline-block;
    padding: 0;
    width: 30px;
}


}




@media screen and (max-width:1024px) {
#cont .colors, #cont .cont-head {
    padding-left: 40px;
}
}
#tabbed label.tabs  {
    
	background:  #223345;
    
	color:  #fff;
    
}
#tabbed label.tabs: hover, 
#tabbed label.tabs:focus  {
    
	background:  #4877cb;
    
}
#tabbed .cell.table.first.blue  {
    
	background:  #6E98E3;
    
}
#tabbed p.framed-quote  {
    
	background:  #6e98e3;
    
}
#tabbed p.framed-quote.arrow-left: before  {
    
	border-color:  transparent #6e99e3 transparent transparent;
    
}
#tabbed .button.blue  {
    
	background:  #6e98e3;
    
}
#tabbed .button.blue: hover  {
    
	background:  #333;
    
}
#tabbed .title.large  {
    
	color:  #4877cb;
    
}
#tabbed p.quote  {
    
	color:  #6E99E3;
    
}
#tabbed a  {
    
	color:  #6e98e3;
    
}
#tabbed input.reset: hover  {
    
	color:  #6E98E3;
    
}