@font-face{src:url(../fonts/Simple-Joys.ttf);font-family:'Simple Joys'}
body{background-color:#698024;background-image:linear-gradient(to bottom,#70872c 0%,#b7e045 11%,#b2d946 100%)}
.header{height:50px;background-color:#9EC440;border-bottom:1px solid rgba(0,0,0,0.5);background-image:linear-gradient(to bottom,#9fc440 46%,#97bd37 56%);list-style:none;position:fixed;left:0;top:0;right:0;z-index:5;box-shadow:0 3px rgba(0,0,0,0.3);overflow:hidden;text-align:center}
.logo{display:inline-block;vertical-align:top}
.logo h1{color:rgba(0,0,0,0.8);font:50px/60px 'Simple Joys',sans-serif;text-shadow:1px 1px rgba(255,255,255,0.1);cursor:pointer}
.logo h1 sub{font:Bold 65px/60px 'Simple Joys';color:#FFF;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.logo h1 span{font-size:50px;color:rgba(0,0,0,0.2);text-shadow:1px 1px rgba(255,255,255,0.1)}
.menu-box{border-left:1px solid rgba(255,255,255,0.3);box-shadow:-1px 0 rgba(0,0,0,0.1);display:inline-block;vertical-align:top}
.menu-box a{text-decoration:none;color:#000;text-shadow:1px 1px rgba(255,255,255,0.3);font:Bold 13px/50px Arial,sans-serif;padding:0 5px}
.menu-box a.actived{color:#FFF;text-shadow:1px 1px rgba(0,0,0,0.5)}
.menu-box a:first-child{padding-left:15px}
.menu-box a:not(.actived):hover{text-decoration:underline}
.search-box{display:inline-block;vertical-align:top;list-style:none;background-color:rgba(255,255,255,0.3);padding:5px;margin:5px 10px 7px;border:1px solid rgba(255,255,255,0.5);box-shadow:0 0 5px 1px rgba(255,255,255,0.1)}
.search-box input{font-size:12px;border:0;padding:3px 10px;background:transparent;font-family:'Exo 2',"Comic Sans MS",cursive;outline:none;-moz-outline:none}
.search-box input[type='text']{padding-left:15px;padding-right:15px;color:#000;transition:all 300ms linear}
.search-box input[type='button']{background-color:rgba(0,0,0,0.1);color:#FFF;cursor:pointer;border:1px solid rgba(0,0,0,0.3)}
.content{margin:100px auto;min-height:1000px;width:90%}
.hexagon{position:relative;width:139.6px;height:80.83px;margin:40.41px 0;background-size:auto 159.3487px;background-position:center;border-left:1px solid #000;float:left;display:block;margin-top:10px}
.hexTop,.hexBottom{position:absolute;z-index:1;width:98.99px;height:98.99px;overflow:hidden;-webkit-transform:scaleY(0.5774) rotate(-45deg);-ms-transform:scaleY(0.5774) rotate(-45deg);transform:scaleY(0.5774) rotate(-45deg);background:inherit;left:19.5px}
.hexTop:after,.hexBottom:after{content:"";position:absolute;width:138px;height:79.674337148168px;-webkit-transform:rotate(45deg) scaleY(1.7321) translateY(-39.8372px);-ms-transform:rotate(45deg) scaleY(1.7321) translateY(-39.8372px);transform:rotate(45deg) scaleY(1.7321) translateY(-39.8372px);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;background:inherit}
.hexTop{top:-49.4975px;border-top:solid 1.4142px #000;border-right:solid 1.4142px #000}
.hexTop:after{background-position:center top}
.hexBottom{bottom:-49.4975px;border-bottom:solid 1.4142px #000;border-left:solid 1.4142px #000}
.hexBottom:after{background-position:center bottom}
.hexagon:after{content:"";position:absolute;top:.5774px;left:0;width:138px;height:79.6743px;z-index:2;background:inherit}
.patner-box{text-align:center;margin:10px}
.patner-box a{font:12px/30px Arial;display:inline-block;vertical-align:top;padding-left:20px;margin:5px;color:#FFF;text-decoration:none}
.patner-box a:hover{text-decoration:underline}
.patner-box span{font:12px/20px Arial;color:rgba(0,0,0,0.5);display:inline-block;vertical-align:top;margin:5px;background:rgba(0,0,0,0.05);padding:5px 10px;border-radius:15px 0}
.footer{text-align:center;background:rgba(255,255,255,0.1);font:12px/30px Arial;text-shadow:1px 1px rgab(255,255,255,0.2);box-shadow:0 -1px rgba(0,0,0,0.05);border-top:1px solid rgba(255,255,255,0.1)}
.footer a.site-name{font:25px/20px 'Simple Joys',sans-serif;color:#FFF;text-decoration:none}