@font-face {
    font-family: 'titilliumlight';
    src: url('/style/webfont/Titillium-Light-webfont.eot');
    src: url('/style/webfont/Titillium-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/webfont/Titillium-Light-webfont.woff2') format('woff2'),
         url('/style/webfont/Titillium-Light-webfont.woff') format('woff'),
         url('/style/webfont/Titillium-Light-webfont.ttf') format('truetype'),
         url('/style/webfont/Titillium-Light-webfont.svg#titilliumlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'titilliumregular';
    src: url('/style/webfont/Titillium-Regular-webfont.eot');
    src: url('/style/webfont/Titillium-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/webfont/Titillium-Regular-webfont.woff2') format('woff2'),
         url('/style/webfont/Titillium-Regular-webfont.woff') format('woff'),
         url('/style/webfont/Titillium-Regular-webfont.ttf') format('truetype'),
         url('/style/webfont/Titillium-Regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'icomoon';
	src:url('/style/webfont/icomoon.eot?ac05wb');
	src:url('/style/webfont/icomoon.eot?#iefixac05wb') format('embedded-opentype'),
		url('/style/webfont/icomoon.woff?ac05wb') format('woff'),
		url('/style/webfont/icomoon.ttf?ac05wb') format('truetype'),
		url('/style/webfont/icomoon.svg?ac05wb#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
	content: "\ea8c";
}

.icon-twitter:before {
	content: "\ea91";
}

.icon-youtube:before {
	content: "\ea99";
}

.icon-soundcloud:before {
	content: "\eac4";
}




html {
	height:100%;  
}

body {       
	font-family: 'titilliumregular', sans-serif;
	font-size:13px;
	background: black;
	background-size: cover;
	color: #fffff8;
	line-height: 160%;
	text-align: left;	
	margin: 0;
	padding: 0;
	height:100%;    
	overflow-y: auto; 
	overflow-x: hidden; 
	position: relative; 
	font-family: 'Roboto', sans-serif; 
	min-height: 400px;
} 
 
.videowrapper{
	background: white; 
	height: 230px;
}
@media (max-width: 767px) { 
	div.videowrapper { 
		height: auto;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}
}
.videowrapper p{
	text-align: center;
	color: #42526a;
	margin-top: 15px;
	font-size: 16px;
}
.videowrapper a,
.videowrapper a:focus,
.videowrapper a:visited,
.videowrapper a:active{
	margin-left: 10px;
	color: #42526a;
	text-decoration: none;
  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;
} 
.videowrapper a:hover{
	color: #B1AA98;
	text-decoration: none;
  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;
} 

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; 
  height: 0;
  overflow: hidden;  
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 


.logo { 
	max-width:700px;
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -350px
}

@media (max-width: 767px) { 
	.logo { 
		width: 100%;
		left: 0; 
		margin: 0 0;
	}
}
	
nav{
	display: inline-block;
	margin: 30px	 auto;
	width: 100%;
}


.nav-pills {
	width: 100%;
    text-align:center;
}
.nav-pills>li {
	width: 20%;
	margin:0;
	text-align: center; 
  float:none;
  display:inline-block;
  height: 40px;
}
.nav-pills > li + li {
	margin:0;	 
}
.nav-pills>li.social {
	width: 5%;
}
.nav-pills>li.social>a {
  font-size: 20px;
  height: 40px;
  position: relative;
  top:2px;
}

.nav-pills>li>a,
.nav-pills>li>a:visited,
.nav-pills>li>a:focus,
.nav-pills>li>a:active{
	background: rgba(44,44,44,0.5);
	color: rgba(255,255,255,0.9);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
  font-family: 'titilliumlight';
  text-transform: uppercase;
  font-size: 18px;
  -webkit-transition: all 0.4s ease-out;  -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out;  -ms-transition: all 0.4s ease-out;  transition: all 0.4s ease-out;
 
}
.nav-pills>li>a:hover{
	background: rgba(255,255,255,0.3);
	color: white
  -webkit-transition: all 0.4s ease-out;  -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out;  -ms-transition: all 0.4s ease-out;  transition: all 0.4s ease-out;
} 

@media (max-width: 991px) { 
	
	.nav-pills>li {
		width: 18%; 
	}
	.nav-pills>li.social {
		width: 7%;
	}
}
	
@media (max-width: 767px) { 
	.container {
		position:absolute;
		bottom:0;
		left:0;
		width: 100%;
	}
	.logo {
		top:10px;
	}
	.nav-pills>li {
		display:block;
		float: none;
		width: 100%; 
	}
	.nav-pills.social>li{
		width: 50%;
		float: left;		
		border-top: none; 
	}
	.nav-pills.social > li + li {
		margin:0;	 
	}
	.nav-pills > li + li {
		margin:0;	
		border-left:0
	}
}

.modal-content {
	color: black;
}