@charset "utf-8";
/* CSS Document */
a,input,button,img,.col.w3.options span {
	transition:all ease-in-out 0.2s;
}
body {
	font-family: 'Roboto', sans-serif;
	background:#000 url(../images/background.jpg) top center no-repeat fixed;
	background-size:cover;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	font-size:16px;
	font-weight:normal;
}

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

.ytplay { position: absolute; margin-left: -68px; margin-top: 32px; }

.header { background:black; color:#fff; }
.navbar { background:#c40000; color:#fff; }
.navbar .nav a { text-decoration:none; color:#fff; display:inline-block; font-size:18px; padding:0 1.5vw; line-height:1.3 !important; }
.navbar .nav a:hover { text-decoration:none; color:#faa; display:inline-block; padding:0 1.5vw; }
.clone { position: fixed; top: 0; left: 0; right: 0; z-index:999; }

.headeranim_left,.headeranim_right { background:#000 url(../images/header.png) no-repeat; position:absolute; }
.headeranim_left { background-position:center right; left:0; top:0; }
.headeranim_right { background-position:center left; right:0; top:0; }
h1 { height:40px; line-height:40px; width:auto; display:inline-block; padding:0 90px; background:url(../images/h1.png) top right no-repeat,url(../images/h1.png) bottom left no-repeat; }
h1 > span { display:block; width:100%; max-width:50%; height:1px; margin:auto; margin-top:5px; background:#c40000; }
h2, h3, h4, h5 { margin:0; padding:0; color:#c40000; }
.tubularcontrol > a { font-size:40px !important; padding: 0 10px !important; }

button, input[type=button], input[type=submit], .button { width:calc(100% - 2px); display:block; height:36px; line-height:36px; padding:0 13px; border:1px solid #c40000; border-radius:3px; background:#fff; color:#c40000; outline:none; }
button:hover, input[type=button]:hover, input[type=submit]:hover, .button:hover { border:1px solid #fff; border-radius:3px; background:#c40000; color:#fff; }

#contact label { display:block; width:100%; height:40px; margin-bottom:5px;}
#contact label span { display:block; width:38px; height:38px; border:1px solid #c40000; border-radius:5px 0 0 5px; border-right:none; background:#fff; text-align:center; line-height:38px; color:#c40000; float:left; clear:left; text-shadow:none; }
#contact label input, #contact label textarea { display:block; outline:none; width:calc(100% - 40px); height:38px; border:1px solid #c40000; border-radius:0 5px 5px 0; border-left:none; background:#fff; text-align:left; text-indent:10px; line-height:38px; color:#c40000; float:right; clear:right; resize:none; padding:0px !important; margin:0px !important; }
#contact label input[type=submit] { width:calc(100% - 39px); height:40px; line-height:40px; }
#contact label input:after, #contact label textarea:after { float:none; clear:both; }
#contact label#sub span { transition:all ease-in-out 0.2s; }
#contact label#sub:hover span, #contact label#sub:hover input[type=submit] { background:#c40000; color:#fff; cursor:pointer; }
#success { color:#fff; text-shadow:1px 1px 3px #c40000; text-align:center; margin-bottom:10px; }
#contact label textarea { line-height:1.5; }
.col.w4.options span { display:block; outline:none; width:100%; height:28px; border:1px solid #c40000; transition:all .5s ease-in-out; border-radius:5px; background:#fff; text-align:center; text-indent:10px; line-height:28px; color:#fff; text-shadow:1px 1px 2px #000; float:right; clear:right; padding:0px !important; margin:0px !important; font-size:12px; margin-bottom:5px !important; }
.col.w4.options span { -webkit-box-shadow: inset 0px 0px 200px 100px rgba(0,0,0,0.75); cursor:pointer; -moz-box-shadow: inset 0px 0px 200px 100px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 200px 100px rgba(0,0,0,0.75); }
.col.w4.options span:hover { border:1px solid #fff; background:#c40000; color:#fff; }
.col.w4.options span.photo { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.col.w4.options span.photo.open { height:200px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
ul#portfolio-thumbs, ul#portfolio-video { padding:0; margin:0; list-style: none; text-align: center; }
ul#portfolio-thumbs li, ul#portfolio-video li { padding:0; margin:5px; list-style: none; display: inline-block; width:120px; height: 90px; background: url(../images/loading.gif) center center no-repeat; border-radius: 5px; }