@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin,latin-ext);

body {
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: "Raleway";
}

.portfolioBg {
	background: url(../images/portfolio.jpg) no-repeat center center fixed; 
	background-size: cover;
}

.calendarBg {
	background: url(../images/about.jpg) no-repeat center center fixed; 
	background-size: cover;
}

a {text-decoration: none; color: #fff;}

.clear {clear: both}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

header {
	width: 100%;
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	clear: both;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.menu {
	background: rgba(0, 0, 0, 0.3);
	border: none;
}

.changedMenu {
	background: #161616;
	border-bottom: 0.84vh solid #b42025;
}

header .logo {
	float: left;
	margin: 1.96vh 0 2.26vh 7.12vh;
}

header .logo img {
	height: 6.8vh;
}

header nav {
	float: right;
	margin: 2.7vh 6.8vh 0 0;
}

header nav ul {
	overflow: hidden;
}

header nav ul li {
	float: left;
	list-style: none;
	margin-right: 1.1vw;
}

header nav ul li a{
	font-family: "Raleway";
	font-weight: bold;
	font-size: 1.7vh;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 1vh 1.1vw 1vh 1.1vw;
}

header nav ul li a:hover {
	background: #b42025;
}

.slider {
	width: 100vw;
	height: 100vh;
}

.slider { position: relative; overflow: auto; }
.slider ul {margin: 0; padding: 0; overflow: hidden;}
.slider li { list-style: none; }
.slider ul li { 
	margin: 0;
	padding: 0;
	float: left; 
	width: 100vw;
	height: 100vh;
}

.slider ul li a{ 
	display: block; 
	width: 100vw;
	height: 100vh;
}

.slider .unslider-arrow {
	position: absolute;
	z-index: 3;
	top: 50%;
}

.slider .prev{
	left: 3%;
}

.slider .next{
	right: 3%;
}

.slider .downArrow {
	position: absolute;
	z-index: 3;
	bottom: 3%;
	left: 50%;
}

.slider .downArrow img {
	width: 4.3vw;
	height: 10.2vh;
}

.slider .unslider-arrow img{
	width: 2.675vw;
	height: 7.64vh;
}

.slider img {

}

.about {
	width: 100vw;
	height: 100vh;
	background-size: 100% 100%;
}

.aboutContainer {
	margin: 27vh 8vw 0 0;
	width: 40.7vw;
	float: right;
}

.about h2 {
	text-align: center;
	font-size: 5.7vh;
	margin: 0;
	font-weight: 300;
}

.about h3 {
	text-align: center;
	font-size: 3.5vh;
}

.about .hr {
	width: 27.5vw;
	border-bottom: 1px solid #fff;
	margin: 3.7vh 0 3.7vh 6vw;
}

.about .aboutText {
	text-align: justify;
	font-size: 1.6vh;
}

.about .shop a{
	width: 21.175vw;
	height: 9.7vh;
	background: #b42025;
	display: block;
	text-align: center;
	font-weight: bolder;
	font-size: 5vh;
	color: #fff;
	padding-top: 4.00vh;
	margin-left: 1.25vw;
}

.about .links {
	width: 14.3vw;
	margin: 0 0 0 3.675vw;
}

.about .links a {
	margin: 0 1.775vw 2.49vh 0;
	display: block;
}

.about .links .da a img{
	width: 2.9vw;
}

.about .links .fb a img{
	width: 2.9vw;
}

.about .links .inst a img{
	width: 2.9vw;
}

.about .links .tw a img{
	width: 2.9vw;
}

.about .links .yt a img{
	width: 7.45vw;
}

.contactContainer {
	width: 25.075vw;
	height: 70.3vh;
	background: #ecece2;
	margin: 19.56vh 0 0 18.75vw;
}

.contact {
	color: #000;
	font-weight: 300;
}

.contact .g-recaptcha {
	text-align: center;
}

.contact h2 {
	text-align: center;
	font-size: 5.7vh;
	padding: 3vh 0 2.2vh 0;
	margin: 0;
	font-weight: 300;
}

.contact .hr {
	width: 21vw;
	border-bottom: 1px solid #000;
	margin-left: 3.5vh;
}

.contact form {
	margin: 2vh 0 0 3.5vh;
}

.contact form label {
	display: block;
}

.contact form input[type='text'],  .contact form textarea{
	border: none;
	width: 21vw;
	height: 3.5vh;
	margin: 0.5vh 0 1.5vh 0;
}

.contact form textarea {
	height: 13vh;
}

.contact form input[type='submit'] {
	border: none;
	background: #fff;
	text-align: center;
	width: 9vw;
	height: 3.82vh;
	font-size: 2vh;
	font-family: "Raleway";
	margin: 2vh 0 0 5.5vw;
}

.portfolio {
	width: 51vw;
	margin: 0 auto;
	margin-top: 15vh;
}

.portfolio h2 {
	width: 100%;
	height: 4.26vh;
	margin: 0 0 2.8vh 0;
	background: #232323;
	text-align: center;
	padding: 1.3vh 0 0 0;
}

.portfolio article {
	margin-top: 2.75555556vh;
}



.portfolio .cover img {
	height: 21.2vh;
	width: 11.925vw;
}

.portfolio .info {
	background: #252525;
	width: 39.075vw;
	height: 9.25vh;
	opacity: .8;
}

.portfolio .info p {
	margin: 0;
	padding: 0;
	line-height: 0.9;
}

.portfolio .info p.name {
	font-size: 3.5vh;
	margin: 0vh 0 0 0.9vw;
	padding-top: 1vh;
}

.portfolio .info p.version {
	font-size: 2vh;
	margin: 0vh 0 0 0.9vw;
	font-weight: 300;
}

.portfolio .info hr {
	width: 23.4vw;
	margin: 0.2vh 0 0 0.9vw;
}

.portfolio .info p.series {
	font-size: 1.5vh;
	margin: 0.7vh 0 0 0.9vw;
	font-weight: 700;
}

.portfolio .gallery {
	background: #d5d5cc;
	width: 39.075vw;
	height: 11.95vh;
}

.portfolio .gallery .item img, .portfolio .gallery .more img {
	height: 9.333333334vh;
	width: 5.25vw;
	margin: 1.3333333333vh 0 0 0.85vw;
	border: 1px solid #232323;
}

.containerGallery {
	width: 59.75vw;
	margin: 0 auto;
}

.galleryContainer {
	margin: 15vh 4.40vw 0 0;
	height: 83.333333333vh;
	width: 30.35vw;
	background: #232323;

}

.galleryContainer .image {
	margin: 1.067vh 0.6vw 1.111112vh 0.525vw;
	overflow: hidden;
}

.galleryContainer .image img {
	height: 77.83vh;
	z-index: 3;
	overflow: hidden;
}

.galleryContainer .photograph{
	float: right;
	font-size: 11px;
	margin-right: 0.9vw;
}

.galleryContainer .controls {
	width: 100%;
	display: none;
}

.galleryContainer .controls img {
	height: 2.0889vh;
}

.galleryContainer .controls .arrowLeft {
	margin: 0 0 0 0.6vw;
}

.galleryContainer .controls .arrowRight {
	margin: 0 0 0 1.45vw;
}

.galleryContainer .controls .fullscreen {
	margin: 0 0.6vw 0 0;
}

.content {
	margin-top: 15vh;
	width: 25vw;
	height: 83.333333333vh;
	background: #ebebe1;
	color: #000;
}

.content h2 {
	font-weight: 300;
	font-size: 5vh;
	text-align: center;
	margin: 3.42vh 0 1.333333334vh 0;
	line-height: 0.8;
}

.content h3 {
	font-weight: 300;
	font-size: 3.5vh;
	text-align: center;
	margin: 0 0 0 0;
}

.content hr {
	width: 80%;
	margin: 0 auto;
	margin-top: 1.333333334vh;
	margin-bottom: 3.1111111vh;
	height: 2px;
	background: #000000;
}

.content .gallery {
	width: 18.36vw;
	margin: 0 auto;
}

.content .gallery .item img {
	height: 9.333333334vh;
	width: 5.25vw;
	margin: 0 0.5vw 1.25vh 0;
	border: 1px solid #232323;
}

.content .p {
	margin: 1vh 2.5vw 1vh 2.5vw;
	font-size: 1.6vh;
	font-weight: 300;
	text-align: justify;
}

.content .p p {
	margin: 7px;
}

.calendar {
	width: 62.5vw;
	margin: 0 auto;
	margin-top: 13vh;
}

.calendar .arrowUp, .calendar .arrowDown {
	width: 2.03125vw;
	height: 3.6111111111111107vh;
	cursor: pointer;
	margin: 0 0 0 9.322916666666666vw;
}

.calendar .arrowUp {
	background: url('../images/CalendarArrowUp.png') center;
}

.calendar .arrowDown {
	background: url('../images/CalendarArrowDown.png') center;
}

.calendar .eventContainer {
	height: 78.70722433460075vh;
	overflow: hidden;
}

.calendar article {
	height: 23.61111111111111vh;
}

.calendar article .date {
	width: 9.322916666666666vw;
	height: 17.61111111111111vh;
	font-size: 3.6111111111111107vh;
	font-weight: bold;
	text-align: center;
	padding-top: 7.5vh;
}

.calendar article .strapLine {
	width: 2.03125vw;
	height: 100%;
	background: url('../images/strapLineBg.png') center;
	padding-bottom: 2.62962962962963vh;
}

.calendar article .strapLine .square {
	width: 2.03125vw;
	height: 3.6111111111111107vh;
	background: #161616;
	margin-top: 9.5vh;
}

.calendar article.active .square{
	background: #B42025;
}

.calendar article.next .square{
	background: #FFFFF4;
}

.calendar article .event {
	height: 23.61111111111111vh;
	width: 46.875vw;
	background: #161616;
	margin-left: 4.02vw;
}

.calendar article.next .event, .calendar article.active .event {
	background: #FFFFF4;
	color: #000;
}

.calendar article.active .event {
	border-top: 0.6481481481481481vh solid #B42025;
	border-bottom: 0.6481481481481481vh solid #B42025;
	border-left: 0.3645833333333333vw solid #B42025;
	border-right: 0.3645833333333333vw solid #B42025;
	width: 46.1458333333vw;
	height: 22.3148148148vh;

}

.calendar article .event .title {
	text-align: center;
	font-size: 3.3333333333333335vh;
	margin-top: 0.9259259259259258vh;
}

.calendar article .event .character {
	text-align: center;
	font-size: 2.5925925925925926vh;
}

.calendar article .event .hr {
	width: 40vw;
	height: 0.2777777777777778vh;
	background: #FFFFF4;
	margin: 0 auto;
	margin-top: 0.4629629629629629vh;
	margin-bottom: 1.0629629629629629vh;
}

.calendar article.next .event .hr,  .calendar article.active .event .hr{
	background: #161616;
}

.calendar article .event .main {
	width: 37vw;
	margin: 0 auto;
	font-weight: 300;
	height: 10vh;
	overflow: hidden;
	text-align: center;
}