/*
Theme Name: Maytê Piragibe
Theme URI: https://www.maytepiragibe.com/
Author: Walker Sousa
Author URI: https://www.walkersousa.com.br/
Description: Tema do site Maytê Piragibe.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@-webkit-keyframes color_change_white {
	from { background-color: black; }
	to { background-color: white; }
}

@-moz-keyframes color_change_white {
	from { background-color: black; }
	to { background-color: white; }
}

@-ms-keyframes color_change_white {
	from { background-color: black; }
	to { background-color: white; }
}

@-o-keyframes color_change_white {
	from { background-color: black; }
	to { background-color: white; }
}

@keyframes color_change_white {
	from { background-color: black; }
	to { background-color: white; }
}

@-webkit-keyframes color_change_black {
	from { background-color: white; }
	to { background-color: black; }
}

@-moz-keyframes color_change_black {
	from { background-color: white; }
	to { background-color: black; }
}

@-ms-keyframes color_change_black {
	from { background-color: white; }
	to { background-color: black; }
}

@-o-keyframes color_change_black {
	from { background-color: white; }
	to { background-color: black; }
}

@keyframes color_change_black {
	from { background-color: white; }
	to { background-color: black; }
}

.clearboth { display: block; clear: both; }
.box-size { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.area-padding { display: block; padding: 0px 15px; }
.mais-posts { display: table; padding: 10px 30px; border: 1px solid #000; color: #000; text-decoration: none; text-align: center; font-size: 30px; font-family: 'geosanslightregular'; margin: auto; }
.prevpost, .nextpost { display: block; padding: 10px 15px; border: 1px solid #000; color: #000; text-decoration: none; text-align: center; font-size: 20px; font-family: 'geosanslightregular'; margin-bottom: 50px; animation: color_change_white 0.7s; }
.prevpost:hover, .nextpost:hover { color: #FFF; background-color: #000; animation: color_change_black 0.7s; }
.prevpost { float: left; }
.nextpost { float: right; }
.grey-bg { background-color: #F0F0F0; }
.noposts { display: block; text-align: center; font-size: 30px; font-family: 'geosanslightregular'; }

.fb-page, .fb-page span, .fb-page span iframe[style] { display: block !important; height: 100% !important; margin: auto !important; }
#footer .box .twitter iframe[style] { display: block !important; margin: auto !important; }

#super_banner { display: block; max-width: 1200px; padding: 15px; margin: auto; }
#super_banner .banner { position: relative; display: block; width: 100%; padding-top: 7.5%; }
#super_banner .banner .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
#super_banner .banner .content a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

@media screen and (max-width: 790px) {
	#super_banner { display: none; }
}

#top_menu { position: relative; display: block; padding: 15px; margin: auto; max-width: 1200px; height: 62px; z-index: 2; }
#top_menu form { position: relative; z-index: 10; }
#top_menu .left { float: left; }
#top_menu .right { float: right; }
#top_menu .text { display: block; width: 132px; height: 22px; border: none; background-color: #FFF; color: #A0A0A1; text-align: center; font-family: 'open_sansregular'; font-size: 14px; padding: 5px 0px; outline: none; }
#top_menu .btn { display: block; width: 78px; height: 32px; line-height: 20px; border: none; background-color: #000; color: #FFF; text-align: center; font-family: 'open_sansbold'; font-size: 14px; padding: 5px 0px; cursor: pointer; outline: none; text-decoration: none; }
#top_menu .btn:before { position: relative; top: 4px; }
#top_menu .btn:hover, #top_menu .btn:hover:before { color: #555; }
#top_menu .left .text, #top_menu .left .btn { float: left; }
#top_menu .right .text, #top_menu .right .btn { float: right; }
#top_menu .social { position: relative; display: block; text-align: center; z-index: 1; top: -32px; }
#top_menu .social li { display: inline-block; }
#top_menu .social li a { position: relative; display: block; width: 55px; height: 32px; text-decoration: none; }
#top_menu .social li a:before { position: absolute; color: #FFF; text-align: center; z-index: 2; font-size: 12px; top: 14px; left: 50%; margin-left: -6px; }
#top_menu .social li a:after { content: ''; position: absolute; top: -28px; left: 50%; margin-left: -30px; height: 0px; width: 0px; border-width: 30px; border-color: transparent transparent #000 transparent; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
#top_menu .social li a:hover:before { color: #CCC; }
#top_menu .icon-imdb:before { font-size: 22px !important; top: 10px !important; margin-left: -10px !important; }

@media screen and (max-width: 1100px) {
	#top_menu { height: 110px; }
	#top_menu .social { top: 10px; }
}

@media screen and (max-width: 799px) {
	#top_menu { display: none; }
}

#menu { position: relative; display: block; background-color: #000; height: 125px; z-index: 1; }
#menu .area { display: block; max-width: 1200px; height: 125px; padding: 15px; overflow: hidden; margin: auto; }
#menu-left { float: left; }
#menu-right { float: right; }
#menu .menu { position: relative; z-index: 2; }
#menu .menu li { display: inline-block; }
#menu .menu li a { display: block; color: #FFF; font-size: 20px; line-height: 100px; font-family: 'geosanslightregular'; padding: 0px 15px; text-decoration: none; }
#menu .menu li a:hover { color: #CCC; }
#menu .menu li ul { display: none; }
#menu .logo { position: relative; display: block; text-align: center; top: -70px; z-index: 1; }
#menu .logo a { position: relative; color: #FFF; text-decoration: none; font-size: 40px; padding-left: 115px; }
#menu .logo a:before { position: absolute; top: -30px; left: 0px; font-size: 100px; }
#menu .logo a span { display: inline-block; width: 360px; color: #000; }
#menu .logo a span:before { position: absolute; color: #FFF; font-size: 360px; top: -165px; left: 115px; }

#sub-menu { display: block; max-width: 1050px; text-align: center; margin: auto; }
#sub-menu li { display: inline-block; }
#sub-menu li a { display: block; color: #000; font-size: 18px; font-weight: bold; line-height: 50px; font-family: 'geosanslightregular'; padding: 0px 10px; text-decoration: none; }
#sub-menu li a:hover { color: #CCC; }

@media screen and (max-width: 1100px) {
	#menu .logo a { padding-left: 100px; }
	#menu .logo a:before { top: -22px; font-size: 90px; }
	#menu .logo a span { width: 340px; }
	#menu .logo a span:before { font-size: 330px; top: -148px; left: 102px; }
}

@media screen and (max-width: 1040px) {
	#menu .logo a { padding-left: 68px; }
	#menu .logo a:before { top: -6px; font-size: 60px; }
	#menu .logo a span { width: 210px; }
	#menu .logo a span:before { font-size: 200px; top: -82px; left: 72px; }
}

@media screen and (max-width: 920px) {
	#menu .logo a { padding-left: 58px; }
	#menu .logo a:before { top: 0px; font-size: 50px; }
	#menu .logo a span { width: 200px; }
	#menu .logo a span:before { font-size: 190px; top: -76px; left: 62px; }
}

@media screen and (max-width: 880px) {
	#menu .logo a { padding-left: 48px; }
	#menu .logo a:before { top: 6px; font-size: 40px; }
	#menu .logo a span { width: 190px; }
	#menu .logo a span:before { font-size: 180px; top: -68px; left: 52px; }
}

@media screen and (max-width: 800px) {
	#menu, #sub-menu { display: none; }
}

#mobile_menu { display: none; background-color: #000; }
#mobile_menu .top .icon-menu { position: relative; display: block; width: 50px; height: 50px; color: #FFF; text-decoration: none; text-align: center; font-size: 40px; border-right: 1px solid #FFF; outline: none; float: left; z-index: 2; }
#mobile_menu .top .icon-menu:before { position: relative; top: 10px; }
#mobile_menu .top .logo { position: relative; display: block; height: 50px; text-align: center; z-index: 1; white-space: nowrap; }
#mobile_menu .top .logo a { position: relative; color: #FFF; text-decoration: none; font-size: 40px; padding-left: 50px; margin: 0px 15px; }
#mobile_menu .top .logo a:before { position: absolute; top: 10px; left: 0px; font-size: 40px; }
#mobile_menu .top .logo a span { display: inline-block; width: 170px; color: #000; }
#mobile_menu .top .logo a span:before { position: absolute; color: #FFF; font-size: 170px; top: -58px; left: 50px; }
#mobile_menu .top .search { position: relative; display: block; width: 50px; height: 50px; color: #FFF; background-color: #000; font-size: 14px; z-index: 2; text-decoration: none; outline: none; float: right; }
#mobile_menu .top .search:before { position: relative; top: 18px; left: 18px; }
#mobile_menu .top form { position: relative; display: none; float: right; overflow: hidden; height: 50px; padding: 0px; margin: 0px; z-index: 2; }
#mobile_menu .top .text { position: relative; display: block; width: 150px; height: 50px; line-height: 50px; border: none; text-align: center; background-color: #FFF; font-family: 'open_sansregular'; z-index: 2; outline: none; }
#mobile_menu .top .btn { position: relative; right: -1000px; }
#mobile_menu .social { display: block; text-align: center; background-color: #FFF; }
#mobile_menu .social li { display: inline-block; }
#mobile_menu .social li a { position: relative; display: block; width: 28px; height: 32px; text-decoration: none; }
#mobile_menu .social li a:before { position: absolute; color: #FFF; text-align: center; z-index: 2; font-size: 9px; top: 16px; left: 50%; margin-left: -4.5px; }
#mobile_menu .social li a:after { content: ''; position: absolute; top: -6px; left: 50%; margin-left: -16px; height: 0px; width: 0px; border-width: 16px; border-color: transparent transparent #000 transparent; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
#mobile_menu .social li a:hover:before { color: #CCC; }
#mobile_menu .icon-imdb:before { font-size: 14px !important; top: 15px !important; margin-left: -7px !important; }
#mobile_menu .menu { display: none; }
#mobile_menu .menu li { position: relative; border-bottom: 1px solid #FFF; }
#mobile_menu .menu li a { display: block; color: #FFF; font-family: 'geosanslightregular'; font-size: 20px; padding: 10px; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mobile_menu .menu li a.arrow { position: absolute; top: 0px; right: 0px; font-size: 18px; }
#mobile_menu .menu li a:hover { color: #CCC; }
#mobile_menu .menu li ul { display: block; }
#mobile_menu .menu li ul li { border-bottom: 1px solid #FFF; }
#mobile_menu .menu li ul li a { display: block; color: #FFF; font-family: 'geosanslightregular'; font-size: 20px; padding: 10px; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mobile_menu .menu li ul li a:hover { color: #CCC; }
#mobile_menu .menu li ul li a:before { content: '- ' }
#mobile_menu .menu .sub-menu { display: none; }
#mobile_menu .bottom { display: block; padding: 20px 0px; text-align: center; }
#mobile_menu .bottom .text { display: inline-block; width: 62%; border: 1px solid #FFF; color: #FFF; background-color: #000; padding: 15px; margin-right: -5px; }
#mobile_menu .bottom .btn { display: inline-block; width: 24%; border: 1px solid #FFF; color: #FFF; background-color: #000; text-align: center; padding: 15px; }

@media screen and (max-width: 800px) {
	#mobile_menu { display: block; }
}

@media screen and (max-width: 340px) {
	#mobile_menu .top .logo a span { display: none; }
}

#banner { position: relative; display: block; padding-top: 56.25%; margin: auto; }
#banner .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
#banner .content .overlay { position: absolute; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 2; }
#banner .content iframe { position: relative; z-index: 1; }

#parceiros-index { position: relative; display: block; max-width: 1050px; border-top: 2px solid #E4DFDA; border-bottom: 2px solid #E4DFDA; padding: 15px 0px; margin: 30px auto; }
#parceiros-index .link { display: block; width: 20%; float: left; font-family: 'geosanslightregular'; font-size: 30px; color: #000; line-height: 100px; text-align: left; padding: 15px; text-decoration: none; }
#parceiros-index .logos { display: block; width: 80%; float: left; overflow: hidden; }
#parceiros-index .logos ul { position: relative; display: block; white-space: nowrap; height: 130px; left: 0px; }
#parceiros-index .logos ul li { display: block; float: left; }
#parceiros-index .logos ul li a { display: block; padding: 13.5px; }
#parceiros-index .control { position: absolute; top: 0px; right: 0px; background-color: #FFF; padding: 27px 0px; }
#parceiros-index .control a { display: block; color: #000; text-decoration: none; font-size: 20px; padding: 15px; }
#parceiros-index .separator { display: block; width: 2px; height: 100px; background-color: #E4DFDA; padding: 15px 0px; margin: 0px 15px; }

@media screen and (max-width: 700px) {
	#parceiros-index h1 { display: none; }
	#parceiros-index .logos ul { height: 100px; }
	#parceiros-index .logos ul li a img { height: 70px; }
	#parceiros-index .control { padding: 12px 0px; }
	#parceiros-index .separator { height: 70px; }
	#parceiros-index .link { display: none; }
}

#content_top { display: block; max-width: 1050px; margin: auto; }
#content_top .left { display: block; width: 70%; float: left; padding-right: 25px; }
#content_top .left .destaque-container { position: relative; display: block; width: 100%; overflow: hidden; opacity: 0; }
#content_top .left .destaque-container .destaque-content { position: relative; display: block; left: 0; width: 9999999999999px; }
#content_top .left .destaque-container .destaque-content .destaques { display: block; float: left; }
#content_top .left .destaque-container .destaque-content .destaques .destaque { position: relative; display: block; width: 100%; padding-top: 56.25%; margin-bottom: 30px; }
#content_top .left .destaque-container .destaque-content .destaques .destaque .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#content_top .left .destaque-container .destaque-content .destaques .destaque .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#content_top .left .destaque-container .destaque-content .destaques .titulo { display: block; font-family: 'geosanslightregular'; font-size: 50px; color: #98C5E5; text-decoration: none; text-transform: uppercase; margin-bottom: 5px; }
#content_top .left .destaque-container .destaque-content .destaques .subtitulo { display: block; font-family: 'open_sansregular'; font-size: 18px; color: #000; text-decoration: none; margin-bottom: 30px; }
#content_top .right { display: block; width: 30%; float: right; padding-left: 25px; }
#content_top .right .destaque { position: relative; display: block; width: 100%; margin-bottom: 30px; }
#content_top .right .destaque .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; }
#content_top .right .destaque .content .titulo { position: absolute; width: 100%; text-align: center; bottom: -55px; z-index: 1; }
#content_top .right .destaque .content .titulo span { position: absolute; color: #000; width: 128px; top: 92px; left: 50%; line-height: 30px; margin-left: -64px; font-family: 'geosanslightregular'; font-size: 20px; text-transform: uppercase; }
#content_top .right .destaque .content .titulo span big { display: block; font-size: 28px; }
#content_top .right .destaque .content .titulo:before { display: block; color: #FFF; font-size: 268px; opacity: 0.7; }
#content_top .right .destaque .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2; }

@media screen and (max-width: 1100px) {
	#content_top .left .titulo { font-size: 40px; }
	#content_top .left .subtitulo { font-size: 16px; }
}

@media screen and (max-width: 1030px) {
	#content_top .right .destaque .content .titulo { bottom: -25px; }
	#content_top .right .destaque .content .titulo span { top: 64px; font-size: 16px; line-height: 26px; }
	#content_top .right .destaque .content .titulo span big { font-size: 24px; }
	#content_top .right .destaque .content .titulo:before { font-size: 200px; }
}

@media screen and (max-width: 970px) {
	#content_top .left .subtitulo { font-size: 14px; }
}

@media screen and (max-width: 850px) {
	#content_top .right .destaque .content .titulo { bottom: -35px; }
	#content_top .right .destaque .content .titulo span { top: 52px; font-size: 13px; line-height: 20px; }
	#content_top .right .destaque .content .titulo span big { font-size: 20px; }
	#content_top .right .destaque .content .titulo:before { font-size: 160px; }
	#content_top .left { padding-right: 10px; }
	#content_top .right { padding-left: 10px; }
}

@media screen and (max-width: 780px) {
	#content_top .left .titulo { font-size: 30px; }
}

@media screen and (max-width: 700px) {
	#content_top .right .destaque .content .titulo { bottom: -40px; }
	#content_top .right .destaque .content .titulo span { width: 220px; margin-left: -110px; top: 90px; font-size: 23px; line-height: 34px; }
	#content_top .right .destaque .content .titulo span big { font-size: 30px; }
	#content_top .right .destaque .content .titulo:before { font-size: 280px; }
	#content_top .right .destaque { padding-top: 130%; }
	#content_top .right .destaque .content { background-position: top center; }
	#content_top .right { width: 100%; padding-left: 0px; float: none; }

	#content_top .left { width: 100%; padding-right: 0px; float: none; }
	#content_top .left .titulo { font-size: 40px; }
	#content_top .left .subtitulo { font-size: 16px; }
}

#content_bottom { display: block; max-width: 1050px; margin: auto; }
#content_bottom h1.titulo-category { display: block; text-align: center; padding: 15px 0px; border-bottom: 1px solid #594297; font-family: 'geosanslightregular'; font-size: 50px; margin-bottom: 30px; }
#content_bottom .banner { position: relative; display: block; width: 100%; padding-top: 8.1%; margin-bottom: 30px; }
#content_bottom .banner .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
#content_bottom .banner .content a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#content_bottom .left { display: block; width: 70%; float: left; padding-right: 25px; }
#content_bottom .left .destaque-container { position: relative; display: block; width: 100%; overflow: hidden; opacity: 0; }
#content_bottom .left .destaque-container .destaque-content { position: relative; display: block; left: 0; width: 9999999999999px; }
#content_bottom .left .destaque-container .destaque-content .destaques { display: block; float: left; }
#content_bottom .left .destaque-container .destaque-content .destaques .destaque { position: relative; display: block; width: 100%; padding-top: 56.25%; margin-bottom: 30px; }
#content_bottom .left .destaque-container .destaque-content .destaques .destaque .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#content_bottom .left .destaque-container .destaque-content .destaques .destaque .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#content_bottom .left .destaque-container .destaque-content .destaques .titulo { display: block; font-family: 'geosanslightregular'; font-size: 50px; color: #98C5E5; text-decoration: none; text-transform: uppercase; margin-bottom: 5px; }
#content_bottom .left .destaque-container .destaque-content .destaques .subtitulo { display: block; font-family: 'open_sansregular'; font-size: 18px; color: #000; text-decoration: none; margin-bottom: 30px; }
#content_bottom .left .post { display: block; width: 50%; float: left; margin-bottom: 30px; }
#content_bottom .left .post.hidden { display: none; }
#content_bottom .left .post .img { position: relative; display: block; width: 100%; padding-top: 100%; margin-bottom: 30px; }
#content_bottom .left .post .img .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#content_bottom .left .post .img .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#content_bottom .left .post .categoria { display: table; color: #000; font-size: 24px; font-weight: bold; font-family: 'geosanslightregular'; padding: 0px 10px 5px 10px; text-decoration: none; border-bottom: 1px solid #594297; margin: auto; margin-bottom: 10px; }
#content_bottom .left .post .subtitulo { display: block; color: #000; font-size: 16px; font-family: 'open_sansregular'; text-align: center; line-height: 18px; text-decoration: none; }
#content_bottom .left .post-left { padding-right: 15px; }
#content_bottom .left .post-right { padding-left: 15px; }
#content_bottom .left .video { position: relative; display: block; max-width: 560px; width: 100%; padding-top: 56.25%; margin-bottom: 30px; }
#content_bottom .left .video .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#content_bottom .left .texto { display: block; max-width: 560px; margin-bottom: 30px; font-family: 'geosanslightregular'; font-size: 20px; line-height: 25px; color: #000; }
#content_bottom .left .texto p { margin-bottom: 15px; }
#content_bottom .left .texto b, #content_bottom .left .texto strong { font-weight: bold; }
#content_bottom .left .texto i, #content_bottom .left .texto em { font-style: italic; }
#content_bottom .left .texto ul li { list-style: disc; }
#content_bottom .left .texto ol li { list-style: decimal; }
#content_bottom .left .texto blockquote { display: block; padding: 5px; border: 1px solid #E1E1E1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content_bottom .left iframe { display: block; margin-bottom: 30px; }
#content_bottom .right { display: block; width: 30%; float: right; padding-left: 25px; }
#content_bottom .right .snapchat { position: relative; display: block; width: 100%; padding-top: 100%; margin-bottom: 30px; }
#content_bottom .right .snapchat .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#content_bottom .right .snapchat .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#content_bottom .right .anuncio { position: relative; display: block; width: 100%; padding-top: 100%; margin-bottom: 30px; }
#content_bottom .right .anuncio .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#content_bottom .right .anuncio .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#content_bottom .right .melhores-mayte { display: block; border: 1px solid #000; opacity: 0; }
#content_bottom .right .melhores-mayte h1 { display: block; text-align: center; color: #594297; font-family: 'geosanslightregular'; font-style: italic; font-size: 30px; padding-top: 20px; }
#content_bottom .right .melhores-mayte h2 { display: block; text-align: center; color: #000; font-family: 'geosanslightregular'; font-style: italic; font-size: 30px; padding-bottom: 20px; }
#content_bottom .right .melhores-mayte h1 big, #content_bottom .right .melhores-mayte h2 big { font-size: 56px; }
#content_bottom .right .melhores-mayte .control { display: block; background-color: #000; height: 40px; }
#content_bottom .right .melhores-mayte .control .btn-left { float: left; }
#content_bottom .right .melhores-mayte .control .btn-right { float: right }
#content_bottom .right .melhores-mayte .control .btn { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 20px; color: #FFF; text-align: center; text-decoration: none; }
#content_bottom .right .melhores-mayte .control .btn:before { position: relative; top: 4px; }
#content_bottom .right .melhores-mayte .posts { position: relative; display: block; overflow: hidden; }
#content_bottom .right .melhores-mayte .posts ul { position: relative; left: 0; }
#content_bottom .right .melhores-mayte .posts ul li { display: block; width: 100%; float: left; }
#content_bottom .right .melhores-mayte .posts ul li .img { position: relative; display: block; width: 100%; padding-top: 100%; }
#content_bottom .right .melhores-mayte .posts ul li .img .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: top center; background-repeat: no-repeat; }
#content_bottom .right .melhores-mayte .posts ul li .img .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#content_bottom .right .melhores-mayte .posts ul li .titulo { display: block; font-size: 26px; padding: 20px 15px 30px 15px; color: #000; font-family: 'geosanslightregular'; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
#content_bottom .right .melhores-mayte .posts .veja-mais { position: absolute; right: 0px; bottom: 0px; padding: 5px 30px; font-size: 14px; color: #000; font-family: 'open_sansregular'; border-left: 1px solid #000; border-top: 1px solid #000; text-decoration: none; animation: color_change_white 0.7s; }
#content_bottom .right .melhores-mayte .posts .veja-mais:hover { color: #FFF; background-color: #000; animation: color_change_black 0.7s; }
#content_bottom .postagem { display: block; }
#content_bottom .postagem h1 { display: block; text-align: center; padding: 15px 0px; border-bottom: 1px solid #594297; font-family: 'geosanslightregular'; font-size: 50px; margin-bottom: 30px; }
#content_bottom .postagem h2 { display: block; font-family: 'geosanslightregular'; font-size: 18px; line-height: 22px; margin-bottom: 30px; }
#content_bottom .postagem .conteudo { display: block; padding: 0px 15px 50px 15px; font-family: 'geosanslightregular'; font-size: 20px; line-height: 25px; color: #000; }
#content_bottom .postagem .conteudo p { margin-bottom: 15px; }
#content_bottom .postagem .conteudo b, #content_bottom .postagem .conteudo strong { font-weight: bold; }
#content_bottom .postagem .conteudo i, #content_bottom .postagem .conteudo em { font-style: italic; }
#content_bottom .postagem .conteudo ul li { list-style: disc; }
#content_bottom .postagem .conteudo ol li { list-style: decimal; }
#content_bottom .postagem .conteudo blockquote { display: block; padding: 5px; border: 1px solid #E1E1E1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content_bottom .postagem .left .foto { position: relative; display: block; width: 100%; max-width: 560px; margin-bottom: 30px; }
#content_bottom .postagem .left .foto .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-position: center; background-repeat: no-repeat; }
#content_bottom .postagem .perfil { display: block; margin-bottom: 30px; }
#content_bottom .postagem .perfil .foto-usuario { position: relative; display: block; width: 100px; padding-top: 100px; overflow: hidden; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#content_bottom .postagem .perfil .foto-usuario .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#content_bottom .postagem .perfil h3 { display: block; font-family: 'geosanslightregular'; font-weight: bold; font-size: 20px; padding: 30px 0px; }
#content_bottom .postagem .perfil h4 { display: block; font-family: 'geosanslightregular'; font-weight: bold; font-size: 20px; float: left; padding-left: 15px; line-height: 2em; }
#content_bottom .postagem .compartilhe { display: block; padding: 5px; background-color: #000; color: #FFF; font-family: 'open_sansregular'; font-size: 18px; float: left; margin-bottom: 30px; line-height: 24px; }
#content_bottom .postagem .compartilhe li { display: block; float: left; margin: 0px 5px; }
#content_bottom .postagem .compartilhe li.linha { background-color: #FFF; width: 1px; height: 24px; }
#content_bottom .postagem .compartilhe li a { display: block; text-decoration: none; outline: none; color: #FFF; }
#content_bottom .postagem .compartilhe li a.comente { font-family: 'open_sansregular'; font-size: 18px; }
#content_bottom .postagem .compartilhe li a:before { position: relative; top: 3px; }
#content_bottom .postagem .compartilhe li a:hover { color: #CCC; }
#content_bottom .postagem .comentarios { display: none; width: 100%; }
#content_bottom .postagem .comentarios .fechar { display: block; color: #CCC; font-size: 40px; float: right; text-decoration: none; outline: none; margin-right: 15px; }

@media screen and (max-width: 1100px) {
	#content_bottom .right .melhores-mayte h1 { font-size: 25px; }
	#content_bottom .right .melhores-mayte h2 { font-size: 25px; }
	#content_bottom .right .melhores-mayte h1 big, #content_bottom .right .melhores-mayte h2 big { font-size: 40px; }
	#content_bottom .right .melhores-mayte .posts ul li .titulo { font-size: 24px; }

	#content_bottom .left .titulo-destaque { font-size: 40px; }
	#content_bottom .left .subtitulo-destaque { font-size: 16px; }
}

@media screen and (max-width: 970px) {
	#content_bottom .left .subtitulo-destaque { font-size: 14px; }
}

@media screen and (max-width: 930px) {
	#content_bottom .left .post .categoria { font-size: 20px; }
}

@media screen and (max-width: 850px) {
	#content_bottom .left { padding-right: 10px; }
}

@media screen and (max-width: 820px) {
	#content_bottom .right .melhores-mayte h1 { font-size: 18px; }
	#content_bottom .right .melhores-mayte h2 { font-size: 18px; }
	#content_bottom .right .melhores-mayte h1 big, #content_bottom .right .melhores-mayte h2 big { font-size: 30px; }
	#content_bottom .right .melhores-mayte .posts ul li .img { padding-top: 130%; }
	#content_bottom .right .melhores-mayte .posts ul li .titulo { font-size: 22px; }
}

@media screen and (max-width: 790px) {
	#content_bottom .banner { display: none; }
	#content_bottom .left .post .categoria { font-size: 18px; }
}

@media screen and (max-width: 780px) {
	#content_bottom .left .titulo-destaque { font-size: 30px; }
}

@media screen and (max-width: 700px) {
	#content_bottom .left { padding-right: 15px; }
	#content_bottom .left { width: 100%; padding-right: 0px; float: none; }
	#content_bottom .left .titulo-destaque { font-size: 40px; }
	#content_bottom .left .subtitulo-destaque { font-size: 16px; }
	#content_bottom .left .post { width: 100%; float: none; }
	#content_bottom .left .post-left { padding-right: 0px; }
	#content_bottom .left .post-right { padding-left: 0px; }
	#content_bottom .left .post .categoria { font-size: 24px; }
	#content_bottom .left .post .subtitulo { font-size: 14px; }
	#content_bottom .right { width: 100%; padding-left: 0px; }
	#content_bottom .right .melhores-mayte .posts ul li .titulo { font-size: 20px; }
}

@media screen and (max-width: 570px) {
	#content_bottom .right .melhores-mayte .posts .veja-mais { width: 100%; padding: 5px 0px; text-align: center; border-left: none; }
}

#related { display: block; max-width: 1050px; margin: auto; }
#related h1 { display: block; margin-bottom: 30px; padding-top: 150px; text-transform: uppercase; font-size: 24px; color: #000; font-family: 'geosanslightregular'; font-weight: bold; }
#related .related { display: block; width: 33.33%; float: left; margin-bottom: 30px; }
#related .related .img { position: relative; display: block; width: 100%; padding-top: 100%; margin-bottom: 30px; }
#related .related .img .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#related .related .img .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#related .related .categoria { display: table; color: #000; font-size: 24px; font-weight: bold; font-family: 'geosanslightregular'; padding: 0px 10px 5px 10px; text-decoration: none; border-bottom: 1px solid #594297; margin: auto; margin-bottom: 10px; }
#related .related .subtitulo { display: block; color: #000; font-size: 16px; font-family: 'open_sansregular'; text-align: center; line-height: 18px; text-decoration: none; }
#related .related-left { padding-right: 20px; }
#related .related-mid { padding: 0px 10px; }
#related .related-right { padding-left: 20px; }

@media screen and (max-width: 700px) {
	#related .related-left { padding-right: 0px; }
	#related .related-mid { padding: 0px; }
	#related .related-right { padding-left: 0px; }
	#related .related { display: block; width: 100%; float: none; }
}

#maytv { display: block; max-width: 1050px; margin: auto; }
#maytv .linha { display: block; height: 32px; background-repeat: repeat-x; background-position: top center; margin: 30px 0px; }
#maytv h1 { display: block; text-align: center; padding: 15px 0px; border-bottom: 1px solid #594297; font-family: 'geosanslightregular'; font-size: 50px; }
#maytv .videos { display: block; }
#maytv .videos .video { position: relative; display: block; width: 100%; padding-top: 56.25%; }
#maytv .videos .video .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#maytv .videos .video .content .overlay { position: absolute; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 2; }
#maytv .videos .video .content .playpause { position: absolute; font-size: 32px; width: 100px; height: 100px; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; border: 2px solid #FFF; text-align: center; color: #FFF; text-decoration: none; z-index: 3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#maytv .videos .video .content .playpause:before { position: relative; top: 34px; left: 3px; }
#maytv .videos .small { width: 33.33%; float: left; }
#maytv .videos .medium { width: 50%; float: left; }
#maytv .videos .large { width: 66.66%; float: left; }
#maytv .videos .extra-large { width: 100%; float: left; }
#maytv .videos .small-right { width: 33.33%; float: right; }
#maytv .videos .large-right { width: 66.66%; float: right; }

@media screen and (max-width: 700px) {
	#maytv .videos .small, #maytv .videos .medium, #maytv .videos .large, #maytv .videos .extra-large, #maytv .videos .small-right, #maytv .videos .large-right { width: 100%; float: none; }
}

#universo-atriz { display: block; max-width: 1050px; margin: auto; }
#universo-atriz h1 { display: block; text-align: center; padding: 15px 0px; border-bottom: 1px solid #594297; font-family: 'geosanslightregular'; font-size: 50px; margin-bottom: 60px; }
#universo-atriz .left { display: block; width: 60%; float: left; padding-right: 15px; }
#universo-atriz .right { display: block; width: 40%; float: right; padding-left: 15px; }
#universo-atriz .chamadas { position: relative; display: block; margin-bottom: 30px; }
#universo-atriz .chamadas .chamada { position: relative; display: none; width: 100%; opacity: 0; }
#universo-atriz .chamadas .chamada .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
#universo-atriz .chamadas .chamada.ativo { display: block; }
#universo-atriz .chamadas .empreendedora, #universo-atriz .chamadas .a-atriz, #universo-atriz .chamadas .na-tv, #universo-atriz .chamadas .no-teatro { padding-top: 80%; }
#universo-atriz .chamadas .parceiros, #universo-atriz .chamadas .lookbook { padding-top: 143%; }
#universo-atriz .chamadas .bastidores, #universo-atriz .chamadas .na-coxia { padding-top: 100%; }

#universo-atriz .icon-triangle-up, #universo-atriz .icon-triangle-down { position: absolute; text-decoration: none; width: 300px; height: 150px; overflow: hidden; }
#universo-atriz .icon-triangle-up span, #universo-atriz .icon-triangle-down span { position: absolute; width: 100%; text-align: center; color: #000; font-family: 'geosanslightregular'; font-size: 24px; z-index: 2; }
#universo-atriz .icon-triangle-up:before, #universo-atriz .icon-triangle-down:before { position: absolute; font-size: 300px; color: #FFF; opacity: 0.5; z-index: 1; }
#universo-atriz .icon-triangle-up.ativo:before, #universo-atriz .icon-triangle-down.ativo:before { opacity: 0.9; }
#universo-atriz .icon-triangle-up { bottom: 50%; left: 50%; margin-left: -150px; margin-bottom: 0px; }
#universo-atriz .icon-triangle-down { top: 50%; left: 50%; margin-left: -150px; margin-top: 0px; }
#universo-atriz .icon-triangle-up:before { left: 50%; margin-left: -150px; top: -75px; }
#universo-atriz .icon-triangle-down:before { left: 50%; margin-left: -150px; bottom: -75px; }
#universo-atriz .icon-triangle-up:hover:before { opacity: 0.9; }
#universo-atriz .icon-triangle-down:hover:before { opacity: 0.9; }
#universo-atriz .icon-triangle-up span { left: 0px; bottom: 25px; }
#universo-atriz .icon-triangle-down span { left: 0px; top: 25px; }

@media screen and (max-width: 940px) {
	#universo-atriz .icon-triangle-up, #universo-atriz .icon-triangle-down { width: 200px; height: 100px; }
	#universo-atriz .icon-triangle-up span, #universo-atriz .icon-triangle-down span { 	font-size: 18px; }
	#universo-atriz .icon-triangle-up:before, #universo-atriz .icon-triangle-down:before { font-size: 200px; }
	#universo-atriz .icon-triangle-up { margin-left: -100px; }
	#universo-atriz .icon-triangle-down { margin-left: -100px; }
	#universo-atriz .icon-triangle-up:before { margin-left: -100px; top: -50px; }
	#universo-atriz .icon-triangle-down:before { margin-left: -100px; bottom: -50px; }
	#universo-atriz .icon-triangle-up span { bottom: 12px; }
	#universo-atriz .icon-triangle-down span { top: 12px; }
}

@media screen and (max-width: 700px) {
	#universo-atriz .left, #universo-atriz .right { width: 100%; float: none; padding: 0px; }
	#universo-atriz .icon-triangle-up, #universo-atriz .icon-triangle-down { width: 300px; height: 150px; }
	#universo-atriz .icon-triangle-up span, #universo-atriz .icon-triangle-down span { 	font-size: 24px; }
	#universo-atriz .icon-triangle-up:before, #universo-atriz .icon-triangle-down:before { font-size: 300px; }
	#universo-atriz .icon-triangle-up { margin-left: -150px; }
	#universo-atriz .icon-triangle-down { margin-left: -150px; }
	#universo-atriz .icon-triangle-up:before { margin-left: -150px; top: -75px; }
	#universo-atriz .icon-triangle-down:before { margin-left: -150px; bottom: -75px; }
	#universo-atriz .icon-triangle-up span { bottom: 25px; }
	#universo-atriz .icon-triangle-down span { top: 25px; }
}

@media screen and (max-width: 520px) {
	#universo-atriz .icon-triangle-up, #universo-atriz .icon-triangle-down { width: 200px; height: 100px; }
	#universo-atriz .icon-triangle-up span, #universo-atriz .icon-triangle-down span { 	font-size: 18px; }
	#universo-atriz .icon-triangle-up:before, #universo-atriz .icon-triangle-down:before { font-size: 200px; }
	#universo-atriz .icon-triangle-up { margin-left: -100px; }
	#universo-atriz .icon-triangle-down { margin-left: -100px; }
	#universo-atriz .icon-triangle-up:before { margin-left: -100px; top: -50px; }
	#universo-atriz .icon-triangle-down:before { margin-left: -100px; bottom: -50px; }
	#universo-atriz .icon-triangle-up span { bottom: 12px; }
	#universo-atriz .icon-triangle-down span { top: 12px; }
}

#fotos { display: block; margin-bottom: 50px; }
#fotos .capa { position: relative; display: block; width: 100%; padding-top: 40%; margin-bottom: 30px; }
#fotos .capa .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#fotos .area { display: block; max-width: 1050px; margin: auto; }
#fotos .area h1 { display: block; text-align: center; font-size: 40px; color: #000; margin-bottom: 30px; font-family: 'geosanslightregular'; }
#fotos .area h2 { display: block; text-transform: uppercase; color: #000; border-bottom: 1px solid #594297; padding: 5px 0px; font-family: 'geosanslightregular'; margin: 0px 37.5px 15px 37.5px; font-weight: bold; }
#fotos .area .album-container { display: block; margin-bottom: 50px; }
#fotos .area .album-container.hidden { display: none; }
#fotos .area .album-container .albuns { position: relative; display: block; }
#fotos .area .album-container .albuns .control { position: absolute; top: 50%; color: #000; text-decoration: none; font-size: 24px; margin-top: -27px; z-index: 1; }
#fotos .area .album-container .albuns .control.icon-prev { left: 0px; }
#fotos .area .album-container .albuns .control.icon-next { right: 0px; }
#fotos .area .album-container .albuns .album { position: relative; display: block; overflow: hidden; margin: 0px 30px; padding-bottom: 30px;  }
#fotos .area .album-container .albuns .album .fotos { position: relative; display: block; }
#fotos .area .album-container .albuns .album .fotos .container { display: block; padding: 0px 7.5px; float: left; }
#fotos .area .album-container .albuns .album .fotos .container .foto { position: relative; display: block; width: 100%; padding-top: 68%; }
#fotos .area .album-container .albuns .album .fotos .container .foto .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#fotos .area .album-container .albuns .album .fotos .container .foto .content a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#fotos .area .album-container .albuns .album .fotos .container .foto .content span { position: absolute; left: 0px; bottom: -30px; font-size: 20px; color: #000; font-family: 'geosanslightregular'; font-weight: bold; }

#clipping { display: block; margin-bottom: 50px; }
#clipping .capa { position: relative; display: block; width: 100%; padding-top: 40%; margin-bottom: 30px; }
#clipping .capa .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#clipping .area { display: block; max-width: 1050px; margin: auto; }
#clipping .area h1 { display: block; text-align: center; font-size: 40px; color: #000; padding-bottom: 30px; margin: 0px 7.5px 15px 7.5px; font-family: 'geosanslightregular'; border-bottom: 1px solid #594297; }
#clipping .area .clippings { display: block; }
#clipping .area .clippings h2 { display: block; font-size: 18px; color: #000; margin-bottom: 10px; font-weight: bold; font-family: 'geosanslightregular'; }
#clipping .area .clippings .clipping { display: block; width: 33.33%; padding: 0px 7.5px; margin-bottom: 15px; float: left; }
#clipping .area .clippings .clipping.hidden { display: none; }
#clipping .area .clippings .clipping .clip { position: relative; display: block; width: 100%; padding-top: 68%; margin-bottom: 15px; }
#clipping .area .clippings .clipping .clip .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: top center; background-repeat: no-repeat; }
#clipping .area .clippings .clipping .clip .content a { position: absolute; display: none; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }
#clipping .area .clippings .clipping .clip .content a span { position: absolute; top: 50%; left: 50%; width: 200px; height: 50px; margin-top: -25px; margin-left: -100px; color: #FFF; border: 1px solid #FFF; font-family: 'geosanslightregular'; text-transform: uppercase; cursor: pointer; text-align: center; line-height: 50px; font-size: 28px; }
#clipping .area .clippings .clipping .clip .content .overlay { position: absolute; display: none; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1; }
#clipping .area .clippings .clipping:hover .clip .content a { display: block; }
#clipping .area .clippings .clipping:hover .clip .content .overlay { display: block; }

@media screen and (max-width: 800px) {
	#clipping .area .clippings .clipping { width: 50%; }
}

@media screen and (max-width: 520px) {
	#clipping .area .clippings .clipping { width: 100%; float: none; }
}

#biografia { display: block; }
#biografia .area { display: block; max-width: 1050px; margin: auto; }
#biografia #banner { position: relative; display: block; padding-top: 40%; margin: auto; }
#biografia .area h1, #biografia .area h2 { display: block; text-align: center; font-size: 40px; color: #000; padding-bottom: 30px; font-family: 'geosanslightregular'; border-bottom: 1px solid #594297; margin-bottom: 50px; }
#biografia .area h2 { margin: 0px 15px 30px 15px; }
#biografia .grey-bg { display: block; padding: 50px 0px; margin-bottom: 50px; }
#biografia .area .texto { display: block; font-family: 'geosanslightregular'; color: #000; font-size: 18px; font-weight: bold; line-height: 22px; margin-bottom: 30px; }
#biografia .area .texto p { margin-bottom: 15px; }
#biografia .area .texto b, #biografia .area .texto strong { font-weight: bold; }
#biografia .area .texto i { font-style: italic; }
#biografia .area .button { display: block; width: 360px; height: 60px; border: 1px solid #000; color: #000; text-align: center; text-decoration: none; outline: none; font-family: 'geosanslightregular'; font-weight: bold; font-size: 20px; line-height: 60px; }
#biografia .area .button.left { float: left; }
#biografia .area .button.right { float: right; }
#biografia .area .papeis-parede { display: block; width: 50%; padding: 15px; float: left; }
#biografia .area .papel-parede { position: relative; display: block; width: 100%; padding-top: 74.5%; float: left; }
#biografia .area .papel-parede .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#biografia .area .papel-parede .content a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

@media screen and (max-width: 750px) {
	#biografia .area .texto { margin-bottom: 0px; }
	#biografia .area .button { width: 100%; float: none; margin-top: 15px; }
	#biografia .area .papeis-parede { width: 100%; }
}

#empreendedora { display: block; }
#empreendedora .area { display: block; max-width: 1050px; margin: auto; }
#empreendedora #banner { position: relative; display: block; padding-top: 40%; margin: auto; }
#empreendedora .area h1, #empreendedora .area h2 { display: block; text-align: center; font-size: 40px; color: #000; padding-bottom: 30px; font-family: 'geosanslightregular'; border-bottom: 1px solid #594297; margin-bottom: 50px; }
#empreendedora .area h2 { margin: 0px 15px 30px 15px; }
#empreendedora .grey-bg { display: block; padding: 50px 0px; margin-bottom: 50px; }
#empreendedora .area .texto { display: block; font-family: 'geosanslightregular'; color: #000; font-size: 18px; font-weight: bold; line-height: 22px; margin-bottom: 30px; }
#empreendedora .area .texto p { margin-bottom: 15px; }
#empreendedora .area .texto b, #empreendedora .area .texto strong { font-weight: bold; }
#empreendedora .area .texto i { font-style: italic; }
#empreendedora .area .membro { display: block; }
#empreendedora .area .membro .foto-membro { display: block; min-width: 150px; width: 30%; padding: 50px; float: left; }
#empreendedora .area .membro .foto-membro .foto { position: relative; width: 100%; padding-top: 100%; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#empreendedora .area .membro .foto-membro .foto .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#empreendedora .area .membro .descricao-membro { display: inline-block; max-width: 70%; }
#empreendedora .area .membro .descricao-membro h3 { display: block; padding: 15px; font-family: 'geosanslightregular'; font-size: 26px; text-align: center; margin-bottom: 30px; font-weight: bold; }
#empreendedora .area .membro .descricao-membro .descricao { display: block; font-family: 'geosanslightregular'; color: #000; font-size: 20px; font-weight: bold; line-height: 30px; }
#empreendedora .area .membro .descricao-membro .descricao p { margin-bottom: 15px; }
#empreendedora .area .membro .descricao-membro .descricao b, #empreendedora .area .membro .descricao-membro .descricao strong { font-weight: bold; }
#empreendedora .area .membro .descricao-membro .descricao i { font-style: italic; }
#empreendedora .area .linha { display: block; height: 32px; background-repeat: repeat-x; background-position: top center; margin: 30px 0px; clear: both; }

#parceiros { display: block; }
#parceiros .area { display: block; max-width: 1050px; margin: auto; }
#parceiros #banner { position: relative; display: block; padding-top: 40%; margin: auto; }
#parceiros .area h1 { display: block; text-align: center; font-size: 40px; color: #000; padding-bottom: 30px; font-family: 'geosanslightregular'; border-bottom: 1px solid #594297; margin-bottom: 50px; }
#parceiros .grey-bg { display: block; padding: 50px 0px; margin-bottom: 50px; }
#parceiros .area .texto { display: block; font-family: 'geosanslightregular'; color: #000; font-size: 18px; font-weight: bold; line-height: 22px; margin-bottom: 30px; }
#parceiros .area .texto p { margin-bottom: 15px; }
#parceiros .area .texto b, #parceiros .area .texto strong { font-weight: bold; }
#parceiros .area .texto i { font-style: italic; }
#parceiros .area .parceiro { display: block; margin: 0px 15px; }
#parceiros .area .parceiro .foto-parceiro { display: block; min-width: 150px; width: 30%; padding-right: 50px; float: left; }
#parceiros .area .parceiro .foto-parceiro .foto { position: relative; width: 100%; padding-top: 100%; }
#parceiros .area .parceiro .foto-parceiro .foto .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-position: center; background-repeat: no-repeat; }
#parceiros .area .parceiro .descricao-parceiro { display: inline-block; max-width: 70%; }
#parceiros .area .parceiro .descricao-parceiro h3 { display: block; padding: 15px; font-family: 'geosanslightregular'; font-size: 20px; text-align: center; margin-bottom: 24px; }
#parceiros .area .parceiro .descricao-parceiro .descricao { display: block; font-family: 'geosanslightregular'; color: #000; font-size: 20px; font-weight: bold; line-height: 30px; }
#parceiros .area .parceiro .descricao-parceiro .descricao p { margin-bottom: 15px; }
#parceiros .area .parceiro .descricao-parceiro .descricao b, #parceiros .area .parceiro .descricao-parceiro .descricao strong { font-weight: bold; }
#parceiros .area .parceiro .descricao-parceiro .descricao i { font-style: italic; }
#parceiros .area .linha { display: block; height: 32px; background-repeat: repeat-x; background-position: top center; margin: 30px 15px; clear: both; }

@media screen and (max-width: 570px) {
	#parceiros .area .parceiro .foto-parceiro { width: 100%; float: none; }
	#parceiros .area .parceiro .descricao-parceiro { max-width: 100%; }
}

#lookbook { display: block; max-width: 1050px; margin: auto; }
#lookbook h1 { display: block; text-align: center; color: #000; font-family: 'geosanslightregular'; font-size: 40px; margin: 100px 0px; text-transform: uppercase; font-weight: bold; }
#lookbook .lookbook { position: relative; display: block; width: 100%; padding-top: 56.25%; margin-bottom: 50px; }
#lookbook .lookbook .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#lookbook .lookbook .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }

#lookbook-post { display: block; max-width: 1050px; margin: auto; }
#lookbook-post h1 { display: block; text-align: center; color: #000; font-family: 'geosanslightregular'; font-size: 40px; padding: 50px 0px; text-transform: uppercase; font-weight: bold; }
#lookbook-post .conteudo { display: block; padding: 0px 15px 50px 15px; font-family: 'geosanslightregular'; font-size: 20px; color: #000; font-weight: bold; }
#lookbook-post .conteudo p { margin-bottom: 15px; }
#lookbook-post .conteudo b, #lookbook-post .conteudo strong { font-weight: bold; }
#lookbook-post .conteudo i { font-style: italic; }
#lookbook-post .fotos { display: block; text-align: center; margin: 0px 15px; }
#lookbook-post .fotos .foto-area { display: inline-block; }
#lookbook-post .fotos .foto-area .foto { position: relative; display: block; width: 100%; }
#lookbook-post .fotos .foto-area .foto .content { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: cover; background-position: center; background-repeat: no-repeat; }
#lookbook-post .fotos .foto-area.width-1 { width: 100%; padding: 15px 0px; }
#lookbook-post .fotos .foto-area.width-1 .foto { padding-top: 50%; }
#lookbook-post .fotos .foto-area.width-2 { width: 32%; padding: 15px; }
#lookbook-post .fotos .foto-area.width-2 .foto { padding-top: 160%; }
#lookbook-post .creditos { display: block; padding: 50px 0px; font-family: 'geosanslightregular'; font-size: 20px; color: #000; font-weight: bold; }
#lookbook-post .creditos p { margin-bottom: 15px; }
#lookbook-post .creditos b, #lookbook-post .creditos strong { font-weight: bold; }
#lookbook-post .creditos i { font-style: italic; }

#busca { display: block; max-width: 1050px; margin: auto; padding: 50px 0px; }
#busca .post { display: block; width: 33.33%; float: left; margin-bottom: 30px; padding: 7.5px; }
#busca .post .img { position: relative; display: block; width: 100%; padding-top: 100%; margin-bottom: 30px; }
#busca .post .img .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
#busca .post .img .content a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#busca .post .categoria { display: table; color: #000; font-size: 24px; font-weight: bold; font-family: 'geosanslightregular'; padding: 0px 10px 5px 10px; text-decoration: none; border-bottom: 1px solid #594297; margin: auto; margin-bottom: 10px; }
#busca .post .subtitulo { display: block; color: #000; font-size: 16px; font-family: 'open_sansregular'; text-align: center; line-height: 18px; text-decoration: none; }

#tag { display: block; padding-top: 50px; }
#tag .tag { display: block; border-bottom: 1px solid #CCC; margin-bottom: 50px; }
#tag .postagem .conteudo { padding: 0px; padding-bottom: 50px; }
#tag .left .post { width: 100%; }
#tag .tags { display: block; margin-bottom: 50px; }
#tag h2 { margin-bottom: 0px !important; text-transform: uppercase; }
#tag .tags:before { position: relative; top: 4px; margin-right: 10px; font-size: 20px; }
#tag .tags a { display: inline-block; font-family: 'open_sansregular'; font-size: 16px; color: #000; text-decoration: none; text-transform: uppercase; }

#erro_404 { display: block; padding: 100px 0px; text-align: center; font-family: 'open_sansregular'; font-size: 30px; color: #000; text-transform: uppercase; }

#footer { display: block; background-color: #F0F0F0; padding: 75px 15px; }
#footer .area { display: block; max-width: 1050px; margin: auto; }
#footer .box-4 { display: block; width: 25%; padding: 10px; float: left; }
#footer .box-4 .link { position: relative; display: block; color: #FFF; background-color: #000; font-family: 'geosanslightregular'; font-size: 18px; text-align: center; text-decoration: none; padding: 10px 15px; margin-bottom: 15px; }
#footer .box-4 .link:before { position: absolute; top: 10px; left: 15px; }
#footer .box-4 .box { position: relative; display: block; width: 100%; padding-top: 100%; margin-bottom: 15px; }
#footer .box-4 .box .content { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }
#footer .box-4 .box .content.twitter { overflow: hidden; }
#footer .box-4 .seguir { display: table; border: 1px solid #000; color: #000; white-space: 5px; font-family: 'geosanslightregular'; font-weight: bold; letter-spacing: 3px; padding: 10px 20px; font-size: 16px; text-transform: uppercase; text-decoration: none; margin: auto; margin-bottom: 30px; }

#footer .linha { display: block; height: 1px; margin: 15px 0px; background-color: #E3DFD9; }
#footer .copy { position: relative; display: table; font-family: 'open_sansregular'; font-size: 12px; color: #B1B1B1; padding: 5px 0px; margin: auto; z-index: 1; }
#footer .design { position: relative; top: -22px; font-family: 'open_sansregular'; font-size: 12px; color: #B1B1B1; float: right; padding: 5px 15px 5px 0px; z-index: 2; }
#footer .site-map { display: block; }

#footer .box-6 { display: inline-table; width: auto; }
#footer .box-6 h1 { display: block; font-family: 'open_sansregular'; font-size: 12px; color: #000; padding-bottom: 5px; }
#footer .box-6 .link { display: block; color: #000; font-family: 'geosanslightregular'; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; text-decoration: none; letter-spacing: 1px; }
#footer .box-6 .sub-link { display: block; color: #B1B1B1; font-family: 'open_sansregular'; font-size: 12px; margin-bottom: 10px; text-decoration: none; padding: 0px 1px; }

@media screen and (max-width: 1010px) {
	#footer .box-4 { width: 50%; }
}

@media screen and (min-width: 700px) and (max-width: 945px) {
	#footer .box-6 { display: block; width: 33.33%; text-align: center; margin-bottom: 15px; float: left; }
}

@media screen and (max-width: 700px) {
	#footer .box-4 { width: 100%; }

	#footer .box-6 { display: block; text-align: center; }
}

@media screen and (max-width: 700px) {
	#footer .design { display: block; width: 100%; top: 0; padding-right: 0px; text-align: center; }
	#footer .box-6 .sub-link span { display: none; }
}

/*--------------------*/

.bt-download-pdf{
    padding: 10px;
    margin-top: 80px;
    width: 250px;
    display: block;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'open_sansregular';
    font-size: 18px;
    text-align: center;
}