@font-face{font-family:'Roundy Rainbows';src:url(../fonts/Roundy-Rainbows.otf)}
@font-face{font-family:'PORKYS';src:url(../fonts/joke.ttf)}
body{background-repeat:repeat;background-attachment:scroll;background-position:0 0;background-clip:border-box;background-origin:padding-box;background-size:auto auto;background-color:#0C99D5;background-image:linear-gradient(to bottom,rgba(12,153,213,0),rgba(12,153,213,0) 100px,#0C99D5 450px,#0C99D5),repeating-linear-gradient(-62deg,#00A7E0,rgba(12,153,213,0) 700px,#00A7E0 700px,rgba(12,153,213,0) 850px,#00A7E0 850px,rgba(12,153,213,0) 1100px);color:#292929;font-family:Arial,Helvetica,sans-serif;font-size:12px;overflow-x:hidden}
.preload-box{margin:0 auto;position:fixed;left:0;top:0;right:0;bottom:0;background-repeat:repeat;background-attachment:scroll;background-position:0 0;background-clip:border-box;background-origin:padding-box;background-size:auto auto;background-color:#0C99D5;background-image:linear-gradient(to bottom,rgba(12,153,213,0),rgba(12,153,213,0) 100px,#0C99D5 450px,#0C99D5),repeating-linear-gradient(-62deg,#00A7E0,rgba(12,153,213,0) 700px,#00A7E0 700px,rgba(12,153,213,0) 850px,#00A7E0 850px,rgba(12,153,213,0) 1100px);z-index:3}
.preload-center-box{margin:100px auto;width:100px;height:100px}
a{text-decoration:none;outline:none}
.header-box{height:44px;background-color:rgba(0,0,0,0.1);background-image:linear-gradient(to bottom,rgba(43,121,194,0.9) 47%,rgba(42,118,189,0.9) 57%);border-bottom:1px solid rgba(0,0,0,0.8);box-shadow:0 1px 5px rgba(0,0,0,0.3);position:fixed;left:0;top:0;right:0;z-index:5}
.logo-box{font:Normal 20px/44px 'Roundy Rainbows',Arial;display:block;margin:0 10px;float:left;color:rgba(0,0,0,0.4);text-shadow:1px 1px rgba(255,255,255,0.1)}
.logo-box:first-letter{font-size:35px}
.logo-box span{font:normal 45px/44px PORKYS;color:rgba(255,255,255,0.9);font-size:40px;text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.logo-box sub{font-size:18px;color:rgba(0,0,0,0.4)}
.nav{display:block;float:left;font:Bold 12px/30px Arial;margin:7px 0;padding:0 10px 0 35px;color:rgba(0,0,0,0.9);transition:all 300ms linear}
.nav:not(.actived):hover{height:44px;line-height:44px;margin:0;border-bottom:2px solid rgba(255,255,255,0.9);color:rgba(255,255,255,0.9)}
.actived{height:44px;line-height:44px;margin:0;border-bottom:2px solid #ff0;color:#ff0;cursor:default}
.other-box{background:url(../backend/icons/arrow-down.png) 8px center no-repeat;padding-left:23px;position:relative;cursor:pointer}
.nav-other-sub{position:absolute;left:-15px;top:3px;width:120px;z-index:5000;border-radius:0;display:none;border-radius:0;overflow:hidden;padding:35px 5px 5px}
.nav-other-sub-contents{background-color:#1066a3;border:1px solid rgba(0,0,0,0.1);box-shadow:1px 1px 25px rgba(0,0,0,0.5)}
.other-box:hover .nav-other-sub{display:block}
.nav-other-sub a{display:block;font:12px/20px Arial;text-align:left;color:#000;background-color:rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.08);box-shadow:0 -1px rgba(0,0,0,0.2);padding:9px;transition:all 300ms linear;padding-left:30px}
.nav-other-sub a:not(.is-actived):hover{color:#FFF;font-weight:700}
.nav-other-sub a.is-actived{color:#ff0;font-weight:700;cursor:default}
.search-box{display:block;float:right;height:28px;margin:7px 10px 0 0;border:1px solid rgba(0,0,0,0.15);background-color:rgba(255,255,255,0.1);border:1px solid rgba(0,0,0,0.3);position:relative}
.search-box input{margin:0;border:0;float:left;height:28px;font:12px Arial;background-color:transparent;outline:none}
.search-box input[type=text]{padding:0 10px;width:180px}
.search-box input[type=submit]{padding:3px 5px;background-color:rgba(0,0,0,0.1);font-weight:700;color:#000;cursor:pointer;width:30px}
.search-sub-box{position:absolute;right:0;top:50px;width:300px;background-color:#2678BE;z-index:5;border:1px solid rgba(0,0,0,0.15);box-shadow:1px 1px 15px rgba(0,0,0,0.5);border-radius:1px;display:none}
.search-sub-caption-box{background-color:rgba(255,255,255,0.3);height:30px;font:Italic Bold 12px/30px Arial;padding:5px;color:rgba(255,255,255,0.6);text-shadow:none}
.search-sub-box a,.search-sub-box span{display:block;padding-left:20px;font:12px/26px Arial;box-shadow:0 1px rgba(255,255,255,0.1);text-decoration:none;color:#FFF;transition:all 20ms linear;box-sizing:border-box}
.search-sub-box a:last-child,.search-sub-box span:last-child{border:0;box-shadow:none}
.search-sub-box a:hover{background-color:rgba(255,255,255,0.1)}
.search-sub-box span{color:rgba(255,255,255,0.3)}
.selected{background-color:rgba(255,255,255,0.3);box-sizing:border-box;padding:10px 5px;border:1px solid red}
.sub-menu-box{height:40px;margin:45px 0 0;text-align:center;background-color:rgba(0,0,0,0.05)}
.sub-menu-box a{display:inline-block;vertical-align:top;font:12px/30px Arial;padding:5px 10px;border-right:1px solid rgba(0,0,0,0.05);box-shadow:1px 0 rgba(255,255,255,0.03);color:#000;transition:all 100ms linear;padding-left:28px}
.sub-menu-box a:not(.sub-actived):hover{color:#FFF;text-decoration:underline}
.sub-menu-box a.sub-actived{color:rgba(0,0,0,0.3);cursor:default}
.sub-menu-box a:nth-last-child(2){border:0;box-shadow:none}
.order-by-caption-box{display:inline-block;vertical-align:top;font:Italic 12px/20px Arial;padding:5px 5px 5px 10px;margin-top:5px}
.order-by-box{display:inline-block;vertical-align:top;font:12px/20px Arial;padding:4px 10px;cursor:pointer;background:url(../icons/saven.png) 3px 3px no-repeat rgba(0,0,0,0.2);padding-left:25px;position:relative;margin-top:5px;border-radius:2px;border:1px solid rgba(0,0,0,0.15);box-shadow:0 0 5px rgba(0,0,0,0.2)}
.order-by-box:hover{border: 1px solid rgba(0,0,0,0.1);box-shadow:0 0 1px rgba(255,255,255,0.1)}
.order-by-sub-box{position:absolute;left:0;top:35px;z-index:5;display:none;background-color:#2679BF;box-shadow:1px 1px 5px rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.1)}
.order-by-sub-box li{width:130px}
.order-by-sub-box li span{display:block;padding:5px;text-align:right;padding-right:20px;border-bottom:1px solid #05A2DD;color:#FFF;font:12px/36px Arial}
.order-by-sub-box li span:last-child{border-bottom:0}
.order-by-sub-box li span:hover{background-color:rgba(0,0,0,0.1)}
.order-by-sub-box li span.is-actived{background:url(../icons/saven.png) 4px center no-repeat rgba(0,0,0,0.3);background-size:15px 15px;font:12px/20px Arial;cursor:default}
article{margin:-16px auto 0;padding:0;border:0;padding-bottom:80px;min-height:1000px}
a.item, section.adfg-ad-box{width:150px;height:150px;display:block;margin:30px;background-color:rgba(102,102,102,0.5);
background-image:-webkit-gradient(linear,right top,left bottom,color-stop(0.58,#57d1fa),color-stop(0.59,#0579a3),color-stop(0.59,#fff),color-stop(0.98,#53d2fc));
background-image:-o-linear-gradient(left bottom,#57d1fa 58%,#0579a3 59%,#fff 59%,#53d2fc 98%);
background-image:-moz-linear-gradient(left bottom,#57d1fa 58%,#0579a3 59%,#fff 59%,#53d2fc 98%);
background-image:-webkit-linear-gradient(left bottom,#57d1fa 58%,#0579a3 59%,#fff 59%,#53d2fc 98%);
background-image:-ms-linear-gradient(left bottom,#57d1fa 58%,#0579a3 59%,#fff 59%,#53d2fc 98%);
background-image:linear-gradient(to left bottom,#57d1fa 58%,#0579a3 59%,#fff 59%,#53d2fc 98%);
overflow:hidden;box-shadow:0 0 2px rgba(0,0,0,0.9);padding:5px;position:relative;border-radius:12px}
a.item:hover, section.adfg-ad-box:hover{background-image:linear-gradient(to left bottom,#faf257 58%,#a15906 59%,#fff 59%,#53d2fc 98%)}
.item img, section.adfg-ad-box img{width:100%;height:100%;border-radius:9px}
.shadow-box{position:absolute;left:5px;top:5px;right:5px;bottom:5px;box-shadow:0 0 5px 3px rgba(0,0,0,0.6) inset;z-index:1;border-radius:8px}
.item span.name{background-color:rgba(0,0,0,0.3);color:#FFF;font:bold 13px/18px Arial;text-transform:uppercase;bottom:0;left:0;top:0;right:0;position:absolute;text-align:center;text-shadow:1px 1px 3px #000;opacity:0;border-radius:0 0 8px 8px;display:table;width:100%;height:100%;border-radius:9px}
.item span.name span.cell{display:table-cell;vertical-align:middle;text-align:center;padding:0 10px}
.item[data-size="22"] span.name{font:Bold 23px/36px Arial}
.item[data-size="21"] span.name{font:Bold 16px/25px Arial}
.item:hover span.name{/*-ms-animation:moveFromRight 250ms linear;-moz-animation:moveFromRight 250ms linear;-o-animation:moveFromRight 250ms linear;*/opacity:1}
.item::before,.item::after{box-sizing:border-box;content:'';position:absolute;width:100%;height:100%}
.draw{-webkit-transition:color .3s;transition:color .3s;border-radius:12px}
.draw::before,.draw::after{border:6px solid transparent;width:0;height:0;border-radius:12px}
.draw::before{top:0;left:0}
.draw::after{bottom:0;right:0}
.draw:hover::before,.draw:hover::after{width:100%;height:100%}
.draw:hover::before{border-top-color:red;border-right-color:red;-webkit-transition:width .3s ease-in-out,height .3s ease-in-out .3s;transition:width .3s ease-in-out,height .3s ease-in-out .3}
.draw:hover::after{border-bottom-color:red;border-left-color:red;-webkit-transition:border-color 0 ease-in-out 0.5s,width .3s ease-in-out 0.5s,height .3s ease-in-out .75s;transition:border-color 0 ease-in-out 0.5s,width .3s ease-in-out 0.5s,height .3s ease-in-out .75s}
.center::before,.center::after{top:0;left:0;height:100%;width:100%;-webkit-transform-origin:center;transform-origin:center;border-radius:12px}
.center::before{border-top:2px solid red;border-bottom:2px solid red;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}
.center::after{border-left:2px solid red;border-right:2px solid red;-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1)}
.center:hover::before,.center:hover::after{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform 0.5s,-webkit-transform .5s}
span.item{height:30px;width:100px;margin:20px auto;font:italic 15px/30px Arial;padding:10px}
footer{background-color:#2bc6ff;background-image:linear-gradient(to right,#2bc6ff 4%,#0c99d5 76%);font:12px/50px Arial;text-align:center}
footer div{display: inline-block;vertical-align:top}
.footer-logo{color:rgba(0,0,0,0.8);text-decoration:none;font-family:'Roundy Rainbows',Arial;font-size:15px;padding-left:3px}
.footer-logo span{color:#FFF;text-shadow:1px 1px rgba(0,0,0,0.3)}
.footer-logo sub{color:rgba(0,0,0,0.8);font-size:11px}
.partner-box{background:transparent;text-align:center}
.partner-box span, .partner-box a{display:inline-block;vertical-align:top;text-decoration:none}
.partner-box span{font:12px/30px Arial; color:rgba(0,0,0,0.3);}
.partner-box a{padding-left:20px;margin-left:5px;font:12px/30px Arial;color:rgba(0,0,0,0.5)}
.next-page{display:none}
.footer-ads-box{width:970px;height:90px;margin:10px auto;background-color:rgba(255,255,255,0.2);padding:5px;position:relative;border-radius:0 3px 3px 0}
.footer-ads-box ul:first-child{position:absolute;left:-60px;top:39px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:5;text-shadow:1px 1px rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.2);display:block;height:20px;width:100px;text-align:center;font:12px/20px Arial;color:#FFF;border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:0 1px rgba(255,255,255,0.1);border-radius:3px 3px 0 0}
.lang-box{height:22px;margin-top:16px;border-top:1px solid rgba(0,0,0,0.5);border-left:1px solid rgba(0,0,0,0.5);background:url(../backend/icons/arrow-down.png) no-repeat 3px center rgba(255,255,255,0.3);padding:0 8px 0 18px;cursor:pointer;position:relative}
.lang-box:hover{background-color:rgba(255,255,255,0.1)}
.lang-box ul{font:12px/22px Arial}
.sub-lang-box{position:absolute;left:0;bottom:26px;width:100px;max-height:500px;background-color:#235076;box-shadow:1px 1px 5px rgba(0,0,0,0.5);border:1px solid #FFF;display:none}
.sub-lang-box a{text-align:left;padding-left:10px;font:12px/30px Arial;color:#FFF;border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:0 1px rgba(255,255,255,0.1);display:block;text-transform:capitalize}
.sub-lang-box a:hover{background-color:rgba(255,255,255,0.3)}
/*Preload box*/
#bowlG{position:relative;width:50px;height:50px}
#bowl_ringG{position:absolute;width:50px;height:50px;border:4px solid #2778BD;-moz-border-radius:50px;-webkit-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px}
.ball_holderG{position:absolute;width:13px;height:50px;left:18px;top:0;-moz-animation-name:ball_moveG;-moz-animation-duration:1.3s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-webkit-animation-name:ball_moveG;-webkit-animation-duration:1.3s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-ms-animation-name:ball_moveG;-ms-animation-duration:1.3s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:ball_moveG;-o-animation-duration:1.3s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear;animation-name:ball_moveG;animation-duration:1.3s;animation-iteration-count:infinite;animation-timing-function:linea}
.ballG{position:absolute;left:0;top:-12px;width:20px;height:20px;background:#FFF;-moz-border-radius:17px;-webkit-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;border-radius:17px}
@-moz-keyframes ball_moveG {
0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes ball_moveG {
0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}
@-ms-keyframes ball_moveG {
0%{-ms-transform:rotate(0deg)}
100%{-ms-transform:rotate(360deg)}
}
@-o-keyframes ball_moveG {
0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(360deg)}
}
@keyframes ball_moveG {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
/****************************/
@-moz-keyframes moveFromRight {
from{opacity:0;-moz-transform:translateX(50%)}
to{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes moveFromRight {
from{opacity:0;-ms-transform:translateX(50%)}
to{opacity:1;-ms-transform:translateY(0)}
}
@-o-keyframes moveFromRight {
from{opacity:0;-o-transform:translateX(50%)}
to{opacity:1;-o-transform:translateY(0)}
}