@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'festivo_letters_no9regular';
    src: url('fonts/ahmet_altun_-_festivolettersno9-webfont.woff2') format('woff2'),
    url('fonts/ahmet_altun_-_festivolettersno9-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apercuregular';
    src: url('fonts/apercu-webfont.woff2') format('woff2'),
    url('fonts/apercu-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{ margin: 0; padding: 0; border: 0;}
.spacer{ clear: both;}
.wrapper{ margin: auto; width: 1000px;}
.span{ color: #b8e985}
/* Header */

#header{ background: #dcf9f3; width: 100% !important; height: 556px; min-width: 1200px;}
.headerwrapper{ height:350px; width: 1200px; margin: 0 auto;}
.headertimelapse{ background: #dcf9f3; list-style-type: none; height:350px; position: relative; clear: both; font-family: apercuregular; font-size: 13px; width:100%;}
.headertimelapse .time{text-align:center; color: #6b6b6b;}
.headertimelapse .title{text-align:center; color: #506b65; width: 100%;}
.headertimelapse .headericon{position:absolute; width:60px; display: none;}
.building1{float:left; background-image: url('img/building1.png'); background-size:100%; background-repeat: no-repeat; width:200px; height: 150px; margin-top: 200px;}
.building1 .time{margin-top: 160px;}
.building1 .headericon{margin:-80px 70px;}
.building2{float:left; background-image: url('img/animated_wework.gif'); background-size:100%; background-repeat: no-repeat; width:300px; height: 250px; margin: 100px 0 0 75px;}
.building2 .time{margin-top: 260px;}
.building2 .headericon{margin:-45px 140px;}
.car1{float:left; background-image: url('img/taxi.png'); background-size:100%; background-repeat: no-repeat; width:100px; height: 64px; margin: 286px 0 0 75px;}
.car1 .time{margin-top: 75px;}
.car1 .headericon{margin:-70px 15px;}
.car2{float:left; background-image: url('img/taxi.png'); background-size:100%; background-repeat: no-repeat; width:100px; height: 64px; margin: 286px 75px 0 75px;}
.car2 .time{margin-top: 75px;}
.car2 .headericon{margin:-70px 15px;}
.selected .headericon{display: block;}
.selected .time{color: #d9d9d9;}
.selected .title{color: #b8e985;}
.logo{ padding-top: 30px; font-family: festivo_letters_no9regular; font-size: 80px; color: #000; text-align: center; line-height: 1.1;}

/* content */

#content{ background: #505050; width: 100% !important; height: 550px; min-width: 1200px;}
.content_left{ float: left; width: 60%; padding-top: 80px;}
.content_right{ float: right; width: 40%; padding-top: 80px;}
.content_title{ font-family: festivo_letters_no9regular; font-size: 40px; margin-bottom: 20px; color: #FFF;}
.content_title2{ font-family: festivo_letters_no9regular; font-size: 45px; margin-bottom: 20px; color: #FFF; text-align: center;}
.content_subscription{ font-family: apercuregular; font-size: 15px; color: #FFF;}
.content_subscription2{ font-family: apercuregular; font-size: 15px; color: #FFF; text-align: center;}
.content_questions{display: none; position: absolute; z-index: 20; margin-right: 50px; padding: 20px; background: #b8e985; border: solid 2px #000; width: 300px; }
.item1{ float: right; width: 600px; margin-right: 100px; width: 550px;}
.item2{	float: left; margin-left: 100px; width: 300px;}
.startbutton{background-color:transparent; background-image: url('img/starttest.png'); background-repeat: no-repeat; width:191px; height: 45px; outline:0;}
.height2 input{ padding: 10px 10px 9px 15px; width: 270px; height: 20px;}
.height2 textarea{ padding: 10px 10px 9px 15px; width: 270px; height: 20px;}
.height3 input{ width: 200px; height: 50px; background-color: #FFF; border: 1px solid #000;}

/* questions */
.question1Box{ font-family: apercuregular; font-size: 15px; color: #000;}
.question_title{ font-family: festivo_letters_no9regular; font-size: 25px; color: #000; margin-bottom: 30px;}
.question2Box, .question3Box, .question4Box, .question5Box, .question6Box, .question7Box, .contactdetailsBox{display: none; font-family: apercuregular; font-size: 15px; color: #000;}
.sendquestionsmessage{display: none; color: #009900;}
/* Generator */

#generator{ background: #dcf9f3; width: 100% !important; height: 500px; min-width: 1200px;}
.generator_left{ float: left; width: 600px;}
.generator_right{ float: right; text-align: left; margin-top: 80px; width: 500px; position: absolute; margin-left: 800px; z-index: 2;}
.generator_subscription{ font-family: apercuregular; font-size: 15px; color: #000;}
.generator_title{ font-family: festivo_letters_no9regular; font-size: 40px; margin-bottom: 20px;}
.generatorMachine{ float:left; background-image: url('img/generator.png'); background-size:100%; background-repeat: no-repeat; width:1000px; height: 400px; margin: 50px 0 50px 70px;}
.generatorMachine #smoes{float:left; color:#fff; font-family: apercuregular; font-size:16px; width: 380px; height: 85px; margin: 65px 210px; }
.generatorMachine .generateButton{float:left; background-image: url('img/generate_button.png'); background-size:100%; background-repeat: no-repeat; width:180px; height: 40px; margin: 60px 290px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Balk */

#balk{ background: #505050; width: 100% !important; height: 100% !important; min-width: 1200px;}
.balk_title{ font-family: festivo_letters_no9regular; font-size: 40px; padding-top: 50px; margin-bottom: 50px; color: #FFF; text-align:center;}

/* SPONSORS */

#sponsors{ min-width: 1200px;}
.sponsors_left{ float: left; width: 50%; height: 400px;}
.sponsors_right{ float: right; width: 50%; background: #FFF; height: 400px;}
.sponsor_item1{ background-image: url('img/wework.jpg'); width:100%; height: 100%;}
.sponsor_item2{ background-image: url('img/shoreditch.jpg'); width:100%; height: 100%;}
.sponsor_item3{ background-image: url('img/abel.jpg'); width:100%; height: 100%;}
.sponsor_item4{ background-image: url('img/clubpartygirls.jpg'); width:100%; height: 100%;}

.text_item1{ float: left; padding-right: 70px; padding-left: 70px; padding-top: 70px; padding-bottom: 70px;}
.text_item2{ float: left; padding-left: 70px; padding-right: 70px; padding-top: 70px; padding-bottom: 70px;}
.text_item3{ float: right; padding-right: 70px; padding-left: 70px; padding-top: 70px; padding-bottom: 70px;}
.text_item4{ float: left; padding-left: 70px; padding-right: 70px; padding-top: 70px; padding-bottom: 70px;}

.sponsor_title{ font-family: festivo_letters_no9regular; font-size: 40px; margin-bottom: 20px;}
.sponsor_subscription{ font-family: apercuregular; font-size: 15px; margin-bottom: 30px;}
.sponsor_link{ font-family: apercuregular; font-size: 15px;}

/* VIDEOS */

#videos{ background: #64c5b1; width: 100% !important; height: 250px; min-width: 1200px;}
.video_left{ float: left; width: 33%; height: 100%; background-image: url('img/officerave.jpg');}
.video_left2{ float: left; width: 33%; height: 100%; background-image: url('img/morningrave.jpg');}
.video_right{ float: right; width: 34%; height: 100%; background-image: url('img/halloween.jpg');}
.video_button{ margin-top: 95px; margin-bottom: 95px;}
.video_subscription{ font-family: apercuregular; font-size: 18px; color: #FFF;} 

/* FOOTER */

#footer{ background: #222324; width: 100% !important; height: 100% !important; color: #FFF;; color: #969696; font-family: apercuregular; font-size: 10px; letter-spacing: 1px; min-width: 1200px;}

.footer_wrapper{ padding-left: 50px; padding-right: 50px;}
.footer_left{ float: left; width:50%;}
.footer_right{ float: right; width:50%;}
.footer_left1{ float: left; width:50%; margin-top: 40px; margin-bottom: 40px;}
.footer_right1{ float: right; width:50%;}
.footer_button1{ float: right; margin-right: 20px; margin-top: 29px;}
.footer_button2{ float: left; margin-left: 20px; margin-top: 29px;}
.footer_left2{ float: left; width:50%;}
.footer_right2{ float: right; width:50%; text-align: right; margin-top: 40px; margin-bottom: 40px;}

a:link{ color: #b8e985;}
a:visited{color: #b8e985;}
a:hover { color: #000;}
a:active{ color: #b8e985;}

a.footer_menu:link{text-decoration: none; color: #969696;}
a.footer_menu:visited{text-decoration: none; color: #969696;}
a.footer_menu:hover {text-decoration: none; color: #b8e985;}
a.footer_menu:active{text-decoration: none; color: #969696;}