@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
    font-family: 'IBM Plex Sans Condensed', sans-serif;	
	font-size:1em;
	color:#666
}

hr{
	width:8em;
	border:none;
	height:2px;
	background:#C00;
	margin:-1em auto 2em

}

/*------------------TOP---------------*/

.top{
	height:15em;
	width:100%
}

.top-img{
    background-repeat:no-repeat;
	background:url(../img/support/partner.jpg);
	height: 100%;
	background-size: cover;
	background-position: center;
}


.intro{
	padding: 5em 10% 0;
	text-align: center;
}

.intro h1{
	font-size: 4em;
}

.intro p{
	padding-bottom: 2em;
}

/*     Tab     */


.tabs {
  	margin: 25px 10%;
	width: 80%;
}

.tabs:after {
  	clear: both;
  	content: '';
  	display: table;
}

.tabs .tab {
  	display: inline;
}

.tabs .tab-label {
  	background: #eee; 
  	display: inline-block;
  	margin-left: -1px;
  	padding: .75em 2.5em; 
  	position: relative;
  	vertical-align: bottom;
	color: #666;
}

.tabs .tab > [type="radio"] {
  	clip: rect(0 0 0 0);
  	height: 1px;
  	opacity: 0;
  	position: fixed;
  	width: 1px;
  	z-index: -1;
}

.tabs .tab-panel {
  	display: inline;
  	display: inline-block;
  	overflow: hidden;
  	position: relative;
  	height: 0;
  	width: 0;
}

.tabs .tab-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0;
  float: left;
  width: 100%;	
}

.tabs .tab [type="radio"]:checked + .tab-label {
  	background: white;
  	border-bottom-width: 0;
  	padding-bottom: 11px;
  	z-index: 1;
	color: rgba(204,0,0,1);
	font-weight: 600;
}

.tabs .tab-label:hover{
	color: rgba(204,0,0,1);
}

.tabs .tab [type="radio"]:checked ~ .tab-panel {
  display: inline;
}

label {
  cursor: pointer;
}


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

.tabs .tab-content {
  padding: 0;
}	
	
.tabs .tab > label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.tabs .tab [type="radio"]:checked + .tab-label {
	border-bottom: 1px solid rgba(204,0,0,1);
}
}



/*    Filter     */

.filterDiv {
  float: left;
  background-color: #fff;
  width: 24.5%;
	height: 16em;
  line-height: 1em;
  text-align: center;
  margin: .25%;
  display: none;
	color: #666;
	border: 1px solid rgba(0,0,0,.2);
	box-sizing: border-box;
}

.filterDiv .vertical{
	width: auto;
	height: 5em;
}

.filterDiv img{
	width: auto;
	height: 3.5em;
	padding: 2em 0;
}

.filterDiv h4{
	color: rgba(204,0,0,1);
	margin: 0;
	padding: 0;
}

.filterDiv p{
	padding: 0 3.5em;
	line-height: 1.5em;
}

.filterDiv:hover{
	border: 1px solid rgba(204,0,0,1);
}

.show {
  display: block;
}

.container {
  margin-top: 20px;
  overflow: hidden;	
}

.container a{
	margin: 0;
	padding: 0;
}

.btn {
  	border: none;
  	outline: none;
  	padding: .75em 2.5em;
  	background-color: #f1f1f1;
  	cursor: pointer;
	margin-top: 2em;
	color: #666;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: rgba(204,0,0,1);
  color: white;
}

.blck{
	float: left;
  width: 24.5%;
	height: 16em;
	margin: .25%;
	border: 1px solid rgba(0,0,0,.2);
	box-sizing: border-box;
	text-align: center;
	line-height: 16em;
}

.blck img{
	width: auto;
	height: 1.75em;
}

.blck2{
	float: left;
	width: 49.5%;
	margin: .25%;
	border: 1px solid rgba(0,0,0,.2);
	box-sizing: border-box;
	text-align: center;
	line-height: 24em;
	height: 24em;
}

@media only screen and (max-width: 1585px) {	
	
.btn{
	margin-top: .25em;
}
	
.filterDiv{
	height: 18em;
}	
}

@media only screen and (max-width: 1400px) {	
	
.filterDiv{
	height: 19em;
}	
}

@media only screen and (max-width: 1300px) {	
	
.filterDiv{
	height: 21em;
}	
}

@media only screen and (max-width: 1250px) {	
	
.filterDiv{
	height: 22.5em;
}	
}

@media only screen and (max-width: 1200px) {	
	
.filterDiv{
	height: 22.5em;
}	
}

@media only screen and (max-width: 1100px) {
	
.filterDiv{
	width: 32.33%;
	margin: .5%;
	height: 23em;
}
	
.blck{
	width: 32.33%;
	margin: .5%;
}
}

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

.filterDiv{
	height: 19em;
}	
	
.filterDiv, .blck{
	width: 49%;
	margin: .5%;
}
}


@media only screen and (max-width: 600px) {
	
.filterDiv{
	width: 99.5%;
	margin-bottom: .35em;
	height: 14em;
	box-sizing: border-box;
}	
	
.filterDiv p{
	padding: 0 4em;
}	
	
.btn{
	width: 100%;
	margin-top: .25em;
}
	
.blck, .blck2{
	width: 100%;
	height: 10em;
	line-height: 10em;
	margin: .5em 0;
}	
}

@media only screen and (max-width: 468px) {
	
.filterDiv{
	height: 1%;
	padding-bottom: 1.5em;
}
}