@import "bootstrap.min.css";
/**
                                                                 
  ######   ####  ### ##  ###  ####
   #   #  ##  ##  ## #  #   #  # #
   #   #  #    #   ##   #####  #  
   #   #  ##  ##  # ##  #      #  
  ### ###  ####  ## ###  #### ###  
                                                                                                                                                                                                                                 
 *
 * @author: Noxer - Sistemas e Tecnologias da Informação.
 * @site: http://www.noxer.com.br/
 * @email: contato@noxer.com.br
 * @date: 2023/07/09
 * @language: Portuguese
 * @job: HTML5 / CSS3 / JS
 * @tools: PHP5
 * @cms: WordPress
 * 
 * Copyright(c) Todos os direitos reservados.
 *
**/

@font-face {
    font-family: 'Gotham Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/GothamBook.eot');
    src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamBook.woff2') format('woff2'),
        url('../fonts/GothamBook.woff') format('woff'),
        url('../fonts/GothamBook.ttf') format('truetype'),
        url('../fonts/GothamBook.svg#GothamBook') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham HTF';
    src: url('../fonts/GothamHTF-Bold.eot');
    src: url('../fonts/GothamHTF-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamHTF-Bold.woff2') format('woff2'),
        url('../fonts/GothamHTF-Bold.woff') format('woff'),
        url('../fonts/GothamHTF-Bold.ttf') format('truetype'),
        url('../fonts/GothamHTF-Bold.svg#GothamHTF-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* General
--------------------------------------------------*/
html {
	overflow: hidden;
	overflow-y: scroll;	
}
section {
	float: left;
	display: block;
	width: 100%;	
}
header h1 a,
header a.btInscreva {
	text-indent: -9999px;
	overflow: hidden;
	display: block;	
}
img {
	vertical-align: middle;
	border: 0;
	page-break-inside: avoid;
	max-width: 100%;
	height: auto;
}
a {
	outline: none !important;
}
.alignright {
	float: right;	
	margin-left: 15px;
}
.aligleft {
	float: left;
	margin-right: 15px;
}
body {
	background: #28285e;
}
.container {
	max-width: 900px;
}

/* Header
--------------------------------------------------*/
header {
	background: url(../img/bg/bg_header.png) no-repeat top center;
	background-size: contain;
	min-height: 1063px;
	float: left;
	width: 100%;
}
header a.btInscreva {
	background: url(../img/bg/bg_inscreva.png) no-repeat top center;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 262px;
	height: 72px;
}
header .linha {
	position: relative;
	height: 1027px;
}

/* Sobre o evento
--------------------------------------------------*/
section.sobreOEvento {
	margin-top: 90px;
	margin-bottom: 90px;
}
section.sobreOEvento h2 {
	font-family: 'Gotham Bold';
	color: #FCF8D3;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	font-size: 40px;
}
section.sobreOEvento article p {
	font-family: 'Gotham Book';
	font-size: 18px;
	color: #FBF8D0;
	line-height: 25px;
}

/* Programação
--------------------------------------------------*/
section.programacao {
	padding-bottom: 70px;
	background-color: #28285e;
}
section.programacao h2 {
	font-family: 'Gotham Bold';
	color: #fcf8d3;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	font-size: 40px;
}
section.programacao div.topoData {
	width: 100%;
	cursor: pointer;
	display: block;
}
section.programacao div.cor_1 h3 {
	font-family: 'Gotham Bold';
	font-size: 30px;
	color: #fcf8d3;
	margin: 0;
	padding: 10px 25px;
	position: relative;
	width: 100%;
	cursor: pointer;
	background: #f8461b;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
section.programacao div.cor_1 h3::after {
	content: '';
	display: block;
	background: url(../img/bg/bg_barra_1.png) no-repeat;
	width: 33px;
	height: 33px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
}
section.programacao div.cor_1.desativado h3::after {
	background: url(../img/bg/bg_barra_2.png) no-repeat;
}
section.programacao div.cor_1 h3 span {
	font-family: 'DIN Next LT Pro Light';
}
section.programacao div.tit {
	position: relative;
}
section.programacao div.tit span.aviso {
	position: absolute;
	right: 0;
	top: 0;
	color: #FFF;
	font-size: 14px;
	font-family: 'DIN Next LT Pro Medium';
	text-align: right;
}
section.programacao h2 span.r2 {
	display: inline-flex;
	background: url(../img/bg/bg_barra_a_2.png) no-repeat;
	width: 10px;
	height: 43px;
}
section.programacao div.boxProgramacao {
	max-width: 830px;
	display: block;
	margin: 0 auto;
	padding: 20px 0;
}
section.programacao div.boxProgramacao ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
section.programacao div.boxProgramacao ul li {
	list-style: none;
	padding: 0;
	margin-top: 20px;
	padding-bottom: 20px;
	position: relative;
	padding-left: 100px;
	border-bottom: 1px solid #bcc543;
}
section.programacao div.boxProgramacao ul li:last-child {
	border-bottom: 0;
}
section.programacao div.boxProgramacao ul li h4.data {
	font-family: 'Gotham Bold';
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	color: #d1db3f;
	font-size: 22px;
	text-align: right;
	width: 80px;
}
section.programacao div.boxProgramacao ul li h5 {
	font-family: 'Gotham Book';
	margin: 0;
	padding: 0;
	color: #fcf8d3;
	font-size: 18px;
	line-height: 27px;
}
section.programacao div.boxProgramacao ul li em {
	font-family: 'Gotham Book';
	margin: 0;
	padding: 0;
	color: #fcf8d3;
	font-size: 14px;
	line-height: 20px;
	display: block;
}
section.programacao div.boxAbas {
	width: 100%;
}
section.programacao div.boxAbas div.topoAba {
	width: 50%;
	float: left;
	text-align: center;
	font-family: 'Gotham Bold';
	color: #FCF8D3;
	font-size: 25px;
	border: 1px solid #FBF8D0;
	border-bottom: none;
	min-height: 44px;
	padding: 10px;
	margin-bottom: -10px;
	display: block;
	cursor: pointer;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
section.programacao div.boxAbas div.topoAba.aba_1.ativo {
	background: #F8461B;
	border-color: #F8461B;
}
section.programacao div.boxAbas div.topoAba.aba_2.ativo {
	background: #33879B;
	border-color: #33879B;
}
section.programacao div.boxAbas #box_aba_2 div.cor_1 h3 {
	background: #33879B;
}

/* Mapa do evento
--------------------------------------------------*/
section.mapaDoEvento {
	padding-bottom: 40px;
	background-color: #28285e;
}
section.mapaDoEvento h2 {
	font-family: 'Gotham Bold';
	color: #fcf8d3;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	margin-top: 15px;
	font-size: 40px;
}

/* Agência
--------------------------------------------------*/
section.agencia {
	padding-bottom: 70px;
	background-color: #28285e;
}
section.agencia h2 {
	font-family: 'Gotham Bold';
	color: #fcf8d3;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	margin-top: 15px;
	font-size: 40px;
}
section.agencia a.btMapa {
	display: table;
	margin: 0 auto;
	text-align: center;
}

/* Localização
--------------------------------------------------*/
section.localizacao {
	padding-bottom: 70px;
	background-color: #28285e;
}
section.localizacao h2 {
	font-family: 'Gotham Bold';
	color: #fcf8d3;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	font-size: 40px;
}

/* Expositores
--------------------------------------------------*/
section.expositores {
	padding: 100px 0 100px 0;
	background: #FFF;
}
section.expositores h2 {
	font-family: 'Gotham Bold';
	color: #28285E;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	font-size: 40px;
}

/* Footer
--------------------------------------------------*/
footer {
	padding: 70px 0;
	float: left;
	width: 100%;
}

/* Mobile
--------------------------------------------------*/
@media (max-width: 980px){
	section.mapaDoEvento h2,
	section.localizacao h2,
	section h2,
	section.programacao h2,
	section.sobreOEvento h2,
	section.expositores h2,
	section.expositores h2 {
		font-size: 30px;
	}
	.btAcesse {
		width: 160px;
	}
	section.programacao div.boxProgramacao ul li h4.data {
		font-size: 18px;
	}
	section.programacao div.boxProgramacao ul li h5 {
		font-size: 15px;
		line-height: 25px
	}
	section.sobreOEvento article p {
		font-size: 15px;
	}
	section.programacao div.cor_1 h3 {
		font-size: 20px;
	}
	section.sobreOEvento {
		margin: 40px 0;
	}
	section.programacao {
		padding-bottom: 40px;
	}
	header {
		min-height: 530px;
	}
	header .linha {
		height: 570px;
	}
	header a.btInscreva {
		background: url(../img/bg/bg_inscreva.png) no-repeat top center;
		background-size: auto;
		position: absolute;
		right: 15px;
		bottom: 0;
		width: 230px;
		height: 58px;
		background-size: contain;
	}
	section.programacao div.boxAbas div.topoAba h5 {
		font-size: 14px !important;
	}
	section.programacao div.boxAbas div.topoAba {
		min-height: 55px;
	}
}