@import url(http://fast.fonts.net/t/1.css?apiType=css&projectid=2eb9f5cf-f40c-4d28-bbbf-d294410b7e31);
@font-face{
    font-family:"Synchro W01";
    src:url(../Fonts/dfacfe9c-c8e0-48b1-92e0-42bc7b89cb8e.eot?#iefix);
    src:url(../Fonts/dfacfe9c-c8e0-48b1-92e0-42bc7b89cb8e.eot?#iefix) format("eot"),url(../Fonts/a745eb5c-b5ab-4fc6-a830-b466d013d32c.woff2) format("woff2"),url(../Fonts/b229b26d-2577-4650-bff0-2632b140e577.woff) format("woff"),url(../Fonts/4b6b99d8-44b0-4bb8-a4d7-91f050bb24fa.ttf) format("truetype"),url(../Fonts/d182e0a0-1448-48c8-b417-a157ddc6fd11.svg#d182e0a0-1448-48c8-b417-a157ddc6fd11) format("svg")
}
*,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.clearfix:after{
    font-size:0
}
#small{
    font-size:60%
}
* html .clearfix{
    height:1%
}
a,abbr,acronym,address,applet,big,blockquote,cite,code,dd,del,dfn,div,dl,dt,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,tfoot,thead,tr,tt,ul,var{
    margin:0;
    padding:0;
    border:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    vertical-align:baseline
}
body{
    border:0;
    vertical-align:baseline
}
caption,h1,h4,h5,h6,strong,td,th{
    padding:0;
    font-style:inherit;
    font-size:100%
}
caption,em,h1,h2,h3,h4,h5,h6,strong,td,th{
    margin:0;
    border:0;
    vertical-align:baseline
}
body,h2,h3{
    font-style:inherit
}
em{
    padding:0;
    font-weight:inherit;
    font-size:100%
}
.Wrapper{
    display:flex;
    position:relative
}
ol,ul{
    list-style:none
}
table{
    border-collapse:separate;
    border-spacing:0
}
caption,td,th{
    text-align:left
}
blockquote:after,blockquote:before,q:after,q:before{
    content:""
}
blockquote,q{
    quotes:"" ""
}
command,datalist,source{
    display:none
}
article,aside,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
    display:block
}
figure,menu{
    margin-top:1em;
    margin-bottom:1em
}
dl menu,menu dl,menu menu,menu ol,menu ul{
    margin-top:0;
    margin-bottom:0
}
html{
    overflow-y:scroll
}
b,strong{
    font-weight:700
}
em,i{
    font-style:italic
}
caption,h1,h4,h5,h6,td,th{
    font-weight:400
}
.ie7 address{
    font-style:normal
}
.hideme{
    position:absolute;
    left:-999em;
    top:-999em
}
q:lang(de){
    quotes:"„" "“" "‚" "‘"
}
q:lang(en){
    quotes:"“" "”" "‘" "’"
}
abbr[title]{
    border-bottom:1px dotted #888!important;
    cursor:help
}
a abbr{
    cursor:pointer,!important
}
.clearfix:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden
}
.clearfix{
    display:block
}

.glow{padding:5%;
	background-color:rgba(223,163,173,.6);
	box-shadow:0 0 40px #fff
}

.gifsize{
    margin:0;
    padding:0;
    border:0;
	width:30%;
}

img{
    -ms-interpolation-mode:bicubic
}


body{
    padding:0;
    margin:0;
    background-color:#0099cc;
    font-size:30px;
    font-weight:300;
    line-height:1.3
}
a,h2{
    color:#fff
}
h2,h4{
    font-family:"Roboto",sans-serif
}
h2{
    font-size:30px;
    text-shadow:0 0 3px #fff,0 0 2px #fff,0 0 5px #fff;
    padding:0 0 10px;
    width:40px;
    font-weight:700;
    text-transform:uppercase;
    line-height:110%
}
body,body.status .header-container,h3{
    color:#fff;
    font-family:"Roboto",sans-serif;
    background-image:url(../img/Cyborgeoisie/game/SoC_Game_1_DARK_1.gif);
    background-repeat: repeat;
}

.header-container{
    position:relative;
    width:100%;
    height:100vh;
    background-image:url(../img/Cyborgeoisie/game/SoC_Game_1_DARK_1.gif);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    font-size:0;
    cursor:url(../img/icons/11_narcisstic_Algorithm_W.png),auto
}

h3{
    text-shadow:0 0 3px #fff,0 0 2px #fff,0 0 5px #fff;
    width:40px;
    text-transform:uppercase;
    font-size:20px;
    padding:0 0 10px;
    font-weight:700;
    line-height:180%
}
h4{
    text-decoration:underline
}
a{
    text-decoration:none
}

.main:hover,.underline:hover,a{
    cursor:url(../img/icons/13_Magic_Wilde_Nature_W.png),auto
}
.underline:hover,ins{
    text-decoration:underline
}
.main:hover{
    pointer-events:auto
}
h4,p{
    line-height:100%
}
script{
    color:#b7b7b7
}
.fluid-width-video-wrapper{
    margin-bottom:24px
}

.header-container h1{
    bottom:10vh;
    right:10vw;
    position:absolute;
    color:#fff;
    font-family:"Synchro W01";
    font-size:180px
}
.header-container h1 span{
    width:120px;
    display:inline-block;
    font-family:"Synchro W01";
    text-shadow:0 0 5px #fff,0 0 4px #fff,0 0 7px #fff;
    max-width:25%;
    overflow:hidden
    background-color:  black;
}


.content .text a span,.content .text p span{
    width:17px;
    display:inline-block;
    pointer-events:auto
}
.content .text h2 span{
    width:29px;
    display:inline-block
}
.content {
    background-color: rgba(0,0,0, 0.2);
    box-shadow:0 0 30px #000;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    padding-top:15px;
}
	
.content {
    max-width:1000px;
    margin:0 auto;
    margin-top: 1%;
    cursor:url(../img/icons/10_robear_W.png),auto
}
body.status .header-container{
    font-weight:300;
    line-height:1.2;
    font-size:30px;
    padding:80px
}
body.status .header-container span{
    display:none;
    width:17px
}
body.status .header-container span.show{
    display:inline-block
}
body.status .header-container span img,img{
    width:100%
}

.content .container-50-50{
    font-size:0;
    margin:80px 0
}
.content .container-50-50 .col{
    display:inline-block;
    vertical-align:top
}
.content .container-50-50 .col:first-child{
    padding:0 20px 0 0
}
.content .container-50-50 .col:nth-child(2){
    padding:0 0 0 20px
}
.content .container-50-50 .col>*{
    font-size:24px;
    letter-spacing:1px
}
.col{
    width:50%;
    display:inline-block;
    font-size:0
}
.col *{
    font-size:24px
}
.right{
    padding-left:12px
}
.left{
    padding-right:12px
}
.left.smaller,.right.smaller{
    width:45%
}
.left.bigger,.right.bigger{
    width:55%
}
.vert{
    transform:rotate(270deg)
}
.uppercase{
    text-transform:uppercase
}
@media (max-width:600px){
    .container-50-50>*{
        width:100%
    }
    .header-container h1 span{
        font-size:140px
    }
}
.flip{
    transform:scaleX(-1);
	width:10%
}

#slideshow{
    margin:50px auto;
    position:relative;
    width:100%
}