* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@font-face {
    font-family: 'Proxima';
    src: url('ProximaNova-Regular.otf');
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('ProximaNova-Regular.otf');
}

@font-face {
    font-family: 'ProximaSemiBold';
    src: url('ProximaNovaS.otf');
}

@font-face {
    font-family: 'ProximaNova';
    src: url('ProximaNova.ttf');
}

@font-face {
    font-family: 'ProximaNovaS';
    src: url('ProximaNova.ttf');
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('ProximaNova-Bold.ttf');
}

@font-face {
    font-family: 'ProximaBold';
    src: url('ProximaNova-Bold.ttf');
}

@font-face {
    font-family: 'NotoSerif';
    src: url('NotoSerif-Regular.ttf');
}

@font-face {
    font-family: 'Heart';
    src: url('heart.woff');
}

body {
    color: #444;
    font: normal 14px 'Proxima', sans-serif;
    overflow-x: hidden;
}

.mobile-shown {
    display: none;
}

.clear {
    clear: both;
}

.fixed {
    position: relative;
    max-width: 1046px;
    height: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.past-ribn {
    position: absolute;
    right: -28px;
    top: -32px;
}

.comboBox {
    position: relative;
    background: white;
    font-size: 13px;
    letter-spacing: 2px;
    width: 328px;
    height: 46px;
    line-height: 43px;
    border: 3px solid #444;
    padding: 0 22px;
    margin-top: 18px;
    cursor: pointer;
    text-transform: uppercase;
}

.comboBox.comboBox-filter {
    position: inherit;
    background: inherit;
    font-size: inherit;
    letter-spacing: 0px;
    border: 0px;
    margin-top: 0px;
    text-transform: none;
    width: 100%;
    height: 100%;
    padding: inherit;
    line-height: 55px;
    text-align: center;
    font-family: ProximaNovaBold;
}

.comboBox > span {
    font-family: 'ProximaSemiBold', sans-serif;
}

.comboBox > img {
    /*position: absolute;*/
    width: 34px;
    /*top: 3px;*/
    /*right: 10px;*/
    pointer-events: none;
}

.comboBox.comboBox-filter > img {
    top: 10px;
}

.comboBox > .dropdown {
    display: none;
    z-index: 2;
    position: absolute;
    background: white;
    top: 100%;
}

.comboBox.comboBox-filter .dropdown {
    width: auto;
    border: 1px solid #eee;
    right: 0;
}

.comboBox.comboBox-filter .dropdown > div {
    padding: 0px 20px;
}

.comboBox.comboBox-filter .dropdown > div:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.cityCombo {
    font-family: 'ProximaSemiBold', sans-serif;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #444;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
}

#cityName {
    text-transform: uppercase;
}

#dropdownSelectCity {
    width: 281px;
    left: -1px;
    border: 1px solid #444;
}

#dropdownSelectCity > div {
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
    margin: 10px 0 10px 22px;
    cursor: pointer;
}

#dropdownCategories {
    width: 328px;
    left: -3px;
    border: 3px solid #444;
}

#dropdownCategories > div {
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
    margin: 10px 0 10px 22px;
    cursor: pointer;
}

#dropdownViewAll {
    width: 328px;
    height: 200px;
    left: -3px;
    border: 3px solid #444;
}

#dropdownLocale {
    width: 146px;
    left: -1px;
    border: 1px solid #ddd;
}

#dropdownLocale > div {
    height: 38px;
    line-height: 37px;
    padding-left: 17px;
}

#dropdownLocale > div:hover {
    color: white;
    background-color: #444;
}

.exploreAll {
    font: normal 13px 'Proxima', sans-serif;
    text-align: center;
    letter-spacing: 2px;
    min-width: 165px;
    max-width: 215px;
    height: 53px;
    line-height: 49px;
    border: 3px solid #444;
    margin-top: 25px;
    cursor: pointer;
    text-transform: uppercase;
}

.exploreAll > a {
    color: #444;
    text-decoration: none;
    display: block;
}

.exploreAll > a:hover,
.exploreAll > a:focus,
.exploreAll > a:active {
    color: #444;
    text-decoration: none;
}

.exploreAllMark {
    background: #444;
    width: 90px;
    height: 3px;
    margin-top: 55px;
    margin-bottom: 75px;
    margin-left: 1px;
}

.sectionTitle {
    font: 25px 'ProximaNovaBold', sans-serif;
    letter-spacing: 1px;
    /*margin-top: 84px;*/
    text-transform: uppercase;
}

.extra-margin-top {
    margin-top: 84px;
}

.sectionTitle > span.gray,
.sectionTitle > span.gray {
    color: #ddd;
    font-family: 'Proxima', sans-serif;
}

.slider-artists .arrowLeft,
.slider-artists .arrowRight {
    top: 150px;
}

.slider-categories .arrowLeft,
.slider-categories .arrowRight {
    top: 100px;
}

.arrowLeft, .arrowRight {
    position: absolute;
    width: 92px;
    top: 200px;
    opacity: .4;
    cursor: pointer;
}

.popupBox > .slideshow-box img.arrowLeft,
.popupBox > .slideshow-box img.arrowRight {
    opacity: 1;
    top: 275px
}

.arrowRight {
    right: -100px;
}

.arrowLeft {
    left: -100px;
    transform: rotate(-180deg);
}

.notificationAmount {
    display: none;
    position: absolute;
    color: #444;
    background: #1c94d2;
    font-size: 12px;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 21px;
    top: 8px;
    right: 8px;
    border-radius: 5px;
    padding-left: 1px;
}

/***
    L O G I N   &   R E G I S T E R
***/
#login, #register, #fill-location, #my-profile-popup-menu {
    display: none;
}

.popupBox {
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: rgba(0, 0, 0, .85);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.popupBox.popupBox-static {
    position: relative !important;
    z-index: 1;
    background: inherit;
}

.popupBox-my-profile {
    z-index: 10001;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    position: absolute;
    background: rgba(0, 0, 0, .85);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.popupBox-my-profile > .box {
    position: relative;
    background: white;
    width: 400px;
    padding: 10px 20px;
}

.popupBox-my-profile > .box > ul {
    list-style-type: none;
    padding-left: 0px;
    text-transform: uppercase;
}

.popupBox-my-profile > .box > ul > li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
}

.popupBox-my-profile > .box > ul > li:last-child {
    border-bottom: 0px;
}

.popupBox-my-profile > .box > ul > li > img.close-rel {
    width: 35px;
    float: right;
    margin: 2.5px 15px 0px 0px;
    cursor: pointer;
}

.popupBox-my-profile > .box > ul > li a {
    color: #555;
    text-decoration: none;
}

.popupBox-my-profile > .box > ul > li:first-child a {
    color: rgb(136, 186, 53);
}

.popupBox-my-profile > .box > ul > li > a > img {
    width: 40px;
    margin-right: 10px;
}

.popupBox-my-profile > .box > ul > li > a > span {
    font-size: 15px;
    font-weight: bold;
}

.popupBox > .box {
    position: relative;
    background: white;
    width: 375px;
    padding: 25px 35px 35px 35px;
}

.popupBox > .slideshow-box {
    position: relative;
    width: 100%;
    max-width: 1046px;
    padding: 25px 35px 35px 35px;
}

.popupBox.popupBox-static .box {
    background: #f1f1f1;
    margin-bottom: 30px;
}

.popupBox > .box > .header {
    font-size: 23px;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 18px;
}

.popupBox > .box > .header > span {
    font-family: 'ProximaBold', sans-serif;
}

.popupBox > .box > a.fb-login,
.popupBox > .box > a.twitter-login {
    width: 100%;
    margin-bottom: 15px;
    background-color: #405d9d;
    font-family: "ProximaSemiBold";
    font-size: 16px;
    display: block;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
}

.popupBox > .box > a.twitter-login {
    background-color: #1DA1F2;
}

.popupBox > .box > a.fb-login > img,
.popupBox > .box > a.twitter-login > img {
    margin-right: 10px;
}

.popupBox > .box > .or {
    font-size: 17px;
    text-align: center;
    margin-bottom: 12px;
}

.popupBox > .box > .email {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    margin-bottom: 19px;
}

.popupBox > .box > .email > .line {
    background: #ccc;
    height: 1px;
    flex: 1;
}

.popupBox > .box > .email > div:nth-child(2) {
    margin: 0 12px;
}

.popupBox > .box > .email > div > span {
    font-family: 'ProximaSemiBold', sans-serif;
}

/* removed ">" */

.popupBox > .box .label {
    color: #bbb;
    font: normal 13px 'ProximaSemiBold', sans-serif;
    font-style: italic;
    margin-bottom: 3px;
}

.popupBox > .box input {
    /* font: normal 12px 'ProximaSemiBold', sans-serif; */
    font-size: 12px;
    width: 100%;
    outline: 0;
    border: 0;
    border-bottom: 3px solid #444;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.popupBox > .box .remember {
    font: normal 13px 'ProximaSemiBold', sans-serif;
    width: 100%;
    /*height: 50px;*/
    margin-bottom: 20px;
}

.popupBox > .box .remember > .tick {
    width: 15px;
    margin-top: 2px;
}

.popupBox > .box .remember > :nth-child(1) {
    float: left;
}

.popupBox > .box .remember > :nth-child(2) {
    float: right;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.popupBox > .box .remember > .sign-up-newsletter-text {
    display: flex;
    float: inherit;
    padding-left: 5px;
    border-bottom: 0px;
}

.popupBox > .box input.login-button,
.popupBox > .box input.register-button {
    color: white;
    background: #333;
    font: normal 14px 'ProximaSemiBold', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.popupBox > .box > .close {
    position: absolute;
    width: 20px;
    top: 11px;
    right: 11px;
    cursor: pointer;
}

.popupBox.popupBox-static img.close {
    display: none;
}

.popupBox > .outside {
    position: absolute;
    right: 100px;
    bottom: 50px;
}

.register-now {

}

.register-now span,
.register-now a {
    /*border-bottom: 1px dotted #ccc;*/
    cursor: pointer;
}

/***
    H E A D E R
***/
#header {
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 97px;
}

#header > div {
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    transition: background-color .2s ease-in-out;
}

#header > .top {
    height: 55px;
}

#header > .bottom {
    height: 42px;
}

#header > .bottom > .fixed {
    border-left: 1px solid rgba(255, 255, 255, .25);
    border-right: 1px solid rgba(255, 255, 255, .25);
    max-width: 1016px;
    padding: 0;
}

#header .brand {
    float: left;
    /*
     * Dwitch to 94 when image ready
     */
    width: 125px;
    margin-top: 12.5px;
    cursor: pointer;
}

#header .pin {
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    color: white;
    font: normal 13px 'ProximaBold', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 22px;
    margin: 16px 0 0 30px;
    cursor: pointer;
}

#header .pin > img:nth-child(1) {
    height: 100%;
    margin-right: 10px;
}

#header .pin > img:nth-child(3) {
    height: 85%;
    margin-left: 3px;
    transform: rotate(-90deg);
}

#header .pin > #selectArea {
    z-index: 5;
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, .75);
    top: 0;
    left: 100%;
    border: 1px solid rgba(255, 255, 255, .25);
    padding: 5px 15px;

    max-height: 90vh;
    overflow-y: auto;
}

#header .pin > #selectArea > a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    height: 35px;
    line-height: 42px;
    text-decoration: none;
    display: block;
}

#header .social {
    float: left;
    text-align: center;
    margin: 16px 0 0 270px;
    opacity: .5;
}

#header .social > a > img {
    width: 21px;
    margin: 0 4px;
    cursor: pointer;
}

#header .authenticate {
    float: right;
    color: white;
    font: normal 13px 'ProximaBold', sans-serif;
    letter-spacing: 1px;
    height: 55px;
    line-height: 55px;
}

#header .authenticate > span:nth-child(1) {
    cursor: pointer;
}

#header .authenticate > span:nth-child(2) {
    font-family: 'ProximaSemiBold', sans-serif;
    font-style: italic;
}

#header .authenticate > span:nth-child(3) {
    color: #1c94d2; /*#7dc61f;*/
    cursor: pointer;
}

#header .user {
    display: none;
    float: right;
    color: white;
    font: normal 13px 'ProximaBold', sans-serif;
    letter-spacing: 1px;
    height: 55px;
}

#header .user > div {
    display: flex;
    align-items: center;
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, .25);
    padding: 0 15px;
    cursor: pointer;
}

#header .user > div > img {
    width: 25px;
    opacity: .5;
}

#header .user > div:nth-child(3) {
    padding-right: 0;
    text-transform: uppercase;
}

#header .user > div:nth-child(1) > img {
    margin: 0 4px;
}

#header .user > div:nth-child(2) > img {
    margin: 0 4px;
}

#header .user > div:nth-child(3) > img {
    margin-right: 14px;
}

#header .section {
    display: flex;
    align-items: center;
    float: left;
    position: relative;
    height: 42px;
    border-right: 1px solid rgba(255, 255, 255, .25);
    padding: 0 10px;
    cursor: pointer;
    transition: color .2s ease-in-out;

}

#header .section-more {
    color: #fff;
    font: normal 12px 'ProximaSemiBold', sans-serif;
    text-transform: uppercase;
}

#header .section > a {
    color: white;
    font: normal 12px 'ProximaSemiBold', sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;

    /* <a> */
    text-decoration: none;
    outline: 0;

}

#header .section > .dropdown-content {
    max-height: 75vh;
    overflow-y: auto;
}


#header .section > div:first-child {
    background: url('../res/more.png') no-repeat center;
    background-size: cover;
    color: white;
    width: 19px;
    height: 19px;
    margin: 0 0 1px 2px;
}

#dropdownMore {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, .75);
    top: 100%;
    left: -1px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-top: 0;
    padding: 0 15px;
}

#dropdownMore > div,
#dropdownMore > a,
#dropdownMore > div > a {
    text-align: left;
    height: 42px;
    line-height: 42px;
    /* <a> */
    display: block;
    color: white;
    text-decoration: none;
}

#dropdownMore.altheaderMoreMenu > div,
#dropdownMore.altheaderMoreMenu > div a {
    color: #444;
}

#header .artistsVenues {
    float: right;
    color: white;
    font: normal 12px 'ProximaSemiBold', sans-serif;
    letter-spacing: 1px;
}

#header .artistsVenues > div:not(:last-child) {
    float: left;
    display: flex;
    align-items: center;
    height: 42px;
    margin-right: 25px;
    cursor: pointer;
}

#header .artistsVenues > .search {
    float: left;
    background: url('../res/search.png') no-repeat center;
    background-size: 45%;
    width: 50px;
    height: 42px;
    border-left: 1px solid rgba(255, 255, 255, .25);
    cursor: pointer;
}

/***
    N O T I F I C A T I O N S
***/
.notificationList {
    display: none;
    z-index: 1;
    position: absolute;
    background: white;
    width: 340px;
    top: 55px;
    right: -1px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-top: 0;
}

.notificationList > .header {
    color: #444;
    letter-spacing: 0;
    width: 100%;
    height: 56px;
}

.notificationList > .header > div:nth-child(1) {
    position: absolute;
    top: 15px;
    left: 18px;
    font-weight: bold;
}

.notificationList > .header > div:nth-child(2) {
    position: absolute;
    font-family: 'Proxima', sans-serif;
    top: 15px;
    right: 18px;
}

.notificationList > .header > div:nth-child(3) {
    position: absolute;
    background: #444;
    width: 85px;
    height: 3px;
    top: 37px;
    left: 18px;
}

.notification {
    position: relative;
    width: 100%;
    height: 87px;
    border-top: 1px solid rgba(0, 0, 0, .15);
}

.notification > .photo {
    position: absolute;
    background: #444;
    background-size: cover;
    width: 58px;
    height: 58px;
    top: 14px;
    left: 18px;
}

.notification > .punchline {
    position: absolute;
    color: #444;
    font: normal 12px 'Proxima', sans-serif;
    letter-spacing: 0;
    width: 200px;
    height: 15px;
    top: 14px;
    left: 90px;
}

.notification > .caption {
    position: absolute;
    color: #444;
    font-size: 10px;
    text-transform: uppercase;
    width: 200px;
    height: 30px;
    top: 30px;
    left: 90px;
}

.notification > .time {
    position: absolute;
    color: #999;
    font: normal 11px 'ProximaSemiBold', sans-serif;
    font-style: italic;
    letter-spacing: 0;
    width: 200px;
    height: 15px;
    bottom: 13px;
    left: 90px;
}

.notification > .close {
    position: absolute;
    background: url('../res/close.png') no-repeat center;
    background-size: 27%;
    width: 44px;
    height: 44px;
    top: 22px;
    right: 2px;
    opacity: .75;
}

/***
    A L T E R N A T I V E   H E A D E R
***/
.altheaderDiv {
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}

.altheaderTop {
    background-color: #333 !important;
}

.altheaderBottom {
    background-color: #f8f8f6 !important;
}

.altheaderFixed {
    border-left: 1px solid rgba(0, 0, 0, .1) !important;
    border-right: 1px solid rgba(0, 0, 0, .1) !important;
}

.altheaderSection {
    color: #444 !important;
    border-right: 1px solid rgba(0, 0, 0, .1) !important;
}

.altheaderSection a {
    color: #444 !important;
}

.altheaderSectionDiv {
    background-image: url('../res/more_black.png') !important;
}

.altheaderArtistsVenues {
    color: #333 !important;
}

.altheaderSearch {
    background-image: url('../res/search_black.png') !important;
    border-left: 1px solid rgba(0, 0, 0, .1) !important;
}

.altheaderMoreMenu {
    background-color: #f8f8f6 !important;
    border: 1px solid rgba(0, 0, 0, .1) !important;
    border-top: 0 !important;
}

/***
    C O V E R
***/
#cover {
    position: relative;
    background: black;
}

#cover > .nav {
    z-index: 990;
    position: absolute;
    color: white;
    font: normal 13px 'ProximaSemiBold', sans-serif;
    top: 165px;
    right: 50px;
}

#cover > .nav > div {
    display: inline-block;
    color: rgba(255, 255, 255, .5);
    text-align: right;
    width: 25px;
    padding-bottom: 4px;
    cursor: pointer;
}

.navActive {
    color: white !important;
    border-bottom: 3px solid white;
}

.slick-slide {
    outline: none;
    transform: translate3d(0, 0, 0);
}

.slide {
    position: relative;
    color: white;
    background: black no-repeat center;
    background-size: cover;
    width: 500px;
    height: 692px;
}

.slide > .shadow {
    position: absolute;
    background: rgba(15, 15, 15, .55);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.slide .header {
    width: 530px;
    height: 50px;
    margin: 158px auto 40px auto;
}

.slide .container2 {
    float: left;
    font: normal 12px 'ProximaBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 467px;
    height: 50px;
    line-height: 46px;
    border: 3px solid white;
    padding: 0 10px 0 20px;
    overflow: hidden;
    cursor: pointer;
}

.slide .container2 > span:nth-child(2) {
    letter-spacing: 1px;
}

.slide .container2 > span:nth-child(2) > span {
    font-family: 'Proxima', sans-serif;
    opacity: .85;
}

.event-list-moto .heart-follow {
    position: absolute;
    top: 0;
    right: 15px;
    font: normal 21px 'Heart', sans-serif;
    width: 54px;
    height: 50px;
    line-height: 46px;
    border: 3px solid #ddd;
    color: #ddd;
    cursor: pointer;
}

.slide .favorite {
    float: right;
    font: normal 21px 'Heart', sans-serif;
    text-align: center;
    width: 54px;
    height: 50px;
    line-height: 46px;
    border: 3px solid rgba(255, 255, 255, .65);
    cursor: pointer;
}

.slide .caption {
    font-size: 45px;
    text-align: center;
    max-width: 520px;
    height: 150px;
    max-height: 200px;
    margin: 0 auto 15px auto;
    cursor: pointer;
    /* <a> */
    display: block;
    color: white;
    text-decoration: none;
    outline: 0;
}

.slide .cat {
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 97px;
}

.slide .where {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 11px;
    cursor: pointer;
    /* <a> */
    display: block;
    color: white;
    text-decoration: none;
    outline: 0;
}

/*.slide .where:active,*/
/*.slide .where:focus*/
/*{*/
/*text-decoration: none;*/
/*}*/

.slide .mark {
    width: 66px;
    height: 2px;
    margin: 0 auto;
}

/***
    M O B I L E   S L I D E   H E A D E R
***/
#mobileSlideHeader {
    display: none;
}

#mobileSlideHeader > .category {
    position: absolute;
    font: normal 18px 'ProximaBold', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    top: 64px;
    left: 12px;
}

#mobileSlideHeader > .date_to {
    position: absolute;
    font: normal 14px 'ProximaBold', sans-serif;
    text-transform: uppercase;
    width: 75%;
    top: 89px;
    left: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#mobileSlideHeader > .date_to > span {
    font-family: 'Proxima', sans-serif;
}

#mobileSlideHeader > .markE {
    position: absolute;
    width: 60px;
    height: 3px;
    top: 112px;
    left: 12px;
}

#mobileSlideHeader > .readMore {
    position: absolute;
    font-size: 16px;
    text-align: center;
    letter-spacing: 3px;
    width: 100%;
    height: 50px;
    bottom: 78px;
    left: 0;
}

#mobileSlideHeader > .markB {
    position: absolute;
    /*background: yellow;*/
    width: 70px;
    height: 2px;
    left: 50%;
    bottom: 97px;
    margin-left: -35px;
}

/***
    S E A R C H
***/
#searchBar {
    position: absolute;
    background: rgba(255, 255, 255, .85);
    width: 100%;
    height: 66px;
    left: 0;
    bottom: 0;
}

#searchBar > .fixed > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

#searchBar > .fixed .text {
    font-size: 23px;
    height: 56px;
    line-height: 56px;
    margin: 5px 25px 0 0;
}

#searchBar > .fixed .text > span {
    font-family: 'ProximaBold', sans-serif;
}

#searchBar > .fixed .button {
    color: white;
    background: #333;
    font: normal 13px 'ProximaSemiBold', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    width: 160px;
    height: 56px;
    line-height: 56px;
    margin-top: 5px;
    cursor: pointer;
}

#searchBar > .fixed .line {
    position: absolute;
    background: #444;
    width: 32px;
    height: 2px;
    bottom: 14px;
    left: 16px;
}

/***
    M O T O
***/
#moto {
    font-size: 30px;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 47px;
}

#motoMark {
    background: #444;
    width: 90px;
    height: 3px;
    margin: 18px auto 0 auto;
}

#breadcrumb a {
    text-decoration: none;
    color: #666;
}

#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active {
    color: #666;
    text-decoration: underline;
}

/***
    D A T E S
***/
#dateMark {
    background: #bbb;
    height: 4px;
    margin-top: 16px;
}

#dates {
    position: relative;
    height: 30px;
    margin-top: 25px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
}

#dates > div:not(:first-child) {
    position: absolute;
    background: white url('../res/arrow.png') no-repeat 100% center;
    background-size: 65%;
    width: 25px;
    height: 30px;
    top: 0;
    cursor: pointer;
}

#dates > div:nth-child(2) {
    left: 0;
    transform: scaleX(-1);
}

#dates > div:nth-child(3) {
    right: 0;
}

#datesBand {
    width: auto;
    height: 30px;
    padding: 0 25px;
}

.date {
    float: left;
    font: normal 10px 'ProximaBold', sans-serif;
    letter-spacing: 1px;
    width: 108px;
    height: 30px;
    line-height: 31px;
    border-right: 1px solid rgba(0, 0, 0, .15);
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding: 0 8px;
    cursor: pointer;
}

.event-detail-dates .date {
    border-bottom: 0px;
}

.date.dateSelected {
    border-bottom: 2px solid #ff364c;
}

.date > div {
    float: right;
    color: #bbb;
}

.hasEventHours {
    color: white !important;
    background-color: #333 !important;
}

.dateBlack {
    color: white !important;
    background-color: #333 !important;
}

.dateSelected > div {
    color: #bbb !important;
}

table.daily-timetable img.plus-minus-collapse {
    width: 20px;
}

div.location-collapse {
    display: flex;
    cursor: pointer;
    padding-top: 5px;
    border-bottom: 2px solid #222;
}

div.location-collapse img.map-icon {
    /*flex: 1;*/
    width: 25px;
    height: 25px;
    margin: 10px;
}

div.location-collapse > a.location-name {
    flex: auto;
    text-transform: uppercase;
    font-family: 'ProximaNovaBold';
    padding: 10px;
}

div.location-collapse img.plus-minus-collapse {
    /*flex: auto;*/
    width: 25px;
    height: 25px;
    margin: 10px;
}

/*table.location-dates-collapse-table {*/
/*width: 100%;*/
/*display: block;*/
/*}*/

/*table.location-dates-collapse-table,*/
/*table.location-dates-collapse-table tbody,*/
/*table.location-dates-collapse-table tbody tr*/
/*{*/
/*width: 100%;*/
/*display: block;*/
/*}*/

/***
    E V E N T S   &   A R T I S T S
***/
#eventsResults {
    font: normal 12px 'ProximaNova', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 25px 0 40px 0;
}

#events > .options {
    display: flex;
    position: relative;
    font-size: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 17px;
}

#events > .options > div:not(:last-child) {
    cursor: pointer;
}

#events > .options > div:first-child {
    border-left: 1px solid #eee;
}

#events > .options > div.view {
    border-right: 1px solid #eee;
}

#events > .options > div:not(:nth-child(2)):not(:last-child) {
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    left: -1px;
}

#events > .options > div > .icon {
    width: 22px;
    margin: 16px;
    opacity: .75;
}

#events > .options > div > span {
    font-family: 'ProximaBold', sans-serif;
    font-weight: bold;
    text-transform: capitalize;
}

#events > .options > .filters {
    border-right: 1px solid #eee;
}

#events > .options > .popupHeader {
    display: none;
    align-items: center;
    position: relative;
    background: white;
    border-right: 1px solid #eee;
    padding: 0 16px;
}

#events > .options > .popupHeader > div {
    font: bold 16px 'ProximaBold', sans-serif;
    flex: 1;
    text-transform: uppercase;
}

#events > .options > .popupHeader > img {
    width: 32px;
    cursor: pointer;
}

#events > .options > .viewByCategory {
    flex: 1;
    border-right: 1px solid #eee;
}

#events > .options > .viewByDate {
    flex: 1;
    border-right: 1px solid #eee;
}

#events > .options > .viewByVenue {
    flex: 1;
    border-right: 1px solid #eee;
}

#events > .options > .sortBy {
    flex: 1;
    border-right: 1px solid #eee;
    /*color: #bbb;*/
    /*font-size: 12px;*/
    /*width: 130px;*/
    /*border-right: 1px solid #eee;*/
}

#events > .options > .sortBy:last-child {
    border-right: 0px;
}

#events > .options > .download {
    position: relative;
    border-right: 1px solid #eee;
}

#events > .options > .download > div:nth-child(2) {
    font-size: 12px;
    margin-right: 15px;
}

#events > .options > .download > div:nth-child(3) {
    position: absolute;
    background: rgba(255, 255, 255, .7);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#events > .options > .calendar {
    border-right: 1px solid #eee;
}

#events > .options > .view {

}

#events > .options > .sorting {
    border-right: 1px solid #eee;
}

#events > .options > .popup {
    display: none;
    z-index: 1;
    position: absolute;
    background: white;
    width: 100%;
    top: 100%;
    left: 0px;
}

#events > .options > .popup > .header {
    color: #eee;
    background: #333;
    font-size: 17px;
    width: 100%;
    height: 56px;
    line-height: 57px;
    padding-left: 20px;
}

#events > .options > .popup > .header > span {
    color: white;
    font-family: 'ProximaNova', sans-serif;
}

#events > .options > .popup > .header > .filtersSelected {
    display: none;
    position: absolute;
    font-size: 13px;
    line-height: 14px;
    top: 22px;
    left: 280px;
}

#events > .options > .popup > .header > .resetFilters {
    display: none;
    position: absolute;
    font-size: 13px;
    line-height: 14px;
    top: 22px;
    right: 92px;
    border-bottom: 1px solid #777;
    cursor: pointer;
    text-transform: uppercase;
}

#events > .options > .popup > .header > img {
    position: absolute;
    width: 32px;
    top: 12px;
    right: 14px;
    cursor: pointer;
}

#eventsContainer,
#artistsContainer,
#tileContainer {
    margin: 17px 0 0 0;
    -webkit-user-select: none;
    user-select: none;
}

.event, .artist {
    position: relative;
    background: black no-repeat center;
    background-size: cover;
    width: 328px;
    height: 415px;
    border-bottom: 15px solid #fff;
    cursor: pointer;
}

.eventListTile {
    display: flex;
    margin-bottom: 10px;
}

.eventListTile .event {
    flex: 0 0 518px;
    height: 251px;
    border-bottom: 0px;
}

.eventListTile .event-list-item-info {
    flex: 1;
    padding: 15px;
    height: 251px;
    border-bottom: 3px solid #000;
}

.eventListTile .event-list-item-info .evdate {
    font-family: 'ProximaNova';
    text-transform: uppercase;
}

.eventListTile .event-list-item-info .evlocation {
    /*font-family: 'ProximaNovaBold';*/
    text-transform: uppercase;
}

.event--width2 {
    width: 671px;
}

.event > .shadow, .artist > .shadow {
    position: absolute;
    background: rgba(0, 0, 0, .55);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.eventListTile .event > .shadow {
    background: rgba(0, 0, 0, .35);
}

.event .section, .artist .section {
    position: absolute;
    color: white;
    font: normal 12px 'ProximaSemiBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    top: 29px;
    left: 27px;
}

.eventListTile .event .section {
    position: absolute;
    color: white;
    font: normal 12px 'ProximaSemiBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    top: 175px;
    left: 25px;
    border: 3px solid;
    padding: 15px;
    font-weight: bold;
}

.event .section > .mark, .artist .section > .mark {
    width: 56px;
    height: 3px;
    margin-top: 10px;
}

.event .favorite,
.artist .favorite,
.popup > .favorite {
    position: absolute;
    color: white;
    font: normal 21px 'Heart', sans-serif;
    text-align: center;
    width: 54px;
    height: 50px;
    line-height: 46px;
    top: 22px;
    right: 22px;
    border: 3px solid rgba(255, 255, 255, .65);
    cursor: pointer;
}

.event-list-item-info .info {
    min-height: 75px;
}

.event-list-item-info .caption {
    height: 100px;
    font-size: 30px;
}

.event-list-item-info .favorite {
    font: normal 21px 'Heart', sans-serif;
    text-align: center;
    width: 54px;
    height: 50px;
    line-height: 46px;
    border: 3px solid rgba(255, 255, 255, .65);
    cursor: pointer;
}

.event .upcoming {
    display: none;
    position: absolute;
    font: normal 13px 'ProximaSemiBold', sans-serif;
    font-style: italic;
    letter-spacing: 1px;
    top: 110px;
    left: 26px;
    text-transform: uppercase;
}

.event .caption {
    position: absolute;
    color: white;
    font-size: 28px;
    line-height: 31px;
    top: 126px;
    height: 175px;
    padding: 0 27px;
}

.event .info, .artist .info {
    position: absolute;
    width: 301px;
    height: 84px;
    bottom: 0;
    right: 0;
    padding-right: 22px;
}

.event .info > .details, .artist .info > .details {
    font: normal 11px 'ProximaSemiBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: right;
    line-height: 16px;
    padding-top: 15px;
    max-height: 78px;
}

.event .info > .details > span, .artist .info > .details > span {
    font-family: 'Proxima', sans-serif;
    text-overflow: ellipsis;
}

.event .popup {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.event .popup > .window {
    position: absolute;
    background: white;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
}

.event .popup .address {
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 14px;
    left: 14px;
}

.event .popup .mark {
    position: absolute;
    width: 56px;
    height: 3px;
    top: 36px;
    left: 14px;
}

.event .popup .top {
    position: absolute;
    top: 14px;
    right: 14px;
    border: 3px solid rgba(0, 0, 0, .2);
}

.event .popup .top > div {
    float: left;
    width: 46px;
    height: 42px;
    cursor: pointer;
}

.event .popup .top > div:nth-child(1) {
    background: url('../res/pin_black.png') no-repeat center;
    background-size: 55%;
    border-right: 3px solid rgba(0, 0, 0, .2);
    /*Aineias - hide map marker on rollover*/
    display: none;
}

.event .popup .top > div:nth-child(2) {
    color: #ccc;
    font: normal 23px 'Heart';
    text-align: center;
    line-height: 45px;
}

.event .popup .text {
    position: absolute;
    letter-spacing: 1px;
    top: 100px;
    left: 14px;
    right: 14px;
    bottom: 100px;
}

.event .popup .text a {
    text-decoration: none;
    color: #000;
    outline: 0;
    display: block;
    height: 100%;
}

.event .popup .socialCaption {
    position: absolute;
    font: normal 9px 'ProximaSemiBold', sans-serif;
    letter-spacing: 2px;
    bottom: 50px;
    left: 14px;
}

.event .popup .social {
    position: absolute;
    bottom: 14px;
    left: 7px;
}

.event .popup .social > div {
    float: left;
    width: 28px;
    height: 26px;
    margin-right: 10px;
    opacity: .25;
    cursor: pointer;
}

.event .popup .social > div:nth-child(1) {
    background: url('../res/facebook.png') no-repeat center;
    background-size: 90%;
}

.event .popup .social > div:nth-child(2) {
    background: url('../res/twitter.png') no-repeat center;
    background-size: 90%;
}

.event .popup .social > div:nth-child(3) {
    background: url('../res/pinterest.png') no-repeat center;
    background-size: 90%;
}

.event .popup .social > div:nth-child(4) {
    background: url('../res/utube.png') no-repeat center;
    background-size: 90%;
}

/***
    F I L T E R S   P O P U P
***/
.popupMain {
    display: flex;
    background: white;
    border: 1px solid #eee;
    padding: 20px 40px 10px 40px;

    /* IE */
    min-height: 750px;
}

.popupMain > .panelA {
    display: flex;
    flex-direction: column;
    flex: 1;
    /* IE */
    -ms-flex: 1 0 0;
    margin-right: 25px;
}

.popupMain > .panelA > .header {
    color: #ccc;
    font: normal 13px 'ProximaSemiBold', sans-serif;
    margin-bottom: 17px;
}

.popupMain > .panelA > .panel {
    display: flex;
    flex: 1;
    /* IE */
    -ms-flex: 1 0 0;
}

.popupMain > .panelA > .panel > div:first-child {
    margin-right: 18px;
}

.popupMain > .panelA > .panel > div:last-child {
    margin-left: 18px;
}

.popupMain > .panelB {
    display: flex;
    flex-direction: column;
    /* IE */
    flex: 1;
    -ms-flex: 1 0 0;
    margin-left: 25px;
}

.popupMain > .panelB > .search {
    position: relative;
    width: 100%;
    border-bottom: 3px solid #444;
}

.popupMain > .panelB > .search > input {
    background: white;
    font: normal 13px sans-serif;
    /*'ProximaSemiBold',*/
    width: 90%;
    height: 20px;
    outline: 0;
    border: 0;
    margin-bottom: 10px;
    margin-left: 25px;
    /*text-transform: uppercase;*/
}

.popupMain > .panelB > .search > .icon {
    position: absolute;
    background: url('../res/search_black.png') no-repeat center;
    background-size: 45%;
    width: 50px;
    height: 42px;
    top: -11px;
    right: -7px;
    opacity: .5;
    cursor: pointer;
}

.popupMain > .panelB > .search > .icon-clear {
    position: absolute;
    width: 20px;
    top: 2px;
    left: 0px;
    opacity: .5;
    cursor: pointer;
}

.popupMain > .panelB > .panel {
    display: flex;
    border-bottom: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.popupMain > .panelB > .panel > div:first-child {
    margin-right: 18px;
}

.popupMain > .panelB > .panel > div:last-child {
    margin-left: 18px;
}

.popupMain > .panelB > .tags {
    /*display: flex;*/
    flex: 1;
    height: 135px;
    overflow-y: scroll;
}

.popupMain > .panelB > .tags > .tagContainer {
    margin-top: 25px;
}

.popupMain > .panelB > .tags .tagLabel {
    float: left;
    font: normal 10px 'ProximaSemiBold', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    height: 26px;
    line-height: 17px;
    border: 1px solid #aaa;
    padding: 5px 7px;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    text-transform: uppercase;
}

.popupMain > .panelB > .tags .tagLabelSelected {
    color: white;
    background-color: #444;
}

.popupMain > .panelB > .searchBtn {
    text-align: right;
    margin: 50px 0;
}

.popupMain > .panelB > .searchBtn > div {
    display: inline-block;
    color: white;
    background: #444;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 140px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}

.panelRow {
    flex: 1;
    /* IE */
    -ms-flex: 1 0 0;
}

.panelRow > .header, .popupMain > .panelB .header {
    position: relative;
    font: normal 13px 'ProximaSemiBold', sans-serif;
    border-bottom: 1px solid #444;
    padding-bottom: 6px;
    margin-top: 40px;
}

.panelRow > .header > .clearAll {
    display: none;
    position: absolute;
    font: normal 13px 'Proxima', sans-serif;
    top: 0;
    right: 0;
    border-bottom: 1px solid #bbb;
    cursor: pointer;
}

.accordion {
    margin-top: 7px;
}

.inputDate {
    margin-top: 18px;
}

.inputDate > input:nth-child(1) {
    float: left;
    font: normal 13px 'Proxima', sans-serif;
    height: 34px;
    width: 49%;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 0 10px;
}

.inputDate > input:nth-child(2) {
    float: right;
    font: normal 13px 'Proxima', sans-serif;
    height: 34px;
    width: 49%;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 0 10px;
}

.inputDate > div {
    clear: both;
}

.event_counts {
    /*vertical-align: super;
    font-size: 6pt;	*/
}

.user-info-black {
    background-color: #000;
    color: #fff;
    padding-top: 125px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

#check-in-check-out-dates {
    padding-top: 125px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.m-b-50 {
    margin-bottom: 50px;
}

#edit-my-profile-form .label {
    display: block;
    text-align: left;
    padding-left: 0px;
    font: normal 13px 'ProximaSemiBold', sans-serif;
    font-style: italic;
    margin-bottom: 3px;
    opacity: 0.8;
}

#edit-my-profile-form input {
    background-color: #000;
    font: normal 12px sans-serif;
    font-size: 16px;
    width: 100%;
    outline: 0;
    border: 0;
    border-bottom: 3px solid #fff;
    padding-bottom: 7px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#edit-my-profile-form input.update-my-profile-button {
    background-color: #fff;
    color: #222;
    font: normal 12px sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
    float: right;
    width: 250px;
    border: 2px solid #888888;
    padding: 15px 35px;

}

#edit-my-profile-form select.modern-select {
    background-color: #000;
    border-bottom: 3px solid #fff;
    margin-top: 5px;
}

/***
    O W N   E V E N T S  /  M U S T   E V E N T S
***/
/*#myEvents,*/
/*#upcomingEvents,*/
.slider-events {
    display: none;
    position: relative;
}

#myEvents .eventAdd {
    display: flex;
    align-items: center;
    position: absolute;
    font-size: 13px;
    letter-spacing: 1px;
    height: 25px;
    top: 0;
    right: 0;
    cursor: pointer;
}

#myEvents .eventAdd > img {
    width: 21px;
    margin-right: 12px;
    opacity: .65;
}

#myEvents > .container2,
#upcomingEvents > .container2,
.slider-events > .container2 {
    margin: 20px auto 0 auto;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
}

#myEvents > .container2 > .wrapper,
#upcomingEvents > .container2 > .wrapper,
.slider-events > .container2 > .wrapper {
    width: 343px;
}

#myEvents > .container2 > .wrapper > .scroller,
#upcomingEvents > .container2 > .wrapper > .scroller,
.slider-events > .container2 > .wrapper > .scroller {
    height: 415px;
}

#favourite-artists > .container2 > .wrapper > .scroller {
    height: 328px;
}

#myEvents > .container2 > .wrapper > .scroller > div,
#upcomingEvents > .container2 > .wrapper > .scroller > div,
.slider-events > .container2 > .wrapper > .scroller > div {
    float: left;
    margin-right: 15px;
}

/***
    A R T I S T S
***/
#artists {
    display: none;
    position: relative;
    text-transform: uppercase;

}

#artists > .amount {
    position: absolute;
    font: normal 13px 'ProximaSemiBold', sans-serif;
    letter-spacing: 1px;
    top: 59px;
    right: 0;
}

.artist {
    height: 340px;
}

.artist > .shadow {
    background: rgba(0, 0, 0, .1);
}

.artist .favorite {
    border: 3px solid rgba(255, 255, 255, .65);
}

.artist .info {
    background: #f7f7f7;
}

.artist .info > .details {
    font: normal 18px 'ProximaBold', sans-serif;
    text-transform: uppercase;
    line-height: 16px;
    margin-top: 23px;
}

.artist .info > .details > span {
    color: #777;
    font-size: 11px;
    letter-spacing: 2px;
}

/***
    F R E E   T I C K E T S
***/
#freeTickets {
    display: flex;
    margin-bottom: 75px;
}

#freeTickets > div:nth-child(1) {
    flex: 1;
    position: relative;
    font: normal 23px 'ProximaBold', sans-serif;
    letter-spacing: 1px;
    height: 140px;
    border: 3px solid #e5e5e5;
    padding: 24px 0 0 40px;
    margin-right: 23px;
    cursor: pointer;
}

#freeTickets > div:nth-child(2) {
    position: relative;
    background: black url('../res/add_event.jpg') no-repeat center;
    background-size: cover;
    width: 328px;
    height: 140px;
    cursor: pointer;
}

#freeTickets .caption {
    height: 140px;
    text-transform: uppercase;
    font-weight: bold;
}

#freeTickets .caption > span {
    color: #1c94d2;
}

#freeTickets .readMore {
    position: absolute;
    font: normal 14px 'Proxima', sans-serif;
    letter-spacing: 2px;
    right: 46px;
    bottom: 50px;
    text-transform: uppercase;
}

#freeTickets .mark {
    position: absolute;
    background: #1c94d2;
    width: 44px;
    height: 3px;
    right: 73px;
    bottom: 36px;
}

#addEvent {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#addEvent > img {
    width: 22px;
    margin-right: 12px;
}

#addEvent .text {
    color: white;
    font: normal 23px 'Proxima', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#addEvent .text > span {
    font-family: 'ProximaBold', sans-serif;
}

/***
    E X P L O R E   S E C T I O N S
***/
#exploreSections > .container2,
#favourite-categories > .container2 {
    position: relative;
    margin-top: 25px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 7px;
}

.slider-categories > .container2,
#favourite-categories > .container2 {
    padding: 0 0px;
    margin-left: -7px;
    margin-right: -7px;
}

.slides-container {
    position: relative;
    margin-top: 25px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 7px;
}

.videomask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url('../res/videomask.png');
    background-position: center;
    background-repeat: no-repeat;
}

#photos-and-videos > .slides-container > .wrapper > .scroller > div,
#slideshow-slider > .slides-container > .wrapper > .scroller > div {
    float: left;
    position: relative;
    background: black no-repeat center;
    background-size: cover;
    width: 170px;
    height: 205px;
    margin: 0 8px;
    cursor: pointer;
}

#slideshow-slider > .slides-container > .wrapper > .scroller > div.selected {
    border: 2px solid rgba(0, 204, 204, .85);
}

#exploreSections > .container2 > .wrapper,
#favourite-categories > .container2 > .wrapper {
    width: 178px;
}

#photos-and-videos > .slides-container > .wrapper,
#slideshow-slider > .slides-container > .wrapper {
    width: 178px;
}

#exploreSections > .container2 > .wrapper > .scroller,
#favourite-categories > .container2 > .wrapper > .scroller {
    height: 205px;
}

#photos-and-videos > .slides-container > .wrapper .scroller,
#slideshow-slider > .slides-container > .wrapper .scroller {
    height: 205px;
}

#exploreSections > .container2 > .arrow,
#favourite-categories > .container2 > .arrow {
    position: absolute;
    width: 140px;
    height: 205px;
    top: 0;
    cursor: pointer;
}

#exploreSections > .container2 > div:nth-child(2),
#favourite-categories > .container2 > div:nth-child(2) {
    left: 0;
}

#exploreSections > .container2 > div:nth-child(3),
#favourite-categories > .container2 > div:nth-child(3) {
    right: 0;
}

#exploreSections > .container2 > .wrapper > .scroller > div,
#favourite-categories > .container2 > .wrapper > .scroller > div {
    float: left;
    position: relative;
    background: black no-repeat center;
    background-size: cover;
    width: 170px;
    height: 205px;
    margin: 0 8px;
    cursor: pointer;
}

#exploreSections .shadow,
#favourite-categories .shadow {
    position: absolute;
    background: rgba(0, 0, 0, .4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#exploreSections .category-caption,
#favourite-categories .category-caption {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: white;
    font: normal 13px 'ProximaSemiBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 3px solid white;
}

#exploreSections .popup .category-caption,
#favourite-categories .category-caption {
    top: 10px;
}

.category-caption > a,
.category-caption > a:hover,
.category-caption > a:focus,
.category-caption > a:active {
    text-decoration: none;
    outline: 0;
    display: block;
    height: 100%;
    color: #fff;
    padding-top: 75px;
}

#exploreSections .popup,
#favourite-categories .popup {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#exploreSections .popup > .events,
#favourite-categories .popup > .events {
    position: absolute;
    color: white;
    font-size: 12px;
    top: 14px;
    left: 14px;
}

#exploreSections .popup > .favorite,
#favourite-categories .popup > .favorite {
    top: 14px;
    right: 14px;
    border: 3px solid rgba(255, 255, 255, .65);
}

#exploreSections .popup > .category-caption,
#favourite-categories .popup > .category-caption {
    border: 0;
}

#exploreSections .popup > .socialCaption,
#favourite-categories .popup > .socialCaption {
    position: absolute;
    color: white;
    font: normal 9px 'ProximaSemiBold', sans-serif;
    letter-spacing: 2px;
    bottom: 50px;
    left: 14px;
}

#exploreSections .popup > .social,
#favourite-categories .popup > .social {
    position: absolute;
    bottom: 14px;
    left: 14px;
    border: 3px solid rgba(255, 255, 255, .65);
}

#exploreSections .popup > .social > div,
#favourite-categories .popup > .social > div {
    float: left;
    width: 28px;
    height: 26px;
    cursor: pointer;
}

#exploreSections .popup > .social > div:nth-child(1),
#favourite-categories .popup > .social > div:nth-child(1) {
    background: url('../res/facebook_white.png') no-repeat center;
    background-size: 68%;
    border-right: 3px solid rgba(255, 255, 255, .65);
}

#exploreSections .popup > .social > div:nth-child(2),
#favourite-categories .popup > .social > div:nth-child(2) {
    background: url('../res/twitter_white.png') no-repeat center;
    background-size: 63%;
    /*border-right: 3px solid rgba(255, 255, 255, .65);*/
}

#exploreSections .popup > .social > div:nth-child(3),
#favourite-categories .popup > .social > div:nth-child(3) {
    background: url('../res/pinterest_white.png') no-repeat center;
    background-size: 68%;
}

/***
    S U B S C R I B E
***/
#subscribe {
    display: none;
    background: #333;
    height: 202px;
    padding-top: 25px;
    margin-bottom: 50px;
}

#subscribe .caption {
    color: white;
    font: normal 22px 'ProximaBold', sans-serif;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

#subscribe .member {
    color: #ccc;
    font-size: 18px;
    text-align: center;
    margin-bottom: 22px;
}

#subscribe .member > span {
    font-family: 'ProximaBold', sans-serif;

}

#subscribe .button {
    font-size: 13px;
    background: white;
    text-align: center;
    letter-spacing: 1px;
    width: 156px;
    height: 46px;
    line-height: 47px;
    margin: 0 auto 23px auto;
    cursor: pointer;
    text-transform: uppercase;
}

#subscribe .mark {
    background: #1c94d2; /*#00ff01;*/
    width: 44px;
    height: 3px;
    margin: 0 auto;
}

#subscribe .subscribed {
    position: absolute;
    color: #ccc;
    text-align: right;
    bottom: 60px;
    right: 15px;
}

#subscribe .authenticate {
    position: absolute;
    color: white;
    text-align: right;
    letter-spacing: 1px;
    bottom: 40px;
    right: 15px;
    border-bottom: 1px solid #777;
    cursor: pointer;
    text-transform: uppercase;
}

/***
    F O L L O W   U S
***/
#followUs {
    font: normal 14px 'ProximaSemiBold';
    letter-spacing: 2px;
    text-align: center;
    margin: 0px auto 40px auto;
    text-transform: uppercase;
}

#followUs > .social {
    text-align: center;
    margin-top: 18px;
    opacity: .25;
}

#followUs > .social > a {
    text-decoration: none;
}

#followUs > .social > a > img {
    width: 26px;
    margin: 0 5px;
    cursor: pointer;
}

/***
    F O O T E R
***/
#footer {
    background: #f1f1f1;
}

#footerContainer {
    display: flex;
    color: #9e9e9e;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 40px 0;
}

#subcategoriesContainer {
    display: flex;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 40px 0;
    /*background-color: #fff;*/
}

#subcategoriesContainer .category-column {
    flex: 1;
    padding: 10px;
}

#subcategoriesContainer .category-column a.parent-category {
    display: block;
    margin-bottom: 16px;
    /*font-size: 16px;*/
    font-family: 'ProximaBold';
    text-transform: uppercase;
    color: #9e9e9e;
}

#subcategoriesContainer .category-column a {
    display: block;
    color: #9e9e9e;
    /*font-size: 13px;*/
    letter-spacing: 1px;
    text-transform: uppercase;
}

#footerContainer .panel1 {
    display: flex;
    flex: 1;
}

#footerContainer .panel1 > div:first-child > img {
    width: 150px;
    /*margin-right: 15px;*/
}

#footerContainer .panel1 > div:first-child {
    /*Aineias*/
    /*border-bottom: 3px solid #444;*/
}

#footerContainer .panel1 > div:not(:first-child) {
    line-height: 18px;
    padding-top: 8px;
}

#footerContainer .panel1 > div:not(:first-child) > span {
    font-family: 'ProximaBold', sans-serif;
    text-transform: uppercase;
}

#footerContainer .panel1 > div:not(:first-child) > a {
    color: #9e9e9e;
    text-transform: uppercase;
}

#footerContainer .panel1 > div:not(:last-child) {
    margin-right: 37px;
}

#footerContainer .panel1 > div:last-child > .social {
    font-size: 14px;
    /*text-align: center;*/
    letter-spacing: 2px;
    line-height: 27px;
    margin-left: -15px;
    opacity: .25;
}

#footerContainer .panel1 > div:last-child > .social > a {
    text-decoration: none;
}

#footerContainer .panel1 > div:last-child > .social > img,
#footerContainer .panel1 > div:last-child > .social > a > img {
    width: 26px;
    margin: 0 5px;
    cursor: pointer;
}

#footerContainer .panel1 .comboBox {
    color: #444;
    letter-spacing: 0;
    width: 100%;
    min-width: 146px;
    height: 38px;
    line-height: 37px;
    border: 1px solid #ddd;
    padding-left: 17px;
    margin-top: 4px;
}

#footerContainer .panel1 .comboBox > img {
    position: absolute;
    width: 28px;
    top: 4px;
    right: 9px;
    opacity: .75;
}

#footerContainer .panel2 {
    width: 280px;
}

#footerContainer .panel2 > .header {
    color: #aaa;
    font: normal 18px 'NotoSerif', serif;
    letter-spacing: 0;
    line-height: 17px;
}

#footerContainer .panel2 > .header > span {
    color: #555;
    font: normal 13px 'Proxima', sans-serif;
}

#footerContainer .panel2 > .subHeader {
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 0;
    margin-top: 19px;
}

#footerContainer .panel2 > .input {
    position: relative;
    border-bottom: 3px solid #444;
}

#footerContainer .panel2 > .input:nth-child(3) > input {
    cursor: pointer;
}

#footerContainer .panel2 > .input:nth-child(5) {
    padding-left: 50px;
}

#footerContainer .panel2 > .input > input {
    color: #444;
    background: transparent;
    font: normal 18px 'Proxima', sans-serif;
    width: 100%;
    height: 36px;
    outline: 0;
    border: 0;
}

#footerContainer .panel2 > .input > img {
    position: absolute;
    width: 31px;
    top: 3px;
    left: 8px;
}

#footerContainer .panel2 > .button {
    color: #444;
    background: white;
    font: normal 13px 'Proxima', sans-serif;
    text-align: center;
    width: 166px;
    height: 54px;
    line-height: 51px;
    border: 3px solid #444;
    margin-top: 25px;
    cursor: pointer;
    text-transform: uppercase;
}

#footerBrand {
    display: none;
    cursor: pointer;
}

/***
    I N F O
***/
#info {
    font-size: 10px;
    height: 40px;
    padding: 15px 0;
}

#info > .fixed > div:first-child {
    float: left;
}

#info > .fixed > div:first-child > a {
    float: left;
    margin-right: 24px;
    cursor: pointer;
    text-transform: uppercase;
    color: black;
    text-decoration: none;
}

#info > .fixed > div:last-child {
    float: right;
}

/***
    M O B I L E   S E A R C H   B A R
***/
#mobileSearchBar {
    display: none;
    height: 74px;
    border: 1px solid #aaa;
    margin-right: 15px;
    margin-bottom: 25px;
    cursor: pointer;
    padding: 15px;
    font-size: 18px;
    line-height: 48px;
}

#mobileSearchBar img {
    width: 42px;
    height: 42px;
    margin-right: 10px;
}

/*#mobileSearchBar > .left {*/
/*flex: 1;*/
/*border: 1px solid #aaa;*/
/*margin-bottom: 15px;*/
/*cursor: pointer;*/
/*}*/

/*#mobileSearchBar > .right {*/
/*width: 150px;*/
/*border: 1px solid #aaa;*/
/*margin: 0 15px 15px 14px;*/
/*cursor: pointer;*/
/*}*/

/***
    CSS QUERIES
***/
@media only screen and (max-width: 1200px) {
    .arrowLeft, .arrowRight {
        display: none;
    }
}

@media only screen and (max-width: 1000px) {
    #header .social {
        display: none;
    }
}

@media only screen and (max-width: 950px) {
    #cover > .nav {
        text-align: center;
        width: 100%;
        top: 590px;
        left: 0;
    }

    #freeTickets .readMore {
        right: 16px;
    }

    #freeTickets .mark {
        right: 43px;
    }
}

@media only screen and (max-width: 850px) {
    #freeTickets .readMore {
        display: none;
    }

    #freeTickets .mark {
        display: none;
    }
}

@media only screen and (max-width: 750px) {
    #freeTickets > div:nth-child(1) {
        display: none;
    }

    #freeTickets > div:nth-child(2) {
        flex: 1;
    }
}

@media only screen and (max-width: 600px) {
    #header .pin {
        display: none;
    }
}

.event-list-tab-content {
    margin-top: 10px;
    padding: 0px 1px;
}

.anchorDiv {
    display: block;
    height: 100%;
}

.please-select-location {
    font-size: 22px;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 18px;
}

#burgerMenuBtn {
    display: none;
    position: absolute;
    width: 34px;
    top: 10px;
    left: 10px;
    opacity: .8;
    cursor: pointer;
}

/***
    B U R G E R   M E N U
***/
#mobile-burger-menu {
    display: none;
    z-index: 100000;
    position: absolute;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#burgerMenu {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#burgerMenu > .top {
    display: flex;
    flex-direction: column;
    height: 50px;
}

#burgerMenu > .top > .title {
    position: relative;
    background: #333;
    height: 50px;
}

#burgerMenu > .top > .title > .close {
    position: absolute;
    width: 39px;
    top: 6px;
    left: 3px;
}

#burgerMenuPin {
    float: right;
    padding-right: 20px;
}

#burgerMenuPin > .pin {
    float: left;
    height: 30px;
    margin: 10px 10px 0 0;
}

#burgerMenuPin > .text {
    float: left;
    color: white;
    font: normal 15px 'ProximaBold', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 22px;
    margin-top: 16px;
}

#burgerMenuPin > .arrow {
    float: left;
    height: 30px;
    margin-left: 3px;
    transform: rotate(-90deg);
    margin-top: 10px;
}

#burgerMenu > .top > .search {
    flex: 1;
    position: relative;
    background: white;
    border-bottom: 2px solid #333;
}

#burgerMenu > .top > .search > .magnifier {
    position: absolute;
    width: 27px;
    right: 12px;
    top: 9px;
    opacity: .5;
}

#burgerMenu > .middle {
    flex: 1;
    background: white;
    overflow: scroll;
}

#accordion-12-header {
    color: #aaa;
    font: normal 18px 'ProximaBold', sans-serif;
    padding-left: 20px;
    margin-top: 50px;
}

#accordion-11 > .flex,
#accordion-12 > .flex {
    height: 72px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

#accordion-11 > .flex > a,
#accordion-12 > .flex > a {
    font-size: 20px;
    letter-spacing: 1px;
    padding-left: 20px;
}

#accordion-11 > .section > div,
#accordion-12 > .section > div {
    position: relative;
    text-transform: uppercase;
    font: normal 19px 'ProximaBold', sans-serif;
    padding: 10px 0 10px 20px;
}

#accordion-11 > .flex > .arrow,
#accordion-12 > .flex > .arrow {
    width: 38px;
    top: 16px;
    margin-right: 6px;
}

#accordion-11 > .section > div > div,
#accordion-12 > .section > div > div {
    position: absolute;
    font-size: 32px;
    top: 5px;
    right: 17px;
}

#copyrightBurger {
    /*float: left;*/
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    /*padding-left: 20px;*/
    opacity: .75;
}

#followUsBurger {
    float: right;
}

#followUsBurger > img {
    width: 38px;
    margin: 6px 8px 0 6px;
    opacity: .25;
    cursor: pointer;
}

/***
    M O B I L E   C A T E G O R I E S
***/
#mobileCategories {
    display: none;
    position: relative;
    background: white;
    width: 100%;
    height: 84px;
    border-bottom: 3px solid #333;
    overflow: hidden;
}

#mobileCategories > .scroller {
    position: absolute;
    background: white;
    height: 100%;
}

#mobileCategories > .scroller > div {
    display: inline;
    font: normal 18px 'ProximaBold', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 100%;
    line-height: 84px;
    padding: 0 18px;
}

#mobileCategories > .scroller > a {
    display: inline;
    font: 18px proximabold,sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 100%;
    line-height: 84px;
    padding: 0 18px;
}

/***
    M O B I L E   S E A R C H
***/
#mobile-filters
    /*#mobileNavbarMenu*/
{
    display: none;
    z-index: 100000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#mobileSearch {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#mobileSearch > .top {
    display: flex;
    flex-direction: column;
    min-height: 113px;
}

#mobileSearch > .top > .title {
    flex: 1;
    color: white;
    background: #333;
    font: normal 19px 'ProximaBold', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    line-height: 45px;
    padding: 10px;
    text-transform: uppercase;
}

#mobileSearch > .top > .title > .close {
    position: absolute;
    width: 40px;
    top: 10px;
    left: 10px;
}

#mobileSearch > .top > .search {
    flex: 1;
    background: white;
    border-bottom: 2px solid #333;
    padding: 5px;
}

#mobileSearch > .middle {
    flex: 1;
    background: white;
    padding: 10px 10px;
    /*margin-top: 14px;*/
    overflow: scroll;
}

#mobileSearch > .middle > .mobileExpandHeader {
    position: relative;
    color: #444;
    font: normal 19px 'ProximaBold', sans-serif;
    letter-spacing: 1px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #444;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#mobileSearch > .middle > .mobileExpandHeader > img {
    position: absolute;
    width: 14px;
    top: 19px;
    right: 0;
    transition: transform 0.2s ease-in-out;
}

#mobileSearch > .bottom {
    position: relative;
    color: white;
    background: #333;
    font: normal 19px 'Proxima', sans-serif;
    letter-spacing: 1px;
    height: 60px;
    line-height: 60px;
    /*padding-left: 10px;*/
    text-align: center;
    cursor: pointer;
}

#mobileSearch > .bottom > span {
    font: normal 19px 'ProximaBold', sans-serif;
}

#mobileSearch > .bottom > img {
    position: absolute;
    width: 15px;
    top: 23px;
    right: 25px;
}

.mobileExpand {
    font: normal 15px 'ProximaSemiBold', sans-serif;
    letter-spacing: 1px;
    max-height: 0;
    transition: max-height .5s ease-in-out;
    overflow: hidden;
}

.mobileExpand.expanded {
    max-height: 1000px;
}

.mobileExpand > .accordion {
    font: normal 17px 'Proxima', sans-serif;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}

#expandDate > div {
    margin: 15px 0 30px 0;
}

#expandDate > div > input:nth-child(1) {
    float: left;
    font: normal 17px 'Proxima', sans-serif;
    height: 39px;
    width: 48%;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 0 10px;
}

#expandDate > div > input:nth-child(2) {
    float: right;
    font: normal 17px 'Proxima', sans-serif;
    height: 39px;
    width: 48%;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 0 10px;
}

#expandDate > div > div {
    clear: both;
}

/***********
EVENT DETAIL
***********/

.event-detail-slide-info {
    margin-top: 130px;
    height: auto;
}

.event-detail-slide-info .event-detail-breadcrumb {
    font-family: 'ProximaNova';
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.event-detail-slide-info .event-detail-primary-category {
    font-family: 'ProximaNovaBold';
    letter-spacing: 2px;
    padding-bottom: 7.5px;
    border-bottom: 3px solid;
    font-size: 18px;
    line-height: 45px;
    text-transform: uppercase;
}

.event-detail-slide-info .event-detail-datespan {
    color: #ffffff;
    font-family: "ProximaNova";
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-top: 25px;
}

.event-detail-slide-info .caption {
    font-family: "ProximaNova";
    font-size: 46px;
    max-width: 520px;
    height: auto;
    max-height: 250px;
    margin-top: 25px;
}

.event-detail-slide-info .event-detail-subcategories {
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    text-transform: uppercase;
}

.event-detail-inactive-message {
    padding: 10px;
    font-size: 16px;
    margin-top: 25px;
    text-align: center;
    text-transform: uppercase;
}

.event-detail-inactive-message > span {
    background-color: #f00;
    padding: 10px;
    font-size: 16px;
    margin-top: 15px;
    text-transform: uppercase;
}


#sectionBar {
    position: absolute;
    /*background: rgba(255, 255, 255, .85);*/
    width: 100%;
    height: 55px;
    left: 0;
    bottom: 0;
}

#sectionBar > .fixed {
    display: flex;
    align-items: center;
    justify-content: center;
}

#sectionBar > .fixed > div {
    flex: 1;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    height: 100%;
    text-align: center;
    line-height: 35px;
    font-family: 'ProximaNovaBold';
}

#sectionBar > .fixed > div > a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    display: block;
    padding: 10px;
}

#sectionBar > .fixed > div#overview > a {
    color: #000;
    background: #fff !important;
}

#event-overview {
    padding: 50px 0px;
}

#event-overview div.fixed {
    display: flex;
}

#event-overview div.fixed > div#left-panel {
    flex: 1;
    padding-right: 30px;
}

#event-overview div.fixed > div#left-panel .left-panel-label {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'ProximaNovaBold';
    margin-bottom: 5px;
}

#event-overview div.fixed > div#right-panel .right-panel-label {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'ProximaNovaBold';
    margin-bottom: 5px;
}

#event-overview div.fixed > div#right-panel .right-panel-context {
    font-size: 15px;
}

#event-overview div.fixed > div#left-panel .left-panel-context {
    font-size: 15px;
}

.hr60 {
    background: #444;
    width: 60px;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.tagBox {
    font: normal 10px 'ProximaSemiBold', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    line-height: 17px;
    border: 1px solid #aaa;
    padding: 5px 7px;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    text-transform: uppercase;
}

#event-overview div.fixed > div#center-panel {
    flex: 5;
    padding-right: 30px;
}

#event-overview div.fixed > div#center-panel .event-title {
    font-weight: bold;
    font-size: 36px;
    padding-bottom: 10px;
    border-bottom: 3px solid #444;
}

#event-overview div.fixed > div#center-panel .synopsis {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#event-overview div.fixed > div#center-panel .long-descr {
    font-size: 16px;
}

#rateYoRating {
    display: inline-block;
    position: relative;
    top: -5px;
}

.flex-wrapper {
    display: flex;
}

div#center-panel .flex-wrapper {
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(200, 200, 200, 0.75);
}

#center-panel > .flex-wrapper .event-ratings {
    flex: 1;
}

#center-panel > .flex-wrapper .event-add-to-my-list {
    flex: 1;
    position: relative;
    top: 10px;
}

#center-panel > .flex-wrapper .event-times-fav {
    flex: 1;
    position: relative;
    top: 10px;
}

#event-overview div.fixed > div#right-panel {
    flex: 1;
}

#event-overview div.fixed > div#right-panel a {
    font-family: 'ProximaNovaBold';
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 0px;
    letter-spacing: 1px;
}

#where-it-is-playing .btn-location-link {
    margin-left: 10px;
    text-transform: none;
    border-radius: 4px;
    color: #888;
    /* letter-spacing: 1px; */
    font-family: ProximaNova;
}

/**
 * SLIDESHOW
 **/

#slideshow img.close-slideshow {
    z-index: 10001;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 50px;
    cursor: pointer;
}

#slideshow .photo-container {
    /*max-width: 1046px;*/
    color: #fff;
    height: 650px;
    max-height: 650px;
    padding: 0 15px;
    margin: 0 auto;
}

#slideshow .photo-container .photo-title {
    margin-bottom: 20px;
}

#slideshow .photo-container .photo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    height: 550px;
}

#slideshow .photo-container .photo > img {
    max-height: 100%;
}

#slideshow .photo-container .photo-legend {

}

/*
 * Locations
 */
.location-slide {
    height: 552px;
}

.location-slide-info {
    margin-top: 97px;
    height: 400px;
}

.location-slide-info .favorite {
    margin-top: 33px;
}

.location-breadcrumb {
    padding-top: 15px;
}

.event-detail-slide-info .caption.location-caption {
    /*background-color: #fff;*/
    /*color: #444;*/
    /*!*margin: 150px 0px 0px auto;*!*/
    /*padding: 20px;*/
    /*height: 175px;*/
    /*position: absolute;*/
    /*bottom: 50px;*/
    /*right: 0px;*/
    margin-top: 100px;
    text-align: center;
}

.location-caption .location-slide-name {
    display: block;
}

.location-caption .location-slide-venue-info {
    font-size: 17px;
}

/***************************************
               CSS QUERIES
***************************************/
@media only screen and (max-width: 1200px) {
    .arrowLeft, .arrowRight {
        display: none;
    }
}

@media only screen and (max-width: 1000px) {
    #header .social {
        display: none;
    }
}

@media only screen and (max-width: 950px) {
    #cover > .nav {
        text-align: center;
        width: 100%;
        top: 590px;
        left: 0;
    }

    #freeTickets .readMore {
        right: 16px;
    }

    #freeTickets .mark {
        right: 43px;
    }
}

@media only screen and (max-width: 850px) {
    #freeTickets .readMore {
        display: none;
    }

    #freeTickets .mark {
        display: none;
    }
}

@media only screen and (max-width: 750px) {
    #freeTickets > div:nth-child(1) {
        display: none;
    }

    #freeTickets > div:nth-child(2) {
        flex: 1;
    }
}

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

    .mobile-hidden {
        display: none;
    }

    .mobile-shown {
        display: block;
    }

    #header {
        position: absolute;
        height: 58px;
    }

    #header > .top > .fixed {
        padding-left: 0px;
    }

    #header .pin {
        display: none;
    }

    #header > .top {
        border: 0;
    }

    #header > .top .brand {
        display: block;
        float: none;
        margin: 0px auto;
        padding-top: 10px;
    }

    #header > .top .authenticate {
        position: absolute;
        top: 0px;
        right: 3px;
    }

    #header > .top .authenticate > span:nth-child(1) {
        font-size: 15px;
        border: 2px solid;
        padding: 5px 7px;
    }

    #header > .top .authenticate > span:nth-child(2), #header > .top .authenticate > span:nth-child(3) {
        display: none;
    }

    #header .user {
        position: absolute;
        top: -8px;
        right: 2px;
    }

    #header .user > div {
        border: 0;
    }

    #header .user > div:last-child {
        display: none;
    }

    #header > .bottom {
        display: none;
    }

    .slide {
        height: 460px;
    }

    #cover .header {
        margin-top: 60px;
        margin-bottom: 5px;
    }

    #cover .caption {
        font-size: 28px;
        padding: 50px 50px 10px 50px;
    }

    #cover .cat,
    #cover .where,
    #cover .mark {
        display: none;
    }

    #cover .nav {
        /*top: 420px;*/
        top: 415px;
    }

    #searchBar {
        display: none;
    }

    #moto {
        font-size: 21px;
        margin-top: 35px;
    }

    #dateMark,
    #dates,
    #events > .options {
        display: none;
    }

    .sectionTitle {
        /*margin-top: 60px;*/
    }

    #eventsResults {
        text-align: left;
        margin-bottom: 0px;
    }

    .fixed {
        padding-right: 0;
    }

    .fixed.mpr15 {
        padding-right: 15px;
    }

    .exploreAllMark {
        width: 65px;
        height: 2px;
        margin-top: 24px;
    }

    #events {
        overflow: hidden;
    }

    #events > .sectionTitle {
        margin-bottom: 15px;
    }

    #eventsContainer {
        /*height: 400px !important;*/
        /*overflow-y: hidden;*/
        /*margin: 0;*/
    }

    #eventsContainer .event {
        margin-right: 15px;
    }

    #myEvents > .sectionTitle,
    #myEvents > .eventAdd {
        display: none;
    }

    #artists {
        overflow: hidden;
    }

    #artistsContainer {
        height: 340px !important;
        overflow-y: hidden;
        margin-left: 0;
    }

    #artistsContainer .artist {
        margin-right: 15px;
    }

    #artists > .amount {
        display: none;
    }

    #exploreSections,
    #subscribe,
    #followUs {
        display: none !important;
    }

    #freeTickets {
        flex-direction: column;
        margin: 0px 15px 60px 0;
    }

    #freeTickets > div:first-child {
        display: block;
        height: 95px;
        border: 2px solid #e5e5e5;
        padding: 17px 0 0 19px;
        /*margin: 0 0 54px 0;*/
    }

    #freeTickets > div:first-child > .caption {
        font-size: 15px;
    }

    #freeTickets > div:first-child > .readMore {
        display: block;
        font-size: 12px;
        bottom: 38px;
    }

    #freeTickets > div:last-child {
        flex: 1;
        width: auto;
        height: 100px;
    }

    #footerContainer {
        padding: 35px 15px 35px 0;
    }

    #footerContainer > .panel2 > .header {
        font-size: 20px;
        line-height: 25px;
    }

    #footerContainer > .panel2 > .header > span {
        font-size: 15px;
    }

    #footer .panel1 {
        display: none;
    }

    #footer .panel2 {
        width: 100%;
    }

    #info {
        font-size: 14px;
        height: auto;
    }

    #info > .fixed {
        text-align: center;
        padding: 0;
    }

    #info > .fixed > div:first-child {
        /*float: none !important;*/
        /*line-height: 38px;*/
        display: block;
        width: 100%;
        height: 35px;
        padding: 0px 15px;
    }

    #info > .fixed > div:first-child > div {
        display: inline;
        float: none !important;
        margin: 0 15px !important;
    }

    #info > .fixed > div:nth-child(2) {
        display: none;
    }

    #footerBrand {
        display: block;
        /*height: 50px;*/
        height: 75px;
        /*double scroll on uncomment*/
        margin: 10px auto 10px auto;
    }

    #mobileCategories {
        display: block;
    }

    .slide .container2 {
        display: none;
    }

    .slide .favorite {
        position: absolute;
        top: 65px;
        right: 16px;
    }

    #eventsResults {
        visibility: hidden;
        height: 0px;
    }

    #mobileSearchBar {
        display: flex;
    }

    #mobileSlideHeader {
        display: block;
    }

    #burgerMenuBtn {
        display: block;
    }

    #mobileSlideHeader > .category {
        /*In order not to overlap the heart*/
        padding-right: 80px;
    }

    #mobileSlideHeader > .category {
        max-height: 44px;
        overflow: hidden;
    }

    #mobileSlideHeader > .date_to {
        font-family: ProximaNovaBold;
        font-size: 12px;
        top: 115px;
    }

    #mobileSlideHeader > .markE {
        top: 140px;
    }

    /* ------------------- */
    /* Event List Mobile */
    /* ------------------- */
    /*.event-list-tab-content #eventListTileContainer {*/
    /*display: none !important;*/
    /*}*/
    /*.event-list-tab-content #scrollEvents {*/
    /*display: block !important;*/
    /*}*/
    /* ------------------- */
    /* Event Detail Mobile */
    /* ------------------- */
    .event-detail-slide-info {
        margin-top: 50px;
    }

    .event-detail-slide-info .event-detail-breadcrumb > span {
        /*display: none;*/
    }

    .event-detail-slide-info .event-detail-breadcrumb > .favorite {
        top: 15px;
    }

    .event-detail-slide-info .event-detail-primary-category {
        color: #fff !important;
    }

    #cover .event-detail-slide-info .caption {
        padding: 10px 20px 10px 10px;
    }

    #cover #sectionBar {
        display: none;
    }

    #event-overview {
        padding: 20px 0px;
    }

    #event-overview div.fixed {
        flex-flow: column wrap;
    }

    #event-overview div.fixed > div#left-panel {
        order: 3;
    }

    #event-overview div.fixed > div#center-panel {
        order: 1;
        margin-bottom: 25px;
    }

    #event-overview div.fixed > div#right-panel {
        order: 2;
        margin-bottom: 25px;
    }

    .tagBox {
        display: inline;
    }

    #event-overview div.fixed > div#center-panel .event-title {
        font-size: 30px;
    }

    #slideshow .photo-container {
        height: auto;
        min-height: 300px;
    }

    #slideshow .photo-container .photo {
        height: auto;
    }

    #slideshow .photo-container .photo > img {
        width: 100%;
    }

    .popupBox > .slideshow-box {
        padding: 25px 0px;
    }

    #slideshow img.close-slideshow {
        top: 10px;
        right: 10px;
        width: 40px;
    }

    div#full-timetable-container table.table-location-dates-collapse-table td:first-child,
    div#full-timetable-container table.table-location-dates-collapse-table td:nth-child(2) {
        width: 33%;
    }

    /*
     *  My Profile
     */
    .user-info-black {
        padding-left: 15px;
        padding-right: 30px;
        padding-top: 75px;
    }

    #check-in-check-out-dates {
        padding-left: 15px;
        padding-right: 30px;
        padding-top: 75px;
    }
}