/* =========== Global (all devices) styles ========= */

/*Reset browser differences*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
outline:0;
}
*{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
ul{
list-style:none;
}
.cf{
display:block;
}
.cf:before, .cf:after{
content:"";
display:table;
}
.cf:after{
clear:both;
}
body{
font-family:'Source Sans Pro', 'Helvetica', sans-serif;
font-size:100%;
font-weight:200;
background:#101010;
color:#EEE;
line-height:1.8em;
}
strong{
font-weight:600;
}
a{
text-decoration:none;
color:inherit;
border-bottom:1px dotted;
}
a:hover{
border-style:solid;
}
.inner{
padding:0 6%;
}
.main-container,
.main-footer{
text-align:center;
margin:0 auto;
}
.main-container{
height:100%;
height:auto !important;
min-height:100%;
margin-bottom:-1.8em;
padding-bottom: 3em;
}
.main-content{
padding:1em 0 3em;
}
.main-footer{
height:1.8em;
font-size:14px;
}
ul, p, h1,h2,h3{
margin-bottom:1em;
}
.back-to-top{
padding:4px 0;
}
.back-to-top:before{
content:"\2191";
margin-right:4px;
}
.logo{
display:inline-block;
border:0;
font-size:34px;
padding:.5em;
margin:.5em 0 0;
line-height:1.2em;
text-shadow:3px 3px black;
}
.main-nav{
font-size:18px;
text-shadow:1px 1px black;
max-width:300px;
margin:0 auto 1em;
}
.main-nav li{
width:50%;
float:left;
}
.main-nav-element{
color:#EEEEEE;
cursor:default;
display:block;
padding:.25em 0;
-webkit-transition:color 0.5s ease 0s;
   -moz-transition:color 0.5s ease 0s;
     -o-transition:color 0.5s ease 0s;
        transition:color 0.5s ease 0s;
border-bottom:2px solid;
}
a.main-nav-element{
color: #777;
cursor:pointer;
border:0;
}
.main-nav-element:hover{
color: #FFF;
}
.showreel video{
max-width:100%;
}
.video-quality-controls small{
	margin-right: 1em;
}
	.video-quality-link {
			padding: 4px 1em;
			border: 0;
			color: #777;
	}
		.disabled.video-quality-link {
			color: #FFF;
			}
.contact-info {
	line-height: 2em;
	margin-top: 2em;
}
.avatar{
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
}
.language-link  {
	margin-right: 1em;
}