a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

@font-face {
	font-family: 'montblack';
	src: url('../../fonts/mont-black-webfont.woff2') format('woff2'),
	url('../../fonts/mont-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'montbook';
	src: url('../../fonts/mont-book-webfont.woff2') format('woff2'),
	url('../../fonts/mont-book-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* TYPOGRAPHY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
img {
	width: 100%;
	height: auto;
}	
body {
  font-family: 'Montserrat', sans-serif;
  background-color: #f5f5f5;
}
	
h1 {
	font-size: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
}

h2 {
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
}
a {
	color: var(--black-color);
	cursor:pointer!important;
}
a:hover {
	text-decoration: none;
	cursor:pointer!important;
	color: var(--black-color);
}
a h1 {
	transition: .4s;
}
a h1:hover {
	opacity: .7;
}
a[onclick] { cursor: pointer; }
/* BUTTONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
.btn {
	background-color: #fff;
	color: var(--black-color);
	border-radius: 50px;
	padding: 10px 25px 8px 25px;
	font-size: 12px;
	text-transform: uppercase;
	transition: .4s;
	border: 2px solid #fff;
}
.btn:hover {
	background-color: var(--black-color);
	border: 2px solid #fff;
	color: #fff;	
}

.btn-apple {
  font-family: sans-serif;
  text-transform: uppercase;
  background-color: #FE2851;
  color: #fff !important;
  border-radius: 50px;
  padding: 6px 15px;
  font-size: 11px !important;
  cursor: pointer;
  margin-left: -5px;
  transition: .4s;
  margin-left: 10px;
}

.btn-dark {
	width: 100%;
	background-color: var(--black-color);
	color: #fff !important;
}

.btn-dark:hover {
	background-color: transparent;
	color: var(--black-color) !important;
	border: 2px solid var(--black-color);
}

.enterToWin {
	background-color: #fe2851;
	color: #fff;
	padding: 9px 16px;
	font-weight: 800;
	text-transform: uppercase;
	font-size: .8em;
	position:relative;
	transition:.3s;
}

.enterToWin:hover {
	background:#000;
	top:1px;
	color:#fff!important;
}

/* GENERAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
:root {
  --nav-desk-side-margin: 6%;
  --black-color: #222;
  --nav-desk-side-margin: 6%;
  --m-bottom-1x: 30px;
  --m-bottom-mbl-1x: 15px;
  --m-bottom-mbl-2x: 30px;
  --m-bottom-mbl-3x: 50px;  
}
html {
  scroll-behavior: smooth;
}	
.m-bottom {
	margin-bottom: var(--m-bottom-1x);
}

@media screen and (min-width: 500px){
	.m-bottom-1x {
		margin-bottom: var(--m-bottom-1x);
	}
}
@media screen and (max-width: 500px){
	.m-bottom-mbl-1x {
		margin-bottom: var(--m-bottom-mbl-1x);
	}
	.m-bottom-mbl-2x {
		margin-bottom: var(--m-bottom-mbl-2x);
	}
	.m-bottom-mbl-3x {
		margin-bottom: var(--m-bottom-mbl-3x);
	}
}

@media screen and (min-width: 500px){
	.mobile-only {
		display: none;
	}		
}	
@media screen and (max-width: 500px){
	.desktop-only {
		display: none;
	}		
}


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

/* NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/* NAV desktop */

@media screen and (max-width: 765px){
	.desktop-nav {
		display: none;
	}
}

.top-nav {
	background-color: #fff;
	height: 85px;
}

.logo {
	position: absolute;
	top: 25px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 230px;
}

.follow-action-buttons {
	position: absolute;	
	left:  var(--nav-desk-side-margin);
	top: 30px;
	display: flex;
  align-items: center;
}

.nav-socials {
	position: absolute;	
	right: var(--nav-desk-side-margin);
	top: 35px;
}

.nav-socials a {
	color: var(--black-color);	
	font-size: 17px;
	transition: .4s;
}
.nav-socials a:hover {
	opacity: .7;
}

#sticky-nav {
	width: 100%;
	height:	50px;
	background-color: var(--black-color);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	z-index: 11;
	transition: .4s;
}

#sticky-nav a {
	color: #fff;
	transition: .4s;
}
#sticky-nav a:hover {
	opacity: .8;
}

#sticky-nav .list-inline-item:not(:last-child) {
  margin-right: 20px;
}

/* Mobile NAV */

#mobile-overlay{
	position: fixed;
	top: -100vh;
	left: 0;
	z-index: 15;
	height: 0vh;
	width: 100vw;
	opacity: 0;
	background-color: #fff;
	transition: .5s;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 25px; 
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
}
#mobile-overlay.is-active {
	height: 100vh;
	opacity: 1;
	top: 0;
}				
#mobile-overlay li:not(:last-child) {
	padding-bottom: 25px;
}

#js-ham--menu {
	position: fixed;
	top: 13px;
	right: 10px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	border-radius: 50px;
}
.ham {
  font-size: inherit;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  z-index: 16;
  -webkit-appearance: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background-color: transparent;
  border: none;
  transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ham--menu.is-active span:nth-child(2) {
  opacity: 0;
}
.ham--menu.is-active span:first-child {
  top: 0.438em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ham--menu.is-active span:last-child {
  top: -0.313em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ham--menu span {
  position: relative;
  top: 0;
  display: block;
  width: 1.25em;
  height: 0.125em;
  margin-bottom: .250em;
  background-color: var(--black-color);
  transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ham--menu span:last-child {
  margin-bottom: 0;
}
.socials-mobile-nav {
	margin-top: 40px;
	font-size: 25px;
}
.socials-mobile-nav li:not(:last-child) {
	margin-right: 30px;
}

@media screen and (min-width: 765px){
	.mobile-nav {
		display: none;
	}
}
.mobile-branding {
	position: relative;
	width: 100%;
	height: 131px;
	background-color: #fff;
	
}
.logo-mobile {
	width: auto;
	position: absolute;
	left: 20px;
	top: 20px;
	height: 30px;
}
.follow-action-mbl {
	border-top:  1px solid #333;
	border-bottom:  1px solid #333;	
	padding: 15px 0 15px 0;
	position: absolute;
	width: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 70px ;
	display: flex;
	align-items: center;
	justify-content: center;

}

/* SECTIONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

section {
	margin-bottom: 100px;
}
section h1 {
	margin-bottom: 35px;
}
.page-top-padding {
	padding-top: 50px;
	text-align: center;
}
/* SECTION HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	

a#clickable-bg{
		position: relative;	
	height: 480px;
	margin-bottom: 0;
	background-image: url('../../images/janna4.jpg');
	background-color: #ffffff;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	cursor:inherit;
}

/*
@media screen and (min-width: 769px)and (max-width:1199px){

	a#clickable-bg {
	background-image: url('../../images/header-image.jpg');
		background-attachment: scroll;
		height: 353px;
		background-position: center center;
	}
}
*/

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

	a#clickable-bg {
		background-image: url('../../images/livenation-mbl.jpg');
		background-attachment: scroll;
		height: 400px;
		background-position: center center;
	}
}

.box span {
	position: absolute;
	bottom: 60px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 15px;
	height: 15px;
	display: block;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	margin: -10px;
	animation: animate 2.5s infinite;
	z-index: 12;
}

@media screen and (max-width: 768px){
	.box span{
		bottom:45px;
	}
}

.box span:nth-child(2) {
	animation-delay: -0.2s;
}

.box span:nth-child(3) {
	animation-delay: -0.4s;
}

@keyframes animate {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
		transform: rotate(45deg) translate(15px, 15px);
	}
	100% {
		opacity: 0;
	}
}

/* SECTION HIGHLIGHTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
section.highlights {
  height: 50vw;
  width: 100vw;
}	
@media screen and (max-width: 450px){
	section.highlights {
		min-height: 670px;
	}		
}

.highlight-left,
.highlight-right {
	position: relative;
	color: #fff;
	float: left;			
  width: 50vw;
  height: 50vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
@media screen and (max-width: 750px){
	.highlight-left,
	.highlight-right {
		width: 100%;
		min-height: 500px;
	}	
}
@media screen and (max-width: 450px){
	.highlight-left,
	.highlight-right {
		min-height: 350px;
	}	
}

/*
.highlight-left {
	background-image: url('../../images/highlight-left.jpg');
}
.highlight-right {
	background-image: url('../../images/highlight-right.jpg');
}
*/

.highlight-left:after,
.highlight-right:after {
	pointer-events: none;
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 35vh;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(20,22,23,0)), color-stop(80%, #141617));
	background: linear-gradient(to bottom, rgba(20,22,23,0) 0%, #141617 80%);
}

.highlight-left div,
.highlight-right div {
	position: absolute;
	bottom: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 15px;
	width: 100%;	
	z-index: 10;
}
@media screen and (max-width: 768px){
	.highlight-left div,
	.highlight-right div {
		bottom: 30px;
	}	
} 

.highlight-left .btn,
.highlight-right .btn {
	margin-top: 15px;
	transition: .3s;
}

.highlight-left .btn:hover,
.highlight-right .btn:hover {
	margin-top: 20px;
}

/* ~~~~ latest-news ~~~ */
.card-news:hover {
	cursor: pointer;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
}

#latest-news h2 {
	padding: 0 15px;
}

#latest-news a:hover {
	transform: scale(1.3);
}
.main-feature-content {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	padding: 0 30px;
}

.main-feature-content a {
	color: var(--black-color);
}
@media screen and (max-width: 500px){
	.main-feature-content h2 {
		font-size: 15px;
	}
}
.secondary-feature-content {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
}

.secondary-feature-content h2 {
	font-size: 15px;
	line-height: 18px;
	transition: .25s;
}
.card-news {
	background-color: #fff;
}
.card-news:hover .secondary-feature-content h2,
.card-news:hover .main-feature-content h2{
	opacity: .7;
	text-decoration: underline;
}

#latest-news-second-row {
	border-top: 1px solid #222;	
	border-bottom: 1px solid #222;	
}
small {
	font-size: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
@media screen and (max-width: 500px){
	small {
		font-size: 9px;
		padding-bottom: 6px;
	}	
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/* SECTION SHOP ~~~~~~~~~~~~~~~~~ */

.shop-title {
	padding: 20px 0;
	min-height: 100px;
	vertical-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.shop h4 {
	line-height: 18px;
	font-size: 14px;
}

/* SECTION LATEST CLIPS ~~~~~~~~~~~~~~~~~ */

.latest-clips {
	background-color: var(--black-color);
	padding: 70px 0 75px 0;
}
.latest-clips h1 {
	color: #fff;
}
.latest-clips h3 {
	color: #fff;
	padding-top: 35px;	
}


/* STAY IN THE LOOP ~~~~~~~~~~~~~ */

.stay-in-the-loop h2,
.stay-in-the-loop h3{
	padding-bottom: 35px;
}
/* FORMS ~~~~~~~~~~~~~~~~~ */

.form-control {
  font-size: 1rem;
  color: var(--black-color);
  border: 2px solid var(--black-color);
  border-radius: 50px;
}
select#country{
	border: 0px;
	outline: none;
	font-size: 12px;
}
.selectWrapper{
	overflow:hidden;
	background-color: #fff;
	border: 2px solid var(--black-color);
	border-radius: 50px;
	padding-right: 15px;
}

::placeholder {
  color: var(--black-color) !important;
  font-size: 12px;
}
label {
	margin-bottom: 10px;
}

/* SECTION LATEST CLIPS ~~~~~~~~~~~~~~~~~ */

footer {
	background-color: var(--black-color);
	padding: 50px 0;
	width: 100%;
	color: #fff;
	text-align: center;	
}

footer a {
	color: #fff;
	transition: .4s;
}
footer a:hover {
	color: #fff;
	opacity: .7;
}

footer p {
	padding-top: 25px;
	font-size: 11px;
}
.footer-socials {
	font-size: 25px;
}
footer li a:not(:last-child){
	margin-right: 10px;
}

footer .list-inline-item:not(:last-child) {
	margin-right: 28px;
}


/* ABOUT */

.about p{
	font-size: 18px;
	padding-bottom: 25px;
	line-height: 30px;
}

/* Contact */
.contact h2 {
	margin-bottom: 20px;
}
.contact a {
	color: #0070C9;
	text-decoration: underline;
	margin-bottom: 30px;
	display: block;
}
/* Videos */
.video-title {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-title span{
	font-size: 16px; 
}

/* Music */
.music-title {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.music span {
	display: block;
	margin: 30px 0 20px 0;
}
.music span:hover {
	cursor: pointer;
	opacity: .85;
}
.music p {
	text-align: left;
	line-height: 30px;
	font-size: 14px;
}
.fa-chevron-down {
	font-size: 14px;
	margin-left: 5px;
}
.toggle-content {
	display: none;
}
.toggle-content.is-visible {
	display: block;
}

/* Single Post */

.single-post-content p{
	line-height: 25px;
	margin-bottom: 10px;
}
.share-socials {
	display: flex;
	margin-bottom: 20px;
	font-size: 15px;
}
.share-socials .fab {
	margin-left: 10px;
}
.single-main small {
	display: block;
	margin-bottom: 10px;
}
.single-main h1 {
	margin-bottom: 20px;
}

.single-main {
	margin-top: 30px;
}
section.instagram .post-container {
    max-height: 300px;
    max-width: 300px;
    padding: 5px;
}
#instaContent div a img {
    width: 100%;
/*     height: 300px; */
    overflow: hidden;
}
.insta-photo a img {
    width: 300px;
/*     height: 300px; */
    overflow: hidden;
    padding: 10px;
}