.container-header{
height: 720px;
max-width: 100%;

}

.font-big{
  font-size: 30px;
  text-shadow: 1px 1px 2px black;
}

.title-style{
  margin-top: 40px;
  font-size: 30px;
  font-weight: bold;
}

.text-style{
  font-size: 30px;
  font-weight: bold;
  color: #666666;
}

.button-amarelo a{
 color: #333;
  text-decoration: none; /* no underline */
}

.button-verde a{
 color: white;
  text-decoration: none; /* no underline */
}

.button-branco a{
 color: #333;
  text-decoration: none; /* no underline */
}

.button-amarelo a:hover {
  color: #333;
  text-decoration: none; }

.button-verde a:hover {
  color: white;
  text-decoration: none; }

.button-branco a:hover {
  color: #333;
  text-decoration: none; }

button{ cursor: pointer;

}
.text-banner{
  margin-top: 80px;
}

.button-amarelo {
  margin:20px 20px 0 18px;
  color: #353535;
  width: 200px;
  border: 0;
  padding: 10px 0;
  border-radius: 6px;
  background: #F9C500;
  font-weight: bold;
  font-size: 20px;
}
.button-amarelo2 {
  margin-right: 20px;
  color: #353535;
  width: 210px;
  padding: 10px 0;
  border-radius: 6px;
  background: #F9C500;
  font-weight: bold;
  border: 0;

}

.button-branco {
  margin: 20px 20px 0 0;
  color: #353535;
  width: 200px;
  padding: 10px 0;
  border-radius: 6px;
  background: #fff;
  font-weight: bold;
  font-size: 20px;
  border: 0;

}

.button-verde {
  margin: 20px 0 0 20px;
  color: white;
  width: 200px;
  padding: 10px 0;
  border-radius: 6px;
  background: #26C902;
  font-weight: bold;
  font-size: 20px;
  border: 0;

}

/* Função para transiiton no backgroubd */

  @keyframes upperlogoFadeInOut1 {
        0% {
            background: url('bg1.webp') center center no-repeat;
            background-size: contain;-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
        }
        40% {
            background: url('bg1.webp') center center no-repeat;
            background-size: contain;-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
        }
        60% {
            background: url('bg2.webp') center center no-repeat;
            background-size: contain;-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
        }
        80% {
            background: url('bg2.webp') center center no-repeat;
            background-size: contain;-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
        }

        100% {
            background: url('bg1.webp') center center no-repeat;
            background-size: contain;-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
        }
    }

    .upperlogo {
       animation: upperlogoFadeInOut1 20s ease-in-out infinite;
    }

    .card-style{
      background-color: #f0f0f0;
    }

    .card-style-header{
      font-size: 20px;
      color: #fff;
      font-weight: bold;
      text-align: center;
      padding: 20px 0 10px 0;
    }
    .bg-amarelo{
      background-color: #F9C500;
    }
    .txt-amarelo{
      color: #F9C500;
    }

    .bg-laranja{
      background-color: #F67100;
    }

    .bg-vermelho{
      background-color: #F50900;
    }

    .bg-preto{
      background-color: #353535;
    }
    .bg-preto2{
      background-color: #000;
    }
    .card-title{
      text-align: center;
      font-size: 70px;
      font-weight: bold;
      margin-bottom: 0 !important;
    }

    .small{
      font-size:20px !important;
    }

    .bg-lista{
      background-color: #D8D8D8;
    }

    .no-padding{
      padding: 0 !important;
    }

    .card-button{
      color: #fff;
      width: 200px;
      padding: 10px 0;
      border-radius: 6px;
      font-weight: bold;
      font-size: 20px;
      border: 0;

    }

ul.list-unstyled.mt-3.mb-4 li{
      padding: 0 0 0 20px  ;
    }

    .bg-iptv{
      background-image: url("bg-series.webp");
    }

    /* FAQ */
    .panel-group .panel {
		border-radius: 0;
		box-shadow: none;
		border-color: #ffffff;
	}

	.panel-default > .panel-heading {
		padding: 0;
		border-radius: 0;
		color: #212121;
		background-color: #ffffff;
		border-color: #EEEEEE;
	}

.alinhamento-texto-faq{
  margin-top: -10px;
margin-bottom: 10px;}

	.panel-title {
		font-size: 14px;
	}

	.panel-title > a {
		display: block;
    color: #333333;
		padding: 15px;
		text-decoration: none;
	}
	.panel-title > a:hover {
    color: #333333;
		text-decoration: none;
	}

	.fa-chevron-up {
		float: right;
		color: #212121;
	}

  .fa-chevron-down {
		float: right;
		color: #212121;
	}


	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #EEEEEE;
    padding: 10px;
    font-size: 13px;
    background-color: #fff;

	}


.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.demo-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background-color: #212121;
	text-align: center;
}

.demo-footer > a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

.bg-faq{
  background-image: url("bg-logos.png");
}

.card-style-header2{
  font-size: 15px;
  color: #333;
  font-weight: bold;
  text-align: center;
  padding: 20px 0 10px 0;

}

.card-style-header3{
  font-size: 20px;
  color: #333;
  font-weight: bold;
  text-align: center;
  padding: 20px 0 10px 0;

}
.card-title2{
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0 !important;
}

.card-title3{
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 0 !important;
}

.small2{
  font-size: 13px;
}

.card-button2{
  color: #fff;
  border: 0;
  width: 100%;
  padding: 10px 0;
  border-radius: 6px;
  font-weight: bold;
  font-size: 15px;
}


.bg-card2{
  background-color: #EF8900;
}

.color-card2{
  color: #EF8900;
}

.bg-card3{
  background-color: #ED5B00;
}

.color-card3{
  color: #ED5B00 ;
}

.bg-card4{
  background-color: #EB2600;
}

.color-card4{
  color: #EB2600 ;
}

.bg-card5{
  background-color: #B51700;
}

.color-card5{
  color: #B51700 ;
}

.bg-card6{
  background-color: #413231;
}

.color-card6{
  color: #413231;
}

.bg-card7{
  background-color: #181007;
}

.color-card7{
  color: #181007;
}

/*brake points*/

@media (min-width: 768px) and (max-width: 998px) {
  .card-button {
    width: 100%;}
}
/*tablet*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .container-header{
    height: 1100px ;}
}
/* mobile */
@media (max-width: 575.98px) {
  .container-header{
    height: 1100px ;}

    .button-amarelo {
      width: 100%;
      margin: 20px 15px;
    }

    .button-branco{
      width: 100%;
      margin: 20px 15px;
    }

    .button-verde{
      width: 100%;
      margin: 20px 15px;
    }

    .card-style{
      margin: 0 0 20px 0;
    }


}