/******************************************************************
  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
-------------------------------------------------------------------*/

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

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

html,
body {
	height: 100%;
	font-family: "Now Regular";
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Rajdhani", 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: "Now Regular";
	color: #444444;
	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: #111111;
	font-weight: 700;
	text-transform: uppercase;
}

.section-title h1 {
	font-size: 100px;
	color: #f2f2f2;
	font-family: "Rockville Solid Regular";
	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;
	padding: 14px 25px 12px;
	color: #F8F3EE;
	background: #72131B;
	letter-spacing: 2px;
}
.primary-btn:hover {
    background: #C51D24;
    color: #F8F3EE;
}

.primary-btn.border-btn {
	background: transparent;
	border: 2px solid #72131B;
	color: #16070D;
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	background: #5c00ce;
	font-weight: 700;
	letter-spacing: 2px;
	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 #673ab7;
		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 #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

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

.header {
	background: rgba(42, 1, 74, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
}

.header.header--normal {
	position: relative;
	background: #290849;
}

.header__logo {
	padding: 20px 0 25px;
}

.header__logo a {
	display: inline-block;
}

.header__nav {
	text-align: right;
}

.header__menu {
	padding: 31px 0 27px;
	display: inline-block;
	margin-right: 45px;
}

.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;
	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.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	opacity: 0;
}

.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;
}

.slicknav_menu {
	display: none;
}

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

.hero {
	padding-top: 400px;
	padding-bottom: 295px;
	position: relative;
}

.hero__text {
	text-align: center;
}

.hero__text span {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 6px;
}

.hero__text h1 {
	font-size: 110px;
	font-family: "Rockville Solid Regular";
	color: #ffffff;
	margin-bottom: 20px;
	margin-top: 22px;
}

.hero__text p {
	color: #ffffff;
	margin-bottom: 20px;
}

.hero__text .play-btn {
	font-size: 26px;
	color: #5c00ce;
	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: #ffffff;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.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: #5c00ce;
}

@-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: 775px;
	background: rgba(225, 225, 225, 0.3);
	content: "";
	z-index: -1;
}

.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: #111111;
	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(22, 41, 124, 0.1);
	box-shadow: 0px 3px 15px rgba(22, 41, 124, 0.1);
}

.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: #5c00ce;
	padding: 12px 8px 9px 20px;
}

.event__item__text {
	text-align: center;
	padding: 45px 10px 25px;
}

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

.event__item__text p {
	color: #888888;
	margin-bottom: 0;
}

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

/*---------------------
  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 #e1e1e1;
	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: #5c00ce !important;
	border-color: #5c00ce !important;
}

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

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

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

.jp-seek-bar>div {
	height: 5px;
	background: #e1e1e1;
	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: #5c00ce;
	overflow: visible !important;
}

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

.jp-duration {
	font-size: 15px;
	color: #111111;
	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: #111111;
	position: absolute;
	left: 0;
	top: 13px;
}

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

.jp-volume-bar-value {
	background: #5c00ce;
	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: #111111;
	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: #f5f5f5;
	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(22, 41, 124, 0.1);
	box-shadow: 0px 3px 30px rgba(22, 41, 124, 0.1);
}

.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: #5c00ce;
	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: #ffffff;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.youtube__item__text {
	padding: 25px 30px 20px 20px;
	background: #ffffff;
}

.youtube__item__text h4 {
	font-size: 26px;
	color: #111111;
	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: "Rockville Solid Regular";
	color: #ffffff;
	margin-bottom: 25px;
}

.countdown__text h4 {
	font-size: 26px;
	font-family: "Now Regular";
	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(22, 41, 124, 0.1);
	box-shadow: 0px 5px 10px rgba(22, 41, 124, 0.1);
}

.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: #5c00ce;
	font-weight: 700;
}

.discography__item__text h4 {
	font-size: 22px;
	text-transform: uppercase;
	color: #111111;
	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: #111111;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #f2f2f2;
	-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: #290849;
	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: #5c00ce;
	height: 50px;
	width: 50px;
	background: #ffffff;
	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: #5c00ce;
	height: 50px;
	width: 50px;
	background: #ffffff;
	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: #5c00ce;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 16px;
	background: #ffffff;
	border: none;
}

.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:hover {
	color: #5c00ce;
}

.footer__copyright__text i {
	color: #c11;
}

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

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

.breadcrumb__links a {
	font-size: 15px;
	color: #111111;
	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;
}

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

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

.about__text {
	padding-top: 110px;
}

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

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

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

.skills__content {
	background: linear-gradient(135deg, #16070D 0%, #260A12 60%, #72131B 100%);
	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: #5c00ce;
	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: #ffffff;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

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

.about-pic {
	overflow: hidden;
}

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

.about-pic img {
	min-width: 100%;
	margin-bottom: 10px;
	padding-right: 10px;
}

/*---------------------
  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(22, 41, 124, 0.1);
	box-shadow: 0px 3px 30px rgba(22, 41, 124, 0.1);
}

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

.about__services__item__pic .icon {
	height: 50px;
	width: 50px;
	background: #5c00ce;
	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: #111111;
	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: #f5f5f5;
}

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

.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__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: #260A12;
	height: 320px;
	padding: 70px 40px 40px 70px;
}

.service__item.deep-bg {
	background: #17060D;
}

.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: #111111;
	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: #111111;
	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: #5c00ce;
	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: #5c00ce;
	float: right;
}

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

.tours__item__text .tours__text__desc p {
	color: #111111;
	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(114, 19, 27, 0.45);
	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: #5c00ce;
	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: #ffffff;
	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: #5c00ce;
	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: #111111;
	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: #5c00ce;
	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: #ffffff;
	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(22, 41, 124, 0.1);
	box-shadow: 0px 3px 10px rgba(22, 41, 124, 0.1);
	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: #ffffff;
	text-align: center;
	padding: 30px 40px 0;
}

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

.blog__large__text h4 {
	color: #111111;
	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 #f2f2f2;
	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: #111111;
}

.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(22, 41, 124, 0.1);
	box-shadow: 0px 3px 10px rgba(22, 41, 124, 0.1);
	margin-bottom: 50px;
}

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

.blog__item__text {
	text-align: center;
	background: #ffffff;
	padding: 20px 20px 25px;
}

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

.blog__item__text h5 {
	color: #111111;
	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: #111111;
}

.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: #444444;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	width: 100%;
	margin-bottom: 20px;
}

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

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

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

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

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

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

.blog__sidebar__title h4 {
	color: #111111;
	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: #e1e1e1;
	content: "";
	margin: 0 auto;
}

.blog__sidebar__social a {
	display: inline-block;
	font-size: 18px;
	color: #111111;
	width: 50px;
	height: 50px;
	background: #f2f2f2;
	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: #111111;
	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: #ffffff;
	padding-top: 30px;
}

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

.blog__details__item__text h3 {
	color: #111111;
	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: #111111;
}

.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 #e1e1e1;
	padding: 35px 40px 35px 40px;
	position: relative;
	margin-bottom: 35px;
}

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

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

.blog__details__quote i {
	font-size: 36px;
	color: #5c00ce;
	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: #444444;
	padding: 12px 20px 10px;
	background: #f5f5f5;
	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: #444444;
	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: #111111;
	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: #111111;
	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: #e1e1e1;
	content: "";
	margin: 0 auto;
}

.blog__details__services__item {
	-webkit-box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.07);
	box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.07);
	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: #111111;
	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: #666666;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	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: #666666;
	padding-left: 20px;
	padding-top: 12px;
	border: 1px solid #e1e1e1;
	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%;
}

/*---------------------
  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: #f5f5f5;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	color: #5c00ce;
	position: absolute;
	left: 0;
	top: -4px;
}

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

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

.contact__address ul li span {
	font-size: 15px;
	color: #111111;
	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) {
	.hero {
		padding-top: 190px;
		padding-bottom: 200px;
	}
	.event .section-title:after {
		display: none;
	}
	.track__all {
		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__nav {
		display: none;
	}
	.header .container {
		position: relative;
	}
	.slicknav_btn {
		position: absolute;
		right: 15px;
		top: 25px;
		margin: 0;
		border-radius: 0;
		padding: 12px 15px;
		float: none;
		background: #5c00ce;
	}
	.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: #5c00ce;
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: #5c00ce;
		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: 70px;
	}
	.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%;
	}
}
.footer__social__links a {
    background: #F8F3EE;
    color: #72131B;
}

.footer__social__links a i {
    color: #72131B;
}
.footer__social__links a:hover {
    background: #C51D24;
}

.footer__social__links a:hover i {
    color: #F8F3EE;
}
.footer__address ul li i {
    background: #F8F3EE;
    color: #72131B;
}
.footer__newsletter form button {
    background: #F8F3EE;
}

.footer__newsletter form button i {
    color: #72131B;
}
.footer__newsletter form button:hover {
    background: #C51D24;
}

.footer__newsletter form button:hover i {
    color: #F8F3EE;
}
/* Hero double-down arrow */

.linear__icon i {
    color: #72131B;
}
/* Small event date box only */

.event__item__pic .tag-date {
    background: transparent;
}

.event__item__pic .tag-date span {
    background: #72131B;
    color: #F8F3EE;
}
/* Event location icon */

.event__item__text p i {
    color: #72131B;
}
/* Seghito audio-player lines */

.jp-play-bar {
    background: #72131B;
}

.jp-volume-bar-value {
    background: #72131B;
}
.jp-seek-bar,
.jp-volume-bar {
    background: #E2DEDC;
}


/* SEGHITO AUDIO PLAY AND PAUSE BUTTON */

/* Normal play button */
.single_player_container .jp-play {
    background: transparent !important;
    border: 2px solid #72131B !important;
    outline: none !important;
}

/* Play triangle */
.single_player_container .jp-play::after {
    color: #72131B !important;
}

/* Hover and keyboard focus */
.single_player_container .jp-play:hover,
.single_player_container .jp-play:focus {
    background: #C51D24 !important;
    border-color: #C51D24 !important;
    outline: none !important;
}

.single_player_container .jp-play:hover::after,
.single_player_container .jp-play:focus::after {
    color: #F8F3EE !important;
}

/* Playing/pause state */
.single_player_container .jp-audio.jp-state-playing .jp-play,
.single_player_container .jp-state-playing .jp-play {
    background: #72131B !important;
    border-color: #72131B !important;
}

/* Pause bars */
.single_player_container .jp-audio.jp-state-playing .jp-play::after,
.single_player_container .jp-state-playing .jp-play::after {
    color: #F8F3EE !important;
}

/* Prevent old colour returning while clicking */
.single_player_container .jp-play:active {
    background: #72131B !important;
    border-color: #72131B !important;
}

.play-btn {
    color: #72131B !important;
    background: rgba(114, 19, 27, 0.35) !important;
}

.play-btn::after {
    background: #F8F3EE !important;
}
.play-btn:hover {
    color: #F8F3EE !important;
    background: rgba(197, 29, 36, 0.4) !important;
}

.play-btn:hover::after {
    background: #C51D24 !important;
}
/* About page second section only */
.about--page .row {
    align-items: center;
}

.about--page .about__pic {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about--page .about__pic img {
    width: 82% !important;
    max-width: 560px !important;
    height: auto !important;
}
/* About-page story section */
.about--page .about__text h2 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: 1px;
    margin-bottom: 32px;
}

.about--page .about__text p {
    max-width: 620px;
    line-height: 1.8;
    margin-bottom: 28px;
}

.about--page .about__text > img {
    width: 180px;
    height: auto;
}
/* Homepage header over the hero image */
.header {
    background: rgba(8, 6, 9, 0.88) !important;
}

/* Header on About and other internal pages */
.header.header--normal {
    background: #16070D !important;
}
/* =====================================
   SEGHITO BOOKING PAGE
   ===================================== */

.seghito-booking {
    padding: 65px 0 100px;
    background: #ffffff;
}


/* INTRODUCTION */

.booking-hero {
    max-width: 790px;
    margin-bottom: 42px;
}

.booking-kicker {
    display: block;
    margin-bottom: 18px;
    color: #72131b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}


.booking-hero p {
    max-width: 680px;
    margin: 0;
    color: #4d4547;
    font-size: 17px;
    line-height: 1.7;
}


/* BOOKING FACTS */

.booking-facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 35px;
    overflow: hidden;
    border: 1px solid #a64c51;
    border-radius: 6px;
}

.booking-fact {
    min-height: 145px;
    padding: 24px 18px;
    border-right: 1px solid #a64c51;
    text-align: center;
}

.booking-fact:last-child {
    border-right: 0;
}

.booking-fact i {
    display: block;
    margin-bottom: 14px;
    color: #e89a45;
    font-size: 31px;
}

.booking-fact strong {
    display: block;
    margin-bottom: 6px;
    color: #16070d;
    font-size: 20px;
    letter-spacing: 1px;
}

.booking-fact span {
    display: block;
    color: #72131b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}


/* MAIN CARD */

.booking-card {
    display: grid;
    grid-template-columns: 42% 58%;
    overflow: hidden;
    border: 1px solid #d8cfca;
    border-radius: 7px;
    background: #f8f3ee;
    box-shadow: 0 14px 40px rgba(22, 7, 13, 0.09);
}


/* LEFT PANEL */

.booking-panel {
    position: relative;
    overflow: hidden;
    padding: 65px 58px;
    color: #f8f3ee;
    background:
        linear-gradient(
            145deg,
            #16070d 0%,
            #260a12 58%,
            #4b0e17 100%
        );
}

/* Restrained pattern */
.booking-panel::after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -55px;
    width: 330px;
    height: 260px;
    opacity: 0.16;
    transform: rotate(-7deg);
    background:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 18px,
            #e89a45 19px,
            #e89a45 21px
        ),
        repeating-linear-gradient(
            -45deg,
            transparent 0,
            transparent 29px,
            #c51d24 30px,
            #c51d24 32px
        );
}

.booking-panel > * {
    position: relative;
    z-index: 2;
}

.booking-panel-kicker {
    display: block;
    margin-bottom: 18px;
    color: #e89a45;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.booking-panel h2 {
    margin: 0 0 22px;
    color: #f8f3ee;
    font-size: 42px;
    line-height: 1.12;
}

.booking-panel-copy {
    margin-bottom: 38px;
    color: #d8cfca;
    font-size: 16px;
    line-height: 1.75;
}

.booking-contact {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 21px 0;
    border-bottom: 1px solid rgba(232, 154, 69, 0.25);
}

.booking-contact:last-child {
    border-bottom: 0;
}

.booking-contact-icon {
    width: 44px;
    flex: 0 0 44px;
    color: #e89a45;
    font-size: 29px;
    text-align: center;
}

.booking-contact span {
    display: block;
    margin-bottom: 5px;
    color: #e89a45;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.booking-contact a,
.booking-contact p {
    margin: 0;
    color: #f8f3ee;
    font-size: 16px;
    line-height: 1.55;
}

.booking-contact a:hover {
    color: #e89a45;
}


/* FORM PANEL */

.booking-form-panel {
    padding: 60px 50px 45px;
}

.booking-form-panel h2 {
    margin: 0 0 6px;
    color: #080609;
    font-size: 42px;
}

.booking-form-intro {
    margin-bottom: 28px;
    color: #60575a;
    font-size: 15px;
}

.booking-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px 22px;
}

.booking-field {
    min-width: 0;
}

.booking-field-full {
    grid-column: 1 / -1;
}

.booking-field label {
    display: block;
    margin-bottom: 7px;
    color: #16070d;
    font-size: 13px;
    font-weight: 600;
}

.booking-field input,
.booking-field select,
.booking-field textarea {
    width: 100%;
    border: 1px solid #d8cfca;
    border-radius: 2px;
    outline: none;
    background: transparent;
    color: #16070d;
    font-size: 14px;
    transition: 0.25s ease;
}

.booking-field input,
.booking-field select {
    height: 50px;
    padding: 0 14px;
}

.booking-field textarea {
    min-height: 135px;
    padding: 14px;
    resize: vertical;
}

.booking-field input:focus,
.booking-field select:focus,
.booking-field textarea:focus {
    border-color: #72131b;
    box-shadow: 0 0 0 3px rgba(114, 19, 27, 0.08);
}

.booking-file-label {
    display: inline-block !important;
    color: #72131b !important;
    cursor: pointer;
    text-decoration: underline;
}

.booking-file-label i {
    margin-right: 8px;
    color: #c51d24;
}

.booking-file {
    height: auto !important;
    padding: 9px 0 !important;
    border: 0 !important;
}

.booking-submit {
    width: 100%;
    margin-top: 23px;
    padding: 16px 20px;
    border: 2px solid #72131b;
    background: #72131b;
    color: #f8f3ee;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    transition: 0.3s ease;
}

.booking-submit:hover {
    border-color: #e89a45;
    background: #16070d;
}

.booking-response {
    margin: 14px 0 0;
    color: #9b9193;
    font-size: 12px;
    text-align: center;
}


/* FAQ */

.booking-faq {
    max-width: 1050px;
    margin: 60px auto 0;
}

.booking-faq-heading {
    margin-bottom: 22px;
    text-align: center;
}

.booking-faq-heading h2 {
    margin-bottom: 6px;
    color: #080609;
    font-size: 35px;
}

.booking-faq-heading p {
    margin: 0;
    color: #786e71;
    font-size: 14px;
}

.booking-faq-list {
    border: 1px solid #a64c51;
    border-radius: 5px;
}

.booking-faq-list details {
    border-bottom: 1px solid #d4a4a6;
}

.booking-faq-list details:last-child {
    border-bottom: 0;
}

.booking-faq-list summary {
    position: relative;
    padding: 19px 55px 19px 24px;
    color: #16070d;
    font-size: 15px;
    cursor: pointer;
    list-style: none;
}

.booking-faq-list summary::-webkit-details-marker {
    display: none;
}

.booking-faq-list summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 24px;
    color: #72131b;
    font-size: 24px;
    transform: translateY(-50%);
}

.booking-faq-list details[open] summary::after {
    content: "−";
}

.booking-faq-list details p {
    max-width: 850px;
    padding: 0 24px 20px;
    margin: 0;
    color: #655b5e;
    font-size: 14px;
    line-height: 1.7;
}


/* TABLET */

@media only screen and (max-width: 991px) {

    .booking-hero h1 {
        font-size: 52px;
    }

    .booking-card {
        grid-template-columns: 1fr;
    }

    .booking-panel,
    .booking-form-panel {
        padding: 50px 40px;
    }

}


/* MOBILE */

@media only screen and (max-width: 767px) {

    .seghito-booking {
        padding: 42px 0 70px;
    }

    .booking-hero {
        margin-bottom: 28px;
    }

    .booking-kicker {
        font-size: 10px;
        line-height: 1.7;
        letter-spacing: 2px;
    }


    .booking-hero p {
        font-size: 15px;
    }

    .booking-facts {
        grid-template-columns: repeat(2, 1fr);
    }

    .booking-fact {
        min-height: 125px;
        border-bottom: 1px solid #a64c51;
    }

    .booking-fact:nth-child(2) {
        border-right: 0;
    }

    .booking-fact:nth-child(3),
    .booking-fact:nth-child(4) {
        border-bottom: 0;
    }

    .booking-panel,
    .booking-form-panel {
        padding: 40px 25px;
    }

    .booking-panel h2,
    .booking-form-panel h2 {
        font-size: 34px;
    }

    .booking-form-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .booking-field-full {
        grid-column: auto;
    }

    .booking-field input,
    .booking-field select {
        height: 52px;
    }

    .booking-faq {
        margin-top: 45px;
    }

    .booking-faq-heading {
        text-align: left;
    }

    .booking-faq-heading h2 {
        font-size: 30px;
    }

}


/* SMALL MOBILE */

@media only screen and (max-width: 420px) {

    .booking-fact {
        padding: 20px 10px;
    }

    .booking-fact strong {
        font-size: 17px;
    }

    .booking-contact {
        gap: 12px;
    }

    .booking-contact a,
    .booking-contact p {
        font-size: 14px;
    }

}
/* Booking page title using the template title system */

.booking-page-title {
    margin-top: 55px;
    margin-bottom: 28px;
    text-align: left;
}

.booking-page-title h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #080609;
    font-family: "Rajdhani", sans-serif;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.05;
    text-transform: uppercase;
}

.booking-page-title h1 {
    top: -50px;
    left: 0;
    width: auto;
    color: #f1eeee;
    text-align: left;
}

.booking-panel h2,
.booking-form-panel h2,
.booking-faq-heading h2,
.booking-fact strong {
    font-family: "Rajdhani", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
@media only screen and (max-width: 767px) {

    .booking-page-title {
        margin-top: 45px;
    }

    .booking-page-title h2 {
        font-size: 39px;
        line-height: 1.08;
    }

    .booking-page-title h1 {
        top: -38px;
        font-size: 65px;
    }

}
/* Make booking area consistent with existing website sections */

.booking-card {
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.booking-form-panel {
    background: #ffffff !important;
}

.booking-field input,
.booking-field select,
.booking-field textarea {
    background: #ffffff;
}
.booking-panel-title {
    position: relative;
    margin-top: 45px;
    margin-bottom: 28px;
    text-align: left;
}

.booking-panel-title h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #ffffff;
    font-family: "Rajdhani", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.12;
    text-transform: uppercase;
}

.booking-panel-title h1 {
    top: -50px;
    left: 0;
    width: auto;
    color: rgba(255, 255, 255, 0.09);
    text-align: left;
}
.booking-panel-kicker,
.booking-contact span,
.booking-contact-icon,
.booking-fact i {
    color: #e89a45;
}
.tours__text__widget ul li i {
    color: #72131B !important;
}
/* Music page introduction */

.music-page-intro {
    margin-bottom: 70px;
}

.music-title-left {
    text-align: left;
}

.music-title-left h1 {
    left: 0;
    right: auto;
    transform: none;
}

.music-page-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
}

.music-page-actions .primary-btn {
    background: #72131b;
    color: #ffffff;
}

.music-page-actions .music-outline-btn {
    background: transparent;
    border: 2px solid #72131b;
    color: #72131b;
}

.music-page-actions .music-outline-btn i {
    margin-left: 8px;
}

.project-heading {
    margin-bottom: 35px;
}
.music-page-description {
    
    color: #4f4749;
    font-size: 19px;
    line-height: 1.7;
    margin-top: 22px;
    margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
    .music-page-description {
        font-size: 16px;
        line-height: 1.65;
    }
}
.music-page-intro::after {
    content: "";
    position: absolute;
    top: 0;
    right: 1%;
    width: 440px;
    height: 100%;
    background: url("../img/discography/music-pattern.png") center right / contain no-repeat;
    opacity: 0.18;
    pointer-events: none;
    z-index: 0;
}

/* Music page: selected songs, platforms and booking */
.selected-songs {
    background: #12080c;
    color: #fff;
    padding: 105px 0 0;
    overflow: hidden;
}
.songs-heading { margin-bottom: 42px; }
.songs-heading h2 { color: #fff; }
.songs-heading h1 { color: rgba(255,255,255,.065); }
.seghito-playlist { padding-bottom: 90px; }
.playlist-scroll {
    max-height: 420px;
    overflow-y: auto;
    padding-right: 18px;
    scrollbar-width: thin;
    scrollbar-color: #72131b rgba(255,255,255,.12);
}
.playlist-scroll::-webkit-scrollbar { width: 5px; }
.playlist-scroll::-webkit-scrollbar-track { background: rgba(255,255,255,.1); }
.playlist-scroll::-webkit-scrollbar-thumb { background: #72131b; }
.song-row {
    display: grid;
    grid-template-columns: 52px minmax(0,1fr) auto;
    gap: 18px;
    align-items: center;
    min-height: 92px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,.11);
    transition: background .25s ease, border-color .25s ease;
}
.song-row:hover, .song-row.is-active { background: rgba(114,19,27,.22); border-color: rgba(232,154,69,.42); }
.song-play, .master-play {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(232,154,69,.75);
    border-radius: 50%;
    background: transparent;
    color: #e89a45;
    cursor: pointer;
}
.song-row.is-playing .song-play, .master-play.is-playing { background: #72131b; border-color: #72131b; color: #fff; }
.song-copy { position: relative; padding-left: 40px; }
.song-copy > span { position: absolute; left: 0; top: 2px; color: #e89a45; font-weight: 700; }
.song-copy h4 { color: #fff; font-size: 22px; margin: 0 0 2px; text-transform: uppercase; }
.song-copy p { color: rgba(255,255,255,.58); margin: 0; font-size: 14px; }
.song-time { color: rgba(255,255,255,.5); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.playlist-now-playing {
    display: grid;
    grid-template-columns: 48px 145px minmax(100px,1fr) 45px;
    gap: 16px;
    align-items: center;
    margin-top: 24px;
}
.now-playing-copy span { display: block; color: #e89a45; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; }
.now-playing-copy strong { color: #fff; font-size: 15px; text-transform: uppercase; }
.audio-progress { height: 4px; background: rgba(255,255,255,.18); cursor: pointer; }
.audio-progress span { display: block; width: 0; height: 100%; background: #e89a45; }
.audio-clock { color: rgba(255,255,255,.7); font-size: 12px; text-align: right; }
.playlist-portrait {
    height: 610px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: visible;
}
.playlist-portrait img {
    width: 112%;
    max-width: none;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center bottom;
    transform: translate(-2%, 2%);
    filter: drop-shadow(0 20px 45px rgba(0,0,0,.45));
}
.listen-everywhere { background: #72131b; padding: 30px 0; }
.listen-everywhere .container { display: flex; align-items: center; gap: 42px; }
.listen-label { color: #e89a45; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; white-space: nowrap; }
.platform-links { display: flex; flex-wrap: wrap; gap: 12px 30px; }
.platform-links a { color: #fff; font-family: "Rajdhani",sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.platform-links a i { margin-right: 7px; color: #e89a45; }
.music-booking-cta { background: #fff; padding: 80px 0; }
.music-booking-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 54px 60px; background: #12080c; }
.music-booking-inner span { color: #e89a45; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.music-booking-inner h2 { color: #fff; font-size: 37px; margin: 8px 0 0; text-transform: uppercase; }
.music-booking-actions { display: flex; flex-shrink: 0; gap: 10px; }
.music-booking-actions .primary-btn { background: #72131b; color: #fff; }
.music-booking-actions .cta-outline { background: transparent; border: 2px solid #e89a45; color: #e89a45; }
.music-booking-actions i { margin-left: 7px; }

@media only screen and (max-width: 991px) {
    .playlist-portrait { height: 460px; }
    .playlist-portrait img { width: 100%; transform: none; }
    .music-booking-inner { align-items: flex-start; flex-direction: column; }
}
@media only screen and (max-width: 767px) {
    .music-page-intro::after { display: none; }
    .selected-songs { padding-top: 75px; }
    .playlist-scroll { max-height: 365px; padding-right: 8px; }
    .playlist-portrait { height: 390px; margin-top: -30px; }
    .listen-everywhere .container { align-items: flex-start; flex-direction: column; gap: 16px; }
    .music-booking-inner { padding: 38px 28px; }
    .music-booking-actions { width: 100%; flex-direction: column; }
    .music-booking-actions a { text-align: center; }
}
@media only screen and (max-width: 575px) {
    .song-row { grid-template-columns: 44px minmax(0,1fr); gap: 12px; padding-left: 8px; }
    .song-copy { padding-left: 30px; }
    .song-copy h4 { font-size: 18px; }
    .song-time { display: none; }
    .playlist-now-playing { grid-template-columns: 45px minmax(0,1fr) 38px; }
    .audio-progress { grid-column: 1 / -1; grid-row: 2; }
    .music-booking-inner h2 { font-size: 28px; }
}
/* Correct Seghito portrait composition */

.playlist-portrait {
    height: 560px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: visible !important;
}

.playlist-portrait img {
    width: auto !important;
    height: 540px !important;
    max-width: none !important;
    max-height: none !important;
    transform: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
}
/* Final desktop positioning for Seghito portrait */

.playlist-portrait {
    position: relative !important;
    height: 560px !important;
    overflow: visible !important;
}

.playlist-portrait img {
    position: absolute !important;
    width: auto !important;
    height: 710px !important;
    max-width: none !important;
    max-height: none !important;

    right: -120px !important;
    bottom: 0 !important;

    transform: none !important;
    object-fit: contain !important;
}
@media only screen and (max-width: 991px) {
    .playlist-portrait {
        height: 470px !important;
        overflow: hidden !important;
    }

    .playlist-portrait img {
        position: absolute !important;
        height: 460px !important;
        width: auto !important;

        right: 50% !important;
        bottom: 0 !important;

        transform: translateX(50%) !important;
    }
}
/* ==================================
   MUSIC PAGE BUTTON HOVER EFFECTS
================================== */

/* Listen Everywhere platform links */

.platform-links a {
    display: inline-flex;
    align-items: center;
    padding: 9px 13px;
    border: 1px solid transparent;
    color: #ffffff !important;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.platform-links a i {
    color: #e89a45 !important;
    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.platform-links a:hover {
    color: #12080c !important;
    background-color: #f4e7cf;
    border-color: #f4e7cf;
    transform: translateY(-3px);
}

.platform-links a:hover i {
    color: #72131b !important;
    transform: scale(1.15);
}


/* Book Seghito button */

.music-booking-actions .primary-btn:not(.cta-outline) {
    background-color: #72131b !important;
    border: 2px solid #72131b !important;
    color: #ffffff !important;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.music-booking-actions .primary-btn:not(.cta-outline):hover {
    background-color: #e89a45 !important;
    border-color: #e89a45 !important;
    color: #12080c !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(232, 154, 69, 0.22);
}


/* Download EPK button */

.music-booking-actions .cta-outline {
    background-color: transparent !important;
    border: 2px solid #e89a45 !important;
    color: #e89a45 !important;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.music-booking-actions .cta-outline i {
    transition: transform 0.25s ease;
}

.music-booking-actions .cta-outline:hover {
    background-color: #f4e7cf !important;
    border-color: #f4e7cf !important;
    color: #72131b !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(244, 231, 207, 0.18);
}

.music-booking-actions .cta-outline:hover i {
    transform: translateY(3px);
}


/* Keyboard accessibility */

.platform-links a:focus-visible,
.music-booking-actions .primary-btn:focus-visible {
    outline: 3px solid #f4e7cf;
    outline-offset: 4px;
}
/* ==================================
   FEATURED VIDEO SECTION
================================== */

.featured-video-section {
    position: relative;
    overflow: hidden;
    padding: 75px 0 55px;
    background: #12080c;
}


/* Featured image */

.featured-video-image {
    position: relative;
    overflow: hidden;
    min-height: 410px;
    background: #080407;
}

.featured-video-image::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(
            90deg,
            rgba(18, 8, 12, 0.05) 45%,
            rgba(18, 8, 12, 0.4) 100%
        );
    pointer-events: none;
}

.featured-video-image img {
    display: block;
    width: 100%;
    height: 410px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.featured-video-image:hover img {
    transform: scale(1.035);
}


/* Large play button */

.featured-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;

    display: flex;
    width: 86px;
    height: 86px;

    align-items: center;
    justify-content: center;

    border: 2px solid #ffffff;
    border-radius: 50%;

    background: rgba(18, 8, 12, 0.38);
    color: #ffffff;

    transform: translate(-50%, -50%);
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.featured-video-play i {
    margin-left: 5px;
    font-size: 27px;
}

.featured-video-play:hover {
    border-color: #e89a45;
    background: #72131b;
    color: #ffffff;

    transform:
        translate(-50%, -50%)
        scale(1.08);
}


/* Featured information */

.featured-video-content {
    max-width: 420px;
    padding-left: 42px;
}

.featured-video-label {
    display: block;
    margin-bottom: 13px;

    color: #e89a45;
    font-family: "Rajdhani", sans-serif;
    font-size: 15px;
    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.featured-video-content h2 {
    margin-bottom: 18px;

    color: #ffffff;
    font-family: "Rajdhani", sans-serif;
    font-size: 43px;
    font-weight: 700;
    line-height: 1.05;

    text-transform: uppercase;
}

.featured-video-content p {
    max-width: 370px;
    margin-bottom: 20px;

    color: rgba(255, 255, 255, 0.72);
    font-size: 17px;
    line-height: 1.7;
}

.featured-video-divider {
    display: block;
    width: 42px;
    height: 3px;
    margin-bottom: 23px;

    background: #e89a45;
}


/* Duration and year */

.featured-video-meta {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 28px;

    color: rgba(255, 255, 255, 0.78);
    font-family: "Rajdhani", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.featured-video-meta i {
    margin-right: 7px;
    color: #e89a45;
}

.meta-separator {
    display: inline-block;
    width: 2px;
    height: 19px;
    background: #e89a45;
}


/* Play Video button */

.featured-play-button {
    border: 2px solid #72131b;
    background: #72131b !important;
    color: #ffffff !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.featured-play-button:hover {
    border-color: #e89a45;
    background: #e89a45 !important;
    color: #12080c !important;

    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(232, 154, 69, 0.2);
}


/* ==================================
   VIDEO FILTER BUTTONS
================================== */

.video-filter-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 14px;
    margin-top: 55px;
}

.video-filter-button {
    min-width: 180px;
    padding: 15px 22px;

    border: 1px solid #e89a45;
    background: transparent;
    color: #ffffff;

    font-family: "Rajdhani", sans-serif;
    font-size: 15px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.video-filter-button:hover {
    border-color: #f4e7cf;
    background: #f4e7cf;
    color: #12080c;

    transform: translateY(-3px);
}

.video-filter-button.active {
    border-color: #72131b;
    background: #72131b;
    color: #ffffff;
}
/* Make Featured Video section full browser width */

.featured-video-section {
    position: relative !important;

    left: 50% !important;
    right: 50% !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: -50vw !important;
    margin-right: -50vw !important;

    padding: 75px 0 55px !important;

    background: #12080c !important;
}
/* Prevent accidental horizontal scrolling */

html,
body {
    overflow-x: hidden;
}
.featured-video-section > .container {
    width: 100% !important;
    max-width: 1320px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
}
@media only screen and (max-width: 767px) {
    .featured-video-section {
        padding: 55px 0 40px !important;
    }

    .featured-video-section > .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}
/* ==================================
   EXPLORE VIDEOS
================================== */

.video-library-section {
    position: relative;

    left: 50%;
    right: 50%;

    width: 100vw;
    max-width: 100vw;

    margin-right: -50vw;
    margin-left: -50vw;

    padding: 85px 0 90px;

    background: #ffffff;
}

.video-library-section > .container {
    width: 100%;
    max-width: 1320px;
    padding-right: 30px;
    padding-left: 30px;
}


/* Heading */

.video-library-heading {
    margin-bottom: 42px;
    text-align: left;
}

.video-library-heading h2 {
    color: #12080c;
}

.video-library-heading h1 {
    left: 0;
    right: auto;

    color: rgba(114, 19, 27, 0.08);

    transform: none;
}


/* Grid spacing */

.video-library-grid {
    margin-right: -14px;
    margin-left: -14px;
}

.video-grid-item {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 48px;
}


/* Video cards */

.video-library-card {
    height: 100%;
}

.video-card-image {
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    aspect-ratio: 16 / 9;

    background: #12080c;
}

.video-card-image::after {
    position: absolute;
    inset: 0;

    content: "";

    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(18, 8, 12, 0.35) 100%
        );

    transition: background 0.3s ease;
}

.video-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.45s ease;
}

.video-library-card:hover .video-card-image img {
    transform: scale(1.045);
}

.video-library-card:hover .video-card-image::after {
    background: rgba(18, 8, 12, 0.18);
}


/* Play icon */

.video-card-play {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;

    display: flex;

    width: 46px;
    height: 46px;

    align-items: center;
    justify-content: center;

    border: 2px solid #ffffff;
    border-radius: 50%;

    background: rgba(18, 8, 12, 0.58);
    color: #ffffff;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.video-card-play i {
    margin-left: 3px;
    font-size: 14px;
}

.video-library-card:hover .video-card-play {
    border-color: #e89a45;
    background: #72131b;
    color: #ffffff;

    transform: scale(1.1);
}


/* Card text */

.video-card-content {
    padding-top: 16px;
}

.video-category {
    display: inline-block;

    margin-bottom: 11px;
    padding: 5px 11px;

    border: 1px solid transparent;

    font-family: "Rajdhani", sans-serif;
    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
}

.chill-category {
    border-color: #72131b;
    background: transparent;
    color: #72131b;
}

.music-category {
    border-color: #12080c;
    background: #12080c;
    color: #e89a45;
}

.live-category {
    border-color: #72131b;
    background: #72131b;
    color: #ffffff;
}

.video-card-content h3 {
    margin-bottom: 5px;

    color: #12080c;
    font-family: "Rajdhani", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15;

    text-transform: uppercase;
}

.video-card-content p {
    min-height: 24px;
    margin-bottom: 12px;

    color: #655a5e;
    font-size: 14px;
}


/* Duration and year */

.video-card-meta {
    display: flex;
    align-items: center;
    gap: 14px;

    color: #756b6e;
    font-family: "Rajdhani", sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.video-card-meta span + span {
    position: relative;
    padding-left: 14px;
}

.video-card-meta span + span::before {
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 15px;

    content: "";
    background: #c7bfc1;

    transform: translateY(-50%);
}

.video-card-meta i {
    margin-right: 6px;
    color: #72131b;
}


/* YouTube CTA */

.video-youtube-cta {
    margin-top: 10px;
    text-align: center;
}

.video-youtube-button {
    display: inline-flex;

    min-width: 330px;
    padding: 16px 26px;

    align-items: center;
    justify-content: center;
    gap: 12px;

    border: 2px solid #72131b;

    color: #72131b;
    font-family: "Rajdhani", sans-serif;
    font-size: 15px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.video-youtube-button:hover {
    border-color: #72131b;
    background: #72131b;
    color: #ffffff;

    transform: translateY(-3px);
}

.video-youtube-button i {
    color: #e89a45;
    font-size: 17px;
}
@media only screen and (max-width: 767px) {

    .video-library-section {
        padding: 65px 0 70px;
    }

    .video-library-section > .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .video-library-heading {
        margin-bottom: 35px;
    }

    .video-grid-item {
        margin-bottom: 40px;
    }
}


@media only screen and (max-width: 575px) {

    .video-library-heading h2 {
        font-size: 36px;
    }

    .video-card-content h3 {
        font-size: 22px;
    }

    .video-youtube-button {
        width: 100%;
        min-width: 0;
    }
}
/* Explore Videos filter position */
.video-library-section .video-filter-buttons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    margin: 0 0 42px;
}

.video-library-section .video-library-heading {
    margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
    .video-library-section .video-filter-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 30px;
    }

    .video-library-section .video-filter-button {
        width: 100%;
        padding: 14px 8px;
    }
}

@media only screen and (max-width: 479px) {
    .video-library-section .video-filter-buttons {
        grid-template-columns: 1fr;
    }
}
/* Fix Explore Videos filters */

.video-library-section .video-library-heading {
    margin-bottom: 25px !important;
}

.video-library-section .video-filter-buttons {
    margin-top: 0 !important;
    margin-bottom: 45px !important;
}

.video-library-section .video-filter-button {
    color: #12080c !important;
    background: #ffffff !important;
    border: 1px solid #e89a45 !important;
}

.video-library-section .video-filter-button.active {
    color: #ffffff !important;
    background: #72131b !important;
    border-color: #72131b !important;
}

.video-library-section .video-filter-button:hover {
    color: #ffffff !important;
    background: #72131b !important;
    border-color: #72131b !important;
}
/* Compact booking CTA on Videos page */

.video-library-section {
    padding-bottom: 55px !important;
}

.video-library-section .video-youtube-cta {
    margin-bottom: 0 !important;
}

.music-booking-cta {
    margin: 0 !important;
    padding: 50px 0 70px !important;
}

.music-booking-inner {
    margin: 0 auto !important;
}
/* Match Video page CTA-to-footer spacing with Music page */

.videos-page .music-booking-cta {
    padding-bottom: 0 !important;
    margin-bottom: -40px !important;
}
@media only screen and (max-width: 767px) {
    .videos-page .music-booking-cta {
        padding-bottom: 25px !important;
        margin-bottom: 0 !important;
    }
}
/* Make Videos CTA escape the narrow parent container */

.videos-page .music-booking-cta {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

.videos-page .music-booking-cta > .container {
    width: 84% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.videos-page .music-booking-inner {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
html,
body {
    overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
    .videos-page .music-booking-cta > .container {
        width: calc(100% - 30px) !important;
    }
}
/* Music project format and status */

.discography__item .project-type {
    display: inline-block;
    color: #72131b !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 10px 0 12px;
}

.discography__item .project-development {
    color: #c4782f !important;
}
/* Revised Videos page order */

.video-page-title-section {
    padding-bottom: 45px !important;
}

.video-page-title-section .section-title {
    margin-bottom: 0 !important;
}

.video-page-followup {
    background: #ffffff;
    padding: 55px 0 70px;
}

.video-page-followup .music-page-description {
    max-width: 1050px;
    margin: 0;
}

.video-page-followup .music-page-actions {
    margin-top: 28px;
}

@media only screen and (max-width: 767px) {
    .video-page-title-section {
        padding-bottom: 30px !important;
    }

    .video-page-followup {
        padding: 40px 0 50px;
    }
}
/* Description to video-library spacing */

.video-page-followup {
    background: #ffffff !important;
    padding: 45px 0 30px !important;
    border-bottom: 0 !important;
}

.video-page-followup::after {
    display: none !important;
}

.video-library-section {
    background: #ffffff !important;
    padding-top: 35px !important;
}

.video-library-section .video-filter-controls {
    margin-top: 0 !important;
    margin-bottom: 32px !important;
}
.video-library-section > .container {
    width: 100% !important;
    max-width: 1570px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.video-library-grid {
    width: auto !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}
/* Centre and contain the Explore Videos grid */

.videos-page .video-library-section > .container {
    width: calc(100% - 80px) !important;
    max-width: 1360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.videos-page .video-library-grid {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
@media only screen and (max-width: 991px) {
    .videos-page .video-library-section > .container {
        width: calc(100% - 30px) !important;
    }
}

@media only screen and (max-width: 575px) {
    .videos-page .video-library-section > .container {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
.video-youtube-button:visited {
    color: #72131b !important;
    text-decoration: none !important;
}

.video-youtube-button i,
.video-youtube-button:visited i {
    color: #e89a45 !important;
}

.video-youtube-button:hover,
.video-youtube-button:focus,
.video-youtube-button:active {
    color: #ffffff !important;
    background: #72131b !important;
    border-color: #72131b !important;
}

.video-youtube-button:hover i,
.video-youtube-button:focus i,
.video-youtube-button:active i {
    color: #ffffff !important;
}
/* Prevent empty scrolling after the footer */

html,
body {
    height: auto !important;
    min-height: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.footer {
    height: auto !important;
    min-height: 549px;
    margin-bottom: 0 !important;
}
.footer + * {
    margin-top: 0 !important;
}
/* Space between homepage hero and About Seghito */
.home-about {
    padding-top: 110px;
}
@media only screen and (max-width: 767px) {
    .home-about.spad {
        padding-top: 65px;
    }
}
.hero-message {
    max-width: 680px;
    margin: 10px auto 0;
    padding: 10px 18px;

    background: rgba(12, 4, 7, 0.58);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.hero-message h2 {
    margin: 0 !important;
    color: #fff8ed;
    font-family: "Poppins", sans-serif;
    font-size: clamp(17px, 1.3vw, 22px) !important;
    font-weight: 500;
    line-height: 1.45 !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
    text-align: center;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.95);
}

.hero-message h2 span {
    display: inline;
    color: #e5a044;
    font: inherit;
    letter-spacing: inherit;
    text-transform: none;
}
/* Hero message — mobile */
@media only screen and (max-width: 767px) {
    .hero-message {
        width: calc(100% - 36px);
        max-width: 380px;
        margin: 8px auto 0;
        padding: 8px 12px;
        box-sizing: border-box;
    }

    .hero-message h2 {
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    .hero-message h2 span {
        display: inline;
        font: inherit;
        letter-spacing: inherit;
        text-transform: none;
    }
}
/* Correct oversized homepage hero *//* HOMEPAGE HERO — RESTORED */

.hero {
    padding-top: 150px;
    padding-bottom: 90px;
    height: 54.75vw;
	min-height: 700px;
    box-sizing: border-box;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* MOBILE */
@media only screen and (max-width: 767px) {
    .hero {
        padding-top: 105px;
        padding-bottom: 70px;
        min-height: 100svh;
        background-size: cover;
        background-position: 60% center;
    }
}
/* Arrow position */
.linear__icon {
    bottom: 5px;
    z-index: 3;

}

/* MOBILE */
@media only screen and (max-width: 767px) {
    .hero {
        padding-top: 105px;
        padding-bottom: 70px;
        min-height: 100svh;

        background-size: cover;
        background-position: 60% center;
    }

    .hero::after {
        width: 190px;
        height: 48px;
        border-radius: 95px 95px 0 0;
    }

    .linear__icon {
        bottom: 0;
    }

    .linear__icon i {
        font-size: 38px;
    }
}
/* Vertically centre the hero content */
@media only screen and (min-width: 768px) {
    .hero {
        display: flex;
        align-items: center;
    }

    .hero > .container {
        width: 100%;
    }
}
.about-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
}

.about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 155px;
    padding: 15px 26px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* BOOK SEGHITO */
.about-btn-book {
    background: #8f111d;
    border: 2px solid #8f111d;
    color: #ffffff;
}

.about-btn-book:hover {
    background: #6f0d16;
    border-color: #6f0d16;
    color: #ffffff;
}

/* VIEW EPK */
.about-btn-epk {
    background: transparent;
    border: 2px solid #a7582a;
    color: #a7582a;
}

.about-btn-epk:hover {
    background: #a7582a;
    color: #ffffff;
}
.featured-video-image iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.featured-video-image {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}

.featured-video-image img,
.featured-video-image iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: 0;
}
@media only screen and (max-width: 767px) {

    .slicknav_btn {
        background: #8f111d !important;
        border-radius: 0;
        padding: 14px 16px;
    }

    .slicknav_menu .slicknav_menutxt {
        color: #ffffff !important;
    }

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

}
@media only screen and (max-width: 767px) {

    .hero {
        background-position: 50% center !important;
    }

}
@media only screen and (max-width: 767px) {

    /* Mobile menu hover + active page */
    .slicknav_nav a:hover,
    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav .active > a {
        background: #8f111d !important;
        color: #ffffff !important;
        border-radius: 0 !important;
    }

}