/*Reset*/

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;
    vertical-align: baseline;
    font: inherit;
    font-size: 100%;
    font-family: Arial, 'Roboto Condensed', 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-spacing: 0;
    border-collapse: collapse;
}

/*End Reset*/

@font-face {
    font-family: "europedemi";
    src: url(fonts/europedemi.eot);
    src: url(fonts/europedemi.eot?#iefix) format("embedded-opentype"),
    url(fonts/europedemi.woff) format("woff"),
    url(fonts/europedemi.ttf) format("truetype"),
    url(fonts/europedemi.svg#europedemi) format("svg");
    font-weight: normal;
    font-style: normal;
}

/**/


html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

h1,h2,h3,h4,p {
    margin: 0 0 15px;
}

p {
    line-height: 170%;
}

b,strong {
    font-weight: bold;
}

#main-wrapper, #preloader-wrapper {
    position: relative;
    overflow: hidden;
    min-width: 741px;
    min-height: 500px;
    height: 100%;
    width: 100%;
}

.scroll {
    outline: none;
}

#scroll-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    min-height: 100%;
}

#scroll-wrapper.slide {
    top: -100%;
}

#scroll-wrapper.scrolldown {
    -webkit-transition: top 3s linear;
    transition: top 5s linear;
    top: -500%;
}

.section {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.pos {
    background-position: center center;
    -o-background-size:         100% 100%;
    -webkit-background-size:    100% 100%;
    -moz-background-size:       100% 100%;
    -khtml-background-size:     100% 100%;
    background-size:            100% 100%;
    background-repeat: no-repeat;
    -webkit-transform:  translateZ(0);
    -moz-transform:     translateZ(0);
    -ms-transform:      translateZ(0);
    -o-transform:       translateZ(0);
    transform:          translateZ(0);
}

.trans {
    -webkit-transition: all .5s ease;
    -moz-transition:    all .5s ease;
    -ms-transition:     all .5s ease;
    -o-transition:      all .5s ease;
    transition:         all .5s ease;
    -webkit-transform:  translateZ(0);
    -moz-transform:     translateZ(0);
    -ms-transform:      translateZ(0);
    -o-transform:       translateZ(0);
    transform:          translateZ(0);
}

.jwplayer {
    -webkit-transform: translateZ(0);
}

/*Loader*/

.QOverlay {
    z-index: 9999;
    background-color: #069;
    width: 100% !important;
    height: 100% !important;
}

.QLoader {
    height: 1px;
    background-color: #fff;
}

/*End Loader*/

.sprite {
    position: absolute;
    z-index: 9;
    background-color: #d85128;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
}

.icon {
    width: 100%;
    height: 100%;
}

.bdrs-3 {
    -webkit-border-radius:  3%;
    -moz-border-radius:     3%;
    border-radius:          3%;
}

.bdrs-35 {
    -webkit-border-radius:  35%;
    -moz-border-radius:     35%;
    border-radius:          35%;
}

.bdrs-50 {
    -webkit-border-radius:  50%;
    -moz-border-radius:     50%;
    border-radius:          50%;
}

.page-content {
    position: relative;
    margin: 0 auto;
}

.slide-block-wrap {
    position: absolute;
    width:    100%;
    height:   100%;
    left:     0;
    top:      0;
}

.slide-block-wrap .slide-block {
    position: absolute;
}

.slide-block-wrap .slide-block[data-pos="left"].opened {
    left: 1% !important;
}

.slide-block-wrap .slide-block[data-pos="right"].opened {
    right: 1% !important;
}

.fancybox-overlay .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius:    0px;
    border-radius:         0px;
}

.fancybox-inner {
    overflow: hidden !important;
}

.fancybox-close {
    display: none !important;
}

.popup-window-bg,
.under-construction {
    height: 100%;
    display: block;
    margin: 0 auto;
}

.popup-container {
    height: 100%;
    width: 100%;
}

.popup-container .content {
    top: 34%;
    left: 26%;
    width: 48%;
    height: 49%;
}

.popup-other {
    height: 100%;
    margin: 0 auto;
    background-image: url(../images/popup-under-construction.png);
    -o-background-size:         auto 100%;
    -webkit-background-size:    auto 100%;
    -moz-background-size:       auto 100%;
    -khtml-background-size:     auto 100%;
    background-size:            auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.popup-impressum {
    height: 100%;
    margin: 0 auto;
    background-image: url(../images/popup-window-bg.png);
    -o-background-size:         auto 100%;
    -webkit-background-size:    auto 100%;
    -moz-background-size:       auto 100%;
    -khtml-background-size:     auto 100%;
    background-size:            auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.popup-wrap {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
}

.popup-inner {
    position: relative;
    height: 100%;
    margin: 0 auto;
}

/*Preloader Page*/

#preloader-page {
    position: relative;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg-preloader-page.jpg);
    -o-background-size:       cover;
    -webkit-background-size:  cover;
    -moz-background-size:     cover;
    -khtml-background-size:   cover;
    background-size:          cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#preview-video .jwmain {
    background: #fff;
}

#preview-video .jwmain:after {
    position: absolute;
    content: " ";
    width: 12%;
    height: 9%;
    bottom: -7.5%;
    right: 0.5%;
    background: url(../images/preview-volume.png) no-repeat 0px 0px;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    background-size: 100% 100%;
}

#preloader-page .page-content {
    z-index: 1;
    position: relative;
    margin: 0 auto;
    height: 100%;
    min-height: 500px;
    background-image: url(../images/mythbasters.png);
    background-repeat: no-repeat;
    background-position: center 10%;
    -o-background-size:       100% auto;
    -webkit-background-size:  100% auto;
    -moz-background-size:     100% auto;
    -khtml-background-size:   100% auto;
    background-size:          100% auto;
}

#preloader-page .page-content .inner {
    position: absolute;
    width: 68.3%;
    height: 61.6%;
    top: 7.2%;
    left: 15.6%;
}

#preview-video .jwcontrolbar .jwfullscreen,
#preview-video .jwcontrolbar .jwduration,
#preview-video .jwcontrolbar .jwleft .jwplay,
#preview-video .jwcontrolbar .jwleft .jwelapsed,
#preview-video .jwcontrolbar .jwcapRight,
#preview-video .jwcontrolbar .jwcenter,
#preview-video .jwcontrolbar .jwcapLeft,
#preview-video .jwcontrolbar .jwbackground {
    display: none !important;
}

#preview-video .jwcontrolbar {
    bottom: -6.6% !important;
    right: 4.2% !important;
    z-index: 5;
    visibility: visible !important;
    opacity: 1 !important;
    display: inline !important;
    height: 7.7% !important;
    width: 94.8%;
    left: auto !important;
}

#preview-video .jwcontrolbar .jwright {
    position: absolute;
    width: 5%;
    right: 0 !important;
}

#preview-video #preview-video_controlbar .jwmute span button,
#preview-video #preview-video_controlbar .jwmute>span+span,
#preview-video #preview-video_controlbar .jwmute {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
}

/*#preview-video #preview-video_controlbar .jwmute span {*/
    /*width: 100%;*/
    /*display: block;*/
/*}*/

#preview-video #preview-video_controlbar .jwmute button {
    -o-background-size:       100% 110%;
    -webkit-background-size:  100% 110%;
    -moz-background-size:     100% 110%;
    -khtml-background-size:   100% 110%;
    background-size:          100% 110%;
}

#preview-video #preview-video_controlbar .jwoverlay {
    bottom: 125% !important;
}

.preview-controls {
    position: absolute;
    width: 77.5%;
    height: 17.5%;
    top: 76.1%;
    right: 12.9%;
}

.progressbar {
    position: absolute;
    height: 67.5%;
    width: 50.2%;
    top: 19%;
    left: 28%;
    background-image: url(../images/progressbar-bg.png);
}

.progressbar .progressbar-container {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
}

.progressbar .innerbar {
    bottom: 0%;
    top: 0%;
    left: 0%;
    height: 100%;
    position: absolute;
    background: url(../images/innerbar.png) no-repeat;

    -o-background-size:       auto 100%;
    -webkit-background-size:  auto 100%;
    -moz-background-size:     auto 100%;
    -khtml-background-size:   auto 100%;
    background-size:          auto 100%;
}

.loading {
    position: absolute;
    color: #fff;
    width: 32.8%;
    height: 25%;
    left: 36%;
    font-size: 115%;
    line-height: 180%;
    text-transform: uppercase;
    text-align: center;
}

.loading,
.loading * {
    font-family: 'europedemi';
    text-shadow: 2px 2px 13px rgba(0,0,0,.3);
}

#loading-percents {
    font-size: 140%;
    font-weight: bold;
    text-shadow: 0px 1px 10px rgba(0,0,0,0.5);
}

#loading-dots {
    width: 6%;
    display: inline-block;
}

#preloader-page .jwvideo {
    background: #fff;
}

#animation-container {
    display: none;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.animation {
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    position: absolute;
    background-image: url(../images/preloader-preview.jpg);
}

#preview-video .jwcaptions {
    z-index: 1;
}

#preview-video_display_button {
    display: none !important;
}

#tooltip {
    height: 100px;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-image: url(../images/tooltip.png);
    background-repeat: no-repeat;
    background-position: center 0;
    -o-background-size:       100% auto;
    -webkit-background-size:  100% auto;
    -moz-background-size:     100% auto;
    -khtml-background-size:   100% auto;
    background-size:          100% auto;
    -webkit-transition: height 1s ease;
    -moz-transition:    height 1s ease;
    -ms-transition:     height 1s ease;
    -o-transition:      height 1s ease;
    transition:         height 1s ease;
}

#tooltip.expanded {
    height: 30%;
    max-height: 270px;
}

#tooltip.expanded .inner {
    opacity: 1;
}

#tooltip .inner {
    opacity: 0;
    -webkit-transition: opacity 1.5s;
    -moz-transition:    opacity 1.5s;
    -ms-transition:     opacity 1.5s;
    -o-transition:      opacity 1.5s;
    transition:         opacity 1.5s;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.timer {
    display: none;
    position: relative;
    margin: 0 auto;
    width: 38%;
    height: 100%;
    background: url(../images/preloader-timer.png) no-repeat 0 75%;
    -o-background-size:       300% auto;
    -webkit-background-size:  300% auto;
    -moz-background-size:     300% auto;
    -khtml-background-size:   300% auto;
    background-size:          300% auto;
}

.tooltip-desc {
    display: none;
    position: absolute;
    width: 65%;
    left: 17.5%;
    height: 100%;
    background: url(../images/tooltip-desc.png) no-repeat center 70%;
    -o-background-size:         100% auto;
    -webkit-background-size:    100% auto;
    -moz-background-size:       100% auto;
    -khtml-background-size:     100% auto;
    background-size:            100% auto;
}

.tooltip-desc .icon {
    z-index: 1;
    background: url(../images/tooltip-arrows-2.png) no-repeat 100% 75.6%;
    position: absolute;
    top: 62.1%;
    height: 18%;
    width: 4.7%;
    left: 70.9%;
    -o-background-size: 200% auto;
    -webkit-background-size: 200% auto;
    -moz-background-size: 200% auto;
    -khtml-background-size: 200% auto;
    background-size: 200% auto;
}

.tooltip-desc .icon:hover {
    cursor: pointer;
    background-position: 0 75.7%;
}

.expanded .tooltip-desc {
    display: block;
}

#tooltip.active .timer {
    display: block;
}

#tooltip.active.two .timer {
    background-position: 0 71%;
}

#tooltip.active.one .timer {
    background-position: 50% 70%;
}

#tooltip.active.go .timer {
    background-position: 100% 70%;
}

#tooltip.active .tooltip-desc {
    display: none;
}

/*End Preloader Page*/