@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&family=Mulish&family=Nunito+Sans:opsz@6..12&family=Open+Sans&family=Poppins&display=block');

* {
  box-sizing: border-box;
}

/* ADSENSE ATUAL 17-09-24 */

.publi-728-90 {
  display: none;
}

/* end ADSENSE ATUAL */

body {
  
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
  padding-top:0;
  background:#ffffff;
  /*background:#1C1C1C;*/
  max-width:1920px;
}

.apresentacao-1 h1 {
  font-family:'Mulish', Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

.apresentacao-1-1 h1 {
  font-family:'Mulish', Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

.apresentacao-2 p {
  font-family:'Mulish', Century Gothic, CenturyGothic, AppleGothic, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
}

.apresentacao-2 h2 {
  font-family:'Mulish', Century Gothic, CenturyGothic, AppleGothic, sans-serif;
  font-size: 1.6em;
  padding-left: 20px;
  padding-right: 20px;
}

.apresentacao-2 {
  padding-bottom: 10px;
}

h1 {
  font-size: 2em;
  color: #333333;
   } 

   h2 {
   list-style: none;
   list-style-type: none;
   text-decoration: none;
   display: inline;
  }

h4 {
	font-size: 1.5em;
  color: #333333;
  }



.apresentacao-1 {
	text-align: center;
	/*margin-top: 40px;*/ /* 17/09/24 */
  margin-top: 120px;
	margin-bottom: 35px;
	color: #363636;
  }

  .apresentacao-1-1 {
    text-align: center;
    margin-top: 135px;
    margin-bottom: 35px;
    color: #363636;
    }

.apresentacao-2 {
	text-align: center;
	margin-top: 30px;
  /*margin-top: 50px;*/
	margin-bottom: 10px;
	color: #363636;
}

/*.publi-2 {
  margin: 0 auto;
  height: 100px;
  background-color: #ff0033;
  width: 300px;
  padding: 130px 0px 130px 0px;
  text-align: center;
  /*display: none; */
  
/*}*/

/* Criando colunas iguais lado a lado */


.column {
  float: left;
  width: 25%;
  padding: 20px 50px;
  display: none; 
}

.row {
  margin: 0 -5px;
  padding: 30px;
  max-width: 1100px;
  margin: 0 auto;
}


/* Limpando float após as linhas */ 
.row:after {
  content: "";
  content-2: ""; /*verificar*/
  display: table;
  clear: both;
  }

/* Conteudo */
.content {
  background-color: #4f4f4f;
  padding: 0px;
  }

  .content-2 {
  background-color: #4f4f4f;
  padding: 0px;
  }

.content h3{
  padding: 10px 5px 0px 5px;
  /*padding: 5px 5px 0px 5px;*/
  font-size:15px;
  text-align:center;
  color: #ffffff;
  min-height:55px;  
}

.content-2 h3{
  padding: 10px 5px 0px 5px;
  /*padding: 5px 5px 0px 5px;*/
  font-size:15px;
  text-align:center;
  color: #ffffff;
  min-height:55px;  
}

/* A classe "show" é adicionada aos elementos filtrados */
.show {
  display: block;
}

/* estilo dos botoes */

#myBtnContainer {
	text-align:center;
	padding-top:20px;
	padding-left:40px;
	padding-right:40px;
	margin-bottom:30px;
  max-width:800px;
  margin: 0 auto;
}

.btn {
  font-family: 'Open Sans', sans-serif;
  outline: none;
  padding: 12px 40px;
  background-color: #4f4f4f;
  /*background-color: #363636;*/
  cursor: pointer;
  border-radius:50px;
  border: 1px solid #808080;
  margin:10px;
  font-size:16px;
  font-weight:bold;
  color:#ffffff;
  
}

.btn-tv-aberta {
  background: linear-gradient(to right, #0b0c0f 0%, #2c303a 100%);
  /*background-color: #1f2229;*/
  /*background-color: #363636;*/
  border-radius:50px;
  border: 2px solid #ff0033;
  font-weight:bold;
  color:#ffffff;
  
}

h2 {
  font-size:16px;
}


.btn:hover {
  background: linear-gradient(to right, #b30024 0%, #ff0033 100%);
  border-radius:50px;
  color: #ffffff;
  /*background-color: red;*/
  font-weight:bold;
}

.btn.activee {
  background: linear-gradient(to right, #b30024 0%, #ff0033 100%);
  /*background-color: #666; */
  color: #ffffff;
  font-weight:bold;
}

.fade-in-image {
  animation: fadeIn 1s;
  /*animation: fadeIn 2s;*/
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  
  }


@media screen and (max-width: 1100px) {
  .content h3{
   min-height:45px;

}
}


@media screen and (max-width: 943px) {
  .column {
    width: 33%;
    display: block;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 899px) {
	
  .column {
  display: none;
  }	
  .show {
	 display: block 
  }	
}

@media screen and (max-width: 800px) {
 
#myBtnContainer {
	text-align:center;
	padding-top:50px;
	padding-left:10px;
	padding-right:10px;
}

.btn {
  margin:3px;
  
}
 
  .column {
  width: 33%;
  padding: 10px 15px;
  display: none; 
}

.show {
	display:block;
}


.row {
  margin: 0 -5px;
  padding: 10px;
}

.content h3{
  font-size:15px;
  min-height:50px;

}

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

  .publi-728-90{
    display: none;

  }

  .apresentacao-1 {
    margin-top: 110px;
    /*margin-top: 3px;*/ /* para publi action pay 320-50 */
  }

  .apresentacao-1-1 {
    margin-top: 110px;
  }
  
  


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

h1 {
	font-size: 1.7em;
}

.apresentacao-2 h2 {
  font-size: 1.3em;
}

.apresentacao-2 p {
  font-size: 1.2em;
 } 


h4 {
	font-size: 1.4em;
}

.apresentacao-1 {
	margin-top: 110px;
  /*margin-top: 3px;*/ /* para publi action pay 320-50 */
	margin-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
	}

  .apresentacao-1-1 {
    margin-top: 110px;
    margin-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
    }

.apresentacao-2 {
	margin-top: 20px;
  /*margin-top: 40px;*/
	margin-bottom: 5px;
	}

#myBtnContainer {
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}

.btn {
  padding: 8px 20px;
  /*background-color: #363636;*/
  margin:5px;
  font-size:1.2em;
    
}

h2 {
  font-size:1.2em;
}



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

h1 {
	font-size: 1.5em;
}

.apresentacao-2 h2 {
  font-size: 1.2em;
}

h4 {
	font-size: 1.2em;
}

#myBtnContainer {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}

.column {
  width: 33%;
  padding: 10px 10px;
  display: none; 
  }

.show {
	 display: block 
  }	

.row {
  margin: 0 -5px;
  padding: 5px;
}

.apresentacao-1 {
  padding-left: 15px;
  padding-right: 15px;
  }

  .apresentacao-1-1 {
    padding-left: 15px;
    padding-right: 15px;
    }

.apresentacao-2 {
	margin-top: 20px;
  /*margin-top: 40px;*/
	margin-bottom: 10px;
	}

 .btn {
  padding: 8px 20px;
  /*background-color: #363636;*/
  margin:5px;
  font-size:1em;
	
}	

h2 {
  font-size: 1em;
}

.content h3{
  font-size:15px;
  min-height:50px;
  padding-top:8px;
  /*padding-top:5px;*/

}

.content-2 h3{
  font-size:15px;
  min-height:50px;
  padding-top:2px;
  /*padding-top:5px;*/

}



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

.column {
	display: none;
}

.show {
	 display: block 
  }	

  .apresentacao-1 {
  margin-top: 110px;
  /*margin-top: 3px;*/ /* para publi action pay 320-50 */
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  }

  .apresentacao-1-1 {
    margin-top: 100px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    }
  
  .content h3{
  font-size:13px;
  min-height:45px;

}

.btn {
  padding: 8px 20px;
  margin:5px;
  font-size:0.9em;
    
}

h2 {
  font-size:0.9em; 
}

}