* {  margin: 0; padding: 0; border-width: 0; outline-style: none; }
html, body { color: white; background-color: #120e0d; width: 100%; height: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}

/* FONTS */
body { font-family: Roboto, sans-serif; font-weight: 400; }
.title { font-family: Dosis, sans-serif; font-weight: 300; letter-spacing: 2px; }

/* UNIVERSAL STRUCTURE */
.content { font-size: 16px; position: relative; width: 100%; clear: both; margin-right: auto; margin-left: auto; box-sizing: border-box;}
.c-img { max-width: 2100px; }
.c-txt { max-width: 1050px; }
.c-pad { padding-top: 80px; }
.contact { font-size: 16px; color: white; background-color: #c3a203; text-align: center; clear: both; -webkit-font-smoothing: antialiased; }
.contact-inner { font-size: 18px; text-transform: uppercase; text-align: left; position: relative; margin-right: auto; margin-left: auto; padding-top: 46px; padding-bottom: 30px; display: inline-block; }
.contact-inner a, .link-margin { color: white; text-decoration: none; padding-top: 8px; padding-bottom: 8px; display: block; }
.contact-inner img { vertical-align: middle; height: 32px; width: 32px; margin-right: 12px; }
a[href^=tel]{ margin: 0; padding: 0; display: inline; }
.copyright { color: #d9ca7f; text-align: center; padding-bottom: 16px; }
.copyright a { color: #d9ca7f; text-decoration: none; }
.menu-wrapper, h3, .contact-inner, .slicknav_menu { font-family: Dosis, sans-serif, sans-serif; font-weight: 500; }
.news-block { text-align: center; padding-bottom: 50px; }

/* MENU */
.slicknav_menu { display:none; }
.menu-wrapper { transition: background 0.5s; background: rgba(153, 153, 153, 0.8); position: fixed; top: 0; left: 0; height: 80px; z-index: 5000; padding-right: 12px; padding-left: 12px; box-sizing: border-box; width: 100%; }
.home-menu { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); }
.scrolled { background: rgba(153, 153, 153, 0.8); }
#menu { height: 80px; float: left; list-style-type: none; }
#menu li, menu .current-page { margin: 0; padding: 0; display: inline-block; }
#menu li a, #menu .current-page { color: white; font-size: 18px; line-height: 18px; text-decoration: none; padding: 30px 12px 32px; display: inline-block; }
.current-page { opacity: 0.4; }
.menu-2 { position: relative; height: 80px; z-index: 500; float: right; }
.menu-2 a { position: relative; z-index: 500; padding: 24px 12px; display: inline-block; }
.menu-2 a img { position: relative; width: 32px; height: 32px; z-index: 500; }
.facebook { padding-right: 6px !important; }
#contact-link { cursor: pointer; }

/* TITLE */
.title { text-align: right; position: absolute; right: 24px; bottom: 24px; z-index: 1250; }
h1 { color: white; font-size: 110px; font-weight: 300; line-height: 100px; margin-bottom: 20px; }
h2 { color: #c3a203; font-size: 50px; font-weight: 500; line-height: 55px; }

/* HOME IMAGES */
.home-wrapper { background-color: black; position: relative; width: 100%; height: 100%; }
.portrait-slideshow { position: relative; width: 100%; height: 100%; overflow: hidden; }
.portrait-slideshow img {  }
.l-1 { background-color: #120e0d; text-align: center; width: 100%; height: 100%; overflow: hidden; }
.l-1 img { height: 100%; margin-right: auto; margin-left: auto; }
.l-3 { background-color: #060606; text-align: left; width: 100%; height: 100%; overflow: hidden; }
.l-3 img { height: 100%; }
.full { width: 100%; height: 100%; overflow: hidden; }
.full img { width: 100%; height: auto; }
.slide { width: 100%; height: 100%; position: relative; }
.slide img { width: 100%; height: 100%; object-fit: cover; }
.top-left img { object-position: left top;}
.top-center img { object-position: center top;}
.top-right img { object-position: right top;}
.left-center img { object-position: left center;}
.right-center img { object-position: right center;}

/* HOME */
#home-scroll { cursor: pointer; }
.home-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; bbackground: rgb(0,0,0); background: linear-gradient(325deg, rgba(0,0,0,1) 0%, rgba(171,171,171,0.6) 56%); z-index: 1000; pointer}
.arrow { position: absolute; left: 22px; bottom: 4px; z-index: 99999; }
.arrow img { width: 36px; height: 36px; padding: 10px; }
.dates { padding-top: 20px; padding-right: 40px; padding-left: 40px; word-break: break-all; }
.dates p { position: relative; margin-bottom: 34px; padding-top: 54px; }
.dates p a { color: #9babb8; text-decoration: underline; }
.dates em { color: #333; font-size: 15px; font-style: normal; line-height: 34px; background-color: #ececec; position: absolute; top: 0; left: 50%; height: 36px; z-index: 500; min-width: 150px; margin: 0 0 0 -85px; padding: 0 10px; border-radius: 6px; display: inline-block; }
.dates em:after { font-style: normal; left: 50%; content: " "; height: 0; width: 0; position: absolute; top: 100%; pointer-events: none; border-color: #ececec transparent transparent; border-width: 12px; margin-left: -12px; border-style: solid; }

/* TWITTER */
.news { }
.news-fail { color: #cbab15; padding-bottom: 40px; }
.news-fail a { color: #cbab15; }
#twitter-news ul { width: 100%; margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; word-break: break-word; word-wrap: break-word; }
#twitter-news ul a { color: white; text-decoration: underline; }
#twitter-news .timePosted { color: #333; font-size: 15px; line-height: 34px; background-color: #ececec; position: absolute; top: 0; left: 50%; height: 36px; z-index: 500; min-width: 150px; margin: 0 0 0 -85px; padding: 0 10px; border-radius: 6px; pointer-events: none; }
#twitter-news .timePosted a { color: #333; text-decoration: none; }
#twitter-news .timePosted:after { left: 50%; content: " "; height: 0; width: 0; position: absolute; top: 100%; pointer-events: none; border-color: #ececec transparent transparent; border-width: 12px; margin-left: -12px; border-style: solid; }
#twitter-news .tweet { margin-bottom: 34px; padding-top: 54px; padding-right: 40px; padding-left: 40px; box-sizing: border-box; }
#twitter-news .tweet a { color: #9babb8; }
#twitter-news li { text-align: center; position: relative; overflow: hidden; display: block; box-sizing: border-box; }
.twitter-block { background-color: #7f97aa; margin-top: -1px; word-break: break-word; word-wrap: break-word; }
#twitter-latest { background-image: url(../graphics/twitter-slideshow.png); background-repeat: no-repeat; background-position: center; background-size: 200px 200px; text-align: center; position: relative; width: 100%; height: 340px; overflow: hidden; }
#twitter-latest a { color: white; }
#twitter-latest ul { width: 100%; height: 320px; overflow: hidden; margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; }
#twitter-latest ul a { color: white; text-decoration: none; }
#twitter-latest li { color: white; text-align: center; vertical-align: middle; position: relative; width: 100%; height: 320px; overflow: hidden; padding-top: 140px; box-sizing: border-box; }
#twitter-latest .tweet { text-align: center; width: 100%; padding-right: 40px; padding-left: 40px; box-sizing: border-box; }
#twitter-latest .timePosted { color: #9babb8; font-size: 16px; position: absolute; bottom: 35px; width: 100%; pointer-events: none; }
#twitter-latest .timePosted a { color: #a9b7c3; text-decoration: none; }

/* HEADERS */
h3 { color: #fff; font-size: 18px; font-weight: 500; text-align: center; position: relative; clear: both; margin-top: 50px; margin-bottom: 40px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; border-bottom: 2px solid white; display: inline-block; }
h3 img { vertical-align: baseline; width: 75px; height: 15px; margin-left: 2px; }
h4 { color: #333; text-align: center; position: relative; font-size: 15px; font-weight: 400; line-height: 37px; background-color: #ececec; height: 38px; z-index: 4500; }
h4:after { left: 50%; content: " "; height: 0; width: 0; position: absolute; bottom: 100%; pointer-events: none; border-color: transparent transparent #ececec; border-width: 12px; margin-left: -12px; border-style: solid; }

/* ARTISTS */
.artists .img-wrapper { float: left; padding: 0; position: relative; overflow: hidden; width: 33.33%; -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.artists .img-wrapper:hover .caption { opacity: 1; }
.caption { width: 100%; height: 100%  ; }
.artists img { margin: 0; padding: 0; float: left; z-index: 4; width: 100%}
.artists .caption { position: absolute; opacity: 0; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
.artists .blur { background-color: rgba(0,0,0,0.65); height: 100%; width: 100%; z-index: 5; position: absolute; }
.artists .caption-text { z-index: 10; color: #fff; position: absolute; width: 100%; height: 100%; }
.caption-text { background-repeat: no-repeat; background-position: center; text-indent: -5000px; background-size: 200px 200px; } 
.seafret { background-image: url(../graphics/seafret.png);}
.basheba { background-image: url(../graphics/basheba.png);}
.hannah-boleyn { background-image: url(../graphics/hannah-boleyn.png);}
.laura-white { background-image: url(../graphics/laura-white.png);}
.patti-russo { background-image: url(../graphics/patti-russo.png);}
.scarlet-baxter { background-image: url(../graphics/scarlet-baxter.png);}
.union-j { background-image: url(../graphics/union-j.png);}
.kyra { background-image: url(../graphics/kyra.png);}
.rebecca-james { background-image: url(../graphics/rebecca-james.png);}
.matt-wills { background-image: url(../graphics/matt-wills.png);}
.jimi-charles-moody { background-image: url(../graphics/jimi-charles-moody.png);}
.gina-kushka { background-image: url(../graphics/gina-kushka.png);}
.matt-henry { background-image: url(../graphics/matt-henry.png);}
.julian-perretta { background-image: url(../graphics/julian-perretta.png);}
.ella-on-the-run { background-image: url(../graphics/ella-on-the-run.png);}
.ariana-and-the-rose { background-image: url(../graphics/ariana-and-the-rose.png);}
.purple-ferdinand { background-image: url(../graphics/purple-ferdinand.png);}
.kevin-simm { background-image: url(../graphics/kevin-simm.png);}
.alexandra-burke { background-image: url(../graphics/alexandra-burke.png);}
.megan-mckenna { background-image: url(../graphics/megan-mckenna.png);}
.alluri { background-image: url(../graphics/alluri.png);}
.weblink { position: absolute; left: 50%; bottom: 0; width: 32px !important; height: 32px !important; margin-left: -36px; padding: 20px; display: block; }
.weblink img { width: 32px; height: 32px; }

/* BIOGRAPHY */
.biography-slideshow { position: absolute; top: 0; left: 0; }
.biography { position: relative; height: 100%; z-index: 2000; display: table; }
.biography-inner { vertical-align: middle; position: relative; height: 100%; padding: 40px; display: table-cell; }
.biography-filter { background-color: #222; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; opacity: 0.7; }
.biography p { margin-top: 16px; margin-bottom: 16px; }
/* VIDEOS */
.video-wrapper { width: 50%; float: left;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* INSTAGRAM */
.insta-wrapper { width: 100%; position: relative; line-height: 0px; }
/*.insta-container { position: relative; padding-bottom: 33.3%; height: 0; overflow: hidden; max-width: 100%; }*/
/*.insta-container iframe, .insta-container object, .insta-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.insta-overlay { background-image: url(../graphics/instagram-widget.png); background-size: 400px 115px; position: absolute; top: 50%; left: 50%; width: 400px; height: 115px; z-index: 9999; margin-top: -60px; margin-left: -200px; pointer-events: none; }

/* MEDIA QUERIES */

@media screen and (max-width: 600px) {
.content,.contact { font-size: 15px; }
.dates em,#twitter-latest .timePosted,#twitter-news .timePosted { font-size: 14px; }
.biography p { line-height: 22px; margin-bottom: 20px; }
h3 { margin-top: 30px; margin-bottom: 30px; }
#twitter-latest li { padding-top: 120px; }
#twitter-latest .timePosted { bottom: 0px; }
/*.insta-container { padding-bottom: 100%; }*/
}


@media screen and (max-width: 760px) {
.biography { height: auto; }
.biography-slideshow, .biography-filter { display:none; }
.menu-wrapper, .credit, .arrow, .no-small { display:none!important;}
.slicknav_menu {display:block;}
.menu-2 { padding-right: 10px; }
.title { bottom: 104px; }
h1, h2 { font-size: 45px; font-weight: 500; line-height: 42px; }
.c-pad { padding-top: 0 !important; }
.artists .img-wrapper { width: 50%; }
.caption-text { background-size: 120px 120px; } 
.weblink { padding: 10px 20px 5px; margin-left: -32px; }
.weblink img { width: 24px; height: 24px; }
.insta-overlay { background-size: 260px 75px; width: 260px; height: 75px; margin-top: -38px; margin-left: -130px; pointer-events: none; }
h2 { font-size: 18px; font-weight: 500; line-height: 24px; }
}

@media screen and (max-width: 900px) {
.video-wrapper { width: 100%;}
}

@media screen and (max-width: 1024px) {
.arrow { pointer-events: none; }
}

@media screen and (max-aspect-ratio: 3/2) {
.full img { width: auto; height: 100%; }
}
@media screen and (max-aspect-ratio: 1/1) {
.middle img { margin-left: -150px; }
.right img { margin-left: -350px; }
}
@media screen and (min-width: 1500px) {
.artists .img-wrapper{ width: 25%; }
/*.insta-container { padding-bottom: 25%; }*/
}

/* Hover */

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

#menu .hvr-pop {
  
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
#menu .hvr-pop:hover, #menu .hvr-pop:focus, #menu .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;

  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
/*  display: inline-block;
  vertical-align: middle;  */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}