/*
Theme Name: Novos Interpretes
Theme URI: http://www.novosinterpretes.com.br/
Author: Walker Sousa
Author URI: https://www.walkersousa.com.br/
Description: Tema do site novosinterpretes.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body { width: 100%; }

.clear { display: block; clear: both; }

.area { display: block; width: 996px; margin: auto; }

.menu-item-4, .menu-item-5, .menu-item-6, .menu-item-20, .menu-item-275 { border-right: 1px solid #000; }

.sm2-bar-ui { display: none; opacity: 0; }
.sm2-bar-ui .icon-fechar { display: block; float: right; text-decoration: none; margin: 10px 0px; padding: 5px; border: 1px solid; color: #6B6B6B; line-height: 10px; }
.sm2-bar-ui .sm2-main-controls, .sm2-bar-ui .sm2-playlist-drawer { background-color: #777777; }

header { display: block; padding: 20px; }

header .logo { display: block; float: left; }

header .menu-top { display: block; float: right; }
header .menu-top li { display: block; float: left; padding: 0px 15px; height: 20px; margin: 16.5px 0px; }
header .menu-top li a { display: block; white-space: nowrap; font-family: 'latoregular'; font-size: 13px; color: #000; margin: 3.5px 0px; text-transform: uppercase; text-decoration: none; }
header .menu-top li a:hover { color: #EA7529; }

header .canais { display: block; float: right; }
header .canais li { position: relative; float: left; color: #D87B2D; font-size: 12px; font-family: Arial; padding: 0px 7.5px; line-height: 29px; }
header .canais li a { display: block; white-space: nowrap; text-decoration: none; color: #D87B2D; }
header .canais li a:hover { color: #000; }

header .canais li ul.dropdown-bar {
	position: absolute;
	background-color: #FFF;
	width: 115px;
	border: 1px solid #BBBBBB;
	opacity: 0;
	left: 50%;
	margin-left: -57.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: visibility 0s linear 0.5s, opacity 0.5s linear;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 200;
}

header .canais li.menu-dropdown:hover ul.dropdown-bar, header .canais li.menu-dropdown:active ul.dropdown-bar { opacity: 1; transition-delay: 0s; }

header .canais li ul.dropdown-bar li { float: none; padding: 0px; margin: 0px 15px; }
header .canais li ul.dropdown-bar li a { text-align: center; }
header .canais li ul.dropdown-bar li.border { border-bottom: 1px solid #E7E7E7; }

header .canais li ul.dropdown-bar:before, header .canais li ul.dropdown-bar:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

header .canais li ul.dropdown-bar:before { border-color: rgba(187,187,187,0); border-bottom-color: #BBBBBB; border-width: 8px; margin-left: -8px; }
header .canais li ul.dropdown-bar:after { border-color: rgba(255,255,255,0); border-bottom-color: #FFFFFF; border-width: 7px; margin-left: -7px; }

#banner { position: relative; display: block; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#banner .area { position: relative; background-color: #F9F9F9; }

#banner .bullets { position: absolute; display: block; width: 680px; height: 10px; left: 0px; bottom: -25px; text-align: center; }
#banner .bullets li { display: inline-block; width: 10px; height: 10px; background-color: #666; cursor: pointer; margin: 0px 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#banner .bullets li:hover, #banner .bullets li.ativo { background-color: #000; }

#slider { position: relative; display: block; width: 680px; height: 400px; padding: 72px 0px 0px 0px; overflow: hidden; float: left; -webkit-box-shadow: 40px 0px 11px -40px rgba(0,0,0,0.75); -moz-box-shadow: 40px 0px 11px -40px rgba(0,0,0,0.75); box-shadow: 40px 0px 11px -40px rgba(0,0,0,0.75); }
#slider .sliders { position: relative; }
#slider .sliders .slider { position: relative; display: block; width: 680px; height: 400px; float: left; }
#slider .sliders .slider .titulo { display: block; margin-top: 180px; padding-left: 15px; color: #001926; }
#slider .sliders .slider .titulo h2 { font-size: 24px; font-family: Arial; text-transform: uppercase; margin-bottom: 5px; }
#slider .sliders .slider .titulo h2 span { display: block; font-family: 'latolight'; text-transform: uppercase; margin-top: 5px; }
#slider .sliders .slider .titulo span { display: block; font-family: 'latolight'; font-size: 14px; margin-bottom: 5px; }

#slider .sliders .slider .icones { display: block; width: 330px; margin-left: 15px; border-top: 1px solid #000; }
#slider .sliders .slider .icones li { display: block; float: left; }
#slider .sliders .slider .icones li a { position: relative; display: block; width: 35px; height: 35px; border: 1px solid #000; color: #000; text-decoration: none; text-align: center; line-height: 40px; font-size: 20px; margin: 5px 10px 0px 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#slider .sliders .slider .icones li a:hover:before { color: #D87B2D; }
#slider .sliders .slider .icones li a span { position: absolute; width: 50px; left: 50%; margin-left: -25px; top: 70%; font-family: Arial; color: #000; font-size: 10px; text-align: center; }

#destaques { display: block; width: 280px; float: right; }
#destaques h2 { display: block; font-family: 'latoregular'; text-align: center; font-size: 14px; margin-top: 15px; }
#destaques .destaque { display: block; float: left; text-decoration: none; color: #000; margin-top: 15px; }
#destaques .destaque.margin-left { margin-left: 40px; }
#destaques .destaque h3 { display: block; font-family: Arial; font-size: 10px; margin-bottom: 2px; text-transform: uppercase; font-weight: bold; }
#destaques .destaque h4 { display: block; font-family: 'latolight'; font-size: 12px; }

#assista_ouca { display: block; margin: 50px 0px; }
#assista_ouca .ouca { display: none; opacity: 0; width: 680px; background-repeat: no-repeat; background-position: center center; background-color: transparent; }
#assista_ouca .ouca .icon-fechar { display: block; float: right; text-decoration: none; margin: 10px 0px; padding: 5px; border: 1px solid; color: #6B6B6B; line-height: 10px; }
#assista_ouca .assista { display: none; opacity: 0; width: 680px; background-repeat: no-repeat; background-position: center center; background-color: transparent; }
#assista_ouca .assista .icon-fechar { display: block; float: right; text-decoration: none; margin: 10px 0px; padding: 5px; border: 1px solid; color: #6B6B6B; line-height: 10px; }

#interpretes { display: block; padding: 25px 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#interpretes .area { position: relative; }

#banner_interpretes { position: relative; display: block; width: 875px; height: 340px; overflow: hidden; margin: auto; }
#banner_interpretes ul { position: relative; display: block; width: 875px; height: 340px; }
#banner_interpretes ul li { display: block; height: 340px; float: left; }
#banner_interpretes ul li div { display: block; width: 125px; height: 170px; margin-right: 25px; float: left; }
#banner_interpretes ul li div a { display: block; font-size: 12px; color: #000; font-family: Arial; text-decoration: none; }
#banner_interpretes ul li div a h3 { display: block; margin: 2px 0px; text-transform: uppercase; font-weight: 600; }
#banner_interpretes ul li div a h4 { display: block; font-family: 'latoregular'; }
#banner_interpretes ul li div.clear { clear: left; }

#interpretes .icon-prev, #interpretes .icon-next { position: absolute; font-size: 48px; line-height: 20px; color: #000; top: 50%; margin-top: -21px; cursor: pointer; }
#interpretes .icon-prev:hover, #interpretes .icon-next:hover { color: #D87B2D; }
#interpretes .icon-prev { left: 0px; }
#interpretes .icon-next { right: 0px; }

#sobre { display: block; background-color: #FCFBF9; }
#sobre .menu-about { display: block; float: left; margin-left: -15px; }
#sobre .menu-about li { display: block; float: left; padding: 0px 15px; height: 20px; margin: 16.5px 0px; }
#sobre .menu-about li a { display: block; white-space: nowrap; font-family: 'latoregular'; font-size: 13px; color: #000; margin: 3.5px 0px; text-transform: uppercase; text-decoration: none; }
#sobre .menu-about li a:hover { color: #EA7529; }
#sobre .pagina { display: none; padding: 30px 0px; }
#sobre .pagina img { width: 100%; margin-top: 30px; }
#sobre .pagina h1 { display: block; font-family: Arial; color: #000; font-size: 24px; font-weight: 500; margin-bottom: 5px; text-transform: uppercase; }
#sobre .pagina h2 { display: block; font-family: 'latolight'; color: #777; font-size: 24px; text-transform: uppercase; }
#sobre .pagina h3 { display: block; font-family: 'latobold'; color: #000; font-size: 24px; margin-top: 30px; }
#sobre .pagina p { display: block; padding: 20px 0px; font-family: 'latolight'; color: #000; font-size: 18px; line-height: 22px; }
#sobre .pagina video { display: block; width: 100%; }
#sobre .pagina ol { display: block; margin-top: 30px; counter-reset: li; }
#sobre .pagina ol li { position: relative; margin-left: 2em; padding: 4px 8px; font-family: 'latolight'; font-size: 18px; line-height: 22px; color: #000; margin-bottom: 25px; }
#sobre .pagina ol li:before { position: absolute; content: counter(li); counter-increment: li; top: 50%; margin-top: -1em; left: -2em; width: 2em; height: 2em; line-height: 2em; color: #FFF; background: #4DB3BB; font-weight: bold; font-family: 'latobold'; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#sobre .espaco { display: block; height: 50px; }

#informacoes { display: block; padding: 50px 0px; font-family: Arial; }
#informacoes .box { display: block; width: 25%; float: left; }
#informacoes .box:before { display: block; margin: auto; text-align: center; font-size: 60px; width: 100px; height: 100px; line-height: 100px; color: #000; border: 4px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#informacoes .box span { display: block; text-align: center; color: #D87B2D; font-size: 48px; margin: 30px 0px; }
#informacoes .box p { display: block; font-family: 'latoregular'; color: #000; font-size: 18px; line-height: 22px; text-align: center; }

#entrevistados { position: fixed; display: none; opacity: 0; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #FCFBF9; z-index: 1; }
#entrevistados .area { padding: 50px 0px; }
#entrevistados .icon-fechar { position: absolute; top: 0.5cm; right: 0.5cm; text-decoration: none; color: #000; font-size: 25px; }
#entrevistados .box { display: block; width: 33.333333%; float: left; }
#entrevistados .box a { display: block; color: #000; font-family: 'latoregular'; font-size: 14px; line-height: 32px; text-decoration: none; }
#entrevistados .box a:hover { text-decoration: underline; }

#download { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; visibility: hidden; }

footer { display: block; background-color: #FCFBF9; font-family: Arial; padding: 25px 0px; }
footer .area { position: relative; }
footer .box { display: block; }
footer .box .luzio { display: block; margin-top: 54px; }

footer .box.left { float: left; }
footer .box.right { float: right; }
footer .box.center { position: absolute; width: 300px; left: 50%; margin-left: -150px; }
footer .box.center h1 { text-align: center; }

footer .box h1 { display: block; color: #000; font-size: 24px; font-weight: 500; margin-bottom: 5px; text-transform: uppercase; }
footer .box h2 { display: block; font-family: 'latolight'; color: #777; font-size: 24px; text-transform: uppercase; margin-bottom: 30px }
footer .box p { display: block; font-size: 18px; line-height: 25px; }
footer .box p a { font-size: 18px; color: #428bca; }
footer .box .email { display: block; margin-bottom: 30px; text-decoration: none; color: #D87B2D; }