/*
Theme Name: Felipe Massa
Version: 2017
Author: Agência AE
Author URI:  http://www.agenciaae.com.br
*/

* {
	margin:0 auto;
	padding:0;
	vertical-align:baseline;
	outline:none;
	text-decoration:none;
	box-sizing:border-box;
}

body {
	background:#fff;
	color:#000;
	font-family: 'Lato', sans-serif;
	font-size:16px;
}

a {
	color:#000
}

img, object, video, iframe {
	max-width:100%;
	height:auto;
}

img {
	vertical-align:middle;
}

object[type="application/gas-events-abn"] {
	display:none !important;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

strong, b {
	font-weight:bold;
}

i, em {
	font-style:italic
}

u {
	text-decoration:underline
}

p {
	display:block;
	margin:1em 0
}

/*
FONTS
*/
@font-face {
    font-family: Panton;
    src: url('./fonts/PANTON.OTF');
}
@font-face {
    font-family: Panton-thin;
    src: url('./fonts/PANTON-THIN.OTF');
}
@font-face {
    font-family: Panton-black;
    src: url('./fonts/PANTON-BLACK.OTF');
}



/*
GRID
*/

.grid {
	max-width:1060px;
	width:90%;
	margin:0 auto;
	position:relative;
}

.clearfix:before, .clearfix:after {
	content:"";
	display:block;
	width:100%;
	height:0;
	clear:both;
}

/*
HEADER
*/

.page-header {
	width:100%;
	position:fixed;
	top:0;
	line-height: 60px;
	z-index:9999;
	background: rgba(0, 0, 0, 0.60);
}

.page-header .grid {
	max-width:90%
}

.header-content_logo {
	float:left;
}

.header-content_logo img {
    max-width: 143px;
}

.header-content_menu {
	float:right
}

.header-content_logo,
.header-content_menu {
	position:relative;
}

.main-menu {
	font-size:14px;
	text-transform:uppercase;
	font-style:italic;
}

.flags > * {
    margin: 0 5px;
}

  .flags,
	#menu-principal,
	#menu-principal-ingles {
    float: left;
	}

.main-menu ul li {
	display:inline-block;
}

.main-menu ul li a {
	display:block;
	padding:0 5px;
	color:#fff;
}

.main-menu ul li.current-menu-item a,
.main-menu ul li a:hover {
	color:#ffcb0a;
}

.toggle {
    width: 30px;
    height: 30px;
    float: right;
    position: relative;
    top: 15px;
		cursor:pointer;
		display:none;
  	margin-right: 25px;
}

.toggle span {
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    margin: 5px auto;
}

.toggle span:nth-child(2) {
    width: 90%;
}

/*
PADRAO
*/

.page-title {
	text-align:center;
	font-style:normal;
	padding: 50px 0 30px;
}

/*
PARCEIROS PAGE
*/

.parceiros-page {
	background: url('./img/bg-parceiros-page.png') #0a0a0a;
  padding: 50px 0;
	background-size:cover;
}

.parceiros-page .page-title {
	font-size:36px;
	color:#fff
}

.parceiro-logo {
    text-align: center;
    margin: 0px auto 50px;
		position:relative;
}

.parceiro-logo img {
	max-width:70%;
}

.parceiro-img {
    float: left;
    margin-right: 30px;
}

.parceiro-img img {
    border: 1px solid #fff;
}

.parceiro-text {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}

.swiper-parceiros .swiper-button-next,
.swiper-parceiros .swiper-button-prev {
	margin-top:0;
	top:calc(50% - 10%)
}

/*
MAIN SECTION
*/

.main-section {
	width:100%;
	height:100vh;
	background:url('./img/fundo.png') #080808;
	background-size:cover;
	background-position: bottom;
	position:relative;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.massa {
    position: absolute;
    bottom: 7px;
    right: 0;
    left: 0;
    text-align: center;
    max-width: 400px;
    animation-delay: 0.5s;
    opacity: 0;
}

.massa img {
    transform: rotate(0.5deg);
}

.felipe- {
    max-width: 800px;
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
}

.massa-nome {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 700px;
    bottom: 180px;
    animation-delay: 1s;
}

.social-links {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 50px;
    text-align: center;
}

.social-links a {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    border: 1px solid #fff;
    font-size: 18px;
    margin: 0 2px;
}

.social-links a:hover {
    background: transparent;
    color: #fff;
}

/*
BIOGRAFIA
*/

.biografia {
    background:url('./img/background-biografia.jpg') #080808;
		background-position: bottom right;
		padding-top:50px;
}

.biografia-img {
    width: 40%;
    float: left;
		position:relative;
}

.biografia-img img {
	position:relative;
	z-index:2
}

.biografia-img:after {
	content:"";
	width:100%;
	height:90%;
	position:absolute;
	border:2px solid #464646;
	display:block;
	top: 0;
  left: -2px;
	z-index:1;
}

.biografia-text {
    width: 60%;
    float: right;
    border: 2px solid #464646;
    padding: 50px;
    color: #fff;
		position:relative;
}

.biografia-text:after {
    width: 120px;
    height: 120px;
    display: block;
    content: "";
    position: absolute;
    border: 2px solid #464646;
    left: -2px;
    bottom: -124px;
}

.section-title {
    text-transform: uppercase;
    color: #fc0;
    font-weight: bold;
    font-size: 48px;
		font-style:italic;
}

.biografia .subtitle {
    font-weight: bold;
    color: #ffcb0a;
    font-style: italic;
}

.btn {
    color: #fc0;
    border: 1px solid #fc0;
    padding: 5px 20px;
    border-radius: 20px;
    margin: 30px auto 0;
    display: block;
    max-width: 180px;
		text-transform:uppercase;
		font-size:12px;
		text-align:center;
}

.btn:hover {
    background: #fc0;
    color: #000;
}

/*
INSIDE
*/

.inside {
    background: #030303;
    padding: 50px 0;
    color: #fff;
}

.inside .subtitle {
    display: block;
    max-width: 70%;
		margin-bottom:70px;
}

.gp-title {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
    text-align: center;
}

.gp-title img {
    padding-right: 10px;
}

.gp-date {
    display: block;
    text-align: center;
    font-style: italic;
    margin: 10px auto 0px;
}

.gp-horarios {
    max-width: 800px;
}

.gp-mapa {
    float: left;
		max-width:400px;
}

.gp-infos {
    float: right;
    list-style: none;
}

.centralizar {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}


.gp-info_type {
    color: #fc0;
}

.gp-info span {
    padding: 0 5px;
    font-size: 15px;
}

.swiper-button-next,
.swiper-button-prev {
	width:27px;
	height:19px;
	background:url('./img/setas.png')
}

.swiper-button-next {
	background-position:right
}

.swiper-button-disabled {
	opacity:0 !important;
}

.gp-timing {
    clear: both;
    list-style: none;
    width: 100%;
    color: #fc0;
    font-weight: bold;
    padding:0;
}

.gp-timing li span {
    text-transform: uppercase;
    font-size: 15px;
    display: block;
}

.gp-timing li {
    float: left;
    font-size: 26px;
    text-align: center;
    width: 25%;
}


/*
NEWS
*/

.news {
	padding:50px 0;
	position:relative;
}

.news:before {
	content:"";
	display:block;
	width:392px;
	height:45px;
	background: url(./img/background-news-1.png) no-repeat;
	position: absolute;
	top:120px;
	left:-20%
}

.news:after {
    content: "";
    width: 446px;
    height: 100%;
    background: url(./img/background-news-2.png) no-repeat;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
		z-index:1;
}

.news-content {
	position:relative;
	z-index:2;
}

.news .subtitle {
    max-width: 70%;
    display: block;
    margin-bottom: 50px;
}

.news .section-title {
	color:#111111
}
.thumb {
    position: relative;
		overflow:hidden
}

.thumb a {
    display: block;
    width: 100%;
    padding-bottom: 70%;
    background-size: cover;
}

.thumb-title {
    position: absolute;
    bottom: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    border-bottom: 10px solid #fc0;
}

.thumb:first-child {
	float:left;
	width:65.1%;
	    padding-bottom: 12px;
}

.thumb:nth-child(2),
.thumb:nth-child(3) {
	float:right;
	width:32%
}

.thumb:nth-child(2) .thumb-title,
.thumb:nth-child(3) .thumb-title {
	font-size:15px;
}

.thumb:nth-child(2) {
	margin-bottom:20px;
}

.thumb:hover .thumb-title {
	background:#111111;
}

.news .btn {
	color:#111111;
	border-color:#111111;
}

.news .btn:hover {
	background:#111111;
	color:#fff
}

/*
CLASSIFICACOES
*/

.classificacoes {
	background:#0a0a0a;
	padding:50px 0;
}

.classificacoes-page {
    background: url(./img/bg-classificacoes.png) right bottom no-repeat #0a0a0a;
    background-size: contain;
}

.classificacoes .section-title {
	color:#fff;
}

.classificacoes .section-title span {
	color:#fc0
}

.pilotos-item {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
		margin:20px auto;
}

.item-carro img {
    max-width: 142px;
}

.item-posicao, .item-pontos {
    width: 3%;
}

.pilotos-item span {
    display: block;
    text-align: center;
    float: left;
}

.item-piloto,
.item-marca {
    width: 23%;
}

.item-carro {
	width:31%;
	text-align:left !important;
	padding-left:30px;
}

.item-bandeira {
	width:15%
}

.item-bandeira img {
    max-width: 40px;
}

.item-piloto {
	font-weight:bold;
}

 .item-marca {
	 font-style:italic;
 }

.pilotos-item.destaque,
 .pilotos-item:hover {
	 color:#ffcb0a
 }

 .pilotos-item:hover .item-carro {
	 padding-left:45px;
 }

 .controls {
    max-width: 780px;
    margin: 50px auto 30px;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.controls li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    cursor: pointer;
}

.controls li.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #fc0;
    position: absolute;
    bottom: -13px;
    left: 0;
}

.controls li.active {
    color: #fc0;
}

.classificacoes .btn {
	max-width:240px;
}




/*
PARCEIROS
*/

.parceiros-sec {
	background:#080808;
	padding:90px 0
}

.parceiros {
    width:90%;
    background-size: cover;
		height:228px;
		background-size:cover;
		position:relative;
}

.parceiros-bg {
	position:absolute;
	top:0;
	left:0;
	right:0;
}

.lista-parceiros {
    list-style: none;
    text-align: center;
    padding: 0 120px;
		position:relative;
		z-index:2;
}

.lista-parceiros li {
    display: inline-block;
    width: calc(20% - 4px);
}

.parceiros .section-title {
    color: #0a0a0a;
    text-align: center;
    padding: 30px 0 20px;
    font-style: normal;
		position:relative;
		z-index:2;
		font-size:40px;
}

/*
CONTATO
*/

.form-contato, .agenda {
    width: 50%;
    float: left;
		color:#fff;
}

.contato {
    background: #080808;
		padding-bottom: 50px;
}

.form-contato input,
.form-contato textarea {
    display: block;
    border: none;
    width: 100%;
    background: none;
    color: #fff;
    height: 30px;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    font-family: 'Lato';
		    margin: 10px auto;
				padding-left:20px;
}

.form-contato input[type="submit"] {
    float: right;
    border: 1px solid #fac70a;
    width: 100px;
    color: #fac70a;
    clear: both;
    text-transform: uppercase;
    font-style: italic;
    border-radius: 20px;
    margin: 10px auto;
		cursor:pointer;
    line-height: 0;
		padding:0;
}

.form-contato textarea {
	height:100px;
}

.agenda {
	padding:0 100px
}

.compromissos {
	list-style:none;
	padding-top:20px
}

.compromissos li {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom:15px;
}

.data-compromisso {
    font-weight: bold;
    font-style: italic;
}

.titulo-compromisso {
    font-style: italic;
}

.dia {
    display: block;
    font-size: 24px;
}

/*
BIOGRAFIA
*/

.page-biografia {
    background: url('./img/faixa.png') center bottom no-repeat #080808;
    padding: 100px 0 0;
}

.bio-infos {
    padding-bottom: 50px;
}

.bio-infos_statics {
    float: left;
    width: 65%;
    margin-top: 73px;
    border-top: 1px solid #fc0;
		position:relative;
		color:#fff;
    padding-top: 45px;
}

.bio-infos_statics .section-title {
    float: left;
    background: #080808;
    padding: 5px;
    position: absolute;
    top: -35px;
}

.bio-infos_img {
    float: right;
    position: relative;
		width:35%;
}

.bio-infos_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 79%;
    border: 1px solid #fc0;
    position: absolute;
    left: -30px;
    top: 7%;
    z-index: 1;
}

.bio-infos_img:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #fc0;
    display: block;
    position: absolute;
    top: 77px;
    right: 28px;
}

.bio-infos_img img {
    position: relative;
    z-index: 2;
}

.info {
    margin: 20px auto;
}

.info img {
    float: left;
    margin-right: 10px;
}

.box-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #ffcb0a;
    font-size: 24px;
    position: absolute;
    top: -18px;
    background: #080808;
    padding-right: 10px;
}

.statics_box1 {
    border-top: 2px solid #ffcb0a;
    position: relative;
    max-width: 580px;
    margin: 80px 0 0;
    padding-top: 40px;
}

.classificacoes-box {
    list-style: none;
}

.classificacoes-box li span {
    display: block;
    text-align: center;
    font-weight: bold;
}

.classificacoes-box li {
    width: 14%;
    float: left;
		margin-bottom:10px;
}

.box-year {
    font-size: 18px;
}

.box-posicao {
    font-size: 30px;
}

.statics_box2 {
    width: 100%;
    max-width: 580px;
    clear: both;
    margin: 20px 0;
    border-top: 2px solid #ffcb0a;
    padding-top: 40px;
}

.numeros-box {
    list-style: none;
		align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.numeros-box li span {
    font-size: 50px;
    color: #ffcb0a;
    display: block;
}

.numeros-box li {
    text-transform: uppercase;
    width: 25%;
    text-align: center;
    float: left;
		margin-bottom:20px;
}

/*
TIMELINE
*/

.timeline {
    background: #080808;
    padding: 50px 0;
	position:relative
}

.nav-time {
    position: fixed;
    border-right: 1px solid #fc0;
    right: 20px;
    padding-right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    background: #080808;
    padding-left: 10px;
}

.nav-time li a {
    color: #fff;
}

.nav-time li {
    margin: 10px auto;
}

.nav-time:before {
    content: "";
    width: 70px;
    height: 1px;
    background: #fc0;
    display: block;
    position: absolute;
    right: -5px;
    transform: rotate(30deg);
    top: -18px;
}

.timeline-itens {
	margin:50px auto 0;
	position: relative;
}

.timeline-itens:before {
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    position: absolute;
    background: url(./img/linhas.png);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.timeline-content > h2 {
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
}

.timeline-item {
	position:relative;
	margin-bottom:50px;
}

.timeline-item_box1, .timeline-item_box2 {
    width: calc(50% - 15px);
    float: left;
}

.timeline-item_box2 {
	max-width:430px;
    float: right;
    color: #fff;
		padding:0 20px;
}

.timeline-data {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    color: #fc0;
    text-align: center;
    margin: 0 auto;
    background: #080808;
    font-size: 50px;
    font-weight: bold;
    width: 60px;
		word-wrap: break-word;
		line-height: 50px;
}

.timeline-item_desc {
    letter-spacing: 1px;
    text-align: justify;
}

.timeline-itens .timeline-item:nth-child(even) .timeline-item_box1 {
	float:right;
}

.timeline-itens .timeline-item:nth-child(even) .timeline-item_box2 {
	float:left;
}

.gallery-preview .preview a {
    display: block;
    background-size: cover !important;
}

.gallery-preview .preview:nth-child(1) a {
    width: 100%;
    padding-bottom: 50%;
}

.gallery-preview .preview:nth-child(1) {
	margin-bottom:20px;
}

.gallery-preview .preview:nth-child(2) {
	float:left;
}

.gallery-preview .preview:nth-child(3) {
	float:right;
}

.gallery-preview .preview:nth-child(2) {
	width:calc(35% - 10px);
}

.gallery-preview .preview:nth-child(2) a {
	padding-bottom:100%;
}

.gallery-preview .preview:nth-child(3) {
	width:calc(65% - 10px);
}

.gallery-preview .preview:nth-child(3) a {
	padding-bottom:52%;
}

.image-source-link {
	color: #98C3D1;
}

.mais {
    clear: both;
    color: #fc0;
    width: 30px;
    height: 30px;
    display: block;
    border: 1px solid #fc0;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    float: right;
    margin-top: 10px;
    line-height: 27px;
}

.mais:hover {
	background:#fc0;
	color:#000;
}

/*
BLOG
*/

.destaques {
    background: #080808;
    padding: 80px 0;
    border-bottom: 2px solid #fc0;
}

.destaques .section-title {
    padding-bottom: 30px;
}

.posts-recentes .section-title:after,
.destaques .section-title:after {
    content: "";
    display: block;
    width: 105px;
    height: 8px;
    background: url(./img/titulo-destaques.png);
}

.destaques .thumb a {
    padding-bottom: 64%;
}

.destaques .thumb .thumb-title {
	border:none !important;
	background:none;
}

.destaques .thumb:before {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(15, 15, 15, 0.6);
}

.destaques .thumb:first-child .thumb-title {
	background:#0f0f0f;
	border:none !important;
}

.destaques .thumb:first-child:before {
	opacity:0;
}

.destaques .thumb .thumb-title h1 {
	color:#ffcb0a;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	font-style:normal
}

.posts-recentes {
    padding: 50px 0;
}

.posts-recentes .section-title {
    color: #000;
		float:left;
}

.search {
    float: right;
    position: relative;
    width: 400px;
    max-width: 100%;
    top: 10px;
}

.search input {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 2px solid #000;
    padding: 10px;
    font-family: 'Lato';
}

.search button {
    background: none;
    border: none;
    position: absolute;
    right: 0;
    top: 10px;
    cursor: pointer;
}

.post {
    width: calc(33.33% - 30px);
    float: left;
    margin: 0 15px 30px;
    border-bottom: 2px solid #000;
    padding-bottom: 20px;
}

.posts-grid {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 30px;
}

.post-img {
    overflow: hidden
}

.post:hover .post-img img {
    transform: scale(1.1);
}

.post-info {
    padding: 15px;
}

.post-info_title {
    font-size: 18px;
    text-transform: uppercase;
}

.post-info_excerpt {
    font-size: 14px;
    line-height: 20px;
		margin:10px auto 0;
}

.post-footer {
	font-size: 12px;
	text-transform: uppercase;
}

.post-footer a {
	color:#787878
}

.post-footer a:hover {
	color:#000
}

.time {
    float: left;
}

.share {
    float: right;
}

.share ul {
    list-style: none;
}

.share ul li {
    float: left;
    padding: 0 5px;
}

.navigation {
    clear: both;
    padding-left: 15px;
    text-transform: uppercase;
    font-size: 12px;
		text-align:center;
}

.related {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.related img {
    padding-bottom: 20px;
}

.related:hover img {
	transform:scale(1.1);
}

.related-img {
	overflow:hidden;
}

#comments {
	margin-top:70px;
}

#comments .section-title {
	color:#000;
	font-size:30px;
}

#comments * {
	font-family:'Lato'
}

#respond,
.commentlist {
	width:100%;
	margin-bottom:30px;
}

#respond {
	border:none;
}

fieldset {
	border:none;
	margin:0
}

#respond form input[type="text"] {
	width: calc( 33.33% - 20px );
	height:30px;
	float:left;
	border:1px solid #080808;
	padding:10px;
}

#respond form input[type="text"]:nth-child(2) {
	margin:0px 30px;
}

#respond form textarea {
	width:100%;
	height:50px;
	border:1px solid #080808;
	margin:20px 0px;
	padding:10px;
}

#respond form input[type="submit"] {
	border:none
}

#respond form textarea,
#respond form input {
	border-radius:20px;
}

span.says {
	display:none;
}

cite.fn {
    font-size: 24px;
}

.commentlist {
	list-style:none;
}

.commentlist li ul li {
	list-style:none;
	width:95%;
	float:right
}

.comment-body {
	clear:both;
	margin-bottom:20px;
}

.commentlist li ul li:after {
	content:"";
	clear:both;
	width:100%;
	height:0px
}
.comment-author img {
	border-radius:50%;
	margin-right:2%
}

.comment-meta {

}

.comment-meta a {
	color:#b0b0b0;
}

#respond form input[type="submit"], .reply {
	float:right;
	padding:5px 10px;
	background:#fc0;
	color:#000;
	cursor:pointer;
	text-transform:uppercase;
	border-radius:20px;
}

.reply a  {
	color:#fff;
	display:block;
	width:100%;
	height:100%
}

.center, .aligncenter {display: block;text-align: center; margin:0 auto}
.left, .alignleft {float: left; margin-right:2%; }
.right, .alignright {float: right; margin-left:2%;}
.alignnone {display: block; margin-left: -20px;}

.wp-caption {
	position: relative;
	max-width:100%
}

.wp-caption-text {
	margin: 0 3% 0 0;
	padding: 3px 10px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	text-align: left;
	font-size:12px
}

/*
SINGLE
*/

.post-single_header {
    width: 100%;
    height: 300px;
    background: url(./img/bg-single.png) top right #080808;
    position: relative;
}

.post-single_header h1 {
    font-size: 36px;
    color: #ffcb0a;
    text-transform: uppercase;
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
}

.post-single_header h1:after {
    content: "";
    width: 200px;
    height: 3px;
    background: #ffcb0a;
    display: block;
    position: absolute;
    bottom: -21px;
}

.post-area {
    width: calc(70% - 30px);
    float: left;
}

.sidebar {
    float: right;
    width: 30%;
}

.content {
    padding: 30px 0;
}

.post-single .share {
    float: none;
    text-align: right;
    width: 100%;
    border-top: 1px solid #787878;
    padding-top: 10px;
}

.post-single .share ul li {
    display: inline-block;
    float: none;
}

.post-single .share ul li a {
    color: #787878;
}

.post-single .share p {
    float: left;
    color: #787878;
  	margin:0 auto;
}

.post-single .share ul {
  float:right;}

/*
404
*/

.notfound {
    background: #080808;
    width: 100%;
    text-align: center;
    height: calc(100vh - 125px);
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
}

.notfound h1 {
    color: #fc0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}

.notfound h1 span {
    display: block;
    font-size: 150px;
}

/*
FOOTER
*/

.page-footer {
    background: #080808;
    border-top: 3px solid #fc0;
    padding: 20px 0;
}

.page-footer .social-links {
    position: inherit;
    float: right;
}

.footer-logo {
    float: left;
}

.footer-content-row2 {
    color: #fff;
    clear: both;
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
}

.footer-content-row2 a {
    padding-left: 15px;
}

/*
EFEITO
*/

.post-img img,
.related:hover img,
.controls li,
 .pilotos-item *,
.thumb-title,
a,
.efeito {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*
RESPONSIVE
*/

@media screen and (min-width:1600px) {
	.felipe- {
		top:170px
	}
}

@media screen and (min-width:1498px) {
	.main-section {
		height:85vh;
	}
}

@media screen and (max-width:1200px) {
	.parceiros {
		height:auto;
	}
	.parceiros .section-title {
		padding:15px 0;
		font-size:36px;
	}
}

@media screen and (max-width:1185px) {
	.bio-infos_img:after {
		left:0;
	}

	.bio-infos_img:before {
		display:none
	}
}

@media screen and (max-width:1024px) {
  .page-header {
  	height: 60px;
  }
	.toggle {
		display:block;
	}

  .flags, #menu-principal {
    float: none;
	}
  
	.header-content_menu {
		float:none;
    width: 100vw;
    left: 5vw;
    height: auto;
    top: -60px
	}

	.main-menu {
			display:none;
	    width: 100%;
	    position: absolute;
	    top: 60px;
	    background: rgba(8, 8, 8, 0.65);
	}

	.main-menu ul li {
    		display: block;
    		text-align: center;
	}

	.parceiros .section-title {
		padding:15px 0;
		font-size:26px;
	}

	.lista-parceiros {
		   padding: 0 80px;
	}

	.lista-parceiros li {
		padding:0 10px
	}

	.form-contato,
	.agenda {
		width:100%;
		float:none;
	}

	.agenda {
		padding:0;
		margin-top:30px;
		clear:both
	}

	.post-area {
		width:100%;
	}

	.sidebar {
		display:none;
	}

	.timeline-item_box1,
	.timeline-item_box2 {
		width:100%;
		float:none;
		margin:0 auto;
	}

	.timeline-item_img {
		max-width:450px;
	}

	.timeline-data {
    		top: 30px;
    		font-size: 20px;
    		width: 40px;
    		line-height: 25px;
	}

	.timeline-item {
		padding-top:70px;
	}

	.timeline-item_desc {
   		background: #080808;
	}

}

@media screen and (max-width:968px) {
	.biografia-text:after {
		width:90px;
		height:90px;
		bottom: -94px;
	}

	.thumb:nth-child(2) .thumb-title,
	.thumb:nth-child(3) .thumb-title {
		font-size:12px;
	}
}

@media screen and (min-width:768px) and (max-width:769px) {
	.main-section {
		height:65vh;
	}
}

@media screen and (max-width:768px) {
	.nav-time,
	.biografia-text:after {
		display:none;
	}



	.biografia-img,
	.biografia-text {
		float:none;
		width:100%;
	}

	.biografia-img {
		max-width:300px;
	}

	.biografia-text .section-title {
		font-size:26px;
	}

	.inside .section-title {
		text-align:center;
		margin-bottom:20px;
	}

	.inside .subtitle {
		margin:0 auto 70px;
		text-align:center
	}

	.gp-mapa,
	.gp-infos {
		float:none;
		margin:20px auto;
		text-align:center;
	}

	.gp-timing {
		padding:40px 0 0;
	}

	.gp-title img {
		display:block;
		padding:10px 0
	}

	.thumbs {
		max-width:440px;
	}

	.thumb:first-child {
		float:none;
		width:100%
	}

	.thumb:nth-child(2) {
		float:left;
		width:50%
	}

	.thumb:nth-child(3) {
		float:right;
		width:50%;
	}

	.classificacoes .section-title {
		font-size:36px
	}

	.controls {
		font-size:16px;
	}

	.parceiros {
		background:#fff;
		position:relative;
		padding:20px;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.parceiros:before,
	.parceiros:after {
		content:"";
		display:block;
		width:90%;
		height:4px;
		position:absolute;
	}

	.parceiros:before {
		background:#fc0;
		right:0;
		top:-4px;
	}

	.parceiros:after {
		background:#0a0;
		left:0;
		bottom:-4px;
	}

	.news:before,
	.parceiros-bg {
		display:none;
	}

	.lista-parceiros {
		padding:0;
	}

	.footer-content-row2 {
		padding-top:15px
	}

	.parceiro-img {
		float:none;
		margin:0 auto 30px;
		text-align:center;
	}

	.post {
    width: calc(50% - 30px);
  }

	.posts-recentes .section-title,
	.search {
		float:none;
		position:relative;
	}

	.post-single_header {
		height:250px;
	}

	.post-single_header h1 {
		font-size:20px;
	}

	.box-posicao {
		font-size:20px;
	}

	.numeros-box li {
		font-size:12px;
	}

	.numeros-box li span {
		font-size:30px;
	}
}

@media screen and (max-width:670px) {
	.main-section {
    		width: 100%;
    		height:80vh;
    		background: url(./img/fundo.png) #080808;
    		background-position: bottom;
    		position: relative;
    		background-repeat: no-repeat;
	}

	.massa {
		    width: 80%;
   		max-width: 300px;
	}

	.felipe- {
		top:30%;
		max-width:100%
	}

	.massa-nome {
		bottom:30%;
		max-width:90%;
	}

	.bio-infos_img,
	.main-section .social-links {
		display:none
	}

	.bio-infos_statics {
		width:100%;
		float:none;
		margin-top:30px;
	}
}

@media screen and (max-width:520px) {
	.thumb-title {
		padding:10px;
		font-size:12px;
	}

	.lista-parceiros li {
		width:calc(33.33% - 4px);
		margin:15px auto;
	}

	.contato .section-title {
		font-size:26px;
		text-align:center;
	}

	.parceiro-logo img {
		max-width:50%;
	}

	.destaques .thumb .thumb-title h1 {
		font-size:12px;
	}

	.posts-grid {
    width: 100%;
    margin-left:0;
	}

	.post {
		width:100%;
		max-width:340px;
		float:none;
		margin:0 auto 30px;
	}

	.classificacoes-box li {
		width:20%;
		margin-bottom:30px;
	}
}

@media screen and (max-width:420px) {
	.thumb:nth-child(2) .thumb-title,
	.thumb:nth-child(3) .thumb-title {
		width:100%;
		height:100%;
		top:0;
		left:0;
		align-items: center;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		text-align:center;
		background: rgba(0, 0, 0, 0.6);
	}

	.felipe- {
		top:40%;
	}

	.controls li {
		display:block;
	}

	.post-single .share:before,
	.controls li.active:after {
		display:none;
	}

	.post-single .share {
		text-align:center;
	}

	.pilotos-item {
		font-size:12px;
	}

	.item-carro {
		padding:0;
		text-align:center;
	}

	.item-carro img {
		max-width:50px;
		display:block;
		margin:0 auto
	}

	.item-bandeira img {
		max-width:15px;
	}

	.lista-parceiros li {
		width:calc(50% - 4px);
		margin:15px auto;
	}

	.footer-content-row2,
	.page-footer .social-links,
	.footer-logo {
		float:none;
		width:100%;
		margin:0 auto;
		text-align:center;
	}
}

@media screen and (max-width:360px) {
	.gp-timing li {
		width:50%;
		margin:10px auto;
	}
}

button#load-more {
    background: #000;
    border: 1px solid #fdca00;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
}

button#load-more.loading {
    font-size: 0;
    border: none;
}

button#load-more.loading:before {
    /* display: none; */
    background-color: #fff;
}