.intro{width:100%;height:30px}.intro h1{font-family:'Oswald',sans-serif;letter-spacing:2px;font-weight:normal;font-size:14px;color:#222;text-align:center;margin-top:10px}.intro a{color:#e74c3c;font-weight:bold;letter-spacing:0}.intro img{width:20px;heght:20px;margin-left:5px;margin-right:5px;position:relative;top:5px}*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#container{width:715px;height:230px;margin:50px auto}.button-1{width:162px;height:44px;font-weight:400;border:1px solid #fff;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:-23px 0 40px 0}.button-1 a{font-family:Tahoma,Geneva,sans-serif;font-size:16px;font-weight:600;color:#fff;text-decoration:none;line-height:42px;transition:all 0.5s ease;z-index:2;position:relative}.eff-1{width:162px;height:44px;top:-2px;right:-162px;background:#34495e;position:absolute;transition:all 0.5s ease;z-index:1}.button-1:hover .eff-1{right:0}.button-1:hover a{color:#fff}.button-2{width:140px;height:50px;border:2px solid #34495e;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:0 0 40px 50px}.button-2 a{font-family:arial;font-size:16px;color:#34495e;text-decoration:none;line-height:50px;transition:all 0.5s ease;z-index:2;position:relative}.eff-2{width:140px;height:50px;top:-50px;background:#34495e;position:absolute;transition:all 0.5s ease;z-index:1}.button-2:hover .eff-2{top:0}.button-2:hover a{color:#fff}.button-3{width:140px;height:50px;border:2px solid #34495e;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:0 0 40px 50px}.button-3 a{font-family:arial;font-size:16px;color:#34495e;text-decoration:none;line-height:50px;transition:all 0.5s ease;z-index:2;position:relative}.eff-3{width:140px;height:50px;bottom:-50px;background:#34495e;position:absolute;transition:all 0.5s ease;z-index:1}.button-3:hover .eff-3{bottom:0}.button-3:hover a{color:#fff}.button-4{width:162px;height:44px;border:2px solid #34495e;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:0 0 0px -14px}.button-4 a{font-family:Tahoma,Geneva,sans-serif;font-size:16px;color:#34495e;text-decoration:none;line-height:42px;transition:all 0.5s ease;z-index:2;position:relative}.eff-4{width:162px;height:44px;left:-162px;background:#34495e;position:absolute;transition:all 0.5s ease;z-index:1}.button-4:hover .eff-4{left:0}.button-4:hover a{color:#fff}.button-5{width:140px;height:50px;border:2px solid #34495e;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:0 0 40px 0}.button-5 a{font-family:arial;font-size:16px;color:#34495e;text-decoration:none;line-height:50px;transition:all 0.5s ease;z-index:2;position:relative}.eff-5{width:140px;height:50px;left:-140px;top:-50px;background:#34495e;position:absolute;transition:all 0.5s ease;z-index:1}.button-5:hover .eff-5{left:0;top:0}.button-5:hover a{color:#fff}.button-6{width:140px;height:50px;border:2px solid #34495e;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:0 0 40px 50px}.button-6 a{font-family:arial;font-size:16px;color:#34495e;text-decoration:none;line-height:50px;transition:all 0.5s ease;z-index:2;position:relative}.eff-6{width:140px;height:50px;right:-140px;bottom:-50px;background:#34495e;position:absolute;transition:all 0.5s ease;z-index:1}.button-6:hover .eff-6{right:0;bottom:0}.button-6:hover a{color:#fff}.button-7{width:140px;height:50px;border:2px solid #34495e;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:0 0 40px 50px}.button-7 a{font-family:arial;font-size:16px;color:#34495e;text-decoration:none;line-height:50px;transition:all 0.5s ease;z-index:2;position:relative}.eff-7{width:140px;height:50px;border:0px solid #34495e;position:absolute;transition:all 0.5s ease;z-index:1;box-sizing:border-box}.button-7:hover .eff-7{border:70px solid #34495e}.button-7:hover a{color:#fff}.button-8{width:212px;height:46px;border:0px solid #264655;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:0 0 40px 50px;background-color:#0e182d;box-shadow:0 3px #999}.button-8 a{font-family:arial;font-size:16px;color:#fff;text-decoration:none;line-height:45px;transition:all 0.5s ease;z-index:2;position:relative}.eff-8{width:212px;height:46px;border:70px solid #3073ac;position:absolute;transition:all 0.5s ease;z-index:1;box-sizing:border-box}.button-8:hover .eff-8{border:0px solid #3073ac}.button-8:hover a{color:#fff}h1{font-family:'Oswald',sans-serif;font-weight:normal;font-size:24px;color:#34495e;text-align:center;margin:0 auto 40px 0}h1:first-letter{color:#e74c3c;border-bottom:1px solid #e74c3c}footer{position:absolute;width:100%;height:30px;border-top:1px solid #34495e;bottom:0;display:none}footer h1{font-family:'Oswald',sans-serif;font-weight:normal;font-size:14px;color:#34495e;text-align:left;margin-left:5%}footer a{font-family:'Oswald',sans-serif;font-weight:normal;font-size:14px;color:#34495e}#search-bar1{position:absolute;margin-top:22px;left:80%;transform:translate(-100%,0%);transition:all 1s;width:50px;height:50px;background:#fff;box-sizing:border-box;border-radius:25px;border:4px solid #fff;padding:14px;opacity:0.5}#search-bar1 input{position:absolute;top:0;left:0;width:90%;height:42.5px;line-height:30px;outline:0;border:0;display:none;font-size:1em;border-radius:20px;padding:0 20px}#search-bar1:hover{width:200px;cursor:pointer}#search-bar1:hover input{display:block}#search-bar1:hover .fa{background:#07051a;color:#fff}@media (max-width:767.98px){#search-bar1{}}