/*
Theme Name:     Revolution Ragnarok Online
Author:         EADev
Author URI:     http://ea-dev.com/
Description:	Flux theme for Revolution Ragnarok Online
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0;list-style:none;background:url(img/bg.png) center top no-repeat #0c0c0c;font-family:Catamaran,sans-serif}a{text-decoration:none}.footer,.header{height:68px;background:url(img/hf-repeat.png) center top repeat-x;position:relative;z-index:100}.content{height:728px}.server-cards{width:800px;height:615px;margin:0 auto;padding-top:115px;position:relative;z-index:200}.server-card:hover{margin-top:-5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5)}.container::after,.server-card-top::after,.server-cards::after{clear:both;content:'';display:block}.server-card{width:370px;height:500px;float:left;background:#05233d;margin:0 15px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.server-card-content{background:#FFF;height:382px}.server-card-content.revolution{background:url(img/revolution-chars.png) center top no-repeat #FFF}.server-card-content.evolution{background:url(img/evolution-chars.png) center top no-repeat #FFF}.players-online,.server-status{width:50%;float:left;line-height:1;padding:9px 15px;color:#0085ff;font-weight:700;text-transform:uppercase;position:relative}.players-online span,.server-status span{height:32px;width:50%;float:left;display:block}.server-status::after{height:32px;width:1px;background:#46b4e9;position:absolute;top:8px;right:0;content:''}.players-online span.status,.server-status span.status{text-align:center;line-height:32px;font-size:18px;font-weight:900}.players-online span.label,.server-rates{text-align:right}.server-card-content{position:relative}.server-card-content::before{width:370px;height:145px;background:url(img/cards-angle.png) center top no-repeat;content:'';position:absolute;bottom:0;left:0}.server-rates{width:200px;height:48px;font-size:24px;font-weight:900;text-transform:uppercase;display:block;color:#FFF;position:absolute;right:0;bottom:0;line-height:1;padding-right:25px}.server-rates small{font-size:12px;display:block;font-weight:400}.server-card-footer{height:69px;font-size:24px;color:#FFF;font-weight:700;padding:18px 25px}.server-card-footer a{color:#FFF;display:block;font-size:22px}.server-card-footer span{font-weight:900;color:#e8cc13}.server-card-footer i{font-size:34px;float:right}.server-card-top{height:49px}.online{color:#0c3}.social-links{text-align:center;padding-top:32px}.social-links ul{padding:0;margin:0;list-style:none;display:inline-block}.social-links ul li{display:table-cell;vertical-align:middle;color:#FFF}.social-links a{display:inline-block;width:50px;height:50px;margin:0 5px;font-size:32px;line-height:56px;background:#4867aa;color:#FFF}.social-links a.twitter{background:#00abf1}.social-links a.youtube{background:#e42c24}.footer{text-align:center;color:#FFF;font-size:13px;padding-top:25px}.effect-1,.effect-2,.effect-3{width:379px;height:438px;background:url(img/slider-t-1.png) center top no-repeat;position:absolute;top:auto;right:0;bottom:-97px}.effect-2{width:298px;height:345px;top:120px;left:0;right:auto;background:url(img/slider-t-2.png) center top no-repeat}.effect-3{width:318px;height:368px;top:-22px;bottom:auto;background:url(img/slider-t-3.png) center top no-repeat}.appear{opacity:0}.appear.animated{opacity:1}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}.container{width:1170px;margin:0 auto;padding:18px}.server-time{float:right;line-height:31px;color:#FFF;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.server-time span{background:#e8cc13;border-radius:4px;line-height:1;display:block;float:right;padding:4px 10px 0;text-transform:uppercase!important;margin-left:15px}.offline{color:red}