/**
 *
 * Theme: Bullish Games
 * Folha de Estilos Personalizados
 *
 * Author: Infinito AG - Sites, Web & Design
 * Author URI:https://www.infinitoag.com
 *
**/


/*******************************************************
 * FONTES
*******************************************************/ 


/*******************************************************
 * CORPO, ELEMENTOS HTML E TIPOGRAFIA
*******************************************************/
main#main {
    background-image: url('img/footer.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}
body {
    color: white;
	font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    background: #105f86;
    font-family: 'Lato', sans-serif;
    background-image: url('img/header.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    overflow-x: hidden;
}
img {
    max-width: 100%;
    height: auto;
}
h1{
	font-size: 36;  
    font-weight: 700;
} 
h2 {
    font-size: 28px;   
    font-weight: 700;
}
h3{
	font-size: 24;  
    font-weight: 700;
}
h4 {
    font-size: 20;    
    font-weight: 700;
}

a, a:hover {
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none;
} 
button:focus, a:focus{
    outline: 0;
}
 
/*******************************************************
 * FORMULÁRIOS E BOTÕES
*******************************************************/
.btn{
	border: 1px solid transparent;
	height: auto; 
	font-size: 16px;
	line-height: normal;  
	max-width: 100%;
    font-weight: 600;
    border-radius: 5px;
    padding: 12px 24px;
}
.btn-default {
    background: #FFF500;
    color: #1A1A18; 
} 
.btn-default:hover {
    background: transparent;
    color: #FFF500;
	border: 1px solid #FFF500;
}
 

 
 
.btn.focus, .btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}


 
textarea::placeholder,
input::placeholder{
    color: #1A5A70;
}
input{
     
}
textarea{
     
}
input[type="submit"]{
     
}
input[type="submit"]:hover{
     
}






/*******************************************************
 * CLASSES E ELEMENTOS PRINCIPAIS
*******************************************************/ 
 
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.flexslider{
    border: 0;
	background: transparent;
}

.flexslider .slides img {
    width: auto;
    display: block;
}

.container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

main#main {
    overflow: hidden;
}

.no-padding{
	padding: 0;
}
.no-padding-left{
	padding-left: 0;
}
.no-padding-right{
	padding-right: 0;
}

.imagem{
	position: relative;
}
.imagem:hover{
	transform: scale(1.02);
}



/* width */
::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px; 
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ECECED; 
  border-radius: 10px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #dfdfdf; 
}







#main {
    transition: all .5s; 
}
   
/*******************************************************
 * CABECALHO
*******************************************************/
 
#header {
    transition: .4s ease;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    position: fixed;
    background: transparent;
    width: 100%;
    padding: 8px 0;
}
nav#main-menu {
    float: right;
    margin-right: 110px;
}

.scrolled #header {
    padding: 7px 0;
    background: #000;
}
.scrolled .header-logo {
    max-width: 200px;
    transition: all .5s; 
}
.header-logo {
    transition: all .5s; 
}

#header .container {
    max-width: 1500px;
}

.botao-header {
    position: absolute;
    right: 15px;
    top: 2px;
}











/*******************************************************
 * RODAPE
*******************************************************/






/*******************************************************
 * PÁGINAS
*******************************************************/ 




#home1 {
    padding: 110px 0 50px 0;
}

#home1 .form {
    border-radius: 20px;
    background: var(--destaque-6, #FFF500);
    padding: 25px;
    color: black;
}


#home1 .conteudo {
    margin-top: 50px; 
    line-height: 33px;
}
#home1 .conteudo img {
    margin-bottom: 20px;
}


#home2 {
    padding: 30px 0 40px 0;
}
#home2 .conteudo {
    margin-bottom: 30px;
}
#home2 .titulo {
    margin-bottom: 30px;
}


.card-por-que {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 176px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.card-por-que .titulo {
    margin: 0 !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    display: block;
}
.card-por-que .descricao {
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    color: #1A1A18;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    display: none;
}
.card-por-que:hover{
    background-size: 0;
    background-color: #FFF500;
}
.card-por-que:hover .descricao{
    display: block;
}

.card-por-que:hover .titulo{
    display: none;
}



#home4 {
    padding: 40px 0 40px 0;
}


#home4 .titulo {
    margin-bottom: 30px;
}


#home5 .titulo {
    margin-bottom: 20px;
}

.card-depoimento {
    border-radius: 20px;
    background: #22547E;
    padding: 25px;
    margin-bottom: 30px;
}

.card-depoimento .nome-foto {
    min-height: 150px;
}
.card-depoimento .depoimento {
    min-height: 290px;
}

.card-depoimento .nome-foto {
    font-weight: 700;
    display: flex;
    align-items: center;
}
.card-depoimento .nome-foto img {
    margin-right: 7px;
}


#home6 {
    padding: 30px 0;
}
#home6 .contador {
    text-align: center;
    color: #FFF500;
    font-size: 22px;
    margin: 20px 0;
}

#home6 .timeline img {
    margin: 0 auto;
}

#home7 {
    padding: 20px 0;
}

#home7 .titulo {
    margin-bottom: 20px;
}

#home7 button {
    width: 100%;
    height: 70px;
    border-radius: 20px;
    border: 1px solid #142B58;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 900;
    padding: 0 20px;
}

#porta-voz button {
    border-radius: 25px;
    height: 38px;
    padding: 0 20px;
}
#porta-voz {
    padding: 20px 0 70px 0;
    text-align: center;
}


#compartilhe {
    padding-bottom: 30px;
}
#compartilhe .conteudo {
    margin-top: 30px;
}
#compartilhe .conteudo h2 {
    margin-bottom: 20px;
}

#compartilhe .imagem img {
    width: 100%;
    margin-bottom: 30px;
}
 


#compartilhe .slick-slide {
    margin: 0 30px;
}

#compartilhe .slick-list {
    margin: 0 -30px;
}

.nav-videos {
    width: 100%;
    position: absolute;
    margin-top: -160px;
}
.nav-videos .prev-videos {
    float: left;
    margin-left: -40px;
}
.nav-videos .next-videos {
    float: right;
    margin-right: -10px;
}


#home11 {
    padding: 20px 0 50px 0;
}
#home11 .titulo {
    margin-bottom: 20px;
}
.card-midia {
    text-align: center;
    margin-bottom: 30px;
}
.card-midia strong {
    text-decoration: underline;
    font-size: 16px;
}
.card-midia .desc {
    text-align: center;
    font-size: 14px;
}
.card-midia img {
    margin: 0 auto;
}
.card-midia a{
    color: white;
}


#home11 ul.slick-dots {
    text-align: center;
    padding: 0;
    margin-top: 10px;
}
#home11 ul.slick-dots li {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #fff500;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin: 0 4px;
}
#home11 ul.slick-dots li.slick-active {
    background-color: #fff500;
}
#home11 ul.slick-dots li button{
    display: none !important;
}




.nav-midia {
    width: 100%;
    position: absolute;
    margin-top: -170px;
}
.nav-midia .prev-midia {
    float: left;
    margin-left: -40px;
    transform: rotate(180deg);
}
.nav-midia .next-midia {
    float: right;
    margin-right: -40px;
}
 
#apoio {
    padding: 20px 0 300px 0;
}

#apoio .conteudo {
    margin-bottom: 30px;
}

.logos-apoio .imagem {
    display: inline-block;
    margin: 20px;
    text-align: center;
    background-color: white;
    border-radius: 100%;
}



#social {
    padding: 40px 0 50px 0;
}

#social ul {
    padding: 0;
    text-align: center;
    margin-top: 10px;
}
#social ul li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}



#obrigado1 {
    text-align: center;
    padding: 120px 0 70px 0;
}


#obrigado1 img {
    margin-bottom: 30px;
}

.page-template-modelo-obrigado #header {
    display: none;
}

.logos-apoio {
    text-align: center;
}



.simpleParallax {
    overflow: inherit !important;
}

.parallax-one {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    max-width: 100%;
}
.parallax-twoo {
    position: absolute;
    top: 140%;
    right: 100px;
    z-index: -1;
    max-width: 100%;
}

.parallax-tree {
    position: absolute;
    top: 220%;
    left: 60px;
    z-index: -1;
    max-width: 100%;
}
.parallax-four {
    position: absolute;
    top: 290%;
    right: 200px;
    z-index: -1;
    max-width: 100%;
}

.conteudo, .titulo, .imagem{
    z-index: 1;
}



.page-template-modelo-obrigado .parallax-one,
.page-template-modelo-obrigado .parallax-twoo,
.page-template-modelo-obrigado .parallax-tree,
.page-template-modelo-obrigado .parallax-four{
    display: none;
}


section#\34 04-1 {
    padding: 160px 0 100px 0;
}
section#\34 04-1 a {
    color: white;
}





/*******************************************************
 * AJUSTES RESPONSIVOS
*******************************************************/
@media( max-width: 1600px ) {
	
    #header .container {
        max-width: 95%;
    }

    #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item {
        margin: 0 10px 0 0
    }
    #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 14px;
    }


}
@media( min-width: 1480px ) {
	.container {
		max-width: 1100px;
	}
 
    .parallax-twoo { 
        right: 20px; 
    }
    
    .parallax-tree { 
        left: 20px; 
    }
    .parallax-four { 
        right: 20px; 
    }
    
    

}






@media (max-width: 1479px){
	  
    body{
        font-size: 16px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 18px;
    }

    .card-depoimento .depoimento {
        min-height: 250px;
    }
    

}
 
@media( max-width: 1359px ) {
      
    #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link { 
        padding: 0 3px;
    }
    
	

}
@media( max-width: 1200px ) {
    
	 
    
}
@media( max-width: 1199px ) {
	
    nav#main-menu {
        float: inherit;
        margin-right: 0;
    }



    .btn { 
        padding: 7px 20px;
    }

    #home1 .form{
        padding: 15px;
    }

    #main-menu {
        position: absolute;
        right: 130px;
    }















     
} 
@media( max-width: 1024px ) {
    
	
	 
    
} 
@media( max-width: 991px ) {

    .parallax-one img, .parallax-twoo img, .parallax-tree img, .parallax-four img {
        max-width: 70% !important;
    }
    
    .container-fluid {
        width: 100%;
        padding-right: 25px;
        padding-left: 25px;
    }

    .botao-header { 
        top: -42px;
    }
    
    #main-menu {
        top: -44px;
    }
    #home1 .conteudo {
        margin-top: 0;
        line-height: 33px;
        text-align: center;
        margin-bottom: 30px;
    }
    #home1 .titulo {
        text-align: center;
    }
    #porta-voz {
        padding: 20px 0 40px 0; 
    }

    #compartilhe .conteudo {
        margin-top: 20px;
        margin-bottom: 30px;
    }


    .nav-videos { 
        margin-top: -210px;
    }



    #home7 button {
        font-size: 18px;
    }


    .card-depoimento .depoimento {
        min-height: auto;
    }

    .card-depoimento .nome-foto {
        min-height: auto;
    }

} /* max-width: 991px */

@media( max-width: 768px ) {
    
	  
    
}
@media( max-width: 767px ) {
	
    .nav-midia, .nav-videos {
        display: none;
    }
	
	#home1 .titulo h2 {
        font-size: 20px;
    }
	
	
	
	
	
} 
@media( max-width: 575px ) {
	   
    .header-logo {
        max-width: 110px;
    }
    .scrolled .header-logo {
        max-width: 110px;
    }
    #main-menu {
        top: -33px;
        right: 120px;
    }
    .botao-header {
        top: -32px;
    }
	 
/* 	
    .parallax-one,
    .parallax-twoo,
    .parallax-tree,
    .parallax-four { 
        max-width: 320px;
    }
     */
    
}