
/* global */
html, body {width:100%; height:100%; padding:0; margin:0;}
body {margin-top:0 !important; background-color:#fff; color:#000; font-family: 'Open Sans',helvetica,arial,'sans-serif'; font-size:1em;line-height:1.25em;letter-spacing:-0.015em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a:link, a:visited {color:#d73d29; text-decoration:none;}
a:active, a:hover {color:#900;}
li {list-style-type:square;}
p {margin:20px 0;}

/* home */
#zeronslides, #wrapper, #pattern {width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
#zeronslides {background-color:#000; z-index:2; visibility:hidden; } /* initially hidden until after splash logo */
#wrapper {z-index:1; display:table;}

/* cookie bar */
#cookie-bar p {font-family: 'Open Sans',helvetica,arial,'sans-serif' !important; margin: 3px 0 0 3px !important;}
#cookie-bar-prompt p,#cookie-bar-prompt-content {font-family: 'Open Sans',helvetica,arial,'sans-serif' !important; }
#cookie-bar p a, #cookie-bar-prompt-content p a, #cookie-bar-prompt-content span {color: #e06d5e !important;}
#cookie-bar a:hover, #cookie-bar-prompt-content a:hover {color:#e59388 !important; text-decoration: none !important;}
#cookie-bar-button {text-shadow: none !important; background-color: #e06d5e !important; color:#fff !important; border-bottom: 0 !important; border-radius: 0 !important; margin-right: 6px !important;}
#cookie-bar-button:hover {background-color: #fff !important; color:#000 !important;}


/* slides */
.container {position: relative; text-align: center;}
.clr {clear: both;}


/*
#cover {width:100%; height:100%; z-index:2; position:absolute; top:0; left:0; overflow:hidden; background-color:#fff; opacity:0; }
*/

#pattern {z-index:3; background: transparent url(../img/pattern.png) repeat top left;}

.content-mid-centre {display:table-cell; text-align:center; vertical-align: middle; font-size:2em;}
.content-mid-left {display:table-cell; vertical-align: middle; text-align:center;}
.content-mid-left-text{width:60%; margin:0 auto; text-align:left; font-size:0.9em;}

/* navigation */

@-webkit-keyframes slideDown {
    0% {
    -webkit-transform: translateY(-66px);
    transform: translateY(-66px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}@keyframes slideDown {
    0% {
    -webkit-transform: translateY(-66px);
    -ms-transform: translateY(-66px);
    transform: translateY(-66px);
}
100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
}#nav{
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}
#nav {position:absolute; top:0; left:0; z-index:5; width:100%; height:53px; background-color:#000; opacity:0.75; visibility:hidden;}

#logo {float:left; margin:10px 0 0 10px; }
#social {float:right; margin:10px 10px 0 0; width:44px; height:36px; background:url("../img/twitter.png");text-indent:-9999px;}
#social:hover {color:#d73d29; background-position:-44px 0;}


/* cookie bar */
#cookie-bar {top:inherit !important; bottom:0;}
#cookie-bar-prompt-logo {display:none !important;}


/* privacy */
h1 {margin:0 0 15px 0;font-size:1.5em;}
h2 {margin:25px 0 15px 0;font-size:1.1em;}
.button-back{display:block; width:50px; height:50px; margin:40px 0; background: url("../img/button-back.png") no-repeat 0 0;}
.button-back:hover{background-position:-50px 0;}
.button-back span {position: absolute; top: -999em;}

