/*Logo Animation*/
@-webkit-keyframes slideLogo {0%{top:-200px;}100%{top:0px;}}
@-moz-keyframes slideLogo {0%{top:-200px;}100%{top:0px;}}
@-o-keyframes slideLogo {0%{top:-200px;}100%{top:0px;}}
@keyframes slideLogo {0%{top:-200px;}100%{top:0px;}}
/*Top Menu Animation*/
@-webkit-keyframes slideTopMenu {0%{left:-900px;}100%{left:0px; }}
@-moz-keyframes slideTopMenu {0%{left:-900px;}100%{left:0px; }}
@-o-keyframes slideTopMenu {0%{left:-900px;}100%{left 0px; }}
@keyframes slideTopMenu {0%{left:-900px;}100%{left:0px;}}
/*Bottom Menu Animation*/
@-webkit-keyframes slideBottomMenu{0%{left:-600px;}100% { left: 0px; }}
@-moz-keyframes slideBottomMenu {0%{ left:-600px; }100% { left: 0px; }}
@-o-keyframes slideBottomMenu {0%{left:-600px;}100%{left: 0px;}}
@keyframes slideBottomMenu {0%{left:-600px;}100%{left:0px;}}
/*Slide Content*/
@-webkit-keyframes slideContent {0%{right:-450px;}100%{right:0px;}}
@-moz-keyframes slideContent {0%{right:-450px;}100%{right:0px;}}
@-o-keyframes slideContent {0%{right:-450px;}100%{right: 0px; }}
@keyframes slideContent {0%{right:-450px;}100% {right: 0px;}}

html,body{margin: 0; padding:0;width:100%; height: 100%;overflow:hidden}
body{font-family: 'Cabin Condensed', sans-serif;color:#fff;font-weight:normal;}
* { -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;}
a{text-decoration: none; color:inherit}
img{width: 100%}
ul,ol{list-style:none; margin:0; padding:0;}
h1,h2,h3,h4 {margin:10px 0px;font-family: 'Cabin Condensed', sans-serif;font-weight:lighter;color:#999}
h1{font-size: 55px;line-height:60px}
h2{font-size:40px;line-height:45px} 
h4{font-size:34px}
hr{ margin-top: 20px;margin-bottom: 30px;padding: 0;border: none;height: 1px;background-color: #E8B562;background: -webkit-linear-gradient(left, #595a5c, #595a5c 30%, #E8B562 30%, #E8B562);clear: both;}
iframe{width:100%; height:100%;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
       filter: gray; /* IE6-9 */
       -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
       -webkit-backface-visibility: hidden;  /* Fix for transition flickering */}
input[type="text"], input[type="email"], input[type="number"], input[type="date"], textarea {border: 1px solid #000;width: 100%;color: rgba(255, 255, 255, 0.75);display: block;font-size: 14px;margin: 0px 0px 11px 0px;padding: 15px 10px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;background-color: rgba(0,0,0,0.5);color: #fff;}
p{margin-bottom: 9px;font-weight:lighter}
textarea{height: 100px !important;width: 100% !important;margin-bottom: 0px !important;}
::-webkit-scrollbar {width: 5px;}
#system-message-container{display:none}
#artists li:first-child{background-color:#000;padding:20px;}
#content{width: 100%; height: 100%}
#flax-component{position: absolute;top:0; left:0; right:0; bottom:0;}

#social{display:block; margin: 20px 0px; height:48px;}
#social ul li{float:left;margin-right:15px;}
#social ul li a{background: transparent url('../images/social.png') no-repeat center center;text-indent:-99999px; height:48px; width:48px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;opacity: 0.5;display:block}
#social ul li a:hover{opacity:1}
#social ul li a.google{background-position: -0px 0px;}
#social ul li a.facebook{background-position: -48px 0px;}
#social ul li a.youtube{background-position: -96px 0;}
#social ul li a.instagram{background-position: -144px 0;}
#social ul li a.twitter{background-position: -192px 0;}
#social ul li:last-child{margin-right:0;}
#logos {display:block; margin: 20px 0px;}
#logos ul{height:70px; display:blokck;margin: 10px 0px;}
#logos ul li{float:left;margin-right:15px;}
#logos ul li a{background: transparent url('../images/logos.png') no-repeat center center;text-indent:-99999px; height:48px; width:48px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;opacity: 0.5;display:block}
#logos ul li a:hover{opacity:1}
#logos ul li:nth-child(1) a{background-position: -0px 0px;}
#logos ul li:nth-child(2) a{background-position: -48px 0px;}
#logos ul li:nth-child(3) a{background-position: -96px 0;}
#logos ul li:nth-child(4) a{background-position: -192px 0;}
#logos ul li:last-child{margin-right:0;}
.n-jux-event-list .event-item{width:100%} 
.n-jux-event-list .event-image{background-size:auto;height:250px !important}
.jux-events-calendar.list_layout2 .n-jux-event-list .event-ticket_uri{margin:0px; display:none;}
.jux-events-calendar.list_layout2 .n-jux-event-list .event-location,.jux-events-calendar.list_layout2 .n-jux-event-list .event-date,.jux-events-calendar.list_layout2 .n-jux-event-list .event-time{font-weight:lighter;font-size:12px; color:#c7c7c7 !important; line-height:14px}
.jux-events-calendar.list_layout2 .n-jux-event-list .jux-facebook-events-count-list-layout{display:none}
.jux-events-calendar.list_layout2 .n-jux-event-list .event-item-left{width:50%;}
.jux-events-calendar.list_layout2 .n-jux-event-list .event-item-right{width:50%;height: 250px;padding: 10px 15px;background:#000000 !important;font-family: 'Cabin Condensed', sans-serif !important;}
.jux-events-calendar.list_layout2 .n-jux-event-list .event-name{font-size: 20px;text-transform: none;font-weight:normal;margin-bottom:9px;line-height:inherit}
.jux-events-calendar.list_layout2 .n-jux-event-list .jux-event-list-tl{padding-top:0px;}
.jux-events-calendar.list_layout2 .n-jux-event-list .event-link{display:block}
.jux-events-calendar.list_layout2 .n-jux-event-list .event-link a{margin:5px 20px 15px 15px;font-weight:normal;text-transform:none;font-size: 16px;width: auto;color: #fff !important;cursor: pointer;display: inline-block;line-height: 1;margin: 5px 20px 0px 0px;outline: none;border-radius:0px;padding: 10px;position: relative;text-align: center;text-decoration: none !important;-webkit-transition: background-color 0.15s ease-in-out;-moz-transition: background-color 0.15s ease-in-out;-o-transition: background-color 0.15s ease-in-out;transition: background-color 0.15s ease-in-out;border: none !important;background-color: #e8b562;}
.jux-events-calendar.list_layout2 .n-jux-event-list .event-link a:hover{background-color: #e8b562;}
.sisterLogos{width:200px}
.sisterLogos .nivo-caption .nivo-title{font-size:35px}
.sisterLogos .nivo-caption .nivo-introtext{font-size:12px;width:100%;display:block}
.sisterLogos .nivo-caption .nivo-readmore{display:block !important;width:130px;}
.artists{margin-bottom:30px}
.artists .ns2-introtext{  padding:0px 15px 15px ;display:Block; width:50%;float:right}
.artists .ns2-inner{ background: #000;color: #c7c7c7;font-size: 12px;overflow:hidden}
.artists .ns2-row{margin-bottom:32px;}
.artists .ns2-inner a,.artists .ns2-inner .noLink{float:left;font-size:20px}

.artists h4{font-size:20px; color:#fff;margin-bottom:0px;float:right;padding-left:15px;width:50%}
.artists .ns2-inner>a,.artists .ns2-inner>.noLink{max-width:50%;height:100%;overflow:hidden;}
.artists .ns2-inner>a img,.artists .ns2-inner>.noLink img{width:250px;height:auto;max-width:155%;}
.artists a.ns2-readmore{margin-left:15px; margin-bottom:15px;}
.artists a.ns2-readmore span{background:transparent;padding:0px;} 
.btn,.ns2-readmore,.button,.nivo-readmore{ font-size:20px;width: auto;color: #fff !important;cursor: pointer;display: inline-block;line-height: 1;margin: 5px 20px 0px 0px;outline: none;padding: 10px;position: relative;text-align: center;text-decoration: none !important;-webkit-transition: background-color 0.15s ease-in-out;-moz-transition: background-color 0.15s ease-in-out;-o-transition: background-color 0.15s ease-in-out;transition: background-color 0.15s ease-in-out;border: none !important;background-color: #e8b562;}

.faqContainer .fsf_mod_faqs_title a{font-weight: normal;margin: 0;padding: 10px 0px 10px 0px;cursor: pointer;text-align: left;display:block;font-size: 18px;-webkit-transition: background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;-moz-transition: background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;-o-transition: background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;transition: background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;}
.faqContainer.active .question a{color: #fff;font-size: 22px;background-color: #aa1111;padding-left: 20px;margin-top: 10px;}
.faqContainer .answer{background-color:#000;max-height:0px; overflow:hidden;-webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition:0.8s;transition:0.8s;}
.faqContainer .answer p,.faqContainer .answer ul{margin: 5px 20px 11px}
.faqContainer.active .answer{max-height:500px;}
.item-page{background-size:cover}
.item-page,.item-page > div,.item-page > div > div:first-child{height:100%}

.landingModule .logo div{overflow:hidden;padding:5px;}
.landingModule .logo div img{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}
.home{background: #fff url('../images/Home.jpg') no-repeat left center;background-size:cover}
.artistsList{background: #fff url('../images/artists.JPG') no-repeat left center;background-size:cover}
.SimonWhite{background: #fff url('../images/artists/Simon.jpg') no-repeat center center;background-size:cover}
.contentBlock{height:100%;overflow:scroll;width:520px;-webkit-animation: slideContent 1s ease-in-out;-moz-animation: slideContent 1s ease-in-out;-o-animation: slideContent 1s ease-in-out;animation: slideContent 1s ease-in-out;-webkit-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-o-animation-iteration-count: 1;animation-iteration-count: 1;;position: absolute;right: 0px;top: 0px;height: 100%;background-color: rgba(0,0,0,0.8);overflow-y: scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.contentBlock .block{padding: 30px 30px 100px;height:100%;overflow:scroll}
.nav div ul li{margin: 0px;height:66px;}
.nav div li a{font-family: 'Cabin Condensed', sans-serif;display:block; padding:22px;font-size:18px}
.nav div:first-child{background-color:#e8b562;}
.nav div:last-child{background-color:#595a5c;}
#logo{background-color:#595a5c;position:absolute;z-index:100}
@media only screen and (min-width: 1024px)
{
}
@media only screen and (min-width: 769px)
{
    .contentBlock{position: absolute;width: 450px;right: 0px;}
    .header .nav .moduletable_menu{-webkit-animation: slideTopMenu 1s ease-in-out;-moz-animation: slideTopMenu 1s ease-in-out;-o-animation: slideTopMenu 1s ease-in-out;animation: slideTopMenu 1s ease-in-out;-webkit-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-o-animation-iteration-count: 1;animation-iteration-count: 1;}
    .header .nav .moduletable{-webkit-animation: slideBottomMenu 1s ease-in-out;-moz-animation: slideBottomMenu 1s ease-in-out;-o-animation: slideBottomMenu 1s ease-in-out;animation: slideBottomMenu 1s ease-in-out;-webkit-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-o-animation-iteration-count: 1;animation-iteration-count: 1;}
    .nav div ul li{float:left;}
    .nav div{position: absolute; left:0;padding-left:250px;z-index:10;}
    .nav div:after{border: solid transparent;border-color: transparent;left: 100%;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-width: 32px;top: 50%;margin-top: -32px;}
    .nav div:first-child{top:0;}
   .nav div:last-child{top:66px;}
    .nav div:first-child:after{ border-left-color: #e8b562;}
    .nav div:last-child:after{ border-left-color: #595a5c;}
    #logo{padding:0px 20px;max-width: 220px; left:20px;-webkit-animation: slideLogo 1s ease-in-out;-moz-animation: slideLogo 1s ease-in-out;-o-animation: slideLogo 1s ease-in-out;animation: slideLogo 1s ease-in-out;-webkit-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-o-animation-iteration-count: 1;animation-iteration-count: 1;}
    #mobileMenu{display:none}
}
@media only screen and (width:768px)
{

}
@media only screen and (max-width: 768px)
{
    .contentBlock{position: absolute;left:0;right: 0px;top: 0px;width:100%;}
    .contentBlock .block{padding-top:100px;}
    .nav div ul li{display:block}
    .nav div{text-align:center;}
    .artists .ns2-inner>a img, .artists .ns2-inner>.noLink img
    .artists .ns2-inner>a img{width:100%}
    .jux-events-calendar.list_layout2 .n-jux-event-list .event-item-left,.jux-events-calendar.list_layout2 .n-jux-event-list .event-item-right{width:100%;}
    .jux-events-calendar.list_layout2 .n-jux-event-list .event-item-right{height:auto}
    .n-jux-event-list-full .event-item-left{margin-bottom:0px;}
    .jux-events-calendar.list_layout2 .n-jux-event-list .event-link a{width:100%}
    .header{background-color:#595a5c;position:absolute;z-index:100;top:0; left:0; right:0;}
    #logo{max-width:110px;display:inline-block;padding:0px 10px;left:0; top:0;}
    #menuItem{margin-top:95px;-webkit-transition:0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition:0.5s;transition:0.5s;max-height:0px;overflow:hidden;}
    #headerSection.show #menuItem{max-height:540px}
    #headerSection.show #mobileMenu{background-image:url('../images/top-s.png')}
    #mobileMenu  {position:absolute;z-index: 99;left: 0px;top: 0px;display: block;padding-left: 150px;height: 95px;line-height: 95px;width: 100%;background-color: #595a5c;font-weight: normal;font-size: 22px;background-image: url('../images/bottom-s.png');background-repeat: no-repeat;background-position: 98% center;}
}
@media only screen and (max-width: 480px)
{
    .contentBlock .block{padding-top:30px;}
    .artists h4{display:none;}
    .ns2-readmore{margin-right:0px;margin-left:10px}
    input[type="text"], input[type="email"], input[type="number"], input[type="date"], textarea{width: 100% !important}
    .artists .ns2-inner>a, .artists .ns2-inner>.noLink{max-width:100%;width:100%}
    .artists .ns2-introtext{max-width:100%;width:100%}
    .button{width:100%}
    .artists a.ns2-readmore{width:calc(100% - 30px);}
}