/******************************************************************
  Template Name: DJ Youbiz
  Description:  DJ Youbiz Music & DJ Academy Website
  Author: Colorlib / DJ Youbiz
  Version: 1.0
******************************************************************/

/*------------------------------------------------------------------
[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", sans-serif;
	background-color: #08060D;
	color: #F4F1F8;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #FFFFFF;
	font-weight: 600;
	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", sans-serif;
	color: #A7A0B3;
	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: #9B4DFF;
}

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

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

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

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

.section-title h2 {
	font-size: 42px;
	color: #FFFFFF;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.section-title h1 {
	font-size: 100px;
	color: rgba(155, 77, 255, 0.07);
	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: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 14px 28px 12px;
	color: #ffffff;
	background: #6D00FF;
	letter-spacing: 2px;
	border-radius: 4px;
	border: none;
	transition: all 0.3s ease;
	box-shadow: 0 4px 18px rgba(109, 0, 255, 0.4);
}

.primary-btn:hover {
	background: #9B4DFF;
	color: #ffffff;
	box-shadow: 0 6px 25px rgba(155, 77, 255, 0.6);
	transform: translateY(-2px);
}

.primary-btn.border-btn {
	background: transparent;
	border: 2px solid #6D00FF;
	color: #ffffff;
	box-shadow: none;
}

.primary-btn.border-btn:hover {
	background: #6D00FF;
	color: #ffffff;
	box-shadow: 0 4px 18px rgba(109, 0, 255, 0.4);
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	background: #6D00FF;
	font-weight: 700;
	letter-spacing: 2px;
	border: none;
	border-radius: 4px;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 30px;
	width: 100%;
	transition: all 0.3s ease;
	box-shadow: 0 4px 18px rgba(109, 0, 255, 0.4);
}

.site-btn:hover {
	background: #9B4DFF;
	color: #ffffff;
	box-shadow: 0 6px 25px rgba(155, 77, 255, 0.6);
}

/* Preloder */

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

.loader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	border-radius: 50%;
	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 #6D00FF;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #9B4DFF;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #E100FF;
		border-left-color: transparent;
	}
}

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

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

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

.header {
	background: rgba(8, 6, 13, 0.85);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
	backdrop-filter: blur(12px);
	border-bottom: 1px solid rgba(155, 77, 255, 0.12);
}

.header.header--normal {
	position: relative;
	background: #08060D;
	border-bottom: 1px solid rgba(155, 77, 255, 0.15);
}

.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: 160px;
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.2);
	border-radius: 4px;
	text-align: left;
	padding: 8px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

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

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #F4F1F8;
	font-weight: 500;
	padding: 8px 20px;
	text-transform: capitalize;
	transition: all 0.3s ease;
}

.header__menu ul li .dropdown li a:hover {
	color: #9B4DFF;
	background: rgba(109, 0, 255, 0.1);
}

.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;
	font-weight: 600;
	letter-spacing: 1px;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #6D00FF;
	box-shadow: 0 0 10px #6D00FF;
	content: "";
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
}

.header__right__social {
	display: inline-block;
}

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

.header__right__social a:hover {
	color: #9B4DFF;
	transform: scale(1.15);
}

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

.slicknav_menu {
	display: none;
}

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

.hero {
	padding-top: 140px;
	padding-bottom: 100px;
	min-height: 85vh;
	display: flex;
	align-items: center;
	position: relative;
	background-position: center 30% !important;
	background-size: cover;
}

.hero::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(8, 6, 13, 0.85) 0%, rgba(8, 6, 13, 0.45) 50%, rgba(8, 6, 13, 0.98) 100%);
	content: "";
	z-index: 1;
}

.hero .container {
	position: relative;
	z-index: 2;
}

.hero .linear__icon {
	z-index: 2;
}

.hero__text {
	text-align: center;
}

.hero__text span {
	color: #9B4DFF;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 6px;
	text-shadow: 0 0 12px rgba(155, 77, 255, 0.5);
}

.hero__text h1 {
	font-size: 110px;
	font-family: "Rockville Solid Regular";
	color: #ffffff;
	margin-bottom: 20px;
	margin-top: 22px;
	text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 0 40px rgba(109, 0, 255, 0.3);
}

.hero__text p {
	color: #F4F1F8;
	margin-bottom: 25px;
	font-size: 17px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}

.hero__text .play-btn {
	font-size: 26px;
	color: #ffffff;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	background: #6D00FF;
	display: inline-block;
	line-height: 90px;
	text-align: center;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 25px rgba(109, 0, 255, 0.6);
	transition: all 0.3s ease;
}

.hero__text .play-btn:hover {
	background: #9B4DFF;
	box-shadow: 0 0 35px rgba(155, 77, 255, 0.8), 0 0 15px rgba(225, 0, 255, 0.4);
	transform: scale(1.08);
}

.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: rgba(255, 255, 255, 0.2);
	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: #9B4DFF;
}

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

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

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

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

.event {
	padding-bottom: 60px;
	background: #F4F1F8;
}

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

.event .section-title h2 {
	color: #08060D;
}

.event .section-title:after {
	position: absolute;
	right: 46px;
	top: 25px;
	height: 2px;
	width: 775px;
	background: rgba(109, 0, 255, 0.15);
	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: #08060D;
	opacity: 0.7;
	margin-right: 10px;
	transition: all 0.3s ease;
}

.event__slider.owl-carousel .owl-nav button:hover {
	color: #6D00FF;
	opacity: 1;
}

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

.event__item {
	background: #FFFFFF;
	border: 1px solid rgba(109, 0, 255, 0.12);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 5px 20px rgba(8, 6, 13, 0.05);
	transition: all 0.3s ease;
}

.event__item:hover {
	transform: translateY(-5px);
	border-color: #6D00FF;
	box-shadow: 0px 12px 30px rgba(109, 0, 255, 0.18);
}

.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;
	font-weight: 700;
	display: inline-block;
	background: #6D00FF;
	padding: 12px 20px 9px 20px;
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(109, 0, 255, 0.4);
}

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

.event__item__text h4 {
	font-size: 24px;
	font-weight: 700;
	color: #08060D;
	margin-bottom: 10px;
}

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

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

/*---------------------
  Track / Music Player
-----------------------*/

.track {
	padding-top: 120px;
	padding-bottom: 60px;
	background: #08060D;
	position: relative;
	border-top: 1px solid rgba(155, 77, 255, 0.15);
	border-bottom: 1px solid rgba(155, 77, 255, 0.15);
	overflow: hidden;
}

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

.track .section-title h2 {
	color: #FFFFFF;
}

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

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

.jp-play {
	position: relative;
	height: 50px;
	width: 50px;
	background: #6D00FF;
	border: 2px solid #6D00FF;
	border-radius: 50%;
	transition: all 0.3s ease;
	box-shadow: 0 0 12px rgba(109, 0, 255, 0.5);
}

.jp-play:hover {
	background: #9B4DFF;
	border-color: #9B4DFF;
	box-shadow: 0 0 20px rgba(155, 77, 255, 0.7);
	transform: scale(1.05);
}

.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: #9B4DFF !important;
	border-color: #9B4DFF !important;
}

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

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

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

.jp-seek-bar>div {
	height: 6px;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 3px;
	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: #6D00FF;
	border-radius: 3px;
	box-shadow: 0 0 8px #6D00FF;
	overflow: visible !important;
}

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

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

.jp-volume-bar {
	height: 6px;
	width: 70px;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 3px;
	cursor: pointer;
}

.jp-volume-bar-value {
	background: #6D00FF;
	height: 100%;
	border-radius: 3px;
}

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

.single_player_container {
	background: #120E1C;
	padding: 22px 26px;
	border: 1px solid rgba(155, 77, 255, 0.15);
	border-radius: 8px;
	margin-bottom: 25px;
	transition: all 0.3s ease;
}

.single_player_container:hover {
	border-color: #6D00FF;
	box-shadow: 0 5px 20px rgba(109, 0, 255, 0.2);
}

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

.single_player_container h4 {
	font-size: 22px;
	color: #FFFFFF;
	font-weight: 600;
	margin-bottom: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.track__pic {
	position: relative;
	z-index: 1;
	height: 100%;
	min-height: 502px;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(155, 77, 255, 0.2);
}

.track__pic:after {
	display: none;
}

.track__pic img {
	position: relative;
	top: 0;
	width: 100%;
	margin-left: 0;
	height: 100%;
	min-height: 502px;
	object-fit: cover;
	object-position: center;
	border-radius: 8px;
	display: block;
}

/*---------------------
  Youtube / Live Sets
-----------------------*/

.youtube {
	padding-bottom: 60px;
	padding-top: 100px;
	background: #F4F1F8;
}

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

.youtube .section-title h2 {
	color: #08060D;
}

.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;
	background: #FFFFFF;
	border: 1px solid rgba(109, 0, 255, 0.12);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 5px 20px rgba(8, 6, 13, 0.05);
}

.youtube__item:hover {
	transform: translateY(-5px);
	border-color: #6D00FF;
	box-shadow: 0px 12px 30px rgba(109, 0, 255, 0.18);
}

.youtube__item__pic {
	height: 240px;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 8px 8px 0 0;
	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: #ffffff;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background: #6D00FF;
	display: inline-block;
	line-height: 60px;
	text-align: center;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 15px rgba(109, 0, 255, 0.5);
	transition: all 0.3s ease;
}

.youtube__item__pic .play-btn:hover {
	background: #9B4DFF;
	box-shadow: 0 0 25px rgba(155, 77, 255, 0.7), 0 0 10px rgba(225, 0, 255, 0.4);
	transform: scale(1.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: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	content: "";
	z-index: -1;
}

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

.youtube__item__text h4 {
	font-size: 22px;
	color: #08060D;
	line-height: 32px;
	font-weight: 700;
}

/*---------------------
  Countdown / Academy CTA
-----------------------*/

.countdown {
	padding-bottom: 560px;
	position: relative;
}

.countdown::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(8,6,13,0.92) 0%, rgba(109,0,255,0.35) 100%);
	z-index: 1;
}

.countdown .container {
	position: relative;
	z-index: 2;
}

.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";
	margin-bottom: 25px;
	text-shadow: 0 0 30px rgba(109, 0, 255, 0.4);
}

.countdown__text h4 {
	font-size: 26px;
	font-family: "Now Regular", sans-serif;
	color: #9B4DFF;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 700;
}

.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;
	text-shadow: 0 0 20px rgba(155, 77, 255, 0.4);
}

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

.buy__tickets {
	text-align: center;
}

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

.discography {
	padding-bottom: 40px;
	padding-top: 120px;
	background: #08060D;
	overflow: hidden;
}

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

.discography .section-title h2 {
	color: #FFFFFF;
}

.discography__item {
	margin-bottom: 45px;
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.15);
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.discography__item:hover {
	border-color: #6D00FF;
	box-shadow: 0 10px 30px rgba(109, 0, 255, 0.25);
	transform: translateY(-4px);
}

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

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

.discography__item__text span {
	font-size: 16px;
	color: #9B4DFF;
	font-weight: 700;
}

.discography__item__text h4 {
	font-size: 22px;
	text-transform: uppercase;
	color: #FFFFFF;
	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: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.2);
	border-radius: 4px;
	-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: #6D00FF;
	border-color: #6D00FF;
	color: #ffffff;
	box-shadow: 0 4px 15px rgba(109, 0, 255, 0.4);
}

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

.footer {
	padding-top: 300px;
	padding-bottom: 60px;
	margin-top: -547px;
	background-color: #08060D;
	border-top: 1px solid rgba(155, 77, 255, 0.15);
}

.footer.footer--normal {
	margin-top: 0;
	padding-top: 100px;
}

.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: #9B4DFF;
	height: 50px;
	width: 50px;
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.25);
	border-radius: 50%;
	line-height: 48px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}

.footer__address ul li:hover i {
	background: #6D00FF;
	color: #ffffff;
	border-color: #6D00FF;
	box-shadow: 0 0 15px rgba(109, 0, 255, 0.6);
}

.footer__address ul li p {
	color: #A7A0B3;
	margin-bottom: 4px;
}

.footer__address ul li h6 {
	font-size: 16px;
	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(155, 77, 255, 0.2);
	content: "";
}

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

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

.footer__social .footer__social__links a {
	font-size: 18px;
	color: #9B4DFF;
	height: 50px;
	width: 50px;
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.25);
	border-radius: 50%;
	line-height: 48px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	transition: all 0.3s ease;
}

.footer__social .footer__social__links a:hover {
	background: #6D00FF;
	color: #ffffff;
	border-color: #6D00FF;
	box-shadow: 0 0 15px rgba(109, 0, 255, 0.6);
	transform: scale(1.1);
}

.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: #ffffff;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 18px;
	background: #6D00FF;
	border: none;
	transition: all 0.3s ease;
}

.footer__newslatter form button:hover {
	background: #9B4DFF;
}

.footer__copyright__text {
	text-align: center;
}

.footer__copyright__text p {
	color: #A7A0B3;
}

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

.footer__copyright__text a:hover {
	color: #9B4DFF;
}

.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;
	background: #FFFFFF;
}

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

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

.about.about--page .section-title h2 {
	line-height: 55px;
	color: #08060D;
}

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

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

.about__text {
	padding-top: 110px;
}

.about__text p {
	margin-bottom: 35px;
	color: #4A4453;
}

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

.skills {
	padding-bottom: 0;
	padding-top: 80px;
	background: #08060D;
}

.skills__content {
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.2);
	border-radius: 8px 0 0 8px;
	height: 500px;
	padding: 100px 70px 60px;
}

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

.skills__content .section-title h1 {
	color: rgba(155, 77, 255, 0.08);
	text-align: center;
}

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

.skill__bar__item {
	margin-bottom: 20px;
}

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

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

.skill__bar__item .barfiller .fill {
	background: #6D00FF !important;
	border-radius: 3px;
	box-shadow: 0 0 10px #6D00FF;
}

.skill__bar__item .barfiller .tip {
	margin-top: -32px;
	padding: 0;
	font-size: 15px;
	color: #9B4DFF;
	font-weight: 700;
	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;
	border-radius: 0 8px 8px 0;
	overflow: hidden;
}

.skills__video .play-btn {
	font-size: 26px;
	color: #ffffff;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	background: #6D00FF;
	display: inline-block;
	line-height: 90px;
	text-align: center;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 25px rgba(109, 0, 255, 0.6);
	transition: all 0.3s ease;
}

.skills__video .play-btn:hover {
	background: #9B4DFF;
	box-shadow: 0 0 35px rgba(155, 77, 255, 0.8), 0 0 15px rgba(225, 0, 255, 0.4);
	transform: scale(1.08);
}

.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: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	content: "";
	z-index: -1;
}

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

.about-pic {
	overflow: hidden;
	background: #08060D;
}

.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;
	background: #F4F1F8;
}

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

.about-services .section-title h2 {
	color: #08060D;
}

.about__services__item {
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	background: #FFFFFF;
	border: 1px solid rgba(109, 0, 255, 0.1);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 30px;
}

.about__services__item:hover {
	transform: translateY(-5px);
	border-color: #6D00FF;
	box-shadow: 0px 12px 30px rgba(109, 0, 255, 0.15);
}

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

.about__services__item__pic .icon {
	height: 50px;
	width: 50px;
	background: #6D00FF;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -25px;
	box-shadow: 0 4px 15px rgba(109, 0, 255, 0.4);
}

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

.about__services__item__text h4 {
	font-size: 24px;
	color: #08060D;
	font-weight: 700;
	margin-bottom: 12px;
}

.about__services__item__text p {
	margin-bottom: 0;
	color: #4A4453;
}

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

.feature {
	padding-bottom: 70px;
	background: #08060D;
}

.feature.feature--about .section-title span {
	color: #9B4DFF;
}

.feature.feature--about .feature__item {
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.15);
	border-radius: 8px;
}

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

.feature__text {
	padding-top: 80px;
}

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

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

.feature__item {
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.15);
	border-radius: 8px;
	text-align: center;
	padding: 40px 15px 35px;
	margin-bottom: 30px;
	transition: all 0.3s ease;
}

.feature__item:hover {
	border-color: #6D00FF;
	transform: translateY(-4px);
}

.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;
	background: #08060D;
}

.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: #6D00FF;
	display: inline-block;
	line-height: 90px;
	text-align: center;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 25px rgba(109, 0, 255, 0.6);
	transition: all 0.3s ease;
}

.services__left .play-btn:hover {
	background: #9B4DFF;
	box-shadow: 0 0 35px rgba(155, 77, 255, 0.8);
}

.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: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.services__list {
	margin: 0;
}

.service__item {
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.15);
	height: 320px;
	padding: 70px 40px 40px 70px;
	transition: all 0.3s ease;
}

.service__item:hover {
	border-color: #6D00FF;
}

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

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

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

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

.tours {
	padding-top: 150px;
	padding-bottom: 60px;
	background: #08060D;
}

.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: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.tours__item__text .tours__text__widget {
	overflow: hidden;
	border-bottom: 1px solid rgba(155, 77, 255, 0.2);
	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: #F4F1F8;
	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: #9B4DFF;
	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: #6D00FF;
	float: right;
	border-radius: 4px;
	box-shadow: 0 4px 15px rgba(109, 0, 255, 0.4);
}

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

.tours__item__text .tours__text__desc p {
	color: #A7A0B3;
	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(109, 0, 255, 0.15);
	content: "";
	z-index: -1;
}

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

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

.videos {
	padding-bottom: 90px;
	background: #08060D;
}

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

.videos .section-title h2 {
	color: #FFFFFF;
}

.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;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid rgba(155, 77, 255, 0.2);
}

.videos__large__item .play-btn {
	height: 60px;
	width: 60px;
	background: #6D00FF;
	border-radius: 50%;
	font-size: 20px;
	line-height: 60px;
	text-align: center;
	display: inline-block;
	color: #ffffff;
	box-shadow: 0 0 20px rgba(109, 0, 255, 0.6);
	transition: all 0.3s ease;
}

.videos__large__item .play-btn:hover {
	background: #9B4DFF;
	box-shadow: 0 0 30px rgba(155, 77, 255, 0.8);
	transform: scale(1.1);
}

.videos__large__item__text {
	background: rgba(8, 6, 13, 0.85);
	backdrop-filter: blur(8px);
	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: #F4F1F8;
	position: relative;
}

.videos__large__item__text ul li:after {
	position: absolute;
	right: -12px;
	top: 2px;
	height: 17px;
	width: 1px;
	background: rgba(155, 77, 255, 0.3);
	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;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.videos__item__pic .play-btn {
	height: 44px;
	width: 44px;
	background: #6D00FF;
	border-radius: 50%;
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	display: inline-block;
	color: #ffffff;
	box-shadow: 0 0 15px rgba(109, 0, 255, 0.5);
	transition: all 0.3s ease;
}

.videos__item__pic .play-btn:hover {
	background: #9B4DFF;
	box-shadow: 0 0 25px rgba(155, 77, 255, 0.7);
	transform: scale(1.1);
}

.videos__item__text {
	padding: 20px 15px;
	background: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.15);
	border-top: none;
	border-radius: 0 0 8px 8px;
}

.videos__item__text h5 {
	color: #ffffff;
	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: #9B4DFF;
	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: #9B4DFF;
}

.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: #9B4DFF;
}

.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: #9B4DFF;
}

.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: #9B4DFF;
	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 Page
-----------------------*/

.contact {
	padding-top: 70px;
	padding-bottom: 50px;
	background: #08060D;
}

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

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

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

.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: #120E1C;
	border: 1px solid rgba(155, 77, 255, 0.25);
	border-radius: 50%;
	line-height: 68px;
	text-align: center;
	color: #9B4DFF;
	position: absolute;
	left: 0;
	top: -4px;
	transition: all 0.3s ease;
}

.contact__address ul li:hover i {
	background: #6D00FF;
	color: #FFFFFF;
	box-shadow: 0 0 20px rgba(109, 0, 255, 0.6);
}

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

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

.contact__address ul li span {
	font-size: 15px;
	color: #F4F1F8;
	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%;
	color: #6D00FF;
}

.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;
	color: #FFFFFF;
}

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

/*--------------------------------- 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: 4px;
		padding: 12px 15px;
		float: none;
		background: #6D00FF;
	}
	.slicknav_nav {
		position: absolute;
		left: 0;
		top: 90px;
		background: #120E1C;
		border: 1px solid rgba(155, 77, 255, 0.2);
		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: #6D00FF;
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: #6D00FF;
		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%;
	}
}

/* Custom Image Fit Utility */
.about__pic img {
	width: 100%;
	height: auto;
	max-height: 550px;
	object-fit: cover;
	object-position: top center;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}