@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,700');
/** HELPER's **/
body{
	font-family: 'Roboto', sans-serif;
}
img{
  display: block;
  max-width: 100%;
  height: auto;
}
small{
  color: inherit!important;
}
a{
  color: #063D16;
  -webkit-transition: color .2s linear, background .3s ease;
  -moz-transition: color .2s linear, background .3s ease;
  -ms-transition: color .2s linear, background .3s ease;
  transition: color .2s linear, background .3s ease;
}
  a:hover,
  a:focus{
	  color: inherit;
	  outline: none;
  }
.bold{
	font-weight: 700;
}
.light{
  font-weight: 300;
}
.centerY{
  position: relative;
  top: 50%;
  -webkit-transform: -webkit-translateY(-50%);
  -moz-transform: -moz-translateY(-50%);
  -ms-transform: -ms-translateY(-50%);
  transform: translateY(-50%);
}
.bg-texture{
    font-family: inherit;
    background: url("../img/bg_sbea_paper.jpg") repeat;
}
.titulo{
	color: #CB941F;
    margin-bottom: 1.5em;
}
.color-inverse{
	color: #FFF;
}
	.color-inverse a{
		color: #FFF;
	}
.full-container{
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
.conteudo{
	padding-top: 1em;
}
/*======================================================================
  	RESET - BOOTSTRAP
  ====================================================================== */
  /* logo */
  .navbar-brand{
  	height: auto;
  }
  /* icone que mostra o menu no responsivo */
  .navbar-toggle{
      margin-top: 24px;
      margin-bottom: 24px;
  }
    .navbar .navbar-toggle{
        border-color: #FFF;
    }
    .navbar .navbar-toggle:focus,
    .navbar .navbar-toggle:hover{
        background-color: #393939;
    }
	 .navbar .navbar-toggle .icon-bar{
		  background-color: #FFF;
		  height: 3px;
		  border-radius: 0px;
	  }
      .navbar .navbar-collapse{
          border-color: #393939;
      }
  /* barra do menu */
  .navbar{
	  margin-bottom: 0;
	  border: none;
	  border-radius: 0px;
  	  background-color: #085B25;
  }
  /* links do menu */
    .nav li{
      font-weight: 300;
    }
    .nav li a{
      color: #FFF;
    }
    .nav li.active > a{
      background-color: #063D16;
    }
    .nav > li > a:focus,
    .nav > li > a:hover{
      text-decoration: underline;
      background-color: transparent;
    }
    /* drop-down */
    .nav .open > a,
    .nav .open > a:focus,
    .nav .open > a:hover{
        background-color: #063D16;
    }
  .dropdown-menu{
	  border: none;
      background-color: #085B25;
  }
	  .dropdown-menu > li > a{
		  padding: 6px 20px;
	  }
    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover{
        color: #FFF;
        background-color: #063D16;
    }
  /* botoes do site */
  .btn.focus, .btn:focus, .btn:hover{
	  color: inherit;
  }
  .btn-default{
	  color: #FFF;
	  min-width: 200px;
      max-width: 100%;
	  background-color: #393939;
	  background-image: url('../img/seta_btn.png');
	  background-repeat: no-repeat;
	  background-position: 95% 50%;
	  border: none;
	  border-radius: 0px;
  }
	  .btn-default:hover,
	  .btn-default:focus{
		  color: #FFF;
		  background-color: #063D16;
      }
/*======================================================================
    TOPO
  ====================================================================== */
	/* menu quando for a pagina home */
	  .navbar.home-ativo{
		  position: absolute;
		  left: 0;
		  right: 0;
		  z-index: 1;
		  background-color: transparent;
	  }
	 .navbar.home-ativo .nav li.active a,
	 .navbar.home-ativo .nav .open > a,
	 .navbar.home-ativo .nav .open > a:focus,
	 .navbar.home-ativo .nav .open > a:hover{
		 background-color: transparent;
	 }
/*======================================================================
    RODAPÉ
  ====================================================================== */
  	#rodape{
		background-color: #282828;
		padding: 2em 0;
	}
		#rodape div:first-child p:first-child{
			font-size: .9em;
		}
		#rodape span.bold{
			font-size: 1.15em;
			display: block;
		}
/*======================================================================
	Modal Inicio
  ====================================================================== */
	#modal-prazo{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0, .9);
		z-index: 1000;
	}
		#modal-prazo img{
			position: relative;
			top: 50%;
			margin: 0 auto;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
		}
/*======================================================================
    HOME
  ====================================================================== */
	/* intro */
	#intro{
		position: relative;
		text-transform: uppercase;
		color: #FFF;
		overflow: hidden;
		padding: 10em 0 0;
		background: url('../img/banner-home.jpg') no-repeat 50% 0;
		background-size: 100% 100%;
		background-attachment: fixed;
		height: 100vh;
	}
		#intro-conteudo p:nth-child(2){
			margin-top: 3em;
		}
		#intro-conteudo p{
			font-size: 1.35em;
		}
	#btn-inscricao{
		color: #FFF;
		font-size: 1.5em;
		text-transform: uppercase;
		margin: 2em auto 3em;
		width: 260px;
		background-color: transparent;
		border: 1px solid #FFF;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
	}
		#btn-inscricao:hover,
		#btn-inscricao:focus{
			color: #393939;
			background-color: #FFF;
		}
	#btn-intro{
		width: 38px;
	}
	/* descrição */
	#desc-home{
		background-color: #D9D9D9;
		padding: 1em 0;
	}
	#desc-home div.col-md-5 p{
		text-transform: uppercase;
		font-size: 2.25em;
	}
	#desc-home div.col-md-5 p small{
		text-transform: initial;
		font-size: .5em;
	}
	/* palestrantes */
	#info-palestrantes{
		padding-top: 3em;
	}
	#info-palestrantes > div p:first-child{
		margin-bottom: 2em;
	}
	.palestra-mask{
		float: left;
		width: calc(20% - 40px); /* subtrai valores das margens*/
		margin: 0 20px 100px;
	}
		.palestra-mask > div{
			position: relative;
			overflow:hidden;
			width: 100%;
			border-radius: 10px;
		}
	/* inscricao */
	.box-inscricao{
		color: #FFF;
		background-color: #1A1A1A;
		padding: 1em;
		border-radius: 15px;
		transition: background .2s ease;
	}
		.box-inscricao:hover{
			background-color: #085B25;
		}
		.box-inscricao h2{
			min-height: 66px;
		}
	/* precos das inscricoes */
	.preco-inscricao{
		font-size: 2.5em;
		margin-bottom: 1em;
	}
	.preco-inscricao span::before{
		content: "R$"
	}
	.preco-inscricao span{
		font-weight: bold;
	}
		.preco-inscricao small{
			font-size: .35em;
			font-weight: normal;
			display: block;
		}
	/* preco membro sbea */
	.preco-inscricao:nth-child(3){
		margin-top: .5em;
	}
	.preco-inscricao:nth-child(3) span{
		color: #E7A101;
	}
	.preco-inscricao:nth-child(3) small{
		color: #FFF;
	}
	/* botao inscricao*/
	.box-inscricao .btn{
		text-transform: uppercase;
		font-size: 1.5em;
		color: #FFF;
		width: 230px;
		margin-bottom: .5em;
		background-color: #E7A101;
	}
	/*carousel palestrante */
	#palestras-home{
		margin-top: 4em;
		padding: 2em 0;
		background-color: #E7A101;
	}
	/* item slider */
	.slider-home-mask{
		width: 150px;
		position: relative;
		overflow: hidden;
		border-radius: 100%;
	}
	#marcador-home{
		display: block;
		width: 100%;
	}
		#marcador-home span{
			font-size: 5em;
			color:#FFF;
			width: 24px;
			height: 24px;
			display: inline-block;
			cursor: pointer;
		}
		#marcador-home span.active{
			color: #085B25;
		}
/*======================================================================
    APRESENTAÇÃO - LOCAL
  ====================================================================== */
  .apresentacao > div.row{
	  margin-bottom: 5em;
  }
  .apresentacao .titulo{
	  margin-bottom: .8em;
  }
  .apresentacao div h2{
	  margin-top: 0;
  }
	/* hospedagem */
	#hospedagem h4{
		margin: .8em 0 .5em;
	}
	#hospedagem span{
		display: block;
		margin-bottom: .2em;
	}
	#hospedagem > div > div{
		margin-top: .75em;
	}
	#hospedagem > div > div span{
		display: block;
	}
	/* slider */
	#slider-local{
		background: url('../img/floripa.jpg') no-repeat 50% 0;
		padding: 1em 0;
	}
	.local-item::before{
		content: "";
		display: block;
		width: 50px;
		height: 73px;
		margin: 0 auto .3em;
		background: url('../img/icone_local.svg') no-repeat 50% 0;*/
	}
	.local-item > h3{
		text-transform: uppercase;
		margin: 0;
	}
	.local-item > span{
		font-size: 1.15em;
		display: block;
		margin: .2em 0 1em;
	}
	/* marcador */
	#marcador-local{
		position: relative;
		width: 100%;
		display: block;
	}
	#marcador-local a{
		font-size: 1.5em;
		color: #FFF;
		display: inline-block;
		padding: .5em 1em;
		background-color: #808080;
	}
	#marcador-local a.active{
		background-color: #063D16;
	}
/*======================================================================
    APRESENTAÇÃO - CHAMADA
  ====================================================================== */
  	/* orientacoes */
	#orientacoes > p:nth-child(3) span{
		display: block;
	}
  	/* objetivos */
	#objetivos > div:nth-child(2){
		margin-bottom: 2em;
	}
	.objetivo figure img{
		margin-bottom: .5em
	}
	.objetivo figcaption p strong{
		font-size: 1.25em;
		display: block;
	}
	/* orientacoes */
	#orientacoes > p{
		font-size: 1.15em;
		margin-bottom: 2em;
	}
	#orientacoes > div > p::before{
		content: "- ";
		display: inline-block;
	}
	/*avaliacao */
	#avaliacao{
		color: #FFF;
		padding: 2em 0;
		background-color: #063D16;
	}
		#avaliacao .row h1{
			margin: 0 0 1em;
		}
		#avaliacao .row div h3{
			margin: .75em 0 .2em;
		}
	/* detalhes */
	#apresentacao-detalhes{
		margin-top: 4em;
		margin-bottom: 4em;
	}
		#apresentacao-detalhes > div{
			opacity: 0;
			float: left;
			padding: 2em 1em;
			margin-right: 20px;
			width: calc(25% - 15px);
			background-color: #FFF;
			border: 2px solid #063D16;
		}
		#apresentacao-detalhes > div:last-child{
			margin-right: 0px;
		}
		#apresentacao-detalhes > div h3{
			color: #063D16;
			min-height: 53px;
			margin-top: 0;
		}
/*======================================================================
    COMISSÃO
  ====================================================================== */
  	/* perfil */
	.perfil figure{
		opacity: 0;
		margin-bottom: 5em;
	}
	.perfil figure > a{
		display: block;
		position: relative;
		max-width: 200px;
		margin: 0 auto;
		overflow: hidden;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	.perfil figure > a > img:first-child{
		position: relative;
		min-width: 100%;
		z-index: -1;
	}
	.perfil figure > a > img:last-child{
		position: absolute;
		left: 0;right: 0;
		width: 150px;
		visibility: hidden;
		opacity: 0;
		transition: all .2s linear .3s;
	}
	.perfil figure figcaption h3{
		color: #063D16;
		font-size: 1.75rem;
		margin-bottom: 0;
	}
	.perfil figure figcaption small{
		font-size: .8em;
		display: block;
	}
	.perfil figure figcaption p{
		margin-top: 1em;
		font-size: .9em;
	}
	/* perfis > hover */
	.perfil figure > a:hover,
	.perfil figure > a:focus{
		background-color: rgba(1, 77, 41, 0.85);
	}
	.perfil figure > a:hover > img:last-child,
	.perfil figure > a:focus > img:last-child{
		visibility: visible;
		opacity: 1;
	}
	/* tipo de comissão */
	#integrantes{
		margin-bottom: 2em;
	}
		#integrantes header{
			border-bottom: 2px solid #063D16;
			margin-bottom: 1em;
		}
		#integrantes h4{
			display: inline-block;
		}
		#integrantes h4 a{
			color: #808080;
			padding: .5em 2em;
			text-decoration: none;
		}
		/* link ativo */
		#integrantes h4.active a{
			color: #E7A101;
		}
	/* conteudo */
	#integrantes aside{
		display: none;
	}
	#integrantes aside span{
		display: block;
	}
	/* conteudo ativo */
	#integrantes aside.active{
		display: block;
	}
/*======================================================================
	PROGRAMAÇÃO - CIENTIFICA
  ====================================================================== */
  	#p-cientifica > p,
	#p-social > p{
		margin-bottom: 3em;
	}
  	/* datas palestras */
	#data-palestra{
		margin-bottom: 2em;
	}
	#data-palestra h4{
		margin-bottom: 1em;
	}
	#data-palestra a{
		text-decoration: none;
		color: #FFF;
		font-weight: bold;
		font-size: 1.5em;
		display: inline-block;
		padding: 1em;
		background-color: #C8C8C8;
	}
	#data-palestra a.active{
		background-color: #E7A101;
	}
	/* palestras */
  	.panel{
		margin-bottom: 1em;
		background-color: #C8C8C8;
		border: none;
		border-radius: 0px;
	}
	  	.panel > .panel-heading{
			color: #FFF;
			background-color: #063D16;
			border-radius: 0px;
		}
		.panel > .panel-heading a{
			text-decoration: none;
			font-weight: bold;
		}
/*======================================================================
  	PROGRAMAÇÃO - SOCIAL
  ====================================================================== */
/*======================================================================
  	ACESSO
  ====================================================================== */
  	#acesso{
		position: relative;
		margin-bottom: 5em;
	}
		#acesso div h2{
			margin-bottom: 2em;
		}
	#linha-acesso{
		position: absolute;
		height: 100%;
		border-left: 2px solid #393939;
	}
	/* lado esquerdo */

	/* lado direito */
	#acesso div hgroup > h4{
		margin: 0;
	}
	#acesso > div:last-child{
		position: relative;
	}
	#acesso > div:last-child .btn{
		display: block;
		margin: 1em auto;
	}
	#acesso > div:last-child > a:last-child{
		color: inherit;
	}
	/* recuperar senha */
	#recuperar-senha{
		height: 55vh;
	}
/*======================================================================
  	INSCRIÇÕES
  ====================================================================== */
	#inscricoes .titulo{
		margin-bottom: .2em;
	}
	#inscricoes > p{
		font-size: 1.5em;
		margin-bottom: 2em;
	}
	#inscricoes form{
		padding-left: 0;
	}
/*======================================================================
  	CONFIRMACAO INSCRICAO
  ====================================================================== */
	#confirmacao > h2{
		margin-bottom: 1em;
	}
	#form-confirm{
		margin-top: 1em;
	}
/*======================================================================
  	FORMULARIOS
  ====================================================================== */
  	#contato,
	#inscricoes,
	#confirmacao{
		margin-bottom: 5em;
	}
  	#contato .titulo{
		margin-bottom: .5em;
	}
	#form-contato{
		margin-top: 4em;
	}
	#form-contato textarea{
		height: 182px;
		resize: none;
	}
	.form-control{
		border-radius: 0px;
		border-top-right-radius: 5px;
	}
	.form-control:focus{
		border-color: #063D16;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	}
	/* informações de contato */
	#contato > div:last-child > a{
		display: block;
		width: 28px;
		margin-bottom: 15px;
	}
	#contato > div:last-child > p,
	#contato > div:last-child span{
		margin-bottom: 5px;
	}
	#contato > div:last-child span{
		display: block;
	}
	/* mapa */
	.mapa{
		width: 100%;
		max-width: 1920px;
		height: 500px;
	}
/*======================================================================
  	MEDIA'S
  ====================================================================== */
  @media screen and (min-width: 768px){
	  .navbar-nav > li > a{
		  padding-top: 45px;
		  padding-bottom: 45px;
	  }
	 .navbar.home-ativo .navbar-nav > li > a{
		 padding-bottom: 10px;
	 }
	 .navbar-right .dropdown-menu{
		 left: 0px;
		 right: auto;
	 }
  }
  @media screen and (max-width: 991px){
	  .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
	#navbar{
		position: relative;
		z-index: 1;
		background-color: #085B25;
	}
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
	    .navbar-nav > li {
	        float: none;
	    }
	    .navbar-nav > li >a {
	        padding-top: 10px;
	        padding-bottom: 10px;
	    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	/* dropdown-menu */
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0px;
		background-color: transparent;
		border: 0px none;
		box-shadow: none;
	}
	/* inscricao */
	.box-inscricao{
		margin-bottom: 2em;
	}
	/* palestrantes home */
	.slider-home-mask{
		margin: 0 auto;
	}
	/* local */
	.local-item{
		width: 100%;
	}
		.local-item > p{
			display: none;
		}
  }
  @media screen and (max-width: 448px) and (max-width: 768px){
	  /* home - palestrantes */
	.palestra-mask{
		width: calc(50% - 40px);
	}
  }
  @media screen and (min-width: 768px) and (max-width: 991px){
	  /* home - palestrantes */
	  .palestra-mask{
		  width: calc(33.33% - 40px);
	  }
		  .palestra-mask:nth-child(3n + 1){
			  margin-left: 0px;
		  }
		  .palestra-mask:nth-child(3n + 3){
			  margin-right: 0px;
		  }
  }
  @media screen and (min-width: 992px){
  	/* home - palestrantes */
  	.palestra-mask:nth-child(5n + 1){
  		margin-left: 0px;
  	}
  	.palestra-mask:nth-child(5n + 5){
  		margin-right: 0px;
  	}
	.box-inscricao{
		margin: 0 1.25em;
	}
  }
  @media screen and (max-width: 1199px){
	  #intro{
		  height: auto;
		  padding-bottom: 2em;
	  }
	  /* form inscricoes */
	  #inscricoes form{
		  padding-left: 15px;
	  }
  }