@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic,800,800italic&subset=latin,cyrillic);
/* ----------------------------------- fonts ----------------------------------- */
@font-face {
  font-family: 'brutal';
  src: url('../fonts/BrutalLight.eot');
  src: url('../fonts/BrutalLight.eot?#iefix') format('embedded-opentype'), url('../fonts/BrutalLight.woff') format('woff'), url('../fonts/BrutalLight.ttf') format('truetype'), url('../fonts/BrutalLight.svg#BrutalLight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'brutal';
  src: url('../fonts/BrutalRegular.eot');
  src: url('../fonts/BrutalRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/BrutalRegular.woff') format('woff'), url('../fonts/BrutalRegular.ttf') format('truetype'), url('../fonts/BrutalRegular.svg#BrutalRegular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'brutal';
  src: url('../fonts/BrutalMedium.eot');
  src: url('../fonts/BrutalMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/BrutalMedium.woff') format('woff'), url('../fonts/BrutalMedium.ttf') format('truetype'), url('../fonts/BrutalMedium.svg#BrutalMedium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'brutal';
  src: url('../fonts/BrutalBold.eot');
  src: url('../fonts/BrutalBold.eot?#iefix') format('embedded-opentype'), url('../fonts/BrutalBold.woff') format('woff'), url('../fonts/BrutalBold.ttf') format('truetype'), url('../fonts/BrutalBold.svg#BrutalBold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'als_rublregular';
  src: url('../fonts/rouble.eot');
  src: url('../fonts/rouble.eot?#iefix') format('embedded-opentype'), url('../fonts/rouble.woff2') format('woff2'), url('../fonts/rouble.woff') format('woff'), url('../fonts/rouble.ttf') format('truetype'), url('../fonts/rouble.svg#als_rublregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ----------------------------------- normalize ----------------------------------- */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  cursor: pointer;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
input,
textarea,
button {
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
}
/* ----------------------------------- vars ----------------------------------- */
/* ----------------------------------- adaptive ----------------------------------- */
/* ----------------------------------- retina ----------------------------------- */
/* ----------------------------------- global ----------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 100%;
  line-height: 1.4;
  background: #fff;
  font-family: arial, sans-serif;
  color: #000;
  height: 100%;
  min-height: 100%;
}
body {
  height: 100%;
  min-height: 100%;
}
input,
textarea {
  outline: none;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
figure,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}
ul,
ol {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: 100%;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
}
::-webkit-input-placeholder {
  color: #000;
}
::-moz-placeholder {
  color: #000;
}
:-moz-placeholder {
  color: #000;
}
:-ms-input-placeholder {
  color: #000;
}
a {
  color: #fd4f57;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  color: #000000;
}
/* ----------------------------------- classes ----------------------------------- */
.transition {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.clearfix {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
/* ----------------------------------- wrapper ----------------------------------- */
.wrapper {
  height: auto !important;
  min-height: 100%;
  min-width: 1000px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .wrapper {
    min-width: 320px;
  }
}
.wrapper_bg {
  background: #000000;
}
.wrapper:after {
  content: "";
  display: block;
  height: 210px;
}
/* ----------------------------------- header ----------------------------------- */
.header {
  background: #fff;
  position: relative;
  z-index: 19;
  height: 120px;
}
@media (max-width: 760px) {
  .header {
    height: 69px;
  }
}
.header__pane_typ {
  border-bottom: 1px solid #e1e1e1;
}
.header_film .header__pane_typ {
  border-bottom: none;
}
.header__pane:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.header__pane.fix {
  position: fixed;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e1e1e1;
  z-index: 34;
  left: 0;
  top: 0;
}
.header__pane.abs {
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  top: 0;
}
@media (max-width: 760px) {
  .header__pane.abs {
    position: fixed;
  }
}
.header_film {
  background: rgba(255, 255, 255, 0.8);
}
.header_film .header__pane.abs {
  background: none;
}
.header__col-1 {
  width: 180px;
  float: left;
  padding: 5px 0 10px;
  position: relative;
  z-index: 1;
}
@media (max-width: 760px) {
  .header__col-1 {
    padding: 10px 0;
  }
}
.header__pane.fix .header__col-1 {
  padding: 10px 0;
}
.header__col-2 {
  float: left;
  width: 100%;
  text-align: center;
  padding: 62px 180px 0 180px;
  margin: 0 -180px 0 -180px;
}
@media (max-width: 760px) {
  .header__col-2 {
    padding: 0;
  }
}
.header__pane.fix .header__col-2 {
  padding: 10px 180px 10px 180px;
}
@media (max-width: 760px) {
  .header__pane.fix .header__col-2 {
    padding: 0;
  }
}
.header__col-3 {
  width: 50px;
  float: right;
  text-align: right;
  padding: 5px 0 5px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .header__col-3 {
    position: static;
  }
}
.header__pane.fix .header__col-3 {
  padding: 35px 0 5px;
}
.header__logo {
  width: 166px;
  height: 105px;
  background: url(../images/logo.png) no-repeat;
  display: block;
  margin-left: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .header__logo {
    background: url(../images/logo_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
@media (max-width: 760px) {
  .header__logo {
    height: 48px;
    background-position: 0 100%;
  }
}
.header__pane.fix .header__logo {
  height: 48px;
  background-position: 0 100%;
}
.header__lang {
  margin: 0 0 55px -210px;
  width: 245px;
  display: block;
  height: 27px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  position: relative;
  text-align: right;
}
@media (max-width: 1024px) {
  .header__lang_desk {
    display: none;
  }
}
.header__pane.fix .header__lang_desk {
  display: none;
}
@media (max-width: 1024px) {
  .header__lang_mobile {
    margin-bottom: 0;
    float: right;
  }
}
.header__lang-cls {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 20px;
  background: url(../images/arrow-3.png) 0 50% no-repeat;
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  margin-right: 10px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .header__lang-cls {
    background: url(../images/arrow-3_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.header__lang.opened .header__lang-cls {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin-right: 0;
}
.header__langit {
  font-size: 20px;
  line-height: 24px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  display: none;
  vertical-align: middle;
  letter-spacing: -1px;
  width: 20px;
  white-space: nowrap;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.header__langit_tw {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -2px;
  font-weight: 700;
}
.header__langit.active {
  display: inline-block;
}
.header__lang.opened .header__langit {
  display: inline-block;
  margin-left: 25px;
}
.header__langit:hover {
  color: #fd4f57;
}
.header__search {
  margin-right: 10px;
  height: 27px;
}
@media (max-width: 1024px) {
  .header__search {
    position: absolute;
    right: 50px;
    bottom: 5px;
  }
}
.header__pane.fix .header__search {
  display: inline-block;
  vertical-align: top;
}
.header__sbutton {
  width: 27px;
  height: 27px;
  display: inline-block;
  position: relative;
}
.header__sbutton:before {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  background: url(../images/search-red.svg) 0 0 no-repeat;
  opacity: 0;
  z-index: 2;
  position: absolute;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.no-svg .header__sbutton:before {
  background: url(../images/search.png) 0 100% no-repeat;
}
.header__sbutton:after {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  background: url(../images/search-black.svg) 0 0 no-repeat;
  opacity: 1;
  position: absolute;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.no-svg {
  background: url(../images/search.png) 0 0 no-repeat;
}
.header__sbutton:hover:after {
  opacity: 0;
}
.header__sbutton:hover:before {
  opacity: 1;
}
.header__open {
  background: #e1e1e1;
  height: 45px;
  position: absolute;
  bottom: -45px;
  width: 100%;
  left: 0;
  display: none;
}
.header__submit {
  display: block;
  height: 27px;
  width: 26px;
  position: absolute;
  background: url(../images/search-black.svg) 0 0 no-repeat;
  border: none;
  top: 10px;
  right: 10px;
}
.no-svg .header__submit {
  background: url(../images/search.png) no-repeat;
}
.header__submit:hover {
  background: url(../images/search-red.svg) 0 0 no-repeat;
}
.no-svg .header__submit:hover {
  background: url(../images/search.png) 0 100% no-repeat;
}
.header__input input[type="text"] {
  background: none;
  border: none;
  width: 100%;
  height: 45px;
  padding: 15px;
  color: #000;
  font-style: italic;
  font-family: open sans, sans-serif;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .header__input input[type="text"] {
    text-align: left;
  }
}
.header__mobile {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1024px) {
  .header__mobile {
    display: block;
  }
}
.header__mobile.active {
  background: #000000;
}
.header__mobile-line {
  width: 25px;
  height: 3px;
  background: #000000;
  position: absolute;
  left: 10px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.header__mobile.active .header__mobile-line {
  background: #fff;
}
.header__mobile-line_1 {
  top: 12px;
}
.header__mobile-line_2 {
  top: 22px;
}
.header__mobile-line_3 {
  top: 32px;
}
/* ----------------------------------- nav ----------------------------------- */
@media (max-width: 1024px) {
  .nav {
    position: absolute;
    background: #fff;
    left: 0;
    top: 100%;
    width: 100%;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0;
    display: none;
  }
}
@media (max-width: 1024px) {
  .nav.opened {
    display: block;
  }
}
.nav__list {
  display: block;
  white-space: nowrap;
  padding: 0 50px;
}
@media (max-width: 1024px) {
  .nav__list {
    margin-left: 15px;
    padding: 0;
  }
}
@media (max-width: 760px) {
  .nav__list {
    margin-left: 0;
    padding: 0;
  }
}
.nav__li {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 25px;
}
@media (max-width: 1024px) {
  .nav__li {
    display: block;
    text-align: center;
    padding: 0 15px;
  }
}
.nav__li--special .nav__link {
  color: #fd4f57;
}
.nav__li:first-child {
  padding-left: 0;
}
@media (max-width: 1024px) {
  .nav__li:first-child {
    padding: 0 15px;
  }
}
.nav__li_lang {
  display: none;
}
@media (max-width: 1024px) {
  .nav__li_lang {
    display: block;
    padding: 10px 10px 0;
  }
}
@media (max-width: 1024px) {
  .nav__li_lang:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
  }
}
.nav__link {
  color: #000000;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -1px;
  padding: 10px 0 10px;
  position: relative;
  display: inline-block;
  font-family: 'brutal', sans-serif;
  font-weight: 700;
  letter-spacing: normal;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .nav__link {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: normal;
  }
}
.nav__link:hover {
  color: #fd4f57;
}
.nav__link:after {
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  background: #fd4f57;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.nav__link:hover:after {
  right: 0;
}
.nav__link.active {
  color: #fd4f57;
}
.nav__link.active:after {
  right: 0;
}
/* ----------------------------------- footer ----------------------------------- */
.footer {
  min-width: 1000px;
  height: 210px;
  position: relative;
  z-index: 1;
  margin-top: -210px;
  overflow: hidden;
  background: #000000;
}
@media (max-width: 1024px) {
  .footer {
    min-width: 320px;
  }
}
@media (max-width: 760px) {
  .footer {
    height: auto;
    min-height: 210px;
  }
}
.footer__inner {
  padding: 45px;
}
@media (max-width: 1024px) {
  .footer__inner {
    padding: 45px 20px;
  }
}
.footer__row-1:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.footer__row-2:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.footer__col-1 {
  width: 80%;
  float: left;
}
@media (max-width: 760px) {
  .footer__col-1 {
    width: 100%;
    float: none;
    margin-bottom: 35px;
  }
}
.footer__col-2 {
  width: 20%;
  float: left;
  text-align: right;
}
@media (max-width: 760px) {
  .footer__col-2 {
    width: 100%;
    float: none;
    text-align: left;
  }
}
.footer__col-2:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.footer__menu {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  height: 70px;
}
@media (max-width: 760px) {
  .footer__menu {
    height: auto;
    margin-bottom: 30px;
  }
}
.footer__link {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: normal;
  color: #fff;
  font-family: 'brutal', sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1024px) {
  .footer__link {
    margin-bottom: 10px;
  }
}
.footer__link:hover,
.footer__link.active {
  color: #fd4f57;
}
.footer__separator {
  width: 1px;
  height: 20px;
  background: #4b4b4b;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
@media (max-width: 1024px) {
  .footer__separator {
    display: block;
    margin: 0;
    height: 0;
    width: 0;
    background: none;
  }
}
.footer__copy {
  color: #666;
  display: inline-block;
  margin-right: 25px;
  font-family: open sans, sans-serif;
  font-size: 13px;
  line-height: 18px;
}
@media (max-width: 1024px) {
  .footer__hide {
    display: none;
  }
}
.footer__l {
  color: #666;
  font-family: open sans, sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin-right: 20px;
  white-space: nowrap;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.footer__l:hover {
  color: #fff;
}
.footer__dev {
  color: #666;
  font-family: open sans, sans-serif;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .footer__dev {
    display: inline-block;
    float: right;
    margin-right: 20px;
    padding-top: 15px;
  }
}
.footer__dev:hover {
  color: #fff;
}
.footer__defa {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 67px;
  position: relative;
}
@media (max-width: 760px) {
  .footer__defa {
    height: auto;
    width: auto;
  }
}
.footer__defa:before,
.footer__defa:after {
  content: "";
  display: block;
  height: 20px;
  width: 67px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/defa.png) no-repeat;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .footer__defa:before,
  .footer__defa:after {
    background: none;
    content: "DEFA";
    position: static;
    display: inline;
    color: #fff;
  }
}
.footer__defa:before {
  z-index: 0;
  background-position: 0 0;
  opacity: 1;
}
.footer__dev:hover .footer__defa:before {
  opacity: 0;
}
@media (max-width: 760px) {
  .footer__dev:hover .footer__defa:before {
    opacity: 1;
  }
}
.footer__defa:after {
  z-index: 1;
  background-position: 0 100%;
  opacity: 0;
}
@media (max-width: 760px) {
  .footer__defa:after {
    display: none;
  }
}
.footer__dev:hover .footer__defa:after {
  opacity: 1;
}
.footer__devtxt {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 13px;
  line-height: 18px;
}
@media (max-width: 760px) {
  .footer__devtxt {
    margin-right: 5px;
  }
}
.footer__social {
  margin-bottom: 50px;
}
@media (max-width: 760px) {
  .footer__social {
    margin-bottom: 0;
    float: right;
  }
}
.footer__copy-logo {
  padding-left: 65px;
  min-height: 48px;
  background: url(../images/footer-ic.png) no-repeat;
}
.footer__year {
  margin-bottom: 5px;
}
/* ----------------------------------- social ----------------------------------- */
.social {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
}
.social__ic {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.social_comment {
  margin-top: -3px;
  float: right;
  white-space: nowrap;
}
.social_inv .social__ic {
  background-color: #fff;
}
.social_inv .social__ic {
  border-color: #000000;
  margin-bottom: -3px;
}
.social__ic:hover {
  background-color: #fff;
}
.social_inv .social__ic:hover {
  background-color: #000000;
}
.social__ic_vkontakte {
  background: url(../images/vk.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .social__ic_vkontakte {
    background: url(../images/vk_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.social_inv .social__ic_vkontakte {
  background-position: 0 100%;
}
.social__ic_vkontakte:hover {
  background-position: 0 100%;
}
.social_inv .social__ic_vkontakte:hover {
  background-position: 0 0;
}
.social__ic_facebook {
  background: url(../images/fb.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .social__ic_facebook {
    background: url(../images/fb_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.social_inv .social__ic_facebook {
  background-position: 0 100%;
}
.social__ic_facebook:hover {
  background-position: 0 100%;
}
.social_inv .social__ic_facebook:hover {
  background-position: 0 0;
}
.social__ic_twitter {
  background: url(../images/tw.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .social__ic_twitter {
    background: url(../images/tw_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.social_inv .social__ic_twitter {
  background-position: 0 100%;
}
.social__ic_twitter:hover {
  background-position: 0 100%;
}
.social_inv .social__ic_twitter:hover {
  background-position: 0 0;
}
.co_comment {
  margin-top: -3px;
  float: right;
}
.footer__pad {
  display: block;
  height: 10px;
}
/* ----------------------------------- social-likes ----------------------------------- */
.social-likes {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  white-space: nowrap;
}
.social-likes__widget {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.co .social-likes__widget {
  background-color: #fff;
  border-color: #000;
  margin-bottom: -3px;
}
.social-likes__widget:hover {
  background-color: #fff;
}
.co .social-likes__widget:hover {
  background-color: #000;
}
.social-likes__widget_vkontakte {
  background: url(../images/vk.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .social-likes__widget_vkontakte {
    background: url(../images/vk_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.social-likes__widget_vkontakte:hover {
  background-position: 0 100%;
}
.co .social-likes__widget_vkontakte {
  background-position: 0 100%;
}
.co .social-likes__widget_vkontakte:hover {
  background-position: 0 0;
}
.social-likes__widget_facebook {
  background: url(../images/fb.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .social-likes__widget_facebook {
    background: url(../images/fb_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.social-likes__widget_facebook:hover {
  background-position: 0 100%;
}
.co .social-likes__widget_facebook {
  background-position: 0 100%;
}
.co .social-likes__widget_facebook:hover {
  background-position: 0 0;
}
.social-likes__widget_twitter {
  background: url(../images/tw.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .social-likes__widget_twitter {
    background: url(../images/tw_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.social-likes__widget_twitter:hover {
  background-position: 0 100%;
}
.co .social-likes__widget_twitter {
  background-position: 0 100%;
}
.co .social-likes__widget_twitter:hover {
  background-position: 0 0;
}
.social-likes__widget_twitter:after {
  display: inline-block;
  width: 1px;
  height: 60px;
  vertical-align: middle;
  margin-left: -1px;
  content: "";
}
.social-likes__widget_twitter .social-likes__counter_empty {
  display: none;
}
.social-likes__icon {
  display: none;
}
/* ----------------------------------- promo ----------------------------------- */
.promo {
  position: relative;
  margin-bottom: 35px;
}
.promo--preview .promo__prev,
.promo--preview .promo__next,
.promo--preview .promo__nav {
  display: none;
}
.promo--preview .promo__bg {
  background-size: 100%;
  background-color: transparent;
}
.promo--preview .promo__bg:before,
.promo--preview .promo__bg:after {
  display: none;
}
.promo--preview .promo__slides {
  height: auto;
}
.promo--preview .promo__slide-preview-img {
  width: 100%;
}
.promo--preview .promo__slide-preview-link {
  display: block;
  line-height: 0;
}
.promo--preview .promo__slide {
  position: static;
  opacity: 1 !important;
  z-index: 2 !important;
}
.promo__slides {
  height: 490px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .promo__slides {
    height: 430px;
  }
}
@media (max-width: 760px) {
  .promo__slides {
    height: 280px;
  }
}
.promo__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}
.promo__slide:first-child {
  z-index: 2;
}
.promo__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  z-index: 0;
  -webkit-transition: .8s;
  -moz-transition: .8s;
  transition: .8s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.promo__bg.filter {
  -webkit-filter: sepia(100%) contrast(200%);
  -moz-filter: sepia(100%) contrast(200%);
  filter: sepia(100%) contrast(200%);
}
.promo__bg:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.35);
  content: "";
  display: block;
  z-index: 0;
}
.promo__bg:after {
  background: url(../images/promo-lite.png) 20px 0 no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  z-index: 1;
}
@media (max-width: 1024px) {
  .promo__bg:after {
    background-position: 20px -55px;
  }
}
@media (max-width: 760px) {
  .promo__bg:after {
    display: none;
  }
}
.promo__inner {
  position: relative;
  z-index: 2;
  width: 980px;
  margin: 0 auto;
  padding: 55px 50px 0 190px;
}
@media (max-width: 1024px) {
  .promo__inner {
    width: 800px;
    padding: 20px 115px 0 80px;
  }
}
@media (max-width: 760px) {
  .promo__inner {
    width: 100%;
    padding: 30px 20px;
  }
}
.promo__h {
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 760px) {
  .promo__h {
    display: none;
  }
}
@media (max-width: 760px) {
  .promo__img {
    display: block;
    width: auto !important;
    height: 140px !important;
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .promo__x {
    display: none;
  }
}
.promo__bottom {
  padding-top: 30px;
  width: 595px;
  text-align: right;
}
@media (max-width: 760px) {
  .promo__bottom {
    width: 100%;
    text-align: center;
  }
}
.promo__button {
  display: inline-block;
  border: 3px solid #fd4f57;
  padding: 18px 50px 18px 20px;
  position: relative;
  color: #fff;
  font-family: 'brutal', sans-serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  text-align: left;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.promo__button:hover {
  background: #fd4f57;
  color: #fff;
}
.promo__button:after,
.promo__button:before {
  content: "";
  display: block;
  width: 11px;
  height: 19px;
  background: url(../images/arrow-2.png) no-repeat;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .promo__button:after,
  .promo__button:before {
    background: url(../images/arrow-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.promo__button:after {
  background-position: 0 0;
  opacity: 1;
}
.promo__button:before {
  background-position: 0 100%;
  opacity: 0;
}
.promo__button:hover:after {
  opacity: 0;
}
.promo__button:hover:before {
  opacity: 1;
}
.promo__prev,
.promo__next {
  width: 90px;
  height: 45px;
  display: block;
  position: absolute;
  z-index: 6;
  top: 50%;
  margin-top: -15px;
  background: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .promo__prev,
  .promo__next {
    display: none;
  }
}
.promo__prev:hover,
.promo__next:hover {
  background: #fd4f57;
}
.promo__prev {
  left: 0;
}
.promo__next {
  right: 0;
}
.promo__prev:before,
.promo__next:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  top: 8px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.promo__prev:before {
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .promo__prev:before {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.promo__next:before {
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .promo__next:before {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.promo__prev:before {
  background-position: 0 -34px;
  z-index: 1;
  opacity: 1;
  left: 23px;
}
.promo__next:before {
  background-position: 0 -34px;
  z-index: 1;
  opacity: 1;
  right: 23px;
}
.promo__nav {
  height: 50px;
  background: #000000;
}
.promo__navin {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .promo__navin {
    width: 100%;
    padding: 0 20px;
  }
}
.promo__viewport {
  width: 100%;
  text-align: justify;
  line-height: 0;
  overflow: visible !important;
}
@media (max-width: 760px) {
  .promo__viewport {
    text-align: left;
  }
}
.promo__overview {
  width: 100%;
}
@media (max-width: 760px) {
  .promo__overview {
    width: 50000px;
    white-space: nowrap;
  }
}
.promo__overview:after {
  display: inline-block;
  content: "";
  height: 0;
  width: 100%;
}
@media (max-width: 760px) {
  .promo__overview:after {
    display: none;
  }
}
.promo__li {
  padding: 10px 0;
  display: inline-block;
}
.promo__but {
  display: inline-block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #fff;
  font-family: 'brutal', sans-serif;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
a.promo__but:hover,
a.promo__but.active {
  color: #fd4f57;
}
/* ----------------------------------- headline ----------------------------------- */
.headline {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 25px;
}
.headline_in {
  border-bottom: none;
}
@media (max-width: 760px) {
  .headline_in {
    margin-bottom: 20px;
  }
}
.headline_incount {
  margin-bottom: 0;
}
.headline:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.headline__h {
  color: #000000;
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  margin-bottom: 15px;
  font-weight: 500;
}
@media (max-width: 760px) {
  .headline__h {
    font-size: 26px;
    line-height: 30px;
  }
}
.headline__l {
  color: #000000;
  display: inline-block;
  position: relative;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.headline__l:hover {
  color: #fd4f57;
}
.headline__l:after {
  width: 17px;
  height: 29px;
  background: url(../images/arrow-1.png) no-repeat;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .headline__l:after {
    background: url(../images/arrow-1_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.headline__left {
  float: left;
}
.headline__menu {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
}
.headline__menu-desk {
  width: ;
  text-align: right;
}
@media (max-width: 1024px) {
  .headline__menu-desk {
    width: 600px;
  }
}
@media (max-width: 760px) {
  .headline__menu-desk {
    width: 100%;
    text-align: left;
  }
}
.headline__anc {
  font-size: 24px;
  line-height: 26px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin: 0 30px 0 0;
  padding: 10px 0;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1024px) {
  .headline__anc {
    font-size: 21px;
  }
}
@media (max-width: 760px) {
  .headline__anc {
    padding: 0 0 20px;
  }
}
.headline__anc.active,
.headline__anc:hover {
  color: #fd4f57;
}
.headline__check {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 760px) {
  .headline__check {
    margin-bottom: 20px;
  }
}
.headline__check_more {
  margin-right: 35px;
}
.headline__anclabel {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  font-family: open sans, sans-serif;
  padding: 5px 0;
  cursor: pointer;
}
.headline__row-1 {
  margin-bottom: 40px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
}
@media (max-width: 760px) {
  .headline__row-1 {
    margin-bottom: 20px;
  }
}
.headline__row-2 {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
}
/* ----------------------------------- checkbox ----------------------------------- */
.checkbox {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 15px;
}
.checkbox__in {
  display: block;
  border: 3px solid #000000;
  width: 30px;
  height: 30px;
  background: url(../images/checkbox.png) 0 1000px no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .checkbox__in {
    background: url(../images/checkbox_2x.png) 0 1000px no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.checkbox input[type="checkbox"] {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.checkbox input[type="checkbox"]:checked + .checkbox__in {
  background-position: 0 0;
}
/* ----------------------------------- radio ----------------------------------- */
.radio {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  position: relative;
}
.radio__in {
  display: block;
  border: 3px solid #000000;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.radio__in:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  left: 8px;
  top: 8px;
  border-radius: 50%;
  background: #fd4f57;
  position: absolute;
  opacity: 0;
  box-shadow: 0 0 0 5px #fd4f57;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.radio input[type="radio"] {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.radio input[type="radio"]:checked + .radio__in:before {
  box-shadow: 0 0 0 0 #fd4f57;
  opacity: 1;
}
/* ----------------------------------- events-container ----------------------------------- */
.events-container {
  width: 1000px;
  margin: 0 auto 55px;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .events-container {
    width: 100%;
  }
}
/* ----------------------------------- events ----------------------------------- */
.events__li {
  margin-bottom: 50px;
}
@media (max-width: 760px) {
  .events__li {
    margin-bottom: 30px;
  }
}
.events__li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.events__imgwr {
  width: 265px;
  float: left;
  margin-right: -265px;
}
@media (max-width: 760px) {
  .events__imgwr {
    display: none;
  }
}
.events__img {
  width: 245px;
  height: 245px;
  display: block;
}
@media (max-width: 480px) {
  .events__img {
    width: 100%;
    height: auto;
  }
}
.events__content {
  padding-left: 265px;
}
@media (max-width: 760px) {
  .events__content {
    padding-left: 0;
  }
}
.events__table {
  height: 245px;
  width: 100%;
}
.events__table td {
  vertical-align: top;
}
.events__top {
  padding-bottom: 10px;
}
.events__h {
  font-size: 36px;
  line-height: 40px;
  color: #000000;
  font-family: 'brutal', sans-serif;
  width: 100%;
  margin-left: 15px;
  font-weight: 500;
  letter-spacing: -1px;
}
@media (max-width: 1024px) {
  .events__h {
    font-size: 30px;
    line-height: 36px;
    margin-left: 10px;
  }
}
@media (max-width: 760px) {
  .events__h {
    font-size: 24px;
    line-height: 24px;
    margin-left: 0;
  }
}
.events__list_inner .events__h {
  font-size: 30px;
  line-height: 36px;
  margin-left: 10px;
}
@media (max-width: 760px) {
  .events__list_inner .events__h {
    font-size: 24px;
    line-height: 24px;
    margin-left: 0;
  }
}
.events__hlink {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  color: #000000;
}
.events__hlink:hover {
  color: #fd4f57;
}
.events__col-1 {
  width: 150px;
  border-right: 1px solid #000000;
}
@media (max-width: 1024px) {
  .events__col-1 {
    width: 0;
    border-right: none;
  }
}
.events__col-2 {
  width: 413px;
  border-right: 1px solid #000000;
}
@media (max-width: 1024px) {
  .events__col-2 {
    width: auto;
  }
}
.events__list_inner .events__col-2 {
  width: 284px;
}
.events__col-3 {
  width: 150px;
}
@media (max-width: 1024px) {
  .events__col-3 {
    width: 140px;
  }
}
.events__col-5 {
  border-bottom: 3px solid #000000;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  height: 45px;
}
.events__col-6 {
  border-top: 1px solid #000000;
  border-bottom: 3px solid #000000;
  height: 45px;
}
.events__tr-desk {
  display: table-row;
}
@media (max-width: 760px) {
  .events__tr-desk {
    display: none;
  }
}
.events__tr-mob {
  display: none;
}
@media (max-width: 760px) {
  .events__tr-mob {
    display: table-row;
  }
}
.events__year {
  font-size: 48px;
  line-height: 50px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-left: 15px;
  padding: 15px 0;
}
@media (max-width: 1024px) {
  .events__year {
    display: none;
  }
}
.events__year-2 {
  margin-right: 20px;
  display: none;
}
@media (max-width: 1024px) {
  .events__year-2 {
    margin-right: 20px;
    display: inline;
  }
}
.events__info {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-family: open sans, sans-serif;
  padding: 10px 10px 10px 20px;
}
@media (max-width: 1024px) {
  .events__info {
    padding: 10px;
  }
}
@media (max-width: 760px) {
  .events__info {
    padding: 0 0 10px 0;
  }
}
.events__buy {
  background: #dadada;
  padding: 15px 20px;
  display: inline-block;
}
.events__list_inner .events__info {
  padding: 10px;
}
@media (max-width: 760px) {
  .events__list_inner .events__info {
    padding: 0 0 10px 0;
  }
}
.events__day {
  color: #fd4f57;
  font-size: 22px;
  line-height: 24px;
  font-family: 'brutal', sans-serif;
  text-align: right;
  font-weight: 500;
  padding: 15px 0 10px;
}
@media (max-width: 760px) {
  .events__day {
    padding: 0 15px 10px 0;
    margin: 0;
    display: inline-block;
    font-size: 30px;
    line-height: 34px;
  }
}
.events__time {
  color: #000000;
  font-weight: 500;
  font-family: 'brutal', sans-serif;
  font-size: 22px;
  line-height: 24px;
  text-align: right;
  padding-bottom: 10px;
}
@media (max-width: 760px) {
  .events__time {
    display: inline-block;
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
  }
}
.events__type {
  padding: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-weight: 500;
  font-family: 'brutal', sans-serif;
}
@media (max-width: 760px) {
  .events__type {
    padding: 10px 10px 10px 0;
  }
}
.events__type-l {
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.events__type-l:hover {
  color: #fd4f57;
}
.events__y {
  margin-right: 20px;
}
.events__y_mob {
  display: none;
}
@media (max-width: 760px) {
  .events__y_mob {
    display: inline-block;
  }
}
.events__more {
  display: block;
  text-align: center;
  height: 45px;
  padding: 10px;
  font-weight: 500;
  font-family: 'brutal', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  white-space: nowrap;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.events__more:hover {
  color: #fd4f57;
}
.events__bline {
  text-align: right;
}
.events__show {
  font-weight: 500;
  font-family: 'brutal', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  margin-right: 48px;
  background: url(../images/dot-black.gif) 0 100% repeat-x;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .events__show {
    margin-right: 0;
    font-size: 18px;
    line-height: 24px;
  }
}
.events__show:hover {
  color: #fd4f57;
  background-position: 0 200%;
}
/* kostil */
.cols-in .events__show,
section.result .events__show,
.fond-row .events__show {
  margin-right: 0;
}
@media (max-width: 760px) {
  .events__bline_main .events__show {
    font-size: 16px;
    line-height: 24px;
    margin-right: 40px;
  }
}
.events__all {
  font-weight: 500;
  font-family: 'brutal', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  padding-right: 20px;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.events__all:hover {
  color: #fd4f57;
}
.events__all:after {
  content: "";
  display: block;
  width: 11px;
  height: 19px;
  background: url(../images/arrow-2.png) no-repeat;
  position: absolute;
  right: 0;
  top: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .events__all:after {
    background: url(../images/arrow-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.events__imgmob {
  display: none;
}
@media (max-width: 760px) {
  .events__imgmob {
    display: block;
    margin-bottom: 20px;
  }
}
/* ----------------------------------- events_wrapper ----------------------------------- */
.events_wrapper {
  position: relative;
}
.move_to_top_row {
  position: absolute;
  right: -280px;
  top: -96px;
  z-index: 3;
}
@media (max-width: 1024px) {
  .move_to_top_row {
    right: 0;
  }
}
@media (max-width: 760px) {
  .move_to_top_row {
    position: relative;
    top: 0;
    border-bottom: 1px solid #dadada;
    margin: -20px 0 20px;
  }
}
/* ----------------------------------- cols ----------------------------------- */
.cols {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto 50px;
}
@media (max-width: 1024px) {
  .cols {
    width: auto;
    padding: 0 10px;
    margin: 0 auto 50px;
  }
}
.cols_hide-in-mob img {
  margin-left: -1px;
}
.cols_hide-in-mob img:hover {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
@media (max-width: 760px) {
  .cols_hide-in-mob {
    display: none;
  }
}
.cols:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.cols__col-1 {
  width: 600px;
  margin-right: 40px;
  float: left;
}
@media (max-width: 1024px) {
  .cols__col-1 {
    width: auto;
    margin-right: 0;
    margin-bottom: 50px;
    float: none;
  }
}
.cols__col-2 {
  width: 340px;
  float: left;
}
@media (max-width: 1024px) {
  .cols__col-2 {
    width: auto;
    float: none;
  }
}
.cols__col-3 {
  width: 590px;
  margin-right: 40px;
  float: left;
}
.cols__col-4 {
  width: 350px;
  float: left;
}
/* ----------------------------------- counts ----------------------------------- */
.counts__list {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}
.counts__cols .counts__list:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
}
.counts__li {
  border-bottom: 3px solid #fd4f57;
  height: 100px;
  padding: 20px 0 0 0;
  color: #000000;
  text-align: left;
}
@media (max-width: 1024px) {
  .counts__li {
    width: 47.5%;
    margin-left: 2.5%;
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 760px) {
  .counts__li {
    width: 100%;
    margin-left: 0;
    display: block;
    padding: 20px 0 0 0;
  }
}
@media (max-width: 1024px) {
  .counts__li:nth-child(odd) {
    margin-right: 2.5%;
    margin-left: 0;
  }
}
@media (max-width: 760px) {
  .counts__li:nth-child(odd) {
    width: 100%;
    margin: 0;
    display: block;
  }
}
.counts__val {
  font-size: 48px;
  line-height: 52px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -2px;
  margin-right: 15px;
}
.counts__type {
  font-size: 24px;
  line-height: 28px;
  font-family: 'brutal', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -1px;
  max-width: 140px;
  display: inline-block;
}
.counts__cols {
  text-align: justify;
  margin-bottom: 60px;
}
.counts__cols .counts__li {
  width: 30.6%;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1024px) {
  .counts__cols .counts__li {
    width: 47.5%;
    margin-left: 2.5%;
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 760px) {
  .counts__cols .counts__li {
    width: 100%;
    margin-left: 0;
    display: block;
    padding: 20px 0 0 0;
  }
}
@media (max-width: 1024px) {
  .counts__cols .counts__li:nth-child(odd) {
    margin-right: 2.5%;
    margin-left: 0;
  }
}
@media (max-width: 760px) {
  .counts__cols .counts__li:nth-child(odd) {
    width: 100%;
    margin: 0;
    display: block;
  }
}
/* ----------------------------------- news ----------------------------------- */
.news__slider {
  position: relative;
}
.news__nav {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 560px;
  z-index: 6;
}
.news__nav li {
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  text-indent: -100px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.news__nav li.active,
.news__nav li:hover {
  background: #fd4f57;
  border-color: #fd4f57;
}
.news__prev,
.news__next {
  width: 90px;
  height: 45px;
  display: block;
  position: absolute;
  z-index: 6;
  /*top: 150px;*/
  top: 210px;
  background: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .news__prev,
  .news__next {
    display: none;
  }
}
.news__prev:hover,
.news__next:hover {
  background: #fd4f57;
}
.news__prev {
  left: 0;
}
.news__next {
  right: 0;
}
.news__prev:before,
.news__next:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  top: 8px;
}
.news__prev:before,
.news__prev:after {
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .news__prev:before,
  .news__prev:after {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.news__next:before,
.news__next:after {
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .news__next:before,
  .news__next:after {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.news__prev:before {
  background-position: 0 -34px;
  left: 23px;
}
.news__prev.disabled:before {
  background-position: 0 0;
}
.news__next:before {
  background-position: 0 -34px;
  right: 23px;
}
.news__next.disabled:before {
  background-position: 0 0;
}
.news__prev.disabled,
.news__next.disabled {
  opacity: .4;
  background: none;
  cursor: default;
}
.news__carousel {
  width: 100%;
  height: 550px;
  /*width: 600px;*/
  /*height: 300px;*/
  overflow: hidden;
}
@media (max-width: 1024px) {
  .news__carousel {
    width: 100%;
  }
}
@media (max-width: 760px) {
  .news__carousel {
    height: 300px;
  }
}
.news__list {
  width: 50000px;
}
.news__list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.news__li > a {
  display: block;
}
.news__li {
  float: left;
  width: 600px;
  height: 300px;
}
.news__bg {
  position: relative;
  display: block;
  /*height: 300px;*/
  height: 550px;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  background-color: #000;
}
@media (max-width: 760px) {
  .news__bg {
    height: 300px;
  }
}
.insta-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.news__bg .insta-text > p {
  color: #ffffff;
}
@media (max-width: 760px) {
  .insta-text {
    height: 140px;
  }
  .insta-text > p {
    height: 100%;
    overflow: hidden;
  }
}
.news__img {
  display: block;
  width: 600px;
  height: 300px;
}
.news__bottom {
  min-height: 102px;
  border-left: 3px solid #000000;
  border-right: 3px solid #000000;
  border-bottom: 3px solid #000000;
}
.news__bottom:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.news__l {
  height: 99px;
  width: 240px;
  float: left;
}
@media (max-width: 760px) {
  .news__l {
    float: none;
  }
}
.news__r {
  min-height: 99px;
  border-left: 1px solid #000000;
  float: left;
  width: 350px;
}
@media (max-width: 760px) {
  .news__r {
    border: none;
    width: auto;
    min-height: 60px;
    display: block;
    float: none;
  }
}
.news__r-item {
  display: none;
}
.news__r-item:first-child {
  display: block;
}
.news__date {
  padding: 20px 0 0 20px;
}
.news__date-item {
  display: none;
}
.news__date-item:first-child {
  display: block;
}
.news__day {
  display: inline-block;
  vertical-align: middle;
  font-size: 60px;
  line-height: 66px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-right: 10px;
}
.news__month {
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 26px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
.news__title {
  color: #000000;
  padding: 25px 25px;
  font-size: 16px;
  line-height: 22px;
  font-family: open sans, sans-serif;
}
@media (max-width: 760px) {
  .news__title {
    padding: 0 25px 20px;
    display: block;
  }
}
.news__tit-link {
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.news__tit-link:hover {
  color: #fd4f57;
}
/* ----------------------------------- partners ----------------------------------- */
.partners {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto 50px;
}
@media (max-width: 1024px) {
  .partners {
    width: auto;
  }
}
.partners__wrap {
  position: relative;
  height: 70px;
}
.partners__prev,
.partners__next {
  display: block;
  height: 70px;
  width: 70px;
  position: absolute;
  top: 0;
  border: 3px solid #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .partners__prev,
  .partners__next {
    display: none;
  }
}
.partners__prev:hover,
.partners__next:hover {
  background: #000000;
}
.partners__prev.disabled,
.partners__next.disabled {
  background: #fff;
  cursor: default;
  opacity: .4;
}
.partners__prev {
  left: 0;
}
.partners__next {
  right: 0;
}
.partners__prev:after,
.partners__prev:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 10px;
  top: 18px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .partners__prev:after,
  .partners__prev:before {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.partners__next:after,
.partners__next:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  right: 10px;
  top: 18px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .partners__next:after,
  .partners__next:before {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.partners__prev:after {
  background-position: 0 0;
  opacity: 1;
  z-index: 1;
}
.partners__prev:hover:after {
  opacity: 0;
}
.partners__prev:before {
  background-position: 0 -34px;
  opacity: 0;
  z-index: 0;
}
.partners__prev:hover:before {
  opacity: 1;
}
.partners__next:after {
  background-position: 0 0;
  opacity: 1;
  z-index: 1;
}
.partners__next:hover:after {
  opacity: 0;
}
.partners__next:before {
  background-position: 0 -34px;
  opacity: 0;
  z-index: 0;
}
.partners__next:before {
  opacity: 1;
}
.partners__prev.disabled:after,
.partners__next.disabled:after {
  opacity: 1;
}
.partners__prev.disabled:before,
.partners__next.disabled:before {
  opacity: 0;
}
.partners__block {
  width: 780px;
  margin: 0 auto;
  height: 70px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .partners__block {
    width: auto;
    margin: 0 120px;
  }
}
@media (max-width: 760px) {
  .partners__block {
    width: auto;
    margin: 0;
  }
}
.partners__list {
  width: 50000px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
}
.partners__li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
}
.partners__img {
  display: block;
  width: 130px;
  height: 70px;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.partners__img:hover {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
.logo-line img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.logo-line img:hover {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
/* ----------------------------------- typical ----------------------------------- */
.typical {
  background: #e1e1e1;
}
@media (max-width: 760px) {
  .typical {
    background: none;
  }
}
.typical__inner {
  background: #fff;
  max-width: 1060px;
  min-width: 1000px;
  margin: 0 auto;
  padding: 40px 40px 50px 40px;
  position: relative;
}
@media (max-width: 1024px) {
  .typical__inner {
    max-width: 670px;
    min-width: 320px;
    padding: 60px 30px 50px 30px;
  }
}
@media (max-width: 760px) {
  .typical__inner {
    max-width: 100%;
    padding: 60px 10px 50px 10px;
  }
}
@media (max-width: 1024px) {
  .typical__inner_2 {
    max-width: 100%;
    min-width: 100%;
    padding: 60px 30px 50px 30px;
  }
}
@media (max-width: 760px) {
  .typical__inner_2 {
    padding: 60px 10px 50px 10px;
  }
}
.typical__inner:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.typical__top {
  width: 980px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .typical__top {
    width: auto;
    max-width: 670px;
    background: #e1e1e1;
  }
}
@media (max-width: 760px) {
  .typical__top {
    width: auto;
    max-width: 100%;
    background: #e1e1e1;
  }
}
.typical__top:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.typical__col-1 {
  width: 70%;
  float: left;
  padding: 20px 0 15px;
}
@media (max-width: 760px) {
  .typical__col-1 {
    width: 100%;
    float: none;
    padding: 15px 10px;
  }
}
.typical__col-2 {
  width: 30%;
  float: left;
  text-align: right;
  padding: 15px 0;
}
@media (max-width: 760px) {
  .typical__col-2 {
    width: 100%;
    float: none;
    text-align: left;
    padding: 0 10px 15px;
  }
}
.typical__head {
  font-size: 36px;
  line-height: 40px;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}
@media (max-width: 760px) {
  .typical__head {
    font-size: 30px;
    line-height: 40px;
  }
}
.typical__h-link {
  color: #000000;
  position: relative;
  display: inline-block;
  padding-right: 30px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.typical__h-link:after {
  width: 17px;
  height: 29px;
  background: url(../images/arrow-1.png) no-repeat;
  position: absolute;
  right: 0;
  top: 9px;
  content: "";
  display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .typical__h-link:after {
    background: url(../images/arrow-1_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.typical__h-link:hover {
  color: #fd4f57;
}
/* ----------------------------------- basket-wrap ----------------------------------- */
.basket-wrap {
  background: #dbdbdb;
  height: 76px;
  padding: 15px 15px 0 30px;
  margin-bottom: 30px;
}
.typical__top .basket-wrap {
  background: none;
  height: auto;
  padding: 0;
  margin: 0;
}
/* ----------------------------------- basket ----------------------------------- */
.basket {
  width: 175px;
  text-align: left;
  display: inline-block;
}
.basket__head {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: open sans, sans-serif;
  margin-bottom: 5px;
  color: #000000;
}
.basket__h-link {
  color: #000000;
  position: relative;
  padding-right: 20px;
  display: inline-block;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.basket__h-link:after {
  content: "";
  display: block;
  width: 11px;
  height: 19px;
  position: absolute;
  right: 0;
  top: 2px;
  background: url(../images/arrow-2.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .basket__h-link:after {
    background: url(../images/arrow-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.basket__h-link:hover {
  color: #fd4f57;
}
.basket__data {
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  color: #000000;
}
.basket__count {
  vertical-align: middle;
}
.basket__sep {
  vertical-align: middle;
  height: 20px;
  width: 1px;
  background: #fff;
  display: inline-block;
  margin: 0 10px;
}
.basket__summ {
  vertical-align: middle;
}
/* ----------------------------------- close ----------------------------------- */
.close {
  width: 45px;
  height: 45px;
  border: 3px solid #000000;
  position: absolute;
  right: 0;
  top: 0;
  background: #000000;
  display: block;
  z-index: 4;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.close_top {
  top: -45px;
}
@media (max-width: 1024px) {
  .close_top {
    right: 45px;
  }
}
.close:hover {
  background: #fff;
}
.close:before,
.close:after {
  width: 23px;
  height: 24px;
  display: block;
  position: absolute;
  content: "";
  left: 8px;
  top: 8px;
  background: url(../images/close.png) no-repeat;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .close:before,
  .close:after {
    background: url(../images/close_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.close:after {
  background-position: 0 0;
  opacity: 1;
}
.close:before {
  background-position: 0 100%;
  opacity: 0;
}
.close:hover:after {
  opacity: 0;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.close:hover:before {
  opacity: 1;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* ----------------------------------- showpiece ----------------------------------- */
.showpiece__head {
  font-size: 36px;
  line-height: 40px;
  color: #000000;
  margin-bottom: 25px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}
@media (max-width: 1024px) {
  .showpiece__head {
    font-size: 30px;
    line-height: 36px;
  }
}
.showpiece__col-1 {
  width: 62.2%;
  float: left;
}
@media (max-width: 1024px) {
  .showpiece__col-1 {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
}
.showpiece__col-2 {
  width: 37.8%;
  float: left;
}
@media (max-width: 1024px) {
  .showpiece__col-2 {
    width: 100%;
    float: none;
  }
}
.showpiece__info {
  padding: 0 40px;
}
@media (max-width: 1024px) {
  .showpiece__info {
    padding: 0;
  }
}
.showpiece__inf {
  margin-bottom: 18px;
}
.showpiece__name {
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 18px;
  color: #000000;
}
.showpiece__type {
  font-family: open sans, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.showpiece__val {
  font-family: open sans, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.showpiece__lwr {
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
.showpiece__l {
  color: #fd4f57;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.showpiece__l:hover {
  color: #000000;
}
.showpiece__img {
  width: 100%;
  height: auto !important;
  display: block;
}
.showpiece__title {
  padding: 15px 0 10px;
  color: #000000;
  font-family: open sans, sans-serif;
  font-style: italic;
  font-size: 14px;
  line-height: 18px;
}
/* ----------------------------------- panelbot ----------------------------------- */
.panelbot {
  min-height: 110px;
  background: #fff;
  z-index: 9;
  position: relative;
}
.content .panelbot {
  margin: 50px -40px -50px -40px;
}
@media (max-width: 1024px) {
  .content .panelbot {
    margin: 50px -30px -50px -30px;
  }
}
@media (max-width: 760px) {
  .content .panelbot {
    margin: 50px -10px -40px -10px;
  }
}
.panelbot__fix {
  background: #fff;
  min-height: 110px;
  position: relative;
}
.panelbot__fix.fix {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 55;
}
@media (max-width: 760px) {
  .panelbot__fix.fix {
    position: absolute;
  }
}
.panelbot__fix.abs {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.panelbot__inner {
  max-width: 1060px;
  min-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .panelbot__inner {
    max-width: 100%;
    min-width: 100%;
  }
}
.panelbot__inner:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 1024px) {
  .panelbot__soc {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 179px;
  }
}
@media (max-width: 760px) {
  .panelbot__soc {
    left: auto;
    right: 10px;
    margin-left: 0;
  }
}
.panelbot__social {
  position: absolute;
  left: 40px;
  right: 40px;
  height: 45px;
  border-bottom: 3px solid #000000;
  top: -42px;
  text-align: right;
}
@media (max-width: 1024px) {
  .panelbot__social {
    left: 0px;
    right: 0px;
  }
}
.panelbot__butwrap {
  position: absolute;
  left: 40px;
  right: 40px;
  border-bottom: 3px solid #000000;
  top: -42px;
  text-align: right;
}
@media (max-width: 1024px) {
  .panelbot__butwrap {
    left: 0;
    right: 0;
  }
}
@media (max-width: 1024px) {
  .panelbot__butwrap-in {
    max-width: 630px;
    margin: 0 auto;
  }
}
.panelbot__button {
  display: inline-block;
  width: 153px;
  border: 1px solid #000000;
  border-bottom: none;
  text-align: center;
  height: 42px;
  font-size: 16px;
  line-height: 22px;
  padding-top: 10px;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  background-color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1024px) {
  .panelbot__button {
    margin: 0 10px;
  }
}
.panelbot__button:hover {
  color: #fd4f57;
}
.panelbot__col-1 {
  width: 40%;
  float: left;
}
@media (max-width: 760px) {
  .panelbot__col-1 {
    width: 30%;
  }
}
.panelbot__col-2 {
  float: left;
  text-align: center;
  width: 20%;
}
@media (max-width: 760px) {
  .panelbot__col-2 {
    width: 40%;
  }
}
.panelbot__col-3 {
  width: 40%;
  float: left;
  text-align: right;
}
@media (max-width: 760px) {
  .panelbot__col-3 {
    width: 30%;
  }
}
.panelbot__nav {
  padding: 35px 40px;
}
@media (max-width: 1024px) {
  .panelbot__nav {
    padding: 35px 20px;
  }
}
.panelbot__nav:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.panelbot__prev {
  display: inline-block;
  position: relative;
  padding-left: 60px;
  font-size: 14px;
  line-height: 18px;
  min-height: 30px;
  color: #000000;
  font-family: open sans, sans-serif;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .panelbot__prev {
    font-size: 0;
    line-height: 0;
  }
}
.panelbot__prev:before,
.panelbot__prev:after {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 0;
  top: -5px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .panelbot__prev:before,
  .panelbot__prev:after {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.panelbot__prev:before {
  background-position: 0 0;
  opacity: 1;
}
.panelbot__prev:after {
  background-position: 0 100%;
  opacity: 0;
}
.panelbot__prev:hover:before {
  opacity: 0;
}
.panelbot__prev:hover:after {
  opacity: 1;
}
.panelbot__next {
  display: inline-block;
  position: relative;
  padding-right: 60px;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  font-family: open sans, sans-serif;
  min-height: 30px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .panelbot__next {
    font-size: 0;
    line-height: 0;
  }
}
.panelbot__next:before,
.panelbot__next:after {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  right: 0;
  top: -5px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .panelbot__next:before,
  .panelbot__next:after {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.panelbot__next:before {
  background-position: 0 0;
  opacity: 1;
}
.panelbot__next:after {
  background-position: 0 100%;
  opacity: 0;
}
.panelbot__next:hover:before {
  opacity: 0;
}
.panelbot__next:hover:after {
  opacity: 1;
}
.panelbot__prev:hover,
.panelbot__next:hover {
  color: #fd4f57;
}
@media (max-width: 760px) {
  .panelbot__hide {
    display: none;
  }
}
.panelbot__count {
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
}
@media (max-width: 760px) {
  .panelbot__count {
    padding: 13px 0;
  }
}
@media (max-width: 1024px) {
  .typical__inner .panelbot__inner {
    min-width: 610px;
    max-width: 610px;
  }
}
@media (max-width: 760px) {
  .typical__inner .panelbot__inner {
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  .typical__inner_2 .panelbot__inner {
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 760px) {
  .typical__inner_2 .panelbot__inner {
    min-width: 100%;
    max-width: 100%;
  }
}
/* ----------------------------------- film-slider ----------------------------------- */
.film-slider {
  height: 700px;
  position: relative;
  margin-bottom: 25px;
}
@media (max-width: 760px) {
  .film-slider {
    height: 470px;
  }
}
.film-slider_2 {
  height: 604px;
}
.about-right-col {
  padding-top: 35px;
}
@media (min-width: 761px) {
  .film-slider.film-slider_proportional {
    height: auto;
    position: relative;
    padding-top: 41.9%;
  }
  .film-slider.film-slider_proportional .film-slider__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .film-slider.film-slider_proportional .film-slider__slide:after {
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
}
.film-slider__slides {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  position: absolute;
}
.film-slider__slide {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  position: absolute;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.film-slider__slide:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  position: absolute;
  background: url(../images/dot-gray.png) repeat;
  content: "";
}
.film-slider__slide:after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  position: absolute;
  display: block;
  content: "";
  background: url(../images/shadow.png) 0 100% repeat;
}
.film-slider__inner {
  position: relative;
  z-index: 5;
}
.film-slider__block {
  max-width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
}
.film-slider__bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding-bottom: 30px;
}
@media (max-width: 760px) {
  .film-slider__bottom {
    padding-bottom: 110px;
  }
}
.film-slider__bottom:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.film-slider__l {
  width: 20%;
  float: left;
}
@media (max-width: 760px) {
  .film-slider__l {
    display: none;
  }
}
.film-slider__c {
  width: 60%;
  float: left;
  text-align: center;
}
@media (max-width: 760px) {
  .film-slider__c {
    width: 100%;
    float: none;
  }
}
.film-slider__r {
  width: 20%;
  float: left;
  text-align: right;
}
@media (max-width: 760px) {
  .film-slider__r {
    display: none;
  }
}
.film-slider__h {
  font-size: 48px;
  line-height: 55px;
  color: #fff;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .film-slider__h {
    font-size: 42px;
    line-height: 45px;
  }
}
@media (max-width: 760px) {
  .film-slider__h {
    font-size: 32px;
    line-height: 36px;
  }
}
.film-slider__summ {
  font-family: 'brutal', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 28px;
}
.film-slider__nav {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  font-family: open sans, sans-serif;
  margin: 0 45px;
  position: relative;
}
.film-slider__nav:hover {
  color: #fff;
}
.film-slider__prev,
.film-slider__next {
  width: 90px;
  height: 45px;
  display: inline-block;
  position: relative;
  z-index: 3;
  margin-bottom: 20px;
  background: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.film-slider__prev:hover,
.film-slider__next:hover {
  background: #fd4f57;
}
.film-slider__prev {
  left: -23px;
}
.film-slider__next {
  right: -23px;
}
.film-slider__prev:before,
.film-slider__next:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  top: 8px;
}
.film-slider__prev:before {
  left: 23px;
  background: url(../images/arrows-left.png) 0 -34px no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .film-slider__prev:before {
    background: url(../images/arrows-left_2x.png) 0 -34px no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.film-slider__next:before {
  right: 23px;
  background: url(../images/arrows-right.png) 0 -34px no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .film-slider__next:before {
    background: url(../images/arrows-right_2x.png) 0 -34px no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.film-slider__prev.disabled,
.film-slider__next.disabled {
  opacity: .4;
  background: none;
  cursor: default;
}
.film-slider__prev_mob,
.film-slider__next_mob {
  display: none;
}
@media (max-width: 760px) {
  .film-slider__prev_mob,
  .film-slider__next_mob {
    display: block;
  }
}
.film-slider__prev_mob {
  position: absolute;
  left: 12px;
  top: 100px;
  z-index: 3;
}
.film-slider__prev_mob:hover:before {
  background-position: 0 -34px;
}
.film-slider__next_mob {
  position: absolute;
  right: 12px;
  top: 100px;
  z-index: 3;
}
.film-slider__next_mob:hover:before {
  background-position: 0 -34px;
}
.film-slider__txt {
  display: block;
}
@media (max-width: 1024px) {
  .film-slider__txt {
    display: none;
  }
}
.film-slider__show {
  text-align: right;
}
@media (max-width: 760px) {
  .film-slider__show {
    display: none;
  }
}
.film-slider__show-bl {
  display: inline-block;
  width: 180px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px 0;
}
.film-slider__type {
  font-size: 16px;
  line-height: 20px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
}
.film-slider__date {
  color: #fd4f57;
  font-size: 48px;
  line-height: 50px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
.film-slider__center-block {
  color: #fff;
  text-align: center;
  max-width: 800px;
  padding: 120px 20px;
  margin: 0 auto;
}
.film-slider__center-head {
  font-size: 80px;
  line-height: 84px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}
.film-slider__center-head:after {
  content: "";
  display: block;
  height: 3px;
  width: 300px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -150px;
  background: #fff;
}
.film-slider__center-p {
  font-size: 30px;
  line-height: 36px;
  font-family: 'brutal', sans-serif;
}
/* ----------------------------------- music ----------------------------------- */
.music {
  margin-bottom: 40px;
}
.music__inner {
  min-width: 1000px;
  max-width: 1040px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .music__inner {
    min-width: 320px;
    max-width: 100%;
  }
}
.music__head {
  width: 980px;
  margin: 0 auto 25px;
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .music__head {
    padding: 0 10px;
    width: 100%;
  }
}
.music__block {
  background: #e1e1e1;
}
.jp-audio {
  width: 980px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .jp-audio {
    width: 100%;
  }
}
/* ----------------------------------- jp ----------------------------------- */
.jp-type-single {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
}
.jp-controls {
  display: inline-block;
  vertical-align: middle;
}
.jp-interface {
  display: inline-block;
  vertical-align: middle;
  padding: 15px 0;
  width: 810px;
}
@media (max-width: 1024px) {
  .jp-interface {
    width: 100%;
    padding: 15px 10px;
  }
}
.jp-volume-controls {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
}
.jp-progress {
  display: inline-block;
  vertical-align: middle;
  width: 490px;
}
@media (max-width: 1024px) {
  .jp-progress {
    width: 100%;
    margin: 0 -48px 0 -100px;
    padding: 0 58px 0 110px;
  }
}
.jp-controls {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
}
.jp-time-holder {
  display: inline-block;
  vertical-align: middle;
  width: 70px;
  text-align: center;
}
@media (max-width: 1024px) {
  .jp-time-holder {
    display: none;
  }
}
.jp-type-playlist {
  display: inline-block;
  vertical-align: middle;
  width: 165px;
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
  font-family: open sans, sans-serif;
  letter-spacing: normal;
}
@media (max-width: 1024px) {
  .jp-type-playlist {
    width: 100%;
    padding: 10px;
    background: #fff;
  }
}
.jp-type-playlist li {
  display: none;
}
.jp-type-playlist li.jp-playlist-current {
  display: block;
}
.jp-type-playlist a {
  color: #000;
  outline: none;
}
.jp-no-solution {
  font-family: open sans, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: normal;
}
.jp-play {
  width: 30px;
  height: 31px;
  background: url(../images/audio.png) -177px 0 no-repeat;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  margin: 0 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .jp-play {
    background: url(../images/audio_2x.png) no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }
}
.jp-state-playing .jp-play {
  background-position: -35px 0;
}
.jp-previous {
  width: 15px;
  height: 19px;
  background: url(../images/audio.png) 0 -7px no-repeat;
  display: inline-block;
  vertical-align: middle;
  outline: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .jp-previous {
    background: url(../images/audio_2x.png) no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }
}
.jp-next {
  width: 15px;
  height: 19px;
  background: url(../images/audio.png) -85px -7px no-repeat;
  display: inline-block;
  vertical-align: middle;
  outline: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .jp-next {
    background: url(../images/audio_2x.png) no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }
}
.jp-seek-bar {
  height: 1px;
  background: #000000;
}
.jp-play-bar {
  height: 1px;
  background: #fd4f57;
  position: relative;
  overflow: visible !important;
}
.jp-play-bar:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fd4f57;
  position: absolute;
  right: -5px;
  top: -5px;
}
.jp-current-time {
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  letter-spacing: normal;
  width: 70px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .jp-current-time {
    display: none;
  }
}
.jp-duration {
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  letter-spacing: normal;
}
@media (max-width: 1024px) {
  .jp-duration {
    display: none;
  }
}
.jp-mute {
  width: 48px;
  height: 31px;
  background: url(../images/audio.png) -120px 0 no-repeat;
  outline: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .jp-mute {
    background: url(../images/audio_2x.png) no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }
}
.jp-state-muted .jp-mute {
  opacity: .3;
}
/* ----------------------------------- about ----------------------------------- */
.about {
  margin-bottom: 40px;
}
.about__inner {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .about__inner {
    width: auto;
  }
}
.about__inner:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.about__content {
  width: 62.2%;
  float: left;
  padding-right: 40px;
}
@media (max-width: 1024px) {
  .about__content {
    width: 100%;
    padding-right: 0;
    float: none;
  }
}
.about__content_2 {
  width: 66.3%;
}
@media (max-width: 1024px) {
  .about__content_2 {
    width: 100%;
  }
}
.about__content_3 {
  width: 64.3%;
}
@media (max-width: 1024px) {
  .about__content_3 {
    float: left;
    padding-right: 40px;
  }
}
@media (max-width: 760px) {
  .about__content_3 {
    width: 100%;
    float: none;
    padding-right: 0;
  }
}
.about__info {
  width: 37.8%;
  float: left;
  padding: 0 40px;
  border-left: 1px solid #000000;
}
@media (max-width: 1024px) {
  .about__info {
    width: 100%;
    border-left: none;
    padding: 20px 0 0 0;
    margin-top: 20px;
    float: none;
    border-top: 1px solid #000000;
  }
}
.about__side {
  width: 33.7%;
  float: left;
}
@media (max-width: 1024px) {
  .about__side {
    width: 100%;
    float: none;
  }
}
.about__side_2 {
  width: 35.7%;
}
@media (max-width: 1024px) {
  .about__side_2 {
    float: left;
  }
}
@media (max-width: 760px) {
  .about__side_2 {
    width: 100%;
    float: none;
  }
}
.about__head {
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
.about__content p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px;
  font-family: open sans, sans-serif;
  color: #000000;
}
.about__inf {
  margin-bottom: 20px;
}
.about__type {
  font-size: 20px;
  line-height: 24px;
  font-family: 'brutal', sans-serif;
  font-weight: 700;
  margin-bottom: 5px;
}
.about__val {
  font-size: 14px;
  line-height: 22px;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- honors ----------------------------------- */
.honors {
  margin-bottom: 50px;
}
.honors__bg {
  padding: 25px 0;
  background: #f6f6f6;
}
.honors__inner {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 760px) {
  .honors__inner {
    width: 100%;
  }
}
.honors__inner:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.honors__col {
  width: 50%;
  float: left;
  padding-right: 40px;
}
@media (max-width: 1024px) {
  .honors__col {
    width: 100%;
    float: none;
    padding-right: 0;
  }
}
.honors__item {
  margin-bottom: 25px;
}
#honors-tabs .honors__item {
  margin-bottom: 10px;
}
.honors__item_hidden {
  display: none;
}
.honors__bottom {
  padding-top: 10px;
  clear: both;
  text-align: right;
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.honors__open {
  color: #000;
  display: inline-block;
  border-bottom: 1px dotted #000;
}
.honors__open:hover {
  color: #fd4f57;
  display: inline-block;
  border-bottom: 1px dotted #fd4f57;
}
.honors__type {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  font-weight: bold;
}
.honors__type span {
  font-weight: normal;
}
.honors__y {
  font-weight: normal;
}
.honors__val {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
}
.honors__head {
  margin-bottom: 25px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
}
.honors__buttons {
  width: 1000px;
  padding: 0 10px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  margin: 0 auto;
}
.honors__button {
  display: inline-block;
  padding: 14px 20px;
  font-size: 24px;
  line-height: 28px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  letter-spacing: -1px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.honors__button:hover {
  color: #fd4f57;
}
.honors__button.active {
  background: #f6f6f6;
  color: #fd4f57;
}
/* ----------------------------------- film-menu ----------------------------------- */
.film-menu {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto 50px;
}
.film-menu__inner {
  border-bottom: 1px solid #e1e1e1;
}
.film-menu__item {
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  margin: 0 30px 10px 0;
  display: inline-block;
  letter-spacing: -1px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.film-menu__item:hover,
.film-menu__item.active {
  color: #fd4f57;
}
/* ----------------------------------- fact ----------------------------------- */
.fact__list {
  counter-reset: count;
}
.fact__li {
  margin-bottom: 50px;
  position: relative;
  padding-left: 75px;
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.fact__li:before {
  counter-increment: count 1;
  content: counter(count);
  display: block;
  width: 45px;
  height: 45px;
  border: 3px solid #fd4f57;
  color: #fd4f57;
  text-align: center;
  font-size: 24px;
  line-height: 44px;
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
/* ----------------------------------- raiting ----------------------------------- */
.raiting {
  background: #f6f6f6;
  margin-bottom: 40px;
  padding: 45px 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
}
@media (max-width: 760px) {
  .raiting {
    padding: 25px 0;
  }
}
.raiting__inner {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 760px) {
  .raiting__inner {
    width: 100%;
  }
}
.raiting__head {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  color: #000000;
  font-size: 24px;
  line-height: 28px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}
@media (max-width: 760px) {
  .raiting__head {
    text-align: center;
    margin-right: 0;
    display: block;
    font-size: 18px;
    line-height: 22px;
  }
}
.raiting__val {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 760px) {
  .raiting__val {
    display: block;
    text-align: center;
    padding: 20px 0;
  }
}
.raiting__info {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  letter-spacing: normal;
}
@media (max-width: 760px) {
  .raiting__info {
    display: block;
    text-align: center;
  }
}
.raiting__summ {
  font-size: 24px;
  line-height: 28px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: normal;
}
/* ----------------------------------- star ----------------------------------- */
.star {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  width: 220px;
}
@media (max-width: 760px) {
  .star {
    width: 100%;
  }
}
.star__it {
  width: 28px;
  height: 27px;
  display: inline-block;
  vertical-align: top;
  background: url(../images/raiting-1.png) no-repeat;
  margin-right: 16px;
}
@media (max-width: 760px) {
  .star__it {
    margin: 0 8px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .star__it {
    background: url(../images/raiting-1_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
/* sorry  */
.star__it[onclick]:hover + .star__it_full {
  opacity: .4;
}
.star__it[onclick]:hover + .star__it_full + .star__it_full {
  opacity: .4;
}
.star__it[onclick]:hover + .star__it_full + .star__it_full + .star__it_full {
  opacity: .4;
}
.star__it[onclick]:hover + .star__it_full + .star__it_full + .star__it_full + .star__it_full {
  opacity: .4;
}
/* /sorry */
.star__it_full {
  background: url(../images/raiting-3.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .star__it_full {
    background: url(../images/raiting-3_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.star__it_ah {
  background: url(../images/raiting-2.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .star__it_ah {
    background: url(../images/raiting-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.star__it_hover {
  background: url(../images/raiting-3.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .star__it_hover {
    background: url(../images/raiting-3_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.star__it_not-hover {
  background: url(../images/raiting-1.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .star__it_not-hover {
    background: url(../images/raiting-1_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
/* ----------------------------------- star-active ----------------------------------- */
.star-active {
  cursor: pointer;
}
/* ----------------------------------- comment ----------------------------------- */
.comment {
  margin-bottom: 50px;
}
.comment__inner {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .comment__inner {
    width: 100%;
  }
}
.comment__item {
  margin-bottom: 35px;
  padding-left: 75px;
  position: relative;
  min-height: 45px;
}
.comment__item-new .headline {
  display: none;
}
.comment__item-hidden {
  opacity: 0.5;
}
.comment__ava {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 45px;
}
.comment__top {
  margin-bottom: 20px;
}
.comment__name {
  font-family: open sans, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  margin-right: 10px;
}
.comment__time {
  color: #a8a8a8;
  font-size: 14px;
  line-height: 18px;
  font-family: open sans, sans-serif;
}
@media (max-width: 760px) {
  .comment__time {
    display: block;
    padding-top: 5px;
  }
}
.comment__message {
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  font-family: open sans, sans-serif;
}
.comment__textarea textarea {
  border: none;
  background: none;
  height: 100px;
  width: 100% !important;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  font-family: open sans, sans-serif;
  resize: none;
}
.comment__textarea textarea::-webkit-input-placeholder {
  color: #a8a8a8;
}
.comment__textarea textarea::-moz-placeholder {
  color: #a8a8a8;
}
.comment__textarea textarea:-moz-placeholder {
  color: #a8a8a8;
}
.comment__textarea textarea:-ms-input-placeholder {
  color: #a8a8a8;
}
.comment__textarea input[type="submit"] {
  background: none;
  border: 1px solid #000000;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-weight: 500;
  font-family: 'brutal', sans-serif;
  width: 200px;
  position: absolute;
  bottom: -80px;
  height: 45px;
  right: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.comment__textarea input[type="submit"]:hover {
  color: #fd4f57;
}
.comment__textarea:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.comment__bottom {
  margin-left: 75px;
  border-top: 3px solid #000000;
  text-align: right;
  padding-right: 200px;
}
.no-authorized .comment__bottom {
  padding-right: 0;
}
.comment__bottom:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.comment__label {
  padding: 11px 20px;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  font-family: open sans, sans-serif;
  display: inline-block;
}
@media (max-width: 760px) {
  .comment__label {
    display: none;
  }
}
.comment__list-empty {
  padding: 20px 0 20px 75px;
  color: #a2a2a2;
  font-family: open sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
.comment__list-empty img {
  position: absolute;
  left: 0;
  top: 0;
}
/* ----------------------------------- map ----------------------------------- */
.map {
  height: 450px;
  position: relative;
  margin-bottom: 35px;
}
@media (max-width: 1024px) {
  .map {
    height: 300px;
  }
}
@media (max-width: 760px) {
  .map {
    height: auto;
  }
}
.map__area {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}
@media (max-width: 760px) {
  .map__area {
    position: relative;
    height: 265px;
  }
}
.map__area_detail {
  width: 100%;
  height: 405px;
}
.map__inner {
  position: relative;
  height: 0;
  z-index: 2;
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .map__inner {
    width: 100%;
    margin: 0 30px;
  }
}
@media (max-width: 760px) {
  .map__inner {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
.map__inner:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.map__content {
  width: 440px;
  float: right;
  padding: 30px 20px 20px 40px;
  background: #fff;
  margin: 50px 50px 0 0;
}
@media (max-width: 760px) {
  .map__content {
    width: 100%;
    float: none;
    margin: 0;
    padding: 20px 10px 20px 10px;
  }
}
.map__head {
  font-size: 30px;
  line-height: 34px;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: -1px;
}
.map__p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-family: open sans, sans-serif;
  margin-bottom: 15px;
}
.map__type {
  font-weight: bold;
}
/* ----------------------------------- contact ----------------------------------- */
.contact {
  padding: 0 0 50px;
}
.contact:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.contact__col {
  width: 50%;
  float: left;
}
@media (max-width: 760px) {
  .contact__col {
    width: 100%;
    float: none;
  }
}
.contact__item {
  margin-bottom: 40px;
  padding: 0 40px 0 50px;
}
@media (max-width: 1024px) {
  .contact__item {
    margin-bottom: 40px;
    padding: 0 40px 0 0;
  }
}
@media (max-width: 760px) {
  .contact__item {
    margin-bottom: 30px;
    padding: 0 20px 0 0;
  }
}
.contact__h {
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 32px;
}
.contact__p {
  color: #000000;
  font-family: open sans, sans-serif;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
}
.contact__type {
  font-weight: bold;
}
/* ----------------------------------- place-head ----------------------------------- */
.place-head {
  height: 240px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 760px) {
  .place-head {
    height: 164px;
    margin-bottom: 25px;
  }
}
.place-head_wcols {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .place-head_wcols {
    height: auto;
  }
}
.place-head__cols {
  background: #dbdbdb;
}
.place-head__cols:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.place-head__col {
  width: 50%;
  float: left;
  height: 240px;
  position: relative;
}
@media (max-width: 1024px) {
  .place-head__col {
    height: auto;
    width: 100%;
    float: none;
  }
}
.place-head__h {
  text-align: center;
  color: #fff;
  font-size: 48px;
  line-height: 50px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  padding-top: 85px;
  position: relative;
  z-index: 2;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .place-head__h {
    padding-top: 60px;
    font-size: 30px;
    line-height: 38px;
  }
}
.place-head__col a.place-head__h:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
}
.place-head__h_min {
  font-size: 36px;
  line-height: 40px;
  display: block;
  color: #fff;
  height: 100%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1024px) {
  .place-head__h_min {
    padding: 40px 0;
  }
}
.place-head__arr {
  width: 17px;
  height: 29px;
  background: url(../images/arrow-1.png) no-repeat;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .place-head__arr {
    background: url(../images/arrow-1_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.place-head__sm {
  font-size: 24px;
  line-height: 28px;
  display: block;
  font-weight: 400;
  padding-top: 20px;
}
@media (max-width: 760px) {
  .place-head__sm {
    padding-top: 0;
  }
}
.place-head__search {
  padding: 95px 50px 0;
}
@media (max-width: 1024px) {
  .place-head__search {
    padding: 49px 30px 15px;
  }
}
/* ----------------------------------- typewr ----------------------------------- */
.typewr {
  width: 45px;
  height: 45px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  left: 0;
  top: 45px;
}
@media (max-width: 760px) {
  .typewr {
    top: 15px;
  }
}
.typewr.fix {
  position: fixed;
  top: 105px;
  z-index: 84;
}
@media (max-width: 760px) {
  .typewr.fix {
    position: absolute;
  }
}
.typewr__text {
  font-size: 18px;
  line-height: 22px;
  background: #000000;
  color: #fff;
  text-transform: uppercase;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  padding: 10px 30px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.typewr__text:hover {
  color: #fff;
  background: #fd4f57;
}
/* ----------------------------------- typewr-wrap ----------------------------------- */
.typewr-wrap {
  height: 0;
  position: relative;
  z-index: 13;
}
/* ----------------------------------- typewr-outer ----------------------------------- */
.typewr-outer {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 55;
}
/* ----------------------------------- place ----------------------------------- */
.place {
  margin-bottom: 50px;
}
.place__item {
  margin-bottom: 40px;
}
.place__h {
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  margin-bottom: 10px;
  letter-spacing: -1px;
}
@media (max-width: 760px) {
  .place__h {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
  }
}
.place__row {
  display: table;
  vertical-align: top;
  width: 100%;
  border-bottom: 3px solid #000000;
}
@media (max-width: 760px) {
  .place__row {
    display: block;
  }
}
.place__col-1 {
  display: table-cell;
  vertical-align: top;
  width: 350px;
  border-right: 1px solid #000000;
  padding: 20px 0 35px;
}
@media (max-width: 760px) {
  .place__col-1 {
    border-right: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding: 0;
    margin-bottom: 25px;
    padding: 0 0 10px 0;
  }
}
.place__col-2 {
  display: table-cell;
  padding: 20px 0 35px;
}
@media (max-width: 760px) {
  .place__col-2 {
    border-right: none;
    display: block;
    width: 100%;
    padding: 0 0 35px 0;
  }
}
.place__val {
  font-family: open sans, sans-serif;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
  margin-right: 20px;
}
.place__val-a {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.place__typ {
  font-weight: bold;
}
.place__it {
  padding-left: 30px;
}
@media (max-width: 760px) {
  .place__it {
    padding-left: 0;
  }
}
.place__it:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.place__date {
  width: 80px;
  float: left;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -1px;
  color: #fd4f57;
  font-family: 'brutal', sans-serif;
  font-weight: 700;
  margin-right: -80px;
}
@media (max-width: 760px) {
  .place__date {
    margin-right: 0;
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}
.place__name-list {
  width: 100%;
  float: left;
  padding-left: 80px;
}
@media (max-width: 760px) {
  .place__name-list {
    padding-left: 0;
    float: none;
  }
}
.place__name {
  color: #000000;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 700;
  margin-bottom: 25px;
}
.place__name-l {
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.place__name-l:hover {
  color: #fd4f57;
}
.place__name.place__name_empty {
  color: #a8a8a8;
}
.place__all {
  padding-left: 80px;
  margin-left: 30px;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
}
@media (max-width: 760px) {
  .place__all {
    padding-left: 0;
    margin-left: 0;
  }
}
.place__all .place__all-l {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
/* ----------------------------------- news-date ----------------------------------- */
.news-date {
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 40px;
  color: #fd4f57;
}
@media (max-width: 760px) {
  .news-date {
    font-size: 30px;
  }
}
/* ----------------------------------- article-img ----------------------------------- */
.article-img {
  margin: -60px -40px 30px -40px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 760px) {
  .article-img {
    margin: -60px -10px 30px;
  }
}
.article-img:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/article-mask.png) 50% 50% no-repeat;
  position: absolute;
  z-index: 2;
}
@media (max-width: 760px) {
  .article-img:before {
    display: none;
  }
}
.article-img_gloss:before {
  background: url(../images/promo-lite.png) 0 50% no-repeat;
}
.article-img__img {
  width: 100%;
  display: block;
  height: auto !important;
}
@media (max-width: 480px) {
  .article-img__img {
    width: auto !important;
    max-width: none !important;
    max-height: 165px !important;
    height: 165px !important;
  }
}
.article-img__title {
  position: absolute;
  bottom: 30px;
  left: 40px;
  right: 40px;
  z-index: 3;
}
@media (max-width: 760px) {
  .article-img__title {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 10px;
  }
}
.content .article-img__h,
.article-img__h {
  color: #fff;
}
@media (max-width: 760px) {
  .content .article-img__h,
  .article-img__h {
    color: #000;
  }
}
.article-img__date {
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  color: #fd4f57;
}
/* ----------------------------------- content ----------------------------------- */
.content p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  font-family: open sans, sans-serif;
  color: #000;
}
.content img {
  max-width: 100%;
}
.content h1 {
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 15px;
  color: #000000;
}
@media (max-width: 1024px) {
  .content h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 760px) {
  .content h1 {
    font-size: 29px;
  }
}
.content h2 {
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #000000;
}
.content h3 {
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 15px;
  color: #000000;
}
.content h4 {
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #000000;
}
.content h5 {
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #000000;
}
.content h6 {
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
  color: #000000;
}
.content blockquote {
  max-width: 680px;
  margin: 0 auto 30px;
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000;
  padding: 30px;
  text-align: center;
  letter-spacing: -1px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
}
.content blockquote p {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}
.content ul {
  margin-bottom: 30px;
  list-style: url(../images/li.png) outside;
}
.content ol {
  margin-bottom: 30px;
  list-style: decimal outside;
}
.content li {
  margin: 25px 0 0 60px;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  position: relative;
  color: #000;
}
.content .list {
  list-style: url(../images/li-2.png) outside;
}
.content .list li {
  padding-left: 5px;
  margin-bottom: 15px;
  margin-top: 0;
}
.list_2 li {
  margin-left: 20px;
}
.content table {
  margin-bottom: 20px;
}
.content td {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  padding: 10px;
  border: 1px solid #000000;
}
.content th {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  padding: 10px;
  border: 1px solid #000000;
}
@media (max-width: 760px) {
  .content iframe {
    height: 300px;
  }
}
/* ----------------------------------- strong ----------------------------------- */
.strong {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- shop-ol ----------------------------------- */
.content .shop-ol {
  list-style: none;
}
.content .shop-ol li {
  margin-left: 80px;
}
@media (max-width: 760px) {
  .content .shop-ol li {
    margin-left: 0;
  }
}
.shop-ol__before {
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #fd4f57;
  position: absolute;
  left: -80px;
  top: -5px;
  width: 80px;
}
@media (max-width: 760px) {
  .shop-ol__before {
    position: static;
    display: inline-block;
  }
}
/* ----------------------------------- shop-add ----------------------------------- */
.shop-add {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- gallery ----------------------------------- */
.gallery {
  width: 610px;
  margin: 0 auto 40px;
  position: relative;
}
@media (max-width: 760px) {
  .gallery {
    width: 100%;
  }
}
.gallery__viewport {
  overflow: hidden;
  width: 610px;
}
@media (max-width: 760px) {
  .gallery__viewport {
    width: 100%;
  }
}
.content .gallery__list,
.gallery__list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 50000px;
}
.gallery__list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.gallery__slide,
.content .gallery__slide {
  width: 610px;
  float: left;
  padding: 0;
  margin: 0;
}
.gallery__img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.gallery__title {
  margin-bottom: 20px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  font-style: italic;
}
.gallery__nav,
.content .gallery__nav {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.gallery__nav li,
.content .gallery__nav li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  border: 3px solid #000000;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -100px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.gallery__nav li:hover,
.gallery__nav li.active {
  background: #fd4f57;
  border-color: #fd4f57;
}
.gallery__prev,
.gallery__next {
  width: 44px;
  height: 29px;
  display: block;
  position: absolute;
  z-index: 6;
  top: 210px;
}
@media (max-width: 760px) {
  .gallery__prev,
  .gallery__next {
    display: none;
  }
}
.gallery__prev {
  left: -100px;
}
@media (max-width: 1024px) {
  .gallery__prev {
    left: -78px;
  }
}
.gallery__next {
  right: -100px;
}
@media (max-width: 1024px) {
  .gallery__next {
    right: -78px;
  }
}
.gallery__prev.disabled,
.gallery__next.disabled {
  opacity: .4;
  cursor: default;
}
.gallery__prev:before,
.gallery__next:before,
.gallery__prev:after,
.gallery__next:after {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.gallery__prev:before,
.gallery__prev:after {
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .gallery__prev:before,
  .gallery__prev:after {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.gallery__next:before,
.gallery__next:after {
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .gallery__next:before,
  .gallery__next:after {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.gallery__prev:before {
  background-position: 0 0;
  z-index: 0;
  opacity: 1;
}
.gallery__prev:hover:before {
  opacity: 0;
}
.gallery__prev.disabled:before {
  opacity: 1;
}
.gallery__next:before {
  background-position: 0 0;
  z-index: 0;
  opacity: 1;
}
.gallery__next:hover:before {
  opacity: 0;
}
.gallery__next.disabled:before {
  opacity: 1;
}
.gallery__prev:after {
  background-position: 0 100%;
  z-index: 1;
  opacity: 0;
}
.gallery__prev:hover:after {
  opacity: 1;
}
.gallery__prev.disabled:after {
  opacity: 0;
}
.gallery__next:after {
  background-position: 0 100%;
  z-index: 1;
  opacity: 0;
}
.gallery__next:hover:after {
  opacity: 1;
}
.gallery__next.disabled:after {
  opacity: 0;
}
/* ----------------------------------- event ----------------------------------- */
.event__cols {
  margin-bottom: 35px;
}
.event__cols:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.event__col-1 {
  width: 290px;
  float: left;
  margin-right: -290px;
}
@media (max-width: 1024px) {
  .event__col-1 {
    display: none;
  }
}
.event__col-2 {
  padding-left: 290px;
}
@media (max-width: 1024px) {
  .event__col-2 {
    padding-left: 0;
  }
}
.event__img {
  width: 245px;
  height: 245px;
}
.event__table {
  height: 245px;
  border-bottom: 3px solid #000000;
  width: 100%;
  display: table;
  margin-bottom: 0;
}
.event__table td {
  padding: 0;
  border: none;
}
.event__tr-mob {
  display: none;
}
@media (max-width: 760px) {
  .event__tr-mob {
    display: table-row;
  }
}
.event__tr-desk {
  display: table-row;
}
@media (max-width: 760px) {
  .event__tr-desk {
    display: none;
  }
}
.event__h {
  font-size: 30px;
  line-height: 36px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 10px;
  display: block;
}
.event__table .event__td-1 {
  border-right: 1px solid #000000;
  display: table-cell;
  vertical-align: top;
  width: 520px;
}
@media (max-width: 760px) {
  .event__table .event__td-1 {
    border-right: none;
  }
}
.event__table .event__td-2 {
  width: 170px;
  display: table-cell;
  vertical-align: top;
}
.event__p {
  font-family: open sans, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.event__b {
  font-weight: bold;
}
.event__old {
  font-size: 16px;
  line-height: 20px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
  padding: 0 20px 0 10px;
  display: inline-block;
}
.event__type {
  font-size: 16px;
  line-height: 20px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}
.event__info {
  padding-bottom: 20px;
}
.event__inf {
  margin-bottom: 20px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-family: open sans, sans-serif;
}
.event__type {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.event__table .event__td-3 {
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  vertical-align: middle;
  height: 45px;
}
@media (max-width: 760px) {
  .event__table .event__td-3 {
    border-right: none;
  }
}
.event__date {
  text-align: right;
  padding: 5px 0;
  color: #fd4f57;
  font-size: 28px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 600;
}
@media (max-width: 760px) {
  .event__date {
    display: inline-block;
    margin-right: 20px;
    font-size: 24px;
    line-height: 30px;
  }
}
.event__time {
  text-align: right;
  color: #000000;
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 700;
}
@media (max-width: 760px) {
  .event__time {
    display: inline-block;
  }
}
/* ----------------------------------- selection ----------------------------------- */
.selection {
  background: #e1e1e1;
}
.selection:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.selection__menu {
  float: left;
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  padding: 13px 0 13px 40px;
  width: 80%;
}
@media (max-width: 760px) {
  .selection__menu {
    width: 100%;
    float: none;
    padding: 20px 15px 15px 0;
    background: #fff;
  }
}
.selection__l {
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
  color: #000000;
  margin-left: 50px;
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1024px) {
  .selection__l {
    margin-left: 35px;
  }
}
@media (max-width: 760px) {
  .selection__l {
    font-size: 21px;
    line-height: 24px;
    margin: 0 30px 10px 10px;
  }
}
.selection__l:hover,
.selection__l.active {
  color: #fd4f57;
}
.selection__back {
  width: 44px;
  height: 29px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
@media (max-width: 760px) {
  .selection__back {
    display: none;
  }
}
.selection__back:after,
.selection__back:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .selection__back:after,
  .selection__back:before {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.selection__back:after {
  background-position: 0 0;
  opacity: 1;
}
.selection__back:hover:after {
  opacity: 0;
}
.selection__back:before {
  background-position: 0 100%;
  opacity: 0;
}
.selection__back:hover:before {
  opacity: 1;
}
.selection__filtr {
  float: right;
}
/* ----------------------------------- selects ----------------------------------- */
.sod_select {
  position: relative;
  height: 50px;
  display: block;
  outline: none;
  cursor: pointer;
}
.selection__filtr .sod_select {
  height: 60px;
}
.sod_select.open {
  background: #fff;
}
.sod_select:after {
  content: "";
  display: block;
  width: 19px;
  height: 11px;
  background: url(../images/arr-4.png) no-repeat;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .sod_select:after {
    background: url(../images/arr-4_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.cols-in__filtr .sod_select:after {
  right: 0;
}
.sod_select.open:after {
  background-position: 0 100%;
}
.sod_select select {
  display: none;
}
.sod_label {
  display: block;
  padding: 15px 0 15px 0;
  margin: 0 45px 0 19px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  font-family: open sans, sans-serif;
  text-align: right;
}
@media (max-width: 760px) {
  .sod_label {
    margin: 0 45px 0 0;
  }
}
.sod_list_wrapper {
  position: absolute;
  top: 100%;
  display: none;
  right: 0;
  background: #fff;
  border: 1px solid #dadada;
  border-top: none;
  z-index: 4;
  max-height: 300px;
  overflow: auto;
  width: 300px;
  padding: 10px 0 0;
}
.selection__filtr .sod_list_wrapper {
  right: 0;
  left: auto;
}
.sod_list {
  display: block;
}
.sod_select.open .sod_list_wrapper {
  display: block;
}
.sod_option {
  display: block;
  padding: 0 15px 10px;
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  color: #000000;
  text-align: right;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.sod_option.selected,
.sod_option:hover {
  color: #fd4f57;
}
.sod_select.touch select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 3;
}
/* kostil suka */
#filter-by-year .sod_list_wrapper {
  width: 120px;
}
/* ----------------------------------- film-list ----------------------------------- */
.film-list_bg {
  background: #000000;
}
.film-list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.film-list__item {
  width: 25%;
  float: left;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .film-list__item {
    width: 20%;
  }
}
@media (max-width: 1024px) {
  .film-list__item {
    width: 33.33333%;
  }
}
@media (max-width: 760px) {
  .film-list__item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .film-list__item {
    width: 100%;
  }
}
.film-list__link {
  display: block;
  position: relative;
}
.film-list__link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  position: absolute;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.film-list__link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/shadow-1.png) 0 100% repeat-x;
  position: absolute;
  z-index: 1;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.film-list__link:hover:before {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 0 3px #fd4f57 inset;
}
.film-list__item img,
.film-list__img {
  display: block;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: auto !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.film-list__title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 3;
}
.film-list__h {
  color: #fff;
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
@media (min-width: 1440px) {
  .film-list__h {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 1024px) {
  .film-list__h {
    font-size: 30px;
    line-height: 30px;
  }
}
.film-list__year {
  color: #fff;
  display: block;
  font-family: 'brutal', sans-serif;
  font-size: 24px;
  line-height: 30px;
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .film-list__year {
    font-size: 20px;
    line-height: 20px;
  }
}
.film-list__summ {
  color: #fd4f57;
  display: block;
  font-family: 'brutal', sans-serif;
  font-size: 24px;
  line-height: 30px;
  padding-top: 10px;
  display: none;
}
.film-list__link:hover .film-list__summ {
  display: block;
}
.film-list__coloumns {
  margin-right: -10px;
}
.film-list__coloumn {
  width: 50%;
  float: left;
  padding-right: 10px;
}
@media (max-width: 480px) {
  .film-list__coloumn {
    width: 100%;
    margin-bottom: 10px;
  }
}
.film-list__coloumns_one .film-list__coloumn {
  width: 100%;
  float: none;
}
@media (max-width: 760px) {
  .film-list__coloumns_one .film-list__coloumn {
    width: 50%;
    float: left;
  }
}
@media (max-width: 480px) {
  .film-list__coloumns_one .film-list__coloumn {
    width: 100%;
    margin-bottom: 10px;
    float: none;
  }
}
.film-list__coloumns_one .film-list__coloumn:first-child {
  display: none;
}
@media (max-width: 760px) {
  .film-list__coloumns_one .film-list__coloumn:first-child {
    display: block;
  }
}
/* ----------------------------------- vsoc likes ----------------------------------- */
.vsoc {
  position: absolute;
  right: 45px;
  top: 45px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
}
@media (max-width: 760px) {
  .vsoc {
    width: 268px;
    left: 50%;
    margin-left: -134px;
    top: 310px;
    text-align: center;
  }
}
.vsoc .social-likes {
  display: inline-block;
  vertical-align: top;
}
.vsoc .social-likes__widget {
  display: block;
  width: 70px;
  min-height: 70px;
  border: 3px solid #000000;
  margin: 0 0 -3px 0;
  color: #000000;
  background: none;
  text-align: center;
  background: url(../images/dot-white.png) repeat;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1024px) {
  .vsoc .social-likes__widget {
    float: right;
    margin: 0 0 0 -3px;
  }
}
.vsoc .social-likes__widget:hover {
  background: #000000;
  color: #fff;
}
.vsoc .social-likes__button {
  display: inline-block;
  height: 41px;
  width: 41px;
  font-size: 0;
  line-height: 0;
  text-indent: -1000px;
  overflow: hidden;
  vertical-align: middle;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.vsoc .social-likes__button_vkontakte {
  background: url(../images/vk.png) 0 100% no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .vsoc .social-likes__button_vkontakte {
    background: url(../images/vk_2x.png) 0 100% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.vsoc .social-likes__button_facebook {
  background: url(../images/fb.png) 0 100% no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .vsoc .social-likes__button_facebook {
    background: url(../images/fb_2x.png) 0 100% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.vsoc .social-likes__button_twitter {
  background: url(../images/tw.png) 0 100% no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .vsoc .social-likes__button_twitter {
    background: url(../images/tw_2x.png) 0 100% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.vsoc .social-likes__button_comment {
  background: url(../images/cm.png) 0 100% no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .vsoc .social-likes__button_comment {
    background: url(../images/cm_2x.png) 0 100% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.vsoc .social-likes__widget:hover .social-likes__button_vkontakte {
  background-position: 0 0;
}
.vsoc .social-likes__widget:hover .social-likes__button_facebook {
  background-position: 0 0;
}
.vsoc .social-likes__widget:hover .social-likes__button_twitter {
  background-position: 0 0;
}
.vsoc .social-likes__widget:hover .social-likes__button_comment {
  background-position: 0 0;
}
.vsoc .social-likes__counter {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  font-family: open sans, sans-serif;
  display: block;
}
.vsoc .social-likes__counter_empty {
  display: inline-block;
  width: 1px;
  height: 60px;
  vertical-align: middle;
  margin-left: -1px;
}
/* ----------------------------------- popup ----------------------------------- */
.popup {
  position: fixed;
  z-index: 55;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
}
.popup__close {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.popup__block {
  width: 690px;
  overflow: hidden;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  padding: 0 40px;
  position: absolute;
  z-index: 2;
}
@media (max-width: 760px) {
  .popup__block {
    width: 100%;
    padding: 0 10px;
  }
}
.popup__block .close {
  display: none;
}
@media (max-width: 760px) {
  .popup__block .close {
    display: block;
  }
}
.popup__block_2 {
  width: 530px;
}
@media (max-width: 760px) {
  .popup__block_2 {
    width: 100%;
  }
}
.popup__head {
  height: 80px;
  border-bottom: 1px solid #4c4c4c;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  padding-top: 35px;
}
.popup__head a {
  color: #fff;
}
.popup__head a:hover {
  color: #fd4f57;
}
.popup__head-link {
  color: #fff;
  display: inline-block;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.popup__head-link:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 19px;
  vertical-align: middle;
  background: url(../images/arrow-2.png);
  margin-left: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .popup__head-link:after {
    background: url(../images/arrow-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.popup__head-link:hover {
  color: #fd4f57;
}
.popup__scroll {
  position: absolute;
  top: 100px;
  overflow: hidden;
  bottom: 0;
  left: 0;
  padding: 0 40px;
}
@media (max-width: 760px) {
  .popup__scroll {
    padding: 0 10px;
  }
}
.popup__link {
  display: block;
  position: relative;
}
.popup__link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.popup__link:hover:before {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 0 3px #fd4f57 inset;
}
.popup__menu-link {
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.popup__menu-link:hover,
.popup__menu-link.active {
  color: #fd4f57;
}
.popup__li {
  margin-bottom: 20px;
}
.popup__img {
  width: 610px;
  display: block;
}
@media (max-width: 760px) {
  .popup__img {
    width: 100%;
    height: auto;
  }
}
.popup__title {
  position: absolute;
  z-index: 2;
  color: #fff;
  bottom: 25px;
  left: 30px;
  right: 30px;
}
.popup__txt {
  display: block;
  font-size: 48px;
  line-height: 55px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 15px;
}
@media (max-width: 760px) {
  .popup__txt {
    font-size: 36px;
    line-height: 40px;
  }
}
.popup__year {
  display: block;
  font-family: 'brutal', sans-serif;
  font-size: 24px;
  line-height: 30px;
}
.popup__scrollbar {
  position: absolute;
  right: 0px;
  top: 100px;
  bottom: 0;
  width: 40px;
  z-index: 6;
  cursor: move;
}
.popup__drag {
  width: 3px;
  background: #bbb;
  margin: 0 auto;
}
/* ----------------------------------- infslider ----------------------------------- */
.infslider {
  width: 980px;
  margin: 0 auto 90px;
  border-bottom: 3px solid #000000;
  position: relative;
}
@media (max-width: 1024px) {
  .infslider {
    width: auto;
    margin: 0 10px 90px;
  }
}
.infslider__top {
  margin-bottom: 25px;
}
.infslider__tab {
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  display: inline-block;
  margin: 0 35px 10px 0;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.infslider__tab:hover,
.infslider__tab.active {
  color: #fd4f57;
}
.infslider__col-1 {
  width: 610px;
  float: left;
}
@media (max-width: 1024px) {
  .infslider__col-1 {
    float: none;
    width: auto;
    margin-bottom: 15px;
  }
}
.infslider__col-2 {
  width: 370px;
  float: left;
  padding: 0 0 50px 40px;
}
@media (max-width: 1024px) {
  .infslider__col-2 {
    padding: 0 0 50px 0;
    width: auto;
  }
}
.infslider__img-wrap {
  width: 610px;
  height: 450px;
  position: relative;
}
@media (max-width: 1024px) {
  .infslider__img-wrap {
    max-width: 610px;
    width: 100%;
  }
}
@media (max-width: 760px) {
  .infslider__img-wrap {
    height: 300px;
  }
}
.infslider__img {
  width: auto;
  height: 100%;
}
.infslider__slides {
  width: 610px;
  height: 450px;
  display: block;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .infslider__slides {
    max-width: 610px;
    height: auto;
    width: 100%;
  }
}
.infslider__ul {
  width: 50000px;
}
.infslider__ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.infslider__li {
  float: left;
  width: 610px;
  height: 450px;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 760px) {
  .infslider__li {
    height: 300px;
  }
}
.infslider__prev,
.infslider__next {
  width: 90px;
  height: 45px;
  display: block;
  position: absolute;
  z-index: 6;
  top: 50%;
  margin-top: -22px;
  background: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.infslider__prev:hover,
.infslider__next:hover {
  background: #fd4f57;
}
.infslider__prev {
  left: 0;
}
.infslider__next {
  right: 0;
}
.infslider__prev:before,
.infslider__next:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  top: 8px;
}
.infslider__prev:before {
  left: 23px;
  background: url(../images/arrows-left.png) 0 -34px no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .infslider__prev:before {
    background: url(../images/arrows-left_2x.png) 0 -34px no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.infslider__next:before {
  right: 23px;
  background: url(../images/arrows-right.png) 0 -34px no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .infslider__next:before {
    background: url(../images/arrows-right_2x.png) 0 -34px no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.infslider__prev.disabled,
.infslider__next.disabled {
  opacity: .4;
  background: none;
  cursor: default;
}
.infslider__counter {
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  font-weight: 500;
  font-family: 'brutal', sans-serif;
  margin-bottom: 25px;
}
.infslider__h {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  font-family: 'brutal', sans-serif;
  margin-bottom: 10px;
}
.infslider__p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-family: open sans, sans-serif;
  margin-bottom: 20px;
}
.infslider__more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 153px;
  border: 1px solid #000000;
  text-align: center;
  font-weight: 500;
  font-family: 'brutal', sans-serif;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
  border-bottom: none;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.infslider__more:hover {
  color: #fd4f57;
}
.infslider__type {
  color: #fd4f57;
}
.infslider__cols:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.infslider__descrip-it {
  display: none;
}
.infslider__descrip-it:first-child {
  display: block;
}
/* ----------------------------------- citslider ----------------------------------- */
.citslider {
  width: 1000px;
  padding: 40px 10px 0;
  margin: 0 auto 90px;
}
@media (max-width: 1024px) {
  .citslider {
    width: 100%;
    padding: 10px 10px 0;
    margin-bottom: 35px;
  }
}
.citslider_side {
  width: 100%;
  padding: 0;
  margin: 0 auto 40px;
}
.citslider:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.citslider__col-1 {
  width: 31.1%;
  float: left;
  padding-right: 60px;
}
.citslider__col-2 {
  width: 68.9%;
  float: left;
}
.citslider__cit {
  font-size: 28px;
  line-height: 34px;
  font-family: 'brutal', sans-serif;
  padding: 15px 125px;
  position: relative;
}
@media (max-width: 1024px) {
  .citslider__cit {
    padding: 15px 0;
  }
}
.citslider_side .citslider__cit {
  padding: 0 0 15px 0;
}
.citslider__cit:after,
.citslider__cit:before {
  content: "";
  display: block;
  width: 49px;
  height: 41px;
  position: absolute;
  background: url(../images/cit.png) no-repeat;
}
@media (max-width: 1024px) {
  .citslider__cit:after,
  .citslider__cit:before {
    display: none;
  }
}
.citslider_side .citslider__cit:after,
.citslider_side .citslider__cit:before {
  display: none;
}
.citslider__cit:after {
  left: 30px;
  top: 0;
  background-position: 0 0;
}
.citslider__cit:before {
  right: 30px;
  bottom: 0;
  background-position: 100% 0;
}
.citslider__person {
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
  color: #000000;
  font-family: open sans, sans-serif;
  text-align: right;
  margin-right: 125px;
}
.citslider_side .citslider__person {
  margin-right: 0;
}
.citslider__carousel {
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
}
.citslider__list {
  width: 50000px;
}
.citslider__list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.citslider__li {
  width: 980px;
  float: left;
}
.citslider_side .citslider__li {
  width: 330px;
}
.citslider__nav {
  height: 30px;
  position: relative;
  padding-top: 10px;
}
.citslider__dots {
  margin: 0 50px;
  text-align: center;
}
.citslider__prev,
.citslider__next {
  width: 44px;
  height: 29px;
  display: block;
  position: absolute;
  z-index: 6;
  top: 0;
}
.citslider__prev.disabled,
.citslider__next.disabled {
  opacity: .3;
  cursor: default;
}
.citslider__prev {
  left: 0;
}
.citslider__next {
  right: 0;
}
.citslider__prev:before,
.citslider__next:before,
.citslider__prev:after,
.citslider__next:after {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.citslider__prev:before,
.citslider__prev:after {
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .citslider__prev:before,
  .citslider__prev:after {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.citslider__next:before,
.citslider__next:after {
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .citslider__next:before,
  .citslider__next:after {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.citslider__prev:before {
  background-position: 0 0;
  z-index: 0;
  opacity: 1;
}
.citslider__prev:hover:before {
  opacity: 0;
}
.citslider__prev.disabled:before {
  opacity: 1;
}
.citslider__next:before {
  background-position: 100% 0;
  z-index: 0;
  opacity: 1;
}
.citslider__next:hover:before {
  opacity: 0;
}
.citslider__next.disabled:before {
  opacity: 1;
}
.citslider__prev:after {
  background-position: 0 100%;
  z-index: 1;
  opacity: 0;
}
.citslider__prev:hover:after {
  opacity: 1;
}
.citslider__prev.disabled:after {
  opacity: 0;
}
.citslider__next:after {
  background-position: 100% 100%;
  z-index: 1;
  opacity: 0;
}
.citslider__next:hover:after {
  opacity: 1;
}
.citslider__next.disabled:after {
  opacity: 0;
}
.citslider__dots li {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border: 3px solid #000000;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  text-indent: -100px;
  overflow: hidden;
  margin: 0 10px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.citslider__dots li.active,
.citslider__dots li:hover {
  background: #fd4f57;
  border-color: #fd4f57;
}
/* ----------------------------------- container ----------------------------------- */
.container {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .container {
    width: auto;
    padding: 0 20px;
  }
}
@media (max-width: 760px) {
  .container {
    padding: 0 10px;
  }
}
/* ----------------------------------- container ----------------------------------- */
.building {
  padding: 10px 0 100px;
}
@media (max-width: 1024px) {
  .building {
    padding: 0 0 50px;
  }
}
.building__img-wrap {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 760px) {
  .building__img {
    width: 240px;
  }
}
.building__description {
  padding-bottom: 50px;
}
/* ----------------------------------- container ----------------------------------- */
.nav-bot__show {
  font-weight: 500;
  font-family: 'brutal', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  background: url(../images/dot-black.gif) 0 100% repeat-x;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.nav-bot__show:hover {
  color: #fd4f57;
  background-image: url(../images/dot-red.gif);
}
.nav-bot:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.nav-bot__col-1 {
  float: left;
  width: 70%;
  min-height: 1px;
}
@media (max-width: 760px) {
  .nav-bot__col-1 {
    width: 100%;
    float: none;
  }
}
.nav-bot__col-2 {
  float: left;
  text-align: right;
  width: 30%;
  padding-top: 10px;
}
@media (max-width: 760px) {
  .nav-bot__col-2 {
    width: 100%;
    float: none;
    text-align: center;
    padding-top: 15px;
  }
}
/* ----------------------------------- chess ----------------------------------- */
.chess {
  position: relative;
  margin-bottom: 50px;
}
.chess:before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  left: 50%;
  background: #000000;
  position: absolute;
  z-index: 2;
}
@media (max-width: 1024px) {
  .chess:before {
    display: none;
  }
}
.chess__li {
  margin-bottom: 40px;
}
.chess__li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.chess__col-1 {
  width: 50%;
  float: left;
}
@media (max-width: 1024px) {
  .chess__col-1 {
    width: 280px;
    margin-right: -280px;
  }
}
@media (max-width: 760px) {
  .chess__col-1 {
    display: none;
  }
}
.chess__col-2 {
  width: 50%;
  float: left;
}
@media (max-width: 1024px) {
  .chess__col-2 {
    width: 100%;
    padding-left: 280px;
  }
}
@media (max-width: 760px) {
  .chess__col-2 {
    padding-left: 0;
  }
}
.chess__inf {
  padding: 0 0 0 40px;
}
@media (max-width: 760px) {
  .chess__inf {
    padding-left: 0;
  }
}
.chess__li:nth-child(even) .chess__col-1 {
  float: right;
}
@media (max-width: 1024px) {
  .chess__li:nth-child(even) .chess__col-1 {
    float: left;
  }
}
.chess__li:nth-child(even) .chess__col-2 {
  float: right;
}
@media (max-width: 1024px) {
  .chess__li:nth-child(even) .chess__col-2 {
    float: left;
  }
}
.chess__li:nth-child(even) .chess__inf {
  padding: 0 20px 0 0;
}
@media (max-width: 1024px) {
  .chess__li:nth-child(even) .chess__inf {
    padding: 0 0 0 40px;
  }
}
@media (max-width: 760px) {
  .chess__li:nth-child(even) .chess__inf {
    padding-left: 0;
  }
}
.chess__img {
  display: block;
  width: 100%;
  height: auto;
}
.chess__date {
  font-size: 24px;
  line-height: 30px;
  color: #fd4f57;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin: -5px 0 10px;
}
.chess__h {
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}
@media (max-width: 760px) {
  .chess__h {
    margin-bottom: 0;
  }
}
.chess__l {
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.chess__l:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 19px;
  background: url(../images/arrow-2.png) no-repeat;
  margin-left: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .chess__l:after {
    background: url(../images/arrow-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.chess__l:hover {
  color: #fd4f57;
}
.chess__p {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  color: #000000;
  margin-bottom: 15px;
}
@media (max-width: 760px) {
  .chess__p {
    display: none;
  }
}
.chess__bottom {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
}
@media (max-width: 760px) {
  .chess__bottom {
    display: none;
  }
}
.chess__more {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
/* ----------------------------------- pagination ----------------------------------- */
@media (max-width: 760px) {
  .pagination {
    display: none;
  }
}
.pagination__prev,
.pagination__next {
  width: 44px;
  height: 29px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.pagination__prev {
  margin-right: 20px;
}
.pagination__next {
  margin-left: 20px;
}
.pagination__prev:before,
.pagination__next:before,
.pagination__prev:after,
.pagination__next:after {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.pagination__prev:before,
.pagination__prev:after {
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .pagination__prev:before,
  .pagination__prev:after {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.pagination__next:before,
.pagination__next:after {
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .pagination__next:before,
  .pagination__next:after {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.pagination__prev:before {
  background-position: 0 0;
  z-index: 0;
  opacity: 1;
}
.pagination__prev:hover:before {
  opacity: 0;
}
.pagination__next:before {
  background-position: 0 0;
  z-index: 0;
  opacity: 1;
}
.pagination__next:hover:before {
  opacity: 0;
}
.pagination__prev:after {
  background-position: 0 100%;
  z-index: 1;
  opacity: 0;
}
.pagination__prev:hover:after {
  opacity: 1;
}
.pagination__next:after {
  background-position: 0 100%;
  z-index: 1;
  opacity: 0;
}
.pagination__next:hover:after {
  opacity: 1;
}
.pagination__link {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  font-size: 21px;
  line-height: 30px;
  font-weight: bold;
  padding-top: 8px;
  text-align: center;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.pagination__link:hover {
  color: #fd4f57;
}
.pagination__link.active {
  box-shadow: 0 0 0 3px #fd4f57 inset;
  color: #fd4f57;
}
.pagination__points {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 45px;
  font-size: 21px;
  line-height: 30px;
  font-weight: bold;
  padding-top: 8px;
  text-align: center;
  color: #000000;
}
/* ----------------------------------- cols-in ----------------------------------- */
.cols-in {
  margin-bottom: 150px;
  min-height: 1px;
  position: relative;
  letter-spacing: -4px;
  font-size: 0;
  line-height: 0;
}
@media (max-width: 760px) {
  .cols-in {
    margin-bottom: 50px;
  }
}
.cols-in:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.cols-in__col-1 {
  width: 700px;
  min-height: 1px;
  vertical-align: top;
  letter-spacing: normal;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .cols-in__col-1 {
    display: block;
    width: 100%;
  }
}
.cols-in__col-1_right {
  float: right;
}
@media (max-width: 1024px) {
  .cols-in__col-1_right {
    float: none;
  }
}
.cols-in__col-2 {
  width: 240px;
  margin-left: 40px;
  min-height: 1px;
  vertical-align: top;
  letter-spacing: normal;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .cols-in__col-2 {
    display: block;
    width: 100%;
    margin: 0;
  }
}
.cols-in__col-2_right {
  float: right;
}
@media (max-width: 1024px) {
  .cols-in__col-2_right {
    float: none;
  }
}
@media (max-width: 1024px) {
  .cols-in__col-2_xhid {
    display: none;
  }
}
.cols-in__top {
  border-bottom: 1px solid #dadada;
  min-height: 75px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .cols-in__col-2_right .cols-in__top {
    border-bottom: none;
    min-height: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .cols-in__top_xhid {
    display: none;
  }
}
@media (max-width: 1024px) {
  .cols-in__top_dhid {
    border-bottom: none;
    min-height: 0;
    margin-bottom: 20px;
  }
}
.cols-in__top:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.cols-in__h-wrap {
  float: left;
}
.cols-in__filtr {
  float: right;
  padding-top: 24px;
}
@media (max-width: 760px) {
  .cols-in__filtr {
    float: none;
    clear: both;
  }
}
.cols-in__h {
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  padding-top: 20px;
}
.cols-in__place {
  height: 50px;
}
.cols-in__place_wbord {
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .cols-in__place_hide {
    display: none;
  }
}
/* ----------------------------------- media ----------------------------------- */
.media__list {
  padding: 15px 0 10px;
}
.media__li {
  margin-bottom: 40px;
  border-bottom: 3px solid #000000;
  position: relative;
}
.media__date {
  width: 115px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 36px;
  line-height: 40px;
  color: #fd4f57;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}
@media (max-width: 760px) {
  .media__date {
    display: none;
  }
}
.media__inf {
  min-height: 30px;
  padding-left: 115px;
}
@media (max-width: 760px) {
  .media__inf {
    padding-left: 0;
  }
}
.media__h {
  margin-bottom: 10px;
  font-family: 'brutal', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}
.media__l {
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.media__l:hover {
  color: #fd4f57;
}
.media__p {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 760px) {
  .media__more {
    border-top: 1px solid #000000;
  }
}
.media__more:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.media__more-l {
  float: right;
  width: 153px;
  border: 1px solid #000000;
  border-bottom: none;
  display: block;
  text-align: center;
  padding: 10px 0;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .media__more-l {
    border-top: none;
    border-right: none;
  }
}
.media__more-l:hover {
  color: #fd4f57;
}
.media__more-date {
  float: left;
  font-size: 28px;
  line-height: 36px;
  color: #fd4f57;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
  display: none;
  padding: 2px 0;
  height: 40px;
}
@media (max-width: 760px) {
  .media__more-date {
    display: block;
  }
}
.cols-in__col--padding-top {
  padding-top: 30px;
}
/*right menu*/
.right-menu {
  padding-bottom: 30px;
}
@media (max-width: 1024px) {
  .right-menu {
    padding-bottom: 0;
  }
}
.right-menu__li {
  padding: 0 0 15px;
}
.right-menu__li a {
  color: #000000;
  font-weight: 600;
  font-family: 'open sans', sans-serif;
  background: url(../images/dot-black.gif) 0 100% repeat-x;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.right-menu__li a.active,
.right-menu__li a:hover {
  color: #fd4f57;
  background-image: url(../images/dot-red.gif);
}
/* ----------------------------------- checklist ----------------------------------- */
.checklist {
  padding-bottom: 30px;
}
@media (max-width: 760px) {
  .checklist {
    padding-bottom: 10px;
  }
}
.checklist:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.checklist__li {
  padding: 0 15px 15px 30px;
}
@media (max-width: 1024px) {
  .filter-section-list .checklist__li {
    display: inline-block;
    width: 46%;
    vertical-align: top;
  }
}
@media (max-width: 760px) {
  .filter-section-list .checklist__li {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .subdistributors-nav .checklist__li {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
.checklist__check {
  position: relative;
  color: #000000;
  font-family: open sans, sans-serif;
  font-weight: 600;
  background: url(../images/dot-black.gif) 0 100% repeat-x;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.checklist__check:hover {
  color: #fd4f57;
  background-image: url(../images/dot-red.gif);
}
.checklist__check.active {
  color: #fd4f57;
  background-image: url(../images/dot-red.gif);
}
.checklist__check.active:before {
  content: "";
  display: block;
  width: 21px;
  height: 16px;
  background: url(../images/check.png) no-repeat;
  position: absolute;
  left: -28px;
  top: 4px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .checklist__check.active:before {
    background: url(../images/check_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
/* ----------------------------------- press ----------------------------------- */
.press {
  display: block;
  border: 3px solid #000000;
  color: #000000;
  text-transform: uppercase;
  padding: 15px 70px 15px 20px;
  font-size: 18px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  font-weight: 600;
  position: relative;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1024px) {
  .press {
    margin-bottom: 50px;
    text-align: center;
  }
}
@media (max-width: 760px) {
  .press {
    margin-bottom: 30px;
    text-align: left;
    clear: both;
  }
}
.press:hover {
  border-color: #fd4f57;
  color: #fd4f57;
}
.press__ic {
  position: relative;
  width: 44px;
  height: 29px;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.press__ic:before,
.press__ic:after {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .press__ic:before,
  .press__ic:after {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.press__ic:before {
  background-position: 0 0;
  z-index: 0;
  opacity: 1;
}
.press:hover .press__ic:before {
  opacity: 0;
}
.press__ic:after {
  background-position: 0 100%;
  z-index: 1;
  opacity: 0;
}
.press:hover .press__ic:after {
  opacity: 1;
}
/* ----------------------------------- poster ----------------------------------- */
.poster {
  max-width: 350px;
}
.poster__img {
  display: inline-block;
  width: auto;
  height: 520px;
}
.poster__title {
  padding: 15px 0;
  font-family: open sans, sans-serif;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
.poster__slider {
  overflow: hidden;
}
.poster__list {
  width: 50000px;
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}
.poster__list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.poster__li {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: normal;
  width: 350px;
  text-align: center;
}
.poster__bot {
  position: relative;
  min-height: 29px;
}
.poster__nav {
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
.poster__prev,
.poster__next {
  width: 44px;
  height: 29px;
  display: block;
  position: absolute;
  z-index: 6;
  top: 0;
}
.poster__prev.disabled,
.poster__next.disabled {
  opacity: .3;
  cursor: default;
}
.poster__prev {
  left: 0;
}
.poster__next {
  right: 0;
}
.poster__prev:before,
.poster__next:before,
.poster__prev:after,
.poster__next:after {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.poster__prev:before,
.poster__prev:after {
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .poster__prev:before,
  .poster__prev:after {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.poster__next:before,
.poster__next:after {
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .poster__next:before,
  .poster__next:after {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.poster__prev:before {
  background-position: 0 0;
  z-index: 0;
  opacity: 1;
}
.poster__prev:hover:before {
  opacity: 0;
}
.poster__prev.disabled:before {
  opacity: 1;
}
.poster__next:before {
  background-position: 0 0;
  z-index: 0;
  opacity: 1;
}
.poster__next:hover:before {
  opacity: 0;
}
.poster__next.disabled:before {
  opacity: 1;
}
.poster__prev:after {
  background-position: 0 100%;
  z-index: 1;
  opacity: 0;
}
.poster__prev:hover:after {
  opacity: 1;
}
.poster__prev.disabled:after {
  opacity: 0;
}
.poster__next:after {
  background-position: 0 100%;
  z-index: 1;
  opacity: 0;
}
.poster__next:hover:after {
  opacity: 1;
}
.poster__next.disabled:after {
  opacity: 0;
}
/* ----------------------------------- search-in ----------------------------------- */
.search-in {
  margin-bottom: 34px;
  position: relative;
}
.search-in__inner {
  position: relative;
}
.search-in__input input[type="text"] {
  width: 100%;
  border: 1px solid #dadada;
  padding: 10px 50px 10px 20px;
  font-style: italic;
  color: #000000;
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.search-in__submit {
  border: none;
  background: url(../images/search-black.svg) 0 0 no-repeat;
  width: 27px;
  height: 27px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.no-svg .search-in__submit {
  background: url(../images/search.png) no-repeat;
}
.search-in__submit:hover {
  background: url(../images/search-red.svg) 0 0 no-repeat;
}
.no-svg .search-in__submit:hover {
  background-position: 0 100%;
}
/* ----------------------------------- period ----------------------------------- */
@media (max-width: 760px) {
  .period {
    display: none;
  }
}
.period:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.period__label {
  float: left;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  font-family: open sans, sans-serif;
  width: 175px;
}
.period__block {
  width: 512px;
  float: left;
  padding-top: 10px;
  padding: 10px 13px 0 0;
}
@media (max-width: 1024px) {
  .period__block {
    float: right;
  }
}
/* ----------------------------------- period-mobile ----------------------------------- */
.period-mobile {
  display: none;
}
@media (max-width: 760px) {
  .period-mobile {
    display: block;
    margin-bottom: 30px;
  }
}
.period-mobile:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.period-mobile__col-1 {
  float: left;
}
.period-mobile__col-2 {
  float: right;
}
.period-mobile__label {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-family: open sans, sans-serif;
  display: inline-block;
  padding: 7px 0;
  font-weight: bold;
}
.period-mobile__sep {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-family: open sans, sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  font-weight: bold;
}
.period-mobile__select {
  display: inline-block;
  width: 90px;
  height: 35px;
  border: 1px solid #dadada;
  vertical-align: middle;
}
.period-mobile__select .sod_select {
  height: 33px;
}
.period-mobile__select .sod_label {
  padding: 7px;
}
/* ----------------------------------- ui-slider ----------------------------------- */
.ui-slider {
  position: relative;
  height: 3px;
}
.ui-slider-handle {
  display: block;
  cursor: pointer;
  position: absolute;
  top: -10px;
  z-index: 2;
  outline: none;
  width: 12px;
  height: 24px;
  overflow: hidden;
}
.ui-slider-handle:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  position: absolute;
  top: 0;
}
.ui-slider-handle_first {
  margin-left: -6px;
}
.ui-slider-handle_first:after {
  border-left-color: #000000;
  left: 0;
}
.ui-slider-handle_last {
  margin-left: -6px;
}
.ui-slider-handle_last:after {
  border-right-color: #000000;
  right: 0;
}
.ui-slider-years {
  position: relative;
}
.ui-slider-years:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.ui-slider-year {
  width: 12.5%;
  float: left;
  padding-top: 30px;
  font-size: 14px;
  line-height: 18px;
  font-family: open sans, sans-serif;
  text-indent: -16px;
  position: relative;
  border-top: 3px solid #000000;
}
.ui-slider-year.disabled {
  color: #a8a8a8;
  border-color: #a8a8a8;
}
.ui-slider-year.disabled-last {
  color: #000000;
  border-color: #a8a8a8;
}
.ui-slider-year_last,
.ui-slider-year_last.disabled,
.ui-slider-year_last.disabled-last {
  position: absolute;
  right: -12.5%;
  border-color: transparent;
}
.ui-slider-year:after {
  content: "";
  display: block;
  height: 11px;
  width: 3px;
  background: #000000;
  position: absolute;
  left: -1px;
  top: -7px;
  z-index: 0;
}
.ui-slider-year.disabled:after {
  background: #a8a8a8;
}
/* ----------------------------------- show-top ----------------------------------- */
.show-top {
  border-bottom: 1px solid #dadada;
  margin-bottom: 50px;
}
.cols-in__col-1 .show-top {
  position: absolute;
  top: 220px;
  width: 100%;
}
@media (max-width: 1024px) {
  .cols-in__col-1 .show-top {
    position: relative;
    top: 0;
  }
}
.show-top:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.show-top__title {
  float: left;
  width: 50%;
}
@media (max-width: 760px) {
  .show-top__title {
    float: none;
    width: 100%;
  }
}
.show-top__total {
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  padding: 5px 0;
}
.show-top__control {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  float: left;
  width: 50%;
  text-align: right;
}
@media (max-width: 760px) {
  .show-top__control {
    float: none;
    width: 100%;
  }
}
.show-top__select {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: normal;
  display: inline-block;
  width: 210px;
  vertical-align: top;
}
.show-top__icons {
  display: inline-block;
  width: 70px;
  vertical-align: top;
  padding-top: 10px;
}
@media (max-width: 760px) {
  .show-top__icons {
    display: none;
  }
}
/* ----------------------------------- ic ----------------------------------- */
.ic {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.ic_mar {
  margin-left: 10px;
}
.ic__kv {
  width: 13px;
  height: 13px;
  background: #000000;
  position: absolute;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.ic:hover .ic__kv,
.ic.active .ic__kv {
  background: #fd4f57;
}
.ic__kv_1 {
  left: 0;
  top: 0;
}
.ic__kv_2 {
  left: 17px;
  top: 0;
}
.ic__kv_3 {
  left: 0;
  top: 17px;
}
.ic__kv_4 {
  left: 17px;
  top: 17px;
}
.ic__row {
  width: 30px;
  height: 6px;
  background: #000000;
  position: absolute;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.ic:hover .ic__row,
.ic.active .ic__row {
  background: #fd4f57;
}
.ic__row_1 {
  left: 0;
  top: 0;
}
.ic__row_2 {
  left: 0;
  top: 12px;
}
.ic__row_3 {
  left: 0;
  top: 24px;
}
/* ----------------------------------- show-list ----------------------------------- */
.show-list__li {
  border-bottom: 3px solid #000000;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 50px;
}
.show-list__li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.show-list__col-1 {
  width: 285px;
  float: left;
  margin-right: -285px;
  position: relative;
  z-index: 3;
}
@media (max-width: 480px) {
  .show-list__col-1 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
.show-list__col-2 {
  width: 100%;
  float: left;
  padding: 0 0 50px 285px;
}
@media (max-width: 480px) {
  .show-list__col-2 {
    float: none;
    padding: 0 0 50px 0;
  }
}
.show-list__img {
  width: 245px;
  height: 245px;
  display: inline-block;
}
@media (max-width: 480px) {
  .show-list__img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
}
.show-list__l {
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.show-list__l:hover {
  color: #fd4f57;
}
.show-list__more {
  border: 1px solid #000000;
  border-bottom: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 153px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.show-list__more:hover {
  color: #fd4f57;
}
.show-list__h {
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  margin-bottom: 10px;
}
.show-list__inf {
  margin-bottom: 10px;
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.show-list__p {
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.show-list__inf-l {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.show-list__txt {
  display: none;
}
.show-list__but {
  display: none;
}
/* ----------------------------------- show-list_cart ----------------------------------- */
.show-list_cart {
  margin-bottom: 40px;
  text-align: justify;
}
.show-list_cart .show-list__li {
  width: 340px;
  display: inline-block;
  vertical-align: top;
  border-bottom: none;
  padding: 0;
  margin: 0 0 30px 0;
  position: relative;
  text-align: left;
}
.show-list_cart .show-list__col-1 {
  width: 100%;
  float: none;
  margin: 0 0 10px 0;
}
.show-list_cart .show-list__col-2 {
  width: 100%;
  float: none;
  padding: 0;
}
.show-list_cart .show-list__img {
  width: 340px;
  height: 340px;
}
.show-list_cart .show-list__p {
  display: none;
}
.show-list_cart .show-list__more {
  display: none;
}
.show-list_cart .show-list__img-wrap {
  display: block;
  position: relative;
  overflow: hidden;
}
.show-list_cart .show-list__img-wrap:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.show-list_cart .show-list__img-wrap:hover:before {
  opacity: 1;
}
.show-list_cart .show-list__txt {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 105px;
  color: #fff;
  z-index: 2;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.show-list_cart .show-list__img-wrap:hover .show-list__txt {
  opacity: 1;
}
.show-list_cart .show-list__but {
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: #fff;
  z-index: 2;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  border: 1px solid #fff;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  padding: 10px 30px;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.show-list_cart .show-list__img-wrap:hover .show-list__but {
  opacity: 1;
}
.show-list_cart .show-list__inf {
  margin-bottom: 0;
}
.show-list_cart:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 0;
}
/* ----------------------------------- day-list ----------------------------------- */
.day-list {
  padding-bottom: 20px;
}
@media (max-width: 1024px) {
  .day-list {
    width: 300px;
    padding-right: 20px;
  }
}
.day-list__li {
  margin-bottom: 10px;
}
.day-list__label {
  color: #000000;
  display: inline-block;
  vertical-align: top;
  padding: 3px 5px;
  width: 180px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.day-list__label:hover {
  color: #fd4f57;
}
.day-list__li.active .day-list__label {
  color: #fd4f57;
}
.day-list__txt-1 {
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  font-family: open sans, sans-serif;
  font-weight: 600;
}
.day-list__txt-2 {
  display: block;
  font-size: 16px;
  line-height: 22px;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- datepicker, pmu ----------------------------------- */
.datepicker {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .datepicker {
    display: none;
  }
}
.pickmeup {
  width: 240px;
}
.pmu-instance {
  width: 260px;
}
.pmu-month {
  height: 35px;
  background: #000;
  float: left;
  width: 169px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  font-family: open sans, sans-serif;
  padding-top: 6px;
}
.pmu-prev {
  height: 35px;
  background: #000;
  float: left;
  width: 35px;
  cursor: pointer;
  position: relative;
}
.pmu-prev:before {
  content: "";
  display: block;
  width: 11px;
  height: 19px;
  background: url(../images/arrow-4.png) 0 100% no-repeat;
  position: absolute;
  left: 10px;
  top: 8px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .pmu-prev:before {
    background: url(../images/arrow-4_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.pmu-prev:hover:before {
  background-position: 0 0;
}
.pmu-next {
  height: 35px;
  background: #000;
  float: left;
  width: 35px;
  cursor: pointer;
  position: relative;
}
.pmu-next:before {
  content: "";
  display: block;
  width: 11px;
  height: 19px;
  background: url(../images/arrow-2.png) 0 100% no-repeat;
  position: absolute;
  left: 10px;
  top: 8px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .pmu-next:before {
    background: url(../images/arrow-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.pmu-next:hover:before {
  background-position: 0 0;
}
.pmu-day-of-week {
  clear: both;
}
.pmu-day-of-week div {
  float: left;
  height: 35px;
  width: 35px;
  margin-right: -1px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-family: open sans, sans-serif;
  padding-top: 6px;
  text-transform: lowercase;
  background: #dadada;
}
.pmu-day-of-week:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.pmu-years:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.pmu-months:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.pmu-days:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.pmu-days .pmu-button {
  height: 35px;
  width: 35px;
  float: left;
  border: 1px solid #dadada;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-family: open sans, sans-serif;
  padding-top: 6px;
  text-transform: lowercase;
  margin: 0 -1px -1px 0;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.pmu-months .pmu-button {
  height: 35px;
  width: 80px;
  float: left;
  border: 1px solid #dadada;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-family: open sans, sans-serif;
  padding-top: 6px;
  text-transform: lowercase;
  margin: 0 -1px -1px 0;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.pmu-years .pmu-button {
  height: 35px;
  width: 80px;
  float: left;
  border: 1px solid #dadada;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-family: open sans, sans-serif;
  padding-top: 6px;
  text-transform: lowercase;
  margin: 0 -1px -1px 0;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.pmu-selected {
  background: #fd4f57;
}
.pmu-not-in-month {
  font-size: 0;
  line-height: 0;
  text-indent: -100px;
  overflow: hidden;
}
.pmu-view-days .pmu-days {
  display: block;
}
.pmu-view-months .pmu-days {
  display: none;
}
.pmu-view-years .pmu-days {
  display: none;
}
.pmu-view-days .pmu-years {
  display: none;
}
.pmu-view-months .pmu-years {
  display: none;
}
.pmu-view-years .pmu-years {
  display: block;
}
.pmu-view-days .pmu-months {
  display: none;
}
.pmu-view-months .pmu-months {
  display: block;
}
.pmu-view-years .pmu-months {
  display: none;
}
/* ----------------------------------- date-range ----------------------------------- */
.date-range {
  width: 260px;
  margin-bottom: 40px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  clear: both;
}
@media (max-width: 1024px) {
  .date-range {
    display: none;
  }
}
.date-range__label {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  font-family: open sans, sans-serif;
  letter-spacing: normal;
}
.date-range__label_last {
  width: 25px;
  margin-left: 6px;
}
.date-range__field {
  display: inline-block;
  vertical-align: middle;
  width: 96px;
  border: 1px solid #dadada;
  padding: 6px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-family: open sans, sans-serif;
  letter-spacing: normal;
}
/* ----------------------------------- photos ----------------------------------- */
.photos {
  margin-bottom: 50px;
  overflow: hidden;
}
.photos__inner {
  width: 980px;
  margin: 0 auto;
}
.photos__head {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 15px;
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  letter-spacing: -1px;
}
.photos__wrap {
  width: 980px;
  height: 650px;
  position: relative;
}
.photos__prev {
  width: 90px;
  height: 45px;
  position: absolute;
  left: 0;
  top: 300px;
  z-index: 2;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.photos__prev:hover {
  background: #000000;
}
.photos__prev:before,
.photos__prev:after {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 23px;
  top: 8px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .photos__prev:before,
  .photos__prev:after {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.photos__prev:before {
  background-position: 0 0;
  opacity: 1;
}
.photos__prev:hover:before {
  opacity: 0;
}
.photos__prev:after {
  background-position: 0 -34px;
  opacity: 0;
}
.photos__prev:hover:after {
  opacity: 1;
}
.photos__next {
  width: 90px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 300px;
  z-index: 2;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.photos__next:hover {
  background: #000000;
}
.photos__next:before,
.photos__next:after {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 23px;
  top: 8px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .photos__next:before,
  .photos__next:after {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.photos__next:before {
  background-position: 0 0;
  opacity: 1;
}
.photos__next:hover:before {
  opacity: 0;
}
.photos__next:after {
  background-position: 0 -34px;
  opacity: 0;
}
.photos__next:hover:after {
  opacity: 1;
}
.photos__slider {
  width: 980px;
  height: 650px;
  position: relative;
  overflow: visible !important;
}
.photos__list {
  width: 50000px;
}
.photos__list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.photos__li {
  float: left;
  width: 980px;
  height: 650px;
  margin-right: 20px;
  position: relative;
}
.photos__li:before {
  background: url(../images/shadow-2.png) 0 100% repeat-x;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  position: absolute;
}
.photos__img {
  display: block;
  width: 980px;
  height: 650px;
  position: relative;
  z-index: 0;
}
.photos__description {
  text-align: right;
}
.photos__description-in {
  width: 470px;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  display: inline-block;
  color: #fff;
  padding: 20px 20px 20px 40px;
  font-style: italic;
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.photos__title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.photos__title:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.photos__col-1 {
  padding: 40px;
  width: 80%;
  float: left;
}
.photos__col-2 {
  padding: 40px;
  float: left;
  text-align: right;
  width: 20%;
}
.photos__p {
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}
.photos__count {
  font-size: 22px;
  line-height: 26px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #fff;
}
/* ----------------------------------- button-list ----------------------------------- */
.button-list {
  margin-bottom: 30px;
}
.button-list__item {
  display: block;
  border: 3px solid #000000;
  margin: 0 0 -3px 0;
  padding: 15px 25px;
  text-transform: uppercase;
  color: #000000;
  font-family: open sans, sans-serif;
  font-weight: 600;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.button-list__item:hover {
  color: #fd4f57;
}
/* ----------------------------------- up ----------------------------------- */
.up {
  height: 0;
  position: relative;
  z-index: 32;
}
@media (max-width: 1024px) {
  .up {
    display: none;
  }
}
.up_inwrap {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 33;
  width: 70px;
  height: 70px;
}
.up_inwrap.abs {
  position: absolute;
}
.up__fix {
  position: absolute;
  height: 0;
  background: #000;
  left: 0;
  width: 100%;
  z-index: 32;
}
.up__fix.fix {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 5;
}
.up__inner {
  position: relative;
}
.up__fix.fix .up__inner {
  width: 980px;
  margin: 0 auto;
}
.up__button {
  display: block;
  width: 70px;
  height: 70px;
  bottom: 50px;
  position: absolute;
  left: 740px;
  background: #dbdbdb url(../images/up.png) 21px 13px no-repeat;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.up_inwrap .up__button {
  left: 0;
  bottom: 0;
}
.up__button_wid {
  left: 1020px;
}
.up__button:hover {
  background-color: #000000;
}
/* ----------------------------------- shopit ----------------------------------- */
.shopit:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.shopit__col-1 {
  width: 610px;
  margin-right: -610px;
  float: left;
}
@media (max-width: 1024px) {
  .shopit__col-1 {
    float: none;
    margin: 0;
    padding: 35px 0 20px;
  }
}
@media (max-width: 1024px) {
  .shopit__col-1 {
    width: 100%;
  }
}
.shopit__col-2 {
  width: 100%;
  padding-left: 650px;
  float: left;
}
@media (max-width: 1024px) {
  .shopit__col-2 {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.shopit__price {
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
  color: #fd4f57;
}
.shopit__img {
  display: block;
  width: 610px;
  height: 450px;
}
@media (max-width: 760px) {
  .shopit__img {
    width: 100%;
    height: auto;
  }
}
.content .shopit__p {
  margin-bottom: 20px;
  font-size: 14px;
}
.shopit__carousel {
  width: 610px;
  height: 450px;
  overflow: hidden;
}
@media (max-width: 760px) {
  .shopit__carousel {
    width: 100%;
    height: auto;
  }
}
.shopit__list {
  width: 50000px;
}
.content ul.shopit__list li {
  margin: 0;
  background: none;
  list-style: none;
}
.shopit__list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.shopit__li {
  width: 610px;
  height: 450px;
  float: left;
}
@media (max-width: 760px) {
  .shopit__li {
    height: auto;
  }
}
.shopit__wrap {
  width: 610px;
  height: 450px;
  position: relative;
}
@media (max-width: 760px) {
  .shopit__wrap {
    width: 100%;
    height: auto;
  }
}
.shopit__nav {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 5;
}
.shopit__nav li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  border: 3px solid #000000;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -100px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.shopit__nav li:hover,
.shopit__nav li.active {
  background: #fd4f57;
  border-color: #fd4f57;
}
/* ----------------------------------- baskpage ----------------------------------- */
.baskpage__head {
  padding: 20px 0 40px;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
.baskpage__li {
  margin-bottom: 50px;
}
.baskpage__li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.baskpage__col-1 {
  width: 175px;
  float: left;
  margin-right: -175px;
}
@media (max-width: 760px) {
  .baskpage__col-1 {
    float: none;
    margin: 0 0 10px 0;
  }
}
.baskpage__col-2 {
  width: 100%;
  padding-left: 175px;
  float: left;
}
@media (max-width: 760px) {
  .baskpage__col-2 {
    float: none;
    padding: 0;
  }
}
.baskpage__img {
  width: 145px;
  height: 145px;
  display: block;
}
.baskpage__h {
  min-height: 75px;
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
}
@media (max-width: 760px) {
  .baskpage__h {
    min-height: 0;
  }
}
.baskpage__h-link {
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.baskpage__h-link:hover {
  color: #fd4f57;
}
.baskpage__bot {
  min-height: 70px;
  border-bottom: 3px solid #000000;
}
.baskpage__bot:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.baskpage__bot-1 {
  width: 40%;
  float: left;
}
@media (max-width: 760px) {
  .baskpage__bot-1 {
    width: 140px;
  }
}
.baskpage__bot-2 {
  width: 60%;
  float: left;
  text-align: right;
}
@media (max-width: 760px) {
  .baskpage__bot-2 {
    width: auto;
    float: right;
    padding-bottom: 20px;
  }
}
.baskpage__minus {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  width: 21px;
  height: 21px;
  position: relative;
  margin: 0 10px;
}
.baskpage__minus:after {
  content: "";
  display: block;
  height: 3px;
  width: 21px;
  position: absolute;
  left: 0;
  top: 9px;
  background: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.baskpage__minus:hover:after {
  background: #fd4f57;
}
.baskpage__field {
  width: 22px;
  border: none;
  background: none;
  text-align: center;
  padding: 15px 3px 16px 0;
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.baskpage__field-note {
  font-size: 16px;
}
.baskpage__plus {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  width: 21px;
  height: 21px;
  position: relative;
  margin: 0 10px;
}
.baskpage__plus:before {
  content: "";
  display: block;
  height: 21px;
  width: 3px;
  position: absolute;
  left: 9px;
  top: 0;
  background: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.baskpage__plus:after {
  content: "";
  display: block;
  height: 3px;
  width: 21px;
  position: absolute;
  left: 0;
  top: 9px;
  background: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.baskpage__plus:hover:before,
.baskpage__plus:hover:after {
  background: #fd4f57;
}
.baskpage__price {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  font-size: 36px;
  line-height: 42px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #fd4f57;
}
@media (max-width: 760px) {
  .baskpage__price {
    display: block;
    margin: 0;
  }
}
.baskpage__tot {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding-top: 2px;
}
.baskpage__delete {
  font-size: 16px;
  line-height: 26px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  display: inline-block;
  position: relative;
  padding-right: 35px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.baskpage__delete:before,
.baskpage__delete:after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
  background: url(../images/close-min.png) no-repeat;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .baskpage__delete:before,
  .baskpage__delete:after {
    background: url(../images/close-min_2x.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
.baskpage__delete:hover {
  color: #fd4f57;
}
.baskpage__delete:after {
  background-position: 0 0;
  opacity: 1;
}
.baskpage__delete:hover:after {
  opacity: 0;
}
.baskpage__delete:before {
  background-position: 0 100%;
  opacity: 0;
}
.baskpage__delete:hover:before {
  opacity: 1;
}
.baskpage__all {
  font-size: 16px;
  line-height: 26px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  display: inline-block;
}
@media (max-width: 760px) {
  .baskpage__all {
    display: none;
  }
}
.baskpage__total {
  text-align: right;
  margin-bottom: 30px;
}
/* ----------------------------------- order ----------------------------------- */
.order__h {
  font-size: 30px;
  line-height: 34px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  margin-bottom: 50px;
}
.order__content {
  padding-bottom: 20px;
}
.order__row {
  margin-bottom: 30px;
  position: relative;
}
.order__row:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.order__label {
  width: 150px;
  float: left;
  padding-top: 5px;
}
@media (max-width: 760px) {
  .order__label {
    width: 100%;
    float: none;
    padding-bottom: 5px;
  }
}
.order__label label {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  color: #000000;
  cursor: pointer;
}
.order__req {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  color: #fd4f57;
}
.order__input {
  width: 340px;
  float: left;
  margin-right: 30px;
}
@media (max-width: 760px) {
  .order__input {
    width: 100%;
    float: none;
  }
}
.order__input input[type="text"] {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ababab;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  font-family: open sans, sans-serif;
  padding: 0;
  background: none;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.order__input input[type="text"]:focus {
  border-color: #000000;
}
.order__input input[type="text"].error {
  border-color: #fd4f57;
}
.order__content input[type="checkbox"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  border: solid 1px #666;
  -webkit-appearance: auto;
}
.order__input_wid {
  width: 550px;
  margin-right: 0;
}
@media (max-width: 760px) {
  .order__input_wid {
    width: 100%;
  }
}
.order__message {
  font-size: 16px;
  line-height: 20px;
  color: #f93546;
  float: left;
  width: 170px;
  font-style: italic;
  font-family: open sans, sans-serif;
  padding-top: 5px;
}
.order__row_wid .order__message {
  clear: both;
  width: 100%;
  padding-left: 150px;
}
.order__bottom:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.order__bcol-1 {
  width: 50%;
  float: left;
}
@media (max-width: 760px) {
  .order__bcol-1 {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}
.order__bcol-2 {
  width: 50%;
  float: left;
  text-align: right;
}
@media (max-width: 760px) {
  .order__bcol-2 {
    float: none;
    width: 100%;
    text-align: left;
  }
}
.order__button {
  display: inline-block;
  border: 3px solid #000000;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #000000;
  padding: 15px 30px;
  background: #fff;
  text-transform: uppercase;
  font-family: open sans, sans-serif;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .order__button {
    display: block;
    text-align: center;
    width: 100%;
  }
}
.order__button:hover {
  background: #000000;
  color: #fff;
}
.order__button_subm {
  display: none;
}
/* ----------------------------------- order-hide ----------------------------------- */
.order-hide {
  display: none;
}
/* ----------------------------------- collective ----------------------------------- */
.collective {
  padding: 20px 0;
}
.collective__head {
  padding-bottom: 10px;
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  border-bottom: 1px solid #dadada;
  letter-spacing: -1px;
}
.collective__list {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  width: 110%;
}
@media (max-width: 1024px) {
  .collective__list {
    width: auto;
    margin-right: -20px;
  }
}
@media (max-width: 480px) {
  .collective__list {
    width: 100%;
    margin-right: 0;
  }
}
.collective__li {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin: 0 40px 40px 0;
}
@media (max-width: 1024px) {
  .collective__li {
    width: 33.3%;
    margin: 0 0 40px 0;
    padding-right: 20px;
  }
}
@media (max-width: 760px) {
  .collective__li {
    width: 50%;
    margin: 0 0 30px 0;
    padding-right: 20px;
  }
}
@media (max-width: 480px) {
  .collective__li {
    width: 100%;
    margin: 0 0 30px 0;
    padding-right: 0;
  }
}
.collective__img {
  width: 300px;
  height: 300px;
  display: block;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .collective__img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 760px) {
  .collective__img {
    width: 100%;
    height: auto;
  }
}
.collective__name {
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
}
.collective__post {
  font-family: open sans, sans-serif;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
/* ----------------------------------- partner-page ----------------------------------- */
.partner-page {
  padding: 20px 0 100px;
}
.partner-page__head {
  padding-bottom: 10px;
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  border-bottom: 1px solid #dadada;
  letter-spacing: -1px;
}
.partner-page__list {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
}
.partner-page__li {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  border: 1px solid #dadada;
  margin: 0 -1px -1px 0;
  position: relative;
}
@media (max-width: 1024px) {
  .partner-page__li {
    width: 33.3%;
    height: auto;
  }
}
@media (max-width: 760px) {
  .partner-page__li {
    width: 50%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .partner-page__li {
    width: 100%;
    height: auto;
  }
}
.partner-page__img {
  width: 130px;
  height: 70px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -65px;
}
.partner-page__it {
  display: block;
  width: 100%;
}
.partner-page__link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  color: #fff;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.partner-page__link:hover {
  opacity: 1;
  color: #fff;
}
@media (max-width: 760px) {
  .partner-page__link:hover {
    opacity: 0;
    color: #fff;
  }
}
.partner-page__title {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
  bottom: 0;
  left: 0;
}
/* ----------------------------------- not-found ----------------------------------- */
.not-found {
  padding: 80px 0;
  text-align: center;
}
.not-found__error {
  font-size: 350px;
  line-height: 360px;
  color: #dadada;
  font-family: open sans, sans-serif;
  font-weight: bold;
}
@media (max-width: 760px) {
  .not-found__error {
    font-size: 150px;
    line-height: 160px;
  }
}
.not-found__head {
  color: #000000;
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.not-found__p {
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- history ----------------------------------- */
.histor {
  margin-bottom: 40px;
}
.histor__y {
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #fd4f57;
  margin-bottom: 10px;
  letter-spacing: -1px;
}
@media (max-width: 760px) {
  .histor__y_mob {
    position: relative;
    font-size: 30px;
    line-height: 32px;
    cursor: pointer;
  }
}
@media (max-width: 760px) {
  .histor__y_mob:after {
    content: "";
    display: block;
    width: 11px;
    height: 19px;
    position: absolute;
    background: url(../images/arrow-2.png) no-repeat;
    right: 0;
    top: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .histor__y_mob:after {
    background: url(../images/arrow-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
@media (max-width: 760px) {
  .histor__y_mob.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media (max-width: 760px) {
  .histor__mob-hid {
    display: none;
  }
}
@media (max-width: 760px) {
  .histor__y_mob.active + .histor__mob-hid {
    display: block;
  }
}
.histor__line {
  padding-left: 50px;
  margin-top: 30px;
  padding-bottom: 1px;
  position: relative;
  border-left: 3px solid #000000;
}
@media (max-width: 760px) {
  .histor__line {
    border-left: none;
    padding-left: 0;
  }
}
.histor__line:before,
.histor__line:after {
  content: "";
  display: block;
  width: 11px;
  height: 3px;
  background: #000000;
  position: absolute;
  left: -7px;
}
@media (max-width: 760px) {
  .histor__line:before,
  .histor__line:after {
    display: none;
  }
}
.histor__line:before {
  top: 0;
}
.histor__line:after {
  bottom: 0;
}
/* ----------------------------------- result ----------------------------------- */
.result {
  padding: 90px 0 100px;
}
@media (max-width: 760px) {
  .result {
    padding: 60px 0 30px;
  }
}
.result__head {
  padding-bottom: 10px;
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  border-bottom: 1px solid #dadada;
  letter-spacing: -1px;
}
@media (max-width: 760px) {
  .result__head {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
  }
}
.result__list {
  counter-reset: result;
}
.result__li {
  border-bottom: 3px solid #000000;
  margin-bottom: 50px;
  counter-increment: result 1;
}
@media (max-width: 760px) {
  .result__li {
    border-bottom: none;
    margin-bottom: 10px;
  }
}
.result__li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.result__col-1 {
  width: 185px;
  float: left;
  margin-right: -185px;
  padding-bottom: 10px;
  position: relative;
  z-index: 1;
}
@media (max-width: 760px) {
  .result__col-1 {
    display: none;
  }
}
.result__col-2 {
  width: 100%;
  padding-left: 185px;
  float: left;
  padding-bottom: 20px;
}
@media (max-width: 760px) {
  .result__col-2 {
    padding-left: 0;
  }
}
.result__img {
  width: 145px;
  height: 145px;
  display: block;
}
.result__h {
  font-size: 24px;
  line-height: 28px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  margin-bottom: 15px;
}
.result__h span {
  color: #fd4f57;
  display: inline;
  margin-right: 10px;
}
.result__h-link {
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.result__h-link:hover {
  color: #fd4f57;
}
.result__p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 10px;
  font-family: open sans, sans-serif;
}
.result__tags {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- side ----------------------------------- */
.side__content {
  height: 242px;
  margin-bottom: 20px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .side__content {
    height: auto;
  }
}
.side__content_2 {
  height: 345px;
}
@media (max-width: 1024px) {
  .side__content_2 {
    height: auto;
  }
}
.side__content_3 {
  height: 320px;
}
@media (max-width: 1024px) {
  .side__content_3 {
    height: auto;
  }
}
.side__inf {
  border: 3px solid #000000;
  min-height: 140px;
  max-width: 340px;
  min-width: 300px;
  padding: 15px 0 5px 20px;
}
.side__txt {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: open sans, sans-serif;
  color: #000000;
}
.side__txt-row {
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  display: block;
}
.side__year {
  color: #fd4f57;
  font-size: 60px;
  line-height: 65px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
.side__but-wrap {
  height: 60px;
  text-align: right;
  border-bottom: 3px solid #000000;
  padding-top: 14px;
}
.side__button {
  height: 46px;
  padding-top: 11px;
  border: 1px solid #000000;
  padding: 11px 20px 0;
  display: inline-block;
  border-bottom: none;
  text-align: center;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.side__button:hover {
  color: #fd4f57;
}
/* ----------------------------------- cont-slider ----------------------------------- */
.cont-slider {
  margin-bottom: 40px;
}
.cont-slider__wrap {
  width: 600px;
  position: relative;
}
@media (max-width: 760px) {
  .cont-slider__wrap {
    width: 100%;
    max-width: 600px;
  }
}
.cont-slider__slides {
  width: 600px;
  height: 400px;
  display: block;
  overflow: visible !important;
  margin-bottom: 15px;
}
@media (max-width: 760px) {
  .cont-slider__slides {
    overflow: hidden !important;
    width: 100%;
    height: auto;
  }
}
.cont-slider__list,
.content .cont-slider__list {
  padding: 0;
  margin: 0;
  list-style: none;
  width: auto;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  white-space: nowrap;
}
.cont-slider__list.slick-initialized,
.content .cont-slider__list.slick-initialized {
  width: auto;
}
.cont-slider__list-first {
  position: absolute;
  right: 100%;
  top: 0;
}
.cont-slider__list-last {
  position: absolute;
  left: 100%;
  top: 0;
}
.cont-slider__li,
.content .cont-slider__li {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  height: 400px;
  opacity: .3;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: normal;
  white-space: normal;
  overflow: hidden;
}
@media (max-width: 760px) {
  .cont-slider__li,
  .content .cont-slider__li {
    height: auto;
  }
}
.slick-list {
  outline: none;
}
.cont-slider__li.active {
  opacity: 1;
}
.cont-slider__img {
  display: block;
  width: auto;
  height: 400px;
}
.cont-slider__bottom:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.cont-slider__col-1 {
  width: 85px;
  float: left;
  margin-right: -85px;
  position: relative;
}
@media (max-width: 760px) {
  .cont-slider__col-1 {
    display: none;
  }
}
.cont-slider__col-2 {
  width: 100%;
  float: left;
  padding-left: 85px;
}
@media (max-width: 760px) {
  .cont-slider__col-2 {
    float: none;
    padding-left: 0;
  }
}
.cont-slider__nav_mobile {
  display: none;
}
@media (max-width: 760px) {
  .cont-slider__nav_mobile {
    display: block;
  }
}
.cont-slider__nav {
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
.cont-slider__title {
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  font-family: open sans, sans-serif;
  font-style: italic;
  display: none;
}
.cont-slider__autor {
  color: #a8a8a8;
}
.cont-slider__title:first-child {
  display: block;
}
.cont-slider__prev,
.cont-slider__next {
  display: none;
}
/*
.cont-slider__prev,
.cont-slider__next {
	width: 90px;
	height: 45px;
	display: block;
	position: absolute;
	z-index: 6;
	left: 640px;
	.screen-xsm ({
		width: 67px;
	});
	.transition;
}
.cont-slider__prev:hover,
.cont-slider__next:hover {
	background: @color2;
}
.cont-slider__prev {
	top: 162px;
	.screen-xsm ({
		top: 0;
		left: -10px;
	});
}
.cont-slider__next {
	top: 242px;
	.screen-xsm ({
		top: 0;
		left: auto;
		right: -10px;
	});
}
.cont-slider__prev:before,
.cont-slider__next:before {
	content: "";
	display: block;
	width: 44px;
	height: 29px;
	position: absolute;
	top: 8px;
}
.cont-slider__prev:before {
	background: url(../images/arrows-left.png) no-repeat;
	.retina ({
		background: url(../images/arrows-left_2x.png) no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
	});
}
.cont-slider__next:before {
	background: url(../images/arrows-right.png) no-repeat;
	.retina ({
		background: url(../images/arrows-right_2x.png) no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
	});
}
.cont-slider__prev:before {
	background-position: 0 0;
	left: 23px;
	.screen-xsm ({
		left: 10px;
	});
}
.cont-slider__prev:hover:before {
	background-position: 0 -34px;
}
.cont-slider__next:before {
	background-position: 0 0;
	right: 23px;
	.screen-xsm ({
		right: 10px;
	});
}
.cont-slider__next:hover:before {
	background-position: 0 -34px;
}
*/
.slick-prev {
  width: 90px;
  height: 45px;
  display: block;
  position: absolute;
  z-index: 6;
  left: 640px;
  top: 162px;
  background: none;
  outline: none;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .slick-prev {
    width: 67px;
    top: 40%;
    left: -10px;
  }
}
.slick-next {
  width: 90px;
  height: 45px;
  display: block;
  position: absolute;
  z-index: 6;
  left: 640px;
  top: 242px;
  background: none;
  outline: none;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .slick-next {
    width: 67px;
    top: 40%;
    left: auto;
    right: -10px;
  }
}
.slick-prev:hover,
.slick-next:hover {
  background: #000000;
}
.slick-prev:before,
.slick-next:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  top: 8px;
}
.slick-prev:before {
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .slick-prev:before {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.slick-next:before {
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .slick-next:before {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.slick-prev:before {
  background-position: 0 0;
  left: 23px;
}
@media (max-width: 760px) {
  .slick-prev:before {
    left: 10px;
  }
}
.slick-prev:hover:before {
  background-position: 0 -34px;
}
.slick-next:before {
  background-position: 0 0;
  right: 23px;
}
@media (max-width: 760px) {
  .slick-next:before {
    right: 10px;
  }
}
.slick-next:hover:before {
  background-position: 0 -34px;
}
@media (max-width: 760px) {
  .slick-bottom-nav {
    position: relative;
    text-align: center;
    padding: 13px 0;
    min-height: 29px;
    margin: 20px 0 30px;
  }
}
/* ----------------------------------- about-cont ----------------------------------- */
.about-cont {
  margin-bottom: 30px;
}
.about-cont__top {
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000;
  margin-bottom: 40px;
  text-align: center;
  padding: 30px 75px;
}
@media (max-width: 760px) {
  .about-cont__top {
    padding: 25px;
  }
}
.about-cont__head {
  font-size: 36px;
  line-height: 42px;
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 15px;
}
.about-cont__year {
  font-size: 48px;
  color: #fd4f57;
}
.about-cont__p {
  font-size: 16px;
  line-height: 30px;
  font-family: open sans, sans-serif;
  color: #000000;
}
/* ----------------------------------- collect-slider ----------------------------------- */
.collect-slider {
  width: 1000px;
  margin: 0 auto 60px;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .collect-slider {
    width: 100%;
  }
}
.collect-slider__wrap {
  position: relative;
  height: 245px;
}
@media (max-width: 1024px) {
  .collect-slider__wrap {
    height: auto;
  }
}
.collect-slider__prev,
.collect-slider__next {
  display: block;
  height: 70px;
  width: 70px;
  position: absolute;
  top: 87px;
  border: 3px solid #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1024px) {
  .collect-slider__prev,
  .collect-slider__next {
    display: none;
  }
}
.collect-slider__prev:hover,
.collect-slider__next:hover {
  background: #000000;
}
.collect-slider__prev.disabled,
.collect-slider__next.disabled {
  background: #fff;
  cursor: default;
  opacity: .4;
}
.collect-slider__prev {
  left: 0;
}
.collect-slider__next {
  right: 0;
}
.collect-slider__prev:after,
.collect-slider__prev:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  left: 10px;
  top: 18px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .collect-slider__prev:after,
  .collect-slider__prev:before {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.collect-slider__prev:after {
  background-position: 0 0;
  opacity: 1;
  z-index: 1;
}
.collect-slider__prev:hover:after {
  opacity: 0;
}
.collect-slider__prev:before {
  background-position: 0 -34px;
  opacity: 0;
  z-index: 0;
}
.collect-slider__prev:hover:before {
  opacity: 1;
}
.collect-slider__next:after,
.collect-slider__next:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  right: 10px;
  top: 18px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .collect-slider__next:after,
  .collect-slider__next:before {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.collect-slider__next:after {
  background-position: 0 0;
  opacity: 1;
  z-index: 1;
}
.collect-slider__next:hover:after {
  opacity: 0;
}
.collect-slider__next:before {
  background-position: 0 -34px;
  opacity: 0;
  z-index: 0;
}
.collect-slider__next:before {
  opacity: 1;
}
.collect-slider__prev.disabled:after,
.collect-slider__next.disabled:after {
  opacity: 1;
}
.collect-slider__prev.disabled:before,
.collect-slider__next.disabled:before {
  opacity: 0;
}
.collect-slider__slides {
  overflow: hidden;
  width: 785px;
  height: 245px;
  margin: 0 auto;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .collect-slider__slides {
    width: 100%;
    height: auto;
  }
}
.collect-slider__list {
  width: 50000px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}
.collect-slider__li {
  width: 245px;
  height: 245px;
  margin-right: 25px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  white-space: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: normal;
}
@media (max-width: 1024px) {
  .collect-slider__li {
    height: auto;
  }
}
.collect-slider__link {
  display: block;
  position: relative;
}
.collect-slider__img {
  width: 100%;
  height: auto;
  display: block;
}
.collect-slider__hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.collect-slider__link:hover .collect-slider__hover {
  opacity: 1;
}
.collect-slider__txt {
  display: block;
  right: 10px;
  bottom: 15px;
  left: 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  font-family: open sans, sans-serif;
  position: absolute;
}
.collect-slider__name {
  display: block;
  margin-bottom: 15px;
  color: #fff;
}
.collect-slider__post {
  display: block;
  color: #fd4f57;
}
/* ----------------------------------- public ----------------------------------- */
.public {
  border-bottom: 3px solid #000000;
  height: 506px;
}
@media (max-width: 1024px) {
  .public {
    height: auto;
    border-bottom: none;
  }
}
.public__li {
  margin-bottom: 20px;
}
.public__li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.public__date {
  width: 115px;
  float: left;
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #fd4f57;
  margin-right: -115px;
}
@media (max-width: 1024px) {
  .public__date {
    margin-right: 0;
    float: none;
    margin-bottom: 20px;
  }
}
.public__content {
  width: 100%;
  padding-left: 115px;
  float: left;
}
@media (max-width: 1024px) {
  .public__content {
    padding-left: 0;
    float: none;
  }
}
.public__h {
  font-size: 18px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  font-weight: bold;
  margin-bottom: 15px;
}
.public__link {
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.public__link:hover {
  color: #fd4f57;
}
.public__p {
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.public__ellip {
  height: 360px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .public__ellip {
    height: auto;
  }
}
/* ----------------------------------- thing-main ----------------------------------- */
.thing-main {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto 45px;
}
@media (max-width: 1024px) {
  .thing-main {
    width: 100%;
  }
}
.thing-main__bottom {
  border-bottom: 3px solid #000000;
  text-align: right;
}
.thing-main__button {
  display: inline-block;
  border: 1px solid #000000;
  border-bottom: none;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.thing-main__button:hover {
  color: #fd4f57;
}
.thing-main__dot {
  background: url(../images/dot-black.gif) 0 100% repeat-x;
}
.thing-main__button:hover .thing-main__dot {
  background: none;
}
/* ----------------------------------- thing ----------------------------------- */
.thing {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  width: 110%;
}
.thing__li {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin: 0 40px 30px 0;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
}
.thing__imgwr {
  display: block;
  width: 300px;
  height: 300px;
  margin-bottom: 15px;
  position: relative;
}
.thing__imgwr:before {
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  position: absolute;
  content: "";
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.thing__li:hover .thing__imgwr:before {
  opacity: 1;
}
.thing__img {
  display: block;
  width: 300px;
  height: 300px;
}
.thing__h {
  display: block;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.thing__li:hover .thing__h {
  color: #fd4f57;
}
.thing__p {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  color: #000000;
}
/* ----------------------------------- expos-main ----------------------------------- */
.expos-main {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto 45px;
}
@media (max-width: 1024px) {
  .expos-main {
    width: 100%;
  }
}
.expos-main__bottom {
  border-bottom: 3px solid #000000;
  text-align: right;
}
.expos-main__button {
  display: inline-block;
  border: 1px solid #000000;
  border-bottom: none;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.expos-main__button:hover {
  color: #fd4f57;
}
.expos-main__dot {
  background: url(../images/dot-black.gif) 0 100% repeat-x;
}
.expos-main__button:hover .expos-main__dot {
  background: none;
}
/* ----------------------------------- expos ----------------------------------- */
.expos {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  width: 110%;
}
.expos__li {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin: 0 40px 30px 0;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
}
.expos__imgwr {
  display: block;
  width: 300px;
  height: 300px;
  margin-bottom: 15px;
  position: relative;
}
.expos__imgwr:before {
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  position: absolute;
  content: "";
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.expos__li:hover .expos__imgwr:before {
  opacity: 1;
}
.expos__img {
  display: block;
  width: 300px;
  height: 300px;
}
.expos__h {
  display: block;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.expos__li:hover .expos__h {
  color: #fd4f57;
}
.expos__p {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  color: #000000;
}
/* ----------------------------------- fond-content ----------------------------------- */
.fond-content {
  margin-bottom: 40px;
}
/* ----------------------------------- fond-row ----------------------------------- */
.fond-row {
  margin-bottom: 80px;
}
.fond-row_top {
  margin-bottom: 0;
}
/* ----------------------------------- search-nav ----------------------------------- */
.search-nav:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.search-nav__col-1 {
  padding-right: 300px;
  float: left;
  width: 100%;
}
@media (max-width: 760px) {
  .search-nav__col-1 {
    padding-right: 0;
    float: none;
  }
}
.search-nav__col-2 {
  width: 300px;
  padding-left: 20px;
  float: right;
  margin-left: -300px;
  text-align: right;
  padding-top: 10px;
}
@media (max-width: 760px) {
  .search-nav__col-2 {
    margin-left: 0;
    float: none;
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-top: 0;
  }
}
.search-nav__link {
  font-size: 18px;
  line-height: 22px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  padding-right: 20px;
  margin-left: 75px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .search-nav__link {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.search-nav__link:after {
  content: "";
  display: block;
  width: 11px;
  height: 19px;
  position: absolute;
  right: 0;
  top: 1px;
  background: url(../images/arrow-2.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .search-nav__link:after {
    background: url(../images/arrow-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.search-nav__link:hover {
  color: #fd4f57;
}
/* ----------------------------------- sitemap ----------------------------------- */
.sitemap {
  padding: 20px 0 40px;
}
.sitemap__head {
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  margin-bottom: 40px;
}
.sitemap__list {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}
.sitemap__li {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 30px;
  width: 25%;
}
@media (max-width: 1024px) {
  .sitemap__li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .sitemap__li {
    width: 100%;
  }
}
.sitemap__link {
  display: inline-block;
  margin: 0 20px 10px 0;
  font-size: 24px;
  line-height: 28px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000000;
  padding-right: 20px;
  position: relative;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.sitemap__link:hover {
  color: #fd4f57;
}
.sitemap__link:after {
  content: "";
  width: 11px;
  height: 19px;
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 10px;
  background: url(../images/arrow-2.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .sitemap__link:after {
    background: url(../images/arrow-2_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.sitemap__in-li {
  margin: 0 20px 10px 0;
}
.sitemap__in-link {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.sitemap__in-link:hover {
  color: #fd4f57;
}
/* ----------------------------------- y-nav ----------------------------------- */
.y-nav {
  height: 50px;
  background: #000000;
}
.y-nav__in {
  max-width: 1440px;
  padding: 0 40px;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .y-nav__in {
    width: 100%;
    padding: 0 20px;
  }
}
.y-nav__viewport {
  width: 100%;
  text-align: justify;
  line-height: 0;
  overflow: visible !important;
}
@media (max-width: 760px) {
  .y-nav__viewport {
    text-align: left;
  }
}
.y-nav__overview {
  width: 100%;
}
@media (max-width: 760px) {
  .y-nav__overview {
    width: 50000px;
    white-space: nowrap;
  }
}
.y-nav__overview:after {
  display: inline-block;
  content: "";
  height: 0;
  width: 100%;
}
@media (max-width: 760px) {
  .y-nav__overview:after {
    display: none;
  }
}
.y-nav__li {
  padding: 10px 0;
  display: inline-block;
}
@media (max-width: 760px) {
  .y-nav__li {
    width: 80px;
  }
}
.y-nav__but {
  display: inline-block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #fff;
  font-family: 'brutal', sans-serif;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.y-nav__but:hover,
.y-nav__but.active {
  color: #fd4f57;
}
/* ----------------------------------- tabs ----------------------------------- */
.tabs {
  overflow: hidden;
}
.tabs__tab {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: -1000px;
  top: 0;
}
.tabs__tab.active {
  width: auto;
  height: auto;
  overflow: visible;
  position: static;
  left: auto;
  top: auto;
}
/* ----------------------------------- project ----------------------------------- */
.project__in {
  padding: 0 10px 150px;
}
.project__list {
  padding: 50px 50px 150px 50px;
}
@media (max-width: 760px) {
  .project__list {
    padding: 0;
  }
}
.project__list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.project__li {
  width: 25%;
  float: left;
  padding: 5px;
  position: relative;
  display: block;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .project__li {
    width: 33.33333%;
  }
}
@media (max-width: 760px) {
  .project__li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .project__li {
    width: 100%;
    padding: 0;
  }
}
.project__item {
  overflow: hidden;
  width: 100%;
  position: relative;
  display: block;
}
.project__item:before {
  content: "";
  display: block;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 2;
  position: absolute;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.project__item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/shadow-1.png) 0 100% repeat-x;
  position: absolute;
  z-index: 1;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.cart-menu__link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/shadow-1.png) 0 100% repeat-x;
  position: absolute;
  z-index: 1;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.project__item:hover:before {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 0 3px #fd4f57 inset;
}
.project__img {
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  display: block;
  height: auto !important;
}
.project__title {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
  display: block;
  z-index: 4;
}
.project__h {
  display: block;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
@media (min-width: 1440px) {
  .project__h {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 1024px) {
  .project__h {
    font-size: 30px;
    line-height: 30px;
  }
}
.project__p {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  padding-top: 20px;
}
.project__carousel {
  padding: 0 55px;
  position: relative;
}
@media (max-width: 760px) {
  .project__carousel {
    padding: 0;
  }
}
.project__prev,
.project__next {
  width: 65px;
  height: 45px;
  display: block;
  position: absolute;
  z-index: 6;
  top: 50%;
  margin-top: -22px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .project__prev,
  .project__next {
    display: none;
  }
}
.project__prev:hover,
.project__next:hover {
  background: #000000;
}
.project__prev {
  left: -10px;
}
.project__next {
  right: -10px;
}
.project__prev:before,
.project__next:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  top: 8px;
}
.project__prev:before {
  left: 13px;
  background: url(../images/arrows-left.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .project__prev:before {
    background: url(../images/arrows-left_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.project__prev:hover:before {
  background-position: 0 -34px;
}
.project__prev.disabled:before {
  background-position: 0 0;
}
.project__next:before {
  right: 13px;
  background: url(../images/arrows-right.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .project__next:before {
    background: url(../images/arrows-right_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.project__next:hover:before {
  background-position: 0 -34px;
}
.project__next.disabled:before {
  background-position: 0 0;
}
.project__prev.disabled,
.project__next.disabled {
  opacity: .4;
  background: none;
  cursor: default;
}
.project__slider {
  overflow: hidden;
}
.project__slider-list {
  width: 50000px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  white-space: nowrap;
}
.project__slider-list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.project__slider-li {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  width: 310px;
  margin-right: 10px;
  white-space: normal;
}
.content .project__slider-li {
  margin: 0 10px 0 0;
  padding: 0;
}
.project__coloumn {
  width: 33.3%;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}
@media (max-width: 760px) {
  .project__coloumn {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .project__coloumn {
    width: 100%;
    margin-bottom: 10px;
  }
}
/*
.project__coloumn:first-child {
	.screen-xsm ({
		display: none;
	});
}
*/
.project__coloumns {
  margin-right: -10px;
}
/* ----------------------------------- double ----------------------------------- */
.double {
  margin-bottom: 30px;
  background: #000000;
}
.double:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.double__col {
  width: 50%;
  float: left;
}
@media (max-width: 1024px) {
  .double__col {
    width: 100%;
    float: none;
  }
}
.double__col:first-child {
  padding-right: 13px;
}
@media (max-width: 1024px) {
  .double__col:first-child {
    padding-right: 0;
  }
}
.double__col:last-child {
  padding-left: 13px;
}
@media (max-width: 1024px) {
  .double__col:last-child {
    padding-left: 0;
  }
}
/* ----------------------------------- cart-menu ----------------------------------- */
.cart-menu__head {
  padding: 10px 25px 15px;
  color: #fff;
  font-size: 36px;
  line-height: 36px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
@media (max-width: 760px) {
  .cart-menu__head {
    font-size: 30px;
    line-height: 36px;
  }
}
.cart-menu__h-link {
  color: #fff;
  display: inline-block;
  position: relative;
  padding-right: 35px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.cart-menu__h-link:hover {
  color: #fd4f57;
}
.cart-menu__h-link:after {
  width: 17px;
  height: 29px;
  background: url(../images/arrow-1.png) no-repeat;
  position: absolute;
  right: 0;
  top: 7px;
  content: "";
  display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .cart-menu__h-link:after {
    background: url(../images/arrow-1_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
@media (max-width: 1024px) {
  .cart-menu__list {
    padding: 0 25px;
  }
}
@media (max-width: 760px) {
  .cart-menu__list {
    padding: 0;
  }
}
.cart-menu__list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.cart-menu__li {
  width: 50%;
  float: left;
  overflow: hidden;
}
@media (max-width: 480px) {
  .cart-menu__li {
    width: 100%;
    float: none;
  }
}
.cart-menu__link {
  display: block;
  position: relative;
}
.cart-menu__link:before {
  content: "";
  display: block;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 2;
  position: absolute;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.cart-menu__link:hover:before {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 0 3px #fd4f57 inset;
}
.cart-menu__link_more:before {
  display: none;
}
@media (max-width: 480px) {
  .cart-menu__link_more .cart-menu__img {
    display: none;
  }
}
.cart-menu__img {
  width: 100%;
  height: auto !important;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  display: block;
}
.cart-menu__title {
  position: absolute;
  bottom: 20px;
  left: 25px;
  right: 25px;
  z-index: 4;
}
.cart-menu__name {
  display: block;
  color: #fff;
  font-size: 36px;
  line-height: 36px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
@media (max-width: 1340px) {
  .cart-menu__name {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 1024px) {
  .cart-menu__name {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 760px) {
  .cart-menu__name {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .cart-menu__name {
    font-size: 36px;
    line-height: 36px;
  }
}
.cart-menu__typ {
  display: block;
  color: #fff;
  font-family: 'brutal', sans-serif;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 1340px) {
  .cart-menu__typ {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 1024px) {
  .cart-menu__typ {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 760px) {
  .cart-menu__typ {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 480px) {
  .cart-menu__typ {
    font-size: 24px;
    line-height: 36px;
  }
}
.cart-menu__more {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  color: #fff;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 36px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 1340px) {
  .cart-menu__more {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 1024px) {
  .cart-menu__more {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 760px) {
  .cart-menu__more {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 480px) {
  .cart-menu__more {
    font-size: 24px;
    line-height: 26px;
    position: static;
    padding: 25px 25px 40px;
    display: block;
  }
}
.cart-menu__summ {
  display: block;
  color: #fd4f57;
  font-family: 'brutal', sans-serif;
  font-size: 24px;
  line-height: 36px;
  display: none;
}
@media (max-width: 1340px) {
  .cart-menu__summ {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 1024px) {
  .cart-menu__summ {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 760px) {
  .cart-menu__summ {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 480px) {
  .cart-menu__summ {
    font-size: 24px;
    line-height: 36px;
  }
}
.cart-menu__link:hover .cart-menu__summ {
  display: block;
}
.cart-menu__li:hover .cart-menu__more {
  color: #fd4f57;
}
/* ----------------------------------- fonds ----------------------------------- */
.fonds {
  background: #000000;
  padding: 60px 0 120px;
}
@media (max-width: 1024px) {
  .fonds {
    padding: 20px 0;
  }
}
/* ----------------------------------- menu-photo ----------------------------------- */
.menu-photo {
  margin-bottom: 25px;
}
.menu-photo:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.menu-photo__col-1 {
  width: 380px;
  padding: 20px;
  margin-right: -380px;
  float: left;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .menu-photo__col-1 {
    margin-right: 0;
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}
.menu-photo__col-2 {
  float: left;
  padding-left: 380px;
  width: 100%;
}
@media (max-width: 1024px) {
  .menu-photo__col-2 {
    padding-left: 0;
    float: none;
    padding: 0 10px;
  }
}
.menu-photo__h {
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 36px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 760px) {
  .menu-photo__h {
    font-size: 30px;
    line-height: 34px;
  }
}
.menu-photo__h-link {
  color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.menu-photo__h-link:after {
  width: 17px;
  height: 29px;
  background: url(../images/arrow-1.png) no-repeat;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .menu-photo__h-link:after {
    background: url(../images/arrow-1_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.menu-photo__h-link:hover {
  color: #fd4f57;
}
.menu-photo__p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-family: open sans, sans-serif;
}
.menu-photo__slider-wrap {
  height: 360px;
  position: relative;
  width: 100%;
}
.menu-photo__prev,
.menu-photo__next {
  width: 90px;
  height: 45px;
  display: block;
  position: absolute;
  z-index: 6;
  top: 50%;
  margin-top: -22px;
  background: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media (max-width: 760px) {
  .menu-photo__prev,
  .menu-photo__next {
    display: none;
  }
}
.menu-photo__prev:hover,
.menu-photo__next:hover {
  background: #fd4f57;
}
.menu-photo__prev {
  left: 0;
}
.menu-photo__next {
  right: 0;
}
.menu-photo__prev:before,
.menu-photo__next:before {
  content: "";
  display: block;
  width: 44px;
  height: 29px;
  position: absolute;
  top: 8px;
}
.menu-photo__prev:before {
  background: url(../images/arrows-left.png) 0 -34px no-repeat;
  left: 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .menu-photo__prev:before {
    background: url(../images/arrows-left_2x.png) 0 -34px no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.menu-photo__prev.disabled:before {
  background-position: 0 0;
}
.menu-photo__next:before {
  background: url(../images/arrows-right.png) 0 -34px no-repeat;
  right: 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .menu-photo__next:before {
    background: url(../images/arrows-right_2x.png) 0 -34px no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.menu-photo__next.disabled:before {
  background-position: 0 0;
}
.menu-photo__prev.disabled,
.menu-photo__next.disabled {
  opacity: .4;
  background: none;
  cursor: default;
}
.menu-photo__slider {
  height: 360px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.menu-photo__list {
  width: 50000px;
}
.menu-photo__list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.menu-photo__li {
  float: left;
  height: 360px;
  position: relative;
}
.menu-photo__li > a {
  position: relative;
  z-index: 1;
  display: block;
}
.menu-photo__li > a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/shadow-1.png) 0 100% repeat-x;
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.menu-photo__li > a:hover:after {
  opacity: 1;
}
.menu-photo__img {
  display: block;
  height: 360px;
}
.menu-photo__bottom {
  clear: both;
  text-align: left;
  padding: 10px 0;
}
@media (max-width: 1024px) {
  .menu-photo__bottom {
    margin-left: 0;
    padding: 10px;
  }
}
.menu-photo__bottom-link {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  color: #fff;
}
.menu-photo__bottom-link:hover {
  color: #fd4f57;
}
.menu-photo__bottom-link:after {
  content: "";
  display: inline-block;
  background: url(../images/arrow-2.png) 0 100% no-repeat;
  width: 11px;
  height: 19px;
  vertical-align: middle;
  margin-left: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .menu-photo__bottom-link:after {
    background: url(../images/arrow-2_2x.png) 0 100% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.menu-photo__bottom-link:hover:after {
  background-position: 0 0;
}
.menu-photo__title {
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  opacity: 0;
  z-index: 3;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.menu-photo__li:hover .menu-photo__title {
  opacity: 1;
}
/* ----------------------------------- main-container ----------------------------------- */
.main-container {
  width: 1000px;
  margin: 0 auto 40px;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .main-container {
    width: 100%;
  }
}
.main-container:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.main-container__col-1 {
  width: 67.3%;
  float: left;
  padding-right: 10px;
}
@media (max-width: 760px) {
  .main-container__col-1 {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0;
    float: none;
  }
}
.main-container__col-2 {
  width: 32.7%;
  float: left;
}
@media (max-width: 760px) {
  .main-container__col-2 {
    width: 100%;
    margin-bottom: 10px;
    float: none;
  }
}
/* ----------------------------------- side-out ----------------------------------- */
.side-out {
  position: absolute;
  right: 0;
  width: 240px;
  top: 0;
}
@media (max-width: 1024px) {
  .side-out {
    position: static;
    width: auto;
  }
}
.side-out:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
@media (max-width: 1024px) {
  .side-out__col-1 {
    float: right;
    width: 33%;
  }
}
@media (max-width: 760px) {
  .side-out__col-1 {
    float: none;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .side-out__col-2 {
    float: right;
    width: 34%;
    padding: 0 25px;
  }
}
@media (max-width: 760px) {
  .side-out__col-2 {
    float: none;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .side-out__col-3 {
    float: right;
    width: 33%;
  }
}
@media (max-width: 760px) {
  .side-out__col-3 {
    float: none;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .side-out__col-4 {
    float: right;
    width: 67%;
    padding-right: 25px;
  }
}
@media (max-width: 760px) {
  .side-out__col-4 {
    float: none;
    width: 100%;
    padding: 0;
  }
}
/* ----------------------------------- mobile-wrap ----------------------------------- */
.mobile-wrap__link {
  display: none;
  border-bottom: 1px solid #dadada;
  padding: 10px 0;
  margin-bottom: 20px;
  position: relative;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
}
@media (max-width: 760px) {
  .mobile-wrap__link {
    display: block;
  }
}
.mobile-wrap__link:after {
  content: "";
  display: block;
  width: 19px;
  height: 11px;
  background: url(../images/arr-4.png) no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .mobile-wrap__link:after {
    background: url(../images/arr-4_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.mobile-wrap__link.active:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 760px) {
  .mobile-wrap__content {
    display: none;
    margin-bottom: 20px;
  }
}
@media (max-width: 760px) {
  .mobile-wrap__link.active + .mobile-wrap__content {
    display: block;
  }
}
/* ----------------------------------- wrap-block-fundes-select ----------------------------------- */
.cols-in__col-1 .wrap-block-fundes-select {
  position: relative;
}
/* ----------------------------------- moves ----------------------------------- */
.move_to_left_column {
  position: relative;
}
.move_to_left_column .cols-in__filtr {
  position: absolute;
  right: 280px;
}
@media (max-width: 1024px) {
  .move_to_left_column .cols-in__filtr {
    position: relative;
    right: 0;
  }
}
.cols-in__col-1 .fundes_wrap_list {
  margin-top: 330px;
}
@media (max-width: 1024px) {
  .cols-in__col-1 .fundes_wrap_list {
    margin-top: 0;
  }
}
.move_to_left_column .move_to_left_column_filter_block_for_fundes {
  position: absolute;
  left: -740px;
  top: 0;
}
@media (max-width: 1024px) {
  .move_to_left_column .move_to_left_column_filter_block_for_fundes {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }
}
/* ----------------------------------- social-likes ----------------------------------- */
.social-links {
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  /*white-space: nowrap;*/
}
.social-links .facebook {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/fb.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .social-links .facebook {
    background: url(../images/fb_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.social-links .facebook:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .twitter {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/tw.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .social-links .twitter {
    background: url(../images/tw_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.social-links .twitter:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .vkontakte {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/vk.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .social-links .vkontakte {
    background: url(../images/vk_2x.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.social-links .vkontakte:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .instagram {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/instagram.png) no-repeat;
}
.social-links .instagram:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .telegram {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/telegram.png) no-repeat;
}
.social-links .telegram:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .youtube {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/youtube.png) no-repeat;
}
.social-links .youtube:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .tiktok {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/tiktok.png) no-repeat;
}
.social-links .tiktok:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .tiktok {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/tiktok.png) no-repeat;
}
.social-links .tiktok:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .music-yandex {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/music_yandex.png) no-repeat;
}
.social-links .music-yandex:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .izi-travel {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/izi.png) no-repeat;
}
.social-links .izi-travel:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .artefact {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/artefact.png) no-repeat;
}
.social-links .artefact:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.social-links .sketchfab {
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(../images/sketchfab.png) no-repeat;
}
.social-links .sketchfab:hover {
  background-color: #fff;
  background-position: 0 100%;
}
.rouble {
  overflow: hidden;
  text-indent: -1000px;
}
.rouble:after {
  content: "a";
  font-family: 'als_rublregular';
  font-weight: normal;
  text-indent: 0;
}
/* ----------------------------------- fundes_wrap_list ----------------------------------- */
.fundes_wrap_list {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- reviews-note-box-text ----------------------------------- */
.reviews-note-box-text {
  padding: 10px 10px 30px 75px;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- reviews-note-box-text ----------------------------------- */
.reviews-post-reply-buttons {
  padding: 10px 0;
  font-size: 14px;
  line-height: 20px;
  font-family: open sans, sans-serif;
}
.reviews-button-small {
  margin-right: 10px;
}
/* ----------------------------------- bx-core-waitwindow ----------------------------------- */
div[id^="wait_comp_"] {
  background-color: #fff !important;
  border: 1px solid #000000!important;
  color: #000000 !important;
  font-family: open sans, sans-serif !important;
  font-weight: normal !important;
  font-size: 11px !important;
}
/* ----------------------------------- iScroll ----------------------------------- */
.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9;
  width: 10px;
  bottom: 10px;
  top: 10px;
  right: 5px;
  overflow: hidden;
}
.iScrollIndicator {
  position: absolute;
  background: #000;
}
.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
  background: #000;
}
/* ----------------------------------- longcounts ----------------------------------- */
.longcounts {
  max-width: 1000px;
  background: #fff;
  position: relative;
  margin: -170px auto 0;
  z-index: 5;
  padding: 40px 20px 20px;
}
.longcounts__item {
  text-align: center;
  max-width: 690px;
  padding-bottom: 40px;
  margin: 0 auto;
}
.longcounts__count {
  color: #000000;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 90px;
  line-height: 94px;
  margin-bottom: 20px;
}
.longcounts__description {
  font-size: 18px;
  line-height: 24px;
  font-family: open sans, sans-serif;
}
.longcounts__dots {
  position: absolute;
  top: 0;
  padding-top: 300px;
  right: -10px;
  width: 10px;
}
.longcounts__dots li {
  display: block;
  font-size: 0;
  line-height: 0;
  color: #fd4f57;
  margin-bottom: 20px;
  border-radius: 5px;
  background: #fd4f57;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.longcounts__dots li:hover,
.longcounts__dots li.active {
  background: #fff;
  box-shadow: 0 0 0 3px #fd4f57;
}
/* ----------------------------------- infos ----------------------------------- */
.infos {
  background: #000000;
  padding: 70px 0;
}
.infos__inner {
  width: 980px;
  margin: 0 auto;
}
.infos__head {
  color: #fff;
  letter-spacing: -1px;
  font-family: brutal,sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 15px;
}
.infos__cols {
  padding-bottom: 65px;
}
.infos__cols:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.infos__col-1 {
  width: 490px;
  float: left;
  margin-right: -490px;
  position: relative;
}
.infos__col-2 {
  width: 100%;
  float: left;
  padding-left: 530px;
}
.infos__col-3 {
  width: 100%;
  float: left;
  padding-right: 370px;
  position: relative;
}
.infos__col-4 {
  width: 370px;
  padding-left: 40px;
  float: left;
  margin-left: -370px;
}
.infos__col-three {
  width: 33.3%;
  float: left;
  padding-left: 20px;
}
.infos__img {
  width: 489px;
  display: block;
  margin-bottom: 20px;
}
.infos__title {
  font-size: 14px;
  line-height: 21px;
  color: #7d7d7d;
  font-family: open sans, sans-serif;
  font-style: italic;
}
.infos__title a {
  color: #fff;
}
.infos__title_right {
  text-align: right;
}
.infos__content .content p,
.infos__content .content h1 {
  color: #fff;
}
.infos__cit {
  border-top: 1px solid #555;
  padding-top: 70px;
}
.infos__cit-top {
  text-align: center;
  margin-bottom: 20px;
}
.infos__cit-img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
}
.infos__cit-content {
  text-align: center;
  padding: 30px 135px 0;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  font-style: italic;
  position: relative;
}
.infos__cit-content:before,
.infos__cit-content:after {
  content: "";
  display: block;
  background: url(../images/cit-red.png) no-repeat;
  height: 41px;
  width: 48px;
  position: absolute;
}
.infos__cit-content:before {
  background-position: 0 0;
  top: 0;
  left: 30px;
}
.infos__cit-content:after {
  background-position: 100% 0;
  bottom: 0;
  right: 30px;
}
.infos__cit-autor {
  color: #7d7d7d;
  text-align: right;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  font-style: italic;
  padding: 35px 135px 20px;
}
.infos__bottom {
  padding: 0 0 60px;
}
.infos__blockquote {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  border-top: 3px solid #7d7d7d;
  border-bottom: 3px solid #7d7d7d;
  padding: 25px 80px;
  font-size: 24px;
  line-height: 30px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
}
/* ----------------------------------- contcontent ----------------------------------- */
.contcontent {
  width: 980px;
  margin: 0 auto;
}
.contcontent__content {
  padding: 55px 0 35px;
}
/* ----------------------------------- who ----------------------------------- */
.who {
  background: #f6f6f6;
  margin-top: 100px;
}
.who__inner {
  width: 980px;
  margin: 0 auto;
  padding: 100px 0 190px;
  position: relative;
}
.who__inner-decor {
  width: 80px;
  height: 80px;
  border: 8px solid #fd4f57;
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -40px;
  font-size: 65px;
  line-height: 60px;
  text-align: center;
  color: #fd4f57;
  font-family: 'brutal', sans-serif;
  font-weight: 800;
}
.who__bottom {
  background: url(../images/dot-black.gif) repeat-x;
  margin-top: 65px;
  padding-top: 40px;
}
.who__cit {
  text-align: center;
  padding: 30px 135px 0;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  font-style: italic;
  position: relative;
}
.who__cit:before,
.who__cit:after {
  content: "";
  display: block;
  background: url(../images/cit-red.png) no-repeat;
  height: 41px;
  width: 48px;
  position: absolute;
}
.who__cit:before {
  background-position: 0 0;
  top: 0;
  left: 30px;
}
.who__cit:after {
  background-position: 100% 0;
  bottom: 0;
  right: 30px;
}
.who__cit-title {
  color: #7d7d7d;
  text-align: right;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  font-style: italic;
  padding: 35px 135px 20px;
}
.who__arrow {
  width: 29px;
  height: 44px;
  margin: 0 auto;
  background: url(../images/arrows-bottom.png) 100% 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .who__arrow {
    background: url(../images/arrows-bottom_2x.png) 100% 0 no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }
}
/* ----------------------------------- role ----------------------------------- */
.role {
  width: 980px;
  margin: -120px auto 0;
  position: relative;
  z-index: 2;
}
.role__photos {
  text-align: justify;
  line-height: 0;
  margin-bottom: 140px;
}
.role__photos:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 100%;
}
.role__photo {
  vertical-align: top;
}
.role__photo-title {
  position: absolute;
  text-align: center;
  bottom: -30px;
  left: 0;
  width: 100%;
  font-family: open sans, sans-serif;
  font-size: 13px;
  line-height: 20px;
  opacity: 0;
  color: #000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.role__photo-wr {
  position: relative;
  width: 215px;
  height: 270px;
  display: inline-block;
}
.role__photo-active {
  width: 60px;
  height: 20px;
  position: absolute;
}
.role__quest {
  position: relative;
  min-height: 60px;
  padding: 3px 0 3px 255px;
}
.role__wrapper {
  position: relative;
  margin-bottom: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.role__icon {
  width: 208px;
  height: 180px;
  position: absolute;
  left: 47px;
  top: 330px;
}
.role__try {
  width: 117px;
  height: 36px;
  position: absolute;
  left: 50px;
  top: 425px;
  cursor: pointer;
  display: block;
  z-index: 3;
}
.role__quest-p {
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
/* ----------------------------------- rslider ----------------------------------- */
.rslider {
  margin-bottom: 15px;
  position: relative;
}
.rslider__nav {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 3;
}
.rslider__nav li {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  border: 3px solid #000000;
  margin-right: 10px;
  font-size: 0;
  line-height: 0;
  text-indent: -100px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.rslider__nav li:hover,
.rslider__nav li.active {
  border-color: #fd4f57;
  background: #fd4f57;
}
.rslider__img {
  width: 215px;
  height: 215px;
  position: absolute;
  left: 0;
  top: 0;
}
.rslider__p {
  color: #000;
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.rslider__top {
  position: relative;
  min-height: 215px;
  padding-left: 255px;
}
.rslider__bottom {
  border-top: 3px solid #000;
  padding: 25px 0;
}
.rslider__name {
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
  margin-bottom: 5px;
}
.rslider__out {
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
  color: #7d7d7d;
}
.rslider__viewport {
  overflow: hidden;
  width: 980px;
}
.rslider__overview {
  width: 50000px;
}
.rslider__overview:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.rslider__li {
  width: 980px;
  float: left;
}
/* ----------------------------------- sliders ----------------------------------- */
.version {
  background: #000000;
}
.version__inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 60px 0 100px;
}
.version__head {
  color: #fff;
  font-size: 36px;
  line-height: 40px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}
.version__p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  margin-bottom: 30px;
}
.version__block {
  height: 250px;
  margin-left: 20px;
  position: relative;
}
.version__up {
  position: absolute;
  left: 0;
  top: 0;
  height: 250px;
  z-index: 2;
  background: #000;
  width: 0;
  overflow: visible !important;
}
.version__side {
  width: 3px;
  height: 100%;
  background: #a8a8a8;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.version__hidden {
  overflow: hidden;
  width: 100%;
  height: 250px;
  position: absolute;
  left: 0;
  top: 0;
}
.version__arr {
  width: 50px;
  height: 50px;
  border: 3px solid #fd4f57;
  position: absolute;
  left: -23px;
  top: 50%;
  margin-top: -25px;
  background: #000000;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.version__arr.active {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.version__arr:hover {
  background: #fd4f57;
}
.version__arr-in {
  display: block;
  width: 29px;
  height: 29px;
  position: absolute;
  overflow: hidden;
  left: 8px;
  top: 8px;
}
.version__arr-in:after {
  content: "";
  display: block;
  height: 29px;
  width: 44px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/arrows-right.png) 0 -34px no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .version__arr-in:after {
    background: url(../images/arrows-right_2x.png) 0 -34px no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.version__item {
  padding: 0 95px;
  width: 980px;
}
.version__h {
  font-size: 16px;
  line-height: 18px;
  color: #fd4f57;
  text-align: center;
  margin-bottom: 15px;
  font-family: open sans, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.version__ver {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  color: #fff;
  font-family: open sans, sans-serif;
}
.version__bottom {
  text-align: right;
  color: #7d7d7d;
  font-family: open sans, sans-serif;
  font-style: italic;
}
/* ----------------------------------- sliders ----------------------------------- */
.sliders {
  width: 980px;
  margin: 0 auto;
}
/* ----------------------------------- cinema ----------------------------------- */
.cinema {
  min-height: 648px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.cinema__inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 55px 0;
}
.cinema__inner:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.cinema__col {
  width: 50%;
  padding-right: 40px;
  float: left;
}
.cinema__p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-weight: 600;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- cits ----------------------------------- */
.cits {
  max-width: 980px;
  margin: 0 auto;
}
.cits:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.cits__col {
  width: 50%;
  text-align: center;
  float: left;
  padding: 50px 30px;
}
.cits__img {
  width: 150px;
  height: 150px;
  margin-bottom: 25px;
}
.cits__cit {
  color: #000000;
  padding-bottom: 27px;
  margin-bottom: 25px;
  font-style: italic;
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  position: relative;
}
.cits__cit:after {
  content: "";
  display: block;
  width: 100px;
  height: 3px;
  background: #fd4f57;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}
.cits__autor {
  color: #7d7d7d;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- ch-posters ----------------------------------- */
.ch-posters {
  max-width: 980px;
  margin: -60px auto 20px;
  position: relative;
  z-index: 2;
}
.ch-posters:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.ch-posters__col-1 {
  float: left;
  width: 315px;
  margin-right: 20px;
}
.ch-posters__col-2 {
  width: 645px;
  float: left;
}
.ch-posters__row-1 {
  margin-bottom: 20px;
}
.ch-posters__row-1:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.ch-posters__row-2:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.ch-posters__img {
  display: block;
  float: left;
}
.ch-posters__img_pad {
  margin-right: 20px;
}
/* ----------------------------------- reviews-1 ----------------------------------- */
.reviews-1 {
  max-width: 800px;
  text-align: justify;
  border-top: 3px solid #000000;
  margin: 0 auto;
  padding: 30px 0 0;
}
.reviews-1__head {
  margin-bottom: 30px;
  text-align: center;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
}
.reviews-1__cols {
  text-align: justify;
}
.reviews-1__cols:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 100%;
}
.reviews-1__col {
  text-align: center;
  display: inline-block;
  width: 310px;
  vertical-align: top;
}
.reviews-1__item {
  margin-bottom: 35px;
}
.reviews-1__img {
  border-radius: 50%;
  margin-bottom: 20px;
}
.reviews-1__title {
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 25px;
}
.reviews-1__title:after {
  content: "";
  display: block;
  height: 3px;
  width: 100px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}
.reviews-1__name {
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  font-family: open sans, sans-serif;
  color: #000;
}
.reviews-1__post {
  color: #7d7d7d;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  font-family: open sans, sans-serif;
}
.reviews-1__mess {
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  font-family: open sans, sans-serif;
}
/* ----------------------------------- reviews-2 ----------------------------------- */
.reviews-2 {
  max-width: 980px;
  margin: 0 auto;
}
.reviews-2__item {
  border-top: 3px solid #000;
  padding: 30px 0;
}
.reviews-2__item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.reviews-2__col-1 {
  width: 200px;
  float: left;
  margin-right: -200px;
  text-align: center;
}
.reviews-2__col-2 {
  float: left;
  width: 100%;
  padding: 10px 0 10px 245px;
}
.reviews-2__img {
  border-radius: 50%;
  margin-bottom: 20px;
}
.reviews-2__name {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-family: open sans, sans-serif;
  font-style: italic;
}
.reviews-2__post {
  font-size: 16px;
  line-height: 24px;
  color: #7d7d7d;
  font-family: open sans, sans-serif;
  font-style: italic;
}
.reviews-2__p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-family: open sans, sans-serif;
  font-style: italic;
}
/* ----------------------------------- film-cits ----------------------------------- */
.film-cits {
  background: #363636;
}
.film-cits__inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 35px 0 90px;
}
.film-cits__head {
  color: #fff;
  margin-bottom: 20px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
}
.film-cits__p {
  color: #fff;
  margin-bottom: 30px;
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.film-cits__list {
  background: #000;
  margin: 0 -40px;
  position: relative;
}
.film-cits__row {
  border-bottom: 1px solid #363636;
  display: table-row;
}
.film-cits__item {
  width: 50%;
  display: table-cell;
  vertical-align: top;
  padding: 40px;
  border-left: 1px solid #363636;
  border-bottom: 1px solid #363636;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.film-cits__item:hover {
  background: #262626;
}
.film-cits__item:first-child {
  border-left: none;
}
.film-cits__img {
  display: block;
  width: 450px;
  padding: 7px;
  background: #000;
  border: 3px solid #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.film-cits__item:hover .film-cits__img {
  opacity: .3;
}
.film-cits__title {
  color: #fff;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  padding-top: 10px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.film-cits__item:hover .film-cits__title {
  opacity: .3;
}
.film-cits__img-wrap {
  position: relative;
}
.film-cits__share {
  position: absolute;
  left: 0;
  top: 120px;
  width: 100%;
  text-align: center;
  z-index: 3;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.film-cits__item:hover .film-cits__share {
  opacity: 1;
}
.film-cits__share-h {
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  font-family: open sans, sans-serif;
  font-weight: bold;
  margin-bottom: 25px;
}
/* ----------------------------------- share-v2 ----------------------------------- */
.share-v2 {
  text-align: center;
}
.share-v2__ic {
  width: 45px;
  height: 45px;
  display: inline-block;
  margin: 0 9px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -3px;
  border: 3px solid #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.share-v2__ic:hover {
  border-color: #fd4f57;
  background-color: #fd4f57;
}
.share-v2__ic_vk {
  background: url(../images/vk.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .share-v2__ic_vk {
    background: url(../images/vk_2x.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.share-v2__ic_fb {
  background: url(../images/fb.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .share-v2__ic_fb {
    background: url(../images/fb_2x.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
.share-v2__ic_tw {
  background: url(../images/tw.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .share-v2__ic_tw {
    background: url(../images/tw_2x.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
}
/* ----------------------------------- hero-1 ----------------------------------- */
.hero-1 {
  max-width: 980px;
  margin: 0 auto 20px;
}
.hero-1:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.hero-1__col {
  width: 50%;
  float: left;
}
.hero-1__images {
  text-align: center;
  padding: 60px 0 30px;
}
.hero-1__img-wr {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  margin-bottom: 30px;
}
.hero-1__arr {
  display: inline-block;
  vertical-align: top;
  width: 46px;
  height: 15px;
  margin-top: 67px;
}
.hero-1__arr-2 {
  display: inline-block;
  vertical-align: top;
  width: 76px;
  height: 15px;
  margin-top: 67px;
}
.hero-1__img {
  border-radius: 50%;
  margin-bottom: 25px;
}
.hero-1__title {
  font-style: italic;
  color: #000;
  font-family: open sans, sans-serif;
  font-size: 14px;
  line-height: 24px;
}
.hero-1__title-autor {
  color: #a8a8a8;
}
.hero-1__big-img {
  margin: 0 0 20px -195px;
}
.hero-1__description {
  border-top: 3px solid #000;
  padding: 25px 0;
}
.hero-1__descrip {
  color: #000;
  margin-bottom: 15px;
  font-family: open sans, sans-serif;
  font-size: 13px;
  line-height: 21px;
}
.hero-1__one-img {
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 75px;
}
.hero-1__img-wr-2 {
  text-align: center;
  padding: 20px 0 40px;
}
.hero-1__twr {
  padding: 60px 0 60px;
}
/* ----------------------------------- spoiler ----------------------------------- */
.spoiler__top {
  background: #f6f6f6;
  padding: 45px 0;
}
.spoiler__top-inner {
  max-width: 980px;
  margin: 0 auto;
}
.spoiler__head {
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 36px;
  line-height: 40px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #000;
  margin-bottom: 35px;
  color: #fd4f57;
}
.spoiler__p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #000;
  font-family: open sans, sans-serif;
}
.spoiler__question {
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  margin-bottom: 30px;
}
.spoiler__arr {
  width: 29px;
  height: 44px;
  margin: 0 auto;
  background: url(../images/arrows-bottom.png) 100% 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .spoiler__arr {
    background: url(../images/arrows-bottom_2x.png) 100% 0 no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }
}
.spoiler__bottom-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 60px 0 115px;
}
.spoiler__vars:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.spoiler__var {
  width: 50%;
  float: left;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
}
.spoiler__vars input[type="radio"] {
  display: none;
}
.spoiler__count {
  font-size: 80px;
  font-family: 'brutal', sans-serif;
  font-weight: 500;
  color: #000;
  padding-bottom: 15px;
  margin-bottom: 30px;
  position: relative;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.spoiler__count:hover {
  color: #fd4f57;
}
.spoiler__count:after {
  content: "";
  display: block;
  width: 100px;
  height: 4px;
  background: #fd4f57;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -50px;
}
.spoiler__desc {
  font-size: 14px;
  line-height: 21px;
  color: #000;
  font-family: open sans, sans-serif;
}
.spoiler__knobs {
  padding-top: 45px;
  clear: both;
}
.spoiler__knobs:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.spoiler__knobs-col {
  width: 50%;
  float: left;
}
.spoiler__knob {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.knob-1,
.knob-2,
.knob-3 {
  font-weight: normal !important;
  font-size: 24px !important;
}
/* ----------------------------------- vote ----------------------------------- */
.vote {
  padding: 20px 0;
  position: relative;
}
.content .vote__h {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}
.content .vote__p {
  color: #fff;
}
.vote__button-wrap {
  text-align: center;
  padding-top: 40px;
}
.start_button input[type="submit"] {
  border: 3px solid #fff;
  width: 275px;
  height: 60px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  font-family: open sans, sans-serif;
  color: #fff;
  background: none;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.start_button input[type="submit"]:hover {
  color: #000;
  background: #fff;
}
.vote-list {
  max-width: 610px;
  margin: 0 auto;
}
.vote-img {
  max-width: 610px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1024px) {
  .vote-img img {
    height: auto !important;
  }
}
.vote-item {
  padding: 20px 0;
  border-bottom: 1px solid #dadada;
}
.vote-item label {
  font-size: 18px;
  line-height: 30px;
  color: #000;
  font-family: open sans, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.vote-next {
  border-bottom: 3px solid #000;
  text-align: right;
  margin-top: 40px;
}
.vote-next input[type="submit"] {
  border: 1px solid #000;
  font-family: brutal, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  padding: 0 50px 0 30px;
  border-bottom: none;
  background: #fff;
  height: 44px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.vote-next input[type="submit"]:hover {
  color: #fd4f57;
}
.vote-next .btn-item {
  position: relative;
  display: inline-block;
}
.vote-next .btn-item:after {
  content: "";
  display: block;
  width: 11px;
  height: 19px;
  position: absolute;
  right: 30px;
  top: 13px;
  background: url(../images/arrow-2.png) no-repeat;
}
.answer-yes {
  padding-left: 50px;
  position: relative;
}
.answer-yes:before {
  content: "";
  display: block;
  width: 30px;
  height: 22px;
  background: url(../images/answer-yes.png) no-repeat;
  position: absolute;
  left: 0;
  top: 25px;
}
.answer-no {
  padding-left: 50px;
  position: relative;
}
.answer-no:before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background: url(../images/answer-no.png) no-repeat;
  position: absolute;
  left: 0;
  top: 25px;
}
.answer-disabled {
  padding-left: 50px;
  position: relative;
  min-height: 30px;
}
.answer-disabled:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/answer-disabled.png) no-repeat;
  position: absolute;
  left: 0;
  top: 20px;
}
.vote-item-name {
  font-size: 18px;
  line-height: 30px;
  font-family: open sans, sans-serif;
  font-weight: 600;
  display: block;
  margin-right: 50px;
}
.answer-disabled .vote-item-name {
  color: #a8a8a8;
}
.vote-item-note {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-family: open sans, sans-serif;
  margin-top: 5px;
}
.vote-item-percent {
  position: absolute;
  font-size: 21px;
  line-height: 23px;
  font-family: brutal, sans-serif;
  font-weight: 500;
  right: 0;
  top: 25px;
}
.answer-yes .vote-item-percent,
.answer-yes .vote-item-name {
  color: #20b189;
}
.answer-no .vote-item-percent,
.answer-no .vote-item-name {
  color: #fd4f57;
}
.answer-disabled .vote-item-percent {
  color: #a8a8a8;
}
.vote-counter {
  position: absolute;
  width: 70px;
  height: 70px;
  border: 3px solid #fd4f57;
  text-align: center;
  font-family: brutal, sans-serif;
  font-weight: 500;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  padding-top: 15px;
  left: -185px;
  top: 0;
}
@media (max-width: 1024px) {
  .vote-counter {
    display: none;
  }
}
/* ----------------------------------- sussecc-mess ----------------------------------- */
.sussecc-mess {
  width: 610px;
  height: 480px;
  margin: 0 auto 30px;
  position: relative;
}
@media (max-width: 1024px) {
  .sussecc-mess {
    width: auto;
    height: auto;
  }
}
.sussecc-mess img {
  height: auto !important;
}
.sussecc-mess__head {
  padding-top: 60px;
  font-size: 48px;
  line-height: 50px;
  color: #fd4f57;
  margin-bottom: 25px;
  text-align: center;
  font-family: brutal, sans-serif;
}
.sussecc-mess__h {
  font-size: 24px;
  line-height: 28px;
  font-family: brutal, sans-serif;
  margin-bottom: 15px;
  color: #fff;
  text-align: center;
}
.sussecc-mess__p {
  color: #fff;
  font-family: brutal, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  padding: 0 50px;
}
.sussecc-mess__share-h {
  color: #fff;
  margin-top: 40px;
  font-size: 16px;
  line-height: 20px;
  font-family: brutal, sans-serif;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
}
@media (max-width: 760px) {
  .sussecc-mess__share-h {
    color: #000;
  }
}
.sussecc-mess__share-wr {
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
  z-index: 2;
}
@media (max-width: 760px) {
  .sussecc-mess__share-wr {
    position: relative;
    bottom: auto;
  }
}
@media (max-width: 760px) {
  .sussecc-mess__share-wr .share-v2__ic {
    border-color: #000000;
    background-color: #000000;
  }
}
.sussecc-mess__share-wr .share-v2__ic:hover {
  border-color: #fd4f57;
  background-color: #fd4f57;
}
/********************test**********************/
.dictionary-film .article-img:before {
  display: none;
}
.dictionary-film .test {
  margin: -40px -40px 0 -40px;
}
.dictionary-film .test__image {
  width: 100%;
  position: relative;
}
.dictionary-film .test__img-title {
  color: #fff;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  font-family: brutal, sans-serif;
  font-weight: 500;
  padding-top: 100px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
.dictionary-film .test__list {
  padding: 65px 130px;
}
.dictionary-film .test__item {
  margin-bottom: 60px;
}
.dictionary-film .test__question {
  font-size: 21px;
  line-height: 24px;
  color: #000;
  font-family: brutal, sans-serif;
  font-weight: 500;
  margin-bottom: 25px;
}
.dictionary-film .test__count {
  color: #f93546;
  font-size: 24px;
  line-height: 26px;
}
.dictionary-film .test__answ {
  border-bottom: 1px solid #dadada;
  padding: 20px 0;
}
.dictionary-film .test__label {
  vertical-align: top;
  font-size: 16px;
  line-height: 22px;
  font-family: open sans, sans-serif;
  padding-top: 4px;
  display: inline-block;
  cursor: pointer;
  width: 750px;
}
.dictionary-film .test__center-img {
  text-align: center;
}
.dictionary-film .test__description {
  font-size: 14px;
}
.dictionary-film .test__p {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  color: #000;
}
.dictionary-film .test__bottom {
  text-align: center;
}
.dictionary-film .test__button {
  border: 3px solid #000;
  padding: 0 65px;
  height: 60px;
  font-size: 18px;
  line-height: 22px;
  font-family: open sans, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  background: #fff;
  display: inline-block;
  color: #000;
}
.dictionary-film .test__link {
  border: 3px solid #000;
  padding: 0 65px;
  height: 60px;
  font-size: 18px;
  line-height: 22px;
  font-family: open sans, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  background: #000;
  display: inline-block;
  padding-top: 15px;
  color: #fff;
}
.dictionary-film .test__link:hover {
  color: #000;
  background: #fff;
}
.dictionary-film .test__button:hover {
  color: #fff;
  background: #000;
}
.dictionary-film .test__label-img {
  display: block;
  margin-bottom: 20px;
  cursor: pointer;
}
.dictionary-film .test__ans-imgs {
  text-align: justify;
  margin: 0 -90px;
}
.dictionary-film .test__ans-imgs:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 100%;
}
.dictionary-film .test__ans-img {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  text-align: center;
}
.dictionary-film .test__choice-list {
  text-align: justify;
  margin: 0 -90px;
  line-height: 0;
  margin-bottom: 17px;
}
.dictionary-film .test__choice-list:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 100%;
}
.dictionary-film .test__ch {
  width: 230px;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
}
.dictionary-film .test__img {
  width: 230px;
  height: 180px;
  background: url(/upload/dictionary/bg.jpg) no-repeat;
}
.dictionary-film .test__place {
  width: 230px;
  height: 180px;
  margin-bottom: 10px;
  background: url(/upload/dictionary/img.jpg) no-repeat;
  position: relative;
}
.dictionary-film .test__place-hover {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  font-family: open sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  border-radius: 5px;
  padding: 20px;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.dictionary-film .test__place:hover .test__place-hover {
  opacity: 1;
}
.dictionary-film .test__title {
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-family: open sans, sans-serif;
}
.dictionary-film .test__i {
  cursor: move;
}
.dictionary-film .test__p-answ {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  color: #000;
  padding: 20px 0 20px 50px;
}
.dictionary-film .test__counts {
  font-family: brutal, sans-serif;
  font-weight: 500;
  color: #fe4f56;
  font-size: 48px;
  line-height: 50px;
  padding: 0 0 25px;
  text-align: center;
}
.dictionary-film .test__icon {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  position: relative;
  display: none;
}
.dictionary-film .test__ans-img .test__icon {
  margin-right: 0;
}
.dictionary-film .disabl .test__icon-in {
  display: block;
  width: 30px;
  height: 30px;
  background: url(/upload/dictionary/answer-disabled.png) no-repeat;
}
.dictionary-film .no .test__icon-in {
  display: block;
  background: url(/upload/dictionary/answer-no.png) no-repeat;
  width: 25px;
  height: 25px;
  position: relative;
  left: 2px;
  top: 2px;
}
.dictionary-film .test__answ_bot .test__label {
  cursor: auto;
}
.dictionary-film .yes .test__icon-in {
  display: block;
  background: url(/upload/dictionary/answer-yes.png) no-repeat;
  width: 30px;
  height: 22px;
}
.dictionary-film .disabl .radio {
  display: none;
}
.dictionary-film .yes .radio {
  display: none;
}
.dictionary-film .no .radio {
  display: none;
}
.dictionary-film .disabl .test__icon {
  display: inline-block;
}
.dictionary-film .yes .test__icon {
  display: inline-block;
}
.dictionary-film .no .test__icon {
  display: inline-block;
}
.dictionary-film .disabl .test__label {
  color: #b8b8b8;
}
.dictionary-film .ui-draggable-dragging {
  z-index: 4;
}
/*******************glossary********************************/
.gloss__ancs {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  margin-bottom: 25px;
}
.gloss__anc {
  display: inline-block;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: normal;
  font-family: brutal, sans-serif;
  font-weight: 600;
  color: #000;
  margin-right: 20px;
}
.gloss__anc:hover {
  color: #f93545;
}
.gloss__anc.active {
  color: #f93545;
  text-decoration: underline;
}
.gloss__li {
  margin-bottom: 50px;
  border-bottom: 3px solid #000;
  padding-bottom: 30px;
  position: relative;
}
.gloss__li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.gloss__img {
  width: 450px;
  display: block;
  float: left;
  margin-right: -450px;
}
.gloss__content {
  padding-left: 490px;
  float: left;
  width: 100%;
  min-height: 250px;
  padding-bottom: 120px;
}
.gloss__h {
  font-size: 24px;
  line-height: 28px;
  font-family: brutal, sans-serif;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}
.gloss__p {
  font-size: 16px;
  line-height: 24px;
  font-family: open sans, sans-serif;
}
.gloss__title {
  position: absolute;
  bottom: 30px;
  left: 490px;
}
.gloss__stand {
  color: #a8a8a8;
  font-size: 14px;
  line-height: 20px;
  font-family: open sans, sans-serif;
}
.gloss__photo_desc {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  font-style: italic;
}
.gloss__group {
  margin-bottom: 25px;
  font-size: 36px;
  line-height: 40px;
  font-family: brutal, sans-serif;
  font-weight: 600;
  color: #f93545;
}
.gloss__name {
  color: #fff;
  font-size: 48px;
  line-height: 60px;
  font-family: brutal, sans-serif;
  font-weight: 600;
  width: 100%;
  padding-top: 110px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
}
/*******************error-block********************************/
.error-block {
  padding: 20px 0;
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  text-align: center;
  color: #fd4f57;
}
/* ---------------------------------------popup------------------------------------------------------- */
/* start popup */
.hidden-popup {
  display: none;
}
.lamp {
  width: 68px;
  height: 67px;
}
.lamp__1 {
  fill: #000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.lamp__2 {
  fill: #000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.lamp-small {
  width: 34px;
  height: 33px;
}
.lamp-small__1 {
  fill: transparent;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.lamp-small__2 {
  fill: #000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.nav__link_lamp {
  margin-top: -12px;
}
@media (max-width: 760px) {
  .nav__link_lamp {
    margin-top: 0;
  }
}
.nav__link_lamp:hover .lamp-small__1 {
  fill: #FD4F57;
}
.nav__link_lamp:hover .lamp-small__2 {
  fill: #FD4F57;
}
.start-popup {
  width: 660px;
  position: relative;
  padding: 60px 40px;
}
@media (max-width: 760px) {
  .start-popup {
    width: 100%;
  }
}
.success .modal-text_mess {
  color: green;
  text-align: center;
  margin-top: 40px;
}
.start-popup__head {
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  font-family: open sans, sans-serif;
  margin-bottom: 15px;
  font-weight: bold;
  color: #000;
}
.start-popup__p {
  font-size: 14px;
  line-height: 24px;
  font-family: open sans, sans-serif;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 35px;
  color: #000;
}
.start-popup__bot {
  padding-top: 10px;
  text-align: center;
}
.start-popup__message {
  font-family: open sans, sans-serif;
  padding: 50px 0 10px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.start-popup__bottom-center {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  text-align: center;
}
.start-popup__lamp {
  width: 68px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 47px;
}
.start-popup__bottom-arr-1 {
  width: 101px;
  height: 9px;
  display: inline-block;
  vertical-align: top;
  margin-top: 48px;
  background: url(../images/long-arr-right.png) no-repeat;
}
@media (max-width: 760px) {
  .start-popup__bottom-arr-1 {
    display: none;
  }
}
.start-popup__bottom-arr-2 {
  width: 101px;
  height: 9px;
  display: inline-block;
  vertical-align: top;
  margin-top: 48px;
  background: url(../images/long-arr-left.png) no-repeat;
}
@media (max-width: 760px) {
  .start-popup__bottom-arr-2 {
    display: none;
  }
}
.form__row {
  margin-bottom: 30px;
  position: relative;
}
.form__row:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.form__label {
  width: 100px;
  float: left;
  padding-top: 5px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  color: #000;
}
.form__label-2 {
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  vertical-align: top;
  display: inline-block;
  padding-top: 5px;
  cursor: pointer;
}
.form__row_wid .form__label {
  width: auto;
  margin-bottom: 20px;
}
.form__label label {
  cursor: pointer;
}
.form__req {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  font-family: open sans, sans-serif;
  color: #fa5861;
}
.form__input {
  width: 285px;
  float: left;
  margin-right: 30px;
}
@media (max-width: 760px) {
  .form__input {
    width: 100%;
    clear: both;
    float: none;
  }
}
.form__input input[type="text"],
.form__input textarea,
.form__input input[type="password"] {
  display: block;
  width: 100%;
  max-width: 100%;
  border: none;
  border-bottom: 1px solid #ababab;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-family: open sans, sans-serif;
  padding: 0;
  background: none;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.form__input input[type="text"]:focus,
.form__input textarea:focus,
.form__input input[type="password"]:focus {
  border-color: #000;
}
.form__input input[type="text"].error,
.form__input textarea.error,
.form__input input[type="password"].error {
  border-color: #fa5861;
}
.form__input_wid {
  width: 100%;
  margin-right: 0;
}
.form__message {
  font-size: 16px;
  line-height: 20px;
  color: #f93546;
  float: left;
  width: 120px;
  font-style: italic;
  font-family: open sans, sans-serif;
  padding-top: 5px;
}
.form__row_wid .form__message {
  clear: both;
  width: 100%;
}
.form__bottom:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.form__bcol-1 {
  width: 50%;
  float: left;
}
.form__bcol-2 {
  width: 50%;
  float: left;
  text-align: right;
}
.form__button {
  display: inline-block;
  border: 3px solid #000;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  background: #000;
  color: #fff;
  padding: 15px 45px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.form__button:hover {
  background: #fff;
  color: #000;
}
.draggable {
  position: relative;
}