/******************************************************************
  Template Name: DJoz
  Description:  DJoz Music HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Services Section
6.  Track Section
7.  Countdown Section
8.  Team Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
  Tipografia customizada
-------------------------------------------------------------------*/

/* GC Vank - arquivo local */
@font-face {
	font-family: "GC Vank";
	src: url("../fonts/GC-Vank-Demo.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Vintage Rotter - arquivo local */
@font-face {
	font-family: "Vintage Rotter";
	src: url("../fonts/VintageRotterPersonalUse-VGVZw.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Horizon - ajuste o nome do arquivo assim que tiver a fonte */
@font-face {
	font-family: "Horizon";
	src: url("../fonts/Horizon.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
	background: #000;
	background-color: #000; /* sobrescreve Bootstrap */
	color: #c8c8c8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #f0f0f0;
	font-weight: 400;
	font-family: "Archivo Black", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #b0b0b0;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}

.section-title.center-title {
	text-align: center;
}

.section-title h2 {
	font-size: 42px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Archivo Black", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	text-transform: uppercase;
}

/* Título menor na seção About da home */
.about.about--page .section-title h2 {
	font-size: 22px;
	line-height: 1.2;
}

.section-title h1 {
	font-size: 100px;
	color: #151515;
	font-family: "Vintage Rotter", "Rockville Solid Regular", cursive;
	position: absolute;
	left: 0;
	top: -45px;
	width: 100%;
	z-index: -1;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	font-family: "GC Vank Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	padding: 14px 25px 12px;
	color: #ffffff;
	background: #c94e98;
	letter-spacing: 2px;
}

.primary-btn.border-btn {
	background: transparent;
	border: 2px solid #c94e98;
	color: #ffffff;
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	background: #c94e98;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: "GC Vank Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 30px;
	width: 100%;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #e85a9c;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #e85a9c;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
	/* sem fundo: deixa só o background do conteúdo/hero aparecer */
	background: none;
}

.header.header--normal {
	position: relative;
	background: none;
}

.header .container {
	position: relative;
}

/* Header em 3 blocos: logo | menu | redes — flex row, space-between, align center */
.header__row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.header__logo {
	display: flex;
	align-items: center;
	padding: 31px 0 27px;
}

.header__logo a {
	display: inline-block;
	text-decoration: none;
}

/* Logo "Flamingo Club" no header: mesma config do hero, em tamanho menor */
.header__logo .logo-neon__text {
	font-size: 1.35rem;
}

/* Menu no meio (segundo bloco) */
.header__menu {
	padding: 31px 0 27px;
	display: inline-block;
	margin-right: 0;
}

/* Ícones de redes sociais à direita (terceiro bloco) */
.header__right__social {
	display: flex;
	align-items: center;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.header__menu ul li.active a:after {
	opacity: 1;
}

.header__menu ul li:hover a:after {
	opacity: 1;
}

.header__menu ul li:hover .dropdown {
	top: 34px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 56px;
	width: 150px;
	background: #111111;
	text-align: left;
	padding: 2px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	padding: 8px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 15px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: "GC Vank Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	display: block;
	padding: 6px 0;
	position: relative;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #ffffff;
	content: "";
	-webkit-transition: all, 0.35s ease-out;
	-o-transition: all, 0.35s ease-out;
	transition: all, 0.35s ease-out;
	opacity: 0;
	box-shadow: 0 0 0 rgba(201, 78, 152, 0);
}

/* Hover do menu: texto branco e linha rosa (#c94e98) */
.header__menu ul li:hover > a,
.header__menu ul li.active > a {
	color: #ffffff;
}

.header__menu ul li:hover > a:after,
.header__menu ul li.active > a:after {
	background: #c94e98;
	opacity: 1;
	box-shadow:
		0 0 6px rgba(201, 78, 152, 0.85),
		0 0 12px rgba(201, 78, 152, 0.75),
		0 0 18px rgba(201, 78, 152, 0.6);
}

.header__right__social {
	display: inline-block;
}

.header__right__social a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	margin-right: 16px;
}

.header__right__social a:last-child {
	margin-right: 0;
}

/* Menu hamburger (slicknav): só no mobile; no desktop fica escondido */
.slicknav_menu {
	display: none;
}

/* Desktop: menu normal e redes visíveis; hamburger escondido */
@media only screen and (min-width: 768px) {
	.slicknav_menu {
		display: none !important;
	}
	.header__menu {
		display: inline-block !important;
	}
	.header__right__social {
		display: flex !important;
	}
}

/* Mobile menu (slicknav): esconder texto "MENU" e deixar só o ícone */
.slicknav_menu .slicknav_menutxt {
	display: none;
}

.slicknav_menu .slicknav_icon-bar {
	background: #ffffff;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	padding-top: 320px;
	padding-bottom: 260px;
	position: relative;
	min-height: 100vh;
	/* esconde a imagem colorida aplicada pelo JS; a versão P&B fica no ::after */
	background-image: none !important;
}

/* Camada da foto do hero em preto e branco (atrás do overlay e do texto) */
.hero::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/hero-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	filter: grayscale(1);
	z-index: 0;
}

/* Overlay no fundo do hero para melhorar a leitura do texto */
.hero::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* centro mais claro, bordas mais escuras */
	background:
		radial-gradient(circle at center,
			rgba(0, 0, 0, 0.35) 0%,
			rgba(0, 0, 0, 0.65) 70%,
			rgba(0, 0, 0, 0.85) 100%);
	z-index: 1;
}

.hero__text {
	text-align: center;
	position: relative;
	z-index: 1;
}

/* Em telas grandes, alinhar o texto do hero à esquerda e subir o bloco */
@media (min-width: 992px) {
	.hero {
		min-height: 100vh;
		padding-top: 140px;
		padding-bottom: 140px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.hero__text {
		text-align: left;
		max-width: 860px;
		margin-left: 0;
		margin-top: 0;
	}
	.hero__text p {
		max-width: 520px;
	}
}

/* Mobile: reduzir padding do hero para o título não ficar tão apertado */
@media (max-width: 768px) {
	.hero {
		padding-top: 90px;
		padding-bottom: 100px;
	}
	.hero__text {
		margin-top: 0;
		text-align: center;
	}
	.hero__text p {
		font-size: 0.875rem;
		line-height: 1.5;
		margin-left: auto;
		margin-right: auto;
	}
	.hero__text .primary-btn {
		display: inline-block;
	}
}
@media (max-width: 479px) {
	.hero {
		padding-top: 70px;
		padding-bottom: 80px;
	}
	.hero__text {
		margin-top: 0;
		text-align: center;
	}
	.hero__text p {
		font-size: 0.8rem;
		line-height: 1.5;
		margin-left: auto;
		margin-right: auto;
	}
	.hero__text .primary-btn {
		display: inline-block;
	}
	.hero__text h1 .hero__script,
	.logo-neon__text {
		padding: 0.05em 0.35em;
	}
}

.hero__text span {
	color: #c94e98;
	text-transform: uppercase;
	letter-spacing: 0.35em;
	font-family: "GC Vank Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	display: inline-block;
	margin-bottom: 26px;
}

.hero__text h1 {
	font-size: clamp(48px, 12vw, 110px);
	font-family: "Archivo Black", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #ffffff;
	margin-bottom: 28px;
	margin-top: 6px;
}

.hero__text p {
	color: #b0b0b0;
	margin-bottom: 26px;
	line-height: 1.7;
}

/* palavra em script no hero (ex.: "Flamingo") e logo neon no header */
.hero__text h1 .hero__script,
.logo-neon__text {
	position: relative;
	display: inline-block;
	padding: 0.1em 0.6em;

	font-family: "Vintage Rotter", "Rockville Solid Regular", cursive;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0.02em;
	line-height: 0.8em;
	color: #ffffff;
	text-shadow:
		0 0 3px rgba(255, 180, 220, 0.7),
		0 0 8px rgba(255, 150, 220, 0.7),
		0 0 16px rgba(255, 120, 200, 0.85);
	animation: neon-text 2.2s ease-in-out infinite alternate;
	transform: rotate(-15deg);
	text-align: center;
}

.hero__text h1 .hero__script::before,
.logo-neon__text::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2.4em;
	height: 2.4em;
	border-radius: 50%;
	border: 2px solid rgba(255, 170, 230, 0.9);
	box-shadow:
		0 0 4px rgba(255, 170, 230, 0.7),
		0 0 10px rgba(255, 150, 220, 0.7),
		0 0 20px rgba(201, 78, 152, 0.8);
	animation: neon-circle 2.2s ease-in-out infinite alternate;
	z-index: -1;
}

/* chamadas especiais com Horizon (usar pontualmente, ex.: pequenos selos) */
.headline--horizon {
	font-family: "Horizon", "Archivo Black", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.0em;
	font-size: 5em !important;
	line-height: 1;
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 2px #ff7acb;
	/* gradiente de opacidade de cima (forte) para baixo (fraco) */
	/* -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.25) 100%); */
	/* mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.25) 100%); */
	/* drop-shadow segue só o contorno (pixels visíveis), não preenche o interior */
	filter: drop-shadow(0 0 3px rgba(255, 122, 203, 0.95))
	        drop-shadow(0 0 8px rgba(255, 122, 203, 0.7))
	        drop-shadow(0 0 14px rgba(201, 78, 152, 0.5));
	animation: neon-flicker 3s ease-in-out infinite;
}

@keyframes neon-flicker {
	0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
		filter: drop-shadow(0 0 3px rgba(255, 122, 203, 0.95))
		        drop-shadow(0 0 8px rgba(255, 122, 203, 0.7))
		        drop-shadow(0 0 14px rgba(201, 78, 152, 0.5));
		-webkit-text-stroke-color: #ff7acb;
	}
	20%, 24%, 55% {
		filter: drop-shadow(0 0 5px rgba(255, 122, 203, 1))
		        drop-shadow(0 0 12px rgba(255, 122, 203, 0.85))
		        drop-shadow(0 0 20px rgba(201, 78, 152, 0.65));
		-webkit-text-stroke-color: #ff8fd4;
	}
}

@keyframes neon-text {
	0% {
		text-shadow:
			0 0 2px rgba(255, 170, 230, 0.5),
			0 0 6px rgba(255, 150, 220, 0.6),
			0 0 12px rgba(255, 120, 200, 0.7);
	}
	100% {
		text-shadow:
			0 0 3px rgba(255, 210, 245, 0.8),
			0 0 10px rgba(255, 180, 230, 0.9),
			0 0 22px rgba(255, 150, 220, 1);
	}
}

@keyframes neon-circle {
	0% {
		box-shadow:
			0 0 3px rgba(255, 170, 230, 0.5),
			0 0 8px rgba(255, 150, 220, 0.6),
			0 0 16px rgba(201, 78, 152, 0.7);
	}
	100% {
		box-shadow:
			0 0 4px rgba(255, 210, 245, 0.8),
			0 0 12px rgba(255, 180, 230, 0.9),
			0 0 24px rgba(201, 78, 152, 1);
	}
}

.hero__text .play-btn {
	font-size: 26px;
	color: #c94e98;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	display: inline-block;
	line-height: 90px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.hero__text .play-btn i {
	position: relative;
	top: 2px;
	left: 2px;
}

.hero__text .play-btn:after {
	position: absolute;
	left: 15px;
	top: 15px;
	height: 60px;
	width: 60px;
	background: #e8e8e8;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

/* Botão CTA compra biglietti no hero */
.hero__cta {
	display: inline-block;
	margin-top: 12px;
	padding: 14px 32px;
	font-size: 15px;
	font-weight: 600;
	font-family: "GC Vank Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #ffffff;
	background: #ff7acb;
	border: 2px solid #ff7acb;
	text-decoration: none;
	position: relative;
	z-index: 1;
	transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	box-shadow:
		0 0 8px rgba(255, 122, 203, 0.4),
		0 0 16px rgba(201, 78, 152, 0.2);
}
.hero__cta:hover {
	color: #ffffff;
	background: #e86ab8;
	border-color: #ff8fd4;
	box-shadow:
		0 0 12px rgba(255, 122, 203, 0.7),
		0 0 24px rgba(201, 78, 152, 0.5);
}

.linear__icon {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -16px;
	-webkit-animation: mymove 0.5s infinite alternate;
	animation: mymove 0.5s infinite alternate;
}

.linear__icon i {
	font-size: 50px;
	color: #c94e98;
}

@-webkit-keyframes mymove {
	0% {
		bottom: 0;
	}
	100% {
		bottom: -10px;
	}
}

@keyframes mymove {
	0% {
		bottom: 0;
	}
	100% {
		bottom: -10px;
	}
}

/*---------------------
  Events
-----------------------*/

.event {
	padding-bottom: 60px;
}

.event .section-title {
	margin-bottom: 10px;
	position: relative;
}

.event .section-title:after {
	position: absolute;
	right: 46px;
	top: 25px;
	height: 2px;
	width: 600px;
	background: #ff7acb;
	content: "";
	z-index: -1;
	box-shadow:
		0 0 4px rgba(255, 122, 203, 0.9),
		0 0 12px rgba(255, 122, 203, 0.6),
		0 0 20px rgba(255, 122, 203, 0.4);
}

.event__slider .col-lg-4 {
	max-width: 100%;
}

.event__slider.owl-carousel .owl-stage-outer {
	padding-top: 30px;
	padding-bottom: 40px;
}

.event__slider.owl-carousel .owl-nav {
	position: absolute;
	right: 15px;
	top: -50px;
}

.event__slider.owl-carousel .owl-nav button {
	font-size: 22px;
	color: #e8e8e8;
	opacity: 0.5;
	margin-right: 10px;
}

.event__slider.owl-carousel .owl-nav button:last-child {
	margin-right: 0;
}

.event__item {
	-webkit-box-shadow: 0px 3px 15px rgba(201, 78, 152, 0.12);
	box-shadow: 0px 3px 15px rgba(201, 78, 152, 0.12);
}

.event__item__pic {
	height: 360px;
	position: relative;
}

.event__item__pic .tag-date {
	position: absolute;
	left: 0;
	bottom: -21px;
	width: 100%;
	text-align: center;
}

.event__item__pic .tag-date span {
	font-size: 15px;
	color: #ffffff;
	display: inline-block;
	background: #c94e98;
	padding: 12px 8px 9px 20px;
}

.event__item__text {
	text-align: center;
	padding: 45px 10px 80px;
	display: block;
	position: relative;
	height: 260px;
	box-sizing: border-box;
}

.event__item__text h4 {
	font-size: 26px;
	font-weight: 700;
	color: #e8e8e8;
	margin-bottom: 10px;
}

.event__item__text p {
	color: #888888;
	margin-bottom: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.4;
	max-height: 4.2em;
}

.event__item__text p i {
	color: #c94e98;
	margin-right: 8px;
	font-size: 17px;
}

.primary-btn.primary-btn--event {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 25px;
}

/* garantir que todos os cards de evento tenham a mesma altura
   e que o botão fique alinhado no fundo em cada card */
.event__slider .col-lg-4 {
	height: auto;
}

.event__item {
	display: block;
}

.event__item__text {
	height: 260px;
}

/*---------------------
  Track
-----------------------*/

.track {
	padding-top: 120px;
	padding-bottom: 40px;
	overflow: hidden;
}

.track .section-title {
	margin-bottom: 105px;
}

.track__content {
	height: 502px;
	overflow-y: auto;
}

.track__all {
	text-align: right;
	margin-bottom: 100px;
}

.jp-play {
	position: relative;
	height: 50px;
	width: 50px;
	background: transparent;
	border: 2px solid #333333;
	border-radius: 50%;
}

.jp-play:after {
	position: absolute;
	display: block;
	left: 17px;
	top: 12px;
	width: 16px;
	height: 20px;
	background: url(../img/play-default.png);
	content: "";
}

.jp-state-playing .jp-play {
	background: #c94e98 !important;
	border-color: #c94e98 !important;
}

.jp-state-playing .jp-play:after {
	background: url(../img/pause.png) !important;
	left: 15px;
	top: 12px;
}

.jp-audio .jp-play:focus {
	background: #c94e98 !important;
	border-color: #c94e98 !important;
}

.jp-audio .jp-play:focus:after {
	background: url(../img/play.png);
}

.jp-seek-bar>div {
	height: 5px;
	background: #333333;
	cursor: pointer;
	width: 245px;
}

.player_bars {
	width: 350px;
	display: table;
	padding-left: 50px;
	position: relative;
	padding-top: 25px;
	float: left;
	margin-right: 30px;
}

.jp-play-bar {
	position: relative;
	height: 100%;
	background: #c94e98;
	overflow: visible !important;
}

.jp-current-time {
	font-size: 15px;
	color: #e8e8e8;
	position: absolute;
	left: -50px;
	top: -9px;
}

.jp-duration {
	font-size: 15px;
	color: #e8e8e8;
	position: absolute;
	right: 0;
	top: 16px;
}

.player_controls_box {
	width: 50px;
	float: left;
	margin-right: 20px;
}

.jp-mute {
	font-size: 18px;
	border: none;
	background: none;
	color: #e8e8e8;
	position: absolute;
	left: 0;
	top: 13px;
}

.jp-volume-bar {
	height: 5px;
	width: 70px;
	background: #333333;
	cursor: pointer;
}

.jp-volume-bar-value {
	background: #c94e98;
	height: 100%;
}

.jp-volume-controls {
	position: relative;
	width: 95px;
	float: left;
	padding-left: 30px;
	padding-top: 25px;
}

.single_player_container {
	overflow: hidden;
	margin-bottom: 40px;
}

.single_player_container:last-child {
	margin-bottom: 0;
}

.single_player_container h4 {
	font-size: 26px;
	color: #e8e8e8;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.track__pic {
	position: relative;
	z-index: 1;
}

.track__pic:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0d0d0d;
	content: "";
	z-index: -1;
}

.track__pic img {
	position: relative;
	top: -50px;
	width: calc(100% - 40px);
	margin-left: 40px;
	height: 502px;
}

/*---------------------
  Youtube
-----------------------*/

.youtube {
	padding-bottom: 50px;
}

.youtube .section-title {
	text-align: center;
}

.youtube .section-title h1 {
	font-size: 90px;
}

.youtube__item {
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-bottom: 30px;
}

.youtube__item:hover {
	-webkit-box-shadow: 0px 3px 30px rgba(201, 78, 152, 0.12);
	box-shadow: 0px 3px 30px rgba(201, 78, 152, 0.12);
}

.youtube__item__pic {
	height: 240px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.youtube__item__pic .play-btn {
	font-size: 16px;
	color: #c94e98;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	display: inline-block;
	line-height: 60px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.youtube__item__pic .play-btn i {
	position: relative;
	top: 2px;
	left: 2px;
}

.youtube__item__pic .play-btn:after {
	position: absolute;
	left: 10px;
	top: 10px;
	height: 40px;
	width: 40px;
	background: #e8e8e8;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.youtube__item__text {
	padding: 25px 30px 20px 20px;
	background: #141414;
	border: 1px solid #252525;
}

.youtube__item__text h4 {
	font-size: 26px;
	color: #e8e8e8;
	line-height: 34px;
	font-weight: 700;
}

/*---------------------
  Countdown
-----------------------*/

.countdown {
	padding-bottom: 560px;
}

.countdown.countdown--page {
	padding-top: 150px;
	padding-bottom: 150px;
}

.countdown__text {
	text-align: center;
	margin-bottom: 36px;
}

.countdown__text h1 {
	font-size: 90px;
	color: #ffffff;
	font-family: "Vintage Rotter", "Rockville Solid Regular", cursive;
	color: #ffffff;
	margin-bottom: 25px;
}

.countdown__text h4 {
	font-size: 26px;
	font-family: "GC Vank Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.countdown__timer {
	text-align: center;
	margin-bottom: 30px;
}

.countdown__item {
	display: inline-block;
	margin-right: 80px;
	margin-bottom: 30px;
}

.countdown__item:last-child {
	margin-right: 0;
}

.countdown__item span {
	font-size: 90px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	color: #ffffff;
	display: block;
	line-height: 100px;
}

.countdown__item p {
	color: #ffffff;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.buy__tickets {
	text-align: center;
}

/*---------------------
  Discography
-----------------------*/

.discography {
	padding-bottom: 40px;
	padding-top: 120px;
	overflow: hidden;
}

.discography .section-title {
	margin-bottom: 90px;
}

.discography__item {
	margin-bottom: 45px;
	-webkit-box-shadow: 0px 5px 10px rgba(201, 78, 152, 0.12);
	box-shadow: 0px 5px 10px rgba(201, 78, 152, 0.12);
}

.discography__item__pic img {
	min-width: 100%;
}

.discography__item__text {
	padding: 25px 30px 35px;
	text-align: center;
}

.discography__item__text span {
	font-size: 18px;
	color: #c94e98;
	font-weight: 700;
}

.discography__item__text h4 {
	font-size: 22px;
	text-transform: uppercase;
	color: #e8e8e8;
	margin-top: 10px;
	margin-bottom: 25px;
}

.discography__item__text a {
	display: inline-block;
	margin-right: 10px;
}

.discography__item__text a:last-child {
	margin-right: 0;
}

.pagination__links {
	text-align: center;
	padding-top: 10px;
}

.pagination__links.blog__pagination {
	text-align: left;
}

.pagination__links a {
	display: inline-block;
	font-size: 15px;
	color: #e8e8e8;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #121212;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 6px;
	margin-bottom: 5px;
	padding: 14px 22px 12px;
}

.pagination__links a:last-child {
	margin-right: 0;
}

.pagination__links a:hover {
	background: #4a1f3d;
	color: #ffffff;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	padding-top: 300px;
	padding-bottom: 60px;
	margin-top: -547px;
	height: 549px;
}

.footer.footer--normal {
	margin-top: 0;
}

.footer__address {
	margin-bottom: 50px;
}

.footer__address ul li {
	list-style: none;
	padding-left: 70px;
	position: relative;
	margin-bottom: 30px;
}

.footer__address ul li:last-child {
	margin-bottom: 0;
}

.footer__address ul li i {
	font-size: 18px;
	color: #f0a8ce;
	height: 50px;
	width: 50px;
	background: #1a1a1a;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.footer__address ul li p {
	color: #ffffff;
	opacity: 0.7;
	margin-bottom: 8px;
}

.footer__address ul li h6 {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
}

.footer__social {
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}

.footer__social::before {
	position: absolute;
	left: -46px;
	top: 3px;
	width: 1px;
	height: 130px;
	background: rgba(255, 255, 255, 0.2);
	content: "";
}

.footer__social::after {
	position: absolute;
	right: -50px;
	top: 3px;
	width: 1px;
	height: 130px;
	background: rgba(255, 255, 255, 0.2);
	content: "";
}

.footer__social h2 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 25px;
}

.footer__social .footer__social__links a {
	font-size: 18px;
	color: #f0a8ce;
	height: 50px;
	width: 50px;
	background: #1a1a1a;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
}

.footer__social .footer__social__links a:last-child {
	margin-right: 0;
}

.footer__newslatter {
	margin-bottom: 50px;
}

.footer__newslatter h4 {
	font-size: 26px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
}

.footer__newslatter form {
	position: relative;
}

.footer__newslatter form input {
	height: 50px;
	font-size: 15px;
	color: #ffffff;
	width: 100%;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding-left: 20px;
}

.footer__newslatter form input::-webkit-input-placeholder {
	color: #ffffff;
}

.footer__newslatter form input::-moz-placeholder {
	color: #ffffff;
}

.footer__newslatter form input:-ms-input-placeholder {
	color: #ffffff;
}

.footer__newslatter form input::-ms-input-placeholder {
	color: #ffffff;
}

.footer__newslatter form input::placeholder {
	color: #ffffff;
}

.footer__newslatter form button {
	font-size: 18px;
	color: #f0a8ce;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 16px;
	background: #1a1a1a;
	border: none;
	border-left: 1px solid #333;
}

.footer__copyright__text {
	text-align: center;
}

.footer__copyright__text p {
	color: #999999;
}

.footer__copyright__text a {
	color: #999999;
	text-decoration: underline;
}

.footer__copyright__text a.footer-devbuild {
	color: #c94e98;
}

.footer__copyright__text a:hover {
	color: #c94e98;
}

.footer__copyright__text i {
	color: #c11;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top: 35px;
}

.breadcrumb__links a {
	font-size: 15px;
	color: #e8e8e8;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -14px;
	top: 0;
	content: "|";
	color: #888888;
}

.breadcrumb__links a i {
	margin-right: 5px;
}

.breadcrumb__links span {
	font-size: 15px;
	color: #888888;
	display: inline-block;
}

/*---------------------
  About
-----------------------*/

.about {
	padding-top: 0;
}

.about.about--page {
	padding-top: 80px;
	padding-bottom: 80px;
}

.about.about--page .section-title {
	margin-bottom: 28px;
}

.about.about--page .section-title h2 {
	line-height: 55px;
	font-size: 3.5rem;
}

.about.about--page .about__text {
	padding-top: 15px;
}

.about.about--page .about__text p {
	color: #e8e8e8;
}

.about__text {
	padding-top: 110px;
}

.about__text p {
	margin-bottom: 35px;
}

/*---------------------
  Skills
-----------------------*/

.skills {
	padding-bottom: 0;
	padding-top: 80px;
}

.skills__content {
	background: #c94e98;
	height: 500px;
	padding: 100px 70px 60px;
}

.skills__content .section-title h2 {
	color: #ffffff;
}

.skills__content .section-title h1 {
	color: #ffffff;
	opacity: 0.1;
	text-align: center;
}

.skills__content p {
	color: #ffffff;
	margin-bottom: 32px;
}

.skill__bar__item {
	margin-bottom: 20px;
}

.skill__bar__item p {
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	margin-bottom: 10px;
}

.skill__bar__item .barfiller {
	width: 100%;
	height: 5px;
	background: rgba(255, 255, 255, 0.2);
	border: none;
	margin-bottom: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.skill__bar__item .barfiller .tip {
	margin-top: -32px;
	padding: 0;
	font-size: 15px;
	color: #fff;
	background: transparent;
}

.skill__bar__item .barfiller .tip:after {
	display: none;
}

.skills__video {
	height: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.skills__video .play-btn {
	font-size: 26px;
	color: #c94e98;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	background: rgba(117, 31, 221, 0.3);
	display: inline-block;
	line-height: 90px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.skills__video .play-btn i {
	position: relative;
	top: 2px;
	left: 2px;
}

.skills__video .play-btn:after {
	position: absolute;
	left: 15px;
	top: 15px;
	height: 60px;
	width: 60px;
	background: #e8e8e8;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

/*---------------------
  About Pic
-----------------------*/

.about-pic {
	overflow: hidden;
}

.about-pic .container-fluid {
	padding-right: 0;
}

.about-pic__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 280px;
	gap: 10px;
	grid-auto-flow: dense;
}

.about-pic__item {
	position: relative;
	overflow: hidden;
}

.about-pic__item--tall {
	grid-row: span 2;
}

.about-pic__item--wide {
	grid-column: span 2;
}

.about-pic__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 992px) {
	.about-pic__grid {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 240px;
	}
	.about-pic .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 768px) {
	.about-pic__grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 250px;
	}
	.about-pic .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.about-pic__item--tall,
	.about-pic__item--wide {
		grid-row: span 1;
		grid-column: span 1;
	}
}

@media (max-width: 576px) {
	.about-pic__grid {
		grid-template-columns: 1fr;
		grid-auto-rows: 320px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.about-pic .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.about-pic__item--tall,
	.about-pic__item--wide {
		grid-row: span 1;
		grid-column: span 1;
	}
}

/*---------------------
  About Services
-----------------------*/

.about-services {
	padding-bottom: 50px;
}

.about-services .section-title {
	margin-bottom: 60px;
}

.about__services__item {
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.about__services__item:hover {
	-webkit-box-shadow: 0px 3px 30px rgba(201, 78, 152, 0.12);
	box-shadow: 0px 3px 30px rgba(201, 78, 152, 0.12);
}

.about__services__item__pic {
	height: 240px;
	position: relative;
}

.about__services__item__pic .icon {
	height: 50px;
	width: 50px;
	background: #c94e98;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -25px;
}

.about__services__item__text {
	text-align: center;
	padding: 50px 10px 30px;
}

.about__services__item__text h4 {
	font-size: 26px;
	color: #e8e8e8;
	font-weight: 700;
	margin-bottom: 12px;
}

.about__services__item__text p {
	margin-bottom: 0;
}

/*---------------------
  Feature
-----------------------*/

.feature {
	padding-bottom: 70px;
}

.feature.feature--about .section-title span {
	color: #0071e4;
}

.feature.feature--about .feature__item {
	background: #0d0d0d;
}

.feature.feature--about .feature__item h5 {
	color: #e8e8e8;
}

.feature__text {
	padding-top: 80px;
}

.feature__text .section-title {
	margin-bottom: 20px;
}

.feature__text p {
	margin-bottom: 26px;
}

.feature__item {
	background: #0c2b4b;
	text-align: center;
	padding: 40px 10px 35px;
	margin-bottom: 30px;
}

.feature__item.right-column {
	margin-top: 120px;
}

.feature__item h5 {
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	margin-top: 25px;
}

/*---------------------
  Services
-----------------------*/

.services {
	overflow: hidden;
}

/* Services ocupa 100% da largura, sem respiro lateral do container */
.services .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.services__left {
	height: 640px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.services__left .play-btn {
	font-size: 26px;
	color: #ffffff;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(127, 0, 173, 0.3)), to(rgba(93, 0, 206, 0.3)));
	background: -o-linear-gradient(left, rgba(127, 0, 173, 0.3), rgba(93, 0, 206, 0.3));
	background: linear-gradient(to right, rgba(127, 0, 173, 0.3), rgba(93, 0, 206, 0.3));
	display: inline-block;
	line-height: 90px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.services__left .play-btn i {
	position: relative;
	top: 2px;
	left: 2px;
}

.services__left .play-btn:after {
	position: absolute;
	left: 15px;
	top: 15px;
	height: 60px;
	width: 60px;
	background: -webkit-gradient(linear, left top, right top, from(#7E00AD), to(#5C00CE));
	background: -o-linear-gradient(left, #7E00AD, #5C00CE);
	background: linear-gradient(to right, #7E00AD, #5C00CE);
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.services__list {
	margin: 0;
}

.service__item {
	background: #c94e98;
	height: 320px;
	padding: 70px 40px 40px 70px;
}

.service__item.deep-bg {
	background: #ff7acb;
}

.service__item h4 {
	font-size: 26px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 10px;
}

.service__item p {
	color: #ffffff;
	margin-bottom: 0;
}

/*---------------------
  Tours
-----------------------*/

.tours {
	padding-top: 150px;
	padding-bottom: 60px;
}

.tours__item__text {
	padding-right: 30px;
	margin-bottom: 100px;
}

.tours__item__text.tours__item__text--right {
	padding-left: 30px;
	padding-right: 0;
}

.tours__item__text h2 {
	font-size: 42px;
	color: #e8e8e8;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.tours__item__text .tours__text__widget {
	overflow: hidden;
	border-bottom: 2px solid #f2f2f2;
	padding-bottom: 38px;
}

.tours__item__text .tours__text__widget ul {
	float: left;
}

.tours__item__text .tours__text__widget ul li {
	list-style: none;
	font-size: 15px;
	color: #e8e8e8;
	padding-left: 35px;
	position: relative;
	margin-bottom: 10px;
}

.tours__item__text .tours__text__widget ul li:last-child {
	margin-bottom: 0;
}

.tours__item__text .tours__text__widget ul li i {
	color: #c94e98;
	position: absolute;
	left: 0;
	top: 3px;
}

.tours__item__text .tours__text__widget ul li span {
	display: inline-block;
	padding-right: 8px;
	position: relative;
	margin-right: 5px;
}

.tours__item__text .tours__text__widget ul li span:last-child {
	padding-right: 0;
	margin-right: 0;
}

.tours__item__text .tours__text__widget ul li span:last-child:after {
	display: none;
}

.tours__item__text .tours__text__widget ul li span:after {
	position: absolute;
	right: 0;
	top: 0;
	content: "|";
}

.tours__item__text .tours__text__widget .price {
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	padding: 14px 25px 12px 30px;
	background: #c94e98;
	float: right;
}

.tours__item__text .tours__text__desc {
	padding-top: 40px;
	margin-bottom: 65px;
}

.tours__item__text .tours__text__desc p {
	color: #e8e8e8;
	margin-bottom: 20px;
}

.tours__item__text .tours__text__desc p:last-child {
	margin-bottom: 0;
}

.tours__item__pic {
	position: relative;
	z-index: 1;
	padding-right: 50px;
	margin-bottom: 110px;
	padding-left: 30px;
}

.tours__item__pic.tours__item__pic--left {
	padding-left: 50px;
	padding-right: 0;
}

.tours__item__pic.tours__item__pic--left:after {
	left: 0;
}

.tours__item__pic.tours__item__pic--last {
	margin-bottom: 0;
}

.tours__item__pic:after {
	position: absolute;
	left: 50px;
	top: -50px;
	width: calc(100% - 50px);
	height: 100%;
	border: 20px solid rgba(201, 78, 152, 0.15);
	content: "";
	z-index: -1;
}

.tours__item__pic img {
	min-width: 100%;
}

/*---------------------
  Videos
-----------------------*/

.videos {
	padding-bottom: 90px;
}

.videos .section-title {
	margin-bottom: 70px;
}

.videos__large__item {
	height: 585px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px;
}

.videos__large__item .play-btn {
	height: 50px;
	width: 50px;
	background: #c94e98;
	border-radius: 50%;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	color: #ffffff;
}

.videos__large__item__text {
	background: rgba(7, 14, 38, 0.7);
	padding: 25px 30px 25px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.videos__large__item__text h4 {
	color: #ffffff;
	font-weight: 700;
}

.videos__large__item__text ul li {
	font-size: 13px;
	list-style: none;
	display: inline-block;
	margin-right: 18px;
	color: #ffffff;
	position: relative;
}

.videos__large__item__text ul li:after {
	position: absolute;
	right: -12px;
	top: 2px;
	height: 17px;
	width: 1px;
	background: #444444;
	content: "";
}

.videos__large__item__text ul li:last-child {
	margin-right: 0;
}

.videos__large__item__text ul li:last-child:after {
	display: none;
}

.videos__item__pic {
	height: 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.videos__item__pic .play-btn {
	height: 40px;
	width: 40px;
	background: #c94e98;
	border-radius: 50%;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	color: #ffffff;
}

.videos__item__text {
	padding-top: 20px;
}

.videos__item__text h5 {
	color: #e8e8e8;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 5px;
}

.videos__item__text ul li {
	font-size: 13px;
	list-style: none;
	display: inline-block;
	margin-right: 18px;
	color: #c94e98;
	position: relative;
}

.videos__item__text ul li:after {
	position: absolute;
	right: -12px;
	top: 2px;
	height: 17px;
	width: 1px;
	background: #888888;
	content: "";
}

.videos__item__text ul li:last-child {
	margin-right: 0;
	color: #888888;
}

.videos__item__text ul li:last-child:after {
	display: none;
}

.videos__slider .col-lg-3 {
	max-width: 100%;
}

.videos__slider.owl-carousel .owl-nav button {
	font-size: 18px;
	color: #888888;
	height: 50px;
	width: 25px;
	background: #1a1a1a;
	line-height: 50px;
	position: absolute;
	left: 15px;
	top: 22%;
}

.videos__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 15px;
}

/*---------------------
    Blog
-----------------------*/

.blog {
	padding-bottom: 60px;
}

.blog .section-title {
	margin-bottom: 80px;
}

.blog__large {
	margin-bottom: 45px;
	-webkit-box-shadow: 0px 3px 10px rgba(201, 78, 152, 0.12);
	box-shadow: 0px 3px 10px rgba(201, 78, 152, 0.12);
	margin-bottom: 50px;
}

.blog__large__pic {
	height: 370px;
	position: relative;
}

.blog__large__pic a {
	font-size: 16px;
	height: 40px;
	width: 40px;
	background: rgba(245, 245, 245, 0.3);
	border-radius: 50%;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	position: absolute;
	right: 12px;
	bottom: 12px;
}

.blog__large__text {
	background: #141414;
	text-align: center;
	padding: 30px 40px 0;
	border: 1px solid #252525;
}

.blog__large__text span {
	font-size: 13px;
	text-transform: uppercase;
	color: #c94e98;
}

.blog__large__text h4 {
	color: #e8e8e8;
	font-weight: 700;
	line-height: 31px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.blog__large__text p {
	margin-bottom: 40px;
}

.blog__large__widget {
	border-top: 1px solid #333333;
	padding: 15px 0 20px;
	text-align: left;
	margin: 0 30px;
}

.blog__large__widget .right__widget {
	text-align: right;
}

.blog__large__widget ul li {
	font-size: 13px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 20px;
	position: relative;
}

.blog__large__widget ul li span {
	color: #e8e8e8;
}

.blog__large__widget ul li:after {
	position: absolute;
	right: -14px;
	top: -2px;
	content: "|";
}

.blog__large__widget ul li:last-child {
	margin-right: 0;
}

.blog__large__widget ul li:last-child:after {
	display: none;
}

.blog__item {
	-webkit-box-shadow: 0px 3px 10px rgba(201, 78, 152, 0.12);
	box-shadow: 0px 3px 10px rgba(201, 78, 152, 0.12);
	margin-bottom: 50px;
}

.blog__item__pic img {
	min-width: 100%;
}

.blog__item__text {
	text-align: center;
	background: #141414;
	padding: 20px 20px 25px;
	border: 1px solid #252525;
}

.blog__item__text span {
	font-size: 13px;
	text-transform: uppercase;
	color: #c94e98;
}

.blog__item__text h5 {
	color: #e8e8e8;
	font-weight: 700;
	line-height: 26px;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 12px;
}

.blog__item__text ul li {
	font-size: 13px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 20px;
	position: relative;
}

.blog__item__text ul li span {
	color: #e8e8e8;
}

.blog__item__text ul li:after {
	position: absolute;
	right: -14px;
	top: -2px;
	content: "|";
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text ul li:last-child:after {
	display: none;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar__item {
	text-align: center;
	margin-bottom: 65px;
}

.blog__sidebar__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__item form input {
	height: 50px;
	font-size: 15px;
	color: #a0a0a0;
	padding-left: 20px;
	border: 1px solid #333333;
	background: #0d0d0d;
	width: 100%;
	margin-bottom: 20px;
}

.blog__sidebar__item form input::-webkit-input-placeholder {
	color: #a0a0a0;
}

.blog__sidebar__item form input::-moz-placeholder {
	color: #a0a0a0;
}

.blog__sidebar__item form input:-ms-input-placeholder {
	color: #a0a0a0;
}

.blog__sidebar__item form input::-ms-input-placeholder {
	color: #a0a0a0;
}

.blog__sidebar__item form input::placeholder {
	color: #a0a0a0;
}

.blog__sidebar__title {
	text-align: center;
	margin-bottom: 35px;
}

.blog__sidebar__title h4 {
	color: #e8e8e8;
	font-weight: 700;
	position: relative;
	padding-bottom: 20px;
}

.blog__sidebar__title h4::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	width: 70px;
	background: #333333;
	content: "";
	margin: 0 auto;
}

.blog__sidebar__social a {
	display: inline-block;
	font-size: 18px;
	color: #e8e8e8;
	width: 50px;
	height: 50px;
	background: #121212;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	margin-right: 6px;
	margin-bottom: 5px;
}

.blog__sidebar__social a:last-child {
	margin-right: 6px;
}

.recent__item {
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
	text-align: left;
}

.recent__item__pic {
	float: left;
	margin-right: 25px;
}

.recent__item__text {
	overflow: hidden;
}

.recent__item__text h6 {
	color: #e8e8e8;
	line-height: 21px;
	font-weight: 700;
}

.recent__item__text span {
	font-size: 13px;
	color: #888888;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
	padding-bottom: 60px;
	padding-top: 70px;
}

.blog__details__item {
	margin-bottom: 32px;
}

.blog__details__item__pic {
	height: 385px;
	position: relative;
}

.blog__details__item__pic a {
	font-size: 16px;
	height: 40px;
	width: 40px;
	background: rgba(245, 245, 245, 0.3);
	border-radius: 50%;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	position: absolute;
	right: 12px;
	bottom: 12px;
}

.blog__details__item__text {
	background: #141414;
	padding-top: 30px;
	border: 1px solid #252525;
}

.blog__details__item__text span {
	font-size: 13px;
	text-transform: uppercase;
	color: #c94e98;
}

.blog__details__item__text h3 {
	color: #e8e8e8;
	font-weight: 700;
	line-height: 31px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.blog__details__item__text p {
	margin-bottom: 40px;
}

.blog__details__item__widget {
	border-top: 1px solid #f2f2f2;
	padding-top: 15px;
	text-align: left;
}

.blog__details__item__widget ul li {
	font-size: 13px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 20px;
	position: relative;
}

.blog__details__item__widget ul li span {
	color: #e8e8e8;
}

.blog__details__item__widget ul li:after {
	position: absolute;
	right: -14px;
	top: -2px;
	content: "|";
}

.blog__details__item__widget ul li:last-child {
	margin-right: 0;
}

.blog__details__item__widget ul li:last-child:after {
	display: none;
}

.blog__details__desc {
	margin-bottom: 54px;
}

.blog__details__desc p {
	margin-bottom: 20px;
}

.blog__details__desc p:last-child {
	margin-bottom: 0;
}

.blog__details__quote {
	border: 1px solid #333333;
	padding: 35px 40px 35px 40px;
	position: relative;
	margin-bottom: 35px;
}

.blog__details__quote p {
	font-size: 18px;
	color: #e8e8e8;
	line-height: 31px;
}

.blog__details__quote h6 {
	font-size: 15px;
	color: #888888;
	text-transform: uppercase;
}

.blog__details__quote i {
	font-size: 36px;
	color: #c94e98;
	position: absolute;
	right: 40px;
	bottom: 35px;
}

.blog__details__tags {
	padding-top: 20px;
	margin-bottom: 60px;
}

.blog__details__tags a {
	display: inline-block;
	font-size: 15px;
	color: #a0a0a0;
	padding: 12px 20px 10px;
	background: #0d0d0d;
	margin-right: 10px;
}

.blog__details__tags a:last-child {
	margin-right: 0;
}

.blog__details__option {
	margin-bottom: 60px;
}

.blog__option__btn {
	display: block;
	overflow: hidden;
}

.blog__option__btn.blog__option__btn--next {
	text-align: right;
}

.blog__option__btn.blog__option__btn--next .option__btn__name i {
	margin-right: 0;
	margin-left: 6px;
}

.blog__option__btn.blog__option__btn--next .blog__option__btn__item {
	overflow: hidden;
}

.blog__option__btn.blog__option__btn--next .blog__option__btn__item .blog__option__btn__pic {
	float: right;
	margin-right: 0;
	margin-left: 30px;
}

.blog__option__btn .option__btn__name {
	font-size: 15px;
	color: #a0a0a0;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.blog__option__btn .option__btn__name i {
	font-size: 18px;
	font-weight: 700;
	margin-right: 6px;
}

.blog__option__btn__pic {
	float: left;
	margin-right: 26px;
}

.blog__option__btn__text {
	overflow: hidden;
}

.blog__option__btn__text h6 {
	color: #e8e8e8;
	font-weight: 700;
	line-height: 21px;
}

.blog__option__btn__text span {
	color: #888888;
	font-size: 13px;
}

.blog__details__services {
	margin-bottom: 30px;
}

.blog__details__services__title,
.blog__details__form__title {
	text-align: center;
	margin-bottom: 30px;
}

.blog__details__services__title h4,
.blog__details__form__title h4 {
	color: #e8e8e8;
	font-weight: 700;
	position: relative;
	padding-bottom: 20px;
	font-size: 26px;
}

.blog__details__services__title h4::before,
.blog__details__form__title h4::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	width: 70px;
	background: #333333;
	content: "";
	margin: 0 auto;
}

.blog__details__services__item {
	-webkit-box-shadow: 0px 5px 15px rgba(201, 78, 152, 0.08);
	box-shadow: 0px 5px 15px rgba(201, 78, 152, 0.08);
	margin-bottom: 30px;
}

.blog__details__services__item__pic img {
	min-width: 100%;
}

.blog__details__services__item__text {
	padding: 15px 20px 10px;
}

.blog__details__services__item__text h6 a {
	font-size: 17px;
	color: #e8e8e8;
	font-weight: 700;
	line-height: 22px;
}

.blog__details__services__item__text span {
	color: #888888;
	font-size: 13px;
}

.blog__details__form form .input__list,
.contact__form form .input__list {
	margin-right: -20px;
	overflow: hidden;
}

.blog__details__form form .input__list input,
.contact__form form .input__list input {
	height: 50px;
	font-size: 13px;
	color: #cccccc;
	padding-left: 20px;
	border: 1px solid #333333;
	background: #0d0d0d;
	width: calc(33.33% - 20px);
	margin-bottom: 20px;
	margin-right: 16px;
}

.blog__details__form form .input__list input::-webkit-input-placeholder,
.contact__form form .input__list input::-webkit-input-placeholder {
	color: #666666;
}

.blog__details__form form .input__list input::-moz-placeholder,
.contact__form form .input__list input::-moz-placeholder {
	color: #666666;
}

.blog__details__form form .input__list input:-ms-input-placeholder,
.contact__form form .input__list input:-ms-input-placeholder {
	color: #666666;
}

.blog__details__form form .input__list input::-ms-input-placeholder,
.contact__form form .input__list input::-ms-input-placeholder {
	color: #666666;
}

.blog__details__form form .input__list input::placeholder,
.contact__form form .input__list input::placeholder {
	color: #666666;
}

.blog__details__form form textarea,
.contact__form form textarea {
	height: 120px;
	font-size: 13px;
	color: #cccccc;
	padding-left: 20px;
	padding-top: 12px;
	border: 1px solid #333333;
	background: #0d0d0d;
	width: 100%;
	margin-bottom: 14px;
	resize: none;
}

.blog__details__form form textarea::-webkit-input-placeholder,
.contact__form form textarea::-webkit-input-placeholder {
	color: #666666;
}

.blog__details__form form textarea::-moz-placeholder,
.contact__form form textarea::-moz-placeholder {
	color: #666666;
}

.blog__details__form form textarea:-ms-input-placeholder,
.contact__form form textarea:-ms-input-placeholder {
	color: #666666;
}

.blog__details__form form textarea::-ms-input-placeholder,
.contact__form form textarea::-ms-input-placeholder {
	color: #666666;
}

.blog__details__form form textarea::placeholder,
.contact__form form textarea::placeholder {
	color: #666666;
}

/*---------------------
  Map
-----------------------*/

.map {
	height: 585px;
	margin-top: 60px;
}

.map iframe {
	width: 100%;
	border: none;
	border-radius: 18px;
	overflow: hidden;
	filter: grayscale(100%) contrast(1.1) brightness(0.6);
	mix-blend-mode: screen;
	box-shadow: 0 0 35px rgba(201, 78, 152, 0.55);
	transition: filter 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;
}

.map iframe:hover {
	filter: grayscale(0%) contrast(1.15) brightness(0.9);
	box-shadow: 0 0 45px rgba(201, 78, 152, 0.9);
	transform: translateY(-4px);
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 70px;
	padding-bottom: 50px;
}

.contact__address .section-title {
	margin-bottom: 10px;
}

.contact__address .section-title h2 {
	text-transform: none;
}

.contact__address p {
	margin-bottom: 34px;
}

.contact__address ul li {
	list-style: none;
	padding-left: 100px;
	position: relative;
	margin-bottom: 30px;
}

.contact__address ul li:last-child {
	margin-bottom: 0;
}

.contact__address ul li i {
	font-size: 30px;
	height: 70px;
	width: 70px;
	background: #0d0d0d;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	color: #c94e98;
	position: absolute;
	left: 0;
	top: -4px;
}

.contact__address ul li h5 {
	font-size: 20px;
	color: #e8e8e8;
	font-weight: 700;
	margin-bottom: 10px;
}

.contact__address ul li p {
	margin-bottom: 0;
}

.contact__address ul li span {
	font-size: 15px;
	color: #e8e8e8;
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

.contact__address ul li span:after {
	position: absolute;
	right: -20px;
	top: -1px;
	content: ".";
	font-size: 39px;
	line-height: 0;
	border-radius: 50%;
}

.contact__address ul li span:last-child {
	margin-right: 0;
}

.contact__address ul li span:last-child:after {
	display: none;
}

.contact__form .section-title {
	margin-bottom: 10px;
}

.contact__form .section-title h2 {
	text-transform: none;
}

.contact__form p {
	margin-bottom: 34px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 18px;
	}
	.header__menu {
		margin-right: 30px;
	}
	.service__item {
		padding: 40px 30px 30px 40px;
	}
	.skills__content {
		padding: 60px 40px 40px;
	}
	.discography__item__text a {
		margin-right: 0;
		text-align: center;
		margin-bottom: 10px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header__right__social {
		display: none;
	}
	.header__menu {
		margin-right: 0;
	}
	.header__menu ul li {
		margin-right: 15px;
	}
	.event .section-title:after {
		width: 560px;
	}
	.track__all {
		text-align: left;
		margin-bottom: 60px;
	}
	.track__content {
		margin-bottom: 120px;
	}
	.track__pic img {
		height: auto;
	}
	.footer {
		height: auto;
	}
	.about.about--page .about__text {
		padding-top: 30px;
	}
	.discography__item__text a {
		margin-right: 0;
		text-align: center;
		margin-bottom: 10px;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.contact__address {
		margin-bottom: 40px;
	}
	.footer__social::before {
		display: none;
	}
	.footer__social::after {
		display: none;
	}
	.tours__item__pic {
		margin-bottom: 50px;
	}
	.tours__item__text {
		padding-right: 0;
	}
	.countdown {
		padding-bottom: 776px;
	}
	.footer {
		margin-top: -740px;
		background-position: top 0 left 19%;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.header .row.align-items-center > .col-lg-2:first-child {
		margin-left: auto;
	}
	.header__logo {
		padding-right: 52px;
	}
	.header__logo img {
		height: 4rem;
	}

	.hero {
		padding-top: 190px;
		padding-bottom: 120px;
	}
	.hero__text .headline--horizon {
		font-size: 2.7em !important;
	}
	.hero__text {
		text-align: center;
	}
	.hero__text p {
		font-size: 0.85rem;
		line-height: 1.5;
		margin-left: auto;
		margin-right: auto;
	}
	.hero__text .primary-btn {
		display: inline-block;
	}
	.event .section-title:after {
		display: none;
	}
	#event {
		padding-top: 0;
	}
		text-align: left;
		margin-bottom: 60px;
	}
	.track__content {
		margin-bottom: 120px;
	}
	.track .p-0 {
		padding: 0 15px !important;
	}
	.track__pic img {
		height: auto;
	}
	.discography__item__text a {
		margin-right: 0;
		text-align: center;
		margin-bottom: 10px;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.contact__address {
		margin-bottom: 40px;
	}
	.footer {
		height: auto;
	}
	.footer__social::before {
		display: none;
	}
	.footer__social::after {
		display: none;
	}
	.player_bars {
		width: 240px;
		margin-right: 20px;
	}
	.jp-seek-bar>div {
		width: 140px;
	}
	.countdown__item {
		margin-right: 0;
		margin-bottom: 30px;
		width: 50%;
		float: left;
	}
	.footer__social {
		text-align: left;
	}
	.skills__content {
		height: auto;
	}
	.about.about--page .about__text {
		padding-top: 30px;
	}
	.tours__item__pic {
		margin-bottom: 50px;
	}
	.blog__large__widget ul {
		text-align: center;
	}
	.blog__large__widget .right__widget {
		text-align: center;
	}
	.blog__option__btn {
		margin-bottom: 30px;
	}
	.blog__details__form form .input__list,
	.contact__form form .input__list {
		margin-right: 0;
		overflow: visible;
	}
	.blog__details__form form .input__list input,
	.contact__form form .input__list input {
		width: 100%;
		margin-right: 0;
	}
	.header__menu,
	.header__right__social {
		display: none;
	}
	.header .container {
		position: relative;
	}
	.slicknav_btn {
		position: absolute;
		right: 15px;
		top: 50%;
		margin: 0;
		border-radius: 0;
		padding: 0;
		float: none;
		background: transparent;
		transform: translateY(-50%) scale(1.55);
		transform-origin: center right;
	}
	.slicknav_nav {
		position: absolute;
		left: 0;
		top: 90px;
		background: #222;
		width: 100%;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		display: block;
	}
	.slicknav_nav ul {
		margin: 0;
		padding: 5px 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 10px 28px;
		margin: 0;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: #c94e98;
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: #c94e98;
		color: #ffffff;
	}
	.service__item {
		height: auto;
	}
	.tours__item__text {
		padding-right: 0;
	}
	.countdown {
		padding-bottom: 940px;
	}
	.footer {
		margin-top: -940px;
		background-position: top 0 left 19%;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.section-title h1 {
		top: -40px;
		font-size: 79px;
		line-height: 0.8;
	}
	.hero__text h1 {
		font-size: 2.2em !important;
	}
	.videos {
		padding-bottom: 0;
	}
	.countdown__text h1 {
		font-size: 50px;
	}
	.single_player_container h4 {
		font-size: 16px;
	}
	.player_bars {
		width: 150px;
		margin-right: 10px;
	}
	.player_controls_box {
		margin-right: 10px;
	}
	.jp-volume-controls {
		width: 68px;
		padding-left: 23px;
	}
	.jp-volume-bar {
		width: 42px;
	}
	.jp-seek-bar>div {
		width: 55px;
	}
	.service__item {
		height: auto;
		padding: 40px 40px 40px 40px;
	}
	.skills__content {
		height: auto;
		padding: 80px 25px 40px;
	}
	.tours__item__text .tours__text__widget ul {
		float: none;
		margin-bottom: 30px;
	}
	.tours__item__text .tours__text__widget .price {
		float: none;
	}
	.tours__item__pic {
		padding-left: 0;
	}
	.tours__item__text.tours__item__text--right {
		padding-left: 0;
	}
	.blog__large__text {
		padding: 30px 20px 0;
	}
	.blog__large__widget {
		margin: 0;
	}
	.blog__details__tags a {
		margin-bottom: 10px;
	}
	.countdown {
		padding-bottom: 980px;
	}
	.footer {
		margin-top: -970px;
		background-position: top 0 left 19%;
	}
}

/* Botão flutuante WhatsApp */
.whatsapp-float {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 99;
}

.whatsapp-float__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	font-size: 28px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.75), 0 0 30px rgba(201, 78, 152, 0.75);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.whatsapp-float__btn:hover {
	transform: translateY(-3px) scale(1.03);
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.9), 0 0 40px rgba(201, 78, 152, 0.95);
	background: #1ebe5b;
	color: #fff;
}

.whatsapp-float__btn i {
	line-height: 1;
}

/*---------------------
  Scroll reveal (animações ao rolar)
-----------------------*/
.scroll-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.scroll-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.scroll-reveal--delay-1 { transition-delay: 0.1s; }
.scroll-reveal--delay-2 { transition-delay: 0.2s; }
.scroll-reveal--delay-3 { transition-delay: 0.3s; }
.scroll-reveal--delay-4 { transition-delay: 0.4s; }
.scroll-reveal--delay-5 { transition-delay: 0.5s; }
.scroll-reveal--up {
	transform: translateY(20px);
}
.scroll-reveal--up.is-visible {
	transform: translateY(0);
}