@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i');
/*
- fonts
- html body links and kbz's generic classes
- boostrap
- container
- sections
	- banner
	- videos
	- footer
*/

/* fonts */

/* html body links and kbz's generic classes */
a {
	color: #333333;
	outline: none;
}
a:hover,
a:focus {
	color: #000000;
}
body {
	font-family: 'Roboto', 'Hevetica', 'Arial', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #666666;
	background-color: #000000;
}
@media (max-width: 768px) {

}
@media (max-width: 992px) {

}
h1 {

}
h2 {

}
.no-padding {
	padding: 0 !important;
}
.no-padding .row-fluid div[class*="col-"] {
	padding: 0 !important;
}

/* animation */
.animated-delay-333 {
	/* Chrome, Safari, Opera */
	-webkit-animation-delay: .333s;
	animation-delay: .333s;
}
.animated-delay-500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.animated-delay-666 {
	-webkit-animation-delay: .666s;
	animation-delay: .666s;
}
.animated-delay-999 {
	-webkit-animation-delay: .999s;
	animation-delay: .999s;
}
.animated-delay-1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.animated-delay-1332 {
	-webkit-animation-delay: 1.332s;
	animation-delay: 1.332s;
}
/* end kbz */


/* boostrap */
/* nav */
body.bio .navbar-default .navbar-nav > li.bio a,
body.projects .navbar-default .navbar-nav > li.projects a,
body.contact .navbar-default .navbar-nav > li.contact a {
	color: #66CCCC;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: 0;
}
.navbar-default {
	background-image: none;
	background-color: transparent;
	border: 0;
	box-shadow: none;

	padding-top: 80px;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.navbar-brand {
	float: none;
	width: 300px;
	height: 50px;
	padding: 0;
	display: block;
}
.navbar-brand > img {
	display: block;
	width: 210px;
	height: auto;
}
@media (max-width: 768px) {
	.navbar-default {
		padding-top: 30px;
	}
	.navbar-brand > img {
		display: block;
		width: 190px;
		height: auto;
		padding-left: 15px;
	}
}
@media (max-width: 330px) {
	.navbar-default {
		padding-top: 10px;
	}
	.navbar-brand {
		float: left;
		width: 260px;
		height: 50px;
		padding: 0;
		display: block;
	}
	.navbar-brand > img {
		display: block;
		width: 190px;
		height: auto;
		padding-left: 15px;
	}
}

@media (min-width: 768px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: 0;
	}
}
.navbar-default .navbar-nav > li > a {
	color: #CCCCCC;
	text-shadow: none;
	text-transform: lowercase;
	font-size: 14px;
	padding: 10px 14px;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
@media (max-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		padding: 8px 16px;
	}
}
.navbar-default .navbar-nav > li > a:hover {
	color: #66CCCC;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 0;
	margin-top: 11px;
	margin-right: 15px;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 0;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    display: none;
}
.navbar-collapse {
	box-shadow: none;
}
.navbar-nav {
	margin: 0;
}
/* end boostrap */


/* container */
body > .container {
	margin-top: 0px;
}
/* end container */

header {
	margin-bottom: 30px;
}
.liveset-btns,
.project-videos {
	margin-top: 60px;
}
@media (max-width: 767px) {
	.liveset-btns,
	.project-videos {
		margin-top: 30px;
	}
}

.project-videos	.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
}


.project-videos .video-wrapper iframe,
.project-videos .video-wrapper video,
.project-videos .video-wrapper video-js {
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.my-player-dimensions {
	position: absolute!important;
	top: 0!important;
	left: 0!important;
	width: 100%!important;
	height: 100%!important;
}
.video-js .vjs-big-play-button {
    font-size: 4em!important;
    line-height: 55px!important;
    height: 60px!important;
    width: 60px!important;
    top: calc(50% - 30px)!important;
    left: calc(50% - 30px)!important;
    border-radius: 60px!important;
}



img.brand {
	width: 80%;
	height: auto;
	border: 0;
	max-width: 440px;
}
.liveset-btns a {
	text-align: left;
	background-image: none;
	background-color: #ea7374;
	border: 0;
	text-shadow: none;
	color: #FFFFFF;
	margin: 0;
	margin-bottom: 6px;
	width: 100%;

	-webkit-transition: all 333ms linear;
	-moz-transition: all 333ms linear;
	-o-transition: all 333ms linear;
	transition: all 333ms linear;
}
.liveset-btns a:hover,
.liveset-btns a:focus {
	text-align: left;
	background-image: none;
	background-color: white;
	border: 0;
	text-shadow: none;
	color: #ea7374;

	-webkit-transition: all 333ms linear;
	-moz-transition: all 333ms linear;
	-o-transition: all 333ms linear;
	transition: all 333ms linear;
}
.liveset-btns a:hover i,
.liveset-btns a:focus i {
	color: #000000;

	-webkit-transition: all 333ms linear;
	-moz-transition: all 333ms linear;
	-o-transition: all 333ms linear;
	transition: all 333ms linear;
}
.liveset-btns a i {
	font-size: 1.2em;
	padding-right: 6px;
}
h2 {
	color: #FFFFFF;
	font-size: 1.4em;
	margin-top: 0;
}
.liveset-btns-wrapper iframe {
	margin-top: 25px;
}

@media (min-width: 992px) {
	.liveset-btns-wrapper {
		text-align: right;
	}
	.liveset-btns {
		display: block;
		margin-top: 30px;
	}
}
@media (max-width: 580px) {
	header {
		margin-top: 30px;
		margin-bottom: 15px;
	}
	.liveset-btns-wrapper {
		text-align: right;
	}
	.liveset-btns {
		display: block;
		text-align: left;
	}
	.liveset-btns a {
		display: block;
		margin-bottom: 6px;
	}
	body > .container {
	    margin-top: 0px;
	}
}