/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";

@font-face {
  font-family: "hblack";
  src: url("../font/helvetica-bq-black.eot");
  src: url("../font/helvetica-bq-black.woff") format('woff'),
  url("../font/helvetica-bq-black.ttf") format('truetype');
}


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: hblack,"Helvetica BQ",Helvetica, Arial, sans-serif;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

iframe {
  max-width: 100%;
}
@viewport {
	width: device-width;
}
/* CSS GO! */

#interlutionsmenu {
    padding-top: 10px;
}


::-moz-selection { background: #65ffff; color: #000; text-shadow: none; }
::selection { background: #65ffff; color: #000; text-shadow: none; }
 html, body {
  height: 100%;
 }
body {
  background-color: #000;
  font-size: 16px;
  font-family: 'Gill Sans W01 Bold', 'Gill Sans Bold', 'GillSans-Bold', 'Gill Sans MT', Verdana, sans-serif;
  color: #000;
}

a {
  color: #65ffff;
  text-decoration: none;
}

  a:hover { text-decoration: underline; }

img.fond {
  border: 10px solid #fcffff;
}

  img.fond.portrait {
    border-bottom: 25px solid #fcffff;
  }

p {
  line-height: 20px;
}

h3 {
  color: #e30028;
  text-transform: none;
  font-family:'GillSansW01-UltraBold', 'Gill Sans Ultra Bold', Impact, sans-serif;
  margin: 0 0 15px 0;
}

.break {
  margin: 0 0 20px 0;
}

.pause {
  height: 90px;
}

#wrapper {
  margin-right: 5%;
  position: relative;
  min-height: 600px;
}

#background-wrapper {
  position: fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
}


.ie6 html,
.ie6 body {
  width: 100%;
  height: 100%;
}

  #background-wrapper div {
    height: 100%;
    margin: 0;
    background: transparent url(../img/background-home.jpg) bottom center no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  @media (min-width: 2048px) {
    #background-wrapper div {
      height: 100%;
      margin: 0;
      background: transparent url(../img/background-home.jpg) bottom center;
    }
  }

/* Background: Home */
.home #background-wrapper div {
  margin: 0;
}

.ie6 #navi {
  position: absolute;
  top: 0;
}
/* rotate nav items 
#navi ul li span.a,
#navi ul li:nth-child(1n) a,
#navi ul li ul li:nth-child(1n) a {
  -webkit-transform: rotate(-2deg); 
  -moz-transform: rotate(-2deg); 
}

#navi ul li:nth-child(2n) a,
#navi ul li ul li:nth-child(2n) a {
  -webkit-transform: rotate(2deg); 
  -moz-transform: rotate(2deg); 
}

#navi ul li:nth-child(3n) a,
#navi ul li ul li:nth-child(3n) a {
  -webkit-transform: rotate(-4deg); 
  -moz-transform: rotate(-4deg); 
}

#navi ul li:nth-child(4n) a,
#navi ul li ul li:nth-child(4n) a {
  -webkit-transform: rotate(3deg); 
  -moz-transform: rotate(3deg); 
}

*/
.navbutton {
  display: none;
}

.naviwrapper {
  overflow: hidden;
  max-width: 400px;
  position: fixed;
}

@media only screen and (max-width: 1024px) {
    #navi {
        padding: 20px 0 40px 40px;
    }
    #navi h1 {
        display: inline-block;
        margin: 0 0 10px 0;
    }
}


#navi {
  -ms-transform-origin: 0% 0%; /* IE 9 */
  -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
  transform-origin: 0% 0%;
  position: relative;
 /* z-index: 3; */
  height: 80%;
  overflow-y: scroll;
  width: 400px;
  padding: 40px 0 40px 40px;
  cursor: default;
  font-family:'GillSansW01-UltraBold', 'Gill Sans Ultra Bold', Impact;
  overflow: hidden;
}

  #navi a { cursor: pointer; }

  #navi h1 {
    display: inline-block;
    margin: 0;
  }

    #navi h1 a {
      font-size: 22px;
      color: #e30028;
      list-style-type: none;
      text-transform: none;
      text-decoration: none;
      background: #000;
      padding: 1px 4px;
    }

  #navi ul {
    list-style-type: none;
    text-transform: none;
    color: rgb(188, 250, 255);;
    font-size: 22px;
  }
  .mobile {
    display: none;
  }

  #navi ul li {
    margin: 10px 0;
  }

    #navi ul li a, #navi span.a {
      text-decoration: none;
      color: rgb(188, 250, 255);;
      background: #000;
      padding: 0 4px;
      display: inline-block;
    }

      #navi ul li a:hover {
        padding-left: 10px;
      }

#navi ul li ul {
    margin: 5px 0 0 0;
}

#navi ul li ul li, #navi li.small {
    font-size: 15px;
    margin: 5px 0 1px 0;
}

#navi li.blue a {
    color: #65ffff;
}

a span.blue { color: #65ffff; }

a span.red { color: #e30028; }


#navi ul li a.active {
    color: #0088ff;
}

#navi ul li.blue a.active {
  color: #e30028;
}

#navi li.call {
  margin-left: 150px;
}

#navi li.call a {
  color: #0088ff;
}

#navi li.call a:hover, #navi li.call a.active{
  color: #ff0000;
}




.home #content {
  background: transparent;
}

#content {
  position: absolute;
  top: 0;
  right: -38px;
  padding: 95px 15px 30px 15px;
  font-size: 16px;
  width: 600px;
  background: #000;
  color: #fff;
}

  #content h2 {
    text-transform: none;
    font-size: 22px;
    margin: 0 0 20px 0;
    font-family: 'GillSansW01-UltraBold', 'Gill Sans Ultra Bold', Impact, sans-serif;
    color: #fff
  }

    #content h2 span {
      color: #e30028;
    }

  #content p {
    margin: 0 0 20px 0;
    font-family: 'Gill Sans W01 Bold', 'Gill Sans Bold', 'GillSans-Bold', 'Gill Sans MT', 'Gill Sans', Verdana, sans-serif;
  }

  #content .spacer p.description {
    margin-bottom:80px;
  }

  #content p.description {
    margin: 10px 0 45px 0;
    font-family: 'Gill Sans W01 Bold', 'Gill Sans Bold', 'GillSans-Bold', 'Gill Sans MT', 'Gill Sans', Verdana, sans-serif;
    /* text-transform: uppercase; */
  }

    #content p.description span {
      display: block;
      text-transform: none;
    }
    #content p.description em {
      font-family: 'GillSansW01-BoldItalic';
    }
      #content p.description span.date {
        display: inline;
      }

      #content p.description span.price {
        display: block;
        text-align: right;
      }

      #content p.description span.right {
        float: right;
      }


#contentpress {
  position: absolute;
  top: 0;
  right: 0;
  padding: 95px 15px 30px 15px;
  font-size: 16px;
  width: 420px;
  background-color: transparent;
  color: #fff;
}

  #contentpress h2 {
    text-transform: none;
    font-size: 22px;
    margin: 0 0 20px 0;
    background-color: #000000;
    padding:2px;
    font-family: 'GillSansW01-UltraBold', 'Gill Sans Ultra Bold', Impact, sans-serif;
    color: #fff;
    display: inline-block;
  }
  
    #contentpress h2 span {
      color: #e30028;
    }  

span.copy {
  display: block;
  text-align: right;
  font-family: 'Gill Sans W01 Bold', 'Gill Sans Bold', 'GillSans-Bold', 'Gill Sans';
  font-size: 13px;
}

.quote {
  font-family: 'Gill Sans W01 Bold', 'Gill Sans Bold', 'GillSans-Bold', 'Gill Sans MT', 'Gill Sans';
  font-size: 16px;
}

span.quote-right {
  padding-right: 20px;
  font-family: 'Gill Sans W01 Bold', 'Gill Sans Bold', 'GillSans-Bold', 'Gill Sans MT', 'Gill Sans';
  font-size: 16px;
  text-align: right;
}

p.quote-right {
  text-align: right;
}

  p.quote-right span {
    display: block;
    padding-right: 20px;
  }


  .quote em {
    font-family: 'GillSansW01-BoldItalic';
  }

  .quote span {
    margin: 5px 0 0 0;
    display: block;
    text-align: right;
  }

    .quote span.left {
      text-align: left;
    }

  .quote strong {
    display: block;
    font-family:'GillSansW01-UltraBold', 'Gill Sans Ultra Bold', 'Gill Sans';
    margin: 0 0 15px 0;
    text-transform: uppercase;
  }

.a-pdf {
  position: relative;
  margin: 0 0 20px 0;
}

  .a-pdf span {
    bottom: 0px;
    display: none;
    left: 50%;
    margin: -100px 0 0 -150px;
    position: absolute;
    background: red;
    width: 300px;
    background: url(../img/btn-download.png) top center no-repeat;
    text-align: center;
    color: #65ffff;
    font-family:'GillSansW01-UltraBold', 'Gill Sans Ultra Bold', Impact, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    padding: 80px 0 0 0;
  }

    .a-pdf:hover span {
      display: block;
      bottom: 30px;
    }

table.bio, table {
  font-family: 'Gill Sans W01 Bold', 'Gill Sans Bold', 'GillSans-Bold', 'Gill Sans', Verdana, sans-serif;
}

  table.bio td {
    padding: 0 0 10px 0;
  }
  
#footer {
  -ms-transform-origin: 0% 100%; /* IE 9 */
  -webkit-transform-origin: 0% 100%; /* Chrome, Safari, Opera */
  transform-origin: 0% 100%;
  position: fixed;
 /* z-index: 20;*/
  bottom: 10px;
  left: 40px;
  color: #666;
  font-size: 17px;
  padding: 0 5px 0 5px;
  background: #000;
  max-width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
  z-index: -1;
}

.ie6 #footer {
  position: absolute;
  bottom: 0;
}

  #footer a, #footer a:first-child span {
    text-transform: uppercase;
    color: #65ffff;
    text-decoration: none;
  }

    #footer a:first-child {
      color: #E30028;
    }

a.facebook {
  display: inline-block;
  width: 75px;
  text-indent: -9999px;
  background: url(../img/facebook.png) no-repeat left center;
}

#sponsors {
  width: 450px;
  margin: 30px 0 -30px -15px;
  background: #FFF;
  text-align: center;
  padding: 30px 0;
}

/* sold */

.sold {
  font-size: 22px;
  padding-bottom: 20px;
}

  .sold i {
    width: 24px;
    height: 21px;
    display: inline-block;
    position: relative;
    background-image: url(../img/punkt.gif);
    background-repeat: no-repeat;
    top: 4px;
    left: 5px;
    border: 1px solid red;
  }


@media print {
  #navi, #footer, #background-wrapper { display: none; }
  #content { background: #FFF; color: #000; position: relative; left: 0; }
}

@media screen and (max-height: 600px) {
  #background-wrapper div {
    background: transparent url(../img/background-home.jpg) center -150px;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1024px) {
  /*
    */
  #content img, #contentpress img {
        width: 100%;
        height: auto;
    }

    #background-wrapper div {
       background: transparent url(../img/background-home.jpg) 50% 95%;
       background-repeat: no-repeat;
       background-size: 100% auto;
    }

    #sponsors {
      width: 110%;
      max-width: 450px;
      margin: 30px -5% -30px;
      background: #FFF;
      text-align: center;
      padding: 30px 0;
    }
    .naviwrapper {
      max-width: 400px;
    }
    #navi {
      width: 400px;
    }

}

@media screen and (max-width: 940px) {

  span#lang {
    display: none;
  }

    .mobile {
        display: block;
    }

    #background-wrapper div {;
        background: transparent url(../img/background-home.jpg) -485px center;
        background-repeat: no-repeat;
    }
    #content, #contentpress {
       left: 350px;
       -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }

    #content {
      width: 400px;
    }

    #content img {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-height: 660px) {
  .navbutton {
    display: inline-block;
    background-color: #000;
  }
  .buttons {
    position: fixed;
    bottom: 5px;
  }

}

/*
@media screen and (max-width: 450px) {
    #content, #contentpress {
       left: 0;
       right: 0;
       position: relative;
       margin-top: 25px;
    }
    #navi {
      position: relative;
    }
    .naviwrapper {
      position: relative;
    }
    #background-wrapper div {
      background: transparent url(../img/background-home.jpg) -475px -320px;
      background-repeat: no-repeat;
    }
    .buttons {
      display: none;
    }
    a.up {
      background-color: #000;
      color: #e30028;
      position: fixed;
      right: 0;
      bottom: 25px;
      z-index: 100;
      text-decoration: none;
      font-size: 14px;
      padding: 5px;
      -webkit-backface-visibility:hidden;
    }
      a.up:hover {
        text-decoration: none;
      }
}
@media screen and (max-width: 365px) {
    #content, #contentpress {
      width: 105%;
    }
}

*/

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100% !important;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxTopCenter {position:absolute; top:-20px; right:0px; color:#ccc; display: none; visibility: hidden;}
#cboxOverlay{background:#000; position: fixed;}
#colorbox{ position: fixed; }
    #cboxContent{}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; display: none; visibility: hidden;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}






.gold, #navi a.gold {
  color: #c4a64e;
}