@charset "utf-8";


.confianca{
	/*background-color:#82bec1;*/
    background-image:url('https://www.congresso-fenabrave.com.br/img/bg_Slogan.jpg');
    background-repeat:repeat-x;
	text-align:center;
	}
.confianca img{
	padding:10px;
	width:35%;
	}


#lineTop{ height:3px; background-color:#000}
#lineTop1{ height:20px; background-color:#ddd}
#lineTop2{height:3px; background-color:#01579b}
#lineTop3{height:3px; background-color:#0d47a1}
.alingDrop{ margin-top:150px;}
.alingDrop li {font-size:12px;}
.linkmenu{ font-size:14px; color:#37474f;}
.linkdropdown{color:#FFF; font-size:13px;}
.btnMenu{ padding-top:40px; margin:0px 20px 0px 20px;}
.espaco {
            padding-left: 5px;
        }
.filho{
    background-color: #009688;
}

.sombraTBanner {
	text-shadow: black 0.1em 0.1em 0.2em;
	}
.slider .indicators .indicator-item.active {
	background-color: #37474f;
}
.menuClick:hover {
	background-color: #009688;
}
.txtCenter{
	text-align:center;	
}
.txtCenter1{
	text-align:right;	
}

.borda{
	border:1px solid #F00;
}

.centralizar{
	
}
.direita{
	float:right;	
}
#faixaTopo{
}

.blocoDia{
	max-width:300px;
	margin:20px auto;	
}
.parallax-container{
	height:250px;
}
.t180{
	height:150px;
	overflow:hidden;
}


.t170{
	height:110px;
	overflow:hidden;
}


h2{
    font-size:20px; 
    font-family: 'Roboto Condensed', sans-serif; 
    color:teal;
}





.styData{
	color:#FFF;
	text-align:right;
	padding:20px !important;
	
}

/* */

.styTitulo{
	color:#FFF;
	padding:15px 20px 5px 20px !important;
	font-size:30px;
}

.stySinopse{
	color:#FFF;
	padding:5px 20px 0 20px !important;
	font-size:18px;
}

.StyTitulopg{
	font-family: 'Roboto Condensed', sans-serif;
	padding:15px 20px 5px 20px !important;
	font-size:30px;

}

.panelists {
    margin-bottom: 20px;
}

.panelists .container {
    text-align: center;
}

.panelists .container h4 {
    color: #ffffff;
}

.panelists .container hr {
    margin: 0 auto 50px auto;
    width: 290px;
    border: 1px solid;
}

.panelists ul {
    padding: 0;
}

.panelists ul li {
    width: 334px;
    height: 334px;
    position: relative;
    display: inline-block;
    max-width: 375px;
    vertical-align: top;
    overflow: hidden;
    z-index: 2;
    margin: 23px;
    border-radius: 172px;
}

.panelists ul li .hover-box {
    display: block;
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    cursor: pointer;
    background-color: rgba(50, 50, 50, 0.7);
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 1;
}


.panelists ul li:hover .hover-box {
    opacity: 1;
    text-decoration: none;
}

.panelists ul li .hover-box:before {
    height: 100%;
    content: '';
    vertical-align: middle;
    display: inline-block;
}

.panelists ul li .info {
    width: 295px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.1em;
    padding: 0 15px;
    color: #FFF;
    max-width: 335px;
}

.panelists ul li .name {
    font-size: 1.0625em;
    font-weight: bold;
}

.panelists ul li a {
    border-radius: 172px;
}

.panelists ul li a span.info hr {
    width: 100%;
    margin: 25px 0;
    border: 1px solid #fff;
}

.panelists ul li .description {
    font-size: 1em;
    line-break: normal;
    font-family: 'Montserrat-Light';
}

.panelists .image-container.blur img {
    transform: translate3d(0, 0, 0);
    /*filter: blur(10px);*/
    /*-webkit-filter: blur(10px);*/
    /*-moz-filter: blur(10px);*/
    /*-o-filter: blur(10px);*/
    /*-ms-filter: blur(10px);*/
    /*filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');*/
}

.panelists .image-container.blur .hover-box{
    background-color: rgba(20, 70, 103, 0.97);
    opacity: 1;
}

.ballPalestrante{
	width:280px;
	height:280px;
	float:left;
	margin:20px 20px 20px 20px;
}

.ballTitulo{
	font-size:22px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#FFF !important;
}

.ballConteudo{
	font-size:16px;
	color:#FFF !important;
}

.txtSinopse{
	color:#666;
	font-size:18px;
	font-style:italic;
}

.txtSubTitle{
	font-size:22px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#4a8e91;
}

.textBall{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
}

.textBall2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
}
.salaTematica{
	/*text-transform:uppercase;*/
	font-size:18px;
	font-weight:bold;
}
.nunTematica{
	text-transform:lowercase;
	font-size:18px;
}

.tituloTematica{
	font-size:16px;
	font-weight:bold;
}

#f1_container {
  position: relative;
  margin: 10px auto;
  height: 150px;
  z-index: 1;
}
#f1_container {
  perspective: 1000px;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  padding: 10px;
  text-align: center;

}

@media(max-width:1630px){
	.linkmenu { 
		padding: 0px  !important;
	}
}

@media(max-width:1510px){
	.ball1{
		font-size:16px;
	}
	.ball2{
		font-size:16px;
	}
	.ball3{
		font-size:16px;
	}
	.ball4{
		font-size:15px;
	}
	.ball5{
		font-size:15px;
	}
    .confianca img{
	padding:10px;
	width:40%;
	}
}


@media(max-width:1260px) {
    .textBoxCentral {
        font-size: 13px;
    }

    .btnBoxCentral {
        font-size: 13px;
    }
    .confianca img{
	padding:10px;
	width:45%;
	}
}

@media (max-width: 1200px) {
    .panelists ul {
        text-align: center;
    }
    .confianca img{
	padding:10px;
	width:55%;
	}

}

@media(max-width:1024px){
	.styTitulo{
		padding:15px 10px 10px 10px !important;
		font-size:18px;	
	}
	.stySinopse{
	padding:5px 20px 0 20px !important;
	font-size:15px;
	}
    .confianca img{
	padding:10px;
	width:50%;
	}
    .logoCongresso{
	width:400px;
	padding-top:22px;
	}
}

    @media(max-width:1010px) {
        .textBoxCentral {
            font-size: 12px;
        }

        .btnBoxCentral {
            font-size: 12px;
        }
    }

              

   @media(max-width:992px){
    .ball1{
		font-size:18px;
	}
	.ball2{
		font-size:18px;
	}
	.ball3{
		font-size:18px;
	}
	.ball4{
		font-size:18px;
	}
	.ball5{
		font-size:18px;
	}
    .confianca img{
	padding:10px;
	width:55%;
	}
	.logoCongresso{
	width:400px;
	padding-top:22px;
	}

	#mytable{
        display:none;
	}
    #mytable2{
        display:block;
	}
    .textBoxCentral {
        font-size: 14px;
    }

    .btnBoxCentral {
        font-size: 14px;
    }
}


   @media(max-width:807px){
	.ball1{
		font-size:14px;
	}
	.ball2{
		font-size:14px;
	}
	.ball3{
		font-size:14px;
	}
	.ball4{
		font-size:14px;
	}
	.ball5{
		font-size:14px;
	}
    .confianca img{
	padding:10px;
	width:70%;
	}
}

   @media (max-width: 767px) {
    .panelists ul li {
        margin: 23px 0;
    }

    .panelists ul li .hover-box {
        top: 0;
        bottom:0;
        left: 0;
        right: 0;
        background-color: rgba(50, 50, 50, 0.3);
        opacity: 1;
    }
    .confianca img{
	padding:10px;
	width:65%;
	}
}

   #qua{
        float:right;
    }

   @media(max-width:600px){
	#faixaTopo{
		/*width:250px;*/
		margin:0 auto;
		/*border:1px solid #F00;
		*/
	}
	#faixaTopo div{float:none !important;padding:2px !important;}
	.centralizar{text-align:center;	}/**/
	.direita{float:none;		}
	
	.blocoDia{
		max-width:410px;
		/*background-color:#99C;*/
	}
	
	
		#rodape2{
		width:225px;
		margin:0 auto;/**/
	}
	.txtCenter{
		text-align:center;	
	}
	.txtCenter1{
		text-align:center;	
	}
	

	.styTitulo{
		padding:15px 10px 10px 10px !important;
		font-size:15px;	
	}
	.stySinopse{
	padding:5px 20px 0 20px !important;
	font-size:12px;
    }

	.ball1{
		font-size:18px;
	}
	.ball2{
		font-size:18px;
	}
	.ball3{
		font-size:18px;
	}
	.ball4{
		font-size:18px;
	}
	.ball5{
		font-size:18px;
	}
    .confianca img{
	padding:5px;
	width:90%;
	}
	.logoCongresso{
	width:424px;
	padding-top:14px;
	}
}
   @media(max-width:497px){
	#rodape{
		height:110px;	
	}
	#dias{
		width:350px;
		height:110px;
		margin:0 auto;
	}
    #qua{
        float:left;
    }
    .logoCongresso{
	width:325px;
	padding-top:46px;
	}	
}

   @media (max-width: 460px) {
    .panelists ul li {
        width: 290px;
        height: 290px;
    }

    .panelists ul li .info {
        width: 280px;
    }
}

.panelists img {
    max-height: 375px;
    max-width: 375px;
    width: 100%;
}

   @media(max-width:400px){
	.ballPalestrante{
		margin:10px 0 10px 0 !important;
	}

	.styTitulo{
		padding:5px 2px 2px 2px !important;
		font-size:13px;	
	}
	.stySinopse{
	padding:5px 2px 0 2px !important;
	font-size:11px;
	
	}
	.btnMenu {
		margin-top: 20px;
	}

    .confianca img{
	padding:5px;
	width:100%;
	}
	
	.logoCongresso{
	width:300px;
	padding-top:54px;
	}
}