@charset "utf-8";
:root{--ColorGlobal:#333333;--ColorHover:#E51818;}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
img{vertical-align: middle; }
body{margin:0px; padding:0px; font-size: 14px; text-rendering: optimizelegibility; color: var(--ColorGlobal); font-family: 'Arial'; line-height: 1.5; background: #fff;}
a{ text-decoration: none; outline: none;} 
h1,h2,h3,h4,h5,h6{font-weight: normal; margin: 0;}
.clear {width: 100%;clear: both;}
.transition, .hover_scale, .hover_rotate, .hover_opacity{transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
.hover_scale:hover{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); }
.hover_rotate:hover{transform: rotate(360deg); -moz-transform:scale(360deg); -webkit-transform:scale(360deg); -o-transform:scale(360deg); }
.hover_opacity:hover{opacity: 0.7; }
#pre-loader{background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; display: flex; align-items: center; text-align: center; }
.spinner {margin: 100px auto; width: 50px; height: 40px; text-align: center ; font-size: 10px; }
.spinner > div {background-color:#48290c; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } }
@keyframes sk-stretchdelay {0%, 40%, 100% {transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }  20% {transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }
img{max-width:100%; height: auto;}
#top {background: url(../images/top.png) no-repeat; background-size: 100% 100%; height: 50px; width: 50px; position: fixed; bottom: 70px; right: 10px; cursor: pointer; z-index: 99999; }
#wrapper{width:100%;  margin:0 auto;text-align:center;position:relative; padding-top: 115px;}
.container{width:100%; max-width:1220px;padding:0px 10px;margin:0 auto;text-align:left;}
#header h1{position:fixed;top:0;left:0;font-size:1px;color:#000;z-index:1;opacity:0;}
ul.pagination{display:inline-block;width:100%;margin:10px 0px;text-align:center;color:#FE0233;}
ul.pagination li.page_info{display:none;}
ul.pagination li{display:inline;padding:0 3px;}
ul.pagination a{
    color: #DA5200;
    display: inline-block;
    padding: 2px 9px;
    border: 1px solid #DA5200;
    text-decoration: none;
    font-size: 12px;
}
ul.pagination a:hover,
ul.pagination a.current{   
    background: #DA5200;
    color: #fff;
    border: 1px solid #DA5200;
}
.pagination{margin:auto;width:auto;text-align:center;margin-top:10px;}
.pages li.prev{margin-right:15px;}
.pages li.next{margin-left:15px;}
.pages li{display:inline-block;margin:5px 2px;}
.pages li a{height:25px;padding:4px 8px;text-decoration:none;color:#666666;font-weight:bold;background:url(images/backgrounds/pagingBg.png) repeat-x 0 0;border:1px solid #d5d5d5;font-size:11px;}
.pages li a:hover{background:#f6f6f6;}
.pages li .active{color:#fff;border-color:#424852;}
.pages li .active:hover{background:#2a313d;}
.breakroom {
    padding: 15px 10px 15px 10px;
    font-size: 13px;
    color: #a7a7a7;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #eeeeee;
    font-family: 'RobotoRegular';
}

.breakroom span {
    color: #333;
    display: inline-block;
    font-family: 'RobotoRegular';
}
.breakroom a {
    color: #333;
    font-size: 13px;
}
.breakroom a i {
    font-size: 17px;
    color: #a7a7a7;
}
.breakroom a span {
    font-size: 13px;
}
.breakroom a:hover {
    color: #f00;
}

.breakroom a:hover i {
    color: #f00;
}