@charset "UTF-8";
/* CSS Document */
html {height:100%;}
body {height:100%;}
div#content {padding-left:0; padding-right:0; height:100%;}
div.title {width:1024px; padding:24px 0 24px 24px; margin:16px auto 0 auto; color:#212121; float:left; }
div.white {color:#FFFFFF;} 
div#page {width:100%;}
div.subpage {width:100%; padding:0 0 20px 0; margin:0 0 20px 0;   float:left;}
div.badge {width:148px; height:149px; position:absolute; top:50px; left:1180px; }


div.bauhaus {background:#212121;}
div.phone {width:1024px; height:100%; margin:0 auto;}
div.phone span {display:block; margin:0 8px 24px 8px; float:left; position:relative; width:240px; height:480px;}
div.x-white span span {margin: 0; background:url(../images/iphonex-white-knockout.png) center center no-repeat; background-size:100%; position: absolute; z-index: 9;}
div.phone span img {width:192px; position:absolute; left:24px; top:32px;}
div.phone span video {position: absolute; top:32px; left: 24px;}
div.phone span iframe {width:90%; height:100%; position:absolute; left:11px; top:11.5%;}
div#circle {width:800px; height: 800px; border-radius: 400px; background: #FCE625; position: fixed; bottom: 0; right: 0; z-index: -99; margin-right: -300px; margin-bottom: -400px; -webkit-animation: color-loop 10s infinite;}

@keyframes color-loop {
0% {background: #FCE625;}
10% {background: #E03C38;}
33.33% {background: #E03C38;}
43.33% {background: #4266C7;}
66.67% {background: #4266C7;}
76.67% {background: #FCE625;}
100% {background: #FCE625;}
}