/* Marracash. priscofrancesco.com
================================================== */

html,body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-size: 1em;
  font-family: 'Open Sans Condensed', Helvetica, sans-serif !important;
-webkit-font-smoothing: antialiased !important;
background-color: #ececec!important;
 color: #000;
}

#wrapper {
 max-width: 1600px;
 margin: 0 auto;
 overflow: auto;
}

a {
 color: #000;
 -webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
}

a:hover {  color: #831189 !important;
 -webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
 text-decoration: none !important;
}

.slick-slider {
margin-bottom: 0px !important;
}

.featherlight .featherlight-close-icon {
background: #000 !important;
color: #fff !important;
}

#merchoverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.8);
  display: table;
  text-align: center;
  z-index: 999;
}

.toHide {
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
  z-index: -1000;
  clear: both;
  display: none;
}

.toHide.showoverlay {
  display: block;
  opacity: 1;
  z-index: 999;
  -webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.tohide.nodisplay {
  display: none;
}

.overlay--img {
  display: table-cell;
  vertical-align: middle;
  z-index: 999999999;
}
#merchoverlay img {
  max-width: 50%;
}

/* FONT ENTYPO
================================================== */
@font-face {
    font-family: 'entypo-social';
    src: url('../font/entypo-social.eot');
    src: url('../font/entypo-social.eot?#iefix') format('embedded-opentype'),
         url('../font/entypo-social.woff') format('woff'),
         url('../font/entypo-social.ttf') format('truetype'),
         url('../font/entypo-social.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'entypo';
    src: url('../font/entypo.eot');
    src: url('../font/entypo.eot?#iefix') format('embedded-opentype'),
         url('../font/entypo.woff') format('woff'),
         url('../font/entypo.ttf') format('truetype'),
         url('../font/entypo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* HEADER
================================================== */

#header {
width: 100%;
height: 600px;
color: #fff;
overflow:hidden;
background-color: #000 !important;
 background: url('../img/header_santeria.jpg') no-repeat;
 background-position: center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 background-attachment: fixed;
}

#header a {
 color: #ede5da !important;}

#header a:hover {
 color: #fff !important;
}

#headerbg iframe {
 z-index: -99; width: 120%; height: 120%;
 overflow: hidden;
 display: block;
}

#introheader {
 color: #fff !important;
 font-size: 3.5em;
 font-weight: 700;
}

#frase1 {
 margin-left: 50px;
 letter-spacing: 2px;
 margin-top: 220px;
 font-weight: 100;
}

#headvideo {
 font-size: 0.3em !important;
 color: #831189;
 bottom: 0px !important;
 position: relative;
 margin-top: 200px;
 padding-left: 55px;
}

#headvideo:hover {
 color: #fff;
 cursor: pointer;
}

/* NAVBAR
================================================== */

#navbar {
width: 100%;
 height: 100px;
 -webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
 font-weight: 700;
 z-index: 70 !important;
 position: fixed;
}

#nav {
 text-align: left;
 font-family: 'Open Sans Condensed', Helvetica, sans-serif !important;
 font-size: 1em !important;
 font-weight: 700 !important;
 display: inline-block;
}

#navbar.grande {
 height: 100px !important;
 color: #fff !important;
}

#navbar.grande > #nav li {
 line-height: 100px !important;}

#navbar a  {
 color: #fff !important;
}

#navbar a:hover {
 color: #831189 !important;
}

#navbar.piccolo {
 background-color: rgba(0,0,0,1) !important;
 height: 70px;
}

#navbar.piccolo > #nav li {
 line-height: 70px !important;}

#navbar.piccolo > #socialnav {
 line-height: 70px !important;}

#navbar.piccolo a  {
 color: #fff !important;
}

#navbar.piccolo a:hover {
 color: #831189 !important;
}

#nav ul {
}

#nav li {
 list-style: none;
 display: inline-block;
 line-height: 100px;
 padding-left: 15px;
 padding-right: 15px;
 font-size: 1em !important;
 -webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
 transition-property: line-height;
 letter-spacing: 1px;
}

#socialnav {
    width: 300px;
    height: 50px;
    right: 0px;
    position: relative;
    float: right;
    display: inline-block;
    font-family: 'entypo-social' !important;
    color: #fff !important;
    font-size: 2em !important;
    line-height: 100px;
    text-align: right;
    padding-right: 50px;
    font-weight: 100;
}

#socialnav span {
    padding-left: 20px;
}

.play {
   font-family: 'entypo-social' !important;
 font-size: 1em;
 display: inline-block;
 padding-right: 10px;
}

/* BODY
================================================== */

.titlesez {
 text-align: center !important;
 padding-bottom: 40px;
 padding-top: 40px;
 color: #000;
 font-size: 1.2em;
 font-weight: 700;
 letter-spacing: 2px;
 float: left;
 width: 100%;
 background-color: #fff;
}

.titlesez.black {
 background-color: #000;
 color: #fff;
}


#box1 {
 width: 100%;
 height: auto;
 background-position: center right;
 background-repeat: no-repeat;
 color: #000;
 display: inline !important;
 float:left;
 background-color: #fff;
}

#box1 p {
 font-size: 1.2em !important;
 font-weight: 700;
}

#box1_1 {
 height: 100%;
 padding: 60px;
}

#box1_2 {
 text-align: right;
 padding: 50px;
}

#box1_2 img {
 max-width: 300px;
}

#logostatus {
 width: 250px;
 height: 113px;
margin-bottom: 30px;

}

#logostatus img{
 max-width: 100%;
}

#statusbutton {
 background-color: #000;
 color: #fff;
 padding: 10px;
 font-weight: 700;
 width: 200px;
 font-size: 1.2em;
 text-align: center !important;
 margin-top: 30px;
 border: 3px solid #000;
 cursor: pointer;
}

#statusbutton:hover {
 background-color: transparent;
 border: 3px solid #000;
 color: #000;
}


#loader {
 width: 100%;
 height: 100%;
 position: fixed;
 background-color: #000;
 z-index: 100;
}


.loadie {
	position: fixed;
	top: 0;
	left: 0;
	background-color: red;
	width: 0;
	height: 10px;
	-webkit-transition: width 0.5s ease-out;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
z-index: 9999;
}

#toursez {
 background-color: #000;
 width: 100%;
 height: auto;
 float: left;
 display: inline-block;
 overflow: hidden;
}

#tourbg {
 width: 100%;
 height: 450px;
 float: left;
 display: inline-block;
    background-image: url("../img/tourbg.jpg");
 background-position: center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
}

#tourbg p {
    line-height: 450px;
}

.data {
 background: #000;
 float: left;
 padding: 0px;
 text-align: center;
 height: 250px;
}

.data h1 {
 color: #831189;
 font-size: 7.5rem !important;
 font-weight: 500;
}

.data:hover {
 background-color: #212121;
}

.datasquare {
 width: 200px;
 height: 200px;
 text-align: center;
 left: 50%;
 margin-left: -100px;
 top:50%;
 margin-top: -100px;
 position: relative;
 overflow: hidden;
}

.mese{
 color: #831189;
 font-weight: 700;
 font-size: 1.5rem;
}

.location {
  color: #fff;
 font-weight: 700;
 font-size: 1.1rem;
 text-transform: uppercase;
}

#showdate {
 background-color: #000;
 padding: 20px;
 text-align: center;
 color: #3a3a3a;
 float:left;
 width: 100%;
 font-weight: 700;
 cursor: pointer;
}

#showdate:hover{
 color: #fff;
   -webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
}

#showdate p {
 margin: 0 !important;
 opacity: 0.7;
}

#toursezhide {
 background-color: #000;
 width: 100%;
 float: left;
 max-height: 0px;
 overflow: hidden;
 -webkit-transition: all 0.5s;
transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
 transition-delay: 0s;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
}

#toursezhide.show {
 max-height: 2000px;
-webkit-transition: all 1s linear;
transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
}

#toursezhide:hover > #showdate p{
 opacity: 1;
}

.mostra {
 display: inline-block;
}

.mostra.show {
 display: none !important;
}

.nascondi {
 display: none;
}

.nascondi.show {
 display: inline-block;
}


#citbig {
 width: 100%;
 height: 450px;
 display: inline-block;
 background-color: #fff;
 background-image: url("../img/citbig1.jpg");
 background-position: center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 text-align: center;
 float: left;
}

#citbig p {
 font-size: 2.5em;
 text-align: center;
 font-weight: 400;
 padding-top: 200px;
}

#discografia {
 width: 100%;
 height: auto;
 float: left;
 background-color: #000;
}

.coveralbum {
 padding: 0px !important;
 margin: 0px !important;
}

.coveralbum img {
 max-width: 100%;
 opacity: 0.3;
  -webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
 z-index: 10;
}

.coveralbum img:hover {
  -webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
}

.coveroverlay {
 width: 100%;
 height: 100%;
 z-index: 11;
 display: inline-block;
 position: absolute;
 opacity: 0;
 background-color: rgba(175,68,148,0.6);
 -webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
}

.coveroverlay:hover {
 opacity: 1;
}

.overlayicon {
 width: 240px;
 height: 100px;
 position: relative;
 text-align: center;
 bottom: 0px !important;
 margin: 0 auto;
 top:50%;
 margin-top: -50px;
}

.spotify {
 width: 80px;
 height: 80px;
 background-image: url("../img/spoty.png");
   background-position: center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 display: inline-block;
 background-color: rgba(0,0,0,0.4);
 margin: 10px;
}

.spotify:hover {
 background-color: #000;
 -webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
}

.itunes:hover {
 background-color: #000;
 -webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
}

.itunes{
 width: 80px;
 height: 80px;
 background-image: url("../img/itunes.png");
   background-position: center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 display: inline-block;
 background-color: rgba(0,0,0,0.4);
  margin: 10px;
}

#endisco {
 width: 100%;
 height: 98px;
 background-image: url("../img/bgpen.jpg");
   background-position: center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 display: none;
 float: left;
}


#citparallax {
 width: 100%;
 height: 600px;
 background-image: url("../img/bgparallax.jpg");
 background-position: center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;
 text-align: center;
 display: inline-block;
 overflow: hidden;
 float: left;
}

#marraparallax {
 width: 300px;
 height: 1500px;
 background-image: url("../img/marraparallax.png");
 margin-left: 100px;
 background-repeat: no-repeat;
}

#txtparallax {
width: 100%;
height: auto;
color: #000;
font-weight: 100;
font-size: 2.5em;
position: relative;
margin-top: 290px;
margin-left: 130px;
}

#genius {
 background-color: #d3d3d3;
 height: 300px;
 color: #fff;
 font-weight: 700;
 font-size: 1.3em;
 padding-top: 140px;
   background-position: center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
  background-image: url("../img/bgenius.jpg");
 text-align: center;
  cursor: pointer;
}

#ytmusica {
 background-color: #831189;
 height: 300px;
 color: #fff;
 font-weight: 700;
 font-size: 1.3em;
 padding-top: 140px;
   background-position: center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 text-align: center;
   background-image: url("../img/bgytmusica.jpg");
 cursor: pointer;
}

#instatitle {
 width: 100%;
 height: 50px;
 float: left;
 background-color: #141414;
 color: #434343;
 font-weight: 700;
 line-height: 50px;
}

.instatitle {
 font-family: 'entypo-social' !important;
 font-size: 1.8em;
 display: inline-block;
 padding-right: 10px;
 font-weight: 100 !important;
 padding-left: 20px;
}

.genicon {
  font-family: 'entypo' !important;
 font-size: 1.6em;
 display: inline-block;
 padding-right: 10px;
}

#instagram {
 width: 100%;
 height: auto;
 background-color: #000;
 float: left
}

#instagram img {
 opacity: 0.5 !important;}


#twitter {
 height: 300px;
 padding: 80px;
 overflow: hidden !important;
 font-size: 0.2em !important;
 background-color: #000;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
  background-image: url("../img/bgtw.jpg");
 text-align: center;
}

.tweet .e-entry-title {
 color: #fff !important;
}

#media {
 width: 100%;
 float: left;
 height: auto;
 background-color: #000;
}

.mediasez:hover {
 opacity: 0.6;
  -webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
}

#links {
 width: 100%;
 float: left;
 padding-top: 120px;
 padding-bottom: 120px;
    background-color: #fff;
}

.linkfooter {
 text-align: center;
}

.linkfooter img {
 max-width: 120px;
 opacity: 0.5;
   -webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
}

.linkfooter img:hover {
 opacity: 1;
   -webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
}

#footer {
 width: 100%;
 height: 80px;
 background-color: #000;
 float: left;
 color: #fff;
 line-height: 80px;
 font-weight: 700;
 font-size: 0.8em;
 padding-left: 50px;
 letter-spacing: 2px;
 display: inline-block;
 overflow: hidden;
}

#footer a {
 color: #fff;
}

.crediti {
 display: inline-block;
 text-align: right;
 position: relative;
 float: right;
 padding-right: 50px;
}

.crediti a {
 color: #fff !important;
  -webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
}

.crediti a:hover {
 color: #831189 !important;
 -webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
 text-decoration: none !important;
}

.copy {
 display: inline-block;
}


#loading {
 width: 100px;
 height: 100px;
 position: relative;
 top:50%;
 margin-top: -50px;
 left: 50%;
 margin-left: -50px;
 background-image: url(../img/load.gif);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
}

#loadiv {
 height: 10px;
 width: 0%;
 position: absolute;
 background-color: #fff;
 -webkit-animation-name: loadbar;
 -webkit-animation-duration: 1s;
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-name: loadbar;
 -moz-animation-duration: 1s;
 -moz-animation-timing-function: ease-in-out;
 -o-animation-name: loadbar;
 -o-animation-duration: 1s;
 -o-animation-timing-function: ease-in-out;
 top: 0px !important;
 left: 0xp !important;
 z-index: 1000000000000;
}

@-webkit-keyframes loadbar {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@-mox-keyframes loadbar {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@-o-keyframes loadbar {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@keyframes loadbar {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  -webkit-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);

  -webkit-transition: -webkit-transform .5s ease-out;
  -ms-transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
}

.pace.pace-active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
 background-color: #000;
 width: 100%;
 height: 100%;
 z-index: 999;
 background-image: url("../img/load.gif");
 background-position: center center;
 background-repeat: no-repeat;
 background-attachment: fixed;


}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 10px;
  background: #fff;

  pointer-events: none;
}

.lightbox {
    display: none;
}
@media (min-width: 1280px) {
    .flvids {
        width: 853px;
        height: 480px;
    }
}
@media (max-width: 600px) {
    .flvids {
        width: 200px;
        height: 200px;
    }
}

#bigvideo {
 width: 100%;
 height: 400px;
background-image: url("../img/inradiobg.jpg");
 background-attachment: fixed;
 float: left;
 background-position: center center;
-webkit-background-size: cover;
	   -moz-background-size: cover;
   	-o-background-size: cover;
   	background-size: cover;
 background-repeat: no-repeat;
}

#videotitle {
 width: 370px;
 height: 280px;
 position: relative;
 top:50%;
 left: 50%;
 margin-top: -140px;
 margin-left: -185px;
}

#videotitle img {
 max-width: 100%;
}

#cookies {
 background-color: #000;
 height: auto;
 color: #ababab;
 font-family: sans-serif;
 font-size: 1em;
 text-align: center;
 padding: 15px;
  padding-top: 150px;
 padding-bottom: 150px;
}

#cookies a{
 color: #666;
}

#cookies p {
 max-width: 800px;
  display: inline-block;
 text-align: left;
}

#cookieChoiceInfo {
 position: fixed !important;
  width: 100%;
  margin: 0px;
  left: 0px;
  z-index: 1000;
  text-align: center !important;
  background-color: #272727 !important;
  font-family: sans-serif;
 padding: 20px !important;
 color: #fff !important;
}

#cookieChoiceInfo a {
 color: #666;
}

#cookieChoiceDismiss {
 border: 1px solid #666 !important;
 padding: 5px !important;
 border-radius: 3px;
 margin-left: 10px !important;
}

#cookieChoiceDismiss:hover {
 border: 1px solid #831189 !important;}

#cc-notification {
  background: #333!important;
  background-color: rgba(51,51,51,0.95)!important;
  color: #fff!important;
  border: 0px solid #000 !important;
   font-family: sans-serif !important;
 font-size: 10px !important;
}

#cc-notification.cc-monochrome {
  border-bottom: 0px !important;
}

#cc-notification h2 span {
 font-size: 0.7em !important;
 font-family: sans-serif !important;
 letter-spacing: 1px !important;
 color: #fff !important;
}

#cc-notification h2 a {
  font-size: 1em !important;
 font-family: sans-serif !important;
 letter-spacing: 1px !important;
 text-decoration: underline;
 cursor: pointer;
}

#cc-notification.cc-monochrome ul.cc-notification-buttons li a {
 font-size: 1em !important;
 font-family: sans-serif !important;
 color: #fff !important;;
 background-color: transparent !important;;
 border: 1px solid #fff !important;
}