.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both;
}

.display-block {
    display: block;
}

.overflow-auto {
    overflow: auto;
}

html, body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    background-color: #000000;
    font-weight: normal;
    color: #EDEDED;
    scrollbar-face-color:#923933;
    scrollbar-arrow-color:#000000;
    scrollbar-track-color:#000000;
    scrollbar-shadow-color:rgb(0,0,0);
    scrollbar-highlight-color:rgb(0,0,0);
    scrollbar-3dlight-color:#923933;
    scrollbar-darkshadow-Color:#923933;
    overflow-y: auto;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color:#000000;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    cursor:pointer;
    background-color:#923933;
}

html, hmtl a {
    width:100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: 'Open Sans', sans-serif;
}


div, ul, li {
    position: relative;
}


ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}


img.fullSize {
    width: 100%;
    height: auto;
    max-width: inherit;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

a {
    color: #923933;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    -ms-transition: all 0.75s;
    transition: all 0.75s;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #ffffff;
}

p {
    line-height: 1.4em;
    margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-weight:300;
    font-family: 'Dosis', sans-serif;
}

h1{
    font-size:40px;
}

h2{
    font-size:36px;
}

h3{
    font-size:24px;
}

h4{
    font-size:20px;
}

h5{
    font-size:18px;
}

h6{
    font-size:16px;
}

.color {
    color: #923933;
}

.white {
    color: #ffffff;
}

.colormail {
    color: #923933;
	font-size:12px;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #555555;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.remove-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.margin-5 {
    margin-bottom: 5px;
}

.margin-10 {
    margin-bottom: 10px;
}

.remove-margin {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.gradient {
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,1) 35%, rgba(43,43,43,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(35%,rgba(0,0,0,1)), color-stop(100%,rgba(43,43,43,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,1) 35%,rgba(43,43,43,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(0,0,0,1) 35%,rgba(43,43,43,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(0,0,0,1) 35%,rgba(43,43,43,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(0,0,0,1) 35%,rgba(43,43,43,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2b2b2b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient.top {
    background: rgb(43,43,43); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(43,43,43,1) 0%, rgba(0,0,0,1) 57%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(43,43,43,1)), color-stop(57%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(43,43,43,1) 0%,rgba(0,0,0,1) 57%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(43,43,43,1) 0%,rgba(0,0,0,1) 57%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(43,43,43,1) 0%,rgba(0,0,0,1) 57%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(43,43,43,1) 0%,rgba(0,0,0,1) 57%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.gradient-bottom {
    background: #0e0e0e; /* Old browsers */
    background: -moz-linear-gradient(top,  #0e0e0e 0%, #262626 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e0e0e), color-stop(100%,#262626)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0e0e0e 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0e0e0e 0%,#262626 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0e0e0e 0%,#262626 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0e0e0e 0%,#262626 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
}

.upper-case {
    text-transform: uppercase;
}

.bg-transparent {
    background-color: rgba(0,0,0,.9);
}

#site {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.activity {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: #000000;

}

.activity.bg {
    background-image: url(../img/bg.jpg);
}

#site {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 90px;
    width: 100%;
    overflow: hidden;
}

.activity {
    position: absolute;
    width: 100%;
    height: 100%;
}

.activity > .center  {
    position: absolute;
    width: 100%;
    top: 10%;
    bottom: 10%;
}

.activity > .center.small {
    top: 20%;
    bottom: 20%;
}

#site .container-fluid > .row,
.activity > .center .container > .row {
    height: 100%;
}


.activity > .center .container {
    height: 100%;
}

#loader {
    position: fixed;
    width: 20%;
    height: 50px;
    left: 50%;
    margin-left: -10%;
    background-color: #000000;
    background-image: url(../img/page-loader.gif);

    background-position: center;
    background-repeat: no-repeat;
    z-index: 99999;
    display: none;
}

.navbar-default {
    background-color: #000000;
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 65%, rgba(22,22,22,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(65%,rgba(0,0,0,1)), color-stop(100%,rgba(22,22,22,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 65%,rgba(22,22,22,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(0,0,0,1) 65%,rgba(22,22,22,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(0,0,0,1) 65%,rgba(22,22,22,1) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(0,0,0,1) 65%,rgba(22,22,22,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#161616',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-top: #1A1A1A 1px solid;
    border-color: #1A1A1A;
}


.animated {
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    -ms-transition: all 0.75s;
    transition: all 0.75s;
}

.animated.medium {
    -webkit-transition: all 0.45s;
    -moz-transition: all 0.45s;
    -o-transition: all 0.45s;
    -ms-transition: all 0.45s;
    transition: all 0.45s;
}

.animated.fast {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    -ms-transition: all 0.25s;
    transition: all 0.25s;
}

.nav > li > a {
    font-family: 'Dosis', sans-serif;
    font-weight: normal;
    padding-top: 35px;
    padding-bottom: 35px;
    font-weight: 300;
    font-size: 22px;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    -ms-transition: all 0.75s;
    transition: all 0.75s;
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #933A33;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: transparent;
}

.nav {
    margin-bottom: 0px;
    margin-right: 18px;
    list-style: none;
}


.navbar-brand {
    position: relative;
    display: block;
    float: none;
    padding: 0px;
    height: 90px;
    background-size: 75% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/nav-logo.png);
}



.sl-slider-wrapper {
    width: 800px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.sl-slider {
    position: absolute;
    top: 0;
    left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sl-slide {
    z-index: 1;
    display: none;
}

/* The duplicate parts/slices */

.sl-content-slice {
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
    width: 100%;
    height: 50%;
    left: -200px;
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
    top: -200px;
    padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
    top: 50%;
    padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
    width: 50%;
    height: 100%;
    top: -200px;
    -webkit-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    -ms-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
    left: -200px;
    padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
    left: 50%;
    padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
    position: absolute;
}

.sl-content {
    width: 100%;
    height: 100%;
    background: transparent;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
    background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
    background: #ccc;
}
.demo-1 .sl-slider-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.demo-2 .sl-slider-wrapper {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}

.demo-2 .sl-slider h2,
.demo-2 .sl-slider blockquote {
    padding: 100px 30px 10px 30px;
    width: 80%;
    max-width: 960px;
    color: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}

.demo-2 .sl-slider h2 {
    font-size: 100px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.demo-2 .sl-slider blockquote {
    font-size: 28px;
    padding-top: 10px;
    font-weight: 300;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.demo-2 .sl-slider blockquote cite {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding-top: 30px;
    display: inline-block;
}

.demo-2 .bg-img {
    padding: 200px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: -200px;
    left: -200px;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}

/* Custom navigation arrows */

.nav-arrows * {
    position: absolute;
    z-index: 2000;
    top: 50%;
    width: 69px;
    height: 46px;
    text-indent: -90000px;
    margin-top: -40px;
    cursor: pointer;
}

.nav-arrows *:hover {
    border-color: rgba(150,150,150,0.9);
}

.nav-arrows .nav-arrow-prev {
    left: 5%;
    border-right: none;
    border-top: none;
    background-image: url(../img/nav-arrow-prev.png);
}

.nav-arrows .nav-arrow-next {
    right: 5%;
    border-left: none;
    border-bottom: none;
    background-image: url(../img/nav-arrow-next.png);
}

/* Custom navigation dots */

.nav-dots {
    text-align: center;
    position: absolute;
    bottom: 2%;
    height: 30px;
    width: 100%;
    left: 0;
    z-index: 1000;
}

.nav-dots span {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 3px;
    background: #ddd;
    background: rgba(150,150,150,0.4);
    cursor: pointer;
}

.demo-2 .nav-dots span {
    background: rgba(150,150,150,0.1);
    margin: 6px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.demo-2 .nav-dots span.nav-dot-current,
.demo-2 .nav-dots span:hover {
}

.nav-dots span.nav-dot-current:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    background: rgba(255,255,255,0.8);
}


/* Content elements */
.demo-1 .deco {
    width: 260px;
    height: 260px;
    border: 2px dashed #ddd;
    border: 2px dashed rgba(150,150,150,0.4);
    border-radius: 50%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin: 0 0 0 -130px;
}

.demo-1 [data-icon]:after {
    content: attr(data-icon);
    font-family: 'AnimalsNormal';
    color: #999;
    text-shadow: 0 0 1px #999;
    position: absolute;
    width: 220px;
    height: 220px;
    line-height: 220px;
    text-align: center;
    font-size: 100px;
    top: 50%;
    left: 50%;
    margin: -110px 0 0 -110px;
    border-radius: 50%;
}




.demo-1 .sl-slide blockquote {
    padding: 0px;
    margin: 0px;
}

.demo-1 .sl-slide blockquote p{
    margin: 0 auto;
    position: relative;
}

.demo-1 .sl-slide blockquote cite {
    font-size: 10px;
    padding-top: 10px;
    display: inline-block;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 4px;
}

/* Custom background colors for slides in first demo */

/* First Slide */
.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
    background: #fff;
}

/* Second Slide */
.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
    background: #000;
}

.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 h2 {
    color: #fff;
}

.demo-1 .bg-2 blockquote:before {
    color: #222;
}

/* Third Slide */
.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
    background: #db84ad;
}

.demo-1 .bg-3 .deco {
    border-color: #fff;
    border-color: rgba(255,255,255,0.5);
}

.demo-1 .bg-3 [data-icon]:after {
    color: #fff;
    text-shadow: 0 0 1px #fff;

}

.demo-1 .bg-3 h2,
.demo-1 .bg-3 blockquote{
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

.demo-1 .bg-3 blockquote:before {
    color: #c46c96;
}

/* Forth Slide */
.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
    background: #5bc2ce;
}

.demo-1 .bg-4 .deco {
    border-color: #379eaa;
}

.demo-1 .bg-4 [data-icon]:after {
    text-shadow: 0 0 1px #277d87;
    color: #277d87;
}

.demo-1 .bg-4 h2,
.demo-1 .bg-4 blockquote{
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.demo-1 .bg-4 blockquote:before {
    color: #379eaa;
}

/* Fifth Slide */
.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
    background: #ffeb41;
}

.demo-1 .bg-5 .deco {
    border-color: #ECD82C;
}

.demo-1 .bg-5 .deco:after {
    color: #000;
    text-shadow: 0 0 1px #000;
}

.demo-1 .bg-5 h2,
.demo-1 .bg-5 blockquote{
    color: #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.demo-1 .bg-5 blockquote:before {
    color: #ecd82c;
}

.demo-2 .bg-img-1 {
    background-image: url(../images/1.jpg);
}
.demo-2 .bg-img-2 {
    background-image: url(../images/2.jpg);
}
.demo-2 .bg-img-3 {
    background-image: url(../images/3.jpg);
}
.demo-2 .bg-img-4 {
    background-image: url(../images/4.jpg);
}
.demo-2 .bg-img-5 {
    background-image: url(../images/5.jpg);
}

/* Animations for content elements */

.sl-trans-elems .deco{
    -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
    -webkit-animation: moveUp 1s ease-in-out both;
    -moz-animation: moveUp 1s ease-in-out both;
    -o-animation: moveUp 1s ease-in-out both;
    -ms-animation: moveUp 1s ease-in-out both;
    animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
    -webkit-animation: fadeIn 0.5s linear 0.5s both;
    -moz-animation: fadeIn 0.5s linear 0.5s both;
    -o-animation: fadeIn 0.5s linear 0.5s both;
    -ms-animation: fadeIn 0.5s linear 0.5s both;
    animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
    -webkit-animation: scaleDown 1s ease-in-out both;
    -moz-animation: scaleDown 1s ease-in-out both;
    -o-animation: scaleDown 1s ease-in-out both;
    -ms-animation: scaleDown 1s ease-in-out both;
    animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
    -webkit-animation: fadeOut 1s ease-in-out both;
    -moz-animation: fadeOut 1s ease-in-out both;
    -o-animation: fadeOut 1s ease-in-out both;
    -ms-animation: fadeOut 1s ease-in-out both;
    animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
    -webkit-animation: fadeOut 1s linear both;
    -moz-animation: fadeOut 1s linear both;
    -o-animation: fadeOut 1s linear both;
    -ms-animation: fadeOut 1s linear both;
    animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
    0% {-webkit-transform: translateX(500px) rotate(360deg);}
    100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
    0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
    100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
    0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
    100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
    0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
    100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
    0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
    100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
    0% {-webkit-transform: translateY(40px);}
    100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
    0% {-moz-transform: translateY(40px);}
    100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
    0% {-o-transform: translateY(40px);}
    100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
    0% {-ms-transform: translateY(40px);}
    100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
    0% {transform: translateY(40px);}
    100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
    0% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
    0% {-moz-transform: scale(1);}
    100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
    0% {-o-transform: scale(1);}
    100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
    0% {-ms-transform: scale(1);}
    100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
    0% {transform: scale(1);}
    100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@-o-keyframes fadeOut{
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeOut{
    0% {opacity: 1;}
    100% {opacity: 0;}
}


/* Media Queries for custom slider */

@media screen and (max-width: 660px) {
    .demo-1 .deco {
        width: 130px;
        height: 130px;
        margin-left: -65px;
        margin-bottom: 50px;
    }

    .demo-1 [data-icon]:after {
        width: 110px;
        height: 110px;
        line-height: 110px;
        font-size: 40px;
        margin: -55px 0 0 -55px;
    }

    .demo-1 .sl-slide blockquote {
        margin-bottom: -120px;
    }

    .demo-1 .sl-slide h2 {
        line-height: 22px;
        font-size: 18px;
        margin-bottom: -40px;
        letter-spacing: 8px;
    }

    .demo-1 .sl-slide blockquote p:before {
        line-height: 10px;
        width: 40px;
        height: 40px;
        font-size: 120px;
        left: -45px;
    }

    .demo-2 .sl-slider-wrapper {
        height: 500px;
    }

    .demo-2 .sl-slider h2 {
        font-size: 36px;
    }

    .demo-2 .sl-slider blockquote {
        font-size: 16px;
    }

}

.demo-1 {
    position: absolute;
    width: 100%;
    height: 100%;
}

#mobile-open {
    position: absolute;
    right: 10px;
    top: 10px;
}

.home-event-infos {
    position:absolute;
    top:20%;
    right:6%;
    padding:3px;
    width:510px;
    padding:10px;
    /*background-image:url(../images/black-bg.png);*/
}

.home-event-infos > h2 {
    background-color: #000;
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 25px;
    font-weight: normal;
    line-height: 25px;
    padding: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 228px;
}

.home-event-infos h1 {
    line-height:normal;
    font-weight:normal;
    text-transform:uppercase;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.home-event-infos h1 > a:link,
.home-event-infos h1 > a:visited {
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
}

.home-event-infos p {
    padding:0px;
    padding-left:10px;
    margin:0px;
    font-size:14px;
    color:#000;
    padding-left: 0px;
    line-height: normal;
}


.home-event-infos blockquote {
    line-height: normal;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-left: none;

}

.home-event-infos span.white {
    color: #ffffff;
}

.home-event-infos span.black {
    color: #000000;
}

.events-list .event .bottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000000;
    border-left: #923933 0px solid;
    min-height: 120px;
}

.events-list .teaser {
    position: absolute;
    width: 100%;
    padding: 10px;
    background-color: rgba(0,0,0,.8);
    color: #ffffff;
    font-size: 12px;
    bottom: -100%;
    left: 0px;
    opacity: 1;
}

.events-list .event span {
    display: block;
}

.events-list .event .bottom .date {
    font-family: 'Dosis', sans-serif;
	font-size: 18px;
}

.events-list .event .bottom .headline {
    font-size: 26px;
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    color: #ffffff;
}

.events-list .event {
    border-left: #000000 2px solid;
    border-right: #000000 2px solid;
    border-bottom: #000000 4px solid;
    border-top: #000000 4px solid;
    overflow: hidden;
}


.events-list .event a {
    position: relative;
    height: 100%;
    width: 100%;
}

.events-list .event a:hover .bottom {
    border-left: #923933 8px solid;
}

.events-list .event a:hover .headline {
    color: #923933;
}

.events-list .event a:hover .date {
    color: #ffffff;
}

.events-list .event a:hover .teaser {
    bottom: 120px;
    opacity: 1;
}

.events-list .event .image {
    height: 100%;
    background-size: cover;
    opacity: 0.2;
    background-position: center top;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);

    -ms-transform-origin: top center;
    -webkit-transform-origin:  top center;
    transform-origin:  top center;
}

.events-list .event a:hover .image {
    opacity: 1;
    -webkit-transform: scale(1.00);
    -moz-transform: scale(1.00);
    -ms-transform: scale(1.00);
    -o-transform: scale(1.00);
    transform: scale(1.00);
}



#navi {
    position: fixed;
    bottom: 0px;
    top: inherit;
    height: 90px;
}

.navbar {
    margin-bottom: 0px;
}

#mobile-open {
    display: none;
}


#navi .navbar-header {
    width: 300px;
    height: 90px;
}

.full-height-list > div {
    position: relative;
    height: 100%;
}


.full-height-list .full {
    position: relative;
    height: 100%;
    border: #131304 1px solid;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.6);
    box-shadow: 0 0 5px 2px rgba(0,0,0,.6);
}


.full-height-list .half {
    position: relative;
    height: 48%;
    margin-bottom: 2%;
    border: #131304 1px solid;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.6);
    box-shadow: 0 0 5px 2px rgba(0,0,0,.6);
}

.full-height-list .half:last-child {
    height: 50%;
    margin-bottom: 0%;
}

.event-detail > .row > div {
    position: relative;
    height: 100%;
}

.event-detail .image,
.event-detail .video,
.event-detail .video > div {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.event-detail .video iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.event-detail .video h4 {
    display: none;
}

.event-detail .col-md-3 {
    border-left: #1A1A1A 1px solid;
}

.event-text {
    padding-top: 70px;
    padding-bottom: 70px;
    height: 100%;
    overflow: auto;
    color: #9e9e9e;
}

.corner-after:after {
    position: absolute;
    display: block;
    content: '';
    width: 17px;
    height: 25px;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    background-image: url(../img/corner.png);
}

#last-news {
    position: fixed;
    width: 250px;
    height: 25px;
    left: 0px;
    top: 0px;
    z-index: 9999;
    border: #232323 1px solid;
}

#like-music-player {
    position: fixed;
    width: 582px;
    height: 35px;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(../img/musicplay-like.png);
}

#music-player {
    overflow: hidden;
    padding-top: 5px;

}

#like-button {
    width: 500px;
    padding-top: 5px;
    padding-left: 55px;
    overflow: hidden;
    float: left;
}



.jp-gui div,
.jp-gui ul,
.jp-gui li {
    display: inline-block;
    position: relative;
}

.jp-progress {
    width: 50px;
    height: 10px;
    padding-top: 1px;
}

.jp-seek-bar {
    background-color: #111111;
}

.jp-play-bar,
.jp-seek-bar {
    position: absolute !important;
    display: block;
    height: 100%;
    width: 100%;
}

.jp-play-bar {
    background-color: #8CC7D9;
}

.jp-playlist {
    display: none;
}

.jp-title {
    display: inline-block !important;
}

.jp-controls a {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.jp-volume-bar,
.jp-current-time,
.jp-duration,
.jp-progress {
    display: none;
}

#home-news {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 400px;
    background-color: #000000;
    color: #000000;
    border: #232323 1px solid;
    box-shadow: 0px 0px 10px rgba(0,0,0,.4);
}

#home-news .text {
    color: #ffffff;
    font-size: 12px;
}

#home-news ul {
    padding: 10px;
}

#home-news .colorzep {
    margin-bottom: 0px;
}

#home-news .image {
    padding: 0px;
    margin-bottom: 5px;
}

#home-news img {
    max-width: 100%;
    background-color: #84807F;
    padding: 2px;
}

#home-news > h1 {
    font-size: 18px;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #923933;
    color: #fff;
}


#home-news .headline {
    font-size: 16px;
    display: block;
}

#home-news a:hover {
    color: #84807F;
}


#news-close {
    position: absolute;
    display: block;
    right: -35px;
    top: 0px;
    width: 35px;
    height: 35px;
    font-size: 24px;
    text-align: center;
}

.fb-attending {
    border: #232323 1px solid;
}

.fb-attending .pointer {
    display: block;
    position: absolute;
    width: 15px;
    height: 100%;
    top: 0%;
    right: 0px;
    z-index: 99;
    background-color: #923933;
    text-align: center;
}

.btn-custom {
    display: block;
    margin-bottom: 0;
    padding: 8px 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #923933 !important;
    color: #ffffff;
    vertical-align: middle;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    border: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.btn-custom:hover {
    background-color: #ffffff;
    color: #923933;
}


.chart-large {
    text-align: center;
}

.dropdown-menu {
    display: none;
    top: 0%;
    float: none;
    right: auto !important;
    left: auto !important;
    background-color: #1B1B1B;
    border-radius: 0px;
}

.dropdown-menu>li>a {
    color: #9e9e9e;
    font-family: 'Dosis', sans-serif;
}

.dropdown-menu>li>a:hover {
    background-color: #923933;

}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #9e9e9e;
    background-color: #923933;
}

.two-col-image {
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 5px;
    right: 5px;
    background-size: cover;
    background-position: center;
}


/* ==================================================
   Margin Bottom Sets
================================================== */

.margin-0{
    margin-bottom:0 !important;
}


.margin-5 {
    margin-bottom: 5px;
}

.margin-10{
    margin-bottom:10px !important;
}

.margin-15{
    margin-bottom:15px !important;
}

.margin-20{
    margin-bottom:20px !important;
}

.margin-30{
    margin-bottom:30px !important;
}

.margin-40{
    margin-bottom:40px !important;
}

.margin-50{
    margin-bottom:50px !important;
}

.margin-60{
    margin-bottom:60px !important;
}

.margin-70{
    margin-bottom:70px !important;
}

.margin-80{
    margin-bottom:80px !important;
}

.no-padding {
    padding: 0px !important;
}

.padding-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-25 {
    padding-left: 25px;
    padding-right: 25px;
}

input, textarea {
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    -ms-transition: all 0.75s;
    transition: all 0.75s;
    background-color: #222222;
    padding: 10px;
    color: #FFFFFF;
    border: none;
}


input:focus, textarea:focus {
    background-color: #787878;
    color: #000000;
    border: #923933 1px solid;
}

.btn-primary {
    color: #fff;
    background-color: #923933;
    border-color: #762F29;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    -ms-transition: all 0.75s;
    transition: all 0.75s;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #BA4A41;
    border-color: #762F29;
}

#map_canvas {
    position: relative;
    height: 100%;
}

.sub-page a {
    display: block;
    position: relative;
    width: 100%;
    top: 0px;
    bottom: 0px;
    text-align: center;
}

.sub-page span {
    display: block;
}

.sub-page .headline {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Dosis', sans-serif;
}

.sub-page .description {
    margin-bottom: 50px;
    color: #666666;
}

.sub-page .icon {
    font-size: 120px;
    color: #666666;
    text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
}

#location-list .first.full-height-list {
    height: 60%;
}

#location-list .odd.full-height-list {
    height: 38%;
    margin-top: 2%;
}

#location-list .image {

}

#location-list a,
#location-list .image {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#location-list a .image {
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    -ms-transition: all 0.75s;
    transition: all 0.75s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    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");
}

#location-list a:hover .image {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    filter: none;
}

.hover-layer {
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    -ms-transition: all 0.75s;
    transition: all 0.75s;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #ffffff;
    opacity: 0;
}

.hover-sacle {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    -ms-transition: all 0.25s;
    transition: all 0.25s;

    transform: scale(1.0,1.0);
    -ms-transform: scale(1.0,1.0); /* IE 9 */
    -webkit-transform: scale(1.0,1.0); /* Chrome, Safari, Opera */
    transform: scale(1.0,1.0);
}

.hover-sacle:hover {
    -ms-transform: scale(1.03,1.03); /* IE 9 */
    -webkit-transform: scale(1.03,1.03); /* Chrome, Safari, Opera */
    transform: scale(1.03,1.03);
}

.hover-glow:hover .hover-layer {
    opacity: .1;
}

#location-image-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    -ms-transition: all 0.75s;
    transition: all 0.75s;
    opacity: 0;
    background-position: center;
    background-size: cover;
}

#location-image-loader.visible {
    opacity: 1;
}

.area > .row > div {
    position: relative;
    height: 100%;
}


.area .image {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.area .logo {
    text-align: center;
}

.area .description {
    text-align: justify;
}

.table-striped-dark,
.table-striped-dark tr,
.table-striped-dark td {
    border-top: none;
}


.table-striped-dark tbody tr:nth-child(odd) {
    background-color: #252525;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0px solid #ddd;
}



#gallery-list > h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -70px;
    text-transform: uppercase;
    color: #7B7A78;
    text-align: center;
    font-size: 30px;
    text-shadow: 1px 1px black;
}


#gallery-list .row {
    height: 23%;
    margin-top: 5px;
}

#gallery-list .gallery {
    height: 100%;
}


#gallery-list .gallery div {
    position: relative;
    height: 100%;
}

#gallery-list .gallery a {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
}


#gallery-list .col-md-3 {
    padding-left: 3px;
    padding-right: 3px;
}

#gallery-list .gallery a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    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");
}

#gallery-list .gallery a .bottom {
    font-family: 'Dosis', sans-serif;
    position: absolute;
    bottom: -5px;
    width: 108%;
    left: -4%;
    border: #0D0D0D 1px solid;
    -webkit-box-shadow: 0px -5px 21px -5px rgba(0,0,0,0.63);
    -moz-box-shadow: 0px -5px 21px -5px rgba(0,0,0,0.63);
    box-shadow: 0px -5px 21px -5px rgba(0,0,0,0.63);
}

#gallery-list .gallery a .bottom .headline {
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: 300;
    line-height: 30px;
}

#gallery-list .gallery a .bottom .date {
    position: absolute;
    top: -18px;
    font-size: 14px;
    left: 4%;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: rgba(0,0,0,.9);
}

#gallery-list .gallery a:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    filter: none;
}

#fotoSerie a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    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");
}

#fotoSerie a:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    filter: none;
}


#fotoSerie .date {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 24px;
}

#fotoSerie .date .headline {
    font-weight: 800;
    color: #923933;
}


#fotoSerie .date .day,
#fotoSerie .date .month,
#fotoSerie .date .year {
    font-weight: 300;
}

#fotos-mon-list {
    position: absolute;
    width: 90%;
    height: 60px;
    left: 5%;
    bottom: -60px;
    overflow: hidden;
    font-family: 'Dosis', sans-serif;
}


#fotos-mon-list .swiper-slide div,
#video-list .swiper-slide div{
    height: 100%;
}

#fotos-mon-list a,
#video-list a{
    display: block;
    height: 100%;
}

#fotos-mon-list a,
#video-list a{
    background-color: transparent;
    background-image: url(../img/glow-stroke.png);
    background-position: right center;
    background-repeat: no-repeat;
}

#video-list a {
    padding-top: 10px;
    overflow: hidden;
}

#fotos-mon-list a .month {
    font-size: 300;
    padding-top: 5px;
}

#fotos-mon-list a .month,
#fotos-mon-list a .year {
    display: block;
    color: #9D9D9D;
}


#video-player {
    position: relative;
    height: 88%;
    border: #000000 1px solid;
    -webkit-box-shadow: 0px -5px 21px -5px rgba(0,0,0,0.63);
    -moz-box-shadow: 0px -5px 21px -5px rgba(0,0,0,0.63);
    box-shadow: 0px -5px 21px -5px rgba(0,0,0,0.63);
}

#video-list {
    position: relative;
    height: 12%;
    margin-top: 1%;
}


#video-player iframe {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
}

.booking-location-lounges {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.booking-lounge {
    position: absolute;
}

.booking-lounge .info {
    display: none;
}

.booking-lounge a {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: -10px;
    margin-top: -10px;
}


.booking-lounge.status-2 a{
    background-color: #4f4f4f;
}

.booking-lounge.status-3 a {
    background-color: #ee162d;
}

.booking-lounge.status-1 a {
    background-color: #009926;
}

.booking-lounge.status-4 a {
    background-color: #ffeb41;
}

.booking-lounge .info {
    display: none;
    position: absolute;
    left: 10px;
    top: -40px;
    width: 200px;
    padding: 10px;
    background-color: #111111;
    z-index: 999;
}

.booking-lounge .info span {
    display: block;
}

.booking-lounge a:hover .info {
    display: block;
}

.vip .swiper-pagination {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.vip .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin-left: 3px;
    margin-right: 3px;
}

.vip .col-md-2 {
    border-left: #333333 1px solid;
    height: 100%;
}

.vip .container-fluid {
    position: relative;
    height: 100%;
}

.vip .container-fluid > div {
    position: relative;
    height: 100%;
}

#bookFrom td {
    padding-bottom: 5px;
}


#vip-upcoming {
    max-height: 30%;
    overflow: auto;
}

#vip-upcoming a {
    font-size: 14px;
    padding-top: 3px;
    padding-left: 15px;
    padding-bottom: 3px;
    margin-bottom: 3px;
    background-color: #923933;
    color: #ffffff;
}

#vip-upcoming a.selected,
#vip-upcoming a:hover {
    background-color: #ffffff;
    color: #923933;
}

span.vip-date {
    display: block;
    position: absolute;
    left: 0px;
    top: 5%;
    padding: 10px;
    z-index: 88;
    font-size: 36px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 300;
    font-family: 'Dosis', sans-serif;
}

.vip-location-list {
    text-align: center;
    margin-top: 10px;
}

.vip-location-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: #232323 1px solid;
    opacity: .3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    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");
}

.vip-location-list li:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    filter: none;
}

.vip-location-list li:last-child {
    border-bottom: #232323 1px solid;
}

#mobile-open {
    position: fixed;
    z-index: 9999;
    font-size: 24px;
    padding: 5px;
    background-color: #000000;
    left: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    top: 5px;
    display: none;
}

.mobile-page-header {
    padding-top: 30px;
}

.mobile-page-header span {
    display: block;
}

#home-slider-row {
    height: 100% !important;
}

#eventDetailText {
    font-family: Arial, Helvetica, sans-serif;
    color: #CCC;
    font-size: 14px;
}

.form-control {
	color: #ffffff !important;
	background-color: #000000 !important;
}

.button, .input, .select, .textarea {
	color: #ffffff !important;
	background-color: #000000;
}

.vip-location-image {
    position: relative;
    display: block;
}