/* Table Of Contents 1.) Homepage ===============================================*/
 .wrapper {
     background: url(../images/bg-home.png) center top no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
}
 html {
     background-color: #13100f;
}
 .home-content {
     padding: 3px 0 58px;
}
 .logo {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 50%;
     margin-bottom: 70px;
}
 .slogan-fig {
     position: relative;
}
 .slogan {
     position: absolute;
     font-size: 3.2rem;
     font-weight: bold;
     left: 18.4%;
     bottom: -8px;
     color: #e4d1c6;
     text-transform: uppercase;
     letter-spacing: 3.1px;
     font-family: 'Candara';
}
 .main-content-wrap {
     position: relative;
}
 .main-content-wrap:after, .main-content-wrap:before {
     position: absolute;
     content: "";
     bottom: -50px;
     left: -7%;
     width: 114%;
     height: 94px;
     background: url(../images/content-end.png) center top no-repeat;
    /*display: none;
     */
    ;
}
 .main-content-wrap:before {
     background: url(../images/glow.png) center top no-repeat;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 100%;
     bottom: -95px;
}
 .content-info {
     width: 65.6%;
     background: url(../images/content-main.png) center top no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
}
 .subpage-info p {
     font-family: 'Ebrima';
     font-size: 16px;
     text-shadow: 1px 1px 1px rgba(0,0,0,.45), 0 0 5px rgba(0,0,0,.95);
     margin: 0 25px 10px 25px;
     line-height: 1.33;
     text-align: justify;
}
/*---------------news-------*/
 .news {
     padding: 30px 23px 0;
}
 .news-head {
     position: relative;
     padding-bottom: 22px;
}
 .news-head:after {
     position: absolute;
     left: 0;
     bottom: -5px;
     width: 100%;
     height: 30px;
     content: "";
     background: url(../images/news-bg.png) center top no-repeat;
}
 .old-news {
     color: #483d3b;
     font-size: 1.4rem;
     margin: 3px 7px;
}
 .icon-prev {
     background-position: -277px -75px;
     width: 8px;
     height: 11px;
}
 .admin {
     font-size: 1.2rem;
     font-family: Arial, Helvetica, sans-serif;
     color: #453b38;
}
 .brown {
     color: #743120;
}
 .news-content {
     padding: 22px 0 19px;
     position: relative;
}
 .habitant {
     padding: 19px 0 19px;
}
 .news-content:after {
     position: absolute;
     left: -4%;
     bottom: -12px;
     background: url(../images/p-line.png) no-repeat;
     content: "";
     height: 30px;
     width: 108%;
}
 .news-content h2 {
     margin-bottom: -2px;
}
 .news-content .admin {
     padding: 0 0 23px 0px;
     letter-spacing: 0.3px;
}
 .news-content p {
     line-height: 1.63;
     padding-right: 9px;
     margin-bottom: 10px;
     text-align: justify;
}
 .news-content p:last-child {
     margin-bottom: 0;
}
 .side-info {
     padding: 0 10px;
     width: 34%;
     background: url(../images/side-bar.png) center top no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
}
/*---------------social-icons-------*/
 .social-icons {
     display: inline-block;
     margin-bottom: 19px;
     padding-bottom: 14px;
     padding-top: 20px;
     position: relative;
}
 .social-icons i {
     width: 50px;
     height: 52px;
}
 .social-icons li {
     display: inline-block;
     line-height: 0.7;
     position: relative;
}
 .social-icons li:after {
     background: url(../images/sprite.png) center top no-repeat;
     background-position: -9px -271px;
     width: 55px;
     height: 67px;
     content: "";
     position: absolute;
     left: -4px;
     top: -8px;
}
 .social-icons li a {
     line-height: 0;
     position: relative;
     z-index: 1;
}
 .icon-in {
     background-position: 0 0;
}
 .icon-google {
     background-position: -52px 0;
}
 .icon-pinterest {
     background-position: -156px 0;
}
 .icon-fb {
     background-position: -104px 2px;
}
 .icon-tweet {
     background-position: -208px 0;
}
 a {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .social-icons li a:hover .icon-in {
     background-position: 0 -55px;
}
 .social-icons li a:hover .icon-google {
     background-position: -52px -55px;
}
 .social-icons li a:hover .icon-pinterest {
     background-position: -156px -55px;
}
 .social-icons li a:hover .icon-fb {
     background-position: -104px -53px;
}
 .social-icons li a:hover .icon-tweet {
     background-position: -208px -55px;
}
/*---------------events-------*/
 .events {
     padding-left: 6px;
     margin-bottom: 0px;
}
 .events h3 {
     margin-bottom: 16px;
     position: relative;
     color: #937e61;
}
 .events h3:after {
     position: absolute;
     left: 0;
     bottom: -31px;
     content: "";
     background: url(../images/event-border.png) no-repeat;
     width: 100%;
     height: 100%;
}
 .icon-gift {
     background-position: -277px -1px;
     width: 54px;
     height: 54px;
}
 .event-list {
     padding-top: 13px;
     list-style: none;
}
 .event-list li:hover {
     background-color: #1f1a17;
}
 .day {
     color: #473d3b;
}
 .event-list li:hover .day {
     color: #766865;
}
 .event-list li:hover .time {
     color: #917e6b;
}
 .event-list li:first-child a {
     padding: 7px 0px;
}
 .event-list li a {
     width: 100%;
     padding: 9.3px 0px;
}
 .icon-gift-active {
     background-position: -350px 0;
}
 .event-list li {
     text-align: left;
     position: relative;
}
 .event-list li:after, .votes:after, .side-info .btn:after, .proin-wrap:after, .mid-hate:after {
     position: absolute;
     left: -2.6%;
     bottom: -18px;
     content: "";
     /* background: url(../images/p-line.png) no-repeat; */
     width: 103%;
     height: 30px;
}
 .side-info .btn:after {
     bottom: -48px;
}
 .social-icons:after {
     bottom: -22px;
}
 .event-list li i, .event-list div, .event-list span {
     float: left;
}
 .event-list li i {
     margin-right: 8px;
}
 .event-list li div {
     padding: 9px 0;
}
 .event-list span {
     float: right;
}
 .event-list h2 {
     color: #6c5c4b;
     line-height: 1;
     margin-bottom: 6px;
}
 .time {
     margin: 23px 15px 0 0;
     font-size: 1.4rem;
     color: #6c5c4d;
}
 .time.active {
     color: #497939;
}
 .day {
     line-height: 1;
}
 .event-list li:hover h2 {
     color: #bba083;
}
 .side-info .btn {
     margin: 0px 0px 10px 0;
}
 .great-valley {
     font-size: 1.7rem;
     color: #443b39;
     padding: 19px 11px 11px;
     text-align: center;
     letter-spacing: 0.4px;
     line-height: 1.2;
}
 .daily-poll img {
     margin-left: -5px;
}
 .events.daily-poll {
     margin-bottom: 24px;
}
/*----------------votes-------*/
 .votes {
     margin-top: -5px;
     position: relative;
}
 .votes li {
     display: inline-block;
     padding-right: 10px;
}
 .votes span {
     color: #332a29;
}
 .votes-count {
     padding: 10px;
}
 .votes strong {
     color: #463b39;
}
 .votes:after {
     bottom: -26px;
}
/*----------------game-info-------*/
 .game-info .icon-prev {
     margin-right: 7px;
}
 .game-info li {
     font-size: 0;
     padding: 0px 11px;
     margin-bottom: 28px;
}
 .game-info a:hover {
     color: #c53619;
}
 .game-info a:hover .icon-prev {
     background-position: -304px -75px;
     width: 8px;
     height: 11px;
}
 .game-info li:last-child {
     margin-bottom: 0;
}
 .game-info h3 {
     padding-left: 6px;
}
 .gaming {
     padding: 10px 0;
}
/*----------------pagination-------*/
 .paginationjs {
     display: inline-block;
     position: relative;
     z-index: 1;
     padding: 15px 0;
}
 .paginationjs li {
     display: inline-block;
     margin-right: 3px;
     vertical-align: middle;
}
 .paginationjs li:first-child, .pagination li:last-child {
    /*padding: 16px 0 21px;
     */
     margin: 0 3px 0 0;
}
 .paginationjs li a {
     color: #6e6255;
     font-family: Arial, Helvetica, sans-serif;
     line-height: 32px;
     display: inline-block;
     vertical-align: top;
     min-width: 20px;
     text-align: center;
     transition: none;
}
 .paginationjs li.active a, .paginationjs li:hover a {
     color: #e5cd9a;
}
 .icon-back, .icon-next {
     background-position: -188px -303px;
     width: 32px;
     height: 32px;
}
 .paginationjs a:hover .icon-back {
     background-position: -163px -118px;
}
 .icon-next {
     background-position: -108px -118px;
}
 .paginationjs a:hover .icon-next {
     background-position: -10px -113px;
}
 .paging-wrap {
     background-color: #181413;
     margin: 0 -23px;
}
 .paginationjs-prev a {
     font-size: 0 !important;
     display: inline-block;
     width: 32px;
     height: 32px;
     background: url(../images/prv-arrow.png) no-repeat 0 0;
     vertical-align: top;
}
 .paginationjs-prev a:hover {
     background: url(../images/prv-arrow.png) no-repeat 0 -32px;
}
 .paginationjs-next a {
     font-size: 0 !important;
     display: inline-block;
     width: 32px;
     height: 32px;
     background: url(../images/nxt-arrow.png) no-repeat 0 0;
     vertical-align: top;
}
 .paginationjs-next a:hover {
     background: url(../images/nxt-arrow.png) no-repeat 0 -32px;
}
/*----------------slick-slider-------*/
 .slider {
     position: relative;
}
 .slider:after {
     position: absolute;
     left: 0;
     background: url(../images/slider-bg.png) center top no-repeat;
     height: 34px;
     bottom: -20px;
     content: "";
     width: 100%;
}
 .slick-prev, .slick-next {
     position: absolute;
     left: 18px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     appearance: none;
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 2;
     background-color: transparent;
     border: none;
     font-size: 0;
     background: url(../images/sprite.png) center top no-repeat;
     background-position: -408px -3px;
     width: 39px;
     height: 52px;
}
 .slick-next {
     background-position: -465px -3px;
     width: 35px;
     height: 52px;
     left: auto;
     right: 27px;
}
 .menu {
     display: none;
}
 .subpage-info {
     background: url(../images/subpage-left.png) center top no-repeat;
     background-size: auto auto;
     -webkit-background-size: cover;
     background-size: cover;
     padding: 17px 15px 109px;
}
 .subpage-info h1 {
     font-size: 2.0rem;
     background: url(../images/orange-bg.png) center top no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     padding: 22px 27px;
     position: relative;
     text-transform: none;
     margin-bottom: 22px;
     color: #dfc68a;
}
 .subpage-info h1 a {
     position: absolute;
     right: 25px;
     top: 51.2%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 0;
}
 .icon-arrow {
     background-position: -354px -69px;
     width: 32px;
     height: 28px;
}
 .subpage-info h1 a:hover i {
     background-position: -402px -69px;
}
 .bar {
     background: url(../images/clinics.png) center top no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
     color: #70655a;
     font-size: 1.3rem;
     display: block;
     padding: 19px 61px;
     position: relative;
     margin-bottom: 6px;
}
 .bar-secondary {
     background: url(../images/bar2.png) center top no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
     color: #77895d;
}
 .bar:before {
     background: url(../images/sprite.png) center top no-repeat;
     background-position: -354px -101px;
     width: 63px;
     height: 47px;
     position: absolute;
     left: 2px;
     top: 4px;
     content: "";
}
 .bar-secondary:before {
    /** background-position: -439px -97px;
     width: 61px;
     height: 47px;
     **/
    ;
}
 .bar:hover {
     cursor: pointer;
}
 .bar a {
     position: absolute;
     right: 20px;
     top: 20px;
}
 .icon-cross {
     background-position: -276px -111px;
     width: 13px;
     height: 13px;
}
 .bar:hover .icon-cross {
     background-position: -315px -111px;
}
 .no-pot-sctn {
     margin-bottom: 25px;
     justify-content: center;
     margin: 0px 30px;
}
 .no-pot-inventory {     
     padding-right: 100px;
     align-items: start;
}
 .no-pot-wrap {	
     margin-left: 22px;
     padding: 14px 21px;
     align-items: start;
     min-width: 268px;
}
 .no-pot-wrap h4 {
     text-transform: uppercase;
     margin-bottom: 7px;
	 font-family: inherit;
}
 .no-pot-wrap span {
     font-size: 1.1rem;
     color: #847465;
}
 .no-pot-wrap:hover h4 {
     color: #e5d5c0;
}
 .itemLink:hover {
     color: #ac9a88;
}
 .no-pot-wrap i {
     width: 56px;
     height: 56px;
     margin-right: 11px;
}
 .no-pot-sctn:first-child {
     margin-left: 0;
}

.no-pot-bg {
	    background: url(../images/arrow-bar.png) center top no-repeat;	
		margin-left: 0 !important;
}

.no-pot-bg:hover {
    background: url(../images/arrow-bar-hov.png) center top no-repeat;   
     -webkit-background-size: cover;
     background-size: cover;
}
 .icon-weapon {
     background-position: -391px -247px;
}
 .icon-weapon2 {
     background-position: -390px -312px;
}

 .mid-hate {
     padding: 0 23px 34px;
     position: relative;
     margin-bottom: 19px;
}
 .mid-hate:after {
     left: 2%;
     width: 94%;
}
 .mid-cntnt {
     padding: 21px 7px 21px 23px;
     background: url(../images/mid-hate-one.png) left -5px top no-repeat;
     -webkit-background-size: 100%;
     background-size: 100% 100%;
     width: 50%;
}
 .mid-cntnt h2 {
     font-size: 1.5rem;
     color: #918172;
     font-family: Arial, Helvetica, sans-serif;
     margin-bottom: 17px;
}
 .mid-cntnt p {
     font-size: 1.4rem;
     color: #5f554b;
     font-family: Arial, Helvetica, sans-serif;
     line-height: 1.22;
     margin-bottom: 14px;
}
 .mid-cntnt p:last-child {
     margin-bottom: 0;
}
 .mid-cntnt:nth-child(2) {
     padding: 21px 7px 21px 20px;
     margin-left: 17px;
}
 .proin-wrap {
     margin-bottom: 41px;
     position: relative;
}
 .small-cntnt h2 {
     color: #8b7f74;
}
 .small-cntnt p {
     color: #928476;
}
 .proin-wrap:after {
     bottom: -36px;
}
 .form {
     background-color: #241e1d;
     margin: 0 8px;
     padding: 29px 28px;
     box-shadow: 0px 0px 3px 0px rgba(22,18,18,0.7);
}
 .input-wrap {
     align-items: center;
     margin-bottom: 8px;
}
 .form label {
     width: 34%;
}
 .btns-wrap {
     justify-content: center;
     margin: 25px 0 0px;
     margin-bottom: 10px;
}
 .btns-wrap label {
     width: auto;
     font-size: 15px;
     margin-left: -9px;
}
 .btns:checked, .btns:not(:checked) {
     opacity: 0;
}
 .btns:checked + label, .btns:not(:checked) + label {
     position: relative;
     padding-left: 29px;
     cursor: pointer;
     line-height: 20px;
     display: inline-block;
}
 .btns:checked + label:before, .btns:not(:checked) + label:before {
     content: '';
     position: absolute;
     left: -5px;
     top: -4px;
     border-radius: 100%;
     background: #fff;
     background: url(../images/sprite.png) no-repeat;
     background-position: -300px -168px;
     width: 28px;
     height: 30px;
}
 .btns-chk:checked + label:before, .btns-chk:not(:checked) + label:before {
     background-position: -372px -168px;
     width: 30px;
     height: 31px;
     top: -8px;
     left: -9px;
}
 .btns:checked + label:after, .btns:not(:checked) + label:after {
     content: '';
     width: 12px;
     height: 12px;
     background: url(../images/sprite.png) no-repeat;
     background-position: -348px -177px;
     position: absolute;
     top: 5px;
     left: 4px;
     border-radius: 100%;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
 .btns-chk:checked + label:after, .btns-chk:not(:checked) + label:after {
     background-position: -427px -180px;
     width: 15px;
     height: 12px;
     top: 2px;
     left: 2px;
}
 .btns:not(:checked) + label:after {
     opacity: 0;
}
 .btns:checked + label:after {
     opacity: 1;
}
/*------------custom select box---------------*/
 .sbHolder {
     position: relative;
     width: 100%;
}
 .sbOptions {
     background-color: #292322;
     padding: 0px 6px;
     width: 100%;
}
 .sbOptions li {
     border-bottom: 1px solid #211c1b;
     padding: 6px 13px 11px;
}
 .sbOptions li a, .sbDisabled {
     color: #665c54;
     font-size: 1.4rem;
}
 .sbSelector {
     width: 100%;
     padding: 17px 10px 17px;
     background: url(../images/input-bg.png) center top repeat;
     -webkit-background-size: cover;
     background-size: cover;
}
 .input-wrap:nth-child(5) {
     align-items: initial;
}
 .input-wrap:nth-child(5) label {
     padding: 20px 0;
}
 .sbToggle {
     background: url(../images/sprite.png) center top no-repeat;
     background-position: -462px -172px;
     width: 28px;
     height: 28px;
     position: absolute;
     right: 9px;
     top: 11px;
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
     transition: none;
}
 .sbToggle:hover {
     background-position: -462px -221px;
}
 .buttons-sctn button {
     font-size: 1.8rem;
     color: #ead796;
     font-weight: bold;
     background: url(../images/button-orange.png) center top no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     border: none;
     padding: 15px 29px;
     text-transform: uppercase;
     margin-left: 14px;
     font-family: 'Candara';
}
 .buttons-sctn button:nth-child(3) {
     color: #9a9172;
}
 .buttons-sctn button:nth-child(2), .buttons-sctn button:hover,.buttons-sctn .green button:first-child:hover,.buttons-sctn .grey button:first-child:hover, .buttons-sctn .grey button:nth-child(2):hover,.buttons-sctn .grey button:last-child:hover {
     color: #f9ecc0;
}
 .buttons-sctn .green button:first-child {
     color: #ead796;
}
 .buttons-sctn .grey button:first-child {
     color: #c9bbb2;
}
 .buttons-sctn .grey button:nth-child(2) {
     color: #f6e6db;
}
 .buttons-sctn .grey button:last-child {
     color: #675f5a;
}
 .orange, .green {
     margin-bottom: 14px;
}
 .buttons-sctn .green button {
     background: url(../images/button-green.png) center top no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
}
 .buttons-sctn .green button:hover {
     background: url(../images/button-green-hov.png) center top no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
}
 .buttons-sctn .grey button {
     background: url(../images/button-grey.png) center top no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
}
 .buttons-sctn .grey button:hover {
     background: url(../images/button-grey-hov.png) center top no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
}
 .buttons-sctn button:hover {
     background: url(../images/button-orange-hov.png) center top no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
}
 .buttons-sctn {
     text-align: right;
     margin-right: 8px;
}
 .buttons-sctn {
     padding-top: 0px;
}
 .load-sctn {
     align-items: center;
     padding: 22px 10px 10px;
}
 .load-sctn img {
     margin-right: 23px;
}
 .loaders {
     width: 440px;
}
 .loaders .fill {
     height: 16px;
     background-color: #151110;
     border: 1px solid #231e1b;
     width: 100%;
     position: relative;
}
 .loaders .fill:after {
     content: "";
     position: absolute;
     left: 0;
     width: 100%;
     height: 16px;
     background: url(../images/orange-fill.png) left top no-repeat;
}
 .loaders .fill:nth-child(2):after {
     background: url(../images/orange-fill-2.png) left top no-repeat;
}
 .loaders .fill:nth-child(3) {
     height: 10px;
}
 .loaders .fill:nth-child(3):after {
     background: url(../images/green-fill.png) left top no-repeat;
}
 .load-cntnt span {
     font-size: 1.2rem;
     color: #524746;
}
 .scroll-content p {
     font-size: 1.4rem;
     color: #615a54;
     font-family: 'Candara';
     padding: 10px 13px;
     line-height: 1.6;
     margin-bottom: -21px;
}
 .scroll-content p:nth-child(2) {
     margin-bottom: 33px;
}
 .scroll-content {
     width: 98%;
     margin: 0 auto;
     background: url(../images/scroll.png) left top no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
     padding: 10px 0;
}
 .mCustomScrollbar {
     height: 312px;
}
 .mCSB_scrollTools .mCSB_draggerContainer {
     width: 12px;
     background-color: #1a1514;
}
 .mCSB_1_dragger_vertical {
     background-color: #1a1514;
}
 .mCSB_dragger {
     height: 45px !important;
}
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background: url(../images/handler.png) left top no-repeat;
     width: 14px;
     left: 0;
     border: none;
     border-radius: 0;
     height: 45px;
}
 .mCSB_scrollTools {
     background: #1a1514;
}
 .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
     transition: none;
}
 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
     background-color: #1a1514;
}
 .mCSB_scrollTools {
     opacity: 1;
     border: none;
}
/*--------popup----------*/
 .overlay {
     display: none;
     background-color: rgba(16,14,14,0.95);
     position: fixed;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 2;
}
 .login-form {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     margin: 0 AUTO;
     width: 586px;
     border: 8px solid transparent;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .overlay.show {
     display: block;
}
 .login-form {
     padding: 62px 77px;
     background: url(../images/inner.png) center top no-repeat;
     -webkit-background-size: contain;
     background-size: contain;
}
 .login-form .input-wrap {
     margin-bottom: 30px;
}
 .login-form label {
     color: #433836;
}
 .login-form .btns:checked + label::before, .login-form .btns:not(:checked) + label::before {
     background-position: -376px -208px;
     width: 31px;
     height: 29px;
     top: -4px;
}
 .login-form .btns-chk:checked + label::after, .login-form .btns-chk:not(:checked) + label::after {
     top: 4px;
     left: 0;
}
 .login-form .text-field {
     font-size: 1.6rem;
     padding: 10px 22px;
     height: 43px;
     color: #a89893;
     background-position: 0 -3px;
}
 .login-form input:focus {
     background: url(../images/input-bg.png) center top no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: 0 -3px;
}
 .login-form input::-webkit-input-placeholder {
     color: #2d2826;
     text-transform: uppercase;
}
 .login-form input:-moz-placeholder {
    /* Firefox 18- */
     color: #2d2826;
     text-transform: uppercase;
}
 .login-form input::-moz-placeholder {
    /* Firefox 19+ */
     color: #2d2826;
     text-transform: uppercase;
}
 .login-form input:-ms-input-placeholder {
     color: #221d1b;
     text-transform: uppercase;
}
 .forgot {
     color: #433836;
     font-size: 1.6rem;
     margin-left: 27px;
     line-height: 1.4;
}
 .login-form .buttons-sctn {
     justify-content: center;
     text-align: left;
     align-items: center;
}
 .cross-btn {
     position: absolute;
     bottom: -38px;
     left: 0;
     right: 0;
     margin: 0 auto;
     display: inline-block;
     width: 45px;
     height: 40px;
}
 .cross-btn:hover i {
     background-position: -250px -250px;
}
 .icon-cross-btn {
     background-position: -182px -250px;
     width: 45px;
     height: 40px;
}
/*New CSS start here*/
 .servertime {
     color: #aa894d;
     padding: 0 !important;
     margin: 14px 0 7px !important;
}
 .servertime-box {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
     border-color: #26211c #1e1814;
     border-image: none;
     border-style: solid;
     border-width: 3px 1px;
     margin: 0 10px;
}
 .servertime-left {
     float: left;
     font-size: 12px;
     padding: 8px 10px 0;
}
 .servertime-right {
     color: #d49b75;
     float: right;
     font-size: 16px;
     padding: 5px 12px 5px 0;
     white-space: nowrap;
     text-align: right;
}
 .servertime-left .watch-icon {
     display: inline-block;
     vertical-align: top;
}
 .servertime span {
     color: #c79e53;
     font-size: 12px;
     padding: 0 5px 0 0;
     text-shadow: 0 0 3px rgba(222, 182, 150, 0.3);
     top: 2px;
}
 .timer_box {
     background: #68210c none no-repeat scroll 0 0;
     border-radius: 8px;
     box-shadow: 1px 1px 5px #481a12 inset;
     margin-left: 975px;
     position: absolute;
     text-align: center;
     top: 475px;
     width: 84px;
     z-index: 999;
}
 .timer_box span {
     color: #e4bc9c;
     font-size: 20px;
     padding: 0 0 5px;
     text-shadow: 0 0 3px rgba(222, 182, 150, 0.3);
}
 .timer_box p {
     color: #d49b75;
     font-size: 26px;
     margin: 0;
     padding: 3px 0;
}
 .timer_box li {
     background-color: #220c05;
     border-radius: 8px;
     border-top: 1px solid #4f2d19;
     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
     color: #90513e;
     font-size: 14px;
     letter-spacing: -1px;
     line-height: 14px;
     list-style: outside none none;
     margin: 5px;
     padding: 5px;
}
 .timer_box li:first-child {
     background-color: #0e0707;
     border-color: #0e0707 #3e2211 #673a1a #110603;
     border-style: solid;
     border-width: 1px;
     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) inset;
}
 .sidebar-box {
     background: url("../images/sidebar-box-top-background.png") no-repeat scroll center top, rgba(0, 0, 0, 0) url("../images/texture-2.html") repeat scroll 0 0;
     border-radius: 4px;
    /*box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 0 5px rgba(0, 0, 0, 0.7);
     */
     height: auto;
     margin: 0 0 7px;
     padding: 0 12px 11px;
    /* width: 296px;
     */
     width: 100%;
}
 .sbox-head {
     box-shadow: 0 2px 0 #0c0b09, 0 3px 0 rgba(255, 255, 255, 0.04);
     color: #c79e53;
     font-family: 'Candara';
     font-size: 16px;
     letter-spacing: 1px;
     margin: 0 auto;
     padding: 8px 0 5px 5px;
     text-transform: uppercase;
    /*width: 269px;
     */
     width: 100%;
}
 .sbox-content {
     height: auto;
     margin: 12px auto 0;
     min-height: 70px;
    /*width: 273px;
     */
     width: 100%;
}
 .sbox-content input[type="text"], .sbox-content input[type="password"] {
     background: #0d0b0b none repeat scroll 0 0;
     border: medium none;
     border-radius: 3px;
     box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.04);
     color: #706552;
     font-size: 12px;
     height: 33px;
     margin: 0 0 5px;
     padding: 0 10px 2px;
     vertical-align: top;
     font-family: 'Exo 2', sans-serif;
}
 .sbox-content input[type="text"]:focus, .sbox-content input[type="password"]:focus {
     box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 4px rgba(255, 255, 255, 0.05);
     color: #936b32;
}
 .sbox-content textarea {
     background: #0d0b0b none repeat scroll 0 0;
     border: medium none;
     border-radius: 3px;
     box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.04);
     color: #706552;
     font-size: 12px;
     overflow: auto;
     padding: 10px;
     resize: none;
     width: 96%;
}
 .sbox-content textarea:focus {
     box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 4px rgba(255, 255, 255, 0.05);
     color: #936b32;
}
 .login-cap {
    /* background: rgba(255, 255, 255, 0.02) none repeat scroll 0 0;
     */
     border-radius: 3px;
     box-shadow: 0 0 0 1px rgba(255, 255, 0, 0.01) inset, 0 0 3px rgba(0, 0, 0, 0.2);
    /*height: 51px;
     */
     margin: 5px 0 9px;
     padding-bottom: 10px;
    /*width: 273px;
     */
     width: 100%;
}
 .login-cap input[type="text"] {
     float: left;
     font-weight: bold;
     height: 32px;
     letter-spacing: 2px;
     margin: 9px 0 0 10px;
     width: 225px;
}
 .cap-image {
     border-radius: 3px;
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
     float: left;
     height: 31px;
     margin: 9px 0 0 10px;
     overflow: hidden;
     width: 96px;
}
 a.refresh-btn {
     background: rgba(0, 0, 0, 0) url("../images/refresh-btn.jpg") repeat scroll 0 0;
     display: block;
     float: left;
     height: 31px;
     margin: 9px 0 0 10px;
     width: 31px;
}
 a.refresh-btn:hover {
     background-position: 0 -31px;
}

 a.search-btn {
     background: rgba(0, 0, 0, 0) url("../images/search-btn.jpg") repeat scroll 0 0;
     display: block;
     float: left;
     height: 31px;
     margin: 9px 0 0 10px;
     width: 31px;
}
 a.search-btn:hover {
     background-position: 0 -31px;
}
 .default-cap {
     background: rgba(255, 255, 255, 0.02) none repeat scroll 0 0;
     border-radius: 3px;
     box-shadow: 0 0 0 1px rgba(255, 255, 0, 0.01) inset, 0 0 3px rgba(0, 0, 0, 0.2);
     height: 51px;
     margin: 5px 0 9px;
     width: 480px;
}
 .default-cap input[type="text"] {
     float: left;
     font-weight: bold;
     height: 32px;
     letter-spacing: 2px;
     margin: 9px 0 0 10px;
     width: 80px;
}
 .default-image {
     border-radius: 3px;
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
     float: left;
     height: 31px;
     margin: 9px 0 0 10px;
     overflow: hidden;
     width: 96px;
}
 a.default-refresh-btn {
     background: rgba(0, 0, 0, 0) url("../images/refresh-btn.jpg") repeat scroll 0 0;
     display: block;
     float: left;
     height: 31px;
     margin: 9px 0 0 10px;
     width: 31px;
}
 a.default-refresh-btn:hover {
     background-position: 0 -31px;
}
 .login input[type="submit"] {
     float: left;
     margin: 4px 5px 0;
}
 .login input[type="submit"] {
     background: rgba(0, 0, 0, 0) url("../images/submit-orange.gif") repeat-x scroll 0 0;
     border: medium none;
     border-radius: 4px;
     box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 5px rgba(0, 0, 0, 0.6);
     color: #8a7c62;
     cursor: pointer;
     font-family: 'Candara';
     font-size: 18px;
     height: 32px;
     padding: 2px 12px;
     text-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(0, 0, 0, 0.5);
     text-transform: uppercase;
     vertical-align: top;
}
 .login input[type="submit"]:hover {
     box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 5px rgba(0, 0, 0, 0.6), 0 0 6px 1px rgba(255, 255, 0, 0.08) inset;
     color: #e4b154;
}
 .login .links {
     display: block;
     float: left;
     margin: 0 0 0 8px;
}
 .login span a {
     display: block;
     font-size: 11px;
     line-height: 15px;
     padding: 2px;
     color: #b17334;
     font-family: 'Exo 2', sans-serif;
}
 .show {
     display: block;
}
 .hidden {
     display: none;
}
 .invisible {
     visibility: hidden;
}
 .g-recaptcha {
     -moz-transform: scale(0.94);
     -ms-transform: scale(0.94);
     -o-transform: scale(0.94);
     -moz-transform-origin: 0;
     -ms-transform-origin: 0;
     -o-transform-origin: 0;
     -webkit-transform: scale(0.94);
     transform: scale(0.94);
     -webkit-transform-origin: 0 0;
     transform-origin: 0;
     filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.94, M12=0, M21=0, M22=0.94, SizingMethod='auto expand');
     padding-bottom: 5px;
}
 .center {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
/*New CSS end here*/
 .news-content ol, .news-content ul, .news-content li {
     margin-left: 15px;
     margin-bottom: 7px;
}
 .post-title {
     display: block;
}
 .footer ol, .footer ul, .footer li, .sbOptions li {
     list-style: none;
}
 .menu-links {
     display: block !important;
     padding-bottom: 30px;
     position: relative;
     z-index: 100;
}
 .menu-links a {
     color: #b17334 !important;
     font-family: 'Exo 2', sans-serif !important;
     font-size: 14px !important;
     line-height: 15px !important;
}
 .subpage-info li {
     font-family: 'Ebrima';
     font-size: 16px;
     text-shadow: 1px 1px 1px rgba(0,0,0,.45), 0 0 5px rgba(0,0,0,.95);
    /* margin: 0 25px 5px 40px;
     --> DISABLED FOR TABS WIDGET */
     text-align: justify;
}
 .subpage-info li b {
     font-weight: bold;
}
 .footer {
     padding: 30px 0 40px;
}
 button[disabled], input[disabled] {
     cursor: default;
     color: #999;
     border: none !important;
}
 .news-content li>p {
     display: inline;
}
 .news-content li>s {
     text-decoration: none;
}
 ..no-pot-wrap {
     align-items: normal;
}
 .weapon-cntnt h2 {
     padding-bottom: 15px;
     letter-spacing: 2px;
}
 .weapon-cntnt li {
     width: 100%;
     padding: 2px 0;
     list-style: none;
     margin: 0;
     line-height: 1.63;
     font-size: 1.4rem;
     color: #736b6b;
     text-align: left !important;
}
 .weapon-cntnt div {
     text-indent: 25px;
}





.sprite { background: url('/assets/images/inventory_sprites.png') no-repeat top left; width: 20px; height: 20px; position:absolute; } 
.sprite.sprite-accessory { background-position: -690px 0; } 
.sprite.sprite-armor { background-position: -660px -30px; } 
.sprite.sprite-aura { background-position: -630px -60px; } 
.sprite.sprite-axe { background-position: -600px -90px; } 
.sprite.sprite-bow { background-position: -570px -120px; } 
.sprite.sprite-cape { background-position: -540px -150px; } 
.sprite.sprite-dagger { background-position: -510px -180px; } 
.sprite.sprite-floor { background-position: -480px -210px; } 
.sprite.sprite-fortification { background-position: -450px -240px; } 
.sprite.sprite-gun { background-position: -420px -270px; } 
.sprite.sprite-helm { background-position: -390px -300px; } 
.sprite.sprite-house { background-position: -360px -330px; } 
.sprite.sprite-item { background-position: -330px -360px; } 
.sprite.sprite-kunai { background-position: -300px -390px; } 
.sprite.sprite-mace { background-position: -270px -420px; } 
.sprite.sprite-pet { background-position: -240px -450px; } 
.sprite.sprite-scythe { background-position: -210px -480px; } 
.sprite.sprite-serveruse { background-position: -180px -510px; } 
.sprite.sprite-shield { background-position: -150px -540px; } 
.sprite.sprite-spear { background-position: -120px -570px; } 
.sprite.sprite-staff { background-position: -90px -600px; } 
.sprite.sprite-sword { background-position: -60px -630px; } 
.sprite.sprite-wall { background-position: -30px -660px; } 
.sprite.sprite-wing { background-position: 0 -690px; } 


 .profileImage {
     text-align: center;
     padding-bottom: 20px;
     overflow-y: hidden;
}
 .achievements {
     /*
     padding-left: 50px;
     padding-right: 50px;
     */
     
     padding-bottom: 20px;
}
 .achievements img {
     padding: 0 5px;
     padding-bottom: 5px;
}
 .achievements h2 {
     padding-bottom: 20px;
     letter-spacing: 2px;
}
 .weapon-cntnt span {
     text-indent: 0px !important;
}
 .weapon-content {
	 padding-top: 10px;
}

    
/** CUSTOM TABS **/
 ul.tabs {
     margin: 0px;
     padding: 0px;
     list-style: none;
}
 ul.tabs li {
     background: none;
     color: #60514e;
     display: inline-block;
     padding: 10px 15px;
     cursor: pointer;
}
 ul.tabs li.current {
    /* background: #0F0B0A;
     */
     background: #241e1d;
     color: #60514e;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
}
 .tab-content {
     display: none;
    /* background: #0F0B0A;
     */
     background: #241e1d;
     padding: 15px;
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
}
 .tab-content.current {
     display: inherit;
}
/** END TABS **/
 .row:after {
     content: "";
     display: table;
     clear: both;
}
/** TABLE **/
 .table {
     width: 100%;
     text-align: center;
}
 .table th {
     font-weight: bold;
     font-size: 1.8rem;
     padding-left: 10px;
}
 .table td {
     margin:15px;
     padding:10px;
     color: #5a4f4c;
     font-size: 1.6rem;
     text-align:center;
}

.table .titleName {
	text-align: left;
    padding-left: 5px;
}
					
 .table .titleLevel {
     padding: 0;
}
 .table .titleDate {
     text-align: left;
     padding-left: 55px;
}
 .table tr:nth-child(odd) {
     background: rgba(255,255,255,.02);
}
 .table .header {
     background: none !important;
}

.table tr {
     padding: 0;
     margin: 0;
    /* height: 10px;
     */
    /* height: 28px;
     */
     height: 28px;
     padding: 0 20px;
}

.tableContainer {
	 overflow-x: auto;
     margin:10px;
     padding-top:20px;
}

.table .name {
     text-align:left;
     padding-left: 50px;
}

.table .titleStatistic {
	width: 0px;
    float:left;
}

.table .titleParameter {
	width: 0px;
    float:right;
}
/** END TABLE **/

.sbox-head .welcome span {
    color: #ACA293;
    font-size: inherit;
    font-family: inherit;
}
.sbox-list {
	color: #ACA293;
	padding: 0 5px;
    list-style-type: none;
	font-family: 'Exo 2', sans-serif !important;
	font-size: 12px !important;
}

.sbox-list a{
    color: #b17334 !important;
    line-height: 15px !important;
    font-size: 12px !important;
}
 
/** TAGS **/
.label {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-default {
    background-color: #777;
}

.label-primary {
    background-color: #337ab7;
}

.label-success {
    background-color: #5cb85c;
}

.label-info {
    background-color: #5bc0de;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-danger {
    background-color: #d9534f;
}

.label-bruiser {
    background-color: #ccccff;
}

.label-debuffer {
    background-color: #009966;
}

.label-semi-durable {
    background-color: #009966;
}

.label-glass-cannon {
    background-color: #666666;
}

.label-sustained-dps {
    background-color: #ffcc99;
}

.label-sustained-hybrid {
    background-color: #006666;
}
/** END TAGS **/

#data tr {
  display: none;
}

/** SCROLL BAR **/
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #ACA293; 
}
 
::-webkit-scrollbar-thumb {
    background: #673c33; 
}

::-webkit-scrollbar-thumb:hover {
    background: #673c33; 
}


.logoutBtn {
    float: right;
    margin: 75px 0 0 0;
    background-color: #151211;
    border: medium none;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 5px rgba(0, 0, 0, 0.6);
    color: #8A7C62;
    cursor: pointer;
    font-family: 'bebas_neueregular';
    font-size: 11px;
    height: 30px;
    padding: 2px 12px 2px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    vertical-align: top;
}

.achievement {
     /*width:80px;*/
     display: inline;
     position: relative;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .inventory-column {
     width: 100%;
  }
}

.inventory-column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.inventory-row:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
     [data-balloon]:after,
     [data-balloon]:before { display: none; }
}
/** END SCROLL BAR **/