@charset "UTF-8";

/* CSS Document */

header
,nav
,section
,article
,aside
,footer
,hgroup 
{ 
position:relative;
display: block;
}

body {
	font-family: 'Ubuntu', sans-serif;
	line-height:2em;
	color:#333;
}

h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:none;
	color:inherit;
}
h1, h2, h3, h4, h5 {
	font-family:'Teko';
	color:#3c464b;
}
h1 {

}
h1 bar {
	display:block;
	height:5px; width:75px;
	background-color:#d5075e;
	margin-top:10px;
}

img {
	max-width:100%;
	height:auto !important;
}

section.head {
	height:10vw;
	position:relative;
	overflow:hidden;
	background-color:#333;
	-moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.8), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.8);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.8), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.8);
     box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,0.8), 
                        inset  0 -8px 8px -8px rgba(0,0,0,0.8);
	z-index:3;
}
section.head .background {
	width:100%; height:30vw;
	top:0; left:0;
	position:absolute;
	background-position:center center;
	background-size:cover;
	
}


.navbar {
	background-color:rgba(255,255,255,0.86);
	/*background-image:url('../img/menuBack.jpg');
	background-size:cover;
	background-position:center top;*/
	color:#FFF;
	border-bottom:0;
	box-shadow:0px 0px 30px rgba(0,0,0,0.2);
}
.navbar-default .navbar-nav > li > a {
	font-family:'Teko';
    color: #333;
	text-transform:uppercase;
	font-size:18px;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #FFF;
}
.navbar-brand {
	font-family:'Teko';
	background-color:transparent;
	color:#333;
	font-size:25px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
}
.navbar-brand:hover {
	background-color:#FFF !important;
}
.navbar-brand img {
	width:90px; height:auto;
}
.navbar-default .navbar-nav > li > a {
	padding-top:23px;
	padding-bottom:10px;
}
.navbar-default .navbar-nav > li.langChoose > a {
	ladding-left:3px; padding-right:3px;
}
.navbar-default .navbar-nav > li.langChoose > a > img {
	width:25px; height:auto;
	display:block;
}
.navbar-text {
	font-family:'Teko';
	color:#FFF !important;
	font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
	margin-top:10px;
	margin-bottom:0px;
}
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

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

footer {
	padding:0 0 20px 0;
	background-color:#FFF;
	color:#333;
	font-size:12px;
	line-height:18px;
}
footer h1, footer h2, footer h3, footer h4 {
	color:#FFF;
}
footer a {
	color:inherit;
}
footer a:hover {
	color:inherit;
}

nav + * {

}
nav + .carousel {
	
}

.table > tfoot > tr:first-child > td {
    border-top: 2px solid #ddd;
}
.table > tfoot {
	font-weight:bold;
}

.highpad {
	padding:20px 0 0 0;
}

.btn-noradius {
	border-radius:0;
}
.btn-greyout {
	color:#333;
	border:2px solid #333;
}
.weather {
	background-color:#54a91b;
	color:#FFF;
	text-align:center;
	padding:15px 0;
}



#map {
	margin-bottom:60px;
}
.locationVideo {
	position:absolute;
	left:20px; top:20px;
	z-index:3000;
	box-shadow:0px 0px 10px rgba(0,0,0,0.7);
}



/*Newsletter*/
.subscribeForm input {
	border-radius:0;
	border-left:0;
}
.subscribeForm .form-group:first-child input {
	border-left:1px #ccc solid;
}


/*Partner*/
.partner {
	position:relative;
	height:100px;
}
.partner img {
	max-width:90%; max-height:90%;
	width:auto; height:auto;
	transition:all 0.15s;
}
.partner:hover img {
	transform:scale(1.1);
}

/*artistItem*/
.artistItem {
	text-align:center;
	cursor:pointer;
	transition:all 0.15s;
}
.artistItem:hover {
	text-align:center;
	transform:scale(1.1);
}
.artistItem .photo {
	max-width:70%;
	display:inline-block;
}
.artistSpecsRow {
	text-transform:uppercase;
	line-height:normal;
	margin-bottom:15px;
}
.artistSpecsRow > div {
	border-left:1px solid #efefef;
}

/*eventItem*/
.eventItem {
	height:250px;
	position:relative;
	cursor:pointer;
}
.eventItem .eventContent {
	position:absolute;
	width:100%; height:100%;
	background-color:#333;
}
.eventItem .eventContent .gradient {
	position:absolute; left:0; bottom:0;
	width:100%; height:100px;
	background-image:url('../img/gradient.png');
	background-size:100% 100%;
	z-index:2;
}
.eventItem .eventContent .photo {
	position:absolute; left:0; bottom:0;
	width:100%; height:100%;
	z-index:1;
	background-color:#333;
	background-size:cover;
	background-position:center center;
}
.eventItem .eventContent .info {
	position:absolute; left:0; bottom:0;
	width:100%; padding:15px;
	box-sizing:border-box;
	z-index:3;
	color:#FFF;
	line-height:normal;
}
.eventItem .eventContent .info .title {
	font-size:17px;
}
.eventItem .eventContent .info .subtitle {
	font-size:15px;
	font-weight:100;
}
.eventItem .eventContent .info .date {
	font-size:11px;
	font-weight:100;
}


/*News*/
.newsItem {
	background-color:#FFF;
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
	margin:20px;
}
.newsItem .content {
	padding:10px;
}
.newsItem .content p {
	font-size:13px; line-height:18px;
}

.owl-nav {
	position:relative;
}
.owl-nav > div {
	position:absolute;
	top:100px;
}
.owl-prev {
	left:-50px;
}
.owl-next {
	right:-50px;
}

.owl-stage-outer {
	padding:15px 0;
}


/*Masonry*/
/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 20%; }
/* 2 columns */
.grid-item--width2 { width: 40%; }


#gallery {
	line-height:0;
}
#gallery a {
	display:inline-block;
	width:20%;
}
#gallery a div {
	margin:2px;
	box-sizing:content-box;
	display:block;
	overflow:hidden;
	position:relative;
}
#gallery a div .enlarge {
	position:absolute;
	color:#FFF;
	z-index:10;
	left:50%; top:50%;
	margin-left:-25px;
	margin-top:-25px;
	opacity:0;
	transition:all 0.25s;
	transform: scale(2);
}
#gallery a div img {
	transition:all 0.25s;
}
#gallery a:hover div img {
	transform: scale(1.2);
}
#gallery a:hover div .enlarge {
	opacity:1;
	transition:all 0.25s;
	transform: scale(1);
}




iframe.shadow {
	box-shadow:0px 0px 30px rgba(0,0,0,0.2);
	border:10px solid #FFF;
}





/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 40vw;
  margin-bottom: 0px;
}
.carousel.smaller {
  height: 300px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  padding-bottom:20vh;
  bottom:auto;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 40vw;
  background-color: #777;
  background-size:cover;
  background-position:center center;
  text-align:left;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 40vw;
}
.carousel.smaller .item {
	height: 300px;
}

.carousel.smaller .item {
	height: 300px;
}
.carousel-caption {
	text-align:center;
}

.carousel-caption .container {
	width:100%;
}


.carousel-bottom {
	position:absolute;
	left:0;bottom:0;
	width:100%;
	height:60px;
	background-image:url('/img/carousel-bottom.png');
	background-size:100% 100%;
}