* {
   margin: 0px;
   padding: 0px;
   outline: none;
}

body {
   background: #090806;
   color: #c8beab;
   font-size: 14px;
   font-family: 'AGK';
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
a {
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   text-decoration: none;
   cursor: pointer;
   color: #fff196;
}

b,
th,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'AGK';
   font-weight: normal;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
input,
select,
textarea {
   color: #debc7e;
   font-size: 16px;
   font-family: 'AGK';
}

button {
   font-family: 'AGK';
}

::-webkit-input-placeholder {
   color: #debc7e;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

:-moz-placeholder {
   color: #debc7e;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

::-moz-placeholder {
   color: #debc7e;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

:-ms-input-placeholder {
   color: #debc7e;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

textarea::-webkit-input-placeholder {
   color: #debc7e;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

textarea:-moz-placeholder {
   color: #debc7e;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

textarea::-moz-placeholder {
   color: #debc7e;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

textarea:-ms-input-placeholder {
   color: #debc7e;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -o-transform: scale(0.9);
   transform: scale(0.9);
   opacity: 0;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -o-transform: scale(0.9);
   transform: scale(0.9);
   opacity: 0;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -o-transform: scale(0.9);
   transform: scale(0.9);
   opacity: 0;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -o-transform: scale(0.9);
   transform: scale(0.9);
   opacity: 0;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
@font-face {
   font-family: 'AGK';
   src: url('../css/fonts/AGK.eot');
   src: local('☺'), url('../css/fonts/AGK.woff') format('woff'), url('../css/fonts/AGK.ttf') format('truetype'), url('../css/fonts/AGK.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'AGK-BOLD';
   src: url('../css/fonts/AGK-BOLD.eot');
   src: local('☺'), url('../css/fonts/AGK-BOLD.woff') format('woff'), url('../css/fonts/AGK-BOLD.ttf') format('truetype'), url('../css/fonts/AGK-BOLD.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: dashicons;
   src: url(../css/fonts/dashicons.ttf);
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
#general {
   position: relative;
   display: block;
   width: 100%;
   max-width: 2560px;
   min-height: 100vh;
   min-width: 320px;
   margin: 0 auto;
   background: url(../images/bg-1-min.jpg) no-repeat center top,
      url(../images/bg-2-min.jpg) no-repeat center bottom;
   overflow: hidden;
}

#general .wrapper {
   position: relative;
   display: block;
   width: 100%;
   max-width: 2560px;
   margin: 0 auto;
}

#general .wrapper .inner {
   position: relative;
   display: block;
   width: 100%;
   max-width: 1360px;
   height: 100%;
   margin: 0 auto;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.nav {
   height: 95px;
}

.nav ul {
   position: relative;
   display: inline-flex;
   height: 100%;
   align-items: center;
}

.nav ul li {
   position: relative;
   display: inline-block;
   float: left;
}

.nav ul .menu li {
   margin-right: 70px;
}

.nav ul .menu li a {
   position: relative;
   display: block;
   z-index: 1;
}

.nav ul .menu li span {
   position: relative;
   display: block;
   color: #ffd991;
   font-size: 18px;
}

.nav ul .menu li p {
   position: relative;
   display: block;
   color: #81796a;
   text-shadow: 0 0 0 #81796a;
   font-size: 12px;
   margin-top: 2px;
   -webkit-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.nav ul .menu li:hover p {
   color: #fff;
}

.nav ul .menu li .hvr {
   position: absolute;
   display: block;
   width: 332px;
   height: 205px;
   background: url(../images/bg-nav.png) no-repeat;
   top: calc(50% + 3px);
   left: 50%;
   transform: translate(-50%, -50%);
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.nav ul .menu li a:hover+.hvr {
   visibility: visible;
   opacity: 1;
}

.nav ul .lang {
   position: relative;
   display: inline-block;
}

.nav ul .lang a {
   position: relative;
   display: inline-grid;
   float: left;
   margin-right: 8px;
   opacity: 0.3;
}

.nav ul .lang a img {
   position: relative;
   display: block;
   align-self: center;
}

.nav ul .lang a:hover,
.nav ul .lang a.active {
   opacity: 1;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.nav ul.min {
   display: grid;
   width: 100%;
   grid-template-columns: 1fr auto;
}

.nav ul.min .menu {
   overflow: hidden;
   display: block;
}

.nav ul.min .nav-arrow {
   position: relative;
   display: block;
   width: 40px;
   height: 40px;
   align-self: center;
}

.nav ul.min .nav-arrow:before {
   content: '\f333';
   position: relative;
   display: block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   font-size: 40px;
   text-align: center;
   color: #ffd991;
   font-family: dashicons;
   -webkit-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.nav ul.min .nav-arrow[data-rel="on"]:before {
   content: '\f335';
}

.nav ul.min .nav-arrow:hover:before {
   color: #fff;
}

.nav ul.min .menu {
   position: absolute;
   width: 320px;
   padding: 10px 0;
   background: url(../images/bg-2-min.jpg) no-repeat center;
   background-size: cover;
   top: 100%;
   left: 0;
   z-index: 10;
}

.nav ul.min .menu li {
   position: relative;
   display: block;
   float: none;
   margin: 0;
}

.nav ul.min .menu li a {
   position: relative;
   display: block;
   padding: 12px 20px;
}

.nav ul.min .menu li .hvr {
   top: 0;
   left: 0;
   width: 50%;
   height: 100%;
   background: rgba(145, 61, 25, 0.2);
   transform: none;
}

.nav ul.min .menu li a:hover+.hvr {
   width: 100%;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.header {
   height: 480px;
}

.header .logo {
   position: relative;
   display: grid;
   width: 100%;
   height: 100%;
}

.fullscreen-bg__video {
   position: absolute;
   background-size: cover;
   background-image: none;
   background-position: center center;
   left: -350px;
   width: 138%;
   margin-top: 0%;
   z-index: -11;
}


.header .logo a {
   position: relative;
   display: block;
   align-self: start;
   margin-top: 65px;
   margin-left: 149px;
   justify-self: start;
}

.header .logo a img {
   position: relative;
   display: block;
   max-width: 100%;
}

.header .logo a:hover {
   -webkit-filter: contrast(185%);
   -moz-filter: contrast(185%);
   -o-filter: contrast(185%);
   filter: contrast(185%);
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.about {
   height: 85px;
}

.about ul {
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   width: 924px;
   margin-left: 36px;
   height: 100%;
}

.about ul li {
   position: relative;
   display: inline-block;
   float: left;
}

.about ul li a {
   position: relative;
   display: grid;
   grid-template-columns: 46px 1fr;
   grid-gap: 31px;
   color: #ffd991;
   font-size: 18px;
}

.about ul li a:hover {
   color: #fff;
}

.about ul li a:before {
   content: '';
   position: relative;
   display: block;
   width: 46px;
   height: 46px;
   background: url(../images/ico-ab.png) no-repeat;
   align-self: center;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.about ul li a span {
   position: relative;
   display: block;
   align-self: center;
}

.about ul li a:hover:before {
   background: url(../images/ico-ab-h.png) no-repeat;
}

@-webkit-keyframes radius {
   0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@-moz-keyframes radius {
   0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@-o-keyframes radius {
   0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@keyframes radius {
   0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

.about ul li a:before {
   -webkit-animation-name: radius;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: normal;
   -webkit-animation-timing-function: linear;

   -moz-animation-name: radius;
   -moz-animation-duration: 2s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-direction: normal;
   -moz-animation-timing-function: linear;

   -o-animation-name: radius;
   -o-animation-duration: 2s;
   -o-animation-iteration-count: infinite;
   -o-animation-direction: normal;
   -o-animation-timing-function: linear;

   animation-name: radius;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   animation-direction: normal;
   animation-timing-function: linear;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.about .about-arrow {
   position: absolute;
   display: block;
   width: 40px;
   height: 40px;
   align-self: center;
   top: 0;
   left: 0;
   bottom: 0;
   margin: auto;
}

.about .about-arrow:before {
   content: '\f333';
   position: relative;
   display: block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   font-size: 40px;
   text-align: center;
   color: #ffd991;
   font-family: dashicons;
   -webkit-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.about .about-arrow[data-rel="on"]:before {
   content: '\f335';
}

.about .about-arrow:hover:before {
   color: #fff;
}

.about .inner.min ul {
   position: absolute;
   display: block;
   width: 320px;
   height: auto;
   padding: 10px 0;
   background: url(../images/bg-2-min.jpg) no-repeat center;
   background-size: cover;
   top: 100%;
   left: 0;
   z-index: 10;
   margin: 0;
}

.about .inner.min ul li {
   position: relative;
   display: block;
   float: none;
   margin: 0;
}

.about .inner.min ul li a {
   position: relative;
   /*display: block;*/
   grid-gap: 15px;
   padding: 12px 15px;
   z-index: 1;
}

.about .inner.min ul li:before {
   content: '';
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 50%;
   height: 100%;
   background: rgba(145, 61, 25, 0.2);
   transform: none;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.about .inner.min ul li:hover:before {
   width: 100%;
   visibility: visible;
   opacity: 1;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.content {
   padding: 30px 0;
}

.content .grid-block {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: 817px 1fr;
   grid-gap: 28px;
}

.content .grid-block .left-block {
   position: relative;
   display: inline-block;
   width: 100%;
   margin: 0;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .left-block .news {
   position: relative;
   display: grid;
   width: calc(100% - 2px);
   height: 280px;
   background: #120f0e;
   border: 1px solid rgba(33, 29, 27, 0.5);
   margin: 15px auto 0;
   -webkit-border-radius: 17px;
   -moz-border-radius: 17px;
   border-radius: 17px;
   overflow: hidden;
}

.content .grid-block .left-block .news:first-child {
   margin: 0 auto;
}

.content .grid-block .left-block .news .frame {
   position: absolute;
   display: grid;
   width: 100%;
   height: 100%;
   margin: 0;
   overflow: hidden;
   background: #120f0e;
   top: 0;
   left: 0;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

.content .grid-block .left-block .news .frame img {
   position: relative;
   display: block;
   min-width: 100%;
   height: auto;
   min-height: 100%;
   align-self: center;
   justify-self: center;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}

.content .grid-block .left-block .news:hover .frame {
   -webkit-filter: contrast(135%);
   -moz-filter: contrast(135%);
   -o-filter: contrast(135%);
   filter: contrast(135%);
}

.content .grid-block .left-block .news:before {
   content: '';
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 1;
   background: none;
   bottom: 0;
   left: 0;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}

.content .grid-block .left-block .news .desc {
   position: relative;
   display: block;
   align-self: end;
   padding: 30px 40px;
   z-index: 2;
}

.content .grid-block .left-block .news .desc .title {
   position: relative;
   display: block;
   margin: 0 auto 15px;
   text-align: left;
   color: #ffd991;
   font-size: 18px;
}

.content .grid-block .left-block .news .desc .text {
   position: relative;
   display: block;
   margin: 0 auto;
   color: #c8beab;
   font-size: 14px;
}

.content .grid-block .left-block .news .link {
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 5;
   opacity: 0;
   top: 0;
   left: 0;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}

.content .grid-block .left-block .news .link a {
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   opacity: 0;
   top: 0;
   left: 0;
   font-size: 0;
}

.content .grid-block .left-block .news .date {
   position: absolute;
   display: inline-block;
   top: 0;
   right: 0;
   padding: 30px 40px;
   z-index: 2;
   font-size: 30px;
   color: #fff;
}

.content .grid-block .left-block .news .date span {
   position: relative;
   display: inline-block;
   color: #ff7e00;
   font-size: 16px;
   margin-left: 10px;
   font-family: 'AGK-BOLD';
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .right-block {
   position: relative;
   display: block;
   width: 100%;
}

.content .grid-block .right-block .item {
   position: relative;
   display: grid;
   width: calc(100% - 2px);
   height: 126px;
   overflow: hidden;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background: #120f0e;
   margin: 26px auto 0;
}

.content .grid-block .right-block .item:before {
   content: '';
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 1;
   background: url(../images/item-fade.png) no-repeat center bottom;
   background-size: 100% 100%;
   bottom: 0;
   left: 0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.content .grid-block .right-block .item:first-child {
   margin-top: 0;
}

.content .grid-block .right-block .item .frame {
   position: absolute;
   display: grid;
   width: 100%;
   height: 100%;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   overflow: hidden;
   background: #120f0e;
   top: 0px;
   left: 0px;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

.content .grid-block .right-block .item .frame img {
   position: relative;
   display: block;
   min-width: 100%;
   width: auto;
   height: 100%;
   justify-self: center;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.content .grid-block .right-block .item:hover .frame {
   -webkit-filter: contrast(135%);
   -moz-filter: contrast(135%);
   -o-filter: contrast(135%);
   filter: contrast(135%);
}

.content .grid-block .right-block .item .desc {
   position: relative;
   display: block;
   align-self: end;
   padding: 15px;
   z-index: 2;
}

.content .grid-block .right-block .item .desc .title {
   position: relative;
   display: block;
   text-align: center;
   color: #ffd991;
   font-size: 16px;
   margin: 0 auto 7px;
   font-family: 'AGK';
}

.content .grid-block .right-block .item .desc .text {
   position: relative;
   display: table;
   text-align: center;
   color: #b1a896;
   font-size: 12px;
   margin: 0 auto;
   font-family: 'AGK';
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.content .grid-block .right-block .item:hover .desc .text {
   color: #fff;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.download {
   position: relative;
   display: inline-block;
   width: 100%;
   margin: 0;
}

.download .load-text {
   position: relative;
   display: block;
   margin: 0 auto 17px;
}

.download .load-text span {
   position: relative;
   display: block;
   color: #7b7467;
   font-size: 14px;
   margin-bottom: 10px;
}

.download .load-text p {
   position: relative;
   display: block;
   color: #ffffff;
   font-size: 14px;
}

.download .item {
   position: relative;
   display: grid;
   padding: 10px 30px;
   background: #0b0605;
   margin: 6px auto 0;
   grid-template-columns: 1fr auto;
   grid-gap: 10px;
}

.download .item .text {
   position: relative;
   display: block;
   align-self: center;
   color: #debc7e;
   font-size: 14px;
}

.download .item .link {
   position: relative;
   display: inline-grid;
   grid-template-columns: repeat(2, 140px);
   grid-gap: 12px;
   align-self: center;
}

.download .item .link a {
   position: relative;
   display: grid;
   width: 140px;
   height: 35px;
   color: #ffd991;
   font-size: 14px;
   text-align: center;
}

.download .item .link a span {
   position: relative;
   display: block;
   align-self: center;
   justify-self: center;
}

.download .item .link a:before {
   content: '';
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   background: url(../images/load-btn.png) no-repeat center;
   top: 0;
   left: 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.download .item .link a:hover:before {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.donate-form {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: auto auto 1fr;
   grid-gap: 20px;
}

.donate-form .item {
   position: relative;
   display: block;
}

.donate-form .item:nth-child(3n-2) input,
.donate-form .item:nth-child(3n-1) input {
   max-width: 166px;
}

.donate-form .item:nth-child(3n-2) select,
.donate-form .item:nth-child(3n-1) select {
   max-width: 226px;
}

.donate-form .item label {
   position: relative;
   display: block;
   color: #817c72;
   font-size: 12px;
   margin-bottom: 17px;
   margin-left: 5px;
}

.donate-form .item .field {
   position: relative;
   display: block;
}

.donate-form .descr {
   position: relative;
   display: grid;
   grid-column-start: 1;
   grid-column-end: 4;
   grid-template-columns: auto 1fr auto auto;
   grid-gap: 14px;
   padding-top: 10px;
}

.donate-form .descr .nt-1 {
   position: relative;
   display: block;
   align-self: center;
}

.donate-form .descr .nt-1 button {
   position: relative;
   display: block;
   width: 176px;
   height: 44px;
   background: no-repeat;
   border: none;
   cursor: pointer;
   color: #ffd991;
   font-size: 14px;
   z-index: 1;
}

.donate-form .descr .nt-1 button:before {
   content: '';
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   background: url(../images/donate-btn.png) no-repeat;
   top: 0;
   left: 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   z-index: -1;
}

.donate-form .descr .nt-1 button:hover:before {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

.donate-form .descr .nt-1 input[type="submit"] {
   position: relative;
   display: block;
   width: 176px !important;
   height: 44px !important;
   background: no-repeat;
   border: none;
   cursor: pointer;
   color: #ffd991;
   font-size: 14px;
   z-index: 1;
   background: url(../images/donate-btn.png) no-repeat;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.donate-form .descr .nt-1 input[type="submit"]:hover {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

.donate-form .descr .nt-2 {
   position: relative;
   display: block;
   align-self: center;
   color: #989898;
   font-size: 12px;
   text-align: right;
}

.donate-form .descr .nt-3 {
   position: relative;
   display: block;
   align-self: center;
}

.donate-form .descr .nt-3 a.pay-pal {
   position: relative;
   display: block;
   width: 135px;
   height: 35px;
   background: url(../images/pp-btn.png) no-repeat;
   font-size: 0;
}

.donate-form .descr .nt-3 a.pay-pal:hover {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

.donate-form .descr .nt-4 {
   position: relative;
   display: block;
   align-self: center;
   color: #989898;
   font-size: 12px;
   text-align: left;
}

.donate-form .descr .nt-4 a.live-chat {
   position: relative;
   display: inline-block;
   width: 44px;
   height: 15px;
   background: url(../images/live-chat.png) no-repeat;
   vertical-align: middle;
}

.donate-form .descr .nt-4 a.live-chat:hover {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.table-form {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: 2fr 2fr 3fr;
   grid-gap: 20px;
}

.table-form .item {
   position: relative;
   display: block;
}

.table-form .item:nth-child(3n-2) input,
.table-form .item:nth-child(3n-1) input {
   /*max-width: 166px;*/
}

.table-form .item:nth-child(3n-2) select,
.table-form .item:nth-child(3n-1) select {
   /*max-width: 226px;*/
}

.table-form .item label {
   position: relative;
   display: block;
   color: #817c72;
   font-size: 12px;
   margin-bottom: 17px;
   margin-left: 5px;
}

.table-form .item .field {
   position: relative;
   display: block;
}

.table-form .item.code input {
   text-align: left;
   width: calc(100% - 122px) !important;
   padding: 0 30px 0 90px;
   /*max-width: 136px;*/
}

.table-form .desc {
   position: relative;
   display: grid;
   grid-column-start: 1;
   grid-column-end: 4;
   grid-template-columns: auto 1fr auto auto;
   grid-gap: 24px;
   padding-top: 10px;
}

.table-form .desc .nt-1 {
   position: relative;
   display: block;
   align-self: center;
}

.table-form .desc .nt-1 .table-button {
   position: relative;
   display: grid;
   width: 176px !important;
   max-width: initial;
   height: 44px;
   background: no-repeat;
   border: none;
   cursor: pointer;
   color: #ffd991;
   font-size: 14px;
   background: url(../images/donate-btn.png) no-repeat;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   padding: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.table-form .desc .nt-1 .table-button span {
   position: relative;
   display: block;
   align-self: center;
   justify-self: center;
}

.table-form .desc .nt-1 .table-button:hover {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

.table-form .desc .nt-2 {
   position: relative;
   display: block;
   align-self: center;
   color: #989898;
   font-size: 12px;
   text-align: left;
}

.table-form .desc .nt-2 a.fg-btn {
   color: #f4ff48;
   font-size: 14px;
   text-decoration: underline;
}

.table-form .desc .nt-2 a.fg-btn:hover {
   text-decoration: none;
}

.table-form .desc .nt-3 {
   position: relative;
   display: block;
   align-self: center;
   color: #ff4200;
   font-size: 14px;
}

.table-form .desc .nt-4 {
   position: relative;
   display: block;
   align-self: center;
   color: #cdc6ba;
   font-size: 12px;
   line-height: 18px;
   text-align: left;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.cabinet-form {
   position: relative;
   display: block;
   width: 100%;
   margin: 0 auto;
}

.cabinet-form table {
   position: relative;
   width: 100%;
}

.cabinet-form table tbody {
   position: relative;
   display: grid;
   width: 100%;
   margin: 0 auto;
   grid-template-columns: 2fr 2fr 3fr;
   grid-gap: 20px;
}

.cabinet-form table tbody label,
#sexsid label,
#sexchar label,
#namesid label,
#charname label,
#changersid label,
#changerchar label {
   position: relative;
   display: block;
   color: #817c72;
   font-size: 12px;
   margin-bottom: 17px;
   margin-left: 5px;
}

.cabinet-form table br,
#sexsid br,
#sexchar br,
#namesid br,
#charname br,
#changersid br,
#changerchar br {
   display: none;
}

.cabinet-form table tbody tr td {
   position: relative;
   display: block;
   width: 100%;
}

.cabinet-form table tbody tr:last-child {
   grid-column-start: 1;
   grid-column-end: 4;
}

#sexsid form,
#sexchar form select,
#namesid form,
#charname form select,
#changersid form,
#changerchar form select {
   margin-bottom: 20px;
}

#sexchar form span {
   position: relative;
   display: block;
   margin: 10px 0 25px;
}

#charname form #chbutton {
   margin-top: 20px;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.stats {
   padding-top: 65px;
   padding-bottom: 37px;
   background: url(../images/border.png) no-repeat center top;
}

.stats .grid-block {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: 1fr auto;
   grid-gap: 30px;
}

.stats .grid-block .left-block {
   position: relative;
   display: block;
   width: 100%;
   margin: 0 auto;
}

.stats .grid-block .left-block .block-1 {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: 4fr 5fr;
   grid-gap: 30px;
}

.stats .grid-block .left-block .side-block {
   position: relative;
   display: block;
   width: 100%;
}

.stats .grid-block .left-block .side-block .side-title {
   position: relative;
   display: block;
   padding-left: 68px;
   margin: 0 auto 25px;
}

.stats .grid-block .left-block .side-block .side-title span {
   position: relative;
   display: block;
   font-size: 18px;
   color: #ffd991;
}

.stats .grid-block .left-block .side-block .side-title p {
   position: relative;
   display: block;
   font-size: 14px;
   color: #7a7364;
   margin-top: 4px;
}

.stats .grid-block .left-block .side-block .side-title:before {
   content: '';
   position: absolute;
   display: block;
   width: 48px;
   height: 59px;
   top: calc(50% + 3px);
   left: 0;
   transform: translateY(-50%);
   background: url(../images/ico-title.png) no-repeat;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.stats .grid-block .left-block .side-block .side-items {
   position: relative;
   display: block;
   width: 100%;
   margin: 0 auto;
}

.stats .grid-block .left-block .tabs {
   position: relative;
   display: grid;
   width: 100%;
   min-height: 38px;
   grid-template-columns: 1fr auto;
   grid-gap: 10px;
}

.stats .grid-block .left-block .tabs .title {
   position: relative;
   display: block;
   align-self: center;
   color: #9a917f;
   font-size: 12px;
   text-align: left;
}

.stats .grid-block .left-block .tabs .list {
   position: relative;
   display: inline-block;
   align-self: center;
   justify-self: end;
}

.stats .grid-block .left-block .tabs .list a {
   position: relative;
   display: inline-block;
   float: left;
   width: 46px;
   height: 26px;
   line-height: 26px;
   text-align: center;
   color: #9a917f;
   font-size: 14px;
   background: #1b1412;
   margin-left: 4px;
}

.stats .grid-block .left-block .tabs .list a.active,
.stats .grid-block .left-block .tabs .list a:hover {
   color: #f4d08b;
   background: #1c1b1c;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.stats .grid-block .left-block .side-content {
   position: relative;
   display: block;
   width: 100%;
   margin: 21px auto 0;
}

.stats .grid-block .left-block .side-content .tab-content {
   position: relative;
   display: none;
   width: 100%;
   margin: 0 auto;
}

.stats .grid-block .left-block .side-content .tab-content.active {
   display: block;
}

.stats .grid-block .left-block .side-content .tab-content .item {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: 50px 1fr 38px 8px 38px;
   grid-gap: 2px;
   padding: 12px 0;
   margin: 0 auto 5px;
   border-bottom: 1px solid #171514;
   background: #080707;
}

.stats .grid-block .left-block .side-content .tab-content .item .nt-1 {
   position: relative;
   display: block;
   width: 100%;
   align-self: center;
   color: #b7ab99;
   font-size: 14px;
   text-align: center;
}

.stats .grid-block .left-block .side-content .tab-content .item:first-child .nt-1 {
   font-size: 0;
}

.stats .grid-block .left-block .side-content .tab-content .item:first-child .nt-1:before {
   content: '';
   position: absolute;
   display: block;
   width: 20px;
   height: 20px;
   background: url(../images/ico-g.png) no-repeat center;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}

.stats .grid-block .left-block .side-content .tab-content .item .nt-2 {
   position: relative;
   display: block;
   width: 100%;
   align-self: center;
   color: #f5d08b;
   font-size: 14px;
   text-align: left;
}

.stats .grid-block .left-block .side-content .tab-content .item .nt-3 {
   position: relative;
   display: block;
   width: 100%;
   align-self: center;
   color: #ffffff;
   font-size: 14px;
   text-align: right;
}

.stats .grid-block .left-block .side-content .tab-content .item .nt-4 {
   position: relative;
   display: block;
   width: 100%;
   align-self: center;
   color: #ffffff;
   font-size: 14px;
   text-align: center;
}

.stats .grid-block .left-block .side-content .tab-content .item .nt-5 {
   position: relative;
   display: block;
   width: 100%;
   align-self: center;
   color: #ffffff;
   font-size: 14px;
   text-align: left;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.stats .grid-block .left-block .go-forum {
   position: relative;
   display: grid;
   width: 100%;
   min-height: 38px;
   grid-template-columns: auto 1fr;
   grid-gap: 28px;
}

.stats .grid-block .left-block .go-forum .title {
   position: relative;
   display: block;
   align-self: center;
   color: #9a917f;
   font-size: 12px;
}

.stats .grid-block .left-block .go-forum a {
   position: relative;
   display: grid;
   align-self: center;
   width: 133px;
   height: 38px;
   color: #ffd991;
   font-size: 12px;
}

.stats .grid-block .left-block .go-forum a span {
   position: relative;
   display: block;
   align-self: center;
   justify-self: center;
   text-align: center;
}

.stats .grid-block .left-block .go-forum a:before {
   content: '';
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   background: url(../images/btn-f.png) no-repeat center;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.stats .grid-block .left-block .go-forum a:hover:before {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.stats .grid-block .left-block .forum-block {
   position: relative;
   display: block;
   width: 100%;
}

.stats .grid-block .left-block .forum-block .item {
   position: relative;
   display: block;
   width: 100%;
   margin: 0 auto 5px;
}

.stats .grid-block .left-block .forum-block .item a {
   position: relative;
   display: block;
   padding: 12px 0 12px 64px;
   border-bottom: 1px solid #171514;
   background: #080707;

}

.stats .grid-block .left-block .forum-block .item a:hover {
   color: #fff;
}

.stats .grid-block .left-block .forum-block .item a:before {
   content: '';
   position: absolute;
   display: block;
   width: 64px;
   height: 100%;
   background: url(../images/ico-coin.png) no-repeat center;
   top: 0;
   left: 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.stats .grid-block .left-block .forum-block .item a:hover:before {
   -webkit-transform: scale(0.8);
   -moz-transform: scale(0.8);
   -o-transform: scale(0.8);
   transform: scale(0.8);
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.stats .grid-block .right-block {
   position: relative;
   display: block;
   width: 515px;
}

.stats .grid-block .right-block .status {
   position: relative;
   display: block;
   width: 100%;
}

.stats .grid-block .right-block .status .item {
   position: relative;
   display: grid;
   width: calc(100% - 2px);
   height: 126px;
   border: 1px solid #1a171d;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background: url(../images/status-bg.png) no-repeat center;
   margin: 29px auto 0;
}

.stats .grid-block .right-block .status .item:first-child {
   margin-top: 0;
}

.stats .grid-block .right-block .status .item:before {
   content: '';
   position: absolute;
   display: block;
   width: 118px;
   height: 100%;
   background: url(../images/status-ico.png) no-repeat center;
   top: 0;
   left: 0;
}

.stats .grid-block .right-block .status .item .ico {
   position: absolute;
   display: block;
   padding: 18px 30px;
   top: 0;
   right: 0;
}

.stats .grid-block .right-block .status .item .ico img {
   position: relative;
   display: block;
}

.stats .grid-block .right-block .status .item .desc {
   position: relative;
   display: block;
   align-self: center;
   padding-left: 118px;
}

.stats .grid-block .right-block .status .item .desc .title {
   position: relative;
   display: block;
   color: #ffb932;
   font-size: 14px;
}

.stats .grid-block .right-block .status .item .desc .load {
   position: relative;
   display: block;
   width: 303px;
   height: 17px;
   background: #2d2830;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   overflow: hidden;
   margin: 14px 0;
}

.stats .grid-block .right-block .status .item .desc .load .line {
   position: absolute;
   display: block;
   width: 0%;
   height: 17px;
   top: 0;
   left: 0;
   background: #ffa415;
}

.stats .grid-block .right-block .status .item .desc .text {
   position: relative;
   display: block;
}

.stats .grid-block .right-block .status .item .desc .text a {
   position: relative;
   display: inline-block;
   color: #b4c06f;
   font-size: 14px;
   text-decoration: underline;
}

.stats .grid-block .right-block .status .item .desc .text a:hover {
   text-decoration: none;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.stats .grid-block .left-block .block-2 {
   position: relative;
   display: grid;
   width: 100%;
   height: 59px;
   grid-template-columns: auto 1fr;
   grid-gap: 20px;
   margin-top: 30px;
   background: url(../images/send-bg.png) no-repeat center;
}

.stats .grid-block .left-block .block-2:before {
   content: '';
   position: absolute;
   display: block;
   width: 65px;
   height: 81px;
   background: url(../images/ico-send.png) no-repeat;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
}

.stats .grid-block .left-block .block-2 .text {
   position: relative;
   display: block;
   align-self: center;
   padding-left: 88px;
}

.stats .grid-block .left-block .block-2 .text span {
   position: relative;
   display: block;
   color: #f5d08b;
   font-size: 14px;
}

.stats .grid-block .left-block .block-2 .text p {
   position: relative;
   display: block;
   color: #766d5c;
   font-size: 12px;
   margin-top: 3px;
}

.stats .grid-block .left-block .block-2 .send-form {
   position: relative;
   display: grid;
   grid-template-columns: 1fr auto;
   grid-gap: 14px;
}

.stats .grid-block .left-block .block-2 .send-form input {
   position: relative;
   display: block;
   align-self: center;
   width: initial !important;
   height: 37px !important;
   padding: 0 30px;
   background: #090706;
   border: 1px solid #1d1b1a;
   color: #b0a796;
   font-size: 12px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.stats .grid-block .left-block .block-2 .send-form input::-webkit-input-placeholder {
   color: #b0a796;
}

.stats .grid-block .left-block .block-2 .send-form input:-moz-placeholder {
   color: #b0a796;
}

.stats .grid-block .left-block .block-2 .send-form input::-moz-placeholder {
   color: #b0a796;
}

.stats .grid-block .left-block .block-2 .send-form input:-ms-input-placeholder {
   color: #b0a796;
}

.stats .grid-block .left-block .block-2 .send-form button {
   position: relative;
   display: block;
   width: 114px;
   height: 38px;
   background: url(../images/send-btn.png) no-repeat center;
   color: #ffd991;
   font-size: 12px;
   border: none;
   cursor: pointer;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   align-self: center;
}

.stats .grid-block .left-block .block-2 .send-form button:hover {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.alert {
   position: fixed;
   display: block;
   bottom: 10px;
   right: 10px;
   z-index: 99999;
}

.alert .error {
   position: relative;
   display: block;
   width: 280px;
   padding: 10px;
   background: #000;
   border: 1px solid rgba(255, 255, 255, 0.1);
   font-size: 14px;
   color: #fff;
   text-align: center;
}

.alert .error.green {
   border-color: #345414;
   color: #00c92b;
}

.alert .error.red {
   border-color: #aa3419;
   color: #ff5b35;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.media {
   padding-top: 90px;
   padding-bottom: 15px;
   background: url(../images/border.png) no-repeat center top;
}

.media .grid-block {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: 1fr auto;
   grid-gap: 30px;
}

.media .grid-block .left-block {
   position: relative;
   display: block;
   width: 100%;
   max-width: 100%;
   margin: 0 auto;
   justify-self: center;
}

.media-title {
   position: relative;
   display: block;
   padding-left: 68px;
   margin: 0 auto 45px;
}

.media-title span {
   position: relative;
   display: block;
   font-size: 18px;
   color: #ffd991;
}

.media-title p {
   position: relative;
   display: block;
   font-size: 14px;
   color: #7a7364;
   margin-top: 4px;
}

.media-title:before {
   content: '';
   position: absolute;
   display: block;
   width: 48px;
   height: 59px;
   top: calc(50% + 3px);
   left: 0;
   transform: translateY(-50%);
   background: url(../images/ico-title.png) no-repeat;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.media .grid-block .left-block .slider {
   position: relative;
   display: grid;
   width: 100%;
}

.media .grid-block .left-block .slider .slide {
   position: relative;
   width: 100%;
   overflow: hidden;
}

.slick-list {
   width: 100%;
}

.media .grid-block .left-block .slider .slide .grid {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 16px;
}

.media .grid-block .left-block .slider .slide .grid .item {
   position: relative;
   display: block;
   width: calc(100% - 2px);
   height: 228px;
   border: 1px solid rgb(33, 29, 27);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background: rgb(13, 11, 10);
   overflow: hidden;
}

.media .grid-block .left-block .slider .slide .grid .item img {
   position: absolute;
   display: block;
   min-width: 100%;
   min-height: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


.media .grid-block .left-block .slider .slide .grid .item .iframe {
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 3;
}

.media .grid-block .left-block .slider .slide .grid .item .iframe .play-video {
   content: '';
   position: absolute;
   display: block;
   width: 50px;
   height: 50px;
   background: url(../images/play.png) no-repeat center;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   z-index: 1;
   cursor: pointer;
}

.media .grid-block .left-block .slider .slide .grid .item .iframe .play-video:hover {
   -webkit-filter: brightness(1.5);
   -moz-filter: brightness(1.5);
   -o-filter: brightness(1.5);
   filter: brightness(1.5);
}

.media .grid-block .left-block .slider .slide .grid .item .iframe iframe {
   position: relative;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 2;
}

.media .grid-block .left-block .slider-button {
   position: relative;
   display: grid;
   width: 100%;
   margin: 16px auto 0;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 16px;
}

.media .grid-block .left-block .slider-button button.slick-prev.slick-arrow {
   position: relative;
   display: block;
   width: 35px;
   height: 35px;
   background: url(../images/prev-2.png) no-repeat;
   align-self: center;
   justify-self: end;
   border: none;
   font-size: 0;
   cursor: pointer;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.media .grid-block .left-block .slider-button button.slick-next.slick-arrow {
   position: relative;
   display: block;
   width: 35px;
   height: 35px;
   background: url(../images/next-2.png) no-repeat;
   align-self: center;
   justify-self: start;
   border: none;
   font-size: 0;
   cursor: pointer;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.media .grid-block .left-block .slider-button button.slick-prev.slick-arrow:hover {
   background: url(../images/prev-1.png) no-repeat;
}

.media .grid-block .left-block .slider-button button.slick-next.slick-arrow:hover {
   background: url(../images/next-1.png) no-repeat;
}

.slider button.slick-prev.slick-arrow,
.slider button.slick-next.slick-arrow {
   display: none;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.media .grid-block .right-block {
   position: relative;
   display: block;
   width: 515px;
}

.vote-block {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 30px 25px;
}

.vote-block .item {
   position: relative;
   display: grid;
   width: calc(100% - 2px);
   height: 98px;
   background: #0d0b0a;
   border: 1px solid #211d1b;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   overflow: hidden;
}

.vote-block .item img {
   position: absolute;
   display: block;
   min-width: 100%;
   min-height: 100%;
   align-self: center;
   justify-self: center;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.vote-block .item:hover img {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

.vote-block .item .text {
   position: relative;
   display: block;
   padding: 0 20px;
   align-self: center;
}

.vote-block .item .text .text-1 {
   position: relative;
   display: block;
   color: #ffffff;
   font-size: 18px;
}

.vote-block .item .text .text-1 i {
   font-style: normal;
   color: #ffa415;
}

.vote-block .item .text .text-2 {
   position: relative;
   display: block;
   color: #867e79;
   font-size: 12px;
   margin-top: 2px;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.footer {
   padding-top: 45px;
   padding-bottom: 20px;
   background: url(../images/border-2.png) no-repeat center top;
   margin-top: auto;
}

.footer .grid-block {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: auto repeat(3, 1fr);
   justify-content: center;
   gap: 80px;
}

.footer .grid-block .logo {
   position: relative;
   display: block;
   width: 195px;
   height: 159px;
   background: url(../images/logo-f.png) no-repeat center;
   background-size: contain;
   align-self: center;
}

.footer .grid-block .logo:hover {
   -webkit-filter: brightness(1.4);
   -moz-filter: brightness(1.4);
   -o-filter: brightness(1.4);
   filter: brightness(1.4);
}

.footer .grid-block .list {
   position: relative;
   display: block;
   padding-top: 30px;
}

.footer .grid-block .list .title {
   position: relative;
   display: block;
   color: #ffd991;
   font-size: 16px;
   margin-bottom: 25px;
}

.footer .grid-block .list .desc {
   position: relative;
   display: grid;
}


.footer .grid-block .list .desc ul {
   position: relative;
   display: block;
   align-self: start;
   justify-self: start;
}

.footer .grid-block .list .desc ul li {
   position: relative;
   display: block;
   margin-top: 10px;
}

.footer .grid-block .list .desc ul li:first-child {
   margin-top: 0;
}

.footer .grid-block .list .desc ul li a {
   position: relative;
   display: inline-block;
   color: #cdc6ba;
   font-size: 14px;
}

.footer .grid-block .list .desc ul li a:hover span {
   text-decoration: underline;
}

.footer .grid-block .vk {
   position: relative;
   display: block;
}

.footer .grid-block .vk img {
   position: relative;
   display: block;
   max-width: 100%;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.footer .grid-block-2 {
   position: relative;
   display: grid;
   width: 100%;
   grid-template-columns: auto 1fr auto;
   grid-gap: 20px 30px;
   margin-top: 30px;
}

.footer .grid-block-2 .text {
   position: relative;
   display: block;
   align-self: center;
   color: #473f3f;
   font-size: 11px;
   max-width: 530px;
}

.footer .grid-block-2 .banner {
   position: relative;
   display: inline-block;
   align-self: center;
   justify-self: center;
}

.footer .grid-block-2 .banner li {
   position: relative;
   display: inline-block;
   float: left;
   margin: 5px;
}

.footer .grid-block-2 .coolness {
   position: relative;
   display: block;
   width: 122px;
   height: 31px;
   background: url(../images/coolness.png) no-repeat;
}

.footer .grid-block-2 .coolness:hover {
   opacity: 0.7;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
body {
   overflow: hidden;
}

#general {
   opacity: 0;
}

.load-window {
   position: fixed;
   display: grid;
   width: 100%;
   height: 100%;
   z-index: 99999;
   top: 0;
   left: 0;
   background: url(../images/load-min.jpg) no-repeat center;
   background-size: cover;
}

.load-window img {
   position: relative;
   display: block;
   align-self: center;
   justify-self: center;
   max-width: 100%;
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

.load-window img.hide {
   -webkit-transform: scale(2.0);
   -moz-transform: scale(2.0);
   -o-transform: scale(2.0);
   transform: scale(2.0);
   visibility: hidden;
   opacity: 0;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .left-block .page {
   position: relative;
   display: inline-block;
   width: 100%;
}

.content .grid-block .left-block .page .frame {
   position: relative;
   display: block;
   width: 100%;
   height: 150px;
   background: #000;
   overflow: hidden;
   margin: 0 auto 20px;
}

.content .grid-block .left-block .page .frame img {
   position: absolute;
   display: block;
   min-width: 100%;
   min-height: 100%;
   align-self: center;
   justify-self: center;
}

.content .grid-block .left-block .page .title {
   position: relative;
   display: block;
   color: #ffd991;
   font-size: 18px;
   margin: 0 auto 20px;
}

.content .grid-block .left-block .page .text {
   position: relative;
   display: inline-block;
   width: 100%;
   color: #c8beab;
   font-size: 14px;
   line-height: 18px;
}

.content .grid-block .left-block .page .text ul {
   position: relative;
   margin-left: 20px;
}

.content .grid-block .left-block .page .desc {
   position: relative;
   display: block;
   margin: 20px auto 0;
}

.content .grid-block .left-block .page .desc a {
   position: relative;
   display: grid;
   width: 176px;
   height: 44px;
   background: no-repeat;
   border: none;
   cursor: pointer;
   color: #ffd991;
   font-size: 14px;
   z-index: 1;
}

.content .grid-block .left-block .page .desc a:before {
   content: '';
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   background: url(../images/donate-btn.png) no-repeat;
   top: 0;
   left: 0;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   z-index: -1;
}

.content .grid-block .left-block .page .desc a span {
   position: relative;
   display: block;
   align-self: center;
   justify-self: center;
   text-align: center;
}

.content .grid-block .left-block .page .desc a:hover:before {
   -webkit-filter: contrast(155%);
   -moz-filter: contrast(155%);
   -o-filter: contrast(155%);
   filter: contrast(155%);
}

.modal {
   padding: 0 10px;
}

.modal-dialog {
   max-width: 800px;

   pointer-events: all;

}

.modal-dialog .modal__center {
   position: relative;
   max-height: 535px;
   padding: 45px 45px 20px 45px;
   /*background: rgb(30, 28, 32) url(../images/modal/bg.jpg) center center/cover no-repeat;*/
   background: url('../images/modal/bg-2.jpg') center center/cover no-repeat;
   margin: 0 auto;
   width: 100%;
}

.modal-dialog .btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
   color: #fff;
   cursor: pointer;
   transition: .2s all;
   width: auto;
   height: 40px;
   line-height: 14px;
   padding: 3px 30px;
   flex-grow: 0;
   text-shadow: 0.7px 0.7px 2px rgba(1, 3, 1, 0.5);
   color: white;
   font-size: 18px;
   font-weight: 400;
   position: relative;
   z-index: 0;
   border: 0;
   outline: 0;
   z-index: 5;
   background-color: transparent;
}

.modal-dialog .btn:hover:after {
   filter: brightness(120%);
}

.modal-dialog .btn:after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 0;
   transition: .2s all;
   background: linear-gradient(to right, rgb(126, 38, 38) 0%, rgb(200, 46, 46) 60%, rgb(123, 30, 30) 100%);
   border: 1px solid #242424;
   box-sizing: border-box;
   pointer-events: none;
}

.modal-dialog .btn-close {
   background: url('../images/modal/close.png') center center/cover no-repeat;
   width: 15px;
   height: 15px;
   position: absolute;
   border: none;
   right: 15px;
   top: 15px;
   display: inline-block;
   z-index: 19991;
   cursor: pointer;
   transition: .3s all;
   flex-shrink: 0;
   padding: 0;
   opacity: 1;
}

.modal-dialog .btn-close:hover {
   transform: rotate(180deg);
}

.modal-dialog .lang__link {
   background-color: rgba(30, 33, 40, 0.7);
   border: 1px solid #2e2b2b;
   box-shadow: inset 8.5px 8.5px 28.4px 6.7px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(255, 255, 190, 0.08);
   cursor: pointer;
   box-sizing: border-box;
   text-decoration: none;
   border-radius: 10px;
   color: #fff196;
}

.modal-dialog .langmodal .lang__link img {
   transition: 0.2s;
   margin: 0 auto;
}

.modal-dialog .lang__link:hover .lang__img {
   filter: drop-shadow(0 0 10px #415e6a);
}

.modal-dialog .modal-content {
   background: transparent;
}

.modal-dialog .enter__content {
   background: url('../images/modal/bg-3.jpg') center center/cover no-repeat;
}

.modal-dialog .enter__content .enter__info {
   padding: 20px 10px;
}

.modal-dialog .enter__title {
   background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0) 100%);
   text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);
   color: white;
   font-size: 30px;
   font-weight: 700;
   line-height: 26px;
   padding: 10px;
   margin: 15px 0 10px 0;
   text-align: center;
}

.modal-dialog .enter__desc {
   background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0) 100%);
   text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);
   color: white;
   font-size: 16px;
   line-height: 20px;
   padding: 5px 10px;
   margin: 3px 0 3px 0;
   text-align: center;
}

.modal-dialog .enter__desc .color-red {
   color: rgb(214, 174, 11);
}

.modal-dialog .enter__btns {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 15px;
}

.modal-dialog .enter__btns .btn_bgc_green {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
   cursor: pointer;
   transition: .2s all;
   width: auto;
   height: 40px;
   line-height: 14px;
   padding: 3px 30px;
   flex-grow: 0;
   text-shadow: 0.7px 0.7px 2px rgba(1, 3, 1, 0.5);
   color: white;
   font-size: 18px;
   font-weight: 400;
   position: relative;
   border: 0;
   outline: 0;
   z-index: 5;
   background-color: transparent;
}

.modal-dialog .enter__btns .btn_bgc_green:hover {
   text-decoration: none;
}

.modal-dialog .enter__btns .btn_bgc_green::after {
   background: linear-gradient(to right, rgb(98 45 26) 0%, rgb(128 112 39) 60%, rgb(98 44 26) 100%);
   content: '';
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 0;
   transition: .2s all;
   border: 1px solid #242424;
   box-sizing: border-box;
   pointer-events: none;
}

.modal-dialog .enter__btns .btn_bgc_green .btn__content {
   position: relative;
   z-index: 5;
   display: inline-block;
   width: 100%;
   text-align: center;
}

.modal-dialog .enter__box {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.modal-dialog .enter__btn {
   margin-top: 40px;
   margin-bottom: 30px;
   margin-right: 0;
   margin-left: 0;
}

.modal-dialog .btn_type_7 {
   width: 340px;
   height: 54px;
   text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);
   color: rgb(255, 255, 255);
   font-size: 26px;
   font-weight: 700;
   text-transform: uppercase;
   padding-right: 0;
   padding-left: 0;
   padding-top: 5px;
   line-height: 20px;
}

.modal-dialog .btn_type_7:after {
   background: transparent url("../images/modal/button-area.png") center center/cover no-repeat;
   width: 100%;
   height: 70px;
   border: 0;
   right: auto;
   bottom: auto;
   left: 0px;
   top: -5px;
}

.modal-dialog .btn__content {
   position: relative;
   z-index: 5;
   display: inline-block;
   width: 100%;
   text-align: center;
}

.modal-dialog .enter__link {
   color: rgba(255, 255, 255, 0.35);
   font-size: 16px;
   font-weight: 400;
   text-decoration: underline;
   cursor: pointer;
}

.modal-dialog .enter__link:hover {
   text-decoration: none;
}