@font-face {font-family: Avenir; src: url("../fonts/Avenir-Regular.otf");}
@font-face {font-family: AvenirBold; src: url("../fonts/Avenir-Bold.otf");}
body{margin: 0; font-family: Avenir; text-align:center;}
p, h3{text-align: left;}
.wrapper{width: 1200px; margin: auto;}
#header{height: 240px; background-image:url('../img/header-bg.png'); position: fixed; width: 100%;}
#header div{padding: 8px; display: inline-block;}
#header-menu{float: left; margin: 80px 0; font-size: 16px;}
#header-social{float: right; margin: 80px 0;}
#header-menu a{display: inline-block; padding: 8px; text-decoration: none; color: #555;}
#header-menu a:hover{color: #006FB9; text-decoration: underline;}
#header-menu a.active{color: #006FB9; font-family: AvenirBold;}
#header-menu a.active:hover{text-decoration: none;}
#header-logo{margin: 20px auto;}
#header-social a{display:inline-block;}
#li{background-image: url('../img/lih.png');}
#li:hover img, #ig:hover img, #fb:hover img{opacity:0;}
#ig{background-image: url('../img/igh.png');}
#fb{background-image: url('../img/fbh.png');}
#home a{display: inline-block; margin: 8px; background-repeat: no-repeat;}
#home a img:hover{opacity:0;}
.h01{background-image: url('../img/home/hover/01.png');}
.h02{background-image: url('../img/home/hover/02.png');}
.h03{background-image: url('../img/home/hover/03.png');}
.h04{background-image: url('../img/home/hover/04.png');}
.h05{background-image: url('../img/home/hover/05.png');}
.h06{background-image: url('../img/home/hover/06.png');}
.h07{background-image: url('../img/home/hover/07.png');}
.h08{background-image: url('../img/home/hover/08.png');}
.h09{background-image: url('../img/home/hover/09.png');}
.h10{background-image: url('../img/home/hover/10.png');}
.h11{background-image: url('../img/home/hover/11.png');}
.h12{background-image: url('../img/home/hover/12.png');}
.h13{background-image: url('../img/home/hover/13.png');}
.h14{background-image: url('../img/home/hover/14.png');}
.h15{background-image: url('../img/home/hover/15.png');}
.h16{background-image: url('../img/home/hover/16.png');}
.ilb{display: inline-block; vertical-align: top;}
h3{color:#006FB9; font-family: AvenirBold;}
.bgblue{background-color:#006FB9; padding:60px 20px;}
#bayer table{padding-top: 50px;}
.header-space{height: 240px;}
.footer{background-color: #006FB9; color: #FFF; padding: 50px; text-align:center;}
.white-section{padding: 50px 0; vertical-align:top;}
#bmw .bgblue img{display: inline-block; padding:15px;}
#uniqa td{vertical-align:top;}
#lor .white-section img{vertical-align:top;}
#honor td{vertical-align: top;}
#honor td:first-child{padding-left: 28px;}
.to-middle img{vertical-align: middle;}
#videogames .extra{float:right; text-align:left; font-family:AvenirBold; color: #006FB9; font-size:27px;}
#videogames .extra button, #contact button{font-family: AvenirBold; color: #FFF; text-transform: uppercase; font-size: 20px; background-color: #006FB9; padding: 10px 40px; border-radius: 20px; border: 0; float: right; margin: 20px; cursor: pointer;}
#videogames .extra button img{padding-right: 20px;}
#goku{position: absolute; top: 350px; left: -70px;}
#energizer .to-middle{padding-bottom: 8px;}
#contact h1{color: #006FB9; font-family: AvenirBold; text-align: left; text-transform: uppercase; font-size:50px;}
#contact input, #contact textarea{border: 1px solid #888; padding: 10px 15px; border-radius: 20px; display: block; font-size: 20px; margin: 40px 40px 40px 0; width: 510px;}
#contact textarea{height: 280px;}
#contact input::placeholder, #contact textarea::placeholder{color: #006FB9; opacity:1;}
#contact button{width:280px; font-size: 20px; font-family: AvenirBold; margin:20px 50px;}
#about h1{color: #006FB9; font-family: AvenirBold; text-align: left; text-transform: uppercase; font-size:40px; margin: 0;}
#about span{font-family: AvenirBold;}
#ss .play{font-family: AvenirBold; color: #FFF; text-transform: uppercase; font-size: 20px; background-color: #006FB9; padding: 10px 20px; border-radius: 20px; border: 0; cursor: pointer;}
.play img{position: relative; top: 2px;}
.play-link{display: inline-block; margin: 300px 0;}
.award{font-family: AvenirBold; color: #FFF; text-transform: uppercase; font-size: 15px; background-color: #006FB9; padding: 10px 20px; border-radius: 20px; border: 0; cursor: pointer; vertical-align: top; margin: 0 64px}
#ss h3{font-size: 27px;}
