html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  width: 100%;
  background: url(../images/fon-bg-top.jpg) center top no-repeat, url(../images/fon-bg-bottom.jpg) center bottom no-repeat, url(../images/fon-bg-repeat.jpg) center repeat-y;
  background-color: #eaecff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #230707;
  line-height: 1;
  min-height: 100vh;
  overflow-x: hidden;
}
a {
  transition: all 0.3s ease;
  color: #bf5252;
  text-decoration: none;
}

p {
  margin-bottom: 15px;
}
h1,
h2,
h3 {
  color: #230707;
  margin-bottom: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
table {
  width: 100%;
}
table td {
    border-collapse: collapse;
    padding: 11px;
    border: 1px solid #c09074;
}
table tr:nth-child(odd) {
  background-color: rgba(136, 93, 15, 0.2);
}
caption {
  margin-bottom: 15px;
}
input,
textarea {
  background: url(../images/red-light-bg.jpg);
  border-radius: 30px;
  border: 1px solid #9b666e;
  color: #fff;
  padding: 8px 18px;
  position: relative;
}

button,
.button {
  transition: all 0.3s ease;
  cursor: pointer;
  background: #b4a814;
  border-radius: 5px;
  border: none;
  color: #fff;
  font-size: 11px;
  position: relative;
  z-index: 1;
  padding: 12px 28px;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0em 0.5em 10px rgba(31, 29, 29, 0.7);
}

button:hover,
.button:hover {
  background: #c1b51c;
}
.button-border:after {
  content: "";
  border-radius: 8px;
  border: 3px solid rgba(80, 72, 57, 0.5);
  left: -3px;
  top: -3px;
  height: 100%;
  width: 100%;
  position: absolute;
}

:focus {
  outline: none;
}
::-webkit-input-placeholder {
  color: #c37289;
}
::-moz-placeholder {
  color: #c37289;
}
:-moz-placeholder {
  color: #c37289;
}
:-ms-input-placeholder {
  color: #c37289;
}
.wrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.container {
  min-height: 1300px;
  display: flex;
  position: relative;
}

.flex {
  display: flex;
}
.flex-s {
  display: flex;
  justify-content: space-between;
}
.flex-s-c {
  display: flex;
  justify-content: space-between;
}
.flex-c-c {
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-panel {
  width: 100%;
  position: absolute;
  top: 0px;
  background: url(../images/top-fon-menu.jpg) repeat-x;
  border-bottom: 2px solid #625c0d;
  z-index: 10;
}

.menu li a:before {
  content: "";
  position: absolute;
  background: url(../images/point-menu.png) no-repeat;
  height: 23px;
  width: 4px;
  left:0px;
  top: 22px;
}
.menu li:first-child a:before{
  display: none;
}

.menu {
  height: 66px;
}
.menu li {
  margin: 0px 8px;
}
.menu a {
  color: #FF9966;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0px 26px;
  font-weight: 600;
  display: block;
  height: 66px;
  line-height: 66px;
  position: relative;
}

.menu a:after {
  content: "";
  transition: 0.3s;
  height: 0px;
  width: 0px;
}

.menu a:hover {
  color: #fbf6b6;
}

.menu a:hover:after {
  content: "";
  height: 2px;
  width: 100%;
  bottom: -2px;
  left: 0px;
  position: absolute;
  background: #fbf6b6;
}
.menu .active a {
  color: #fbf6b6;
  border-bottom: 2px solid #fbf6b6;
  bottom: -2px;
}

.languages a {
  margin-left: 10px;
}

.languages a:hover {
  -webkit-filter: brightness(140%);
  filter: brightness(140%);
  margin-left: 10px;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
  height: 551px;
  position: relative;
}
.logo {
  display: block;
  position: absolute;
  margin-left: -180px;
  bottom: 5px;
  z-index: 2;
  transition: 0.3s;
}

.logo:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.countdown-block {
  position: absolute;
  bottom: 74px;
  text-align: center;
  width: 100%;
}
.countdown-block h3 {
  color: #5a2824;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}
.countdown li {
  margin: 0px 7px;
  position: relative;
}
.countdown li:after {
  content: ":";
  position: absolute;
  right: -12px;
  top: 8px;
  font-size: 38px;
  color: #3b0c16;
}
.countdown li:first-child:after {
  display: none;
}
.countdown li:last-child:after {
  display: none;
}
.countdown span {
  display: block;
  background: rgba(120, 40, 62, 0.5);
  border-radius: 6px;
  height: 60px;
  width: 60px;
  font-size: 32px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  margin-bottom: 7px;
}
.countdown p {
  font-size: 12px;
  margin-bottom: 0px;
  font-weight: bold;
  color: #5a2823;
  text-transform: uppercase;
}

.leaves-left-1 {
  background: url(../images/leaves-left-1.png) no-repeat;
  width: 120px;
  height: 133px;
  position: absolute;
  left: 50px;
  top: -300px;
  animation: leaves-left-1 12s infinite linear;
}
@keyframes leaves-left-1 {
  0% {
    top: -300px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    transform: rotate(-200deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-left-2 {
  background: url(../images/leaves-left-2.png) no-repeat;
  width: 160px;
  height: 72px;
  position: absolute;
  left: 50px;
  top: -200px;
  animation: leaves-left-2 12s infinite linear;
  animation-delay: 6s;
}
@keyframes leaves-left-2 {
  0% {
    top: -200px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    opacity: 1;
    transform: rotate(-150deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-left-3 {
  background: url(../images/leaves-left-3.png) no-repeat;
  width: 120px;
  height: 88px;
  position: absolute;
  left: 50px;
  top: -200px;
  animation: leaves-left-3 12s infinite linear;
  animation-delay: 9s;
}
@keyframes leaves-left-3 {
  0% {
    top: -200px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    transform: rotate(-250deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-left-4 {
  background: url(../images/leaves-left-4.png) no-repeat;
  width: 120px;
  height: 106px;
  position: absolute;
  left: 50px;
  top: -300px;
  animation: leaves-left-4 12s infinite linear;
  animation-delay: 3s;
}
@keyframes leaves-left-4 {
  0% {
    top: -250px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    transform: rotate(-150deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-left-5 {
  background: url(../images/leaves-left-5.png) no-repeat;
  width: 170px;
  height: 108px;
  position: absolute;
  left: 50px;
  top: -300px;
  animation: leaves-left-5 12s infinite linear;
  animation-delay: 7s;
}
@keyframes leaves-left-5 {
  0% {
    top: -250px;
  }
  90% {opacity: 1;}
  100% {
    top: 750px;
    transform: rotate(-250deg);
    left: -250px;
    opacity: 0;
  }
}
.leaves-right-1 {
  background: url(../images/leaves-right-1.png) no-repeat;
  width: 200px;
  height: 115px;
  position: absolute;
  right: 200px;
  top: -250px;
  animation: leaves-right-1 12s infinite linear;
  animation-delay: 1s;
}
@keyframes leaves-right-1 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(-200deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(-200deg);
    right: -250px;
    opacity: 0;
  }
}
.leaves-right-2 {
  background: url(../images/leaves-right-2.png) no-repeat;
  width: 140px;
  height: 55px;
  position: absolute;
  right: 200px;
  top: -250px;
  animation: leaves-right-2 12s infinite linear;
  animation-delay: 3s;
}
@keyframes leaves-right-2 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(-100deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(-120deg);
    right: -250px;
    opacity: 0;
  }
}
.leaves-right-3 {
  background: url(../images/leaves-right-3.png) no-repeat;
  width: 160px;
  height: 74px;
  position: absolute;
  right: 100px;
  top: -250px;
  animation: leaves-right-3 12s infinite linear;
  animation-delay: 6s;
}
@keyframes leaves-right-3 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(150deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(170deg);
    right: -250px;
    opacity: 0;
  }
}
.leaves-right-4 {
  background: url(../images/leaves-right-4.png) no-repeat;
  width: 59px;
  height: 110px;
  position: absolute;
  right: 200px;
  top: -250px;
  animation: leaves-right-4 12s infinite linear;
  animation-delay: 9s;
}
@keyframes leaves-right-4 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(150deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(170deg);
    right: -250px;
    opacity: 0;
  }
}
.leaves-right-5 {
  background: url(../images/leaves-right-5.png) no-repeat;
  width: 110px;
  height: 65px;
  position: absolute;
  right: 250px;
  top: -250px;
  animation: leaves-right-5 12s infinite linear;
  animation-delay: 2s;
}
@keyframes leaves-right-5 {
  0% {
    top: -250px;
  }
  90% {
    transform: rotate(150deg);
    opacity: 1;
  }
  100% {
    top: 850px;
    transform: rotate(170deg);
    right: -250px;
    opacity: 0;
  }
}
/* Left Sidebar
-----------------------------------------------------------------------------*/
.download-block a {
  background: url(../images/download-button.jpg) center;
  height: 90px;
  font-size: 20px;
  color: #fff;
}

.download-block a:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}
.download-block b {
  text-shadow: 1px 1px 1px rgba(191, 120, 35, 1);
}

.download-block a span {
  padding-left: 50px;
}
.download-block a b {
  font-weight: 400;
  display: block;
  color: #552e07;
  font-size: 12px;
  margin-top: 5px;
}
.widget {
  padding: 25px;
  padding-bottom: 39px;
  padding-top: 23px;
  min-height: 243px;
}
.widget-title {
  text-transform: uppercase;
  font-weight: 600;
  color: #ffde00;
  font-size: 14px;
  margin-bottom: 28px;
  position: relative;
  text-shadow: 1px 3px 3px rgba(25, 23, 23, 0.85);
}
.widget-title a:hover {
  text-decoration: underline;
}
.widget-title span {
  display: block;
  margin-top: 9px;
}
.widget-title:after {
  content: "";
  background: url(../images/widget-title-bg.png) center right no-repeat;
  width: 117px;
  height: 69px;
  position: absolute;
  right: -22px;
  top: -26px;
}
.widget-title span,
.widget-title a {
  text-transform: none;
  font-size: 12px;
  color: #b4a814;
  font-weight: 400;
}
.l-input {
  width: 235px;
  height: 44px;
  border: none;
  padding: 7px 60px 15px 50px;
  position: relative;
}
.l-input input {
  background: none;
  border: none;
  padding: 5px 15px;
  width: 170px;
}
.select-hidden {
  display: none;
  visibility: hidden;
}
.select {
  cursor: pointer;
  display: block;
  position: relative;
  width: 170px;
  height: 30px;
}
.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.2s ease-in;
  color: #fff;
  padding: 7px 15px;
  width: 170px;
}
.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: -50px;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background: linear-gradient(to bottom, #2a1c14, #573b2b);
  border: 1px solid #6a4411;
  width: 235px;
}

.select-options li {
  margin: 0;
  list-style: none !important;
  margin: 0px !important;
  padding: 10px 10px;
  border-bottom: 1px solid #744906;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  color: #fff;
}
.select-options li:hover {
  background: rgba(255, 255, 255, 0.1);
}


.select-options li[rel="hide"] {
  display: none;
}

.login-block p {
  margin-bottom: 5px;
}
.login-block a:hover {
  text-decoration: underline;
}
.login-block .lost a {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.login {
  background: url(../images/login-input.png) no-repeat;
}
.pass {
  background: url(../images/password-input.png) no-repeat;
}
.select-s {
  background: url(../images/select_server.png) no-repeat;
}
.select-s-page {
  background: url(../images/select_server-page.png) no-repeat;
}
.buttons {
  margin-top: 10px;
}
.top-block {
  width: 100%;
  color: #ffffff;
}
.top-block span {
  display: block;
  padding-bottom: 1px;
}
.top-block .top-number {
  width: 35px;
}
.top-block .top-flag {
  width: 25px;
  padding-top: 2px;
}

.top-block .top-name {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-block .top-lvl {
  width: 55px;
}
.top-block .top-lvl sup {
  font-size: 10px;
  color: #ff0000;
}
.top-list {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  font-size: 12px;
  border-bottom: 1px dashed #62441b;
  transition: 0.3s;
}
.top-list a {
  color: #fff;
}
.top-list:hover {
  background: url(../images/fon-hover.jpg) repeat;
  margin: -1px -30px 0px -30px;
  padding: 0px 28px 0px 28px;
  box-shadow: 0em 0.5em 10px rgba(0, 0, 0, 0.5);
  height: 37px;
  color: #ffd562;
  position: relative;
  z-index: 5;
}

.top-list:hover a {
  color: #ffd562;
}
.top-title {
  height: 37px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  background: #1a100a;
  font-size: 13px;
  border-bottom: 1px solid #412a0b;
}
.no-reset {
  text-align: right;
  margin-top: 15px;
}
.no-reset a {
  color: #ffd562;
  font-size: 12px;
}
.gallery {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gallery li {
  position: relative;
}
.gallery li img {
  outline: 1px solid rgba(255, 255, 255, 0.3);
  outline-offset: -1px;
  width: 113px;
  height: 75px;
}
.gallery li:first-child {
  margin-bottom: 8px;
}
.gallery li:first-child img {
  width: 235px;
  height: 145px;
  outline: 1px solid #ffffff;
}
.gallery li:first-child a {
  width: 235px;
  height: 145px;
}
.gallery li:first-child a:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 50px 80px 5px rgba(0, 0, 0, 0.7);
}
.gallery li:first-child a:before {
  content: "";
  background: url(../images/play-icon.png) no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -20px;
  width: 46px;
  height: 46px;
  z-index: 2;
}
.gallery li a {
  display: block;
  cursor: pointer;
}
/* Middle
-----------------------------------------------------------------------------*/
.content { 
  width: 630px;
  line-height: 1.3;
  background: url(../images/fon-all-news-bg.jpg) repeat-y;
  position: relative;
}
.content a {
  text-decoration: underline;
}
.content-page {
  background: url(../images/block-top-bg.jpg) right top no-repeat;
  min-height: 50px;
  padding: 20px;
  line-height: 1.6;
}
.content-page img {
  max-width: 590px;
}
.content-page ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.content-page ul li {
  list-style: circle;
  margin: 5px 0px;
}
.sidebar {
  width: 285px;
  padding-top: 58px;
}

.slider-effect {
  content: "";
  position: absolute;
  width: 136px;
  height: 104px;
  background: url(../images/slider-effect.png) no-repeat;
  top: 526px;
  left: 246px;
  z-index: 1;
}

.slider {
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 0 100px;
  width: 630px;
  height: 280px;
} 

.slider .slides {
  position: relative;
  transition: 1s;
}
.slider .slides .slide {
  float: left;
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  width: 630px;
  height: 280px;
  border: 1px solid #373022;
}
.slider .slides .slide:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: inset 0 0 80px;
}
.slider .slides .slide-info {
  position: relative;
  padding: 40px 35px 35px 35px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.slider .slides .slide-info h2 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 25px;
}
.slider .slides .slide-info .slide-text {
  background: linear-gradient(to bottom, rgba(36, 32, 27, 0.8) 70%, rgba(0, 0, 0, 0));
  color: #fff;
  line-height: 1.7;
  padding: 15px 35px;
  width: 470px;
  margin-left: -35px;
  margin-bottom: 15px;
  position: relative;
}
.slider .slides .slide-info .slide-text:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffc500;
  top: -2px;
  left: 0;
}
.slider .slides .slide-info .slide-i {
  width: 100%;
}
.slider .slides .slide-info p {
  margin-bottom: 0px;
}
.slider .slides .slide-info .slide-date {
  font-size: 14px;
  color: #38352f;
  font-family: Candara, Arial, sans-serif;
}
.slider .slides .slide-info .slide-date span {
  color: #38352f;
  font-size: 18px;
}
.slider .slides .active .slide-info {
  transition: all 2s ease;
  opacity: 1;
}
.slider .arrows {
  position: absolute;
  height: 33px;
  width: 33px;
  top: 125px;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
}
.slider .next {
  background: url(../images/arrow-right.png) no-repeat;
  right: 1px;
}
.slider .prev {
  background: url(../images/arrow-left.png) no-repeat;
  left: 1px;
}
.slider .navigation {
  position: absolute;
  bottom: 20px;
  left: 0px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.slider .navigation .dot {
  width: 2px;
  height: 2px;
  cursor: pointer;
  background-color: #fff;
  margin: 0px 10px;
}
.slider:hover .next,
.slider:hover .prev {
  opacity: 1;
  transition: all 0.7s ease;
}
.slider .navigation .active {
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin: 0px 5px;
  background-color: #ffc103;
  position: relative;
}
.slider .navigation .active:after {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding: 1px;
  border: 1px solid rgba(240, 71, 71, 0.3);
  box-shadow: 0px 0px 8px 0px rgba(240, 71, 71, 0.6);
}


.content-title{
  background: url(../images/content-title-bg.png) no-repeat;
  height: 74px;
  position: relative;
  z-index: 2;
  padding: 19px 39px 0px 39px;
}

.content-title a{
  color: #fff;
  font-size: 12px;
}

.content-title h1,
.content-title h2,
.content-title h3 {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 400;
}
.block {
  min-height: 110px;
}
.news-block {
  margin-top: -20px;
}

.news .news-img img {
  display: block;
}
.news .news-info {
  width: 100%;
  padding: 24px 20px;
}
.news .news-info p {
  line-height: 1.6;
  margin-left: -15px;
  height: 120px;
  overflow: hidden;
}

.news-date-page{
   font-family: Candara, Arial, sans-serif;
  color: #b4a814;;
  font-size: 14px; 
  padding-top: 20px;
}

.news-date-page span{
  color: #736c10;
}

.news-date {
  font-family: Candara, Arial, sans-serif;
  color: #903c3c;
  font-size: 14px;
}
.news-date {
  color:  #b4a814;
  margin-left: -15px;
  padding-top: 14px;
}

.news-i .button {
   border: 3px solid rgba(247, 230, 200, 0.27);
   box-shadow: 0em 0.5em 10px rgba(122,122,122,0.7);
}
.news-date span {
  color: #736c10;
}

.top-news-block .news-info {
  position: relative;
  z-index: 2;
}
.top-news-block .news-info h2 {
  border-bottom: 1px solid #612e0c;
  margin: 6px -20px 29px -15px;
  padding: 0px 20px 20px 0px;
}
.top-news {
  background-position: left;
  background-repeat: no-repeat;
  height: 304px;
  padding-left: 265px;
  position: relative;
}
.top-news:after {
  content: "";
  position: absolute;
  background: url(../images/fon-news-bg.png) no-repeat;
  width: 630px;
  height: 304px;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.pagination {
  padding-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;

}
.page-numbers {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  text-align: center;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #d3c9b1;
  color: #8d7951;
  text-decoration: none !important;
  font-size: 12px;
  margin: 0px 7px;
}
.page-numbers.active {
  background: radial-gradient(#d3c846, #b4a814);
  color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.page-numbers:hover {
  background: radial-gradient(#e9e08b, #d1c876);
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
}

.page-numbers.prev,
.page-numbers.next {
  background: radial-gradient(#d3c846, #b4a814);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  font-size: 0px;
}
.page-numbers.prev:hover,
.page-numbers.next:hover {
  background: radial-gradient(#e9e08b, #d1c876);
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}
.page-numbers.prev {
  margin: 0px 25px 0px 0px;
}
.page-numbers.next {
  margin: 0px 0px 0px 25px;
}
.page-numbers.prev:after {
  content: "";
  position: absolute;
  background: url(../images/prev-p.png) no-repeat;
  width: 12px;
  height: 16px;
  margin-left: -8px;
  margin-top: -7px;
  left: 50%;
  top: 50%;
  z-index: 2;
}
.page-numbers.prev:hover:after {
  background: url(../images/prev-p.png) no-repeat;
}
.page-numbers.next:after {
  content: "";
  position: absolute;
  background: url(../images/next-p.png) no-repeat;
  width: 12px;
  height: 16px;
  margin-right: -8px;
  margin-top: -7px;
  right: 50%;
  top: 50%;
}
.page-numbers.next:hover:after {
  background: url(../images/next-p.png) no-repeat;
}
/* Right Sidebar
-----------------------------------------------------------------------------*/
.status-block {
    position: relative;
    background: url(../images/status-bg.jpg) no-repeat;
    height: 106px;
    padding-left: 90px;
}

.status-block:after {
  content: "";
  position: absolute;
  background: url(../images/img-server-left.png) no-repeat;
  width: 106px;
  height: 154px;
  left: 0px;
  top: -16px;
}

.status-block:before {
  content: "";
  position: absolute;
  background: url(../images/img-server-right.png) no-repeat;
  width: 128px;
  height: 91px;
  right: -20px;
  top: -16px;
}

.server {
  width: 160px;
  font-size: 12px;
}
.server .server-name {
  color: #ffde00;
}
.server .status-online {
  color: #58c526;
  float: right;
}
.server .status-online b {
  font-weight: 400;
  color: #58c526;
}
.progress-bar {
  height: 16px;
  margin: 9px 0px 6px 0px;
  position: relative;
}
.progress-bar:after {
  content: "";
  position: absolute;
  background-color: #1a100a;
  width: 100%;
  height: 4px;
  top: 7px;
  left: 0px;
}
.progress-bar span {
  height: 16px;
  background: url(../images/line-server.png) repeat-x;
  display: block;
  position: relative;
  z-index: 1;
}
.desc {
  color: #a79376;
  font-size: 11px;
  text-decoration: underline;
}
.desc:hover {
  text-decoration: none;
}
.top-block.guild .top-number {
  width: 60px;
}
.top-block.guild .top-number img {
  margin-bottom: -2px;
}
.top-block.guild .top-name {
  width: 105px;
}
.top-block.guild .score {
  width: 60px;
}
.events {
  line-height: 1.2;
}
.events li {
  border-bottom: 1px dashed #62441b;
  padding: 15px 0px;
  transition: 0.5s;
}
.events li:hover {
  background: url(../images/fon-hover.jpg) repeat;
  margin: -1px -30px 1px -35px;
  padding: 15px 35px 15px 25px;
  box-shadow: 0em 0.5em 10px rgba(0, 0, 0, 0.5);
  color: #ffd562;
  z-index: 2;
  position: relative;
}

.events li:hover a {
  color: #ffd562;
}
.events li:hover span {
  color: #a79255;
}
.events li a {
  display: block;
  margin-bottom: 4px;
  color: #fff;
}
.events li span {
  color: #bfb5ae;
  font-size: 11px;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
  height: 310px;
  position: relative;
}


.footer:after {
  content: "";
  position: absolute;
  width: 1200px;
  left: 0;
  top: 73px;
}
.footer-block-t {
  position: absolute;
  width: 1200px;
  bottom: 130px;
  left: 0;
}
.f-menu {
  display: flex;
}
.f-menu li {
  margin: 0px 25px;
}
.f-menu li:first-child {
  margin: 0px 25px 0px 0px;
}
.f-menu li:last-child {
  margin: 0px 0px 0px 25px;
}
.f-menu li a {
  text-transform: uppercase;
  color: #cdae8e;
  font-size: 12px;
  padding: 0px 10px;
  display: block;
}

.f-menu li a:hover{
  color: #b1a513;
}

.f-menu li a:active{
  color: #b1a513;
}

.footer-block-l {
  width: 915px;
}
.footer-block-r {
  width: 260px;
  text-align: center;
}
.soc-block a {
  padding-top: 15px;
  display: inline-block;
  margin: -19px -6px 3px;
  background: url(../images/fon-icon-ss.png) no-repeat;
  height: 61px;
  width: 61px;

}
.soc-block a:hover {
  -webkit-filter: brightness(140%); 
  filter: brightness(140%);
}
/*
.soc-block .facebook {
  background: url(../images/soc-icons.png) 7px 4px no-repeat;
}
.soc-block .twitter {
  background: url(../images/soc-icons.png) -32px 4px no-repeat;
}
.soc-block .twitch {
  background: url(../images/soc-icons.png) -72px 4px no-repeat;
}
.soc-block .youtube {
  background: url(../images/soc-icons.png) -113px 4px no-repeat;
}
*/

.footer-block-b {
  position: absolute;
  width: 1200px;
  top: 200px;
  padding-right: 30px;
}

.templstock:hover{
  -webkit-filter: brightness(120%); 
  filter: brightness(120%);
}

.copyright p {
  font-size: 12px;
  color: #e0f0fd;
  margin-bottom: 25px;
}
.copyright p a {
  color: #b1a513;
}
.copyright span {
  color: #8b8b8c;
  text-transform: uppercase;
  font-size: 10px;
}


.toTop-fon{
    background: url(../images/fon-all-news-bottom-bg.jpg)center bottom no-repeat;
    display: flex;
    justify-content: center;
    height: 65px;
    padding-top: 25px;
    position: absolute;
    bottom: -55px;
    width: 630px;
}

.toTop {
  background: url(../images/fon-circle.png) no-repeat;
  width: 98px;
  height: 98px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;

}

.toTop:hover {
  -webkit-filter: brightness(120%); 
  filter: brightness(120%);

}

.red-light {
  background: url(../images/red-light-top-bg.jpg) center top no-repeat, url(../images/red-light-bottom-bg.jpg) center bottom no-repeat, url(../images/red-light-bg.jpg) center repeat-y;
}
.red-dark {
  background: url(../images/red-dark-top-bg.jpg) center top no-repeat, url(../images/red-dark-bottom-bg.jpg) center bottom no-repeat, url(../images/red-dark-line-bg.jpg) center repeat-y;
}

.modalx-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  cursor: pointer;
  overflow: auto;
  visibility: hidden;
  -webkit-transition: background 0.25s linear;
  -moz-transition: background 0.25s linear;
  transition: background 0.25s linear;
}
.modal_window {
  z-index: 9999;
  position: relative;
  cursor: auto;
  margin: 0 auto;
  display: none;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  margin-bottom: 20px;
  transform: scale(0.4);
  background: #000;
  width: 1000px;
  height: 540px;
  box-shadow: 0px 10px 63px 0px rgba(0, 0, 0, 0.5);
  background: url(../images/sidebar-bg.jpg);
}
.close-r {
  display: block;
  position: absolute;
  margin-top: -25px;
  width: 70px;
  height: 70px;
  right: -35px;
  background: url(../images/close_popup.png) no-repeat;
  filter: hue-rotate(50deg);
  -webkit-filter: hue-rotate(50deg);
}
.modal_window iframe {
  border: 0px;
}
/*# sourceMappingURL=style.css.map */

/**
 * Chunky 3D Web Buttons
 *
 * Inspiration was taken from:
 * - http://www.premiumpixels.com/freebies/chunky-3d-webbuttons-psd/
 */
 
/**
 * Shadow
 */
a.button::before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
    -moz-box-shadow: #959595 0 2px 5px;
    border-radius: 3px;
    box-shadow: #959595 0 2px 5px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    top: 0;
    width: 100%; }
    
a.button:active::before { padding: 1px 0 0; }

/**
 * Grey
 */
a.button {
    -moz-box-shadow: inset 0 0 0 1px #63ad0d;
    -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e2e2e2));
    background: -moz-linear-gradient(#eee, #e2e2e2);
    background: linear-gradient(#eee, #e2e2e2);
    border: solid 1px #d0d0d0;
    border-bottom: solid 3px #b2b1b1;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #555;
    display: inline-block;
    font: bold 12px Arial, Helvetica, Clean, sans-serif;
    margin: 0 25px 25px 0;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fafafa; }
    
a.button:hover {
    background: #e4e4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#ededed));
    background: -moz-linear-gradient(#e4e4e4, #ededed);
    background: linear-gradient(#e4e4e4, #ededed);
    border: solid 1px #c2c2c2;
    border-bottom: solid 3px #b2b1b1;
    box-shadow: inset 0 0 0 1px #efefef; }
    
a.button:active {
    background: #dfdfdf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
    background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
    background: linear-gradient(#dfdfdf, #e3e3e3);
    border: solid 1px #959595;
    box-shadow: inset 0 10px 15px 0 #c4c4c4;
    top:2px;}

/**
 * Pink
 */
a.button.pink {
    background: #f997b0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f997b0), to(#f56778));
    background: -moz-linear-gradient(#f997b0, #f56778);
    background: linear-gradient(#f997b0, #f56778);
    border: solid 1px #ee8090;
    border-bottom: solid 3px #cb5462;
    box-shadow: inset 0 0 0 1px #fbc1d0;
    color: #913944;
    text-shadow: 0 1px 0 #f9a0ad; }
    
a.button.pink:hover {
    background: #f57184;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f57184), to(#f78297));
    background: -moz-linear-gradient(#f57184, #f78297);
    background: linear-gradient(#f57184, #f78297);
    border: solid 1px #e26272;
    border-bottom: solid 3px #cb5462;
    box-shadow: inset 0 0 0 1px #f9aab5; }
    
a.button.pink:active {
    background: #f06a7c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f06a7c), to(#f56c7e));
    background: -moz-linear-gradient(#f06a7c, #f56c7e);
    background: linear-gradient(#f06a7c, #f56c7e);
    border: solid 1px #a14753;
    box-shadow: inset 0 10px 15px 0 #d45d6d; }
    
/**
 * Blue
 */
a.button.blue {
    background: #abe4f8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abe4f8), to(#74d0f4));
    background: -moz-linear-gradient(#abe4f8, #74d0f4);
    background: linear-gradient(#abe4f8, #74d0f4);
    border: solid 1px #8cc5d9;
    border-bottom: solid 3px #589cb6;
    box-shadow: inset 0 0 0 1px #cdeffb;
    color: #42788e;
    text-shadow: 0 1px 0 #b6e6f9; }
    
a.button.blue:hover {
    background: #80d4f5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80d4f5), to(#92dbf6));
    background: -moz-linear-gradient(#80d4f5, #92dbf6);
    background: linear-gradient(#80d4f5, #92dbf6);
    border: solid 1px #79acbe;
    border-bottom: solid 3px #589cb6;
    box-shadow: inset 0 0 0 1px #b2e6f8; }
    
a.button.blue:active {
    background: #89d2ee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89d2ee), to(#84cae6));
    background: -moz-linear-gradient(#89d2ee, #84cae6);
    background: linear-gradient(#89d2ee, #84cae6);
    border: solid 1px #5c8d9f;
    box-shadow: inset 0 10px 15px 0 #79b9d2; }
    
/**
 * Green
 */
a.button.green {
    background: #cae285;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cae285), to(#a3cd5a));
    background: -moz-linear-gradient(#cae285, #a3cd5a);
    background: linear-gradient(#cae285, #a3cd5a);
    border: solid 1px #aad063;
    border-bottom: solid 3px #799545;
    box-shadow: inset 0 0 0 1px #e0eeb6;
    color: #5d7731;
    text-shadow: 0 1px 0 #d0e5a4; }
    
a.button.green:hover {
    background: #abd164;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abd164), to(#b9d972));
    background: -moz-linear-gradient(#abd164, #b9d972);
    background: linear-gradient(#abd164, #b9d972);
    border: solid 1px #98b85b;
    border-bottom: solid 3px #799545;
    box-shadow: inset 0 0 0 1px #cce3a1; }
    
a.button.green:active {
    background: #a4cb5d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a4cb5d), to(#9ec45a));
    background: -moz-linear-gradient(#a4cb5d, #9ec45a);
    background: linear-gradient(#a4cb5d, #9ec45a);
    border: solid 1px #6e883f;
    box-shadow: inset 0 10px 15px 0 #90b352; }
    
/**
 * Teal
 */
a.button.teal {
    background: #b7f2f4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7f2f4), to(#81e8eb));
    background: -moz-linear-gradient(#b7f2f4, #81e8eb);
    background: linear-gradient(#b7f2f4, #81e8eb);
    border: solid 1px #87d3d5;
    border-bottom: solid 3px #4fa7aa;
    box-shadow: inset 0 0 0 1px #d4f8f8;
    color: #437b7d;
    text-shadow: 0 1px 0 #bef3f5; }
    
a.button.teal:hover {
    background: #8deaed;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8deaed), to(#9fedf0));
    background: -moz-linear-gradient(#8deaed, #9fedf0);
    background: linear-gradient(#8deaed, #9fedf0);
    border: solid 1px #79c5c7;
    border-bottom: solid 3px #4fa7aa;
    box-shadow: inset 0 0 0 1px #b9f2f5; }
    
a.button.teal:active {
    background: #84e4e7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#84e4e7), to(#80dcdf));
    background: -moz-linear-gradient(#84e4e7, #80dcdf);
    background: linear-gradient(#84e4e7, #80dcdf);
    border: solid 1px #58999b;
    box-shadow: inset 0 10px 15px 0 #75c9cc; }
    
/**
 * Black
 */
a.button.black {
    background: #656565;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#656565), to(#444));
    background: -moz-linear-gradient(#656565, #444);
    background: linear-gradient(#656565, #444);
    border: solid 1px #535353;
    border-bottom: solid 3px #414141;
    box-shadow: inset 0 0 0 1px #939393;
    color: #fff;
    text-shadow: 0 1px 0 #2f2f2f; }
    
a.button.black:hover {
    background: #4c4c4c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4c4c4c), to(#565656));
    background: -moz-linear-gradient(#4c4c4c, #565656);
    background: linear-gradient(#4c4c4c, #565656);
    border: solid 1px #464646;
    border-bottom: solid 3px #414141;
    box-shadow: inset 0 0 0 1px #818181; }
    
a.button.black:active {
    background: #474747;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#474747), to(#444));
    background: -moz-linear-gradient(#474747, #444);
    background: linear-gradient(#474747, #444);
    border: solid 1px #2f2f2f;
    box-shadow: inset 0 10px 15px 0 #3e3e3e; }
    
/**
 * Dark Grey
 */
a.button.dark_grey {
    background: #d1d1d1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d1d1d1), to(#afafaf));
    background: -moz-linear-gradient(#d1d1d1, #afafaf);
    background: linear-gradient(#d1d1d1, #afafaf);
    border: solid 1px #b4b4b4;
    border-bottom: solid 3px #878787;
    box-shadow: inset 0 0 0 1px #e3e3e3;
    color: #555;
    text-shadow: 0 1px 0 #d6d6d6; }
    
a.button.dark_grey:hover {
    background: #b7b7b7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7b7b7), to(#c2c2c2));
    background: -moz-linear-gradient(#b7b7b7, #c2c2c2);
    background: linear-gradient(#b7b7b7, #c2c2c2);
    border: solid 1px #a2a2a2;
    border-bottom: solid 3px #878787;
    box-shadow: inset 0 0 0 1px #d4d4d4; }
    
a.button.dark_grey:active {
    background: #afafaf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afafaf), to(#a9a9a9));
    background: -moz-linear-gradient(#afafaf, #a9a9a9);
    background: linear-gradient(#afafaf, #a9a9a9);
    border: solid 1px #757575;
    box-shadow: inset 0 10px 15px 0 #9a9a9a; }
    
/**
 * Orange
 */
a.button.orange {
    background: #feda71;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feda71), to(#febe4d));
    background: -moz-linear-gradient(#feda71, #febe4d);
    background: linear-gradient(#feda71, #febe4d);
    border: solid 1px #eab551;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fee9aa;
    color: #996633;
    text-shadow: 0 1px 0 #fedd9b; }
    
a.button.orange:hover {
    background: #fec455;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fec455), to(#fecd61));
    background: -moz-linear-gradient(#fec455, #fecd61);
    background: linear-gradient(#fec455, #fecd61);
    border: solid 1px #e6a93d;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fedb98; }
    
a.button.orange:active {
    background: #f9bd4f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9bd4f), to(#f0b64d));
    background: -moz-linear-gradient(#f9bd4f, #f0b64d);
    background: linear-gradient(#f9bd4f, #f0b64d);
    border: solid 1px #a77f35;
    box-shadow: inset 0 10px 15px 0 #dba646; }
    
/**
 * Purple
 */
a.button.purple {
    background: #e8c4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8c4e4), to(#d698d0));
    background: -moz-linear-gradient(#e8c4e4, #d698d0);
    background: linear-gradient(#e8c4e4, #d698d0);
    border: solid 1px #da9fd4;
    border-bottom: solid 3px #946890;
    box-shadow: inset 0 0 0 1px #f2dcef;
    color: #7b5777;
    text-shadow: 0 1px 0 #eacae6; }
    
a.button.purple:hover {
    background: #daa2d4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#daa2d4), to(#e0b1db));
    background: -moz-linear-gradient(#daa2d4, #e0b1db);
    background: linear-gradient(#daa2d4, #e0b1db);
    border: solid 1px #ca91c4;
    border-bottom: solid 3px #946890;
    box-shadow: inset 0 0 0 1px #e9c7e6; }
    
a.button.purple:active {
    background: #d49ace;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d49ace), to(#cc94c6));
    background: -moz-linear-gradient(#d49ace, #cc94c6);
    background: linear-gradient(#d49ace, #cc94c6);
    border: solid 1px #8e678a;
    box-shadow: inset 0 10px 15px 0 #ba87b5; }
    
/**
 * Blue Alt
 */
a.button.blue_alt {
    background: #becbd6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#becbd6), to(#8da5b7));
    background: -moz-linear-gradient(#becbd6, #8da5b7);
    background: linear-gradient(#becbd6, #8da5b7);
    border: solid 1px #a1aeb7;
    border-bottom: solid 3px #62727e;
    box-shadow: inset 0 0 0 1px #d8e0e6;
    color: #515f6a;
    text-shadow: 0 1px 0 #c4d0da; }
    
a.button.blue_alt:hover {
    background: #97adbd;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97adbd), to(#a8bac8));
    background: -moz-linear-gradient(#97adbd, #a8bac8);
    background: linear-gradient(#97adbd, #a8bac8);
    border: solid 1px #96a2ab;
    border-bottom: solid 3px #62727e;
    box-shadow: inset 0 0 0 1px #c0ced7; }
    
a.button.blue_alt:active {
    background: #8fa6b6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8fa6b6), to(#8aa0b0));
    background: -moz-linear-gradient(#8fa6b6, #8aa0b0);
    background: linear-gradient(#8fa6b6, #8aa0b0);
    border: solid 1px #606f7a;
    box-shadow: inset 0 10px 15px 0 #7e92a1; }
    
/**
 * Crisp
 */
a.button.crisp {
    background: #c38b66;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c38b66), to(#9d6741));
    background: -moz-linear-gradient(#c38b66, #9d6741);
    background: linear-gradient(#c38b66, #9d6741);
    border: solid 1px #422213;
    border-bottom: solid 3px #33180d;
    box-shadow: inset 0 0 0 1px #b98c62;
    color: #fff;
    text-shadow: 0 1px 0 #7b502e; }
    
a.button.crisp:hover {
    background: #9d6741;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d6741), to(#c38b66));
    background: -moz-linear-gradient(#9d6741, #c38b66);
    background: linear-gradient(#9d6741, #c38b66);
    border: solid 1px #422213;
    border-bottom: solid 3px #33180d;
    box-shadow: inset 0 0 0 1px #b98c62; }
    
a.button.crisp:active {
    background: #9d6741;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d6741), to(#c38b66));
    background: -moz-linear-gradient(#9d6741, #c38b66);
    background: linear-gradient(#9d6741, #c38b66);
    border: solid 1px #422213;
    box-shadow: inset 0 10px 15px 0 #7b502e; }
    
/**
 * Forrst - Special Edition
 */
a.button.forrst {
    background: #4a7746;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4a7746), to(#335d30));
    background: -moz-linear-gradient(#4a7746, #335d30);
    background: linear-gradient(#4a7746, #335d30);
    border: solid 1px #1b3013;
    border-bottom: solid 3px #0a1608;
    box-shadow: inset 0 0 0 1px #53864f;
    color: #142413;
    text-shadow: 0 1px 0 #4b7b47; }
    
a.button.forrst:hover {
    background: #335d30;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#335d30), to(#4a7746));
    background: -moz-linear-gradient(#335d30, #4a7746);
    background: linear-gradient(#335d30, #4a7746);
    border: solid 1px #1b3013;
    border-bottom: solid 3px #0a1608;
    box-shadow: inset 0 0 0 1px #53864f; }
    
a.button.forrst:active {
    background: #335d30;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#335d30), to(#4a7746));
    background: -moz-linear-gradient(#335d30, #4a7746);
    background: linear-gradient(#335d30, #4a7746);
    border: solid 1px #1b3013;
    box-shadow: inset 0 10px 15px 0 #294a16; }
    
/**
 * Dribbble - Special Edition
 */
a.button.dribbble {
    background: #f1a4c1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1a4c1), to(#e675a0));
    background: -moz-linear-gradient(#f1a4c1, #e675a0);
    background: linear-gradient(#f1a4c1, #e675a0);
    border: solid 1px #e98eb0;
    border-bottom: solid 3px #cc4a79;
    box-shadow: inset 0 0 0 1px #f6c2d7;
    color: #fff;
    text-shadow: 0 1px 0 #d64570; }
    
a.button.dribbble:hover {
    background: #e675a0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e675a0), to(#f1a4c1));
    background: -moz-linear-gradient(#e675a0, #f1a4c1);
    background: linear-gradient(#e675a0, #f1a4c1);
    border: solid 1px #e98eb0;
    border-bottom: solid 3px #cc4a79;
    box-shadow: inset 0 0 0 1px #f6c2d7; }
    
a.button.dribbble:active {
    background: #e675a0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e675a0), to(#f1a4c1));
    background: -moz-linear-gradient(#e675a0, #f1a4c1);
    background: linear-gradient(#e675a0, #f1a4c1);
    border: solid 1px #e98eb0;
    box-shadow: inset 0 10px 15px 0 #e05285; }
    
/**
 * Twitter - Special Edition
 */
a.button.twitter {
    background: #9fd6fa;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9fd6fa), to(#6bb9f7));
    background: -moz-linear-gradient(#9fd6fa, #6bb9f7);
    background: linear-gradient(#9fd6fa, #6bb9f7);
    border: solid 1px #72bdf4;
    border-bottom: solid 3px #4a9de1;
    box-shadow: inset 0 0 0 1px #bfe4fc;
    color: #fff;
    text-shadow: 0 1px 0 #4598f3; }
    
a.button.twitter:hover {
    background: #6bb9f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
    background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
    background: linear-gradient(#6bb9f7, #9fd6fa);
    border: solid 1px #72bdf4;
    border-bottom: solid 3px #4a9de1;
    box-shadow: inset 0 0 0 1px #bfe4fc; }
    
a.button.twitter:active {
    background: #6bb9f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
    background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
    background: linear-gradient(#6bb9f7, #9fd6fa);
    border: solid 1px #72bdf4;
    box-shadow: inset 0 10px 15px 0 #50aaf3; }
    
/**
 * Facebook - Special Edition
 */
a.button.facebook {
    background: #99b6df;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99b6df), to(#638ec8));
    background: -moz-linear-gradient(#99b6df, #638ec8);
    background: linear-gradient(#99b6df, #638ec8);
    border: solid 1px #6d94ce;
    border-bottom: solid 3px #3867ac;
    box-shadow: inset 0 0 0 1px #bbcfeb;
    color: #fff;
    text-shadow: 0 1px 0 #3c61ab; }
    
a.button.facebook:hover {
    background: #638ec8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
    background: -moz-linear-gradient(#638ec8, #99b6df);
    background: linear-gradient(#638ec8, #99b6df);
    border: solid 1px #6d94ce;
    border-bottom: solid 3px #3867ac;
    box-shadow: inset 0 0 0 1px #bbcfeb; }
    
a.button.facebook:active {
    background: #638ec8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
    background: -moz-linear-gradient(#638ec8, #99b6df);
    background: linear-gradient(#638ec8, #99b6df);
    border: solid 1px #6d94ce;
    box-shadow: inset 0 10px 15px 0 #4176c4; }
    
/**
 * LoveDSGN - Special Edition
 */
a.button.lovedsgn {
    background: #f3c1e6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3c1e6), to(#de66c0));
    background: -moz-linear-gradient(#f3c1e6, #de66c0);
    background: linear-gradient(#f3c1e6, #de66c0);
    border: solid 1px #cd5daf;
    border-bottom: solid 3px #ce5eb0;
    box-shadow: inset 0 0 0 1px #e998d3;
    color: #fff;
    text-shadow: 0 1px 0 #ce5eb0; }
    
a.button.lovedsgn:hover {
    background: #de66c0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de66c0), to(#f3c1e6));
    background: -moz-linear-gradient(#de66c0, #f3c1e6);
    background: linear-gradient(#de66c0, #f3c1e6);
    border: solid 1px #cd5daf;
    border-bottom: solid 3px #ce5eb0;
    box-shadow: inset 0 0 0 1px #e998d3; }
    
a.button.lovedsgn:active {
    background: #de66c0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de66c0), to(#f3c1e6));
    background: -moz-linear-gradient(#de66c0, #f3c1e6);
    background: linear-gradient(#de66c0, #f3c1e6);
    border: solid 1px #cd5daf;
    box-shadow: inset 0 10px 15px 0 #ce5eb0; }
    
/**
 * XBOX - Special Edition
 */
a.button.xbox {
    background: #c4e125;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c4e125), to(#88a819));
    background: -moz-linear-gradient(#c4e125, #88a819);
    background: linear-gradient(#c4e125, #88a819);
    border: solid 1px #829c15;
    border-bottom: solid 3px #819d15;
    box-shadow: inset 0 0 0 1px #c6da7b;
    color: #fff;
    text-shadow: 0 1px 0 #819d15; }
    
a.button.xbox:hover {
    background: #88a819;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88a819), to(#c4e125));
    background: -moz-linear-gradient(#88a819, #c4e125);
    background: linear-gradient(#88a819, #c4e125);
    border: solid 1px #829c15;
    border-bottom: solid 3px #819d15;
    box-shadow: inset 0 0 0 1px #c6da7b; }
    
a.button.xbox:active {
    background: #88a819;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88a819), to(#c4e125));
    background: -moz-linear-gradient(#88a819, #c4e125);
    background: linear-gradient(#88a819, #c4e125);
    border: solid 1px #829c15;
    box-shadow: inset 0 10px 15px 0 #819d15; }
    
/**
 * devART - Special Edition
 */
a.button.devart {
    background: #729e85;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#729e85), to(#486d5c));
    background: -moz-linear-gradient(#729e85, #486d5c);
    background: linear-gradient(#729e85, #486d5c);
    border: solid 1px #236036;
    border-bottom: solid 3px #225f33;
    box-shadow: inset 0 0 0 1px #90a59c;
    color: #fff;
    text-shadow: 0 1px 0 #225f33; }
    
a.button.devart:hover {
    background: #486d5c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#486d5c), to(#729e85));
    background: -moz-linear-gradient(#486d5c, #729e85);
    background: linear-gradient(#486d5c, #729e85);
    border: solid 1px #236036;
    border-bottom: solid 3px #225f33;
    box-shadow: inset 0 0 0 1px #90a59c; }
    
a.button.devart:active {
    background: #486d5c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#486d5c), to(#729e85));
    background: -moz-linear-gradient(#486d5c, #729e85);
    background: linear-gradient(#486d5c, #729e85);
    border: solid 1px #236036;
    box-shadow: inset 0 10px 15px 0 #225f33; }
    
/**
 * Designmoo - Special Edition
 */
a.button.dsgnmoo {
    background: #f97779;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f97779), to(#ce2424));
    background: -moz-linear-gradient(#f97779, #ce2424);
    background: linear-gradient(#f97779, #ce2424);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b;
    color: #fff;
    text-shadow: 0 1px 0 #bd2524; }
    
a.button.dsgnmoo:hover {
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b; }
    
a.button.dsgnmoo:active {
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    box-shadow: inset 0 10px 15px 0 #bd2524; }
    
/**
 * RSS Feed - Special Edition
 */
a.button.rss {
    background: #f6c696;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6c696), to(#e9893d));
    background: -moz-linear-gradient(#f6c696, #e9893d);
    background: linear-gradient(#f6c696, #e9893d);
    border: solid 1px #a1681b;
    border-bottom: solid 3px #a1671d;
    box-shadow: inset 0 0 0 1px #f1bb8f;
    color: #fff;
    text-shadow: 0 1px 0 #a1671d; }
    
a.button.rss:hover {
    background: #e9893d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9893d), to(#f6c696));
    background: -moz-linear-gradient(#e9893d, #f6c696);
    background: linear-gradient(#e9893d, #f6c696);
    border: solid 1px #a1681b;
    border-bottom: solid 3px #a1671d;
    box-shadow: inset 0 0 0 1px #f1bb8f; }
    
a.button.rss:active {
    background: #e9893d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9893d), to(#f6c696));
    background: -moz-linear-gradient(#e9893d, #f6c696);
    background: linear-gradient(#e9893d, #f6c696);
    border: solid 1px #a1681b;
    box-shadow: inset 0 10px 15px 0 #a1671d; }
    
/**
 * Yahoo - Special Edition
 */
a.button.yahoo {
    background: #be95b7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#be95b7), to(#5f396a));
    background: -moz-linear-gradient(#be95b7, #5f396a);
    background: linear-gradient(#be95b7, #5f396a);
    border: solid 1px #4b2a55;
    border-bottom: solid 3px #4d2955;
    box-shadow: inset 0 0 0 1px #9c83a1;
    color: #fff;
    text-shadow: 0 1px 0 #4d2955; }
    
a.button.yahoo:hover {
    background: #5f396a;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5f396a), to(#be95b7));
    background: -moz-linear-gradient(#5f396a, #be95b7);
    background: linear-gradient(#5f396a, #be95b7);
    border: solid 1px #4b2a55;
    border-bottom: solid 3px #4d2955;
    box-shadow: inset 0 0 0 1px #9c83a1; }
    
a.button.yahoo:active {
    background: #5f396a;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5f396a), to(#be95b7));
    background: -moz-linear-gradient(#5f396a, #be95b7);
    background: linear-gradient(#5f396a, #be95b7);
    border: solid 1px #4b2a55;
    box-shadow: inset 0 10px 15px 0 #4d2955; }