/* THIS IS SETUP FOR PLAIN SITES (SITES WITH BOOTSTRAP DO NOT NEED THIS) -------
	--------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:01C 01D 018 019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding: 0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing: 0;}body,figure{margin: 0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0;}
* { box-sizing: border-box; }


/* GENERAL STYLES -------
	--------------------------------*/
:root{
	--grey-colour: #e1e1e1;
	--pink-colour: #e44c53; /* var(--pink-colour); */
	--black-colour: #18181a; /* var(--black-colour); */
}



html {
  scroll-behavior: smooth;
  overflow-x: hidden!important;
}

body{
	background-color: #000;
	color:#fff;
	font-family: 'pragmatica', serif;
	position:relative;
	z-index:-5;
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #cf765a;
	text-decoration:none;
	cursor:pointer!important;
}
p{
	font-size: 16px;
	color: #fff;
}

img {
	max-width:100%;
}

.btn{
	padding: 12px;
	color: #fff;
	display: block;
	border-radius: 0;
	text-transform: uppercase;
	border: 3px solid #fff;
	background-color: transparent;
	margin-top:10px;
	border-radius:65px;
	
}
.routeAdd{
	background-color: #ffffff29;
	color: #ffffff;
	cursor: pointer;
  padding: 10px 10px;
  font-weight: 600;
  font-size: 28px;
  font-family: aviano, serif;
  border-radius: 10px;
  text-align: center;
  line-height:24px;
  min-height: 130px;
	margin: 10px 0px;
  }
 .routeAdd:hover{
	background-image: linear-gradient(45deg, hsl(46deg 100% 46%) 0%, hsl(27deg 87% 56%) 33%, hsl(16deg 86% 58%) 67%, hsl(18deg 81% 55%) 100%);
	border: 3px solid #EA6831;
 }
.routeText{
	font-size:15px;
}
@media (max-width: 810px){
	.btn {
		font-size:.85rem;
		padding:8px;
	}
}

.btn:hover{
	background-color: #e30001;
	border: 3px solid #e30001;
	color: #ffffff;
	cursor: pointer;
}


.mobile{
	display: none;
}
@media (max-width: 810px){
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}
}

section {
	width:90%;
	display:block;
	margin:0 auto;
	position:relative;
	z-index:-1;
}

@media (max-width: 810px){
section {
	width:100%;
	}
}

iframe {
	width:100%!important;
}
/***** LOGO SECTION *****/
header {
  height: auto;
  position:absolute;
  background: rgba(0,0,0,.25);
  padding:25px 0;
  /*animação*/
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.logo {
	display:block;
	margin:0 auto;
	width:30%;
	position:relative;
	z-index:100000000;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
@media (max-width: 900px){
	.logo {
		width:75%;
	}
}


.sticky {
	z-index: 10;
}

header.sticky {
  position: fixed;
  height: auto;
  padding:15px 0;
  width: 100%;
  background: rgba(0,0,0,.8);
  text-align: center;
  margin:0 auto;
   -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

header.sticky .logo {
	width:30%;
	position:relative;
}

@media (max-width: 810px){
	header.sticky .logo {
		width:60%;
	}
}


.bio-image {
	width: 65%;
	display:block;
	margin-top:45px;
	margin:0 auto;
	position:relative;
	z-index:-1;
}
@media (max-width: 810px){
	.bio-image {
		width:100%;
		margin-bottom:75px;
	}
}


/*********** HAMBURGER MENU *********/


main {
  width: 99vw;
/*   height: 100vh; */
}

.logo,
.content {
  color: #fafafa;
}

.nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 3;
}


#hamburger {
  opacity: 0.95;
  position:absolute;
  right:20px;
  top:-42px;
  cursor: pointer;
  transition: opacity 0.25s linear;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
}

@media (max-width: 810px){
 #hamburger {
	 right:0;
	 top:11px;
	 width:2rem;
	 height:2.5rem;
 }
}

@media (max-width: 768px){
	#hamburger {
		top:3px;
	}
}

#hamburger:hover {
  opacity: 1;
}

#hamburger div,
#hamburger div:after,
#hamburger div:before {
  background-color: #fafafa;
  border-radius: 4px;
  width: clamp(1rem, 1.8vw + 1rem, 3rem);
  height: clamp(0.2rem, 0.18vw + 0.05rem, 1rem);
  transition: all 0.15s linear;
}

@media (max-width: 810px){
	#hamburger div,
	#hamburger div:after,
	#hamburger div:before {
		  height: clamp(0.2rem, 0.75vw + 0.07rem, .35rem);
	}
}

#hamburger div:before,
#hamburger div:after {
  content: "";
  position: absolute;
}

#hamburger div:before {
  transform: translateY(-200%);
}

#hamburger div:after {
  transform: translateY(200%);
}

#hamburger.open div {
  background: transparent;
}

#hamburger.open div:before {
  transform: rotate(45deg);
}

#hamburger.open div:after {
  transform: rotate(-45deg);
}



#overlay a {
  text-decoration: none;
  text-transform:uppercase;
  color: #fafafa;
  font-family:'pragmatica-extended';
  font-weight:700;
  font-size: 3rem;
  margin: .5%;
  opacity: 0.5;
  transition: all 0.2s linear;
}

@media (max-width: 810px){
	#overlay a {
		font-size:1em;
	}
}

#overlay a:hover {
  opacity: 1;
}
*/

.logo-icon {
	width:180px;
	display:block;
	margin:0 auto 1% auto;
}

@media (max-width: 810px){
	.logo-icon {
		width:80px;
		margin-bottom:2.5%;
	}
}

.socials-menu {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding-left:0px;
	clear:both;
	margin-top:20px;

  }
  

@media (max-width: 810px){
	.socials-menu {
		display:block;
		text-align:center;
	}
  }
  
 .socials-menu ul {
	 padding-bottom:0px;
	 margin-bottom:0px;
 }
 @media (max-width: 810px){
	 #overlay ul.socials-menu {
		 margin-left:0px;
		 margin-right:0px;
		 padding-left:15px;
		 padding-right:0px;
		 width:100%;
		 
	 }
}

 .socials-menu li {
	 display:inline-block;
	 padding:0 20px;
 }
 
#overlay .socials-menu li a {
	color:#fff;
	transition:.3s;
	font-size:1em;
}

#overlay .socials-menu li a:hover {
	color:#cf765a!important;
}

@media (max-width: 810px){
	.socials-menu li {
		padding: 5px 11px;
	}
	#overlay .socials-menu li a {
		font-size:.7em;
	}
}




.socials-menu-header {
	display: flex;
	justify-content: flex-start;
	margin: 0 auto;
	padding-left:13px;
	clear:both;

  }
  

@media (max-width: 820px){
	.socials-menu-header {
		display:none;
	}
  }
  
 .socials-menu-header ul {
	 padding-bottom:0px;
	 margin-bottom:0px;
 }

 .socials-menu-header li {
	 display:inline-block;
	 padding:0 10px;
 }
 
.socials-menu-header li a {
	color:#fff;
	transition:.3s;
	font-size:.6em;
}

.socials-menu-header li a:hover {
	color:#cf765a!important;
}

@media (max-width: 810px){
	.socials-menu li {
		padding: 5px 11px;
	}
}


/***** SHOW/HIDE NAVIGATION MENU ON SCROLL *****/
.hiddenMenu {
	position: fixed;
	top: 0;
	right:10px;
	color: var(--grey-colour);
	font-family: 'Gentium Basic', serif;
	font-weight:600;
	width: auto;
	height: auto;
	font-size:2rem;
	z-index: 100;
	transition: all .5s;
}
.hide {
	opacity:0;
   
}
.show {
	opacity:1;
  
}






/* MUSIC STYLES -------
	--------------------------------*/
section.music{
	background-color:#000;
	padding:120px 0 0px 0;
}

@media (max-width: 810px){
	section.music {
		padding:50px 0;
	}
}


.music .btn {
	display:block;
	width:75%;
	margin:0 auto 10px auto;
	font-family: 'pragmatica-extended', serif;
	font-weight:600;
	letter-spacing:.8px;
	font-size:.9rem;
}

@media (max-width: 900px){
	.music .btn {
		width:100%;
	}
}

.currentRelease {
	display:flex;
	align-items:center;
	/* background-color:#1a1a1a; */
	padding:20px;
	text-align:center;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  max-width: 2000px;
}

@media (max-width: 900px){
	.currentRelease {
		flex-direction:column;
	}
}

span.latest {
	font-weight: 300;
	letter-spacing: 6px;
	font-size: .8em;
	margin-bottom: 10px;
	display: block;
	text-transform: uppercase;
}

@media (max-width: 900px){
	span.latest {
		margin-top:20px;
	}
}

.music h3 {
	font-size: 1.3em;
	font-family: 'pragmatica-extended', serif;
	line-height:1em;
	font-weight:400;
	text-align:center;
	letter-spacing:0px;
	margin-bottom: 0;
	padding: 20px 0;
}

@media (max-width: 810px){
	.music h3 {
		font-size:1.5em;
		line-height:1.5em;
	}

}

	.releaseInfo {
		margin-bottom:40px;
		max-width: 500px;
	}


/* VIDEO STYLES -------
	--------------------------------*/
	
section.video {
	padding-top:120px;
	padding-left:15px;
	padding-right:15px;
}
@media (max-width: 810px){
	section.video {
		padding:50px 0;
	}
}

.videoWrapper {
	display:flex;
	align-items:center;
/* 	background-color:#1a1a1a; */
	padding:20px;
	text-align:center;
	flex-wrap: wrap;
}

	.singleVideo {
		margin-bottom:40px;
	}
@media (max-width: 900px){
	.videoWrapper {
		flex-direction:column;
	}
}


/* ABOUT STYLES -------
	--------------------------------*/
section.about {
	padding:120px 25px;
}
@media (max-width: 810px){
	section.about {
		padding:60px 35px;
	}
}
	
p {
  margin-bottom: 0;
  font:1.7em 'pragmatica-extended', serif;
  font-weight:600;
  text-transform:uppercase;
  line-height:1.1em;
  color: #fff;
  text-align:center;
/*   padding-bottom:3%; */
}

@media (max-width: 810px){
	p {
		font-size:1.75em;
	}
}
/*
p:last-child {
	padding-bottom:90px;
}
*/

.about a:hover {
	color:#cf765a;
	text-decoration:none;
	outline:none!important;
	cursor:pointer!important;
}

.about a:focus, .about a:active {
	outline:none!important;
}

.copy-block {
  /* Wrapper class for entire block. */
/*   max-height: 380px; */
  position: relative;
  overflow: hidden;
}
.copy-block .fade-away {
  /* Class to provide a gradient fade to the call-to-action. */
  background: #000;
  background: -webkit-linear-gradient(transparent, #000);
  background: -moz-linear-gradient(transparent, #000);
  background: -o-linear-gradient(transparent, #000);
  background: linear-gradient(transparent, #000);
}

.fade-away {
	color:red!important;
}
.copy-block .read-more {
  /* Class to provide positioning for the call-to-action. */
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%;
  font-size:1.9em; 
  text-align: center; 
  margin: 0; 
  padding: 220px 0 10px;
  outline:none!important;
}
.follow{ 
  font-size: 1.9em;
  text-align: center;
	margin:0px 0px 20px 0px;
}
@media (max-width: 810px){
	.copy-block .read-more {
		font-size:1.3em;
	}
}

h2.presaveTitle {
	color:#e30001;
	font-size:4.5rem;
	font-weight:800;
}

@media (max-width: 810px){
	h2.presaveTitle {
	font-size:2.5rem;
	margin-top:25px;
}
}
/********** SNAPCHAT *********/
section#snapchat {
	text-align: center;
	width:90%;
	margin-bottom:50px;
}

@media (max-width: 810px){
	section#snapchat {
		text-align: center;
		width:100%;
		padding:0 50px;
	}
}

.snapchatInnerWrapper {
	display: flex;
	align-items: center;
	background-color:#171717;
	padding:30px;
	width:100%;
	margin-top:120px;
}

@media (max-width: 810px){
	.snapchatInnerWrapper {
		flex-direction:column;
		padding:8px;
	}
	
	.tmyk {
		margin-top:25px;
	}
	
}

.snapchatLink {
	margin:0 auto;
	padding-left:35px;
}

.snapchatLink .fa-snapchat {
	font-size:2em;
}
.snapchatLink .btn {
	background-color:#fffC00;
	border-color:#fffC00;
	color:#000;
	font-weight:600;
	margin-top:25px;
	transition:.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}

@media (max-width: 810px){
	.snapchatLink .btn {
		margin-bottom:10px;
	}
}

.snapchatLink .btn:hover {
	background-color:#fff!important;
	border:3px solid #fff!important;
	color:#000!important;
	background-image:none;	
	transition:.3s;
	top:1px;
}

.snapchat h3 {
	font-size: 1.5em;
	font-family: 'pragmatica-extended', serif;
	line-height:1em;
	font-weight:600;
	text-align:center;
	letter-spacing:0px;
	margin-bottom: 0;
	padding: 20px 0;
}

@media (max-width: 810px){
	.snapchat h3 {
		font-size:1.5em;
		line-height:1.5em;
	}

}

/********* TOUR *********/

section.tour {
	padding:120px 25px;
}

/********* CONTACT **********/
section.contact {
	padding:100px 5px;
	width:95%;
}
@media (max-width: 810px){
	section.contact {
		padding:50px 35px;
	}
}

.contactWrapper {
	display:flex;
	justify-content:center;
}
@media (max-width: 1000px){
	.contactWrapper {
		flex-direction:column;
	}
}
.contact {
	color:#fff;
	text-align:center;
	font-size:1.4em;
}

.contact h3 {
	font-size:20px;
	text-transform:uppercase;
	font-family:'pragmatica-extended';
	font-weight:600;
}

.contact a {
	font-size:18px;
	transition:.3s;
}
@media (max-width: 1000px){
	.contact h3 {
		padding-top:25px;
	}

	.contact a {
		font-size:17px;
		margin-bottom:25px;
		display:block;
	}
}
.contact a:hover {
	color: #cf765a;
}
/***** FOOTER *****/

/* CONNECT STYLES -------
	--------------------------------*/

section.connect {
	position:relative;
	z-index:0;
}
.socials-footer {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding-left:0px;
	clear:both;
  }
  
  section.connect {
	padding-top:75px;
}

@media (max-width: 768px){
	.socials-footer {
		display:block;
		text-align:center;
	}
	section.connect {
		padding-top:0;
	}
  }
  
 .socials-footer ul {
	 padding-bottom:0px;
	 margin-bottom:0px;
 }
 .socials-footer li {
	 display:inline-block;
	 padding:0 20px;
 }
 
.socials-footer li a {
	color:#fff!important;
	transition:.3s;
	font-size:2em;
}

@media (max-width: 768px){
	.socials-footer li {
		padding: 5px 11px;
	}
.socials-footer li a {
	font-size:1.2em;
}
}
.socials-footer li a:hover {
	color:#cf765a!important;
	cursor:pointer!important;

}


/********* FLOWERSHOP ********/
.flowershop {
	width:100%;	
	min-height: 50vh;
	background-image:  url('../imgs/FlowerShopRoutes.png');
	background-repeat: no-repeat;
	background-size:;
	background-position: top center;
	z-index: -2;
	}
.flowershopRoute{
	width:100%;	
	min-height: 100vh;
	background-repeat: no-repeat;
	background-position: top center;
	z-index: -2;
	}


@media (max-width: 810px){
	.flowershop {
		height:80vh;
		background-image:  url('../imgs/FlowerShopRoutes.png');
		}
	}

.signup-fs{
	padding: 150px 150px 0px;
	}
	
.signup-fs p {
	font-family: aviano, serif;
}
	
.banner-section {
	height: 120vh;
	background-image:  url('../imgs/PP-BG.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: -2;
	}

@media (max-width: 810px){
	.signup-fs{
		padding: 100px 15px 0px;
		}
	.banner-section {
		height:80vh;
		background-image:  url('../imgs/PP-BG.jpg');
		}
	}

.pin1 {
	position: absolute;
	margin: -11px 232px 0px 0px;
	z-index: 2;
}

	/***** ROUTES ******/

.svgContainer {
	position: absolute;
	z-index: -1;    
	height: 100vh;
  overflow: hidden;
	}
@media (max-width: 810px){
	.svgContainer {
	  width: 100vw;
		
		}
}


.svgRoute {
	display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: middle;
/*
  overflow: hidden;
	padding-bottom:100%;
  height: 500px;
*/
	}
#theSVG {
	display: inline-block;
	position: initial;
  left: -403px;
  top: -9px;
  width: 3000px;
  height: 1500px;
	}
	@media (max-width: 810px){
		#theSVG {
			position: absolute;
			}
		}
	@media (min-width:1900px){
		#theSVG {
			width:100vw;
			height:auto;
		}
	}	
		
.circ2 {
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 50%;
  position: absolute;
  left: 385px;
  top: 385px;
	}
.clickMe {
  color: white;
  position: absolute;
  left: 380px;
  top: 330px;
	}
.routeAdd p {
	font-size: 16px;
  line-height: 18px;
  padding: 4px 0px;
}

/********* NEWSLETTER ********/
section.newsletter {
	margin:100px 0;
	width:100%;
}

/********* MODAL POPUP ********/

.btn-primary[disabled]:hover {
	background-color: #403f3f!important;
	border-color: #4d5357!important;
}
.modal-backdrop {
	z-index: 104000000;
   }
.modal-backdrop.show {
	opacity: .8;
}
.modal {
		z-index: 105000000;
	}
.modal-content {
	background-color:#000;
}

.modal-header .close, .close {
	color:#fff!important;
	font-size:2em;
	opacity:1!important;
	border-bottom:none!important;
}

.modal-header {
		border-bottom: 0px!important;
	position: absolute!important;
	width: 100%!important;
}
.modal-dialog {
	height:80vh;
}

.modal-body {
	height:90vh;
	min-height:650px;
}

.nl-logo {
	width:350px;
	margin:20px auto;
	display:block;
}
iframe {
 height:80vh;
 border:0px;
}
button.close {
	z-index: 999999999;
}


.button_container {
  position: fixed;
  top: 25px;
  right: 2%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
/*
.button_container.active .top {
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
*/
.button_container span {
  background: #fff;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
  z-index:1;
}
.overlay.open li {
  animation: fadeInRight .5s ease forwards;
  animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  animation-delay: .50s;
}
.overlay nav {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  font-weight: 400;
  text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 4);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  transition: .35s;
}

@keyframes fadeInRight {
  0% {
	opacity: 0;
	left: 20%;
  }
  100% {
	opacity: 1;
	left: 0;
  }
}