@charset "UTF-8";
@font-face {
  font-family: candara;
  src: url("font/Candara.ttf");
}
@font-face {
  font-family: candara;
  font-style: italic;
  src: url("font/Candara_Italic.ttf");
}
@font-face {
  font-family: candara;
  font-weight: bold;
  src: url("font/Candara_Bold.ttf");
}
@font-face {
  font-family: candara;
  font-style: italic;
  font-weight: bold;
  src: url("font/Candara_Bold_Italic.ttf");
}
@font-face {
  font-family: Myriad Pro;
  src: url("font/MyriadProRegular.ttf");
}
@font-face {
  font-family: Myriad Pro;
  font-style: italic;
  src: url("font/MyriadProItalic.ttf");
}
@font-face {
  font-family: Myriad Pro;
  font-weight: bold;
  src: url("font/MyriadProBold.ttf");
}
@font-face {
  font-family: Myriad Pro;
  font-weight: bold;
  font-style: italic;
  src: url("font/MyriadProBoldItalic.ttf");
}
@font-face {
  font-family: Digital;
  src: url("font/digital-7 (italic).ttf");
}
html {
  overflow-x: hidden;
}

body {
  font-family: Myriad Pro !important;
  font-size: 13px;  
  /* background-color: #dadada !important; */
  background-color: #134544 !important;
  overflow-x: hidden;
  padding-top: 0px;
  padding-left: 10%;
  padding-right: 10%; 
  background-image: url(/img/bg/background.jpg);
  background-repeat: no-repeat;
  -moz-background-size: 100%; 
  -webkit-background-size: 100%; 
  -o-background-size: 100%; 
  background-size: 100% 100%;
  background-attachment:fixed;
}

#page {
  position: static !important;
}

header {
  position: relative;
  z-index: 99;
}

header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

header.absolute {
  position: absolute;
}

header.fixed .navbar-brand span {
  display: none !important;
  padding: 0 !important;
}

header.fixed .navbar-brand {
  line-height: 70px;
  font-size: 50px;
  padding: 5px 15px;
  max-height: 75px;
  box-sizing: border-box;
}

header.fixed .navbar-brand br {
  display: none;
}

header.fixed .navbar-brand img {
  max-height: 65px;
}

header.fixed .mid-line .mid-icon {
  line-height: 75px;
}

header.fixed .mid-line .mid-icon-1 img {
  max-height: 40px;
}

.uppercase {
  text-transform: uppercase;
}

.top-line {
  width: 100%;
  min-height: 50px;
  background: #134543;
  margin-bottom: 0;
}

.top-line .row,
.top-line .row div {
  min-height: 50px;
  line-height: 50px;
}

.top-line .row div div {
  display: inline-block;
  padding: 0 10px;
}

.top-line a {
  transition: .3s ease;
  color: #1bbca6;
}

.top-line .col-md-7 a {
  padding: 0 8px;
}

.float-right {
  float: right;
}

.top-col {
  display: inline-block;
}

@media (max-width: 400px) {
  .float-right {
    font-size: .9em;
    float: none;
    text-align: center;
  }
}
@media (max-width: 970px) {
  .top-line .row div {
    text-align: center;
  }

  .top-line .row div div {
    padding: 0;
  }
}
.top-line .soc {
  font-size: 20px;
  padding: 0 7px;
  line-height: 50px;
}

.top-line a:hover {
  color: #fff;
  background-color: #134543;
  text-decoration: none;
}

.top-line a:focus {
  text-decoration: none;
}

a.offset {
  padding-left: 18px;
  padding-right: 18px;
}

.nav-soc .fa {
  font-size: 20px;
}

.nav-soc .fa-facebook {
  padding-right: 20px;
}

.nav-soc a {
  padding-left: 10px;
  padding-right: 10px;
}

.mid-line {
  /*background-color: #14907f;*/
  border: 0;
  margin: 0;
}

.fixed .mid-line {
  background-color: #14907f;
}

.mid-line a:hover,
.mid-line a:focus {
  text-decoration: none;
}

.mid-line .navbar-brand {
  height: auto;
  font-size: 80px;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  width: 100%;
}

.mid-line .navbar-brand .span-1 {
  /*display: inline-block;*/
  /*padding-bottom: 30px;*/
  font-size: 27px;
  /*line-height: 80px;*/
  font-weight: normal;
  letter-spacing: 2px;
}

.mid-line .navbar-brand .span-2 {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  /*line-height: 30px;*/
  font-weight: normal;
  letter-spacing: 2px;
  padding-left: 14px;
  padding-top: 18px;
}

.mid-line .navbar-brand img {
  float: left;
  max-height: 130px;
  margin: 0 25px 0 50px;
}

@media (max-width: 1366px) {
  header .bottom-line a {
    font-size: 20px;
  }
}

@media (max-width: 1000px) {
  /*.mid-line .navbar-brand img {
    display: none;
  }*/

  .mid-line .navbar-brand img {
    margin-left: 0;
  }

  .mid-line .navbar-brand {
    font-size: 60px;
  }

  .mid-line .navbar-brand .span-1 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .logo {
    display: none;
  }

  .mid-icon-2 {
    display: inline-block;
  }

  .mid-line .navbar-brand img {
    display: none;
  }
}
.mid-line .mid-icon {
  text-align: center;
  max-width: 100px;
  width: calc(100%/4);
  transition: .3s ease;
  font-size: 42px;
  /*color: #134543;*/
  color: #fff;
  line-height: 166px;
  vertical-align: top;
}

.mid-line .mid-icon-1 {
  display: inline-block;
  max-width: 200px;
  width: auto;
}

.mid-line .mid-icon-2 {
  display: none;
  max-width: 20%;
}

.mid-icon-1 img {
  padding-top: 10px;
  padding-right: 10px;
  max-height: 49px;
  filter: brightness(15);
}

.mid-icon-1 img:hover {
  filter: brightness(1);
}

.mid-icon-2 img {
  max-height: 70px;
}

@media (max-width: 1215px) {
  .mid-line .mid-icon-1 {
    /*display: none;*/
  }

  .navbar-brand span,
  .navbar-brand br {
    /*display: none;*/
  }

  .navbar-brand {
    content: '';
    /*text-indent: -99999px;*/
  }
  header .bottom-line a {
    font-size: 18px;
  }
}

@media (max-width: 1440px) {
  .block-small .tools a img {
    margin: auto !important;
    display: block;
  }
}

@media (max-width: 768px) {
  .mid-line .mid-icon {
    display: block;
    float: left;
    max-width: calc(100%/4);
    line-height: 100px !important;
  }

  .mid-line .mid-icon-1 {
    display: none;
  }
}
@media (max-width: 1150px) {
  .top-col a.uppercase span {
    display: none;
  }

  .top-col:first-of-type a.uppercase:after {
    content: 'КЛУБ';
  }

  .top-col:nth-of-type(2) a.uppercase:after {
    content: 'АРЕНА';
  }

  .top-col:last-of-type a.uppercase:after {
    content: 'АКАДЕМИЯ';
  }
}
.mid-line .mid-icon.active {
  background-color: #fff;
  color: #14907f;
}

.mid-line .mid-icon:hover {
  background-color: #14907f;
  color: #fff;
}

.bottom-line {
  transition: .3s ease;
  display: none;
  width: 100%;
  margin-bottom: 0;
  padding-top: 6px;
  min-height: 75px;
  background-color: #fff;
}

.bottom-line.active {
  display: block;
}

.bottom-line a {
  display: inline-block;
  color: #217571;
  font-size: 24px;
  line-height: 64px;
  border-bottom: 5px solid transparent;
  text-transform: uppercase;
}

.bottom-line .row {
  display: flex;
}

.bottom-line a:hover,
.bottom-line a:focus,
.bottom-line a.active {
  color: #ff0000;
  text-decoration: none;
  border-bottom: 5px solid #ff0000;
}

@media (max-width: 768px) {
  .bottom-line a {
    font-size: .9em;
    line-height: 24px;
  }

  .bottom-line a:hover,
  .bottom-line a:focus,
  .bottom-line a.active {
    color: #ff0000;
    text-decoration: none;
    border-bottom: 5px solid transparent;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .bottom-line a {
    font-size: 16px;
  }
}
.bottom-line div {
  height: 100%;
}

.col-head {
  display: inline-block;
  padding: 0 17px;
}

.search-line {
  display: none;
  width: 100%;
  min-height: 75px;
  background-color: #fff;
}

.search-line.active {
  display: block;
}

.search-line form {
  display: inline-block;
  margin: 18px 0;
  background-color: #dadada;
  padding: 2px 10px;
  border-radius: 3px;
  width: 70%;
}

@media (max-width: 950px) {
  .search-line form {
    width: 100%;
  }
}
form .searchTitle {
  margin-left: 0;
  color: #999999;
  line-height: 35px;
}

.search-line form input[type="text"] {
  background-color: #dadada;
  border: 0;
  width: 85%;
  color: #999999;
  line-height: 30px;
}

@media (max-width: 600px) {
  .search-line form input[type="text"] {
    width: 75%;
  }
}
@media (max-width: 400px) {
  .search-line form input[type="text"] {
    width: 65%;
  }
}
.search-line form input[type="submit"] {
  line-height: 30px;
  height: auto !important;
}

footer {
  background-color: #eaeaea;
}

.sponsors {
  padding: 50px 15px;
  max-width: 100%;
}

.sponsors .row:first-of-type {
  margin-bottom: 20px;
}

.sponsors .row:last-of-type div:first-of-type img {
  width: 60%;
}
/*
.sponsors .row:last-of-type div:last-of-type img {
  margin-top: 15%;
}

.sponsors .row:last-of-type div:first-of-type img {
  margin-top: 17%;
}
*/
.sponsors img {
  width: 65%;
}

.sponsors .row:first-of-type div:first-of-type img {
  width: 100%;
}

.sponsors .row:last-of-type div:last-of-type img {
  width: 60%;
}

.sponsors .row:first-of-type div:last-of-type img {
  width: 50%;
}

.sponsors img:hover {
  filter: brightness(15);
}

.sponsors img.red:hover {
  filter: hue-rotate(190deg) brightness(40%) saturate(250%);
  -webkit-filter: hue-rotate(190deg) brightness(40%) saturate(250%);
}
.sponsors img.red2:hover {
  filter: brightness(30) saturate(0%);
  -webkit-filter: brightness(30) saturate(0%);
}
.sponsors img.black:hover {
  filter: brightness(0%) saturate(0%);
  -webkit-filter: brightness(0%) saturate(0%);
}

.links-bg {
  padding: 30px 15px;
  background-color: #14907f;
}

.links {
  max-width: 100%;
}

.links h5 {
  margin: 4px 0;
  color: #fff;
  font-weight: bold;
}

.links ul {
  padding: 0;
}

.links ul > li {
  padding: 4px 0;
}

.links ul > li,
.links ul > li > a {
  list-style: none;
  color: #134543;
}

.links ul > li > a:hover {
  text-decoration: none;
  color: #fff;
}

.links .soc {
  float: left;
  width: 50px;
  height: 50px;
  margin: 3px;
  border-radius: 50%;
  font-size: 28px;
  color: #fff;
  background-color: #005d4d;
  text-align: center;
  line-height: 50px;
  transition: .3s ease;
}

.links .soc:hover {
  text-decoration: none;
  background-color: #fff;
  color: #005d4d;
}

.terekset:hover img {
  content: url("/css/images/terekset-white.png");
}

.links .appstore {
  float: left;
  margin: 3px;
}

.links .appstore img {
  height: 50px;
}

.vinci {
  width: 45%;
}

.snow {
  background: none;
  font-family: Androgyne;
  background-image: url("http://www.wearewebstars.dk/codepen/img/s1.png"), url("http://www.wearewebstars.dk/codepen/img//s2.png"), url("http://www.wearewebstars.dk/codepen/img//s3.png");
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 400px 1000px, 200px 400px, 100px 300px;
  }
}
@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
section.top {
  padding: 25px 0;
}

.focus-img {
  width: 100%;
}

.block-big {
  display: inline-block;
  background-color: #fff;
}

.info-l,
.info-r {
  float: left;
}

.info-l {
  width: 30%;
}

.date .left,
.date .right {
  width: 50%;
  float: left;
  font-size: 20px;
  line-height: 24px;
}

.info-l .date .left {
  min-height: 108px;
  font-size: 100px;
  line-height: 100px;
  padding-top: 8px;
  padding-left: 5px;
}

.info-l .date .right {
  padding-top: 14px;
  text-transform: uppercase;
}

.info-r {
  width: 70%;
}

.info-center {
  width: 100%;
  padding: 21px 0;
}

.info-l .category {
  min-height: 42px;
  padding: 8px 30px 0;
  font-size: 30px;
  box-sizing: border-box;
  color: #fff;
  text-transform: uppercase;
}

.big-video {
  margin-bottom: -6px;
}

.block-big.orange .info-l {
  color: #ff6600;
}

.block-big.orange .category {
  background-color: #ff6600;
}

.block-big.green .info-l {
  color: #8ca117;
}

.block-big.green .category {
  background-color: #8ca117;
}

.block-big.terracot .info-l {
  color: #14907f;
}

.block-big.terracot .category {
  background-color: #14907f;
}

.block-big.red .info-l {
  color: #cc0000;
}

.block-big.red .category {
  background-color: #cc0000;
}

.block-big.blue .info-l {
  color: #145790;
}

.block-big.blue .category {
  background-color: #145790;
}

.block-big.purple .info-l {
  color: #7f2375;
}

.block-big.purple .category {
  background-color: #7f2375;
}

.info-r .title {
  display: block;
  width: 100%;
  padding: 10px;
  color: #333333;
  font-size: 32px;
  text-align: left;
  box-sizing: border-box;
  line-height: 36px;
}

.info-r .title:hover {
  text-decoration: none;
}

.info-r .tools {
  padding: 10px;
}

.info-r .tools a {
  display: block;
  float: left;
  width: 33%;
  color: #979797;
  line-height: 24px;
}

.info-r .tools a:hover {
  text-decoration: none;
}

.info-r .tools a img {
  height: 30px;
  margin-right: 8px;
}

@media (max-width: 700px) {
  .info-l .category {
    padding: 4px 20px 0;
    font-size: 20px;
    line-height: 250%;
    text-align: center;
  }

  .info-l .date .left {
    font-size: 50px;
    line-height: 70px;
    padding-top: 0;
    text-align: right;
  }

  .info-l .date .right {
    font-size: 14px;
    text-align: left;
    line-height: 14px;
  }

  .info-r .title {
    font-size: 16px;
    line-height: 24px;
  }

  .info-r .tools a {
    font-size: 14px;
  }

  .info-r .tools a img {
    height: 10px;
  }
}
@media (max-width: 400px) {
  .info-l .category {
    padding: 0;
    font-size: 17px;
    text-align: center;
    line-height: 250%;
  }

  .info-l .date .left {
    font-size: 30px;
    padding-left: 0;
    text-align: center;
  }

  .info-l .date .right {
    padding-top: 21px;
    font-size: 10px;
    line-height: 12px;
  }

  .info-r .tools a {
    font-size: 9px;
  }

  .info-r .tools a img {
    height: 0;
  }
}
.pagination-big,
.pagination-small {
  width: 100%;
  padding: 15px;
  text-align: center;
}

.pagination-small {
  padding: 0;
}

.swiper-pagination {
  position: static;
}

.swiper-pagination-bullet {
  border-radius: 0;
  opacity: 1;
}

.pagination-big .swiper-pagination-bullet,
.pagination-small .swiper-pagination-bullet {
  display: inline-block;
  width: calc(100%/7);
  height: 8px;
  margin: 0 5px;
  background-color: #fff;
}

.pagination-small .swiper-pagination-bullet {
  width: calc(100%/4);
}

.pagination .swiper-pagination-bullet-active,
.pagination .swiper-pagination-bullet:hover {
  background-color: #ff0000;
}

.block-small {
  display: inline-block;
  position: relative;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  padding-bottom: 70px;
}

.block-small .title {
  width: 100%;
  color: #999999;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}

.block-small .title img {
  max-height: 20px;
}

.block-small .timer-block {
  max-height: 110px;
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  padding: 15px;
  background-color: #14907f;
  box-sizing: border-box;
}

.timer-block .left {
  width: calc(100%/3);
  float: left;
  text-align: left;
  text-transform: uppercase;
}

.timer-block .right {
  width: calc(100%/3);
  float: right;
  text-align: right;
  text-transform: uppercase;
}

.timer-block .place {
  color: #fff;
  font-size: 20px;
  line-height: 22px;
  padding-top: 10px;
  text-transform: uppercase;
  white-space: pre-wrap;
}

.timer-block .center {
  position: relative;
  width: 27%; /*calc(100%/3);*/
  padding: 10px;
  height: 100%;
  float: left;
  background: #fff;
  color: #00b8a6;
  font-family: Digital;
  text-align: center;
  line-height: 60px;
  font-size: 50px;
  box-sizing: border-box;
  margin-left: 3%; /* не было */
}

.timer-block .right img {
  width: 40%;
  padding-right: 0; /*10px;*/
  margin-top: -20px;
  margin-right: -10px;
  filter: brightness(150%);
}

.timer-block .tour:after {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  font-family: Myriad Pro;
  font-size: 10px;
  text-align: center;
  content: 'ТУР';
  line-height: 10px;
  text-transform: uppercase;
}

.timer .days {
  height: 100%;
  float: left;
  font-size: 40px;
  padding-top: 14px;
  line-height: 14px;
}

@keyframes dots {
  0% {
    color: #00b8a6;
  }
  50% {
    color: #fff;
  }
  100% {
    color: #00b8a6;
  }
}
.dots {
  color: #00b8a6;
}

.dots {
  animation-name: dots;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.days span {
  font-family: Myriad Pro;
  font-size: 12px;
}

.timer .time {
  font-size: 70px;
  float: left;
  margin-left: 18px;
  line-height: 60px;
}

.teams {
  margin: 20px 0;
}

.teams .left,
.teams .right {
  color: #14907f;
  float: left;
  width: 50%;
  text-align: left;
}

.teams .left .name,
.teams .right .name {
  color: #14907f;
  display: inline-block;
  font-size: 14px;
  line-height: 66px;
  text-transform: uppercase;
}

.teams .left {
  text-align: right;
}

@media (max-width: 768px) {
  .teams .left {
    text-align: left;
  }

  .teams .right {
    text-align: right;
  }
}
@media (max-width: 768px) {
  .timer-block .left .place {
    line-height: 15px;
    padding-top: 18px;
    font-size: 12px;
  }

  .timer-block .center {
    font-size: 44px;
    line-height: 66px;
    padding: 0;
  }

  .timer-block .right .place {
    font-size: 12px;
    line-height: 10px;
  }

  .teams .left .name, .teams .right .name {
    font-size: 10px;
  }
}
@media (min-width: 1600px) {
  .block-small .title {
    font-size: 16px;
  }

  .block-small .timer-block {
    margin-top: 20px;
  }

  .teams {
    margin: 30px 0;
  }

  .teams img {
    max-height: 100px !important;
  }

  .teams .left .name, .teams .right .name {
    font-size: 18px;
    line-height: 100px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .block-small .title {
    font-size: 12px;
  }

  .block-small .timer-block .left,
  .block-small .timer-block .right {
    font-size: 11px !important;
  }

  .block-small.video-widget {
    height: 400px;
  }

  .timer-block .center {
    font-size: 40px;
    line-height: 40px;
  }

  .timer-block .place {
    font-size: 11px;
  }

  .timer-block .date {
    font-size: 11px;
  }

  .teams {
    margin: 0;
  }

  .teams img {
    max-height: 30px !important;
  }

  .teams .left .name, .teams .right .name {
    font-size: 10px;
    line-height: 30px;
  }

  .block-small .tools a {
    font-size: 11px;
  }
}
.teams .left img {
  float: right;
}

.teams .right img {
  float: left;
}

.teams img {
  max-height: 55px;
  margin: 0 2px;
}

.block-small .tools {
  position: absolute;
  /*bottom: 10px;*/
  bottom: 4px;
  left: 0;
  width: 100%;
  margin-top: 10px;
  padding: 10px 5px;
}

.block-small .tools a {
  display: block;
  float: left;
  width: 33%;
  color: #979797;
  line-height: 24px;
  text-align: center;
}

.block-small .tools a:hover {
  text-decoration: none;
}

.block-small .tools a img {
  height: 30px;
  margin-right: 8px;
}

@media (max-width: 400px) {
  .block-small .tools a {
    font-size: 10px;
  }

  .block-small .tools a img {
    height: 0;
  }
}
.block-small:nth-of-type(2n) {
  margin-top: 26px;
}

@media (max-width: 992px) {
  .block-small {
    width: 70%;
    margin: 0 auto;
  }

  .block-small:nth-of-type(2n) {
    margin-top: 0;
    margin-left: 2%;
  }

  .block-small.video-widget {
    height: 400px;
  }
}
@media (max-width: 768px) {
  .block-small {
    width: 100%;
  }

  .block-small.video-widget {
    height: 400px;
  }

  .block-small:nth-of-type(2n) {
    margin-top: 15px;
    margin-left: 0;
  }
}
.widget-container .row {
  width: 100%;
  margin: 0;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 6px;
}

.table {
  font-size: 16px;
  text-align: left;
}

.table thead {
  background: #a8a8a8;
  color: #fff;
  border: 0;
  font-size: 18px;
}

.table > thead > tr > th,
.table > tbody > tr > td {
  border: 0;
  font-weight: normal;
}

.table tr.green {
  background-color: #14907f;
  color: #fff;
}

@media (min-width: 1600px) {
  .table {
    font-size: 18px;
  }

  .table thead {
    font-size: 18px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .table {
    font-size: 12px;
  }

  .table thead {
    font-size: 14px;
  }
}
.banner {
  width: 100%;
  height: 265px;
  position: relative;
  background-attachment: fixed;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px;
  margin-bottom: 75px;
  text-align: center;
  display: flex;
}

.banner .icon {
  /*height: 165px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -140px;*/
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

@media (max-width: 700px) {
  .banner {
    height: auto;
    padding: 25px 0;
    background-position: center;
  }

  .banne .icon {
    top: 0;
    left: 0;
    position: relative;
    height: 100px;
    margin-left: 0;
  }
}
@media (max-width: 600px) {
  .banner {
    padding: 0 !important;
  }

  .banner .icon {
    top: 0;
    left: 0;
    position: relative;
    height: auto;
    width: 90%;
    margin-left: 0 !important;
  }
}
.swiper-slide .row > div {
  padding: 15px;
}

.post {
  width: 100%;
  background-color: #fff;
  overflow-x: hidden;
}

.post-image {
  height: 70%;
  background-position: center;
  background-size: cover;
}

.post .info {
  height: 22px;
  width: 100%;
}

.post .info .date,
.post .info .category {
  float: left;
  color: #fff;
  line-height: 22px;
  font-size: 16px;
  padding-left: 10px;
  box-sizing: border-box;
}
.post .info .category {
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .post .info .date,
  .post .info .category {
    font-size: 14px;
  }
}
.post .info .date {
  width: 30%;
}

.post .info .category {
  width: 70%;
}

.post.orange .info .date {
  color: #ff6600;
}

.post.orange .info .category {
  background-color: #ff6600;
}

.post.green .info .date {
  color: #8ca117;
}

.post.green .info .category {
  background-color: #8ca117;
}

.post.terracot .info .date {
  color: #14907f;
}

.post.terracot .info .category {
  background-color: #14907f;
}

.post.red .info .date {
  color: #cc0000;
}

.post.red .info .category {
  background-color: #cc0000;
}

.post.blue .info .date {
  color: #145790;
}

.post.blue .info .category {
  background-color: #145790;
}

.post.purple .info .date {
  color: #7f2375;
}

.post.purple .info .category {
  background-color: #7f2375;
}

.post .title {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.post .title h4 {
  color: #333333;
  line-height: 26px;
}

@media (max-width: 1024px) {
  .post .title {
    padding: 0 10px;
  }

  .post .title h4 {
    font-size: 14px;
    line-height: 22px;
  }

  body {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1280px) {
  .teams .left .name, .teams .right .name {
    font-size: 14px;
  }
}
.posts a:hover {
  text-decoration: none;
}

.posts {
  transition: .8s ease;
}

.swiper-3 .swiper-wrapper {
  /*padding: 0;*/
}

.swiper-3 .swiper-slide {
  /*padding: 0 15px;*/
  float: none;
}

.widgets .widget {
  /*height: 350px;*/ /* 430px */
  min-height: 350px;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 25px; /* не было */
}

.widget.score-tables { /* не было */
  height: 725px;
  padding: 15px;
  box-sizing: border-box;
}
.widget-item {
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.widget-header .title {
  display: inline-block;
  padding: 0 5px;
  color: #14907f;
  font-size: 36px;
  text-transform: uppercase;
}

.widget-header .all {
  float: right;
  color: #14907f;
  font-size: 18px;
  line-height: 60px;
}

.background-white {
  background-color: #fff;
}

.background-green {
  background-color: #14907f;
}

.background-green .widget-header .title {
  color: #fff;
}

.select-style {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  background-color: #e5e5e5;
  background: #e5e5e5 url("/css/images/arrow-down.png") no-repeat 97% 50%;
  background-size: 16px auto;
}

.select-style select {
  padding: 5px 8px;
  width: 105%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #333333;
}

.select-style select:focus {
  outline: none;
}

.member {
  width: 100%;
  border-top: 1px solid #e5e5e5;
}

.member img {
  width: 70px;
  height: 70px;
  float: left;
}

.member .name {
  float: left;
  margin-left: 10px;
  width: 50%;
  font-size: 16px;
  color: #333333;
  white-space: pre-line;
  line-height: 18px;
  padding-top: 10px;
}

.member .name span {
  font-style: italic;
}

.member .number {
  float: right;
  font-size: 36px;
  color: #14907f;
  line-height: 70px;
}

@media (max-width: 768px) {
  .member .number {
    font-size: 24px;
  }
}
.sceme {
  padding: 40px 0;
  background-color: #fff;
}

.sceme .row > div {
  padding: 0 15px;
}

.sceme .block {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.block .block-header {
  height: 50px;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color: #14907f;
}

.block-header.versus .name {
  width: 33%;
  float: left;
  font-size: 22px;
  color: #666666;
  text-align: center;
}

.block-header.versus .name:last-of-type {
  float: right;
}

.block-header.versus .date {
  width: 33%;
  float: left;
  font-size: 14px;
  line-height: 14px;
  padding-top: 12px;
}

.block-header.versus .date span {
  color: #999999;
}

.logos {
  display: inline-block;
  width: 100%;
}

.logos div {
  width: 33%;
  height: 90px;
  color: #666666;
  font-size: 50px;
  line-height: 90px;
  float: left;
  text-align: center;
}

.logos img {
  height: 80%;
}

.block-info {
  position: relative;
  width: 100%;
  border-top: 1px solid #cccccc;
  padding: 5px 0;
}

.chart-container {
  width: 33%;
  height: 130px;
  float: left;
}

.chart-info {
  width: 33%;
  text-align: center;
  float: left;
  margin-top: 10px;
}

.white {
  position: absolute;
  border-radius: 9px;
  width: 100%;
  left: 0;
  top: 150px;
  height: 15px;
  background: white;
}

.progress-line {
  position: relative;
  width: 100%;
  height: 20px;
  background: #14907f;
  margin-top: 10px;
}

.progress-line .progr {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  background: #18ac99;
  color: #fff;
  text-align: center;
  line-height: 20px;
  transition: 3s ease;
}

.progress-line.default .progr {
  width: 0 !important;
  color: transparent;
}

.line {
  width: 100%;
  height: 20px;
  background: #c4c4c4;
}

.stats {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.bday-member {
  background: #e0e0e0;
  border-top: 1px solid #fff;
}

.background-green .bday-member {
  background: #fff;
  border-top: 1px solid #14907f;
}

.bday-member img {
  width: 125px;
  height: 125px;
}

.bday-member .date {
  color: #14907f;
  float: left;
  font-size: 24px;
  margin: 15px 0 0 10px;
}

.bday-member .fa {
  color: #14907f;
  font-size: 24px;
  float: right;
  margin: 18px 10px 0 0;
}

@media (max-width: 768px) {
  .bday-member img {
    width: 115px;
    height: 115px;
  }

  .bday-member .date {
    font-size: 18px;
  }

  .bday-member .fa {
    font-size: 16px;
  }
}
.video-widget {
  position: relative;
}

.video-widget .widget-header {
  position: absolute;
  z-index: 98;
}

.press-item {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0;
}

.press-item img {
  float: left;
  max-width: 45px;
}

.press-item .title {
  color: #999999;
  float: left;
  margin-left: 10px;
  font-size: 10px;
  width: calc(100% - 70px);
  text-transform: uppercase;
}
.press-item .title SPAN {
  margin-left: 10px;
}

.press-item .content {
  float: left;
  margin-left: 10px;
  width: calc(100% - 70px);
}

.press-item a {
  float: right;
}

.press-item a img {
  width: 15px;
  height: 15px;
  line-height: 45px;
}

@media (max-width: 768px) {
  .press-item .content {
    font-size: 10px;
  }
}
.canvasjs-chart-credit {
  display: none;
}

.chart-container a {
  display: none;
}

.chart-container.left {
  left: 0;
}

.chart-container.right {
  right: 0;
}

.twitter-tweet {
  margin: 0 auto;
}

.block-info-row div {
  width: 33%;
  float: left;
  text-align: center;
}

.block-info-row div.green {
  color: #14907f;
}

.block-info-row div.grey {
  color: #999999;
}

.block-info-row div.red {
  color: #ff0000;
}

.block-info-row div:first-of-type {
  text-align: right;
  font-size: 18px;
}

.block-info-row div:last-of-type {
  text-align: left;
  font-size: 18px;
}

.block-info-row {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  padding: 10px 0;
  line-height: 14px;
}

.block-footer {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #cccccc;
}

.block-footer img {
  height: 30px;
}

.block .table {
  font-size: 14px;
  background-color: #f5f5f5;
  margin-bottom: 0;
}

.block .table:last-of-type {
  border-top: 1px solid #cccccc;
}

.block .table tr td:first-of-type {
  padding: 9px 0 8px 8px;
}

.block .table tr td:last-of-type {
  padding: 9px 8px 8px 0;
  text-align: right;
}

.block .field {
  width: 100%;
}

.block .field img {
  width: 100%;
}

.block .field-footer {
  color: #999999;
}

.block-field .block-header {
  border-bottom: 0;
}

.block-field .block-footer {
  border-top: 0;
}

.insta h1,
.insta h1 a {
  padding: 30px 15px 15px;
  color: #14907f;
  transition: .3s ease;
}

.insta h1 a:hover {
  text-decoration: none;
  color: #fff;
}

@media (max-width: 768px) {
  .insta h1 {
    font-size: 26px;
  }
}

@media (max-width: 640px) {
  body {
    background-image: url(/img/bg/background_m.jpg);
    /*padding-left: 0;
    padding-right: 0;*/
  }
}
.aaa {
  background-color: transparent !important;
}

figure {
  float: left;
  display: block;
  height: 0;
  margin: 0 auto;
  position: relative;
  font-size: 16px;
  font-size: 1vw;
  width: calc(100%/3);
  padding-bottom: 80px;
}

figcaption {
  font-size: 1rem;
  text-align: center;
  color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: 40%;
  z-index: 2;
}

svg {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

circle {
  fill: transparent;
  stroke-width: 31.8309886184;
  stroke-dasharray: 0,0,0,100;
  stroke-dashoffset: 25;
}

.pie2,
.pie3,
.pie5 {
  stroke: #14907F;
}

.pie1,
.pie4,
.pie6 {
  stroke: #c4c4c4;
}

.pie1.active {
  -webkit-animation: pie1 3s ease both;
  animation: pie1 3s ease both;
}

.pie2.active {
  -webkit-animation: pie2 3s ease both;
  animation: pie2 3s ease both;
}

.pie3.active {
  -webkit-animation: pie3 3s ease both;
  animation: pie3 3s ease both;
}

.pie4.active {
  -webkit-animation: pie4 3s ease both;
  animation: pie4 3s ease both;
}

.pie5.active {
  -webkit-animation: pie5 3s ease both;
  animation: pie5 3s ease both;
}

.pie6.active {
  -webkit-animation: pie6 3s ease both;
  animation: pie6 3s ease both;
}

@keyframes pie1 {
  100% {
    stroke-dasharray: 55,45,0,0;
  }
}
@keyframes pie2 {
  100% {
    stroke-dasharray: 0,45,55,0;
  }
}
@keyframes pie3 {
  100% {
    stroke-dasharray: 0,28,72,0;
  }
}
@keyframes pie4 {
  100% {
    stroke-dasharray: 0,0,72,28;
  }
}
@keyframes pie5 {
  100% {
    stroke-dasharray: 0,57,43,0;
  }
}
@keyframes pie6 {
  100% {
    stroke-dasharray: 0,0,57,43;
  }
}
h1 {
  font-size: 36px;
  font-weight: bold;
  margin: 0px;
}

img {
  border: none;
}

a {
  color: #14907F;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

h2.h1,
h3.h1,
h4.h1 {
  color: #069;
}

#page .ui-tabs .ui-tabs-panel {
  padding: 1px;
}

.ui-dialog-buttonset .ui-button {
  border-radius: 8px;
}

.linkable {
  cursor: pointer;
}

.attantion {
  color: #C00;
  font-weight: bold;
}

.sampleText {
  color: #999;
  font-style: italic;
}

#theBackground {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}

#bottomSwitcher {
  position: absolute;
  left: 2px;
  bottom: -260px;
  height: 260px;
  right: 0px;
  z-index: 12;
}

#bottomSwitcher.start {
  left: 18px;
  right: 18px;
}

#bottomLang {
  padding-top: 10px;
  text-align: center;
}

#startdiv {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: fixed;
  z-index: -1;
}

#startdiv > div {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#logo {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 120px;
}

#team {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}

#teamProfile {
  display: none;
}

.playerCard {
  height: 100%;
}

#startfoto {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#startfoto img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

#scene_b {
  position: fixed;
  bottom: -190px;
  left: 0px;
  right: 0px;
  height: 190px;
  padding: 0px;
  margin: 0px;
  /*z-index:10;*/
}

#scenePad {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 190px;
  height: 260px;
}

#scene_p {
  position: fixed;
  bottom: -50px;
  left: 0px;
  right: 0px;
  height: 80px;
  padding: 0px;
  margin: 0px;
  z-index: 10;
}

#bottom {
  position: relative;
  bottom: -10px;
  left: 50%;
  margin-left: -1024px;
  width: 2048px;
  height: 190px;
}

#scene_b #bottom {
  bottom: 0px;
}

.bt {
  background-repeat: repeat-x;
  background-position: left top;
  width: 429px;
  height: 190px;
}

#middlebt {
  width: 1190px;
  height: 190px;
  position: relative;
}

.panel {
  position: fixed;
  top: 0px;
  width: 81px;
  height: 600px;
  z-index: 20;
}

#leftpanel {
  left: -80px;
}

#rightpanel {
  right: -80px;
}

.panel ul {
  list-style: none;
  margin: 0px;
}

#leftpanel ul {
  float: left;
  padding: 0px 0px 0px 5px;
}

#rightpanel ul {
  float: right;
  padding: 0px 5px 0px 0px;
}

.panel li {
  border-top: 1px solid #7a96b3;
  width: 58px;
  height: 60px;
  overflow: hidden;
  position: relative;
  padding-bottom: 4px;
  padding-top: 1px;
  text-align: center;
}

.panel li:first-child {
  border: none;
}

.panel li a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  display: block;
}

#bottom table {
  margin: auto;
}

#middle {
  width: 500px;
  height: 152px;
}

#points {
  height: 20px;
}

#points ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: relative;
  float: left;
  left: 50%;
  height: 20px;
}

#points li {
  position: relative;
  float: left;
  right: 50%;
  top: -5px;
  cursor: pointer;
}

#points span {
  display: block;
  width: 18px;
  height: 16px;
  background: url("images/grround.png") left top no-repeat;
}

#points li.activeSlide span {
  background: url("images/redround.png") left top no-repeat;
  position: relative;
  bottom: -1px;
}

#key {
  width: 68px;
  overflow: hidden;
  float: right;
}

.bok {
  width: 320px;
  padding-top: 25px;
  padding-left: 0px;
  vertical-align: top;
  position: relative;
}

#news {
  margin: 0px;
  padding: 0px;
  list-style: none;
  height: 100px;
  overflow: hidden;
}

#news a span.newsdate {
  color: #99ccff;
  padding-right: 10px;
}

#news a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

#news a div {
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 0px 3px 20px;
}

#news a:hover span.newsline {
  text-decoration: none;
}

#btright a, #btleft a {
  color: #fff;
  text-decoration: none;
}

#btright, #btleft {
  padding: 0px;
  position: relative;
}

#btright a {
  margin-right: 10px;
  float: right;
}

#btleft a {
  margin-right: 20px;
  float: left;
}

#btleft a.bottomlink div {
  background: url("images/sponsorarr.png") right center no-repeat;
  padding-right: 18px;
}

#btright a.bottomlink div {
  /*background: url('images/sponsorarr.png') right no-repeat;*/
  padding-right: 15px;
  width: 65px;
  position: relative;
}

#btright a.bottomlink div img {
  position: relative;
  margin-right: 7px;
  bottom: -3px;
}

td#btright, td#btleft {
  vertical-align: bottom;
  width: 410px;
}

#colorsw {
  width: 66px;
  height: 28px;
  overflow: hidden;
  bottom: -22px;
  right: 40px;
  position: absolute;
  z-index: 1;
}

#pagebt #colorsw {
  bottom: 6px;
  left: 227px;
  position: absolute;
}

#colorsw ul {
  width: 66px;
  height: 28px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#colorsw li {
  float: left;
  display: block;
  overflow: hidden;
  position: relative;
  width: 33px;
  height: 28px;
}

#colorsw li a {
  margin: 0px;
  padding: 0px;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

#colorsw li.act a {
  display: none;
}

#play {
  text-align: center;
  float: right;
  margin-right: 50px;
  height: 100px;
  position: relative;
}

#play a {
  color: #99ccff;
  font-size: 12px;
  text-decoration: none;
}

#play a:hover {
  color: white;
  text-decoration: none;
}

#play span.txplay {
  padding: 0px 15px;
  color: #99ccff;
  position: relative;
  bottom: 3px;
  font-size: 12px;
}

#play td {
  color: #fff;
  vertical-align: middle;
  font-size: 18px;
}

/* ==================== */
#page {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 15px;
  padding-bottom: 100px;
}

#pagebt {
  background-position: top;
  background-repeat: no-repeat;
  height: 70px;
  position: relative;
  width: 1154px;
  left: 50%;
  margin-left: -577px;
}

#pagebt table {
  margin: auto;
}

#choice {
  width: 820px;
  margin: auto;
  text-align: center;
  height: 80px;
}

#choice a.float {
  width: 25px;
  position: relative;
  top: 25px;
}

#choice div#tblchoice {
  width: 760px;
  float: left;
}

#choice table {
  margin: auto;
}

#choice td {
  font-size: 12px;
  color: #666;
}

#choice td span {
  font-weight: bold;
  font-size: 24px;
}

#whitefon {
  width: 820px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  border: none;
  padding: 0px;
  border-radius: 0px;
  box-shadow: 10px 10px 10px #cacaca;
  -moz-box-shadow: 10px 10px 10px #cacaca;
  -ms-box-shadow: 10px 10px 10px #cacaca;
  -o-box-shadow: 10px 10px 10px #cacaca;
}

#page.noshad #whitefon {
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

#whiteinner {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 23px;
  z-index: 2;
  background-color: white;
}

#menupage {
  top: -45px;
  left: 0px;
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
  background: none;
  border: none;
  width: 820px;
  white-space: nowrap;
  overflow: visible;
  z-index: 0;
}

#menupage span {
  float: left;
  position: relative;
  padding: 0px 15px;
  margin-right: 16px;
  display: list-item;
}

#menupage span a {
  color: #999;
  font-size: 18px;
  height: 45px;
  line-height: 40px;
  font-weight: normal;
  display: block;
  text-decoration: none;
}

#menupage span a:hover {
  text-decoration: none;
}

#menupage li {
  position: relative;
  float: left;
  border: none;
  background: none;
  padding: 0px;
  margin: 0px;
}

#menupage li a {
  color: #999;
  text-decoration: none;
  font-size: 18px;
  height: 45px;
  line-height: 40px;
  display: block;
  padding: 0px;
}

#menupage li a.dark {
  color: #333;
}

#menuseason li a:hover,
#menupage li a:hover {
  text-decoration: none;
}

#menupage li.ui-state-active {
  z-index: 10;
  background-color: #fff;
  box-shadow: 10px 13px 10px #cacaca;
  -moz-box-shadow: 10px 13px 10px #cacaca;
  -ms-box-shadow: 10px 13px 10px #cacaca;
  -o-box-shadow: 10px 13px 10px #cacaca;
}

#page.noshad #menupage li.ui-state-active {
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

#menupage li.ui-state-active a,
#menupage li.ui-state-active a.dark {
  color: #14907F;
  text-decoration: none;
}

#play .widget a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

#play .widget a:hover {
  text-decoration: none;
}

.grborder {
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding: 15px 0px;
  color: #a9a9a9;
  font-size: 13px;
}

.grborder table {
  margin: auto;
}

.grborder td {
  color: #333;
  padding: 5px 15px;
}

.tdw {
  width: 335px;
}

.tdl, .result .tdl {
  text-align: right;
}

.tdr, .result .tdr {
  text-align: left;
}

.result td {
  padding: 6px 15px;
  text-align: center;
  color: #333;
}

.result td.grborder {
  color: #a9a9a9;
}

.result .tdl {
  padding-right: 25px;
}

.result .tdr {
  padding-left: 25px;
}

#field {
  position: relative;
}

#field .player {
  position: absolute;
  width: 60px;
  height: 80px;
}

#field .player span {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 60px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.result td .spanbt {
  padding-left: 5px;
  color: #9a9a9a;
  font-size: 11px;
}

.ww {
  padding: 10px 20px;
}

#translate div {
  text-align: left;
}

#translate td {
  padding-left: 20px;
  color: #333;
}

#writing_photo div.grborder {
  width: 280px;
  margin-left: 520px;
  text-align: left;
  color: #666;
}

#writing_photo div a {
  /* color: #666; */
  margin-left: 20px;
}

#gallery {
  height: 90px;
}

#gallery div.float {
  width: 25px;
}

#gallery div.float img {
  position: relative;
  top: 30px;
}

#gallery_vn {
  width: 730px;
  padding-top: 5px;
  height: 80px;
  overflow: hidden;
  float: left;
}

#gallery_vn ul {
  width: 2000;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#gallery_vn li {
  float: left;
  margin: 1px 8px 0px 9px;
}

#gallery_vn a img {
  border: 2px solid #fff;
  height: 56px;
}

#gallery_vn a img:hover {
  border: 2px solid red;
}

#greyfon {
  /* width: 820px; */
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  border: none;
  padding: 0px;
  border-radius: 0px;
  background-image: none;
  background-color: transparent;
}

.whiteinner {
  z-index: 2;
  background-color: white;
  padding: 10px 10px 10px 5px;
  box-shadow: 10px 13px 10px #cacaca;
  -moz-box-shadow: 10px 13px 10px #cacaca;
  -ms-box-shadow: 10px 13px 10px #cacaca;
  -o-box-shadow: 10px 13px 10px #cacaca;
}

#page.noshad .whiteinner {
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

.subul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  font-size: 12px;
}

.subul li {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}

.subul a {
  color: #666;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: lowercase;
}

/*
.subul a:first-letter {

    text-transform:capitalize;

}
*/
.subul li:hover a,
.subul li.act a {
  background-color: #14907F;
  color: #fff;
}

#positionarrowsleft, #positionarrowsright {
  position: absolute;
  top: 0px;
}

.np_arrows {
  z-index: 9999;
}

.positionarrowsleft {
  position: absolute;
  top: 160px;
  left: -100px;
}

.positionarrowsright {
  position: absolute;
  top: 160px;
  right: -100px;
}

#positionarrowsleft {
  left: 0px;
}

#positionarrowsright {
  left: 30px;
}

.arrowLeft {
  position: absolute;
  bottom: 0;
  left: 0;
}

.arrowRight {
  position: absolute;
  bottom: 0;
  right: 0;
}

.aaa {
  height: 260px;
  position: relative;
  background-color: #fff;
}

.select {
  float: right;
  position: relative;
  border: none;
  border-radius: 15px;
  background-color: #e5e5e5;
  padding: 5px 5px 5px 15px;
  color: #666;
  font-size: 12px;
  height: 15px;
  width: 150px;
  text-align: left;
}

.select span {
  position: relative;
  z-index: 1;
}

.select div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  padding-top: 17px;
  padding-bottom: 10px;
  display: none;
  background: transparent;
}

.select ul {
  margin: 0px;
  padding: 10px;
  list-style: none;
  background-color: #e5e5e5;
}

.select ul li {
  margin-top: 5px;
}

.select a {
  color: #666;
  font-size: 12px;
  float: right;
}

.select a:hover div {
  display: block;
}

.select ul li:hover {
  background-color: #fff;
}

#oner {
  margin-left: 200px;
  padding: 20px 0px 0px 19px;
  width: 600px;
  background-color: #fff;
  box-shadow: 10px 10px 10px #cacaca;
  -moz-box-shadow: 10px 10px 10px #cacaca;
  -ms-box-shadow: 10px 10px 10px #cacaca;
  -o-box-shadow: 10px 10px 10px #cacaca;
}

#page.noshad #oner {
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

#oner1 {
  width: 144px;
  margin-right: 5px;
  float: left;
  border-right: 1px solid #cacaca;
  padding-bottom: 40px;
}

#oner2 {
  width: 450px;
  float: left;
  position: relative;
}

#oner2 ul {
  padding: 0px 0px 20px;
  width: 430px;
  position: relative;
  margin: 0px 0px 0px;
  list-style: none;
  background: none;
  border: none;
}

#oner2 li {
  float: left;
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
  opacity: 1;
}

#oner2 li a {
  color: #5d5d5d;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
}

#oner2 li.ui-state-active a {
  color: #14907F;
  text-decoration: none;
}

.border_left {
  height: 250px;
  overflow: auto;
}

#anketa {
  padding: 10px 20px 20px;
  color: #999;
}

#anketa span {
  color: #5d5d5d;
  padding-left: 5px;
}

.redspan {
  color: #cc0000;
  padding-left: 20px;
}

#oner1 center {
  font-size: 72px;
  color: #14907F;
  font-weight: bold;
}

.name1, .name2 {
  font-size: 18px;
  color: #5d5d5d;
}

.name2 {
  text-transform: uppercase;
}

.name3 {
  color: #999;
  font-size: 12px;
}

#result_oner {
  width: 430px;
  border-left: 1px solid #ececec;
  border-top: 1px solid #ececec;
  border-right: 0px solid #ececec;
  border-bottom: 0px solid #ececec;
  margin-top: 20px;
  margin-bottom: 20px;
  background: url("images/tbl.png") right bottom no-repeat;
}

#result_oner td {
  padding: 2px 0px 10px 0px;
  border-right: 1px solid #c0c0c0;
  text-align: center;
  color: #333;
  font-weight: bold;
  font-size: 12px;
}

#result_oner .empty td {
  border: none;
  height: 5px;
  padding: 0px;
  margin: 0px;
}

#result_oner td:first-child {
  text-align: left;
  padding-left: 5px;
}

#result_oner td:last-child {
  border-right: 0px solid #999;
}

.divgall > div {
  height: 50%;
  width: 100%;
}

.divgall img {
  height: 100%;
  width: 100%;
}

#menuseason {
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
  background: none;
  border: none;
  width: 570px;
  white-space: nowrap;
  overflow: visible;
  z-index: 0;
}

#menuseason li {
  position: relative;
  float: left;
  border: none;
  background: none;
  padding: 0px;
  margin: 0px;
}

#menuseason li a {
  color: #999;
  text-decoration: none;
  font-size: 18px;
  height: 45px;
  line-height: 40px;
  display: block;
  padding: 0px;
}

#menuseason li.ui-state-active {
  background-color: #fff;
  box-shadow: 10px 13px 10px #CACACA;
  -moz-box-shadow: 10px 13px 10px #CACACA;
  -ms-box-shadow: 10px 13px 10px #CACACA;
  -o-box-shadow: 10px 13px 10px #CACACA;
}

#page.noshad #menuseason li.ui-state-active {
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

#menuseason li.ui-state-active a {
  color: #14907F;
  text-decoration: none;
}

#years {
  background-color: transparent;
}

.bbb {
  padding: 10px 0px 5px 10px;
  position: relative;
  background-color: #fff;
  box-shadow: 10px 13px 10px #cacaca;
  -moz-box-shadow: 10px 13px 10px #cacaca;
  -ms-box-shadow: 10px 13px 10px #cacaca;
  -o-box-shadow: 10px 13px 10px #cacaca;
}

.bbb.pad10 {
  padding-right: 10px;
}

#page.noshad .bbb {
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

.ccc {
  position: relative;
  padding: 1px;
}

.ccc #positionarrowsleft {
  left: -120px;
  top: 180px;
}

.ccc #positionarrowsright {
  right: -120px;
  top: 180px;
}

.month_line,
#month {
  background-color: #14907F;
  height: 26px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  width: 800px;
}

#tblmonth {
  margin-bottom: 10px;
  width: 800px;
}

#svodnaya tr.trhover:hover td,
#tblmonth tr.trhover:hover td {
  background-color: #a2bce7;
  color: #fff;
  cursor: pointer;
}

#svodnaya td.tdl1 {
  width: 60px;
  text-align: right;
}

#svodnaya td.tdr1 {
  width: 60px;
  text-align: left;
}

#svodnaya tr.act td {
  background-color: #a2bce7;
  color: #fff;
}

#tblmonth tr.trhover:hover .td1 {
  background-color: #a2bce7;
  color: #fff;
}

#tblmonth td {
  border-bottom: 1px solid #999;
  vertical-align: middle;
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.td6 {
  width: 200px;
  color: #999;
}

#tblmonth .tdl, #tblmonth .tdr {
  width: 145px;
}

.tdi {
  padding: 0px 10px;
  width: 20px;
}

.td4 {
  width: 30px;
  text-align: center;
}

.td1 {
  width: 85px;
  color: #999;
}

.td2 {
  text-align: center;
}

.td2 a {
  color: #d34242;
}

.td2 a:hover {
  text-decoration: none;
}

#tbldate {
  width: 764px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

#tbldate td {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  height: 70px;
  width: 108px;
  text-align: center;
  position: relative;
  vertical-align: top;
  font-size: 11px;
}

#tbldate .tr1 td {
  height: 35px;
  vertical-align: middle;
}

#tbldate td div.data {
  position: relative;
  width: 108px;
  height: 12px;
}

#tbldate .data span {
  position: absolute;
  top: 0px;
  left: 3px;
  color: #999;
}

.lastgame {
  background-color: #f3fef6;
}

.newgame {
  background-color: #a2bce7;
}

.lastgame .nameplay {
  color: #89b08a;
}

.newgame .nameplay {
  color: #2674a5;
}

#tbldate td img {
  position: relative;
  bottom: -10px;
}

.score {
  font-size: 18px;
  letter-spacing: 0.1pt;
}

#tbldate .newgame .data span {
  color: #fff;
}

#tbldate .time {
  position: absolute;
  top: -11px;
  right: 5px;
  color: #fff;
}

#btmiddle {
  position: absolute;
  width: 522px;
  padding-top: 15px;
  height: 115px;
  bottom: 0px;
  left: 334px;
  z-index: 12;
}

#bt1 {
  position: absolute;
  width: 334px;
  height: 25px;
  padding-top: 36px;
  bottom: 0px;
  left: 0px;
  z-index: 12;
}

#bt2 {
  position: absolute;
  width: 230px;
  padding-right: 104px;
  height: 25px;
  padding-top: 36px;
  bottom: 0px;
  right: 0px;
  z-index: 12;
}

#scene_c {
  position: fixed;
  bottom: -126px;
  left: 0px;
  right: 0px;
  height: 165px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  height: 1px;
  overflow: visible;
}

#scene_cc {
  position: relative;
  width: 1190px;
  left: 50%;
  margin-left: -585px;
  height: 1px;
  overflow: visible;
}

#tbldate a {
  text-decoration: none;
}

#month a {
  margin-left: 50px;
  margin-right: 50px;
}

#svodnaya td {
  text-align: center;
  vertical-align: middle;
  color: #484848;
  border-bottom: 1px solid #dbe7df;
}

#svodnaya .td1 {
  width: 40px;
  padding-right: 40px;
}

#svodname .td1 {
  width: 40px;
  padding-right: 40px;
  text-align: left;
}

#svodnaya .td2 {
  width: 36px;
  padding-top: 2px;
}

#svodnaya .td3 {
  width: 380px;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

#svodname .td2 {
  padding-left: 36px;
  width: 380px;
  text-align: left;
}

#svodname .td3,
#svodnaya .td3 {
  width: 200px;
}

#svodname .tddt,
#svodnaya .tddt {
  width: 200px;
}

#svodname .tdh {
  width: 300px;
}

#svodnaya .tdw {
  width: 32px;
  padding-left: 5px;
  padding-right: 5px;
}

#svodname .tdw {
  width: 32px;
  padding-left: 5px;
  padding-right: 5px;
}

#svodnaya .tdw2,
#svodname .tdw2 {
  width: 100px;
}

#svodnaya .tdw3,
#svodname .tdw3 {
  width: 60px;
}

.trdark td,
#svodnaya .m1 td,
#svodnaya .m2 td {
  background-color: #e2f3e7;
}

.trlight td,
#svodnaya .m3 td,
#svodnaya .m4 td,
#svodnaya .m5 td {
  background-color: #f3fef6;
}

.tractive td {
  background-color: #bed0ee;
}

.club {
  color: #14907F;
  padding-left: 20px;
  font-size: 18px;
  font-weight: normal;
}

.tblclub {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.tblclub td {
  color: #333;
  font-size: 13px;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.tblclub .trtop td {
  color: #999;
  border-bottom: 0px solid #f0f0f0;
}

.tblclub .td1 {
  width: 50px;
  padding-left: 5px;
  padding-right: 5px;
}

.tblclub .td2 {
  width: 250px;
  padding-left: 10px;
  text-align: left;
}

.tblclub .td3 {
  width: 90px;
  padding-left: 5px;
  padding-right: 5px;
}

.tblclub .td4 {
  width: 90px;
  padding-left: 10px;
  padding-right: 40px;
}

.tblclub .tdw {
  width: 30px;
  padding-left: 5px;
  padding-right: 5px;
}

#tblnews tr {
  cursor: pointer;
}

#tblnews td {
  border-bottom: 1px solid #ccc;
  color: #666;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 20px;
  height: 30px;
}

#tblnews td > img {
  margin-right: 5px;
}

#tblnews .trcolor td {
  background-color: #f3fef6;
}

#tblnews .tract td {
  background-color: #a2bce7;
  color: #fff;
}

.tdarr {
  background: url("/css/images/play.png") no-repeat;
  width: 20px;
  height: 20px;
  background-size: 15px;
}

#tblnews .tract .tdarr {
  background: url("images/dblarrowsrightw.png") no-repeat;
}

#tblnews .data {
  color: #999;
}

#tblnews a {
  text-decoration: none;
}

.temanews {
  padding: 0px 5px 0px;
  color: #fff;
  margin-right: 15px;
  margin-left: 15px;
  font-size: 12px;
  text-transform: lowercase;
}

.photik, .vidak {
  text-decoration: none;
}

.photik div, .vidak div {
  width: 26px;
  height: 17px;
  text-decoration: none;
}

.photik div {
  background: url("images/photik.png") no-repeat;
}

.vidak div {
  background: url("images/vidak.png") no-repeat;
}

.tract .photik div {
  background: url("images/photikw.png") no-repeat;
}

.tract .vidak div {
  background: url("images/vidakw.png") no-repeat;
}

#tblnews .tract .data {
  color: #fff;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  font-weight: normal;
  color: #333;
}

.grborder .temanews {
  padding: 2px 5px 3px;
}

.bbb #positionarrowsleft {
  left: 0px;
  top: 0px;
}

.bbb #positionarrowsright {
  left: 30px;
  top: 0px;
}

#comment {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cacaca;
}

#commentright, #commentleft {
  float: left;
}

#commentleft {
  width: 430px;
  position: relative;
  min-height: 40px;
}

#commentright {
  width: 310px;
  padding-left: 40px;
}

#author {
  float: left;
  width: 50px;
  height: 52px;
  background-image: url("images/author.png");
  margin-right: 10px;
}

#textcomment {
  float: left;
  width: 348px;
  padding: 5px 10px;
  height: 20px;
  border: 1px solid #8d9dc3;
  color: #999;
}

#methodcomment {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 170px;
  padding-right: 15px;
  padding-left: 5px;
  height: 20px;
  border: 1px solid #999;
  color: #999;
  font-size: 12px;
}

#methodcomment div.float {
  width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#methodcomment a {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  font-size: 11px;
  z-index: 5;
  overflow: visible;
}

#methodcomment a div {
  position: absolute;
  top: 20px;
  left: -172px;
  right: 0px;
  min-height: 50px;
  background-color: #fff;
  border: 1px solid #999;
  display: none;
  color: #999;
  font-size: 12px;
  z-index: 25;
}

#methodcomment a:hover div {
  display: block;
}

#face {
  color: #808080;
  font-size: 12px;
  position: relative;
  top: -2px;
}

input.cabinet {
  border: none;
  border-radius: 12px;
  width: 208px;
  height: 24px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #e5e5e5;
  color: #626262;
  margin-top: 10px;
}

h2.cabinet {
  margin-bottom: 15px;
  color: #323232;
}

div.cabinet {
  color: #4d4d4d;
}

div.cabinet a {
  color: #44b567;
  font-size: 14px;
  margin-bottom: 20px;
  text-decoration: none;
}

div.cabinet a:hover {
  text-decoration: none;
}

#myphoto {
  width: 330px;
}

#myphoto a {
  /*	color: #d0d0d0; */
}

#myphoto a:hover {
  text-decoration: none;
}

#mybase {
  width: 460px;
}

#mybase .colorCabinet, #mybase .grborder .colorCabinet {
  color: #14907F;
}

#mybase .grborder {
  text-align: left;
  color: #333;
  border-bottom: 1px solid #ccc;
  padding-top: 0px;
  margin-bottom: 15px;
}

#mybase .nameCabinet, #mybase .grborder .nameCabinet {
  font-size: 18px;
}

.nameCabinet .lname {
  text-transform: uppercase;
}

.managerName {
  color: #666;
}

.managerName span.name {
  color: #333;
  font-size: 18px;
}

.managerName span.amp {
  color: #333;
  font-size: 14px;
}

.managerName span.role {
  color: #999;
  font-size: 14px;
}

.managerName span.lname {
  text-transform: uppercase;
}

#tableManager {
  width: 800px;
  margin-top: 15px;
}

#tableManager td {
  vertical-align: top;
  text-align: left;
  padding: 10px 5px;
}

#tableManager td:first-child {
  width: 190px;
}

.newsphoto {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.newsphoto img {
  max-width: 100%;
}

.blueSelect .selectbox .display, .greySelect .selectbox .display {
  min-width: 160px;
  background-color: transparent;
  border: none;
  height: 24px;
  line-height: 22px;
  cursor: pointer;
}

.blueSelect .selectbox .display {
  color: #fff;
}

.greySelect .selectbox .display {
  color: #8b8b8b;
}

.blueSelect, .greySelect {
  width: 200px;
  border-radius: 12px;
  height: 24px;
  line-height: 24px;
  position: relative;
  padding: 0px 0px 0px 10px;
}

.blueSelect {
  background-color: #006699;
}

.seasonTop .blueSelect {
  top: 10px;
}

.seasonTop {
  position: relative;
  top: -45px;
  left: 0px;
  height: 45px;
  padding-right: 10px;
}

.greySelect {
  background-color: #e5e5e5;
}

.greySelect .selectbox .display .arrow_btn, .blueSelect .selectbox .display .arrow_btn {
  top: 2px;
  right: 0px;
  border: none;
  background-color: transparent;
}

.greySelect .selectbox .display .arrow_btn {
  background-image: url("images/arrbt.png");
}

.blueSelect .selectbox .display .arrow_btn {
  background-image: url("images/arrbtw.png");
}

.blueSelect .selectbox.focused .display .text, .greySelect .selectbox.focused .display .text {
  background-color: transparent;
}

.athor, .title {
  color: #333;
  margin-right: 10px;
}

.data {
  margin-right: 5px;
}

.answer {
  color: #14907F;
  margin-right: 5px;
}

.answerbig {
  color: #14907F;
  margin-left: 5px;
  font-size: 20px;
  position: relative;
}

#answer {
  background-color: #f3fef6;
  min-height: 50px;
  width: 780px;
  padding: 10px 10px 20px;
}

#answer .data {
  color: #999;
}

h2.h1 {
  position: relative;
  top: -5px;
}

.greenclose {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 9;
}

.greenclose_up {
  position: absolute;
  right: 0px;
  top: -20px;
  z-index: 9;
}

#blogClose.greenclose {
  top: 20px;
}

#stuffPlace {
  position: absolute;
  right: 10px;
  top: 8px;
}

#share42 a {
  background-repeat: no-repeat;
  padding-left: 32px;
  height: 25px;
  display: block;
  float: left;
  margin-right: 3px;
  text-decoration: none;
  color: #A8ABBA;
}

#share42 a.with-count span {
  border-top: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  border-radius: 2px;
  position: relative;
  padding: 0px 5px;
  height: 23px;
  margin-left: 2px;
  display: block;
  font-size: 12px;
  line-height: 22px;
}

#share42 a.with-count:hover span {
  background-color: #F2F2F2;
}

#share42 a.with-count:hover span:after {
  /*background-color: #ddd;*/
}

#tbldate .tr1 td:hover {
  background-color: #fff;
  color: #000;
}

#tbldate tr td.link:hover {
  background-color: #a2bce7;
  color: #fff;
}

.newgame:hover, .lastgame:hover, .lastgame2 {
  background-color: #a2bce7;
  cursor: pointer;
}

.lastgame:hover
.nameplay,
.newgame:hover
.nameplay,
.lastgame2,
.lastgame2 td {
  color: #fff;
}

.schet {
  text-align: center;
  min-width: 60px;
  padding-left: 10px;
  padding-right: 10px;
}

.lefttitle, .righttitle {
  width: 240px;
}

.lefttitle {
  text-align: right;
  padding-right: 10px;
}

.righttitle {
  text-align: left;
  padding-left: 10px;
}

.logoteamleft, .logoteamright {
  width: 70px;
}

.blogDate {
  text-transform: capitalize;
}

.bottomPanel {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #fff;
}

.three {
  float: left;
  width: 260px;
  padding: 0px 30px;
  text-align: center;
  color: #fff;
}

#bottomSponsors p {
  margin: 0px;
  padding: 0px;
}

#bottomSponsors h5 {
  color: #fff;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 12px;
}

.writing {
  font-weight: bold;
  font-size: 14px;
}

.three a {
  margin-bottom: 5px;
}

.three a.float {
  margin-right: 5px;
}

.swiper-slide img {
  /*border:2px solid white;*/
}

.swiper-slide.act img {
  border: 2px solid red;
}

.langSwitch {
  font-size: 13px;
  color: white;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px;
}

/* ================== SEARCH =========================*/
#searchForm {
  color: white;
  font-size: 14px;
}

.searchInput {
  float: left;
  margin-left: 10px;
  width: 700px;
  background-color: white;
  border-radius: 12px;
  height: 16px;
  padding: 2px 10px 2px 10px;
}

.searchInput input {
  width: 100%;
  border: none;
  color: #333;
  line-height: 15px;
  height: 15px;
}

#bottomSearch input[type=submit] {
  margin-left: 10px;
  text-indent: -10000px;
  background: url("images/dblarrowsrightw.png") left center no-repeat;
  width: 25px;
  height: 20px;
  border: none;
  outline: none;
  cursor: pointer;
}

.searchTitle {
  margin-left: 55px;
  float: left;
  line-height: 26px;
  text-transform: uppercase;
}

#searchResult .gallery img {
  cursor: pointer;
}

#searchResult {
  color: #333;
}

#searchResult .gallery {
  position: relative;
  width: 760px;
  height: 80px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-bottom: 10px;
}

#searchResult.user .gallery {
  width: 460px;
}

#searchResult .gallery .left {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 22px;
  background: url("images/dblarrowsleft.png") center center no-repeat;
  cursor: pointer;
}

#searchResult .gallery .right {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 22px;
  background: url("images/dblarrowsright.png") center center no-repeat;
  cursor: pointer;
}

#searchResult .gallery .swiper-container {
  position: absolute;
  left: 26px;
  right: 24px;
  top: 0px;
  bottom: 0px;
}

#searchResult .gallery .swiper-slide {
  float: left;
  height: 76px;
}

#searchResult .searchMatches {
  font-size: 18px;
}

#searchResult .searchMatches .colorspan {
  font-size: 10px;
  position: relative;
  top: -2px;
  color: #069;
  margin-bottom: 10px;
}

#searchResult .searchMatches .colorspan span {
  padding-right: 10px;
}

#searchResult .title {
  font-size: 16px;
}

#searchResult .pager {
  text-align: center;
  margin-bottom: 10px;
}

#searchResult .pager span.active {
  font-size: 14px;
  font-weight: bold;
}

/* ===================================================*/
/* ================== Forms ==========================*/
#loginForm,
.recForm {
  position: relative;
}

.recForm input[type=submit],
#loginForm input[type=submit] {
  position: absolute;
  left: 250px;
  text-indent: -10000px;
  background: url("images/dblarrowsright.png") left center no-repeat;
  width: 28px;
  height: 20px;
  border: none;
  outline: none;
  cursor: pointer;
}

#loginForm input[type=submit] {
  top: 32px;
}

.recForm input[type=submit] {
  top: 13px;
}

#userEditForm {
  float: left;
  width: 300px;
  border-right: 1px solid #999;
}

#userEditForm input[type=submit] {
  margin-top: 10px;
  margin-left: 19px;
  width: 200px;
  height: 24px;
  line-height: 14px;
  padding: 5px 30px 5px 5px;
  background: url("images/dblarrowsright.png") right center no-repeat #e5e5e5;
  border: 1px solid #666;
  border-bottom-left-radius: 12px 12px;
  border-bottom-right-radius: 12px 12px;
  border-top-left-radius: 12px 12px;
  border-top-right-radius: 12px 12px;
  box-shadow: 5px 5px 5px #999;
  -moz-box-shadow: 5px 5px 10px #999;
  -ms-box-shadow: 5px 5px 10px #999;
  -o-box-shadow: 5px 5px 10px #999;
}

#userEditForm input[type=submit]:active {
  position: relative;
  left: 5px;
  top: 5px;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
}

#userEditInfo {
  margin-left: 320px;
}

.userHelp {
  font-size: 10px;
}

.userError {
  position: absolute;
  left: 250px;
  top: 10px;
  white-space: nowrap;
}

#fileUpload {
  margin-top: 20px;
  position: relative;
  height: 40px;
  width: 345px;
  overflow: hidden;
}

#fileUpload #uploadButton {
  background: #e5e5e5 url("images/upload.png") right center no-repeat;
  width: 300px;
  height: 20px;
  padding: 5px 30px 5px 5px;
  border-radius: 12px;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 20px;
  box-shadow: 5px 5px 5px #999;
  -moz-box-shadow: 5px 5px 10px #999;
  -ms-box-shadow: 5px 5px 10px #999;
  -o-box-shadow: 5px 5px 10px #999;
}

#fileUpload #uploadButton.clicked {
  left: 5px;
  top: 5px;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

#fileUpload #fileInput {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 635px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
}

#cropForm .crop_box .crop_form {
  margin-left: 30px;
  float: right;
  width: 400px;
  height: 400px;
}

#cropForm .crop_box .crop_preview {
  float: left;
}

.cropButton {
  background-color: #e5e5e5;
  width: 120px;
  height: 20px;
  border-radius: 12px;
  padding: 5px 30px 5px 5px;
  text-align: center;
  line-height: 20px;
  float: left;
  background-position: right center;
  background-repeat: no-repeat;
  color: #069;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 5px 5px 5px #999;
  -moz-box-shadow: 5px 5px 10px #999;
  -ms-box-shadow: 5px 5px 10px #999;
  -o-box-shadow: 5px 5px 10px #999;
}

.cropButton.clicked {
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  position: relative;
  top: 5px;
  left: 5px;
}

.cropDoFC {
  height: 10px;
  line-height: 10px;
  color: #333;
  font-size: 12px;
}

.cropPoll {
  padding-right: 42px;
  background-image: url("images/button/finish.png");
}

.cropPivot {
  padding-right: 42px;
  background-image: url("images/button/cup.png");
}

.cropList {
  padding-right: 42px;
  background-image: url("images/button/ball.png");
}

.cropSave {
  margin-right: 20px;
  background-image: url("images/upload.png");
}

.cropCancel {
  background-image: url("images/gx.png");
}

.cropEnter {
  width: 200px;
  background-image: url("images/dblarrowsright.png");
}

.cropWrite,
.cropWrite2 {
  background-image: url("images/write.png");
}

.cropExit {
  margin-right: 10px;
  width: 100px;
  background-image: url("images/button/exit.png?v=2");
}

.cropAdmin,
.cropAdmin2 {
  width: 3px;
  background-image: url("images/warning.png");
  background-position: center center;
}

.cropConfirm,
.cropConfirm2 {
  width: 3px;
  background-image: url("images/ok.png");
  background-position: center center;
}

/* ===================================================*/
#bError {
  position: absolute;
  left: 320px;
  top: 64px;
  width: 200px;
  background-color: red;
  color: yellow;
  padding: 5px;
  border-radius: 8px;
}

a.disabled img {
  display: none;
}

/* ============ POPUP GALLERY ====================== */
#pp_gall {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 9;
  background-image: url("images/fonpage.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}

#pp_overlay {
  opacity: 0.95;
  position: absolute;
  left: 30px;
  right: 30px;
  top: 0px;
  bottom: 80px;
}

#pp_gall a.left,
#pp_gall a.right,
#pp_gall a.close {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  opacity: 1;
}

#pp_in {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 10px;
  bottom: 80px;
  /*    background-color:red; */
}

#pp_in .pp_img {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
}

#pp_in .pp_outer {
  position: absolute;
  /* border:1px solid black; */
}

#pp_in .pp_lt {
  position: absolute;
  left: -1px;
  top: -1px;
}

#pp_in .pp_rb {
  position: absolute;
  right: -1px;
  bottom: -1px;
}

#pp_border {
  position: fixed;
  left: 100px;
  right: 100px;
  top: 20px;
  bottom: 40px;
}

#pp_gall .c1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
  height: 40px;
  background: url("images/c1.png") left top no-repeat;
}

#pp_gall .c2 {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 80px;
  height: 40px;
  background: url("images/c2.png") left top no-repeat;
}

#pp_gall .c3 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 80px;
  height: 40px;
  background: url("images/c3.png") left top no-repeat;
}

#pp_gall .c4 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 80px;
  height: 40px;
  background: url("images/c4.png") left top no-repeat;
}

#pp_gall .c5 {
  position: absolute;
  left: 80px;
  top: 0px;
  right: 80px;
  bottom: 0px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

#pp_gall .c6 {
  position: absolute;
  left: 0px;
  top: 40px;
  right: 0px;
  bottom: 40px;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

#pp_gall .pp_info,
#pp_gall .pp_soc {
  position: absolute;
  display: none;
}

#pp_gall .pp_info table,
#pp_gall .pp_soc table,
#pp_gall .pp_info td,
#pp_gall .pp_soc td {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

#pp_gall .pp_info td {
  font-size: 16px;
  color: #333;
}

.sponsorsdiv {
  text-align: right;
  padding-right: 10px;
  color: #c6c6c6;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
}

.sponsorsdiv a {
  margin-left: 10px;
  margin-top: 10px;
}

#menupage.padmarg li {
  padding: 0px 15px;
  margin-right: 16px;
}

.ui-datepicker {
  border: 1px solid green;
  box-shadow: 5px 5px 5px #999;
  -moz-box-shadow: 5px 5px 10px #999;
  -ms-box-shadow: 5px 5px 10px #999;
  -o-box-shadow: 5px 5px 10px #999;
}

.w350 {
  float: left;
  width: 350;
  border-right: 1px solid #666;
}

.r350 {
  margin-left: 360px;
}

.enter {
  float: left;
  width: 32px;
  height: 30px;
  margin-right: 5px;
}

/* ============== BLOG ============== */
.blogPanel {
  height: 0px;
  z-index: 99;
  position: relative;
  top: -10px;
}

.blogPanel .cropButton {
  float: right;
  margin-left: 10px;
}

.blogInput,
.blogArea {
  border: 1px solid black;
  width: 790px;
}

#blogTextarea {
  height: 200px;
}

/* =============== Rate ====================== */
.ratePlace a {
  color: #14907F;
  text-decoration: none;
  cursor: pointer;
}

.ratePlace a:hover {
  text-decoration: none;
}

.ratePlace {
  margin-left: 10px;
}

.ratePlace span {
  margin-left: 5px;
  border: 2px solid black;
  border-radius: 12px;
  padding: 2px 5px;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
}

.ratePlace span.rateCancel {
  border: none;
  color: #999;
}

.ratePlace span.rateCancel:hover {
  border: none;
  color: #0C0;
}

.ratePlace .rate0 {
  border-color: #FF0000;
}

.ratePlace .rate1 {
  border-color: #D00F00;
}

.ratePlace .rate2 {
  border-color: #A04000;
}

.ratePlace .rate3 {
  border-color: #888800;
}

.ratePlace .rate4 {
  border-color: #0FD000;
}

.ratePlace .rate5 {
  border-color: #00FF00;
}

.ratePlace .rate0:hover {
  background-color: #FF0000;
  color: white;
}

.ratePlace .rate1:hover {
  background-color: #D00F00;
  color: white;
}

.ratePlace .rate2:hover {
  background-color: #A04000;
  color: white;
}

.ratePlace .rate3:hover {
  background-color: #888800;
  color: white;
}

.ratePlace .rate4:hover {
  background-color: #0FD000;
  color: white;
}

.ratePlace .rate5:hover {
  background-color: #00FF00;
  color: white;
}

#commentArea {
  width: 270px;
  height: 50px;
  border: 1px solid black;
}

.oneComment {
  margin-bottom: 10px;
}

#theimage {
  width: 500px;
  height: 380px;
  text-align: center;
}

#theimage img {
  max-width: 500px;
  max-height: 380px;
  width: auto;
  height: auto;
}

#theimage,
#gallery_ul .swiper-slide {
  /*cursor:pointer;*/
}

#tableManager td {
  border-bottom: 1px solid #ccc;
}

#tableManager tr:hover td {
  background-color: #bed0ee;
  cursor: pointer;
  color: #fff;
}

#tableManager.weare tr:hover td {
  background-color: #fff;
  cursor: default;
  color: #333;
}

#tableManager.weare tr:hover td {
  cursor: default;
}

#tableManager.weare tr:hover td.managerName:hover span {
  color: #333;
}

#tableManager.weare tr:hover td.managerName:hover span.role {
  color: #999;
}

#tableManager.weare tr:hover span.role {
  color: #999;
}

#tableManager tr:hover td.managerName:hover span {
  color: #fff;
}

.redred {
  border: 1px solid red;
}

.grgr {
  opacity: 0.4;
}

.smallWarning {
  font-size: 9px;
  color: #009966;
}

.articals {
  margin: 10px 0px;
}

.searchNumber {
  display: inline-block;
  width: 30px;
}

.plNews,
#oner2 .plNews {
  margin: 10px 0px;
  float: none;
}

.plNews a,
#oner2 .plNews a {
  color: #14907F;
}

.plPhoto {
  float: left;
  margin: 0px 10px 10px 10px;
  cursor: pointer;
}

.ui-dialog {
  border: 1px solid #999;
  box-shadow: 10px 10px 10px #999;
  -moz-box-shadow: 10px 10px 10px #999;
  -ms-box-shadow: 10px 10px 10px #999;
  -o-box-shadow: 10px 10px 10px #999;
}

.container {
  position: relative;
}

.tr-panel {
  position: absolute;
  right: 10px;
  top: -45px;
}

.fcWrapper {
  width: 320px;
  height: 80px;
  position: relative;
  margin: 50px auto;
}

.fcButton {
  position: absolute;
  width: 150px;
  height: 28px;
  cursor: pointer;
}

.fcButton.left {
  left: 5px;
}

.fcButton.right {
  right: 5px;
}

.fcButton.up {
  background: url("images/button/up0.png") left top no-repeat;
  top: -28px;
}

.fcButton.up:hover {
  background-image: url("images/button/up1.png");
}

.fcButton.down {
  background: url("images/button/down0.png") left top no-repeat;
  bottom: -28px;
}

.fcButton.down:hover {
  background-image: url("images/button/down1.png");
}

.fcBox {
  position: absolute;
  width: 78px;
  height: 78px;
  border: 1px solid #00669a;
  top: 0px;
}

.fcIcon.left {
  left: 2px;
}

.fcNum.left {
  left: 81px;
}

.fcIcon.right {
  right: 2px;
}

.fcNum.right {
  right: 81px;
}

.fcBox.fcNum {
  color: #00669a;
  font-size: 56px;
  line-height: 78px;
  text-align: center;
}

.fcPanel {
  position: absolute;
  left: 0px;
  bottom: -80px;
  width: 500px;
}

.fcVote {
  text-align: center;
  color: #00669a;
  font-size: 18px;
}

.fcBall {
  color: #c00;
}

.fc-pvt tr,
.fc-pvt td {
  height: 30px;
}

.need_login {
  color: #0c0;
  font-style: italic;
  font-size: 12px;
}

.fc-gameh1 {
  margin: 5px 0px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  vertical-align: baseline;
}

.blogResp {
  clear: both;
  color: blue;
}

.pollArea {
  margin-top: 20px;
  width: 100%; /* было 800px;*/
}

.pollArea label {
  cursor: pointer;
}

.pollArea li {
  list-style: none;
  padding: 5px;
  width: 85%; /*было 730px*/
  position: relative;
}

.pollArea .vpoll li {
  width: 750;
  padding-left: 36px;
}

.pollArea li.pollItem:hover {
  background-color: #00669a;
  color: white;
}

.pollProgress {
  width: 90%;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border: 1px solid #DDD;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.pollPV {
  background-color: #e2f3e7;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 0;
}

.pollPT {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1;
}

.pollSubmit {
  margin-top: 10px;
}

.vpoll .value {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 32px;
  line-height: 26px;
  text-align: center;
  background-color: white;
  color: black;
}

.vpoll .value.act {
  background-color: #64ff64;
  border: 1px solid #999;
  width: 26px;
  line-height: 24px;
  border-radius: 14px;
  margin: 1px;
}

.vpoll .vpollData {
  position: absolute;
  left: 32px;
  top: 0px;
  bottom: 0px;
  width: 700px;
  text-align: left;
}

.vpoll .vpollData li {
  float: left;
  margin: 2px 0px 0px 2px;
  padding: 0px;
  border: 1px solid #999;
  background-color: white;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
}

.vpoll .vpollData li:hover {
  background-color: #64FF64;
}

.rateSum td,
.rateSum th {
  padding: 0px;
}

.rateSum td img {
  float: right;
}

.rateSum th {
  padding-left: 10px;
}

#page .ui-tabs .ui-tabs-panel.threeLevel {
  background-color: white;
  position: relative;
  padding: 1px 10px;
  box-shadow: 10px 10px 10px #999;
  -moz-box-shadow: 10px 10px 10px #999;
  -ms-box-shadow: 10px 10px 10px #999;
  -o-box-shadow: 10px 10px 10px #999;
}

#page #fc.threeLevel {
  background: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

#page #fc.threeLevel .whiteinner {
  height: 25px;
}

#page .threeLevel #stuffPlace {
  right: 20px;
  top: 11px;
}

#page .threeLevel ul.subul {
  position: absolute;
  top: 10px;
}

#page .threeLevel .greySelect {
  width: 250px;
}

#page .threeLevel .greySelect.w280 {
  width: 280px;
}

#page .threeLevel .greySelect .selectbox {
  min-width: 240px;
}

#page .threeLevel .greySelect.w280 .selectbox {
  min-width: 270px;
}

.plSeparator {
  clear: both;
  height: 20px;
}

.autoHeaderPlace {
  text-align: center;
  display: none;
}

.autoHeaderPlace.autoNews {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 0;
}

.zoomed {
  transform: scale(0.5, 0.5) translateY(-50%);
  -webkit-transform: scale(0.5, 0.5) translateY(-50%);
  -moz-transform: scale(0.5, 0.5) translateY(-50%);
  -o-transform: scale(0.5, 0.5) translateY(-50%);
  -ms-transform: scale(0.5, 0.5) translateY(-50%);
}

.plus10 .autoscroll,
.plus2 .autoscroll {
  right: -10px;
}

.plus10 .autoscroll > div,
.plus2 .autoscroll > div {
  right: 10px;
}

.plus10 .autoscroll > div.autoscrollerPlace {
  right: 2px;
}

.plus2 .autoscroll > div.autoscrollerPlace {
  right: 11px;
}

.imNavi {
  position: absolute;
  left: 20px;
  top: -22px;
  width: 500px;
  text-align: left;
  z-index: 8;
}

#photoSeason {
  position: absolute;
  top: -35px;
  z-index: 9;
  right: 2px;
}

.closePlace {
  position: absolute;
  right: 0px;
  top: -30px;
}

#bSocial p {
  display: inline;
}

#btright #bSocial a {
  margin: 2px 0px 0px 5px;
}

#gameTrForm {
  position: relative;
}

#gameTrOk {
  position: absolute;
  right: 100px;
  top: 0px;
}

#btleft #zoom {
  position: relative;
  left: 70px;
  bottom: 0px;
}

#blogSelect {
  float: left;
  margin-top: -10px;
  margin-bottom: 10px;
}

.remark {
  color: #2649a1;
  font-style: italic;
}

/* Super bad hack */
.selectbox.items {
  top: 531px;
}