@charset "UTF-8";
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: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          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;
  /* 3 */
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  /* 3 */
}

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"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          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: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
==========================================*/
/* 36/16 */
/* 30/16 */
/* 26/16 */
/* 24/16 */
/* 18/16 */
@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/MerriweatherBlack/merriweather-black.woff2") format("woff2"), url("../fonts/MerriweatherBlack/merriweather-black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/MerriweatherBold/merriweather-bold.woff2") format("woff2"), url("../fonts/MerriweatherBold/merriweather-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/MerriweatherRegular/merriweather-regular.woff2") format("woff2"), url("../fonts/MerriweatherRegular/merriweather-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* Webfont: Lato-Bold */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato/Lato-Bold.woff") format("woff"), url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Medium */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato/Lato-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Medium.woff2") format("woff2"), url("../fonts/Lato/Lato-Medium.woff") format("woff"), url("../fonts/Lato/Lato-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato/Lato-Regular.woff") format("woff"), url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Semibold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato/Lato-Semibold.woff") format("woff"), url("../fonts/Lato/Lato-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Black */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Black.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato/Lato-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Black.woff2") format("woff2"), url("../fonts/Lato/Lato-Black.woff") format("woff"), url("../fonts/Lato/Lato-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Light.woff2") format("woff2"), url("../fonts/Lato/Lato-Light.woff") format("woff"), url("../fonts/Lato/Lato-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello/fontello.eot?47595962");
  src: url("../fonts/fontello/fontello.eot?47595962#iefix") format("embedded-opentype"), url("../fonts/fontello/fontello.woff2?47595962") format("woff2"), url("../fonts/fontello/fontello.woff?47595962") format("woff"), url("../fonts/fontello/fontello.ttf?47595962") format("truetype"), url("../fonts/fontello/fontello.svg?47595962#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

html, body {
  height: 100%;
}

body {
  font: 14px Lato;
  line-height: 1.4;
  color: #393854;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  body {
    font-size: 15px;
    padding-top: 0;
  }
}

@media (min-width: 992px) {
  body {
    font-size: 16px;
  }
}

body.page-gray {
  background-color: #FAFAFA;
}

body.sand {
  background-color: #F7F5E6;
}


.clr {
  clear: both;
}

.hidden {
  display: none !important;
}

.wrap {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 30px;
  font-weight: bold;
}

h1 {
  font-size: 2.25em;
  font-weight: normal;
}

h2 {
  font-size: 1.875em;
}

h3 {
  font-size: 1.625em;
  font-weight: normal;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.125em;
}

h6 {
  font-size: 1em;
}

/*
==================================*/
a {
  color: #27AE7F;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

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

.regular {
  font-weight: normal !important;
}

.font-size_16 {
  font-size: 1em !important;
}

.font-size_18 {
  font-size: 1.125em !important;
  /* 18/16 */
}

.font-size_24 {
  font-size: 1.5em !important;
  /* 24/16 */
}

.white {
  color: #fff !important;
}

.h100 {
  height: 100%;
}

.font2{
  font-family: Merriweather;
}

/*
==================================*/
.middle,
.mm-page {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mm-page {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.text-white .title {
  color: #fff;
}

.text-black,
.text-black .title {
  color: #000;
}

/*
    если есть баг с вывотой блока и oveflow: hidden
    flex: 0 0 auto;
*/
/*
===================================*/
.ic {
  display: inline-block;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  vertical-align: middle;
  position: relative;
  background-repeat: no-repeat;
}

.ic-rouble {
  top: -2px;
  width: 15px;
  height: 15px;
  background-image: url(../images/rouble.svg);
}

.ic-forum {
  top: -2px;
  width: 17px;
  height: 12px;
  background-image: url(../images/icon-forum.svg);
  background-repeat: no-repeat;
}

.ic-podkast {
  top: -2px;
  width: 17px;
  height: 11px;
  background-image: url(../images/icon-podkast.svg);
}

/*
======================================*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-heart:before {
  content: '\e800';
}

/* '' */
.icon-eye:before {
  content: '\e801';
}

/* '' */
.icon-up:before {
  content: '\e802';
}

/* '' */
.icon-right:before {
  content: '\e803';
}

/* '' */
.icon-left:before {
  content: '\e804';
}

/* '' */
.icon-down:before {
  content: '\e805';
}

/* '' */
.icon-star:before {
  content: '\e806';
}

/* '' */
.icon-star-1:before {
  content: '\e807';
}

/* '' */
.icon-plus:before {
  content: '\e808';
}

/* '' */
.icon-minus:before {
  content: '\e809';
}

/* '' */
.icon-cancel:before {
  content: '\e80a';
}

/* '' */
.icon-heart-empty:before {
  content: '\e813';
}

/* '' */
.icon-mail:before {
  content: '\e814';
}

/* '' */
.icon-star-empty:before {
  content: '\e815';
}

/* '' */
.icon-star-2:before {
  content: '\e816';
}

/* '' */
.icon-search:before {
  content: '\e818';
}

/* '' */
.icon-down-open:before {
  content: '\f004';
}

/* '' */
.icon-up-open:before {
  content: '\f005';
}

/* '' */
.icon-right-open:before {
  content: '\f006';
}

/* '' */
.icon-left-open:before {
  content: '\f007';
}

/* '' */
.icon-pause:before {
  content: '\f00e';
}

/* '' */
.icon-play:before {
  content: '\f00f';
}

/* '' */
.icon-to-end:before {
  content: '\f010';
}

/* '' */
.icon-to-start:before {
  content: '\f011';
}

/* '' */
.icon-fast-forward:before {
  content: '\f012';
}

/* '' */
.icon-fast-backward:before {
  content: '\f013';
}

/* '' */
.icon-stop:before {
  content: '\f080';
}

/* '' */
.icon-facebook:before {
  content: '\f09a';
}

/* '' */
.icon-rouble:before {
  content: '\f158';
}

/* '' */
.icon-youtube-play:before {
  content: '\f16a';
}

/* '' */
.icon-instagram:before {
  content: '\f16d';
}

/* '' */
.icon-vkontakte:before {
  content: '\f189';
}

/* '' */
.icon-google:before {
  content: '\f1a0';
}

/* '' */
.icon-odnoklassniki:before {
  content: '\f30c';
}


.icon-wtsp::before{
  content: "";
  width: 17px;
  height: 17px;
  display: block;
  background: url(../images/wtsp.svg) no-repeat;
}

.icon-copy::before{
  content: "";
  width: 18px;
  height: 9px;
  display: block;
  background: url(../images/link.svg) no-repeat;
}

.btn-copy{
  border: none;
  background: none;
  text-align: left;
}

.sh-txt{
  line-height: 1.2;
  margin-left: 10px;
  font-weight: 500;
  font-size: 12px;
  color: rgba(57, 56, 84, 0.6);
}

.share-horizontal .likely__widget {
  vertical-align: middle;
  height: auto;
  margin-bottom: 0;
}

/* '' */
/*
=======================================*/
.d-flex,
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.container-1010 {
  max-width: 1050px;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

.navbar {
  padding: 0;
  min-height: 5px;
  display: block;
  width: 100%;
}

.navbar .navbar-collapse {
  clear: both;
  margin: 0 -15px;
  background-color: #fff;
  padding: 25px 25px 10px 25px;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
}

@media (min-width: 768px) {
  .navbar .navbar-collapse {
    padding: 25px;
    margin: 0 -25px;
  }
}

@media (min-width: 992px) {
  .navbar .navbar-collapse {
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
    margin: 0;
  }
}

.col-menu {
  width: 100%;
}

@media (min-width: 992px) {
  .col-menu {
    width: 60%;
  }
  .col-right-panel{
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .col-menu {
    width: 60%;
  }
  .col-right-panel{
    width: 23%;
  }
}

.navbar-header {
  height: 0;
}

@media (min-width: 992px) {
  .navbar-header {
    height: 0;
  }
}

.navbar-toggler {
  position: absolute;
  top: -32px;
  left: 45px;
  padding: 0;
  font-size: 0.875em;
  /* 14/16 */
  clear: both;
  margin: 5px;
  outline: none;
  padding-left: 25px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
}

@media (min-width: 576px) {
  .navbar-toggler {
    left: 170px;
    top: -35px;
  }
}

.navbar-toggler:focus, .navbar-toggler:active {
  outline: none;
}

.navbar-toggler span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 2px;
  background-color: #fff;
  margin-top: -9px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.navbar-toggler span::before, .navbar-toggler span::after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  left: 0;
  background-color: #fff;
}

.navbar-toggler span::before {
  top: 7px;
  width: 13px;
}

.navbar-toggler span::after {
  top: 14px;
  width: 18px;
}

.mob-menu-opened .navbar-header .btn-opened {
  opacity: 1;
  z-index: 2;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  left: -10px;
  top: -10px;
}

.mob-menu-opened .navbar-header span {
  opacity: 0;
  z-index: -1;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.btn {
  display: inline-block;
  outline: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  height: 44px;
  font-size: 0.875em;
  /* 14/16 */
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
  border: none;
  line-height: 1;
}

@media (min-width: 768px) {
  .btn {
    padding-left: 50px;
    padding-right: 50px;
  }
}


.btn:active, .btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-middle {
  padding-left: 25px;
  padding-right: 25px;
  height: 40px;
  min-width: 100px;
}

.btn-large {
  min-width: 220px;
}

.btn-bordered,
.btn-default{
  border: 1px solid;
  background-color: transparent;
}

.btn-bordered.btn-white {
  border-color: rgba(255, 255, 255, 0.4);
}

.btn-bordered.btn-white:hover {
  border-color: rgba(242, 242, 242, 0.6);
}

.btn-bordered.btn-gray,
.btn-default {
  border-color: rgba(57, 56, 84, 0.4);
}

.btn-bordered.btn-gray:hover,
.btn-default:hover {
  border-color: rgba(57, 56, 84, 0.6);
}

.btn-gray.btn-more{
  width: auto;
}

.btn-bordered svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 20px;
  height: 20px;
}

.btn-white {
  color: #fff;
}

.btn-white:hover {
  color: #fff;
}

.btn.btn-gray {
  color: #393854;
}

.btn.btn-gray:hover {
  color: #393854;
}

.btn.btn-white2 {
  background-color: #fff;
  color: #393854;
}

.btn.btn-white2:hover {
  color: #393854;
  -webkit-box-shadow: 0 2px 5px rgba(57, 56, 84, 0.2);
          box-shadow: 0 2px 5px rgba(57, 56, 84, 0.2);
}

.btn-dark {
  background-color: #393854;
  -webkit-box-shadow: 0 4px 10px rgba(57, 56, 84, 0.4);
          box-shadow: 0 4px 10px rgba(57, 56, 84, 0.4);
  font-size: 0.8125em;
  /* 13/16 */
  font-weight: 600;
}

.btn-dark:hover {
  background-color: #393854;
  border: none;
  -webkit-box-shadow: 0 4px 10px rgba(57, 56, 84, 0.7);
          box-shadow: 0 4px 10px rgba(57, 56, 84, 0.7);
}

.btn-green {
  background-color: #27AE7F;
  -webkit-box-shadow: 0px 7px 20px rgba(39, 174, 127, 0.4);
          box-shadow: 0px 7px 20px rgba(39, 174, 127, 0.4);
  font-size: 0.8125em;
  /* 13/16 */
  font-weight: 600;
  color: #fff;
}

.btn-green:hover {
  background-color: #27AE7F;
  border: none;
  color: #fff;
  -webkit-box-shadow: 0px 7px 20px rgba(39, 174, 127, 0.6);
          box-shadow: 0px 7px 20px rgba(39, 174, 127, 0.6);
}

.btn-play {
  width: 70px;
  height: 70px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: transparent;
  margin: 0;
  position: relative;
  padding: 0;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-play::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 19px;
  border-color: transparent transparent transparent #ffffff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-play:hover {
  border-color: #27AE7F;
}

.btn-play:hover:after {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.btn-play:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-fill-white {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 10px rgba(57, 56, 84, 0.4);
          box-shadow: 0 4px 10px rgba(57, 56, 84, 0.4);
  font-size: 0.8125em;
  /* 13/16 */
  font-weight: 600;
  color: #393854;
  min-width: 160px;
  height: 40px;
}

.btn-fill-white:hover {
  background-color: #27AE7F;
  border: none;
  color: #fff;
  -webkit-box-shadow: 0 4px 10px rgba(57, 56, 84, 0.7);
          box-shadow: 0 4px 10px rgba(57, 56, 84, 0.7);
}

.btn-fullwhite {
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-weight: bold;
  color: #393854;
  width: 100%;
  height: 40px;
  -webkit-border-radius: 25px;
          border-radius: 25px;
  padding-left: 0;
  padding-right: 0;
  line-height: 42px !important;
}

.btn-fullwhite:hover {
  background-color: #fff;
}

.btn-fullwhite svg {
  vertical-align: middle;
  margin-left: 5px;
  width: 12px;
}

.btn-fullgray {
  background-color: rgba(57, 56, 84, 0.1);
  font-size: 14px;
  font-weight: bold;
  color: #393854;
  width: 100%;
  height: 40px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  padding-left: 0;
  padding-right: 0;
  line-height: 42px !important;
}

.btn-fullgray:hover {
  background-color: rgba(57, 56, 84, 0.05);
}

.btn-fullgray svg {
  vertical-align: middle;
  margin-left: 5px;
}

.btn-pay-info {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  height: 62px;
  text-align: center;
  font-size: 18px;
  margin: 0 0 15px;
}

@media (min-width: 768px) {
  .btn-pay-info {
    margin: 0;
  }
}

a.btn {
  line-height: 44px;
  padding-top: 0;
  padding-bottom: 0;
}

a.btn-middle {
  line-height: 39px;
}

.btn-next {
  width: 37px;
  height: 37px;
  border: 1px solid rgba(57, 56, 84, 0.6);
  display: block;
  padding: 0;
  text-align: center;
  line-height: 1;
  position: relative;
}

@media (min-width: 992px) {
  .btn-next {
    width: 44px;
    height: 44px;
  }
}

.btn-next svg {
  display: block;
  margin: 0;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -8.5px;
}

.btn-next:hover {
  background-color: #393854;
}

.btn-next:hover svg use {
  fill: #fff;
}

.btn-next:hover svg path {
  fill: #fff;
}

#mse2_mfilter .btn_more{
  width: 100% !important;
  max-width: 315px  !important;
  background-color: transparent;
}


.btn-gray2{
  background-color: #FAFBFA;
  border-radius: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.btn img{
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 5px;
}

/*
==================================================*/
.btn-news-bordered{
  border: 1px solid  #27AE7F; 
  border-radius: 20px;
  color: #27AE7F;
  background-color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.03em;
  height: 83px;
  width: 100%;
  max-width: 244px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
  margin-top: 30px;
}

.btn-news-bordered svg{
  width: 35px;
  height: 35px;
  flex: 0 0 35px; 
  margin-right: 25px;
}
 
.btn-news-bordered span{
  white-space: normal;
  text-decoration: underline; 
}

.btn-news-bordered:hover span{
  text-decoration: none;
}


/*
====================================== */
.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form select,
.form textarea {
  display: block;
  width: 100%;
  margin: 0 0 20px;
  border: 1px solid rgba(51, 69, 83, 0.3);
  padding: 0 10px;
  height: 40px;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="password"]:focus,
.form select:focus,
.form textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form input[type="text"]:focus + .input-line,
.form input[type="email"]:focus + .input-line,
.form input[type="password"]:focus + .input-line,
.form select:focus + .input-line,
.form textarea:focus + .input-line {
  -webkit-transform: scaleX(1) translateY(-2px);
      -ms-transform: scaleX(1) translateY(-2px);
          transform: scaleX(1) translateY(-2px);
  opacity: 1;
}

.form input[type="text"] + input,
.form input[type="email"] + input,
.form input[type="password"] + input,
.form select + input,
.form textarea + input {
  margin-top: 20px;
}

.form textarea {
  height: 200px;
  padding-top: 10px;
}

.form .input-line {
  content: "";
  height: 3px;
  width: 100%;
  background: #27AE7F;
  display: block;
  -webkit-transform: scaleX(0) translateY(-2px);
      -ms-transform: scaleX(0) translateY(-2px);
          transform: scaleX(0) translateY(-2px);
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  opacity: 0;
  -webkit-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
}

.form-subscribe input[type="text"],
.form-subscribe input[type="email"] {
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  border-bottom: 1px solid rgba(54, 56, 84, 0.6);
  padding: 0 10px;
  height: 40px;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.form-subscribe .btn-middle {
  min-width: 30px;
}

.form-2 input:focus {
  color: #27AE7F;
  border-color: #27AE7F;
}

.form-2 .btn {
  width: 100%;
  display: block;
  height: 40px;
  margin-bottom: 30px;
}

.form-subtitle {
  margin-bottom: 25px;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: 600;
}

.form-rating {
  margin: 0 0 35px;
}

.form .rating-title {
  margin-bottom: 10px;
  font-size: 14px;
}

.form-modal-search form {
  position: relative;
}

.form-modal-search form input[type="text"] {
  border: none;
  padding-right: 30px;
  padding-left: 15px;
  height: 50px;
}

@media (min-width: 576px) {
  .form-modal-search form input[type="text"] {
    height: 76px;
    padding-right: 60px;
    padding-left: 30px;
  }
}

.form-modal-search form button[type="submit"] {
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  background-color: transparent;
}

@media (min-width: 576px) {
  .form-modal-search form button[type="submit"] {
    right: 15px;
    margin-top: -15px;
  }
}

.form-modal-search form button[type="submit"] svg {
  height: 20px;
  width: 20px;
}

@media (min-width: 576px) {
  .form-modal-search form button[type="submit"] svg {
    height: 30px;
    width: 30px;
  }
}

.form-modal-search form button[type="submit"] svg path {
  fill: #393854;
}

.form.h40 .btn {
  height: 40px;
}

.form.h40 input[type="text"],
.form.h40 input[type="email"] {
  height: 40px;
}

/* placeholder
=====================================*/
:focus::-webkit-input-placeholder {
  color: transparent;
}

:focus:-moz-placeholder {
  color: transparent;
}

:focus::-moz-placeholder {
  color: transparent;
}

:focus:-ms-input-placeholder {
  color: transparent;
}

::-webkit-input-placeholder {
  color: rgba(51, 69, 83, 0.4);
  opacity: 1;
}

:-moz-placeholder {
  color: rgba(51, 69, 83, 0.4);
  opacity: 1;
}

::-moz-placeholder {
  color: rgba(51, 69, 83, 0.4);
  opacity: 1;
}

:-ms-input-placeholder {
  color: rgba(51, 69, 83, 0.4);
  opacity: 1;
}

/* helpers
=====================================*/
:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#jGrowl {
  /*display: none !important;*/
}

#jGrowl .jGrowl-notification {
  background: #27AE7F !important;
  box-shadow: 0 0 0 7px #27AE7F !important;
  border: none !important;
  border-radius: 0 !important;
} 

@media (max-width: 767px) {
  #jGrowl .ms2-message-success{

  }
  
}

/*
====================================*/
.form-success {
  text-align: center;
  padding: 0;
}

.form-success_icon img {
  display: block;
  margin: 0 auto 15px;
  max-width: 100%;
}

.form-success_title {
  font-size: 1.5em;
  /* 24/16 */
  font-weight: 600;
  margin-bottom: 10px;
}

.form-success_msg {
  font-size: 0.875em;
  /* 14/16 */
  font-weight: 600;
}

.form-success .btn {
  width: 245px;
  max-width: 100%;
  margin-top: 30px;
  margin-bottom: 0;
}

/* MODAL bootstrap
==================================*/
.modal-dialog {
  background: #fff;
  width: 655px;
  padding: 20px;
  margin: 100px auto;
  position: relative;
  max-width: 98%;
  pointer-events: auto;
  border-radius: 10px;
}

@media (min-width: 768px) {
  .modal-dialog {
    padding: 50px 50px;
  }
}

@media (min-width: 992px) {
  .modal-dialog {
    padding: 70px 150px;
  }
}

.modal-dialog img {
  max-width: 100%;
}

.form-close {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #393854;
  font-size: 26px;
  font-weight: 300;
  cursor: pointer;
  border: none;
  background: none;
  outline: none;
}

.form-close:hover {
  color: #ff0000;
}

.form-close:focus {
  outline: none;
}

.form-title {
  text-align: center;
  font-size: 1.5em;
  /* 24/16 */
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
}

.form-title_small {
  text-transform: none;
  text-align: left;
  font-weight: 600;
}

.modal-open .top-panel {
  margin-left: -17px;
}

/*
====================================*/
@media (max-width: 767px) {
  #auth .modal-dialog {
    margin: 0 auto;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  #write-us .modal-dialog {
    margin: 0 auto;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  #write-us .tabs__caption li {
    font-size: 1.1em;
  }
}

/*
====================================*/
.link-forgot,
.link-login{
  color: #393854;
}

.link-forgot:hover,
.link-login:hover {
  text-decoration: underline;
}

#auth .btn-restore{
  display: none;
}

/*
====================================*/
#write-us .modal-dialog,
#review .modal-dialog {
  padding: 40px 20px;
}

@media (min-width: 768px) {
  #write-us .modal-dialog,
  #review .modal-dialog {
    padding: 50px 50px;
  }
}

@media (min-width: 992px) {
  #write-us .modal-dialog,
  #review .modal-dialog {
    padding: 70px 100px;
  }
}

#fragment .modal-dialog {
  padding: 40px 20px;
}

@media (min-width: 768px) {
  #fragment .modal-dialog {
    padding: 50px 30px;
  }
}

#tag-search .modal-dialog {
  padding: 0 40px 0 0;
}

@media (min-width: 576px) {
  #tag-search .modal-dialog {
    padding-right: 80px;
  }
}

#tag-search .form-close {
  background-color: #393854;
  right: 0;
  top: 0;
  width: 40px;
  height: 50px;
  color: #fff;
}

@media (min-width: 576px) {
  #tag-search .form-close {
    width: 76px;
    height: 76px;
  }
}

/*
====================================*/
#order .modal-dialog {
  padding: 40px 20px;
}

@media (min-width: 768px) {
  #order .modal-dialog {
    padding: 50px 50px;
  }
}

@media (min-width: 992px) {
  #order .modal-dialog {
    padding: 70px 100px;
  }
}

.form-info {
  font-size: 0.875em;
  /* 14/16 */
}

.captcha {
  margin: 15px 0;
}

.captcha img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/*
===================================*/
.modal-donate .modal-dialog {
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

@media (min-width: 992px) {
  .modal-donate  .modal-dialog {
    padding: 70px 95px;
  }
}

#tag-search .modal-dialog {
  margin-top: 42vh;
}

/*
====================================*/
#audio .modal-dialog {
  padding: 0 0 0 20px;
  width: 300px;
  margin-top: 40vh;
  background-color: transparent;
  position: relative;
}

#audio .modal-dialog audio {
  position: relative;
}

#audio .form-close {
  top: -15px;
  right: auto;
  left: -40px;
  color: #fff;
  font-size: 60px;
}

/*
====================================*/
.modal-wide .modal-dialog {
  padding: 40px 20px;
}

@media (min-width: 768px) {
  .modal-wide .modal-dialog {
    padding: 50px 100px;
  }
}

/*
====================================*/
.file-upload {
  position: relative;
  margin-bottom: 20px;
}

.file-upload .btn-file {
  margin: 0;
  padding: 0;
  border: 1px solid rgba(56, 57, 84, 0.6);
  position: absolute;
  top: 50%;
  right: 15px;
  width: 105px;
  height: 44px;
  background-color: transparent;
  color: #393854;
  line-height: 44px;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: bold;
  margin-top: -22px;
}

@media (min-width: 768px) {
  .file-upload .btn-file {
    width: 170px;
    right: 30px;
  }
}

.file-upload .clearfix {
  /* display: none !important; */
}

.file-preview {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px dashed rgba(56, 57, 84, 0.4);
  padding: 0;
  width: 100%;
  margin: 0;
}

.file-drop-zone {
  border: none;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  margin: 0;
  padding: 25px 10px;
}

@media (min-width: 768px) {
  .file-drop-zone {
    padding: 25px;
  }
}

.file-default-preview.clickable {
  color: rgba(56, 57, 84, 0.4);
  font-size: 0.875em;
  /* 14/16 */
}

.file-preview-status {
  display: none !important;
}

.krajee-default.file-preview-frame {
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  float: none;
  text-align: center;
}

.file-thumbnail-footer {
  display: none !important;
}

.krajee-default.file-preview-frame:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.kv-file-content {
  width: 110px !important;
  height: 100px !important;
}

.file-preview-thumbnails {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.fileinput-remove-button {
  position: absolute;
  background: transparent;
  color: #393854;
  top: 0;
  left: 0;
  border: none;
  padding: 0;
}

.fileinput-remove-button:hover {
  color: #27AE7F;
}

.file-input-ajax-new .fileinput-remove-button {
  display: none;
}

/*
=====================================*/
.header{
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.top-panel {
  padding: 7px 0 ;
  z-index: 9;
  margin: 0 auto;
  width: 100%;
  background-color: #F2F2F2;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

.modal-open .top-panel {
  padding-left: 17px;
}

.modal-open .top-right-panel {
  position: relative;
  right: 0px;
}


.top-panel > .container,
.navigation > .container,
.submenu > .container,
.top-search  .container{
  width: 100%;
  max-width: 1470px !important;
  position: relative;
}

@media (min-width: 1200px) {
  .top-panel > .container,
  .navigation > .container,
  .submenu > .container {
    padding: 0 50px;
  }
}

@media (min-width: 1900px) {
  .top-panel > .container,
  .navigation > .container,
  .submenu > .container {
    padding: 0 15px;
  }
}

.top-panel .row {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-panel .dropdown-menu {
  position: relative;
  display: block;
  -webkit-border-radius: 0;
          border-radius: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  top: 0;
  float: none;
  background-color: #f7f7f7;
}

@media (min-width: 992px) {
  .top-panel .dropdown-menu {
    display: none;
    top: 29px;
    position: absolute;
  }
}

.top-panel .dropdown-menu.show {
  display: block;
}

.logo {
  position: relative;
  color: #393854;
  line-height: 1;
  vertical-align: middle;
  min-width: 30px;
  min-height: 40px;
  font-size: 16px;
  font-weight: 600;
  display: block;
  text-align: center;
  margin: 50px auto 0;
}

@media (min-width: 992px) {
  .logo {
    min-width: 150px;
    padding-left: 45px;
    margin: 0;
    margin-right: 25px;
    text-align: left;
  }
}

.logo img,
.logo svg {
  position: relative;
  display: block;
  margin: 0 auto ;
  width: 32px;
}

.logo span {
  display: block;
}

.logo svg path,
.logo svg use{
 /* fill: #393854; */
}

.navigation{
    background-color: #fff;
    padding: 10px 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}

.logo svg{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 992px) {
  .logo img,
  .logo svg {
    position: absolute;
    left: 0;
    top: 3px;
  }
  .navigation{
    padding: 0;
  }

  .fix-menu .logo img,
  .fix-menu  .logo svg {
    top: -2px;
  }
}




/*
=====================================*/
@media (min-width: 992px) {
    .nav-invisible .navigation{
        position: fixed;
        transform: translateY(-200px);
        left: 0;
        right: 0;
        top: -100%;
        opacity: 0;
        padding-top: 0;
        padding-bottom: 0;
        background-color: #fff;
        box-shadow: 0 2px 6px rgba(0,0,0, .2);
        z-index: 999;
    }


  .fix-menu .navigation{
      opacity: 1;
      top: 0;
      transform: translateY(0);
  }

  .fix-menu .top-menu>li>a{
    padding-top: 17px;
    padding-bottom: 13px;
  }


  .fix-menu .logo span{
    display: none;
  }

  .fix-menu .logo svg{
    transform: scale(.8);
  }

  .fix-menu .logo:hover span,
  .fix-menu .btn-menu,
  .fix-menu.top-white  .btn-menu,
  .fix-menu .top-menu li a{
    color: #393854;
  }

  .fix-menu .menus .dropdown-menu{
    top: 55px;
  }

  .fix-menu .top-panel .menu-langs.dropdown-menu{
    top: 42px;
  }

  .fix-menu .top-search .dropdown-menu{
    top: 49px;
  }
}

/*
=====================================*/
.langs {
  vertical-align: middle;
  display: inline-block;
}

@media (min-width: 992px) {
  .langs {
    margin-right: 15px;
  }
}

.langs.show .btn-lang {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  z-index: -1;
}

.btn-lang {
  border: none;
  background-color: transparent;
  -webkit-border-radius: 0;
          border-radius: 0;
  margin-left: 15px;
  display: none;
  padding: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 992px) {
  .btn-lang {
    display: block;
    margin-left: 0;
  }
}

.btn-lang::after {
  display: none;
}

.btn-lang:focus {
  outline: none;
}

.btn-lang img {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-right: 5px;
}

.menu-langs {
  color: #393854;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  width: auto;
}

@media (min-width: 992px) {
  .menu-langs {
    width: 730px;
    right: auto;
    left: -30px;
    padding: 33px 58px;
  }
}

.menu-langs .row {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.menu-langs .dropdown-menu-inner {
  display: none;
}

@media (min-width: 992px) {
  .menu-langs .dropdown-menu-inner {
    display: block;
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    left: 0;
  }
}

.langs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 400px) {
  .langs-list {
    -webkit-columns: 2 auto;
       -moz-columns: 2 auto;
            columns: 2 auto;
  }
}

@media (min-width: 768px) {
  .langs-list {
    -webkit-columns: 3 auto;
       -moz-columns: 3 auto;
            columns: 3 auto;
  }
}

.langs-list a {
  display: block;
  margin-bottom: 15px;
  font-size: 0.9375em;
  /* 15/16 */
  font-weight: 500;
  color: #393854;
}

.langs-list a:hover {
  color: rgba(57, 56, 84, 0.7);
  text-decoration: none;
}

.langs-title {
  font-size: 1em;
  /* 20/16 */
  font-weight: 600;
  margin-bottom: 25px;
  border: none;
  text-align: left;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  color: #393854;
}

.langs-title::after {
  display: none;
}

.langs-title:hover {
  color: rgba(57, 56, 84, 0.7);
}

@media (min-width: 992px) {
  .langs-title {
    margin-bottom: 55px;
    font-size: 1.25em;
  }
}

.langs-title:focus {
  outline: none;
}

.lang-current {
  position: relative;
  padding-left: 32px;
  margin-bottom: 30px;
}

.lang-current img {
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  left: 0;
  top: 0;
}

.lang-current_title {
  font-size: 1.125em;
  /* 18/16 */
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
  color: #393854;
}

.lang-current_desc {
  font-size: 0.8125em;
  /* 13/16 */
  font-weight: 500;
}

.small-menu{
  list-style: none;
  margin: 0;
  padding: 0 0 0 5px;
}

.small-menu li + li{
  margin-left: 25px;
}

.small-menu a{
  font-size: 14px;
  color: rgba(57, 56, 84, 0.7);
}

.small-menu a:hover,
.small-menu .active a{
  text-decoration: none;
  color: #393854;
}

/*
=====================================*/
@media (min-width: 992px) {
  .menus {
    /* display: inline-block; */
    padding: 0;
    position: static;
  }
}

.menus.show .btn-menu span {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  z-index: -1;
}

.menus.show > .btn-opened {
  opacity: 1;
  z-index: 2;
}

@media (min-width: 992px) {
  .menus .dropdown-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 92px;
    padding: 33px 0;
  }
}

@media (max-width: 991px) {
  .menus .dropdown-menu .container {
    max-width: 100%;
  }
}

.btn-menu {
  border: none;
  background-color: transparent;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #393854;
  text-transform: uppercase;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: 600;
  position: relative;
  padding-right: 15px;
  padding-left: 35px;
  margin: 0 10px;
  display: none;
  line-height: 1;
}

@media (min-width: 992px) {
  .btn-menu {
    display: inline-block;
  }
}

.btn-menu::after {
  display: none;
}

.btn-menu span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 2px;
  background-color: #393854;
  margin-top: -9px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-menu span::before, .btn-menu span::after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  left: 0;
  background-color: #393854;
}

.btn-menu span::before {
  top: 7px;
  width: 13px;
}

.btn-menu span::after {
  top: 14px;
  width: 18px;
}

.btn-menu:focus {
  outline: none;
}

.top-white .btn-menu,
.is-opened.top-white .btn-menu {
  color: #fff;
}

.top-white .btn-menu span,
.is-opened.top-white .btn-menu span {
  background-color: #fff;
}

.top-white .btn-menu span::before, .top-white .btn-menu span::after,
.is-opened.top-white .btn-menu span::before,
.is-opened.top-white .btn-menu span::after {
  background-color: #fff;
}

@media (min-width: 992px) {
  .top-white .menus::after, .top-white .menus::before,
  .is-opened.top-white .menus::after,
  .is-opened.top-white .menus::before {
    background-color: rgba(255, 255, 255, 0.3);
  }
}

.mm-wrapper_opened .navigation{
  opacity: 0 ;
  z-index: -1;
}


/*
========================================*/
.btn-opened {
  width: 30px;
  height: 30px;
  background-color: #f7f7f7;
  position: relative;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  opacity: 0;
  top: -5px;
  left: -10px;
  z-index: -1;
  cursor: pointer;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-opened:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.btn-opened::before,
.btn-opened::after {
  content: "";
  position: absolute;
  background-color: #393854;
  display: block;
  width: 16px;
  height: 2px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -8px;
}

.btn-opened::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-opened::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.show > .btn-opened {
  opacity: 1;
  z-index: 2;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}


/*
========================================*/
.menu {
  padding: 0;
  margin: 0 -15px 30px;
  list-style: none;
  max-width: 100%;
}

@media (min-width: 992px) {
  .menu {
    width: 645px;
    margin: 0 0 0 50px;
  }
}

@media (min-width: 576px) {
  .menu li {
    width: 48%;
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .menu li {
    width: 32%;
  }
}

.menu a {
  color: #393854;
  display: block;
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 0.9375em;
  /* 15/16 */
}

.menu a:hover,
.menu .active a{
  color: rgba(57, 56, 84, 0.7);
  text-decoration: none;
}

.main .menu {
  margin: 0 -15px 30px;
}

@media (min-width: 992px) {
  .main .menu {
    margin: 0 0 0 125px;
  }
}



/*
=====================================*/
.top-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: 600;
  margin: 0 0 15px; 
}

@media (min-width: 992px) {
  .top-menu {
    margin: 0 0 0 8px;
  }
}

.top-menu li {
  display: block;
}

.top-menu>li>a {
  display: block;
  color: #393854;
  text-transform: uppercase;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

@media (min-width: 992px) {
  .top-menu>li>a {
    color: rgba(57, 56, 84, 0.8);
    margin: 0 10px;
    padding: 26px 0 15px;
  }
}

@media (min-width: 1200px) {
  .top-menu>li>a {
    padding: 26px 0 21px;
    margin: 0 18px;
    border-bottom: 2px solid transparent;
  }
}

.top-menu li a:hover {
  text-decoration: none;
  color: #393854;
  border-color: #393854;
}

.top-menu li:hover a{
  border-color: #393854;
}
/*
.top-menu>li.active>a{
  border-color: #393854;
}
*/

#mse2_selected{
  background-color: transparent !important;
  padding: 0 !important;
}

/*
================================ */
.submenu{
    display: none;
    position: absolute;
    top: 102px;
    left: 0;
    right: 0;
    background: #F7F7F7;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
    padding: 40px 0;
    transition: all .3s;
}

.submenu .container{
  padding-left: 155px;
}

@media (min-width: 992px) {
  .submenu{
    top: 64px;
  }
}

@media (min-width: 1200px) {
  .submenu{
    top: 68px;
  }
}

@media (min-width: 1440px) {
  .submenu .container{
    padding-left: 145px;
  }
}

@media (min-width: 1920px) {
  .submenu .container{
    padding-left: 105px;
  }
}

.submenu ul{
  margin: 0;
  padding: 0;
}

.submenu li{
    display: block;
    margin-bottom: 15px;
}

.submenu li a{
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-transform: none;
    color: #393854;
}

.submenu li a:hover{
  color: #27AE7F;
}


.top-menu>li:hover >.submenu{
  display: block;
}

.fix-menu .submenu{
  top: 65px;
}

@media (min-width: 1200px) {
  .fix-menu .submenu{
    top: 51px;
  }
}

.related-in-menu a{
  color: #393854;
}

.in-menu-title1{
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: rgba(57, 56, 84, 0.5);
  margin-bottom: 15px;
}

.menu-product-item{
  overflow: hidden;
}

.menu-product-item img,
.menu-news-item img{
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
  max-width: 100%;
}

.menu-product-item_cat{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.05em;
  color: rgba(57, 56, 84, 0.6);
  margin: 15px 0 10px;
}

.menu-product-item a,
.menu-news-item a{
  margin: 0 0 10px !important;
  display: block !important;
}

.cat-icon::after{
  content: "";
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  position: relative;
}

.cat-icon-5::after {
  width: 13px;
  height: 13px;
  background: url(../images/icon-video.svg) no-repeat;
  top: -1px;
}

.cat-icon-11::after {
  width: 17px;
  height: 12px;
  background: url(../images/icon-book-dark.svg) no-repeat;
  top: -1px;
}

.cat-icon-14::after {
  width: 17px;
  height: 12px;
  background: url(../images/icon-audio.svg) no-repeat;
  top: -1px;
}

.nowrap{
  white-space: nowrap;
  display: flex;
}

/*
================================= */
.about-in-menu{
  font-size: 18px;
  font-weight: 500;
}

.about-in-menu img{
  width: 100%;
  max-width: 270px;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}

.about-in-menu span{
  display: block;
  font-size: 14px;
  margin-top: 10px;
}

.about-in-menu .col-7{
  padding-left: 30px;
}

/*
=====================================*/
.top-search {
  margin: 0 ;
  top: -1px;
}

@media (min-width: 576px) {
  .top-search {
    top: 0;
  }
}

@media (min-width: 992px) {
  .top-search {
    display: inline-block;
    margin: 0;
  }
}

@media (min-width: 992px) {
    .fix-menu .top-search .dropdown-menu {
    top: 52px;
    }
    .top-search .dropdown-menu {
        top: 102px;
    }
    .top-search .container{
    	padding: 0 50px;
    }
}

.btn-search {
  border: none;
  background-color: transparent;
  padding-left: 25px;
  padding-right: 5px;
  line-height: 17px;
  padding-bottom: 0;
  padding-top: 2px;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-search::after {
  display: none;
}

.btn-search:focus {
  outline: none;
}

.btn-search:hover {
  opacity: .6;
}

.btn-search svg {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.search-form {
  position: fixed;
  left: 0;
  right: 0;
  top: 44px;
  background-color: #F7F7F7;
  padding: 0;
  margin: 0;
  color: #393854;
  border: none !important;
  border-radius: 0 !important;
}

@media (min-width: 992px) {
  .search-form {

  }
}

.top-search_form {
  background-color: #f1f1f1;
  position: relative;
}

@media (min-width: 992px) {
  .top-search_form {
    background-color: #fff;
  }
}

.top-search_form input {
  border: none;
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 40px 0 0;
  font-size: 17px;
  font-weight: 500;
  background-color: #F7F7F7;
}

@media (min-width: 992px) {
  .top-search_form input {
    height: 80px;
    padding: 0 45px;
  }
}

.top-search_form input:focus {
  outline: none;
}

.btn-close-search {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  border: none;
  background-color: transparent;
  padding: 0;
  line-height: 1;
  transform: translateY(-50%);
}

.btn-search-submit:focus {
  outline: none;
}

.btn-search-submit svg {
  width: 33px;
  height: 33px;
}

.btn-search-submit svg path,
.btn-search-submit svg use{
  fill: #393854;
}

.btn-search-submit:hover {
  opacity: .7;
}

.top-search_results {
  padding: 0 25px 15px;
  color: #393854;
}

@media (min-width: 992px) {
	.top-search_results {
		padding: 0 45px 15px;
	}
	.btn-close-search { 
	  right: 50px; 
	} 
}

@media (min-width: 1440px) { 
	.btn-close-search { 
	  right: 20px; 
	} 
}

.ts-cat-title {
  font-weight: bold;
  font-size: 0.8125em;
  /* 13/16 */
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 25px;
}

.ts-item {
  display: block;
  margin-bottom: 5px;
  font-size: 0.8125em;
  /* 13/16 */
  font-weight: 500;
  color: #393854;
}

.ts-item:hover {
  color: #27AE7F;
  text-decoration: none;
}

.top-icon-login{
  padding-right: 25px;
  /*padding-top: 4px;*/
  font-size: 14px;
  line-height: 22px;
  color: #393854;
  visibility: hidden;
  transition: none;
}

.top-icon-login span{
  padding-right: 5px;
}

.fix-menu .top-icon-login{
  visibility: visible;
  transform: scale(1.3);
}


@media (min-width: 1200px) {
  .fix-menu .top-icon-login{
    transform: none;
  }
}

/*
=====================================*/
.top-right-panel {
  padding-right: 20px;
}

@media (min-width: 992px) {
  .top-right-panel {
    padding-right: 0;
  }
}


@media (min-width: 1200px) {
  .top-right-panel {
    margin-left: auto;
    padding-right: 3px;
  }
}

.top-right-panel > a {
  display: inline-block;
}

.top-right-panel > a:hover {
  opacity: .7;
}

.top-right-panel > a:focus {
  outline: none;
}

.top-right-panel .top-icon-user{
  transform: scale(1.5);
  margin-right: 25px;
  top: 0;
}

.top-icon-user,
.top-icon-favorite,
.top-icon-cart .top-cart-empty,
.top-icon-search {
  position: relative;
  line-height: 1;
}

.top-icon-user svg path,
.top-icon-user svg circle,
.top-icon-favorite svg path,
.top-icon-favorite svg circle {
  stroke: #393854;
}

.top-icon-search svg {
  width: 22px;
  height: 22px;
}

.top-icon-user {
  color: #393854;
  font-size: 14px;
}

.top-icon-user svg{
  margin-left: 13px;
}

/*
====================================*/
.btn-user-panel {
  background: none;
  width: auto;
  height: 26px;
  border: none;
  display: block;
  margin-right: 5px;
  font-size: 14px;
  padding-right: 15px;
  line-height: 26px;
}

.btn-user-panel::after {
  content: "";
  border: none;
  width: 6px;
  height: 6px;
  border: 2px solid #393854;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 10px;
  right: 0;
  position: absolute;
}

.btn-user-panel:focus {
  outline: none;
}

.top-white:not(.fix-menu) .btn-user-panel::after {
  border-color: #fff;
}

.btn-user-panel img{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

.show > .user-panel-menu {
  display: block !important;
}

.user-panel {
  margin-top: -3px;
}

.user-panel-menu {
  -webkit-border-radius: 3px !important;
          border-radius: 3px !important;
  background-color: #fff !important;
  padding: 0;
  width: 200px;
  right: 0px !important;
  left: auto !important;
  top: 35px !important;
  position: absolute !important;
  display: none !important;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.15) !important;
}

.user-panel-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.user-panel-menu ul a {
  display: block;
  padding: 14px 25px;
  color: #393854;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s;
}

.user-panel-menu ul a:hover {
  background-color: #f7f7f7;
}

.user-panel-menu ul a img {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin-left: 5px;
}

.user-panel-menu ul li:nth-child(2) a {
  -webkit-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
}

.user-panel-menu svg{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.top-icon-user-loged {
  width: 36px !important;
  height: 36px !important;
  display: block;
  text-align: center;
}

.top-icon-user-loged img{
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.navigation .user-panel{
  display: none;
}

.navigation .btn-user-panel::after {
  right: 15px;
}

.fix-menu .navigation .user-panel{
  display: block;
}

/*
=====================================*/
.top-icon-favorite{
  margin-right: 30px;
  position: relative;
  display: block;
}

.top-icon-favorite > span {
  color: #393854;
}

.top-icon-favorite.is-favorite svg path,
.top-icon-favorite.vored svg path {
  fill: #393854;
  stroke: #393854;
}

.top-icon-favorite .top-icon-count{
  background-color: #393854;
  top: -8px;
  right: -10px;
  position: absolute;
  width: 15px;
  height: 15px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height:15px ;
  font-size: 9px;
  padding: 1px 0 0 1px ;
}

.top-icon-favorite .top-icon-count[data-value="0"]{
  display: none
}


.favorite-tooltip{
  position: absolute;
  top: 100%;
  right: -14px;
  width: 111px;
  height: 40px;
  background-color: #fff;
  text-align: center;
  padding: 12px 0;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  margin-top: 35px;
  display: none;
}

.favorite-tooltip::before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #fff transparent;
  top: -6px;
  right: 15px;
  position: absolute;
}

.top-icon-favorite:hover>.favorite-tooltip{
  display: block;
}

/*
====================================*/
.top-icon-cart {
  position: relative;
  line-height: 1;
  top: 0;
}

/*.top-icon-cart:hover .cart-drop,*/
#msmcd-dropdown.show .cart-drop,
#msmcd-dropdown.hover .cart-drop{
  display: block;
  z-index: 1001;
  opacity: 1;
  height: auto;
  padding: 0;
  overflow: auto;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

#msmcd-dropdown.hover .cart-drop{
  display: block !important;
}


.top-icon-cart .top-cart-full {
  display: none;
}

.top-icon-cart.full .top-cart-empty {
  display: none;
}

.top-icon-cart.full .top-cart-full {
  display: block;
}

.top-icon-cart .top-icon-count {
  color: #393854;
  top: 3px;
  right: -10px;
  position: relative;
}

.cart-drop {
  position: absolute;
  top: 100%;
  right: -5px;
  display: block;
  z-index: -1;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  max-height: calc(100vh - 50px);
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  transition: all .4s ease-out;
}
 
.jGrowl-closer{
  display: none !important;
}

.jGrowl-notification.ms2-message-success{
  display: block !important;
}

.cart-drop-inner{
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 35px;
  padding: 25px;
}

@media (min-width: 768px) {
  .cart-drop {
    right: -15px;
  }

  .jGrowl-notification.ms2-message-success,
  .jGrowl-closer{
    display: none !important;
  }
}

.cart-drop-inner::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #fff transparent;
}

.cart-drop-form {
  margin: 25px 0;
}

.cart-drop_row {
  margin-bottom: 25px;
  text-align: center;
}

@media (min-width: 768px) {
  .cart-drop_row {
    text-align: left;
  }
}

.cart-drop_img {
  display: block;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .cart-drop_img {
    margin: 0;
  }
}

.cart-drop_img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.cart-drop_cat {
  font-size: 0.875em;
  /* 14/16 */
  margin-bottom: 5px;
}

.cart-drop_title_block{
  position: relative;
  margin-bottom: 5px;
}

.btn-hide-cart{
  position: absolute;
  right: 0;
  top: -5px;
  line-height: 1;
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 26px;
  color: #393854;
  display: none;
}

.cart-drop_title {
  display: block;
  color: #393854;
  font-size: 1em;
  margin-bottom: 15px;
}

.cart-add-success{
  background-color: #27AE7F;
  color: #fff;
  padding: 17px 25px;
  font-size: 14px;
  margin: 10px -25px;
  display: none;
}

.show .cart-add-success,
.show .btn-hide-cart{
  display: block;
}

@media (min-width: 768px) {
  .cart-drop_title {
    margin-bottom: 0;
  }
}

.cart-drop_price {
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
}

.cart-drop_price span{
  font-size: 12px;
}

.cart-drop-total {
  text-align: right;
  font-size: 14px;
}

.cart-drop-total span {
  font-size: 22px;
  display: inline-block;
  margin-left: 25px;
}

.cart-drop-total i {
  font-size: 18px;
}

.cart-drop_buttons {
  margin: 25px 0 0;
}

.cart-drop_buttons .btn {
  width: 100%;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
}

.cart-drop-empty {
  width: 200px;
  text-align: center;
  font-size: 1.125em;
  /* 18/16 */
  font-weight: 600;
  line-height: 1.2;
}

.cart-drop-empty img {
  display: block;
  max-width: 100%;
  margin: 0 auto 15px;
}

.cart-drop-full {
  width: 300px;
}

@media (min-width: 768px) {
  .cart-drop-full {
    width: 490px;
  }
}

.cart-drop_title {
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.2;
}

.btn-remove {
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 22px;
  color: #393854;
}

.btn-remove:hover {
  color: #27AE7F;
}

/*
=====================================*/
.main-header {
  background-position: 40% 20%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  min-height: 300px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-top: 80px;
  padding-bottom: 30px;
  position: relative;
}


.main-header-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.hbg{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 992px) {
  .main-header {
    background-position: 12% 40%;
    height: 650px;
  }
  .hbg{
    background-position: 12% 40%;
  }
}

.main-header-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: block;
}

@media (min-width: 992px) {
  .main-header-bg::after {
    display: none;
  }
}

.main-header .container {
  position: relative;
  z-index: 4;
}

.main-header-articles {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 360px;
}

@media (min-width: 992px) {
  .main-header-articles { 
    max-width: 400px;
  }
}

.main-header-articles li {
  margin-bottom: 15px;
  /* width: 48%; */
  text-align: center;
}

.main-header-articles img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 46px;
  height: 46px;
  margin: 0 auto 10px;
  display: block;
}

@media (min-width: 576px) {
  .main-header-articles img {
    display: inline-block;
    margin: 0 10px 0 0;
  }
}

.main-header-articles a {
  display: block;
  color: #fff;
  font-size: 1.125em;
  /* 18/16 */
}

.main-header-articles a:hover {
  color: #27AE7F;
}

/*
=====================================*/
.header-article {
  text-align: center;
  color: #fff;
  margin: 40px 0;
}

@media (min-width: 992px) {
  .header-article {
    margin: 40px 0 30px;
  }
}

.header-article_seria {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: -15px;
}

.header-article_suptitle {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

.header-article_title {
  font-family: Merriweather;
  font-weight: bold;
  font-size: 2em;
  /* 36/16 */
  margin: 15px 0 30px;
  line-height: 1.2;
}

@media (min-width: 992px) {
  .header-article_title {
    font-size: 2em;
    margin: 30px ;
  }
}

.header-article_desc {
  max-width: 645px;
  font-size: .9em;
  line-height: 1.7;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .header-article_desc {
    font-size: 1em;
  }
}

.header-article_desc hr {
  border-color: #393854;
  width: 40px;
  border-top-width: 2px;
  margin: 20px auto;
}

.header-article .btn {
  display: inline-block;
  font-weight: bold;
}

.suptitle {
  text-transform: uppercase;
  margin: 0;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: bold;
  opacity: .8;
}

.suptitle + .header-article_title {
  margin-top: 15px;
}

/*
=====================================*/
.header-blockquote {
  text-align: center;
  color: #fff;
  width: 445px;
  max-width: 100%;
  margin: 50px auto 0;
}

.header-blockquote_title {
  text-transform: uppercase;
  font-size: 0.75em;
  /* 12/16 */
  font-weight: bold;
}

.header-blockquote_txt {
  margin: 25px 0;
  font-weight: bold;
  font-size: 1.125em;
  /* 18/16 */
}

.header-blockquote_source {
  font-size: 0.875em;
  /* 14/16 */
}

.lk-citation .header-blockquote_txt{
  font-weight: normal;
}

/*
=====================================*/
.subheader {
  padding: 20px 0;
  background-color: #F7F5E6;
}

@media (min-width: 768px) {
  .subheader {
    padding: 44px 0;
  }
}

.subheader_item {
  display: block;
  color: #393854;
  font-size: 0.875em;
  /* 14/16 */
  padding-left: 90px;
  min-height: 70px;
  position: relative;
  width: 100%;
  max-width: 230px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.subheader_item img {
  position: absolute;
  left: 0;
  max-width: 70px;
}

.subheader_item:hover {
  color: #27AE7F;
  text-decoration: none;
}

/*
=====================================*/
.middle {
  padding: 15px 0;
}

/*
=====================================*/
.section {
  padding: 30px 0;
  background-color: #fff;
}

@media (min-width: 768px) {
  .section {
    padding: 50px 0;
  }
}

.section-gray {
  background-color: #F7F7F7;
}

.section-gray2 {
  background-color: #f2f2f2;
}

.section-gray3 {
  background-color: #fafafa;
}

.section-sand {
  background-color: #F7F5E6;
  padding-top: 25px;
  padding-bottom: 0;
}

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

.section-black {
  background-color: #363636;
}

.section-black .title {
  color: #fff;
}

.section-black .subtitle {
  color: #fff;
}

.page-gray .section-gray {
  background-color: #fafafa;
  padding: 70px 0;
}

.title {
  text-align: center;
  font-size: 1.5em;
  color: #393854;
  font-family: Merriweather;
  font-weight: 900;
  margin-bottom: 48px;
}

@media (min-width: 768px) {
  .title {
    font-size: 2.25em;
    margin-bottom: 40px;
  }
}

.title.title1 {
  text-align: left;
  margin-bottom: 25px;
  font-size: 22px;
}

@media (min-width: 768px) {
  .title.title1 {
    font-size: 24px;
  }
}

.title.title2 {
  font-size: 1.5em;
}

.title.title3 {
  font-size: 1.5em;
  text-align: left;
  font-family: Lato;
  font-weight: 600;
}

@media (min-width: 768px) {
  .title.title3 {
    font-size: 2.25em;
  }
}

.title.title5 {
  font-size: 1.5em;
}

@media (min-width: 768px) {
  .title.title5 {
    font-size: 1.75em;
  }
}

.title-small {
  font-size: 1.5em;
  /* 24/16 */
  font-weight: 600;
}


.title.title4 {
  font-size: 1.25em;
}


.subtitle {
  text-align: center;
  color: #393854;
  margin: -15px auto 65px;
  width: 100%;
  max-width: 700px;
  /*opacity: .8;*/
}

.section-title {
  text-align: center;
  font-size: 1.5em;
  color: #393854;
  font-family: Merriweather;
  font-weight: 900;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .section-title {
    margin-bottom: 60px;
    margin-top: 0;
    font-size: 3em;
  }
}

/*
=====================================*/
.main-articles {
  margin-bottom: 50px;
}

.main-articles .article-item {
  margin-bottom: 40px;
}

.article-item {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 350px;
}

@media(max-width: 767px){
  .article-item {
    height: auto !important;
  }  
}

.article-item a {
  display: block;
}

.article-item_img {
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.article-item_img img {
  width: 100%;
  max-height: 220px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}

.article-item_title {
  display: block;
  color: #393854;
  font-family: Merriweather;
  font-size: 1.2em;
  /* 20/16 */
  font-weight: 900;
  margin: 12px 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  .article-item_title {
    padding: 0 30px;
    /*min-height: 105px;*/
  }
}

.article-item_title:hover {
  color: #27AE7F;
}

.article-item_intro {
  font-size: 0.875em;
  /* 14/16 */
  color: #393854;
  margin-bottom: 10px;
}

.article-item:hover img {
  opacity: .8;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.article-item:hover .article-item_title {
  color: #27AE7F;
}

.article-audio {
  text-align: center;
  margin-bottom: 40px;
}

.article-audio a {
  display: block;
}

.article-audio_img {
  display: block;
  margin-bottom: 20px;
}

.article-audio_img img {
  max-width: 100%;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  -o-transition: transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
}

.article-audio_title {
  display: block;
  color: #393854;
  font-family: Merriweather;
  font-size: 1.25em;
  /* 20/16 */
  font-weight: 900;
  margin: 12px 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.article-audio_title:hover {
  color: #27AE7F;
}

.article-audio:hover img {
  opacity: .8;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*
==========================================*/
.audio-list>*{
  margin-bottom:  30px;
}

.audio-item {
  position: relative;
  padding-bottom: 80px;
  height: 100%;
}

.audio-item_img{
  display: block;
  height: 255px;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
}

.audio-item_img img{
  min-width: 100%;
  min-height: 100%;
  border-radius: 4px;
  transition: all .3s;
}

.audio-item_title {
  display: block;
  color: #393854;
  font-size: 20px;
  font-weight: 600;
  margin: 15px 0 10px;
  line-height: 1.2;
}

.audio-item_title:hover {
  color: #27AE7F;
}

.audio-item_desc {
  font-size: 0.75em;
  /* 12/16 */
}

.audio-item .item_info {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  white-space: nowrap;
  flex-wrap: nowrap;
}

.audio-item .progress-track {
  stroke: #F2F2F2;
}

.audio-item_duration p{
  margin: 0;
}

.audio-item:hover .audio-item_img{
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}

.audio-cat,
.audio-cat2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: rgba(57, 56, 84, 0.6);
  text-align: center;
}

.audio-item .action-cart{
  background-color: #F7F5E6;
  height: 35px;
  line-height: 35px;
}

.audio-item .action-cart:hover{
  background-color: #F7F5E6;
}

/*
==========================================*/
.audio-spin {
  width: 172px;
  height: 172px;
  position: relative;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  margin: 15px auto 45px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.audio-spin::before {
  content: "";
  position: absolute;
  left: -15px;
  right: -15px;
  top: -15px;
  bottom: -15px;
  border: 5px solid #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border-right-color: #27AE7F;
  border-top-color: #27AE7F;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.audio-spin::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 24px;
  border-color: transparent transparent transparent #fff;
  margin-top: -18px;
  margin-left: -12px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.audio-spin:hover::before {
  -webkit-transform: rotate(405deg);
      -ms-transform: rotate(405deg);
          transform: rotate(405deg);
}

.audio-spin:hover::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  border-width: 0 18px 24px 18px;
  margin-top: -12px;
  margin-left: -18px;
  border-color: transparent transparent #27AE7F transparent;
}

.audio-playear {
  width: 170px;
  height: 170px;
  position: relative;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  margin: 15px auto 45px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.small-audio-block .audio-playear {
  width: 46px;
  height: 46px;
  margin: 5px 0 45px;
}

.small-audio-block .audio-playear svg{
  width: 58px;
  height: 58px;
}

.small-audio-block .audio-playear span{
  display: block;
  padding-left: 65px;
  white-space: nowrap;
}

.audio-playear svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.audio-playear .progress-track {
  stroke: #F2F2F2;
}

.main-audio-block {
  position: relative;
}

.main-audio-block img{
  max-width: 100%;
  transition: all .5s;
}


.audio-playear .control {
  opacity: 0;
  /* transition: opacity .2s linear; */
  pointer-events: none;
  cursor: pointer;
}

.audio-playear .not-started .play, .audio-playear .paused .play {
  opacity: 1;
}

.audio-playear .playing .pause {
  opacity: 1;
}

.audio-playear .playing .play {
  opacity: 0;
}

.audio-playear .ended .stop {
  opacity: 1;
  pointer-events: none;
}

.audio-playear .precache-bar .done {
  opacity: 0;
}

.audio-playear .not-started .progress-bar, .audio-playear .ended .progress-bar {
  display: none;
}

.audio-playear .ended .progress-track {
  stroke-opacity: 1;
}

.audio-playear .progress-bar,
.audio-playear .precache-bar {
  -webkit-transition: stroke-dashoffset 500ms;
  -o-transition: stroke-dashoffset 500ms;
  transition: stroke-dashoffset 500ms;
  stroke-dasharray: 298.1371428256714;
  stroke-dashoffset: 298.1371428256714;
}

/*
=========================================*/
.video-list>*{
  margin-bottom: 57px;
}

.video-full {
  height: 360px;
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  text-align: center;
  color: #fff;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.video-full::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: .2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.video-full:hover::after {
  opacity: .4;
}

.video-full .btn-play {
  position: relative;
  z-index: 3;
}

/*
==========================================*/
.meta {
  text-align: center;
  color: #393854;
}

.meta div {
  display: inline-block;
}

.meta * + * {
  margin-left: 20px;
}

.meta .meta-date * + * {
  margin-left: 1px;
}

.meta-white {
  color: #fff;
  text-align:center !important;
  font-size: 0.85em;
}

.item-cat {
  font-weight: bold;
  display: block;
  color: #27AE7F;
  text-transform: uppercase;
  font-size: 0.75em;
  /* 12/16 */
}

.item-comments {
  background: url(../images/icon-comments.svg) no-repeat 0 50%;
  font-weight: 500;
  padding-left: 15px;
  font-size: 0.75em;
  display: inline-block !important;
  color: #393854; 
}

.meta-date{
  font-size: 0.75em;
}

.item-comments.white {
  background: url(../images/icon-comments-white.svg) no-repeat 0 50%;
  color: #fff;
}

.item-views {
  background: url(../images/icon-views.svg) no-repeat 0 50%;
  font-weight: 500;
  padding-left: 18px;
  font-size: 0.75em;
  /* 12/16 */
}

.item-views.white {
  background: url(../images/icon-views-white.svg) no-repeat 0 50%;
  color: #fff;
}

.item-like{ 
  font-weight: 500; 
  font-size: 0.75em;
}

.item-like svg{
  width: 13px;
  height: 13px;
  margin-right: 3px;
  position: relative;
  top: 2px;
}

/*
====================================*/
.video-cat {
  color: rgba(57, 56, 84, 0.6);
  line-height: 1;
  white-space: nowrap;
}

.video-cat::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 13px;
  height: 13px;
  background: url(../images/icon-video.svg) no-repeat;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.audio-cat {
  line-height: 1;
}

.audio-cat::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 14px;
  height: 10px;
  background: url(../images/icon-audio.svg) no-repeat;
  vertical-align: middle;
  position: relative;
  top: -3px;
}

.audio-cat2 {
  line-height: 1;
}

.audio-cat2 svg {
  margin-left: 5px;
}

.audio-cat3 {
  line-height: 1;
}

.audio-cat3::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/icon-headphones.svg) no-repeat;
  vertical-align: middle;
  position: relative;
  top: -3px;
}

.item-video {
  line-height: 1;
}

.item-video::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 13px;
  height: 10px;
  background: url(../images/icon-video-white.svg) no-repeat;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.item-audio {
  line-height: 1;
}

.item-audio::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 15px;
  height: 12px;
  background: url(../images/icon-audio-white.svg) no-repeat;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.item-book {
  line-height: 1;
}

.item-book::before {
  content: "";
  display: inline-block;
  margin-right: 3px;
  width: 15px;
  height: 12px;
  background: url(../images/icon-book-white.svg) no-repeat;
  vertical-align: middle;
  position: relative;
  top: 0px;
}

.item-dt {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.75em;
  /* 12/16 */
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}

.news-head2 .item-dt{
  color: #393854;
}

.meta-gray .item-video::before {
  background: url(../images/icon-video.svg) no-repeat;
  height: 13px;
  top: -1px;
}

.meta-gray .item-audio::before {
  background: url(../images/icon-audio.svg) no-repeat;
}

.meta-gray .item-book::before {
  background: url(../images/icon-book.svg) no-repeat;
}

/*
=====================================*/
.article-small {
  display: block;
  margin-top: 20px;
  position: relative;
  min-height: 65px;
  padding-left: 70px;
  color: #393854;
  /*border-top: 1px solid #f1f1f1;*/
  padding-top: 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.article-small:hover {
  color: #27AE7F;
}

.article-small img {
  width: 53px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  position: absolute;
  left: 0;
}

/*
=====================================*/
.video-carousel {
  max-width: 100%;
  margin-bottom: 65px;
  padding: 0 15px;
}

@media (min-width: 992px) {
  .video-carousel {
    padding: 0;
  }
}

.video-carousel .owl-item {
  /* height: 100%; */
  opacity: .5;
}

.video-carousel .owl-item.active {
  opacity: 1;
}

.video-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.video-carousel .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.video-carousel .owl-stage-outer {
  padding-top: 30px !important;
}

.owl-slide-dots .owl-dots{
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  text-align: center;
  display: block;
}

.owl-slide-dots .owl-dot{
  border: 2px solid #393854;
  background-color: #393854;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  transition: all .5s;
  padding: 0;
  margin: 0 8px;
}

.owl-slide-dots .owl-dot.active{
  background-color: transparent;
  border-width: 1px;
  transform: scale(1.8) translateY(.5px);
}

.owl-slide-dots .owl-dot:focus,
.owl-slide-dots .owl-dot:active{
  outline: none;
}

.video-carousel.owl-carousel .owl-dots.disabled,
.video-carousel.owl-carousel .owl-nav.disabled{
  display: block;
}

/*
=========================================*/ 
.video-carousel-large {
  max-width: 100%;
  margin-bottom: 65px;
  padding: 0 15px;
}

@media (min-width: 992px) {
  .video-carousel-large {
    padding: 0;
  }
}

/*
======================================== */
.video-item {
  /* min-height: 450px; */
  height: 100%;
  max-width: 255px;
  margin: 0 auto;
  background-color: #E0DEDC;
  padding: 20px 15px 70px;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #393854;
  border-radius: 5px;
}

.video-item.background-white {
  background-color: rgba(242, 242, 242, 0.8);
}

.video-item.soon {
  background-color: #fff;
  border: 2px solid #EDE1D5;
}

.video-item.background-rose {
  background-color: #EDE1D5;
}

.video-item.background-blue {
  background-color: #E0DEDC;
} 

.video-item_img {
  position: relative;
  display: block;
  margin-top: -35px;
  text-align: center;
  border-radius: 5px;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s; 
}

.video-item_img img {
  max-width: 100%;
  max-height: 150px;
  margin: 0 auto;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  display: block;
  transition: opacity .5s;
}

.video-item_data {
  padding: 20px 11px 10px;
}

.video-item_meta {
  text-transform: uppercase;
  font-size: 0.75em;
  /* 12/16 */
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.video-item:hover .video-item_img {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.video-item_img:hover .video-item_img-1{
  opacity: 0;
}

.video-item_img:hover .video-item_img-2,
.video-item_img:hover::before,
.video-item_img:hover em{
  opacity: 1;
} 

.video-item_img-2{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /*transform: scale(1.05);*/
}

.video-item_img em{
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;  
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  z-index: 4;
  transition: opacity .5s;
}

.video-item_img em svg{
  width: 30px;
  height: 30px;
  margin-right: 5px;
  vertical-align: middle;
}

.video-item_preview::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0, .7);
  transition: opacity .5s;
  z-index: 3;
  opacity: 0;
  border-radius: 5px;
}

@media (min-width: 768px) {
  .video-item-large  .video-item_preview::before{  
    right: -70px; 
  } 
}

.video-item_title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #393854;
  line-height: 1.2;
  margin: 15px 0;
}

.video-item_title:hover {
  color: #27AE7F;
}

.video-item_intro {
  font-size: 14px;
  color: #393854;
}

.video-item .item_info {
  left: 28px;
  right: 31px;
}

.video-item .ic-ruble {
  width: 13px;
  height: 13px;
}

.video-item.soon img {
  filter: grayscale(10%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: gray;
  /* IE6-9 */
  /* opacity: .7; */
}

.video-item .dt {
  color: rgba(57, 56, 84, 0.4);
  white-space: nowrap;
}

.video-item .item_price{
  position: relative;
}

.video-item .item_price-old{
  position: absolute;
  top: -17px;
  left: 0;
  font-size: 12px;
}

.dt {
  color: rgba(57, 56, 84, 0.4);
}

.opacity {
  opacity: .5;
}

.item_info {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.item-prices > div {
  display: inline-block;
}

.item_price {
  font-size: 1.1em;
  /* 18/16 */
  font-weight: 600;
  line-height: 1;
} 
.item_price i {
  font-size: .9em;
  margin-left: -6px;
}

.item_price-old {
  /* color: rgba(57, 56, 84, 0.5);*/
  color: #D35649;
  font-size: 16px;
  margin-left: 0px;
  text-decoration: line-through;
}

.book-tabs .item_price{
  margin-left: 0;
}

.label {
  display: block;
  position: absolute;
  top: -8px;
  z-index: 3;
  text-align: center;
  width: 150px;
  height: 22px;
  line-height: 24px;
  letter-spacing: 1px;
  left: 50%;
  margin-left: -75px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 0.625em;
  /* 10/16 */
}

.label-new {
  background-color: #76C8C2;
}

.label-popular {
  background-color: #F9BD1D;
}

.label-popular::before {
  content: "";
  display: inline-block;
  background: url(../images/icon-star.svg) no-repeat;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.label-soon {
  background-color: #6B67AE;
}

.label-viewed {
  background-color: #27AE7F;
}

.video-data .label-day{
  display: block;
  position: relative;
  top: 0;
  z-index: 3;
  text-align: center;
  width: 150px;
  height: 22px;
  line-height: 24px;
  letter-spacing: 1px;
  left: 0;
  margin: 0 0 20px;
  /* 10/16 */
}

.label-day{
  background-color: #D15A54;  
  box-shadow: 0 0 0 rgba(209, 90, 84, 0.4);
  animation: pulse 2s infinite;
}


@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(209, 90, 84, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(209, 90, 84, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(209, 90, 84, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(209, 90, 84, 0.4);
    box-shadow: 0 0 0 0 rgba(209, 90, 84, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(209, 90, 84, 0);
      box-shadow: 0 0 0 10px rgba(209, 90, 84, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(209, 90, 84, 0);
      box-shadow: 0 0 0 0 rgba(209, 90, 84, 0);
  }
}

/*
===========================================*/
.popup-link{
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
}

/*
============================================*/
.video-carousel-large .owl-item{
  padding-top: 40px;
  opacity: .5;
}

.video-carousel-large .owl-item.active{ 
  opacity: 1;
}

.video-item-large{
  max-width: 675px;
  padding: 20px;
}

 
@media (min-width: 768px) {
    
  .video-item-large:hover .video-item_img{
    -webkit-transform: translateY(0px)  translateX(-70px);
      -ms-transform: translateY(0px)  translateX(-70px);
      transform: translateY(0px)  translateX(-70px);
  }

  .video-item-large{
    max-width: 675px;
    padding: 60px 30px;
  }
  
  
  .video-item-large .video-item_img{
    margin-top: 0;
    transform: translateX(-70px);
  }

  .video-item-large img{
    max-width: calc(100% + 70px);
    max-height: 1000px;
  }
}

.video-item-large .item_info{
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin-top: 25px;
}

.video-item-large  .video-item_title{
  min-height: 40px;
}

/*
==============================================*/
.view-change{
  padding-top: 5px;
}

.view-change span{
  display: inline-block; 
  vertical-align: middle; 
  padding: 0;
}

.view-change a{
  display: inline-block;
  margin-left: 17px;
  vertical-align: middle;
  cursor: pointer;
}

.view-change svg{
  fill: #9C9BA9;
} 

.view-change .active svg{
  fill: #393854;
}

.view-change a:hover{
  opacity: .7;
}

/*
==============================================*/
.video-item-list{ 
  padding-bottom: 20px; 
}

.video-item-list  .item_price i{
  margin-left: -3px;
  margin-top: 1px;
}

@media (min-width: 768px) {

  .video-list>.col-12{
    margin-bottom: 15px;
  }

  .video-item-list{
    max-width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .video-item-list .video-item_img{
    margin-top: 0;
    margin-left: -35px;
  }

  .video-item-list:hover .video-item_img {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  .video-item-list .item_price-old{
    position: relative;
    top: 3px;
    left: -10px;
  }

  .video-item-list  .action-favorite{
    left: -7px; 
    bottom: -1px;
  }
  
}

/*
================================== */
.video-cats{
  list-style: none;
  padding: 0;
}

.video-cats li{
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}

.video-cats a{
  display: block;
  padding: 20px ;
  height: 91px;
  border-radius: 3px;
  font-family: Merriweather;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  color: #393854;
  margin-bottom: 20px;
  transition: all .5s;
}

.video-cats a:hover{
  box-shadow: 0 2px 5px rgba(0,0,0, .2);
}

.video-cats li:first-child a{
  background: linear-gradient(180deg, #D3DFE6 99.99%, rgba(255, 255, 255, 0) 100%);
}

.video-cats li:nth-child(2) a{
  background: linear-gradient(180deg, #D3E6DB 99.99%, rgba(255, 255, 255, 0) 100%);
}

.video-cats li:nth-child(3) a{
  background: linear-gradient(180deg, rgba(237, 229, 219, 0.83) 99.99%, rgba(255, 255, 255, 0) 100%);
}

.video-cats li:last-child a{
  background: linear-gradient(180deg, rgba(238, 224, 240, 0.91) 99.99%, rgba(255, 255, 255, 0) 100%);
}

@media (min-width: 992px) {
  .video-cats li{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .video-cats a{
    padding: 20px 50px 20px 36px;
    height: 91px;
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .video-cats a{
    padding: 20px 80px 20px 36px;
  }
}


/*
=====================================*/
.item-actions{
  line-height: 1;
  padding: 0;
  position: relative;
  height: 30px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

}

.item-actions button:focus {
  outline: none;
}

.item-actions .ms2_form{
  display: inline-block;
  padding: 0;
  line-height: 1;
}

.action-view{
  color: #393854;
  font-size: 0.85em; 
  font-weight: bold;
  white-space: nowrap;
  right: 0 !important;
}

.action-view::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/icon-view.svg) no-repeat;
  vertical-align: middle;
  margin-left: 7px;
  position: relative;
}

.action-view.book::after {
  width: 25px;
  height: 25px;
  background: url(../images/icon-book.svg) no-repeat;
  background-size: 100% auto;
  top: 3px;
}

.action-view.action-cart{
  width: 110px;
}

.action-view:hover {
  color: #27AE7F;
}

.action-favorite {
  position: relative;
}

.action-favorite:hover {
  opacity: .6;
}

.action-favorite svg path {
  stroke: #393854;
}

.action-favorite.msfavorites-link{
  border: none;
}
.action-favorite.msfavorites-link:hover{
  border: none;
}

.action-cart {
  width: auto;
  height: 30px;
  border: none;
  background-color: transparent;
  overflow: hidden;
  position: relative;
  top: 0;
  margin: 0 -12px 0 5px ;
  padding: 0 12px;
  width: 100px;
  display: block;
  background: #FBFBFB;
  border-radius: 30px;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.03em;
  transition: all .3s;
}

.audio-item .action-cart{
  margin-right: 0;
}

.action-cart.added svg {
  opacity: 0;
}

.action-cart.added{
  background: url(../images/icon-cart-added.svg) no-repeat 70px 50% #fff;
}

.action-cart:hover {
  background-color: #fff;
}

.action-cart svg{
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}

.action-cart-added {
  display: none;
}

.action-favorite ~ .action-cart {
  margin-left: 10px;
}

.action-reminder {
  color: #393854;
  font-size: 0.85em;
  /* 12/16 */
  font-weight: bold;
  border: none;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.action-reminder::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 20px;
  background: url(../images/icon-mail.svg) no-repeat;
  vertical-align: middle;
  margin-left: 7px;
}

.action-reminder:hover {
  color: #27AE7F;
}

.added .action-cart {
  display: none;
}

.added .action-cart-added {
  display: inline-block;
}

.is-favorite .action-favorite svg path,
.is-favorite.action-favorite svg path,
.voted .action-favorite svg path,
.voted.action-favorite svg path{
  stroke: #393854;
  fill: #393854;
}
.msfavorites{
  display: inline-block;
}

.pr-rating{
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 3;
  background: rgba(57, 56, 84, 0.3);
  border-radius: 1px;
  font-weight: 600;
  font-size: 10px;
  line-height: 10px;
  color: #FFFFFF;
  padding: 3px 5px;
  height: 18px;
}

.pr-rating svg{
  position: relative;
  margin-right: 2px;
  top: 1px;
}

.is-buyed{
  font-size: 13px;
  color: #27AE7F;
  line-height: 1;
}

.video-data .is-buyed{
  font-size: 15px; 
}

.slider-header-inner{
  position: relative
}

/*
================================================ */
.item-actions .form-subscribe {
  position: absolute;
  right: -10px;
  top: 0px;
  white-space: nowrap;
}

.video-buttons .form-subscribe{
  white-space: nowrap;
  position: relative;
}

.reminder-user-form{
  position: absolute;
  top: -15px;
  right: 5px;
  width: 250px;
  display: none;
}

.reminder-user-form .btn-middle{
  padding-left: 15px;
  padding-right: 15px;
}

.video-buttons .reminder-user-form{
  top: -5px;
}

/*
=====================================*/
.owl-prev,
.owl-next {
  display: block;
  text-indent: -9999px;
  width: 53px;
  height: 53px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50%;
  margin-top: -26.5px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  border: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.owl-prev:hover,
.owl-next:hover {
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
}

.owl-prev:focus, .owl-prev:active,
.owl-next:focus,
.owl-next:active {
  outline-style: none;
}

@media (min-width: 768px) {
  .owl-prev,
  .owl-next {
    top: 50%;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

.owl-prev {
  background: url(../images/icon-arr-left.svg) no-repeat 50% 50% #fff;
  left: 0;
}

@media (min-width: 768px) {
  .owl-prev {
    left: 100px;
  }
}

.owl-next {
  background: url(../images/icon-arr-right.svg) no-repeat 50% 50% #fff;
  right: 0;
}

@media (min-width: 768px) {
  .owl-next {
    right: 100px;
  }
}

.owl-dark .owl-prev {
  background: url(../images/icon-arr-left-white.svg) no-repeat 50% 50% rgba(255, 255, 255, 0.2);
}

.owl-dark .owl-next {
  background: url(../images/icon-arr-right-white.svg) no-repeat 50% 50% rgba(255, 255, 255, 0.2);
}

.owl-dots {
  display: none;
}

.owl-dark.owl-slide-dots .owl-dot{
  border-color:   #fff;
  background-color: #fff;
}



@media (min-width: 768px) {
  .practic-carousel .owl-prev {
    left: 10px;
  }
 
  .practic-carousel .owl-next {
    right: 10px;
  }
}

/*
=====================================*/
.book-pages-carousel .owl-prev,
.citation-carousel .owl-prev {
  left: 0;
}

.book-pages-carousel .owl-next,
.citation-carousel .owl-next {
  right: 0;
}

.complects2,
.podborka-carousel {
  padding: 0 10px;
}

@media (min-width: 768px) {
  .complects2,
  .podborka-carousel {
    padding: 0 40px;
  }
}

.complects2 .complect,
.podborka-carousel .complect {
  max-width: 495px;
}

.complects2 .owl-prev,
.podborka-carousel .owl-prev {
  left: 0;
  margin-top: -45px;
}

@media (min-width: 992px) {
  .complects2 .owl-prev,
  .podborka-carousel .owl-prev {
    left: -45px;
  }
}

.complects2 .owl-next,
.podborka-carousel .owl-next {
  right: 0;
  margin-top: -45px;
}

@media (min-width: 992px) {
  .complects2 .owl-next,
  .podborka-carousel .owl-next {
    right: -45px;
  }
}

/*
=====================================*/
.section-inspiration {
  background-image: url(../images/inspire-bg.jpg) ;
  background-repeat: no-repeat;
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
}

.inspiration-list {
  margin-bottom: 50px;
}

.inspiration-list > div {
  margin-bottom: 30px;
}

/*
=====================================*/
.inspiration-full {
  height: 360px;
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  text-align: center;
  color: #fff;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 45px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.inspiration-full_content {
  position: relative;
  z-index: 2;
}

.inspiration-full_clarification {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
  /* 12/16 */
}

.inspiration-full_title {
  display: block;
  font-weight: 900;
  font-size: 1.3em;
  margin: 10px 0 5px;
  font-family: Merriweather;
  color: #fff;
}

@media (min-width: 768px) {
  .inspiration-full_title {
    font-size: 1.5em;
  }
}

.inspiration-full_title:hover {
  color: #27AE7F;
}

.inspiration-full::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: .6;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inspiration-full:hover::after {
  opacity: .2;
}

/*
=====================================*/
.inspiration-article {
  background-color: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

@media (min-width: 768px) {
  .inspiration-article {
    -webkit-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
  }
}

.inspiration-article img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

@media (min-width: 768px) {
  .inspiration-article img {
    -webkit-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .inspiration-article .meta {
    text-align: left;
  }
}

.inspiration-article_content {
  padding: 15px;
  text-align: center;
}

@media (min-width: 768px) {
  .inspiration-article_content {
    padding: 0 20px 0 0;
    text-align: left;
  }
}

.inspiration-article .article-item_title {
  padding: 0;
}

/*
=====================================*/
.books {
  margin-bottom: 20px;
}

.books .owl-stage-outer {
  /* padding: 0 15px; */
}

.books .owl-item {
  padding: 0 5px;
}

@media (min-width: 768px) {
  .books .owl-item {
    padding: 0 0 0 55px;
  }
}

@media (min-width: 768px) {
  .books {
    margin-bottom: 5px;
  }
  .books .owl-prev,
  .audios .owl-prev,
  .small-news-carousel .owl-prev  {
    left: -35px;
  }
  .books .owl-next,
  .audios .owl-next,
  .small-news-carousel .owl-next {
    right: -5px;
  }
}

@media (min-width: 1200px) {
  .books .owl-prev,
  .small-news-carousel .owl-prev  {
    left: -75px;
  }
  .books .owl-next,
  .small-news-carousel .owl-next  {
    right: -75px;
  }

  .audios .owl-prev {
    left: -140px;
  }
  .audios .owl-next{
    right: -140px;
  }
}

.books.owl-carousel .owl-item {
  padding-top: 80px;
}

@media (min-width: 576px) {
  .books.owl-carousel .owl-item {
    padding-top: 20px;
  }
}

.books.owl-carousel .owl-item .book-item {
  margin-bottom: 30px;
}

.book-item {
  background-color: #D3E6F0;
  width: 100%;
  max-width: 410px;
  margin: 0 auto 30px;
  padding: 25px;
  height: auto;
  border-radius: 5px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 576px) {
  .book-item {
    margin-bottom: 30px;
    padding: 32px;
    text-align: left;
  }
}

.book-item-gray {
  background-color: #E0DEDC;
}

.book-item_data {
  position: relative;
  padding-bottom: 50px;
  height: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.book-item_cat {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
  /* 12/16 */
}

.book-item_cat + .book-item_title {
  margin-top: 15px;
}

.book-item_title {
  display: block;
  color: #393854;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.2;
}

.book-item_desc {
  font-size: 0.875em;
  /* 14/16 */
}

.book-item_img{
  position: relative;
}

.book-item_img .pr-rating{
  left: 43%;
  width: 40px;
  top: -60px;
  right: auto;
  white-space: nowrap;
}

@media (min-width: 576px) {
  .book-item_img {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .book-item_img .pr-rating{
    left: 35%;
  }
}

.book-item_img img {
  position: relative;
  left: auto;
  display: block;
  margin: -70px auto 30px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.25);
          box-shadow: 0 5px 9px rgba(0, 0, 0, 0.25);
  max-width: 125px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

@media (min-width: 576px) {
  .book-item_img img {
    margin: 0 25px 0 0;
    max-width: 150px;
    object-fit: scale-down;
    flex: 0 0 auto;
  }
}


@media (min-width: 768px) {
  .book-item_img .pr-rating{
    top: 15px;
  }
}

@media (min-width: 992px) {
  .book-item_img img {
    margin: 0 -5px 0 0;
  }
}

@media (min-width: 1200px) {
  .book-item_img img {
    margin: 0 10px 0 0;
  }
  .book-item_img .pr-rating{
    margin-left: 0;
  }
}

.book-item_img .label {
  top: auto;
  bottom: 20px;
}

@media (max-width: 767px) {
  .book-item_img .label {
    width: 100px;
    margin-left: -50px;
  }
}

.book-item .item_info {
  bottom: -10px;
}

.book-item .item_price {
  font-size: 1.3em;
  /* 24/16 */
}

.book-item .item_price i {
  font-size: .85em;
}

.book-item:hover {
  /* background-color: rgba(211,230,240,.6); */
}

.book-item:hover img {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 9px 16px rgba(0, 0, 0, 0.3);
          box-shadow: 0 9px 16px rgba(0, 0, 0, 0.3);
}

.book-item:hover .is-audio img{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-list {
  margin-bottom: 30px;
}

.product-list .book-item {
  max-width: 95%;
}

.product-list .book-item-full {
  max-width: 98%;
}

.product-list .book-item-full .row{
  min-width: 98%;
}

.product-list-video > div {
  margin-bottom: 50px;
}

.product-list-video .video-item {
  max-width: 400px;
}


.audios .owl-item {
  padding-top: 20px;
}


.book-item .item_price-old{
    position: absolute;
    top: -17px;
    left: 0;
    font-size: 12px;
}


@media (min-width: 768px) {
  #mse2_results>.col-lg-6{
    padding-left: 60px;
  }

  .video-list .book-item{
    height: 100%;
  }

}


@media (min-width: 1200px) {
    #mse2_results .book-item_img img {
        margin: 0 ;
    }
}

.books-serii a{
    display: block;
    width: 100%;
    height: 156px;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 3px;
    padding: 30px 70px 30px 35px;
    color: #fff;
    font-size: 14px;
    transition: all .3s;
    margin-bottom: 15px;
}

.books-serii span{
    display: block;
}

.books-seria_title{
  font-size: 18px;
  font-family: Merriweather;
  font-weight: bold;
}

.books-serii a:hover{
  box-shadow: 0 2px 8px rgba(0,0,0, .2);
}

/*
=====================================*/
.section-dark {
  background-color: #262B27;
}

.section-dark .title {
  color: #fff;
}

.section-dark .title-small {
  color: #fff;
  text-align: center;
}

.section-dark .subtitle {
  color: #fff;
}

.section-dark2 {
  background-color: #363636;
}

.complects {
  margin-bottom: 50px;
  padding: 0 15px;
}

@media (min-width: 576px) {
  .complects {
    padding: 0 100px;
  }
}

@media (min-width: 992px) {
  .complects {
    padding: 0;
  }
}

.complects .owl-item {
  opacity: .5;
}

.complects .owl-item.active {
  opacity: 1;
}

.complect {
  height: 295px;
  max-width: 495px;
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  padding: 15px;
  color: #fff;
  position: relative;
  margin-bottom: 30px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  /*
    align-items: center !important;
    -ms-flex-align: center !important;
    text-align:center;
    */
}

@media (min-width: 768px) {
  .complect {
    padding: 30px;
  }
}

.complect::before, .complect::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.complect::before {
  /*background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 50%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 50%);*/
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.complect::after {
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(84, 84, 84, 0.4) 50%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(84, 84, 84, 0.4) 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(84, 84, 84, 0.4)));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(84, 84, 84, 0.4) 50%);
}

.complect span{
  display: block;
}

.complect .item_price-old{
  color: #fff;
  opacity: .6;
  font-size: 14px;
}

.complect-price{
  font-size: 17px;
  margin-left: 10px;
  line-height: 1;
}

.complect-meta div + div{
  margin-left: 10px;
}

.complect-content {
  position: relative;
  z-index: 3;
  width: 100%;
  display: block;
}

.complect-cat {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
  /* 12/16 */
}

.complect-cat + .complect-title {
  margin-top: 7px;
}

.complect-title {
  display: block;
  color: #fff;
  font-size: 1.5em;
  /* 24/16 */
  font-weight: 600;
  border-bottom: 1px solid rgba(196, 196, 196, 0.5);
  padding-bottom: 15px;
  margin-bottom: 15px;
  line-height: 1.2;
}

.complect-title:hover {
  color: #27AE7F;
}

.complect .meta {
  text-align: left !important ;
}

.complect:hover::before {
  opacity: .2;
}

@media (min-width: 992px) {
  .complect-height {
    height: 620px;
  }
}

.podborki-list {
  /*margin-top: -90px;*/
}

@media (min-width: 992px) {
  .podborki-list {
    margin-top: 0;
  }
}

/*
=====================================*/
.chanels {
  padding: 0 15px;
}

@media (min-width: 768px) {
  .chanels {
    padding: 0;
  }

  .chanels .owl-stage{
    padding-left: 0 !important;
    margin-left: -150px;
  }
}

@media (min-width: 2560px) { 

  .chanels .owl-stage{ 
    margin-left: -550px;
  }
}

.chanels .owl-item {
  opacity: .5;
}

.chanels .owl-item.center.active {
  opacity: 1;
}

@media (min-width: 1200px) {
  .chanels .owl-item.active {
    opacity: .5;
  }
}

@media (min-width: 1440px) {
  .chanels .owl-item.active {
    opacity: 1;
  }
}

.chanel-item {
  display: block;
  text-align: center;
  max-width: 495px;
  margin: 0 auto;
}

.chanel-item>span {
  display: block;
}

.chanel-item>span + span {
  margin-top: 15px;
}

.chanel-item img {
  max-width: 100%;
  margin: 0 auto;
}

.chanel-item iframe {
  max-width: 100%;
  margin: 0 auto;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-placeholder-outer{
 /* overflow: hidden;*/
  position: relative;
}

 
.chanel-item_title{
    font-size: 14px;
    color: #000;
    min-height: 40px;
}

.youtube-placeholder{
  cursor: pointer;  
  position: relative;
  padding-bottom: 55.25%; 
  padding-top: 0;
  height: 0; 
  overflow: hidden;
  border-radius: 5px;
}

.youtube-placeholder img{
  width: 100%;
  position: relative; 
  margin: -10% auto;
  display: block; 
  border-radius: 5px;
}
 

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border: none; 
  line-height: 1; 
  border-radius: 50%;
  padding: 6px 10px ;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #27AE7F;
}

.video-play-button:hover span {
  border-left-color: #fff;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button:focus,
.video-play-button:active{
  outline: none;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  margin: 0 0 0 11px;
  border-left: 12px solid #27AE7F;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.chanel-item_img{
  position: relative;
  display: block;
}

.chanel-item_img>span{
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../images/owl.video.play.png) no-repeat;
  width: 80px;
  height: 80px;
  z-index: 3;
  margin: -40px 0 0 -40px;

  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.chanel-item_img:hover>span{
  transform: scale(1.1);
}

.youtube-placeholder iframe + span,
.youtube-placeholder iframe + button{
  display: none;
}

.youtube-placeholder-large.active{
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;

  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
}
/*
.youtube-placeholder-large.active::before{
  display: block;
  content: "";
 padding-top: 56.25%;
}
*/

.youtube-placeholder-large.active iframe{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.youtube-placeholder.auto{
  height: auto ;
}

.youtube-placeholder.auto img{
  top: 0;
  transform: none;
}

.owl-hide-left .owl-prev{
  opacity: 0;
}

.chanels .owl-nav .disabled{
  opacity: 0;
}

/*
=====================================*/
.full-image {
  margin: 0;
  background-color: #fff;
}

.full-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

/*
=====================================*/
.bottom-item {
  margin-bottom: 30px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .bottom-item {
    margin-top: 30px;
    padding-right: 50px;
  }
}

.bottom-item img,
.bottom-item svg {
  max-width: 100%;
  display: block;
  margin: 0 0 5px;
}

.bottom-item_title {
  color: #393854;
  font-weight: bold;
  font-size: 1.5em;
  /* 24/16 */
  font-family: Merriweather;
}

.bottom-item_desc {
  font-size: 0.875em;
  margin: 15px 0;
}

.subscribe-policy {
  margin-top: 15px;
  font-size: 0.75em;
  color: rgba(54, 56, 84, 0.8);
}

/*
=====================================*/
.modal-or {
  text-align: center;
  color: rgba(51, 69, 83, 0.4);
  position: relative;
  line-height: 1;
  margin: 30px 0 30px;
}

.modal-or span {
  display: inline-block;
  background-color: #fff;
  position: relative;
  z-index: 3;
  padding: 0 10px;
}

.modal-or::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(51, 69, 83, 0.4);
}

.auth-socials a {
  display: inline-block;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  color: #fff;
  width: 41px;
  height: 41px;
  text-align: center;
  line-height: 41px;
  font-size: 1.1em;
}

.auth-socials .vkontakte {
  background-color: #5F83AA;
}

.auth-socials .odnoklassniki {
  background-color: #F58220;
}

.auth-socials .facebook {
  background-color: #4267B2;
}

.auth-socials .google {
  background-color: #D35649;
}

.tabs .office-auth-login-wrapper,
.tabs .office-auth-register-wrapper{
  padding: 0 ;
}

.tabs .office-auth-register-wrapper{
  background-color: #fff;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* css tabs
=====================================*/
.tabs__content {
  display: none;
  min-height: 50px;
}

.tabs__content.active {
  display: block;
}

.tabs__caption {
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
}

@media (min-width: 992px) {
  .tabs__caption {
    margin-bottom: 45px;
  }
}

.tabs__caption li {
  display: inline-block;
  cursor: pointer;
  color: rgba(51, 69, 83, 0.4);
  font-size: 1.4em;
  font-weight: 600;
}

@media (min-width: 768px) {
  .tabs__caption li {
    font-size: 1.5em;
  }
}

.tabs__caption li + li {
  margin-left: 10px;
}

@media (min-width: 768px) {
  .tabs__caption li + li {
    margin-left: 15px;
  }
}

.tabs__caption li:hover {
  color: rgba(51, 69, 83, 0.7);
}

.tabs__caption li.active {
  color: #393854;
}

/*
=====================================*/
.breadcrumb {
  padding: 0;
  margin: 20px 0 0;
  background-color: transparent;
  font-weight: 500;
  font-size: 0.75em;
  /* 12/16 */
  color: rgba(57, 56, 84, 0.6);
}

.breadcrumb li + li::before {
  content: "—";
  display: inline-block;
  margin: 0 7px;
}

.breadcrumb li a {
  color: rgba(57, 56, 84, 0.6);
}

.breadcrumb li a:hover {
  color: rgba(57, 56, 84, 0.8);
}

.top-white .breadcrumb {
  color: rgba(255, 255, 255, 0.6);
}

.top-white .breadcrumb a {
  color: rgba(255, 255, 255, 0.6);
}

.top-white .breadcrumb a:hover {
  color: #fff;
}

.container-breads {
  padding: 0 15px;
  max-width: 900px;
  margin: 0 auto 50px;
}

@media (min-width: 768px) {
  .container-breads {
    margin-top: -50px;
  }
}

@media (min-width: 1200px) {
  .container-breads {
    max-width: 960px;
  }
}

@media (min-width: 1440px) {
  .container-breads {
    max-width: 1050px;
  }
}

/*
=====================================*/
.news-menu {
  padding: 0;
  margin: 0 0 40px;
  list-style: none;
  text-align: center;
}

.news-menu a {
  color: rgba(57, 56, 84, 0.7);
  border-bottom: 1px solid transparent;
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .news-menu a {
    padding-bottom: 5px;
    margin: 0;
  }
}

.news-menu a:hover {
  color: #393854;
}

.news-menu .active a {
  color: #393854;
  font-weight: 600;
  border-color: #27AE7F;
}

/*
=====================================*/
.item-full {
  height: 360px;
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  text-align: center;
  color: #fff;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
}

.item-full.align-items-end {
  padding-bottom: 45px;
  padding-top: 5px;
}

.item-full.align-items-end .item-full_title {
  font-size: 1.25em;
  /* 20/16 */
}

.item-full_content {
  position: relative;
  z-index: 2;
}

.item-full_clarification {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875em;
  /* 14/16 */
}

.item-full_title {
  display: block;
  font-weight: 900;
  font-size: 1.3em;
  margin: 5px 0 5px;
  font-family: Merriweather;
  color: #fff;
}

@media (min-width: 768px) {
  .item-full_title {
    font-size: 2.25em;
    /* 36/16 */
  }
}

.item-full_title:hover {
  color: #27AE7F;
}

.item-full_desc {
  max-width: 440px;
  font-weight: 600;
  margin: 21px auto;
}

.item-full::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(57, 56, 84, 0.5);
  opacity: 1;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.item-full:hover::after {
  opacity: .2;
}

.news-theme{
  position: absolute;
  left: 10px;
  top: 10px;
  display: inline-block;
  z-index: 3;
  color: #fff;
  background: rgba(0,0,0, .2);
  padding: 5px 10px 4px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 1;
  border-radius: 3px;
}

/*
=====================================*/
.top-icon-menu {
  position: absolute;
  height: 18px;
  width: 18px;
  top: 3px;
  left: 15px;
  z-index: 999;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.top-icon-menu span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 2px;
  background-color: #393854;
  margin-top: -9px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.top-icon-menu span::before, .top-icon-menu span::after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  left: 0;
  background-color: #393854;
}

.top-icon-menu span::before {
  top: 7px;
  width: 13px;
}

.top-icon-menu span::after {
  top: 14px;
  width: 18px;
}




/* mobile menu
=====================================*/
.mm-menu {
  -webkit-transition: all 0.3s !important;
  -o-transition: all 0.3s !important;
  transition: all 0.3s !important;
}

.side-panel {
  z-index: 99;
  width: 300px;
  display: none;
  width: 85%;
  max-width: 300px;
  min-width: 200px;
}

.side-panel .mm-panel {
  padding: 5px 20px 5px 25px;
}

.side-panel .mm-btn_next:after {
  left: 18px;
}

.mm-btn_next:after,
.mm-btn_prev:before {
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  width: 5px;
  height: 5px;
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before,
.mm-menu .mm-listview .mm-btn_next:after {
  border-color: #fff;
}

.mm-listitem .mm-btn_next:before {
  border: none;
}

#menu-panel {
  background-color: #393854;
  color: #fff;
}

#menu-panel .mm-navbar__title {
  display: none;
  border: none;
}

#mm-1 .mm-navbar {
  display: none;
}

#mm-2 {
  background-color: #fff;
}

#mm-2 .mm-navbar {
  border: none;
}

#mm-2 .mm-btn:before {
  border-color: #393854 !important;
  border-width: 2px;
  width: 6px;
  height: 6px;
}

#mm-2 .mm-btn::after {
  content: "";
  position: absolute;
  top: 19px;
  left: 24px;
  width: 10px;
  height: 2px;
  background-color: #393854;
}

/*
=====================================*/
.top-icon-hide {
  position: absolute;
  right: 15px;
  top: 12px;
  color: #fff;
  font-size: 2em;
  display: none !important;
  z-index: 999;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mm-wrapper_opened .top-icon-hide {
  opacity: 1;
  display: block !important;
}

.mm-wrapper_opened .top-right-panel,
.mm-wrapper_opened .top-icon-menu,
.mm-wrapper_opened .top-panel {
  opacity: 0;
  z-index: -1;
}

/*
=====================================*/
.mm-ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.mm-ul > li {
  padding: 0 15px 0 25px;
  position: relative;
}

.mm-ul > li::after {
  border-color: rgba(255, 255, 255, 0.1);
  right: 23px;
  left: 25px;
}

.mm-ul_icon {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-right: 18px;
}

.mm-ul_icon svg {
  width: 15px;
  height: 15px;
}

.mm-ul-a {
  display: inline-block;
  padding: 15px 0 15px 35px !important;
  position: relative;
  font-size: 15px;
  letter-spacing: .5px;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.mm-langs > a img {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.panel-langs {
  color: #393854;
  padding: 0 20px;
}

.panel-langs_title {
  font-size: 20px;
  margin-top: 45px;
  margin-bottom: 25px;
  line-height: 1.3;
  padding-right: 10px;
}

.panel-langs_current {
  padding-left: 31px;
  position: relative;
}

.panel-langs_current img {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  left: 0;
}

.panel-langs_current-title {
  font-size: 18px;
}

.panel-langs_current-desc {
  font-size: 13px;
  margin: 10px 0 25px;
}

.panel-langs_list {
  padding: 0 0 0 31px;
}

.panel-langs_list a {
  display: block;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 500;
}

.panel-langs_list a:hover {
  text-decoration: underline;
}

.panel-langs::after {
  border: none;
}

/*
=====================================*/
.mm-favorite em {
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  margin-left: 10px;
}

/*
=====================================*/
.mm-links a {
  font-size: 18px;
}

/*
=====================================*/
.mm-links-small {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.mm-links-small a {
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 35px;
  line-height: 1;
}

.mm-links-small a:hover {
  text-decoration: underline;
}

/*
=====================================*/
#search-panel {
  background-color: #F7F7F7;
}

#search-panel input {
  background-color: #fff;
  height: 75px;
}

#search-panel .btn-search-submit {
  width: 45px;
  right: 15px;
}

#search-panel .btn-search-submit svg {
  width: 30px;
}

#search-panel .top-search_results {
  margin-top: 15px 0;
}

#search-panel .mm-panel {
  padding: 0;
}

#search-panel .mm-panel::before {
  display: none;
}

#search-panel .mm-navbar {
  display: none;
}

#search-panel .ts-cat-title {
  font-size: 13px;
}

#search-panel .ts-item {
  font-size: 13px;
  line-height: 1;
}

.mm-slideout {
  z-index: auto;
}

.mse2-ac-item{
  padding-left:   35px;
  padding-right:   35px;
}

.mse2-ac-item:hover {
  background-color: transparent;
  color: #27AE7F;
}

.mse2-ac-item p{
  font-size: 12px;
}

.mse2-ac-item b{
  font-weight: normal;
}

ul > li .ui-state-active:hover,
ul > li .mse2-ac-link.ui-menu-item-wrapper:hover,
ul > li .ui-state-active,
.ui-state-active{
  background-color: transparent !important;
  border-color:  transparent !important;
}

.ui-widget-content{
  padding: 30px 0 !important;
}

/*
=====================================*/
#user-panel {
  background-color: #fff;
  color: #393854;
}

#user-panel .mm-panel {
  padding: 0;
}

#user-panel .mm-panel::before {
  display: none;
}

#user-panel .mm-navbar {
  display: none;
}

.user-side-panel-menu {
  margin: 0 !important;
  padding: 20px;
}

.user-side-panel-menu li {
  padding-left: 35px;
  position: relative;
  border-bottom: 1px solid rgba(57, 56, 84, 0.1);
}

.user-side-panel-menu li a {
  padding: 15px 0;
  font-size: 15px;
  font-weight: 500;
}

.user-side-panel-menu li svg {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 17px;
}

.user-side-panel-user-data {
  font-weight: 500;
  font-size: 14px;
  color: rgba(57, 56, 84, 0.6);
  padding-bottom: 15px !important;
}

.user-side-panel-user-data img {
  position: absolute;
  left: 0;
  top: 5px;
  width: 27px;
  height: 27px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.user-side-panel-user-data em {
  font-style: normal;
  display: inline-block;
  padding-top: 10px;
}

/*
=====================================*/
.news-list > div {
  margin-bottom: 30px;
}

/*
=====================================*/
.item-tell-story {
  border: 2px solid #27AE7F;
  height: 250px;
  padding: 0 40px;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.item-tell-story-inside{
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .item-tell-story {
    height: 360px;
    text-align: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 55px 0 90px;
    background: url(../images/letter.svg) no-repeat 90% 50%;
  }

  .item-tell-story-inside{
    height: 250px;
  }
}

.item-tell-story_title {
  font-weight: bold;
  font-family: Merriweather;
  font-size: 1.5em;
  /* 32/16 */
  max-width: 300px;
  line-height: 1.2;
  margin-bottom: 25px;
}

.item-tell-story-inside .item-tell-story_title{
  max-width: 470px;
}

@media (min-width: 768px) {
  .item-tell-story_title {
    font-size: 2em;
  }
}

@media (min-width: 768px) {
  .item-tell-story_title {
    font-size: 1.5em;
  }
}

@media (min-width: 1200px) {
  .item-tell-story_title {
    font-size: 2em;
  }
}

.item-tell-story .btn {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.item-tell-story .btn:hover {
  -webkit-box-shadow: 0 4px 10px rgba(57, 56, 84, 0.4);
          box-shadow: 0 4px 10px rgba(57, 56, 84, 0.4);
}

.item-tell-story.tell-story {
  height: 290px;
  margin: 55px 0;
}

.item-tell-story.tell-story .item-tell-story_title {
  max-width: 530px;
}

/* news page
=====================================*/
.news-head {
  height: 390px;
  text-align: center;
  color: #fff;
  position: relative;
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  z-index: 2;
  margin-top: 26px;
  padding: 20px 20px;
}

.news-head::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(57, 56, 84, 0.5);
  opacity: 1;
  z-index: -1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.head-title-block {
  width: 100%;
}

@media (min-width: 992px) {
  .head-title-block {
    padding: 0 100px;
  }
}

@media (min-width: 1200px) {
  .head-title-block {
    padding: 0 230px;
  }
}

.head-title {
  font-weight: bold;
  font-family: Merriweather;
  font-size: 1.5em;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .head-title {
    font-size: 2.25em;
  }
}

.head-desc {
  font-size: 1.125em;
  max-width: 600px;
  margin: 0 auto;
  /* 18/16 */
}

.news-head2 .head-desc{
  max-width: 800px;
}

@media (min-width: 992px) {
  .head-desc {
    padding: 0 45px;
  }
  
  .news-head-image{
    position: relative;
    height: 305px;
    width: 500px;
    overflow: hidden;
  }

  .news-head-image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.head-meta{
  width: 100%;
} 

/*
=====================================*/
.article-content {
  padding: 30px 15px ;
  background-color: #fff;
  position: relative;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .article-content {
    padding-left: 50px ; 
  }
}

@media (min-width: 992px) {
  .article-content {
    padding: 70px 30px 30px 70px;
  }
}

.side-socials {
  position: relative;
  margin-bottom: 20px;
}

.side-socials .likely__widget{
  display: inline-block;
}

@media (min-width: 768px) {
  .side-socials {
    position: absolute;
    top: 40px;
    left: 15px;
  }
  .side-socials .likely__widget{
    display: block;
  }

  .side-socials .likely__widget + .likely__widget {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .side-socials {
    left: 20px;
    top: 80px;
  }
}

@media (min-width: 1140px) {
  .side-socials {
    left: -60px; 
  }
}

.side-socials a,
.side-socials .likely__widget{ 
  color: rgba(57, 56, 84, 0.6);
}

.side-socials .likely__widget:hover {
  color: #393854;
}

.side-socials.white {
  color: #fff;
}

.side-socials.white .likely__widget {
  color: #fff;
}

.side-socials.white .likely__widget:hover {
  color: #393854;
}

.side-socials .likely__counter{
  display: none;
}

/*
=====================================*/
.article-meta {
  padding: 10px 0 ;
  margin: 60px 0 0;
  border-top: 1px solid rgba(57, 56, 84, 0.2);
  border-bottom: 1px solid rgba(57, 56, 84, 0.2);
}

.article-meta_title {
  text-transform: uppercase;
  font-size: 0.875em; 
  line-height: 1; 
  margin-bottom: 15px;
}

.article-meta .btn {
  text-transform: uppercase;
  font-size: 0.75em; 
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}

.article-meta .btn svg {
  margin-right: 7px;
  position: relative;
  top: 1px;
}

.article-meta .btn svg path {
  fill: #393854;
  fill-opacity: 1;
}

.socials-bottom {
  margin-left: -5px;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .socials-bottom {
    margin-bottom: 0;
  }
}

.socials-bottom a,
.socials-bottom .likely__widget {
  color: rgba(57, 56, 84, 0.6);
  display: inline-block;
}

.socials-bottom a + a,
.socials-bottom .likely__widget + .likely__widget{
  margin-left: 25px;
}

.socials-bottom a span,
.socials-bottom .likely__widget .likely__counter{
  font-size: 0.75em;
  /* 12/16 */
  display: inline-block;
  margin-left: 5px;
}

.socials-bottom a:hover,
.socials-bottom .likely__widget:hover{
  color: #393854;
}

.socials-bottom .likely__counter_empty::after{
  content: "0";
}

/*
=====================================*/
#comments-block .title-small {
  margin-left: 55px;
  margin-bottom: 30px;
}

.white-block {
  background-color: #fff;
  padding: 25px 15px;
}

@media (min-width: 992px) {
  .white-block {
    padding: 40px;
  }
}

.white-block + .white-block {
  margin-top: 30px;
}

/*
=====================================*/
.comment-item {
  margin-bottom: 40px !important;
  position: relative;
  padding-left: 55px;
}

.ticket-comment-body.bad {
  opacity: .5;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.ticket-comment-body.bad1,
.ticket-comment-body.bad2{
  opacity: .9;
}

.ticket-comment-body.bad:hover {
  opacity: 1;
}

.comment-item_avatar {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}

.comment-item_avatar img {
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.comment-item_name {
  padding-top: 12px;
  font-size: 0.875em;
  font-weight: 600;
}

.comment-item_comment {
  margin: 15px 0 20px;
  font-size: 0.875em;
  font-weight: 500;
}

.comment-item_comment img{
  margin: 0 5px;
  max-width: 25px;
}

.comment-item_dt {
  color: rgba(57, 56, 84, 0.6);
  font-size: 0.75em;
  /* 12/16 */
  font-weight: 500;
}

.comment-item_rating {
  margin-left: 5px;
  margin-right: 5px;
  line-height: 1;
  position: relative;
}

@media (min-width: 768px) {
  .comment-item_rating {
    margin-top: -2px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.comment-item_rating:hover .vote {
  opacity: 1;
}

.comment-item_link {
  font-size: 0.75em;
  /* 12/16 */
}

.comment-item_link .edit{
  color: #ff0000;
  margin-left: 10px;
  display: inline-block;
}

.comment-item .vote {
  display: inline-block;
  width: 17px;
  height: 17px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  vertical-align: middle;
  position: relative; 
  top: 1px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /* line-height:  16px; */
}

.comment-item .vote.plus {
  color: #393854;
}

.comment-item .vote.minus {
  color: rgba(136, 136, 153, 0.6);
}

.comment-item .vote:hover {
  color: #27AE7F;
}

.comment-item .vote i {
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: -1px;
  right: 0;
  top: 2px;
  bottom: 0;
}

.comment-item .vote i::before {
  margin: 0;
}

.comment-item .rating {
  /*font-size: 0.75em;*/
  font-weight: 500;
  display: inline-block;
  margin: 1px 3px 0 1px;
}

.comment-item .rating.positive {
  color: #27AE7F;
}

.comment-item .rating.negative {
  color: #EB5757;
}

.comment-item.is-best::before {
  position: absolute;
  content: "";
  left: -5px;
  right: 0;
  top: -25px;
  bottom: -25px;
  border: 1px solid #F2C94C;
}

.is-best-news-comm{
  margin-left: 0px;
  margin-top: 30px !important;
}


@media (min-width: 768px) {
  .comment-item.is-best{
    padding-right: 20px;
  }
  .comment-item.is-best::before {
    left: -10px;
    right: 15px;
    top: -25px;
    bottom: -25px;
  }
}

.is-best_title {
  position: absolute;
  top: -30px;
  left: 50px;
  display: inline-block;
  padding: 0 15px;
  background-color: #fff;
  text-transform: uppercase;
  line-height: 1;
  color: #F2C94C;
  font-size: 0.75em;
  /* 12/16 */
}

.comments.comments-list{
  padding: 0 0 0 10px;
}

#comments>li>.comments-list,
#comments>li>.comments-list>li>.comments-list{
  padding-left: 0;
  margin-top: 25px;
}

#comments>li>.comments-list>li>.comments-list ol{
  margin-left: -60px;
}

@media (min-width: 768px) {
  #comments>li>.comments-list>li>.comments-list ol{
    margin-left: 0;
  }  
}

.comments-list .comments-list{
  margin-top: 25px;
}

.comments-list ol{
  margin: 0;
  padding: 0;
}

.comment-item{
  position: relative; 
}

.comment-item:not(.is-best)::before{
  content: "";
  position: absolute;
  top: 55px;
  bottom: -25px;
  left: 20px;
  width: 1px;
  background-color: #ddd;
}

.reviews .comment-item:not(.is-best)::before{
  display: none;
}

.comments .ticket-comment{
  margin-top: 0;
}

.reviews .comment-item {
  padding-right: 10px;
}

@media (min-width: 768px) {
  .reviews .comment-item {
    padding-right: 40px;
  }
}
 
.comment-item_meta{
  font-size: 0;
  line-height: 1;
}

.comment-item_meta *{
  font-size: 12px;
}


/*
======================================*/
.users-voted{
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  /*box-shadow: 0 0 7px rgba(0,0,0,.32);*/
  box-shadow:   0 0 7px rgb(156,156,156, .32);
  text-align: left;
  font-size: 12px; 
  width: 220px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: .25rem; 
  margin-bottom: 5px;
  white-space: nowrap;
  display: none;
}

.users-voted-inner{
  max-height: 150px;
  width: 100%;
  overflow: auto; 
  padding: .25rem .5rem;
}

.users-voted::before,
.users-voted::after{
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  top: 100%; 
  left: 50%;
  transform: translateX(-50%);
}

.users-voted::before{ 
  border-width: .5rem .4rem 0;
  border-top-color: rgba(0,0,0,.1); 
}

.users-voted::after{  
  border-width: .4rem .4rem 0;
  border-top-color: #fff;
}

.user-vote-row{
  padding: 6px 0;
}

.user-vote-row + .user-vote-row{
  border-top: 1px solid #ddd;
}

.user-vote-photo{
  width: 40px;
  text-align: left;
}

.user-vote-photo img{
  width: 25px;
  border-radius: 50%;
}

.user-vote-positive{
  color: #38b46c
}

.user-vote-negative{
  color: #EB5757;
}

.user-vote-empty{
  padding: 15px 0;
}

.comments{
  overflow: visible;
}

.comment-item_rating:hover .users-voted{
  display: block;
}

/*
======================================*/
.comment-form-outer {
  padding: 45px 0 0 15px;
}

@media (min-width: 992px) {
  .comment-form-outer {
    padding: 5px 0 0 55px;
  }
}

.comment-form-outer .title-small {
  margin-left: 0 !important;
}

.comment-form {
  position: relative;
  padding-left: 65px;
  width: 100%;
  max-width: 730px;
  margin-top: 50px;
}

.comment-form_avatar {
  position: absolute;
  left: 0;
  top: 0;
}

.comment-form_avatar img {
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.comment-form textarea {
  display: block;
  width: 100%;
  height: 190px;
  border: 1px solid #fff;
  background-color: #fff;
  padding: 15px;
}

.comment-form .btn {
  margin: 35px auto 0;
  display: block;
}

/*
=====================================*/
.social-widget_title {
  border-top: 1px solid rgba(57, 56, 84, 0.6);
  color: #393854;
  text-transform: uppercase;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: 500;
  padding: 20px 0 0;
  margin-bottom: 30px;
}

#vk_groups,
#vk_groups iframe{
  width: 100% !important;
}

/*
=====================================*/
.section-videobg {
  z-index: 3;
  position: relative;
}

.fullscreen-bg {
  overflow: hidden;
  position: relative;
  min-height: 680px;
  width: 100%;
  padding-top: 45%;
  z-index: 3;
}

@media (min-width: 992px) {
  .fullscreen-bg {
    background: none !important;
    height: 100vh;
  }
}

.fullscreen-bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(32, 117, 222, 0.1);
}

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

.main-overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}

@media (min-width: 768px) {
  .main-overlay {
    position: absolute;
  }
}

.main-overlay .btn-play {
  margin: 45px 0;
}

@media (min-width: 992px) {
  .main-overlay .btn-play {
    margin: 65px 0;
  }
}

@media (min-width: 1440px) {
  .main-overlay .btn-play {
    margin: 85px 0;
  }
}

@media (min-width: 1900px) {
  .main-overlay .btn-play {
    margin: 120px 0;
  }
}

.main-content {
  color: #fff;
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
  padding-top: 70px;
}

@media (min-width: 400px) {
  .main-content {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .main-content {
    padding-top: 180px;
  }
}

@media (min-width: 992px) {
  .main-content {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background-position: 50% 50%;
    -webkit-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
  }
  .fullscreen-bg__video {
    display: none;
  }
}

.fancybox-content {
  width: 90% !important;
  position: relative;
  min-height: 300px;
}

@media (min-width: 768px) {
  .fancybox-content {
    width: 80% !important;
    min-height: 360px;
  }
}

@media (min-width: 992px) {
  .fancybox-content {
    width: 60% !important;
  }
}

/*
=====================================*/
.anchor-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.anchor-menu li {
  display: inline-block;
  margin: 0 14px 10px;
}

.anchor-menu li a {
  display: block;
  color: #fff;
  border: 1px solid rgba(242, 242, 242, 0.6);
  width: 180px;
  height: 44px;
  line-height: 42px;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: 600;
  text-align: center;
}

.anchor-menu li a:hover {
  border-color: #fff;
}

.anchor-menu2 {
  margin-top: 100px;
}

.anchor-menu2 li a {
  width: 245px;
}

/*
=====================================*/
.audio-carousel {
  padding: 0  50px;
  margin-bottom: 50px;
}

.audio-carousel .owl-stage-outer {
  padding: 50px 0;
}

.audio-carousel .owl-prev {
  left: 0;
}

.audio-carousel .owl-next {
  right: 0;
}

.audio-carousel .owl-dots {
  counter-reset: slides-num;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 25px;
  margin-left: -20px;
  display: block;
}

.audio-carousel .owl-dots::after {
  content: counter(slides-num);
  display: block;
  font-size: 1.5em;
  font-weight: 600;
  vertical-align: middle;
  color: #393854;
  position: absolute;
  left: 25px;
  top: 0;
}

.audio-carousel .owl-dot {
  display: inline;
  counter-increment: slides-num;
  margin-right: 5px;
  border: none;
  background-color: transparent;
  padding: 0;
  width: 0;
  height: 0;
}

.audio-carousel .owl-dot span {
  display: none;
}

.audio-carousel .owl-dot.active::before {
  content: counter(slides-num) "/";
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5em;
  position: absolute;
  left: 0;
  top: 0;
  color: #393854;
}

@media (min-width: 1200px) {
  .audio-carousel2 .owl-prev {
    left: -50px;
  }
}

@media (min-width: 1200px) {
  .audio-carousel2 .owl-next {
    right: -50px;
  }
}

.article-audio-left {
  text-align: center;
  font-size: 1.5em;
  /* 24/16 */
  font-weight: 600;
  margin-left: auto;
  display: block;
  color: #393854;
}

@media (min-width: 992px) {
  .article-audio-left {
    text-align: right;
    max-width: 220px;
  }
}

.article-audio-right {
  font-size: 0.8em;
  text-align: center;
}

@media (min-width: 992px) {
  .article-audio-right {
    text-align: left;
    max-width: 230px;
  }
}

.article-audio-wide .audio-playear {
  width: 140px;
  height: 140px;
  margin: 20px auto 40px;
}

.article-audio-wide .audio-playear svg {
  width: 170px;
  height: 170px;
}

@media (min-width: 992px) {
  .article-audio-wide .audio-playear {
    width: 230px;
    height: 230px;
    margin: 0 auto;
  }
  .article-audio-wide .audio-playear svg {
    width: 280px;
    height: 280px;
  }
}

video::-webkit-media-controls-panel {
  display: none !important;
}
/*
=====================================*/
.video-carousel-item {
  height: 280px;
  width: 100%;
}

@media (min-width: 992px) {
  .video-carousel-item {
    height: 200px;
  }
}

@media (min-width: 1200px) {
  .video-carousel-item {
    height: 259px;
  }
}

@media (min-width: 1440px) {
  .video-carousel-item {
    height: 360px;
  }
}

@media (min-width: 1900px) {
  .video-carousel-item {
    height: 300px;
  }
}
/*
.podborka-carousel .owl-stage{
  display: flex;
  flex-wrap: nowrap;
}
*/

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.owl-carousel .owl-video-tn {
  -webkit-background-size: cover;
          background-size: cover;
}

.video-carousel-playear .owl-item,
.video-carousel-playear2 .owl-item {
  opacity: .3;
}

.video-carousel-playear .owl-item.active,
.video-carousel-playear2 .owl-item.active {
  opacity: 1;
}

.owl-carousel .owl-video-play-icon {
  background: url(../images/owl.video.play.png) no-repeat;
}

.video-interview {
  /* width: 900px; */
}

.owl-carousel .owl-video-wrapper iframe + .owl-video-play-icon{
  display: none;
}

@media (min-width: 768px) {
  .video-interview {
    width: 900px;
  }
}

@media (min-width: 1900px) {
  .video-interview {
    width: 1200px;
  }
}

.video-interview .owl-stage-outer {
  position: relative;
}

.video-interview .owl-stage-outer::after {
  content: "";
  height: 100%;
  width: 450px;
  position: absolute;
  left: 520px;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 3;
}

@media (min-width: 1900px) {
  .video-interview .owl-stage-outer::after {
    left: 700px;
  }
}

@media (min-width: 992px) {
  .video-interview .owl-prev {
    left: -150px;
  }
}

.video-carousel-playear2 {
  padding-left: 0px;
}

/*
=========================================*/
.swiper-slide {
  text-align: center;
}

.video-container {
  position: relative;
  height: 280px;
  width: 100%;
  /* padding-bottom: 67%; */
}

@media (min-width: 992px) {
  .video-container {
    height: 200px;
  }
}

@media (min-width: 1200px) {
  .video-container {
    height: 259px;
  }
}

@media (min-width: 1440px) {
  .video-container {
    height: 360px;
  }
}

@media (min-width: 1900px) {
  .video-container {
    height: 300px;
  }
}

.video-play,
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
  /* pointer-events: none; */
}

.video-play {
  position: absolute;
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
}

.video-play::after {
  content: "";
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(../images/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  -o-transition: transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease;
}

.video-play:hover::after {
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}


/*
=====================================*/
.books.owl-carousel{
    max-width: 980px;
    margin: 0 auto;
}

.books.owl-carousel .owl-stage {
    display: flex;
}

.books.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

/*
=====================================*/
.section-head .container {
  position: relative;
}

.section-head .side-socials {
  position: relative;
  top: 0;
  left: 0;
  margin: 15px 0 35px;
  text-align: center;
}

@media (min-width: 992px) {
  .section-head .side-socials {
    position: absolute;
    top: 15px;
    left: -80px;
  }
}

@media (min-width: 1440px) {
  .section-head .side-socials {
    left: -110px;
  }
}

.section-head .side-socials a,
.section-head .side-socials .likely__widget{
  color: #fff;
  padding: 0 10px;
  display: inline-block;
  text-align: center;
}

@media (min-width: 992px) {
  .section-head .side-socials a,
  .section-head .side-socials .likely__widget {
    display: block;
    padding: 0;
  }
}

.section-head .side-socials a + a,
.section-head .side-socials .likely__widget + .likely__widget{
  border-left: 1px solid;
  margin-top: 0;
}

@media (min-width: 992px) {
  .section-head .side-socials a + a,
  .section-head .side-socials .likely__widget + .likely__widget {
    border: none;
    margin-top: 30px;
  }
}

.section-head .side-socials a:hover,
.section-head .side-socials .likely__widget:hover {
  color: #393854;
}

.section-head .side-socials.dark a,
.section-head .side-socials.dark .likely__widget {
  color: #393854;
}

@media (min-width: 992px) {
  .section-head .side-socials-outer .side-socials {
    top: 135px;
  }
}

/*
=====================================*/
.middle-inspiration {
  padding-bottom: 25px;
  background: url(../images/inspire-bg.jpg) no-repeat 50% 0/100% auto, url(../images/inspire.jpg) no-repeat 50% 100%/100% auto #F3F5F2;
}

.section-overfllow {
  overflow: hidden;
}

/*
=====================================*/
.section-pagehead {
  min-height: 300px;
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-pagehead.section-pagehead-bg{
  background-image: linear-gradient(124.73deg, #9FCA7A 4.68%, #2D7279 85.03%);
  color: #fff;
}

@media (min-width: 768px) {
  .section-pagehead {
    margin-top: -100px;
    padding-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .section-head {
    min-height: 400px;
  }

  .section-pagehead {
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 30px;
    background: radial-gradient(731.00px at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(202, 208, 223, 0.297) 0%, rgba(255, 255, 255, 0) 100%), rgba(219, 229, 235, 0.3);
  }

  .section-head-small{
    min-height: 300px;
  }
}

.section-pagehead .container-small{
  max-width: 650px;
  margin: 0 auto;
}

.section-pagehead .container-full {
  max-width: 960px;
}

@media (min-width: 992px) {
  .section-pagehead .side-socials {
    left: -140px;
  }
}

@media (min-width: 992px) {
  .section-pagehead-height {
    padding-top: 200px;
    min-height: 580px;
  }
}

@media (min-width: 1900px) {
  .section-pagehead-height {
    min-height: 600px;
  }
}

.section-pagehead-height .header-article_desc {
  font-size: 1.1em;
}

@media (min-width: 768px) {
  .section-pagehead-height .header-article_desc {
    font-size: 1.375em;
  }
}

.section-pagehead-auto {
  min-height: 50px;
}

.section-pagehead-simple {
  padding: 50px 0;
}

@media (min-width: 1200px) {
  .section-pagehead-simple .container {
    max-width: 1050px;
  }
}

.section-head-about {
  background-position: 30% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 768px) {
  .section-head-about {
    background-position: 50% 0;
  }
}

@media (min-width: 1440px) {
  .section-head-about {
    background-position: 0 0;
  }
}

@media (min-width: 992px) {
  .section-head-about .side-socials {
    top: 40px;
  }
}

@media (min-width: 1900px) {
  .section-head-about .side-socials {
    left: -300px;
    top: 100px;
  }
}

.section-head-about .text-left {
  text-align: center !important;
}

@media (min-width: 992px) {
  .section-head-about .text-left {
    text-align: left !important;
  }
}

.section-head-about .container-inner {
  padding-top: 70px;
}

@media (min-width: 768px) {
  .section-head-about .container-inner {
    padding-top: 0;
  }
}

.section-head-no-padding {
  padding-bottom: 35px;
}

.section-head-bg {
  padding-bottom: 35px;
}

.section-head-bg .btn {
  margin: 15px auto;
  padding-left: 30px;
  padding-right: 30px;
  border-color: #393854;
  line-height: 1;
  padding-top: 12px;
}

.section-head-bg .btn svg{
  position: relative;
  top: -1px;
}

@media (min-width: 992px) {
  .section-head-bg .btn {
    right: -140px;
    position: absolute;
    right: -230px;
    top: 2px;
    margin: 0;
    width: 196px;
  }
}

@media (min-width: 1200px) {
  .section-head-bg .btn {
    right: -230px;
  }
}

.about-block + .about-block{
  margin-top: 80px;
}

.books-info{
  font-size: 12px;
  color: #393854;
  opacity: 0.6;
}

.section-pagehead-bg .books-info{
  color: #fff;
}

.section-pagehead-bg .header-article_desc{
  font-size: 14px;
}

.section-pagehead-bg  .header-article_desc{
  max-width: 100%;
}


.section-head-seminar{
  background: linear-gradient(180deg, rgba(187, 210, 164, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);  
}

.section-head-seminar.has-seminar,
.section-head-seminar.cat-practic{
  background: linear-gradient(180deg, rgba(7, 81, 135, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
  margin-top: -20px;
}

.section-transparent{
  background-color: transparent;
}

.section-head-seminar .container-inner{
  max-width: 550px;
  margin: 0 auto;
}

/*
=====================================*/
.article-quote {
  text-align: center;
  color: #4F4F4F;
  padding: 40px 0 ;
}

.article-quote_suptitle {
  text-transform: uppercase;
  font-size: 10px;
  /* 12/16 */
  font-weight: 600;
}

.article-quote_txt {
  font-size: 16px;
  margin: 10px 0 25px;
}

@media (min-width: 768px) {
  .col-lg-12 .article-quote_txt {
    font-size: 1.625em;
  }
  .col-lg-8 .article-quote_txt {
    font-size: 17px;
  }
}

.article-quote_source {
  font-size: 0.875em;
  /* 14/16 */
}

.article-quote.small {
  padding: 20px;
}

.article-quote.small .article-quote_suptitle {
  font-size: 0.875em;
  /* 14/16 */
}

.article-quote.small .article-quote_txt {
  font-size: 1.375em;
  /* 22/16 */
}

/*
=====================================*/
.gifts {
  margin-bottom: 50px;
}

.gift-item {
  display: block;
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .gift-item {
    padding: 0 40px;
  }
}

.gift-item img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/*
=====================================*/
.content-carousel,
.reviews-carousel {
  margin: 50px 0;
  width: auto;
}

@media (min-width: 768px) {
  .content-carousel,
  .reviews-carousel {
    margin: 70px -40px;
    padding: 0 50px;
  }
}

@media (min-width: 992px) {
  .content-carousel,
  .reviews-carousel  {
    margin: 70px -200px;
    padding: 0 200px;
  }
}

.content-carousel img,
.reviews-carousel img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/*
=====================================*/
.section-green-book {
  background: url(../images/bg-green.jpg) no-repeat 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  min-height: 300px;
  margin: 100px 0 0;
  padding: 35px 0 65px;
  color: #fff;
}

.green-book_img {
  text-align: center;
}

@media (min-width: 768px) {
  .green-book_img {
    text-align: right;
  }
}

.green-book_img img {
  display: inline-block;
  margin: -105px 0 30px;
  max-width: 70%;
}

@media (min-width: 768px) {
  .green-book_img img {
    max-width: 90%;
  }
}

@media (min-width: 992px) {
  .green-book_img img {
    max-width: 100%;
  }
}

.green-book_prize img {
  display: block;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: -200px;
  width: 150px;
}

@media (min-width: 768px) {
  .green-book_prize img {
    position: relative;
    width: auto;
    top: 0;
    margin: -70px auto 0;
  }
}

@media (min-width: 992px) {
  .green-book_prize img {
    margin: -120px auto 0;
  }
}

.green-book_numbers {
  text-align: center;
  font-size: 13px;
  margin: 25px 0 10px;
}

.green-book_numbers > div {
  margin-bottom: 30px;
}

.green-book_numbers strong {
  font-weight: 900;
  font-family: Merriweather;
  margin: 0;
  font-size: 32px;
  display: block;
  line-height: 1;
}

/*
=====================================*/
.page-404 {
  background: url(../images/bg-404.jpg) no-repeat 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
}

.section-404 {
  color: #fff;
  height: -webkit-calc( 100vh - 92px);
  height: calc( 100vh - 92px);
  text-align: center;
  min-height: 300px;
  padding-bottom: 70px;
}

.title-404 {
  font-family: Merriweather;
  line-height: 1;
  font-size: 4em;
  /* 64/16 */
  font-weight: 900;
}

.subtitle-404 {
  font-size: 1.125em;
  /* 18/16 */
  margin: 30px 0 50px;
}

/*
=====================================*/
.max-450 {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}

.max-650 {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
}

.max-700 {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.max-800 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.max-940 {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
}

.section-color {
  background-color: #F7F5E6;
}

.donates {
  margin: 50px 0 0;
  padding: 0;
  list-style: none;
}

.donates li {
  display: block;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 576px) {
  .donates li {
    width: auto;
  }
}

.donates a {
  display: block;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  background-color: #fff;
  height: 57px;
  min-width: 190px;
  padding: 0 37px;
  position: relative;
  line-height: 1.2;
  font-size: 18px;
  color: #393854;
  margin: 0 auto 30px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 768px) {
  .donates a {
    line-height: 57px;
    margin: 0 15px 30px 0;
  }
}

.donates a:active, .donates a:focus {
  outline: none;
}

.donates a img {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.donates a:hover {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

/*
=====================================*/
.donate-video {
  position: relative;
  /*
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  margin: -75px 0 50px;
  */
}

.donate-video object,
.donate-video embed,
.donate-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@media (min-width: 768px) {
  .donate-video {
    margin: -90px 0 50px;
  }
}

.btn-video-play {
  display: inline-block;
  border: none;
  width: 30px;
  height: 45px;
  background: url(../images/icon-play.svg) no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 992px) {
  .btn-video-play {
    width: 50px;
    height: 67px;
  }
}

.btn-video-play:hover {
  opacity: .8;
}

.thumbnail_container {
  overflow: hidden;
  background-color: #393854;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .thumbnail_container {
    height: 360px;
  }
}

#video-thumbnail {
  opacity: 0.7;
  width: 100%;
  min-height: 100%;
  display: block;
}

/*
=====================================*/
.video-content{
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 0;
  height: 0;
  margin: 0 0 50px;
  width: 100%;
}

.video-content object,
.video-content embed,
.video-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.audio-simple{
  width: 100%;
  margin-bottom: 50px;
}

.audio-simple audio{
  width: 100%;
}

/*
=====================================*/
.city-list {
  margin: 50px 0 100px;
}

.country-title {
  font-weight: 900;
  font-size: 1.5em;
  margin: 45px 0 25px 0;
  padding: 0 15px;
}

@media (min-width: 768px) {
  .country-title {
    padding: 0 30px;
  }
}

.tb-city {
  width: 100%;
  margin-bottom: 50px;
}

.tb-city tr:nth-child(odd) {
  background-color: #F2F2F2;
}

.tb-city td {
  padding: 23px 15px;
  vertical-align: top;
  font-size: 1em;
}

@media (min-width: 768px) {
  .tb-city td {
    padding: 23px 30px;
    font-size: 1.125em;
  }
}

.tb-city td:first-child {
  width: 35%;
  font-weight: 900;
  padding-right: 0;
}

.city-info {
  text-align: center;
  margin: 45px 0;
  font-size: 0.875em;
  /* 14/16 */
}

/*
=====================================*/
.cat-audio {
  display: block;
  height: 300px;
  color: #393854;
  text-align: center;
  margin: 85px 0 0;
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  padding: 0 15px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cat-audio span {
  display: block;
}

.cat-audio_title {
  font-weight: bold;
  font-size: 2em;
  /* 32/16 */
  font-family: Merriweather;
}

.cat-audio_desc {
  max-width: 420px;
}

.cat-audio:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/*
=====================================*/
.panel-group {
  margin: 50px 0 20px;
  border-top: 1px solid rgba(164, 162, 166, 0.2);
}

.panel-group .collapsed span {
  margin: 0;
}

.panel-group .collapsed span::before {
  content: "+";
}

.panel-group-faq {
  margin: 0 0 20px;
  border-color: #fff;
}

.panel-group-faq .panel {
  border-color: #fff;
}

.panel {
  border-bottom: 1px solid rgba(164, 162, 166, 0.2);
}

.panel-title {
  padding: 20px 0 20px 60px;
  font-weight: bold;
  font-size: 1.2em;
  font-family: Merriweather;
  line-height: 1.4;
  color: #393854;
  position: relative;
  cursor: pointer;
}

@media (min-width: 768px) {
  .panel-title {
    font-size: 1.375em;
    line-height: 1.5;
  }
}

.panel-title:hover {
  color: rgba(51, 69, 83, 0.9);
}

.panel-title span {
  color: #27AE7F;
  font-weight: 300;
  display: block;
  position: absolute;
  left: 5px;
  top: 30px;
  font-size: 1.8em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: -2px 0 0 1.5px;
  font-family: Lato;
}

@media (min-width: 768px) {
  .panel-title span{
    top: 34px;
  }
}

@media (min-width: 992px) {
  .panel-title span{
    top: 37px;
  }
}


.panel-title span::before {
  content: "‒";
}

.panel-body {
  padding-left: 60px;
  line-height: 1.7;
}

/*
=====================================*/
.section-search {
  background-color: #F2F2F2;
}

.section-search .title {
  text-align: center !important;
}

@media (min-width: 768px) {
  .section-search .title {
    font-size: 2em;
    text-align: left !important;
  }
}

.search-subject {
  position: relative;
  margin-bottom: 10px;
}

.search-subject input {
  display: block;
  width: 100%;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.12);
  height: 50px;
  border: none;
  padding: 0 100px 0 25px;
  font-size: 1.5em;
  /* 24/16 */
}

@media (min-width: 768px) {
  .search-subject input {
    padding: 0 100px 0 45px;
    height: 76px;
  }
}

.search-subject button {
  position: absolute;
  right: 15px;
  top: 50%;
  z-index: 3;
  -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
          transform: translateY(-40%);
  border: none;
  background-color: transparent;
  padding: 0;
}

.search-subject button svg {
  width: 40px;
}

.search-subject button:focus {
  outline: none;
}

/*
=====================================*/
.section-circle {
  background-color: #F7F5E6;
  margin-top: 100px;
}

.section-circle img {
  display: block;
  margin: -110px auto 30px;
  max-width: 100%;
}

@media (min-width: 768px) {
  .section-circle img {
    margin: -110px 0 30px;
  }
}

.section-circle .btn {
  margin-top: 20px;
}

/*
=====================================*/
.sticky {
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .sticky {
    position: relative !important;
    top: 0 !important;
  }
}

.sticky .btn {
  padding-left: 35px;
  padding-right: 35px;
  margin-bottom: 35px;
}

.side-about-menu {
  padding: 0;
  margin: 0 0 30px;
  list-style: none;
  position: relative;
}

.side-about-menu a {
  display: block;
  color: rgba(57, 56, 84, 0.6);
  font-size: 1.125em;
  /* 18/16 */
  font-weight: 500;
  margin: 10px 0;
  position: relative;
  padding: 0 0 0 15px;
}

@media (min-width: 992px) {
  .side-about-menu a {
    margin: 10px 0 20px;
  }
}

.side-about-menu a:hover {
  color: #27AE7F;
}

.side-about-menu a:hover::before {
  background-color: #27AE7F;
}

.side-about-menu a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.side-about-menu a.active {
  color: #393854;
}

.side-about-menu a.active::before {
  background-color: #393854;
}

/*
=====================================*/
.section-rules {
  height: 440px;
  color: #fff;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  text-align: center;
  position: relative;
  z-index: 100;
}

.section-rules .btn {
  margin-top: 50px;
}

.rules-inf {
  font-size: 0.75em;
  /* 12/16 */
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.rules-title {
  font-size: 1.75em;
  /* 28/16 */
  font-weight: 900;
  font-family: Merriweather;
  margin: 10px 0;
  text-indent: 1.2;
}

/*
=====================================*/
.section-lead {
  background-color: #e6f2ff;
  text-align: center;
}

@media (min-width: 768px) {
  .section-lead {
    text-align: left;
  }
}

.section-lead img {
  display: block;
  margin: 0 auto 30px;
  max-width: 100%;
}

.section-lead .title {
  margin: 0 0 15px 0;
}

@media (min-width: 768px) {
  .section-lead .title {
    text-align: left;
  }
}

.section-lead .btn {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .section-lead.section-podkast img {
    margin-top: -70px;
    margin-bottom: 0;
  }
}

.section-bookbuy {
  padding-top: 30px;
}

@media (min-width: 768px) {
  .section-bookbuy img {
    margin-top: -50px;
  }
}

.section-bookbuy .desc {
  font-size: 1.5em;
  /* 24/16 */
  font-weight: 500;
}

/*
=====================================*/
.faq-info {
  margin: 50px 0;
  padding: 0 60px;
}

.faq-info .btn {
  margin-top: 30px;
}

/*
=====================================*/
.search-filter {
  margin: 30px 0 50px;
}

@media (min-width: 768px) {
  .search-filter {
    margin-bottom: 100px;
  }
}

.search-filter button {
  display: inline-block;
  color: #393854;
  background-color: #fff;
  border: 1px solid rgba(57, 56, 84, 0.2);
  -webkit-border-radius: 30px;
          border-radius: 30px;
  padding: 9px 15px;
  font-weight: 600;
  font-size: 0.75em;
  line-height: 1;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 768px) {
  .search-filter button {
    padding: 9px 20px;
  }
}

.search-filter button span {
  color: rgba(57, 56, 84, 0.5);
  display: inline-block;
  margin-left: 5px;
}

.search-filter button + button {
  margin-left: 5px;
}

@media (min-width: 768px) {
  .search-filter button + button {
    margin-left: 15px;
  }
}

.search-filter button:hover {
  border-color: #393854;
}

.search-filter button.active {
  color: #fff;
  background-color: #27AE7F;
  border-color: #27AE7F;
}

.search-filter button.active span {
  color: #fff;
}

.search-filter button:focus,
.search-filter button:active{
  outline: none;
}

/*
=====================================*/
.search-region {
  margin-bottom: 50px;
}

.search-cat {
  margin-bottom: 30px;
  font-size: 1.5em;
  /* 24/16 */
  font-weight: bold;
}

@media (min-width: 768px) {
  .search-cat {
    margin-bottom: 50px;
  }
}

.search-results {
  margin-bottom: 20px;
}

.search-results .video-item,
.search-results .book-item {
  height: 100%;
}

.search-results > div {
  margin-bottom: 50px;
}

.search-item {
  display: block;
  color: #393854;
}

.search-item:hover {
  color: #27AE7F;
}

.search-item + .search-item {
  margin-top: 25px;
}

.search-region .btn-more{
  width: auto;
}

.search-region .pagination{
  opacity: 0;
}

/*
=====================================*/
.books-categories {
  background-color: #F2F2F2;
}

@media (max-width: 575px) {
  .books-categories {
    margin-bottom: 100px;
  }
}

.books-categories ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.books-categories ul li {
  margin: 0 10px 5px;
}

@media (min-width: 576px) {
  .books-categories ul li {
    margin: 0 5px;
  }
}

@media (min-width: 768px) {
  .books-categories ul li {
    margin: 0 15px;
  }
}

@media (min-width: 992px) {
  .books-categories ul li {
    margin: 0 35px;
  }
}

.books-categories ul li a {
  display: inline-block;
  color: #393854;
  opacity: .7;
  border-bottom: 1px solid transparent;
}

@media (min-width: 768px) {
  .books-categories ul li a {
    padding-bottom: 20px;
  }
}

.books-categories ul li a:hover {
  opacity: 1;
}

.books-categories ul li.active a {
  opacity: 1;
  border-color: #27AE7F;
}

.books-categories .container {
  position: relative;
  padding-top: 22px;
  padding-bottom: 22px;
}

@media (min-width: 768px) {
  .books-categories .container {
    padding-bottom: 0;
  }
}

.books-categories .show-audio {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -22px;
  width: 44px;
  height: 44px;
  text-align: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  padding-top: 13px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.books-categories .show-audio svg {
  padding: 0;
  line-height: 1;
  margin: 0;
}

.books-categories .show-audio span {
  width: 140px;
  position: absolute;
  top: 100%;
  right: 0;
  margin-left: -69px;
  margin-top: 10px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
          border-radius: 2px;
  display: inline-block;
  line-height: 1.2;
  color: #393854;
  font-weight: 500;
  padding: 10px;
  font-size: 0.8em;
  opacity: 0;
  z-index: -3;
}

@media (min-width: 576px) {
  .books-categories .show-audio span {
    right: auto;
    left: 50%;
  }
}

.books-categories .show-audio span::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 85%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 10px 9px;
  border-color: transparent transparent #ffffff transparent;
}

@media (min-width: 576px) {
  .books-categories .show-audio span::before {
    left: 50%;
  }
}

.books-categories .show-audio:hover,
.books-categories .show-audio.active {
  background-color: #fff;
}

.books-categories .show-audio:hover span  {
  opacity: 1;
  z-index: 2;
}

.is-audio{
  position: absolute;
  right: 5px;
  top: 5px;
}

/*
=====================================*/
.instagram-slide {
  height: 150px;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .instagram-slide {
    height: 220px;
  }
}

@media (min-width: 992px) {
  .instagram-slide {
    height: 370px;
  }
}

@media (min-width: 1200px) {
  .instagram-slide {
    height: 370px;
  }
}

.inst {
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

@media (max-width: 767px) {
  .inst {
    position: relative;
    width: 45% !important;
    height: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0;
    bottom: 0;
    margin: 0;
  }
}

.inst span {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(57, 56, 84, 0.3);
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}


.inst:hover span {
  opacity: 1;
}

.inst:nth-child(1) {
  width: 33%;
  height: 100%;
  top: 0;
  left: 0;
}

.inst:nth-child(2) {
  width: 17%;
  height: 50%;
  top: 0;
  left: 33%;
}

.inst:nth-child(3) {
  width: 17%;
  height: 50%;
  bottom: 0;
  left: 33%;
}

.inst:nth-child(4) {
  width: 33%;
  height: 100%;
  left: 50%;
  top: 0;
}

.inst:nth-child(5) {
  width: 17%;
  height: 50%;
  right: 0;
  top: 0;
}

.inst:nth-child(6) {
  width: 17%;
  height: 50%;
  right: 0;
  bottom: 0;
}


.instagram-carousel .owl-prev{
  left: 10px;
}

.instagram-carousel .owl-next{
  right: 10px;
}


@media (min-width: 768px) {
  .instagram-carousel .owl-prev{
    left: -20px;
  }

  .instagram-carousel .owl-next{
    right: -20px;
  }
}


@media (min-width: 1200px) {
  .instagram-carousel .owl-prev{
    left: -70px;
  }

  .instagram-carousel .owl-next{
    right: -70px;
  }
}


/*
=====================================*/
.book-in-numbers {
  text-align: center;
  color: #fff;
  margin-top: 40px;
}

@media (min-width: 768px) {

}

.book-in-numbers > div > div {
  margin-bottom: 30px;
}

.book-in-numbers .num {
  font-weight: 900;
  font-family: Merriweather;
  font-size: 1.5em;
  line-height: 1;
  margin: 5px 0;
}

@media (min-width: 768px) {
  .book-in-numbers .num {
    font-size: 24px;
  }
}

.book-in-numbers .num-title {
  font-size: 0.8125em;
  /* 13/16 */
  min-height: 18px;
}

/*
=====================================*/
.av-item {
  margin-bottom: 30px;
}

.av-item_icon {
  position: relative;
  height: 50px;
  margin-bottom: 10px;
}

.av-item_icon img {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.av-item_txt {
  font-size: 0.875em;
  /* 14/16 */
  line-height: 1.4;
}

@media (min-width: 992px) {
  .av-item_txt {
    padding-right: 30px;
  }
}

.av-item a {
  color: #393854;
  border-bottom: 1px solid;
}

.av-item a:hover {
  border-color: transparent;
}

/*
=====================================*/
.stars {
  position: relative;
  font-size: 1em;
  font-family: fontello;
  text-align: left;
  line-height: 1;
  white-space: nowrap;
}

.stars::before {
  font-size: 1em;
  display: inline-block;
  content: '\e816  \e816  \e816  \e816  \e816';
  color: #C4C4C4;
  line-height: 1;
}

.stars::after {
  font-size: 1em;
  display: inline-block;
  position: absolute;
  left: .4px;
  top: -0.4px;
  color: #F2C94C;
  line-height: 1;
}

.stars[data-rating="1"]::after {
  content: '\e816';
}

.stars[data-rating="2"]::after {
  content: '\e816  \e816';
}

.stars[data-rating="3"]::after {
  content: '\e816  \e816  \e816';
}

.stars[data-rating="4"]::after {
  content: '\e816  \e816  \e816  \e816';
}

.stars[data-rating="5"]::after {
  content: '\e816  \e816  \e816  \e816  \e816';
}

.star:hover{
  opacity: .5;
}

/*
=====================================*/
.rating {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

.rating-title {
  color: #626262;
}

.rating label {
  float: right;
  padding: 0;
  margin: 0 5px;
  font-size: 1.1em;
  color: #C4C4C4;
  -webkit-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
  cursor: pointer;
}

.rating label:hover,
.rating label:hover ~ label {
  color: #FD4;
}

.rating label::before {
  content: '\e816';
  font-family: fontello;
}

.rating input {
  display: none;
}

.rating input:checked ~ label::before {
  content: '\e816';
  color: #F2C94C;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}

/*
=====================================*/
.reviews-head {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .reviews-head {
    margin-bottom: 40px;
  }
}

.reviews-head span {
  display: inline-block;
  font-weight: 600;
}

.reviews-head_title {
  font-size: 1.5em;
}
@media (min-width: 992px) {
  .reviews-head_title {
    margin-left: -32px;
  }
}

.reviews-head_count {
  font-size: 13px;
  margin: 0 ;
  line-height: 1;
}

.info-title{
  display: block;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 1px;
  margin-top: 0;
  line-height: 1;
  color: rgba(57, 56, 84, 0.5);
}

.reviews-head_count svg {
  width: 14px;
  height: 14px;
  margin-right: 3px;
  position: relative;
  top: 2px;
}

.reviews-head_count svg path {
  /*fill: #F2C94C;*/
}

.reviews-head_rating {
  font-size: 2.25em;
  margin: 0 5px;
}

.reviews {
  margin-bottom: 50px;
}

.textarea-count {
  text-align: right;
  font-size: 0.875em;
  /* 14/16 */
  margin-top: -15px;
  margin-bottom: 35px;
}

/*
=====================================*/
.citation {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

.citation-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875em;
  /* 14/16 */
  margin-bottom: 30px;
}

.citation-txt {
  font-size: 1em;
  font-family: Merriweather;
  padding: 0 50px;
}

@media (min-width: 768px) {
  .citation-txt {
    padding: 0;
    font-size: 1.25em;
  }
}

.showmore-filter {
  display: block;
  margin: 35px auto 20px;
}

/*
=====================================*/
.book-top {
  margin: -150px 0 30px;
}

@media (min-width: 768px) {
  .book-top {
    margin-top: -230px;
  }
}

@media (min-width: 992px) {
  .book-data {
    /* padding-left: 50px; */
  }
}

.book-data-header {
  margin-bottom: 35px;
}

@media (min-width: 992px) {
  .book-data-header {
    min-height: 170px;
  }
}

.video-image .book-data-header{
  margin-top: -90px;
}

@media (min-width: 768px) {
  .video-image .book-data-header{
    margin-top: -50px;
  }
}


.pagetitle {
  line-height: 1.2;
  margin-bottom: 25px;
  margin-top: 0;
  font-size: 1.75em;
  font-weight: 900;
  font-family: Merriweather;
}

@media (min-width: 768px) {
  .pagetitle {
    font-size: 2em;
  }
}

.pagetitle-seria {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.875em;
  /* 14/16 */
}

@media (min-width: 768px) {
  .pagetitle-seria + .pagetitle {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

.book-image {
  position: relative;
}

.book-image img {
  display: block;
  max-width: 230px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
  margin: 0 auto 30px;
}

@media (min-width: 992px) {
  .book-image img {
    max-width: 92%;
    margin: 0;
  }
}

.book-image .side-socials {
  position: relative;
  left: 0px;
  bottom: 0;
  top: auto;
  text-align: center;
  margin: -25px 0 30px;
}

@media (min-width: 992px) {
  .book-image .side-socials {
    position: absolute;
    left: -50px;
    bottom: 0;
    margin: 0;
    top: auto;
  }
}

.book-image .side-socials a {
  padding: 0 10px;
  display: inline-block;
  text-align: center;
  color: #393854;
}

@media (min-width: 992px) {
  .book-image .side-socials a {
    display: block;
    padding: 0;
  }
}

.book-image .side-socials a + a {
  border-left: 1px solid;
}

@media (min-width: 992px) {
  .book-image .side-socials a + a {
    border: none;
  }
}

.book-image .side-socials a:hover {
  color: #393854;
}

.book-author {
  font-size: 1.125em;
  /* 18/16 */
  font-weight: 500;
}

.book-intro {
  font-size: 0.875em;
  margin: 20px 0;
}

@media (min-width: 576px) {
  .book-intro {
    margin: 30px 0 35px 0;
  }
}

@media (min-width: 768px) {
  .book-intro {
    margin: 40px 0 30px 0;
  }

  .book-tab-audio .book-intro{
    /*
    margin-top: 0;
    margin-bottom: 47px;
    */
  }
}

.book-intro p {
  margin: 0;
}

.book-price-block {
  margin-top: 25px;
}

@media (min-width: 576px) {
  .book-price-block {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .book-price-block .action-favorite {
    margin-right: -20px;
  }
}

.book-price-block .item_price {
  font-size: 1.5em;
}

/*
=====================================*/
.book-buttons .btn {
  font-weight: bold;
  max-width: 280px;
  width: 100%;
}

.book-buttons .btn + .btn,
.book-buttons .btn + .ms2_form{
  margin-top: 15px;
}

.read-fragment {
  display: block;
  color: #393854;
  font-weight: bold;
  font-size: 0.875em;
  /* 14/16 */
  margin: -5px auto 20px;
}

.read-fragment img{
  width: 74px;
  height: 51px;
  display: inline-block;
  margin-right: 10px;
}

@media (min-width: 576px) {
  .read-fragment {
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .read-fragment {
    margin-bottom: 50px;
  }
}

.read-fragment svg {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.read-fragment-book svg path,
.read-fragment-book svg use {
  fill: #393854 !important;
}

.read-fragment:focus {
  outline: none;
}

.book-shop {
  display: block;
}

.book-shop img {
  display: block;
  max-width: 100%;
}

.book-shop + .book-shop {
  margin-top: 15px;
}

/* css tabs
=====================================*/
.book-tabs .tabs__caption {
  margin: 10px 0 10px;
}

.book-tabs .tabs__caption li {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 13px;
  padding: 13px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid #F7F7F7;
}

@media (max-width: 767px) {
  .book-tabs .tabs__caption li {
    width: 30%;
  }
}

.book-tabs .tabs__caption li.active {
  background: #F7F7F7;
}

.book-tabs .tabs__caption li.active svg{
  opacity: 1;
}

.book-tabs .tabs__caption li svg{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px;
  opacity: .6;
  min-width: 20px;
}

.book-tabs .tabs__content {
  min-height: 256px;
  position: relative;
  z-index: 3;
  padding: 30px 20px;
  background-color: #F7F7F7;
}

@media (min-width: 992px) {
  .book-tabs .tabs__caption {
    margin: -10px 0 15px;
  }
}


/*
=====================================*/
.book-pages img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/*
=====================================*/
.full-item {
  display: block;
}

.full-item img {
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

.bnr-full-block {
  display: block;
  clear: both;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin: 0;
  margin-left: -50vw;
  margin-right: -50vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.bnr-full {
  display: block;
  height: 110px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  color: #fff;
  padding: 0 30px 0 50px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 992px) {
  .bnr-full {
    padding-left: 100px;
  }
}

.bnr-full span {
  display: block;
}

.bnr-full:hover {
  color: #fff;
  opacity: .8;
}

.bnr-seria {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.bnr-title {
  font-size: 1.125em;
  /* 18/16 */
  font-weight: 600;
}

/*
=====================================*/
.tags {
  padding: 0;
  margin: -30px 0 25px 0;
  list-style: none;
}

.tags ul {
  margin: 0;
  padding: 0;
}
/*
.tags ul li:first-child a,
.tags ul li:nth-child(10) a{
  border-color: #6B67AE;
  color: #6B67AE;
}

.tags ul li:first-child a:hover,
.tags ul li:nth-child(10) a:hover  {
  color: #27AE7F;
  border-color: #27AE7F;
}
*/

@media (min-width: 576px) {
  .tags {
    margin: 25px 0;
  }
}

.tags li {
  margin: 5px;
  display: inline-block;
}

@media (min-width: 768px) {
  .tags li {
    margin: 10px 6px;
  }
}

.tags a {
  display: block;
  border: 1px solid rgba(57, 56, 84, 0.2);
  -webkit-border-radius: 30px;
          border-radius: 30px;
  padding: 6px 18px;
  color: #393854;
  font-size: 0.875em;
  /* 14/16 */
  line-height: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.tags a:hover {
  color: #27AE7F;
  border-color: #27AE7F;
}

.tags .active a,
.tags ul li.active:first-child a,
.tags ul li.active:nth-child(10) a {
  color: #fff;
  border-color: #27AE7F;
  background-color: #27AE7F;
}

/*
=====================================*/
.tag-search {
  background-color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
  padding-right: 15px !important;
}

.tag-search svg {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-left: 5px;
}

.tag-search svg path {
  stroke: #393854;
  fill: #393854;
}

.btn-search-mob {
  border: none;
  background-color: #fff;
  padding: 0;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  top: -20px;
  right: 15px;
  padding-top: 5px;
}

.btn-search-mob:focus {
  outline: none;
}

.btn-search-mob svg {
  width: 18px;
  height: 18px;
  padding: 0;
}

/*
=====================================*/
.search-title_result {
  margin: -20px 0 50px;
  font-size: 1.5em;
  /* 24/16 */
  font-weight: 600;
}

@media (min-width: 768px) {
  .search-title_result {
    margin: -40px 0 70px;
  }
}

@media (min-width: 992px) {
  .block-margin-left-50 {
    margin-left: 50px;
  }
}

@media (min-width: 992px) {
  .block-margin-left-100 {
    margin-left: 100px;
  }
}

/*
=====================================*/
@media (min-width: 992px) {
  .section-video .content {
    max-width: 930px;
  }
}

.video-top {
  position: relative;
  z-index: 2;
  margin: -250px 0 40px;
}

@media (min-width: 992px) {
  .video-top {
    margin: -370px 0 20px 0;
  }
}

.video-top .pagetitle-seria {
  font-size: 0.875em;
  /* 14/16 */
  opacity: .6;
}

.video-top .pagetitle {
  margin: 10px 0;
}

.video-header {
  margin-bottom: 30px;
  text-align: center;
}

@media (min-width: 992px) {
  .video-header {
    text-align: left;
  }
}

.video-dt {
  text-transform: uppercase;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: 500;
}

.video-image {
  width: 100%;
}

@media (min-width: 992px) {
  .video-image {
    max-width: 600px;
  }
}

.video-image img {
  display: block;
  /*width: 100%;*/
  max-width: 100%;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  margin: 0 auto;
}

.video-image .side-socials {
  position: relative;
  left: 0;
  bottom: 0;
  top: auto;
  text-align: center;
  margin: -5px 0 30px;
}

@media (min-width: 992px) {
  .video-image .side-socials {
    position: absolute;
    left: -40px;
    bottom: 0;
    margin: 0;
    top: auto;
  }
}

.video-image .side-socials a,
.video-image .likely__widget{
  padding: 0 10px;
  display: inline-block;
  text-align: center;
  color: #393854;
  vertical-align: middle;
  border-radius: 0;
  margin: 0;
}

@media (min-width: 992px) {
  .video-image .side-socials a,
  .video-image .likely__widget {
    display: block;
    padding: 0;
  }
}

.video-image .side-socials a + a,
.video-image .likely__widget + .likely__widget{
  border-left: 1px solid;
  margin-top: 0;
}

@media (min-width: 992px) {
  .video-image .side-socials a + a ,
  .video-image .likely__widget + .likely__widget{
    border: none;
    margin-top: 30px;
  }
}

.video-image .side-socials a:hover {
  color: #393854;
}

.video-data {
  background-color: #F2F2F2;
  padding: 25px 30px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-top: 20px;
}


@media (min-width: 992px) {
  .video-data {
    margin: 0;
    height: 100%;
    min-height: 302px;
    padding: 40px 45px 33px;
  }
  .video-data .item_price {
    font-size: 24px;
  }
  .video-data .item_price-old{
    font-size: 20px;
    margin-left: 10px;
  }
}

.video-data .item_price{
  margin-left: 0;
}

.video-data .file-info-field{
  margin: 0;
}

.video-intro {
  margin: 5px 0 10px;
  font-size: 0.875em;
}

.video-intro p {
  margin: 0;
}

@media (min-width: 1200px) {
  .video-intro {
    margin-top: 25px;
    min-height: 20px;
  }
}

#comment-total1{
  font-size: 16px;
  padding-top: 2px;
}

#comment-total2{
  font-size: 14px;
}

/*
=====================================*/
.video-buttons {
  margin-top: 20px;
}

@media (min-width: 576px) {
  .video-buttons {
    text-align: center;
  }
}

.video-buttons .btn {
  min-width: 100%;
  font-weight: bold;
  width: 100%;
}

@media (min-width: 768px) {
  .video-buttons .btn {
    width: auto;
  }
}

.video-buttons .btn + .btn,
.video-buttons .btn + .ms2_form{
  margin-top: 15px;
}

.video-fragment {
  margin: 50px auto 0;
  width: 100%;
  max-width: 675px;
}

.video-buttons .action-view,
.book-buttons .action-view{
  margin-top: 20px;
  margin-left: 0 !important;
  display: block;
  width: 100%;  
  border-radius: 0;
  height: 40px;
  padding-top: 6px;
  background-color: #fff;
  max-width: 280px;
  text-align: center;
}

video::-internal-media-controls-download-button {
  display:none;
}
video::-webkit-media-controls-enclosure {
  overflow:hidden;
}
video::-webkit-media-controls-panel {
  width: calc(100% + 33px); /* Adjust if necessary */
}

audio::-internal-media-controls-download-button {
  display:none;
}
audio::-webkit-media-controls-enclosure {
  overflow:hidden;
}
audio::-webkit-media-controls-panel {
  width: calc(100% + 33px); /* Adjust if necessary */
}

/*
=====================================*/
.block-bnr {
  display: block;
  height: 300px;
  color: #393854;
  text-align: center;
  margin: 0 0 25px;
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  padding: 0 15px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.block-bnr span {
  display: block;
}

.block-bnr_cat {
  text-align: center;
  margin-bottom: 15px;
}

.block-bnr_cat .audio-cat,
.block-bnr_cat .audio-cat2 {
  font-size: 0.875em;
}

.block-bnr_title {
  font-weight: 900;
  font-size: 2em;
  /* 32/16 */
  font-family: Merriweather;
  margin-bottom: 15px;
}

.block-bnr_desc {
  max-width: 420px;
  margin: 0 auto;
}

.block-bnr_count-parts {
  text-transform: uppercase;
  color: #393854;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: bold;
  position: relative;
}

.block-bnr_count-parts::before {
  content: "";
  display: block;
  background-color: #393854;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin: 17px auto;
}

.block-bnr:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.block-bnr .label {
  width: 176px;
  letter-spacing: .5px;
  margin-left: -88px;
}

.white .block-bnr_count-parts {
  color: #fff;
}

.white .block-bnr_count-parts::before {
  background-color: #fff;
}

.white .audio-cat2 {
  color: #fff;
}

.white .audio-cat2 svg {
  margin-left: 5px;
}

.white .audio-cat2 svg path {
  fill: #fff;
}

.product-page-head {
  position: relative;
}

.product-page-head .side-socials {
  z-index: 3;
}

@media (min-width: 992px) {
  .product-page-head .side-socials {
    left: -170px;
    top: 370px;
  }
}

@media (min-width: 1200px) {
  .product-page-head .side-socials {
    left: -190px;
  }
}

.product-page-head .side-socials a {
  color: #fff;
  padding: 0 10px;
  display: inline-block;
  text-align: center;
}

@media (min-width: 992px) {
  .product-page-head .side-socials a {
    display: block;
    padding: 0;
    color: #393854;
  }
}

.product-page-head .side-socials a + a {
  border-left: 1px solid;
}

@media (min-width: 992px) {
  .product-page-head .side-socials a + a {
    border: none;
  }
}

.product-page-head .side-socials a:hover {
  color: #393854;
}

/*
=====================================*/
@media (min-width: 992px) {
  .section-audio {
    margin-top: -145px;
  }
}

.section-audio .audio-carousel {
  margin-top: -80px;
  padding: 0 15px;
}

@media (min-width: 768px) {
  .section-audio .audio-carousel {
    padding: 0 50px;
    margin: 0;
  }
}

.section-audio .audio-carousel .owl-dots {
  margin-top: 25px;
}

@media (min-width: 992px) {
  .section-audio .audio-carousel .owl-dots {
    margin-top: -130px;
  }
}

.section-audio .audio-carousel .owl-prev,
.section-audio .audio-carousel .owl-next {
  top: 25%;
}

@media (min-width: 768px) {
  .section-audio .audio-carousel .owl-prev,
  .section-audio .audio-carousel .owl-next {
    top: 50%;
  }
}

.section-audio .audio-carousel .article-audio-wide {
  padding: 0 10px;
}

@media (min-width: 768px) {
  .section-audio .audio-carousel .article-audio-wide {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .section-audio .audio-carousel .article-audio-wide {
    padding: 0 40px;
  }
}

.section-audio .audio-carousel .article-audio-wide .main-audio-block {
  padding-top: 0;
}

@media (min-width: 992px) {
  .section-audio .audio-carousel .article-audio-wide .main-audio-block {
    padding-top: 20px;
  }
}

.section-audio .audio-carousel .product-audio {
  padding: 0 30px;
}

@media (min-width: 768px) {
  .section-audio .audio-carousel .product-audio {
    padding: 80px 0 0;
  }
}

.section-audio .audio-carousel .owl-stage-outer {
  padding-top: 0;
}

@media (min-width: 768px) {
  .section-audio .audio-carousel .owl-stage-outer {
    padding-top: 50px;
  }
}

.section-audio .product-audio .label {
  width: 90px;
  top: -92px;
  left: auto;
  right: -10px;
  margin: 0;
  position: absolute;
}

@media (min-width: 768px) {
  .section-audio .product-audio .label {
    position: relative;
    width: 130px;
    right: auto;
    top: 0;
    margin: 0 auto 10px;
  }
}

@media (min-width: 992px) {
  .section-audio .product-audio .label {
    width: 150px;
    right: auto;
    margin: 0 0 25px;
  }
}

.section-audio .audio-playear {
  width: 100px;
  height: 100px;
  margin: 20px auto 40px;
}

.section-audio .audio-playear svg {
  width: 130px;
  height: 130px;
}

@media (min-width: 992px) {
  .section-audio .audio-playear {
    width: 230px;
    height: 230px;
  }
  .section-audio .audio-playear svg {
    width: 280px;
    height: 280px;
  }
}

.product-audio {
  position: relative;
  text-align: center;
}

@media (min-width: 992px) {
  .product-audio {
    text-align: left;
  }
}

.product-audio .label {
  position: relative;
  left: 0;
  margin: 0 0 7px;
}

.product-audio .audio-cat3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #888899;
}

.product-audio .audio-cat3::after {
  opacity: .5;
}

@media (min-width: 992px) {
  .product-audio .audio-cat3 {
    text-align: left;
  }
}

.product-audio_title {
  color: #393854;
  font-weight: 600;
  margin: 15px 0 25px;
  line-height: 1.2;
  font-size: 1.5em;
  /* 24/16 */
}

.product-audio_desc {
  font-size: 0.875em;
  /* 14/16 */
  margin-bottom: 35px;
}

@media (min-width: 992px) {
  .product-audio_desc {
    margin: 0;
  }
}

.product-audio_tabs {
  max-width: 320px;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .product-audio_tabs {
    margin-right: -15px;
    min-height: 377px;
  }
}

.product-audio_tabs .tabs__caption {
  margin: 0 0 -3px;
}

.product-audio_tabs .tabs__caption li {
  font-size: 1em;
  padding: 15px 10px;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.product-audio_tabs .tabs__caption li.active {
  background-color: #F2F2F2;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}

.product-audio_tabs .tabs__content {
  background-color: #F2F2F2;
  padding: 30px;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
}

.product-intro {
  margin-top: 25px;
  font-size: 0.875em;
  /* 14/16 */
  font-weight: 600;
}

.product-intro p {
  margin: 0;
}

.product-price-block {
  margin: 25px 0 15px;
}

.product-price-block .item_price {
  font-size: 24px;
}

.product-buttons .btn {
  width: 100%;
  margin-top: 10px;
}

/*
=====================================*/
.product-text {
  position: relative;
  padding-left: 0;
}

@media (min-width: 992px) {
  .product-text {
    padding-left: 70px;
  }
}

.product-data {
  padding: 35px 30px;
  background: #F2F2F2;
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
  margin: -60px auto 30px;
  max-width: 400px;
}

@media (min-width: 768px) {
  .product-data {
    margin-top: -110px;
  }
}

@media (min-width: 992px) {
  .product-data {
    margin: 0;
  }
}

.product-data .meta {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 35px;
  font-size: 13px;
  white-space: nowrap;
}

.product-data .meta .item-video::before {
  background: url(../images/icon-video-dark.svg) no-repeat;
}

.product-data .meta div + div {
  margin-left: 15px;
}

/*
=====================================*/
.simple-item {
  width: 100%;
  height: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  color: #393854;
}

.simple-item_img {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}

.simple-item_img img {
  max-width: 100%;
  margin: 0 auto;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  display: block;
}

.simple-item_img-audio {
  margin: 0 auto;
}


.simple-item_img-audio img {
  max-width: 100%;
}

.simple-item_data {
  padding: 20px 15px 10px;
}

.simple-item_meta {
  text-transform: uppercase;
  font-size: 0.75em;
  /* 12/16 */
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.simple-item_meta .audio-cat2 {
  font-size: 1em;
  color: #393854;
}

.simple-item_title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #393854;
  line-height: 1.2;
  margin: 15px 0;
}

.simple-item_title:hover {
  color: #27AE7F;
}

.simple-item_composition {
  font-size: 14px;
}

.simple-item_composition p {
  margin: 0;
}

.simple-item2 {
  max-width: 280px;
}

@media (min-width: 768px) {
  .simple-item2 {
    max-width: 480px;
  }
}

.simple-item2 .simple-item_img img {
  max-width: 100%;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .simple-item2 .simple-item_img img {
    margin-bottom: 0;
  }
}

.simple-item2 .simple-item_data {
  padding: 0;
}

/*
=====================================*/
@media (min-width: 992px) {
  .podborka-carousel {
    padding: 0 40px;
  }
}

.podborka-carousel .owl-item {
  max-width: 100%;
}

/*
=====================================*/
.cart-order-1 #msOrder{
  margin-top: 0;
}


.cart-head {
  position: relative;
}

@media (min-width: 992px) {
  .cart-head .title {
    text-align: left;
  }
}

.back-to-shop {
  display: block;
  color: rgba(57, 56, 84, 0.6);
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 15px;
}

.back-to-shop::before {
  content: "←";
  display: inline-block;
}

@media (min-width: 992px) {
  .back-to-shop::before {
    display: none;
  }
}

@media (min-width: 992px) {
  .back-to-shop {
    position: absolute;
    right: 0;
    top: 25px;
    margin: 0;
  }
}

.cart-empty {
  max-width: 240px;
  margin: 0 auto;
  font-size: 1.125em;
  /* 18/16 */
}

.cart-empty img {
  display: block;
  margin: 0 auto 15px;
}

.cart-empty span {
  display: block;
  margin-bottom: 25px;
}

.cart-empty .btn {
  width: 200px;
  font-size: 14px;
}

/*
=====================================*/
.cart-total {
  background-color: #fff;
  padding: 32px 44px;
}

@media (min-width: 992px) {
  .cart-total {
    max-width: 320px;
  }
}

.cart-total-title {
  font-weight: 900;
  font-size: 1.5em;
  /* 24/16 */
}

.cart-total-title a {
  float: right;
  color: #393854;
  font-size: 12px;
  font-weight: normal;
  padding-top: 10px;
  display: inline-block;
}

.cart-total-title a:hover {
  opacity: .8;
}

.cart-total-price {
  text-align: right;
  font-size: 1.5em;
  /* 24/16 */
  font-weight: 600;
  white-space: nowrap;
}

.cart-total .btn {
  margin: 30px auto;
  display: block;
  width: 235px;
  font-size: 14px;
}

.cart-total-paytype {
  font-size: 14px;
  margin-bottom: 10px;
}

.cart-total img {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  display: block;
}

.cart-products-info{
  font-size: 12px;
}

.cart-email-info{
  font-size: 14px;
  color: #393854;
  opacity: 0.6;
}

/*
=====================================*/
.cart-row {
  background-color: #fff;
  padding: 25px;
  margin-bottom: 25px;
  position: relative;
}

.cart-row_img {
  display: block;
}

.cart-row_img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.cart-row_cat {
  color: #393854;
  opacity: .6;
  font-size: 0.875em;
  /* 14/16 */
  margin: 10px 0 5px;
}

.cart-row_title {
  display: block;
  color: #393854;
  font-size: 1em;
  margin-bottom: 15px;
}

.cart-row_price {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .cart-row_price {
    margin-top: 10px;
  }
}

.cart-row .btn-remove {
  font-size: 36px;
  line-height: 1;
  margin: -5px 0 0;
}

@media (min-width: 768px) {
  .cart-row .btn-remove {
    margin: 0 0 30px;
  }
}

.cart-row .icon-favorite {
  margin-top: 3px;
}

.icon-favorite {
  display: inline-block;
}

.icon-favorite-dark svg path {
  stroke: #393854;
}

/*
=====================================*/
.cart-favorite {
  margin-top: 30px;
  border: 1px solid rgba(136, 136, 152, 0.2);
  padding: 45px 60px;
}

.cart-favorite .btn {
  width: 200px;
  display: block;
  margin: 15px 0 0;
}

@media (min-width: 576px) {
  .cart-favorite .btn {
    margin: 0 auto;
  }
}

/*
=====================================*/
.cart-thank-rows {
  margin: 40px 0;
}

.cart-thank-row {
  margin-bottom: 25px;
}

.cart-thank-data {
  padding: 50px 40px;
  text-align: center;
  border: 2px solid #27AE7F;
}

@media (min-width: 768px) {
  .cart-thank-data {
    max-width: 320px;
  }
}

.cart-thank-data_title {
  margin-bottom: 35px;
  font-size: 18px;
}

.cart-thank-data .btn {
  width: 100%;
  max-width: 200px;
  font-size: 14px;
  padding-left: 25px;
  padding-right: 25px;
}

/*
=====================================*/
.lk-sidebar {
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.15);
  padding: 5px 60px 35px 60px;
  margin: 0 -15px 40px;
  display: none; 
}

.lk-sidebar.show {
  display: block;
}

@media (min-width: 992px) {
  .lk-sidebar {
    min-height: -webkit-calc(100% - 150px);
    min-height: calc(100% - 150px);
    height: 100%;
    max-width: 320px;
    margin: 0;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    display: block;
  }

  .page-64 .lk-sidebar{    
    min-height: -webkit-calc(100% - 250px);
    min-height: calc(100% - 250px);
    height: 85%;
  }
}

.lk-sidebar .title {
  margin-bottom: 15px;
}

.lk-sidebar hr {
  border-color: #EEEEEE;
  margin: 25px -60px;
}

.lk-sidebar-title {
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 14px;
  opacity: .6;
}

.lk-sidebar a {
  display: block;
  color: #393854;
  font-size: 18px;
  font-weight: 600;
}

.lk-sidebar a:hover {
  color: rgba(57, 56, 84, 0.7);
  text-decoration: none;
}

.lk-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.lk-menu>li:first-child>a::before {
  -webkit-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.lk-menu + .lk-menu>li:first-child>a::before {
  -webkit-border-radius: 0;
          border-radius: 0;
}

/*
.lk-menu>li.last.active>a{
  background-color: transparent;
  color: #393854;
}

.lk-menu>li.last.active>a::before{
  display: none
}
*/

.lk-menu a {
  margin: 0 0 5px;
  padding: 6px 0;
}

.lk-menu a span {
  opacity: .6;
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
}

.lk-menu .active>a {
  position: relative;
  z-index: 3;
  color: #fff;
}

.lk-menu .active>a::before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -60px;
  right: -60px;
  top: -4px;
  bottom: -5px;
  background-color: #27AE7F;
}

.lk-menu .active a:hover {
  text-decoration: none;
}

.lk-menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
}

.lk-menu ul a{
  font-size: 16px;
  padding-left: 15px;
}

.lk-menu-inner a span:last-child{
    display: none;
}

.lk-menu-inner a span:first-child{
    display: inline-block;
}

.lk-menu-cats {
  padding: 0;
  margin: 0;
  list-style: none;
}

.lk-menu-cats a {
  margin: 12px 0;
  position: relative;
  padding: 0 0 0 25px;
}

.lk-menu-cats a span {
  opacity: .7;
}

.lk-menu-cats a svg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.lk-menu-cats a em {
  opacity: .6;
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
}

.lk-menu-cats li:first-child path {
  stroke: #393854;
}

.lk-menu-cats li:first-child.active path {
  stroke: #fff;
}

.lk-menu-cats li:nth-child(2) path {
  fill: #393854;
}

.lk-menu-cats li:nth-child(2).active path {
  fill: #fff;
}

.lk-menu-cats li:nth-child(3) path,
.lk-menu-cats li:nth-child(3) line {
  stroke: #393854;
}

.lk-menu-cats li:nth-child(3).active path, .lk-menu-cats li:nth-child(3).active line {
  stroke: #fff;
}

.lk-menu-cats li:nth-child(4) path {
  /*stroke: $text;    */
}

.lk-menu-cats li:nth-child(4).active path,
.lk-menu-cats li:nth-child(4).active rect {
  stroke: #fff;
}

.lk-menu-cats .active a {
  position: relative;
  z-index: 3;
  color: #fff;
}

.lk-menu-cats .active a::before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -60px;
  right: -60px;
  top: -8px;
  bottom: -8px;
  background-color: #27AE7F;
}

.lk-menu-cats .active a:hover {
  text-decoration: none;
}

.lk-side-green a {
  display: block;
  color: #27AE7F;
  margin: 10px 0;
}

.lk-side-logout a {
  margin: 10px 0;
  font-size: 18px;
}

.lk-side-logout a svg {
  margin-left: 10px;
}

/*
==================================== */
.lk-menu.lk-seminar li:first-child a::before{
  /*border-radius: 0;*/
}

.lk-menu a .is-online{
  display: inline-block;
  width: 9px;
  height: 9px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #D15A54;
  opacity: 1;
  margin: 0;
  vertical-align: top;
  animation: scaleDot .5s alternate infinite;
}

@keyframes scaleDot {
  0%   {transform: scale(.8);}
  100% {transform: scale(1.15);}
}

.lk-menu.lk-seminar a{
  white-space: nowrap;
  font-size: 18px;
  display: block;
  padding-top: 15px;
  color: #27AE60;
}

.lk-menu.lk-seminar .active a .is-online{
  animation: none;
}

.lk-menu.lk-seminar a .small{
  font-size: 14px;
  opacity: .6;
  color: #393854;
}


.lk-menu.lk-seminar .active a{
  color: #fff;
  background-color: #27AE60 ; 
}
 
.lk-menu.lk-seminar .active a  .small{
  color: #fff; 
}

/*
=====================================*/
.lk-user-head {
  margin-bottom: 35px;
  font-weight: 600;
  font-size: 16px;
  max-width: 400px;
  position: relative;
  padding-left: 100px;
  min-height: 85px;
  z-index: 3;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  .lk-user-head {
    padding-left: 100px;
    font-size: 18px;
    min-height: 85px;
  }

  .title.lk-title1{
    padding-top: 25px;
    margin-bottom: 57px;
  }
  
}

/*
=====================================*/
.avatar-block{
  display: inline-block; 
  width: 85px;
  height: 85px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}


.lk-user-head span {
  display: block;
}

.lk-user-head img {
  display: inline-block;
  width: 85px;
  height: 85px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.user-avatar{
  display: inline-block;
  width: 85px;
  height: 85px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/icon-user-loged.svg) no-repeat 50% 50% #DEE2E5;
  background-size: 40px auto;
}

.user-head .user-avatar{
  position: relative;
  margin-right: 50px;
}

@media (min-width: 992px) {
  .user-avatar,
  .lk-user-head img {
    width: 85px;
    height: 85px;
  }
}

.comment-form_avatar .user-avatar{
  width: 50px;
  height: 50px;
  background-size: 20px auto;
}

.lk-user-head-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 110px;
}

.lk-user-head-top img {
  width: 88px;
  height: 88px;
}

.lk-user-head-top .lk-side-logout {
  margin-top: 10px;
}

.lk-user-head-top .lk-side-logout a {
  color: #393854;
}

#profile-photo{
  width: 85px;
  height: 85px;
  left: 0px;
  top: 0;
  z-index: 3;
  cursor: pointer;
}

.avatar-block::before,
.avatar-block::after{ 
  position: absolute;
  opacity: 0;
  transition: opacity .3s;
}

.avatar-block::before{
  content: ""; 
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: rgba(0,0,0, .5);
}

.avatar-block::after{
  content: " + ";
  bottom: 10px;
  left: 50%; 
  margin-left: -11px;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 22px;
  border: 1px solid #fff;
}

.avatar:hover .avatar-block::before,
.avatar:hover .avatar-block::after{
  opacity: 1;
}

.avatar:hover .avatar-block-info{
  display: block;
}

.lk-user-head .form-horizontal{
  position: absolute;
  left: 0;
  top: 0;
  height: 85px;
}

.lk-user-head .form-horizontal .avatar{
}

/*
=====================================*/
.avatar-block-info{
  display: none;
  position: absolute;
  padding: 10px;
  border-radius: 3px;
  background-color: #fff;
  color: #393854;
  font-size: 13px;
  left: -57px;
  top: 85px; 
  margin-top: 10px;
  width: 200px;
  line-height: 1.4;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0,0,0, .1);
}

.avatar-block-info::before{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: -15px; 
  border-style: solid; 
  border-width: 0 5px 15px 5px;
  border-color: transparent transparent #fff transparent; 
}

/*
=====================================*/
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.label-inputfile {
  font-size: 13px;
  color: #27AE7F;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: block;
  padding: 0;
  cursor: pointer;
  margin-top: 5px;
  width: 100%;
}

.label-inputfile span {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  color: #393854;
}

/*
=====================================*/
.white-blocks .col-sm-6 {
  margin-bottom: 30px;
}

.lk-white {
  background-color: #fff;
  padding: 20px 32px 25px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  height: 100%;
}

.lk-bnr{
  display: block;
}

.lk-bnr:hover{
  opacity: .9;
}

.lk-white_blocktitle {
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 15px;
  white-space: nowrap;
}

.lk-white_blocktitle svg {
  margin-left: 8px;
}

.lk-white_blocktitle svg path {
  stroke: #393854;
}

.lk-white_blocktitle svg circle {
  fill: #393854;
}

.lk-white img {
  max-width: 100%;
  display: block;
}

.lk-white_cat {
  opacity: .6;
  font-size: 14px;
}

.lk-white_title {
  display: block;
  font-size: 14px;
  color: #393854;
}

.lk-white_title:hover {
  color: #27AE7F;
}

.lk-white_add-review { 
  margin: 10px -32px -10px;
  padding: 15px 0 0;
  text-align: center;
}

.lk-white_add-review a {
  display: block;
  color: #393854;
  font-size: 14px;
  font-weight: bold;
}

.lk-white_add-review a svg {
  margin-right: 5px;
  vertical-align: middle;
}

.lk-white_add-review a:hover {
  text-decoration: underline;
}

.lk-white.green {
  background-color: #27AE7F;
  color: #fff;
  font-size: 20px;
}

.lk-white.green .lk-white_blocktitle svg {
  margin-left: 8px;
  margin-bottom: -5px;
}

.lk-white.green .lk-white_blocktitle svg path {
  stroke: #fff;
}

.lk-white.green .lk-white_blocktitle svg circle {
  fill: transparent;
}

.lk-white.green .lk-white_title {
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 20px;
}

.lk-white.auto {
  height: auto;
}

.lk-white .bottom-item {
  margin: 15px  0;
}

.lk-citation {
  text-align: center;
  height: auto;
  margin-bottom: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  border: 7px solid rgba(170, 186, 166, 0.26);
}

.lk-citation_title {
  font-size: 13px;
  text-transform: uppercase;
}

.lk-citation_txt {
  font-size: 18px;
  margin: 25px 0 15px;
}

.lk-citation_source {
  font-size: 14px;
}

.lk-citation .btn-refresh {
  position: absolute;
  left: 50%;
  margin-left: -26.5px;
  bottom: -25px;
}

.btn-refresh {
  width: 53px;
  height: 53px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: url(../images/icon-refresh.png) no-repeat 50% 50% #fff;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 
  border: none;
}

.btn-refresh:hover {
  -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

.btn-refresh:focus{
  outline: none;
  box-shadow: none;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.btn-refresh.loading {
  -webkit-animation: rotating .5s linear infinite;
  -moz-animation: rotating .5s linear infinite;
  -ms-animation: rotating .5s linear infinite;
  -o-animation: rotating .5s linear infinite;
  animation: rotating .5s linear infinite;
}

/*
=====================================*/
.lk-edit_section {
  margin-bottom: 40px;
}

.lk-edit_title {
  text-align: left;
  font-size: 24px;
  font-weight: 900;
}

@media (min-width: 992px) {
  .lk-edit_title {
    text-align: right;
    padding-top: 30px;
  }
}

.lk-edit_inputs {
  padding: 40px 20px;
  background-color: #fff;
}

@media (min-width: 992px) {
  .lk-edit_inputs {
    padding: 40px 50px;
  }
}

.lk-edit_inputs input {
  display: block;
  width: 100%;
  border: 1px solid #393854;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  height: 40px;
  margin-bottom: 20px;
  padding: 0 10px;
}

.lk-edit_inputs .btn {
  width: 100%;
}

@media (min-width: 992px) {
  .lk-edit_inputs .btn {
    width: auto;
  }
}

.avatar{
  position: relative;
}

.avatar a{
  position: absolute;
  top: 0;
  left: 0;
  color: red;
  font-size: 18px;
  z-index: 2;
}

/*
=====================================*/
.lk-nav0 {
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}

.lk-nav0 a {
  display: block;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  color: rgba(57, 56, 84, 0.6);
  font-size: 12px;
}

.lk-nav0 a svg,
.lk-nav0 a img {
  margin: 0 0 0 3px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  opacity: .6;
}

.lk-nav0 a:hover {
  color: #393854;
}

/*
=====================================*/
.lk-nav {
  margin-bottom: 50px;
}

.lk-nav span {
  font-weight: 900;
  font-size: 30px;
  font-family: Merriweather;
}

.lk-nav a {
  display: block;
  width: 35px;
  height: 35px;
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #393854;
  line-height: 36px;
  font-weight: 900;
  margin-top: -5px;
}

/*
=====================================*/
.lk-videos {
  padding-top: 30px;
}

.lk-videos .video-item {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 130px;
  max-width: 100%;
}

.lk-videos .col-sm-6 {
  margin-bottom: 50px;
}

.video-item-view .video-item  {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
}

.video-item-view .video-item_data{
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.lk-item_actions {
  /*
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 30px;
  */
  text-align: center;
}

.lk-item_actions .btn {
  margin-bottom: 7px;
  margin-top: 15px;
}

.lk-item_actions .btn-download {
  display: block;
  color: #393854;
  font-size: 12px;
  white-space: nowrap;
}

.lk-item_actions .btn-download a{
  color: #393854;
}

.lk-item_actions a.btn-download:hover,
.lk-item_actions .btn-download a:hover{
  text-decoration: underline;
}

.lk-item_actions .btn-download svg {
  margin-left: 5px;
}

/*
=====================================*/
.lk-empty {
  text-align: center;
  margin-bottom: 66px;
  padding: 50px 30px;
  border: 1px solid rgba(57, 56, 84, 0.2);
  font-size: 14px;
}

.lk-empty_title {
  font-weight: 900;
  font-size: 24px;
  font-family: Merriweather;
}

.lk-empty_desc {
  margin: 15px auto 40px;
  max-width: 230px;
}

/*
=====================================*/
.complect-outer {
  position: relative;
  margin-bottom: 60px;
}

.complect-outer .complect {
  max-width: 100%;
  margin-bottom: 25px;
}

.complect-outer .in-complect {
  display: none;
}

.complect-outer.show .btn-arr {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.complect-outer .book-item {
  margin-top: 60px;
}

@media (min-width: 768px) {
  .complect-outer .book-item {
    max-width: -webkit-calc(100% - 45px);
    max-width: calc(100% - 45px);
    margin-left: 45px;
    margin-top: 25px;
  }
}

.complect-outer .book-item .lk-item_actions {
  position: relative;
  margin-top: 40px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}

.complect-outer .book-item .book-item_cat {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.complect-outer .book-item .book-item_data {
  padding-bottom: 20px;
}

.btn-arr {
  position: absolute;
  right: 30px;
  bottom: -26px;
  background-color: #FFFFFF;
  border: none;
  width: 52px;
  height: 52px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  z-index: 3;
  padding: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-arr::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 16px;
  background-color: #393854;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -1px;
}

.btn-arr::before {
  content: "";
  position: absolute;
  border: 2px solid #393854;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -6px;
}

.btn-arr:focus {
  outline: none;
}

.video-item-horizontal {
  max-width: 320px;
  padding-bottom: 40px;
  margin-top: 50px;
}

@media (min-width: 768px) {
  .video-item-horizontal {
    max-width: 100%;
  }
}

.video-item-horizontal .lk-item_actions {
  position: relative;
  margin-top: 20px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.video-item-horizontal .lk-item_actions .btn-download {
  margin: 0 auto;
}

@media (min-width: 768px) {
  .video-item-horizontal .lk-item_actions .btn {
    margin-bottom: 0;
      max-width: 200px;
  }
}

.article-audio-horizontal {
  text-align: center;
  background-color: #fff;
  padding: 30px;
  margin: 30px auto 0;
  max-width: 320px;
}

@media (min-width: 768px) {
  .article-audio-horizontal {
    text-align: left;
    max-width: 100%;
  }
}

.article-audio-horizontal .article-audio_title {
  font-family: Lato;
  font-weight: 600;
}

.article-audio-horizontal .lk-item_actions {
  position: relative;
  margin-top: 30px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.article-audio-horizontal .btn-fullgray {
  max-width: 125px;
  margin: 0;
}

.row-books .col-6:last-child{

  -ms-flex: 0 0 100%;
  flex: 0 0  100%;
  max-width: 100%;
}

.row-books .col-6 + .col-6{
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

/*
=====================================*/
.order-block {
  height: auto;
  margin-bottom: 30px;
}

.lk-order-head {
  margin-bottom: 15px;
}

.lk-order-head_num {
  font-size: 20px;
  font-weight: 600;
}

.lk-order-head_total {
  font-size: 24px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .lk-order-head_total {
    text-align: right;
  }
}

.lk-order-dt {
  font-size: 18px;
  font-weight: 600;
  margin-top: 7px;
  margin-bottom: 15px;
}

.order-products .cart-row {
  padding: 0;
}

.order-products .cart-row_cat {
  margin-top: 0;
}

.order-products .cart-row_title {
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .order-products .cart-row_price {
    text-align: right;
  }
}

/*
=====================================*/
.order-products-favorite .cart-row {
  background-color: #fff;
  padding-top: 50px;
}

@media (min-width: 768px) {
  .order-products-favorite .cart-row {
    padding-top: 0px;
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .order-products-favorite .cart-row {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.order-products-favorite .cart-row .row {
  min-width: 100%;
}

.order-products-favorite .cart-row .btn {
  margin-bottom: 0;
  margin-top: 10px;
}

.order-products-favorite .cart-row_price {
  text-align: left;
}

.btn-remove-favorite {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-size: 0;
  border: none;
  z-index: 3;
  line-height: 1;
}

@media (min-width: 768px) {
  .btn-remove-favorite {
    right: 45px;
    top: 20px;
  }
}

.btn-remove-favorite span {
  font-size: 30px;
  opacity: .7;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

.btn-remove-favorite em{
  font-style: normal;
}

@media (min-width: 768px) {
  .btn-remove-favorite {
    font-size: 14px;
  }
}

.btn-remove-favorite:focus {
  outline: none;
}

.btn-remove-favorite:hover {
  opacity: .7;
}

.lk-favorite-actions {
  margin-top: 35px;
}

@media (min-width: 768px) {
  .lk-favorite-actions {
    padding-top: 20px;
    margin: 0;
  }
}

@media (min-width: 992px) {
  .lk-favorite-actions {
    padding-top: 35px;
  }
}

.lk-favorite-actions .btn {
  margin-bottom: 10px;
  font-size: 14px;
  width: auto;
  min-width: 130px;
}

@media (min-width: 768px) {
  .lk-favorite-actions .btn {
    width: 100%;
  }
}

.lk-favorite-actions button {
  line-height: 1 !important;
}

.lk-favorite-actions svg {
  display: inline-block;
  vertical-align: middle;
}

.lk-favorite-actions svg path,
.lk-favorite-actions svg circle {
  stroke: #393854;
}

.lk-favorite-actions svg circle {
  fill: #393854;
}

.btn-clear-favorite {
  min-width: 143px;
  font-weight: bold;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 13px;
  float: right;
  position: relative;
  top: 35px;
  display: none;
}

@media (min-width: 768px) {
  .btn-clear-favorite {
    display: block;
  }
}

/*
=====================================*/
.cart-order-1 .title3 {
  margin: 0 0 25px;
  font-size: 1.5em;
}

.cart-order-1 .title3 span{
  font-size: .7em;
  font-weight: normal;
  display: inline-block;
  margin-left: 10px;
}

.cart-order-1 .btn {
  width: 100%;
}

.cart-order-1 .cart-total .row .cart-total-title {
  font-weight: normal;
  font-size: 18px;
  padding-top: 5px;
}

.cart-order-1 .cart-total .cart-row {
  padding: 0;
  margin-top: 15px;
}

.cart-order-1 .cart-total .cart-row .cart-row_cat {
  margin-top: 0;
}

.cart-order-1 .cart-total .cart-row .cart-row_title {
  margin-bottom: 10px;
}

.cart-order-1 .cart-total .cart-row .cart-row_price {
  margin-top: 0;
}

.cart-order-1 .white-block {
  padding: 25px 25px 30px;
}

.cart-order_auth-links {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .cart-order_auth-links {
    margin: 0;
  }
}

.cart-order_auth-links a {
  display: inline-block;
}

.cart-order_auth-links a + a {
  margin-left: 15px;
}

/*
=====================================*/
.alert-simple {
  margin-bottom: 40px;
  padding: 5px 10px;
  font-size: 15px;
  border: 1px solid;
}

.alert-simple_green {
  border-color: #27AE60;
  background: rgba(111, 207, 151, 0.08);
}

/*
=====================================*/
.auth-social {
  text-align: left;
}

@media (min-width: 768px) {
  .auth-social {
    text-align: right;
  }
}

.auth-social a {
  display: inline-block;
  width: 41px;
  height: 41px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  color: #fff;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.auth-social a i {
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.auth-social a + a {
  margin-left: 10px;
}

.auth-social a:hover {
  opacity: .8;
}

.auth-vk {
  background-color: #5F83AA;
}

.auth-ok {
  background-color: #F58220;
}

.auth-fb {
  background-color: #4267B2;
}

.auth-go {
  background-color: #D35649;
}

/*
=====================================*/
.pay-inputs .col-md-6{
  margin-top: 15px;
}

@media (min-width: 768px) {
  .pay-inputs .col-md-6{
    margin-top: 30px;
  }
}

.pay-item {
  display: block; 
  position: relative;
  cursor: pointer;  
  height: 113px;
} 

.pay-item input {
  position: absolute;
  opacity: 0;
  z-index: -2;
}

.pay-item input:checked ~ span {
  border-color: #27AE7F;
  -webkit-box-shadow: inset 0 0 0 1px #27AE7F;
          box-shadow: inset 0 0 0 1px #27AE7F;
}

.pay-item input:checked ~ span::after {
  opacity: 1;
}

.pay-item span {
  display: block;
}

.pay-item > span {
  position: relative;
  min-height: 80px;
  height: 100%;
  padding: 35px 85px 30px 25px;
  border: 1px solid rgba(57, 56, 84, 0.2);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pay-item > span:hover {
  border-color: #27AE7F;
}

.pay-item > span::after {
  content: "";
  position: absolute;
  display: block;
  right: 30px;
  top: 17px;
  z-index: 3;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: url(../images/icon-check.svg) no-repeat 50% 50% #27AE7F;
  opacity: 0;
  margin: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pay-item_title {
  font-weight: 600;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.pay-item_desc {
  font-size: 14px;
}

.pay-3 > span {
  background: url(../images/icon-pay1.svg) no-repeat 20px 35px;
  padding-top: 70px;
}

.pay-3{
  min-height: 130px;
  height: auto;
}

.pay-3 .pay-item_title{
  margin-top: 0;
}

@media (min-width: 768px) {
  .pay-3 > span {
    background-position: 25px 35px;
    padding-left: 85px;
    padding-top: 30px;
  }
}

.pay-3 > span::after {
  position: static;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .pay-3 > span::after {
    margin: 0;
    position: absolute;
  }
}

.pay-item img{
  height: 25px;
}
/*
=====================================*/
.order-pay-info {
  margin: 30px 0;
}

/*
=====================================*/
.section-middle-about {
  background-color: #393854;
  background-repeat: no-repeat;
    background-position: 0 0;
  min-height: 300px;
  padding: 40px 0;
  position: relative;
  z-index: 100;
}

#about-2{
    background-position: 100% 100%;
}

.section-seminar-row{
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media (max-width: 767px) {
  .section-middle-about {
    background: #393854 !important;
  }
  .section-seminar-row,
  .section-seminar{
    background-image: none !important;
  }
}

.section-middle-about .content {
  line-height: 1.4;
}

@media (min-width: 768px) {
    #about-2{
        background-position: 110% 100%;
    }
}

@media (min-width: 1440px) {
    #about-2{
        background-position: 100% 100%;
    }
}



/*
=====================================*/
.nums {
  text-align: center;
  margin: 40px 0 0;
  font-size: 13px;
}

.nums .num-num {
  font-weight: 900;
  font-family: Merriweather;
  font-size: 32px;
  margin-bottom: 10px;
}

.section-sliders .title{
  margin: 0 auto 50px;
  max-width: 800px;
  width: 100%;
}

/*
=====================================*/
.reviews-carousel .owl-prev, 
.reviews-carousel .owl-next{
  top: 30px;
}

.review-item {
  padding: 0 50px;
}

@media (min-width: 992px) {
  .review-item {
    padding: 0;
  }
}

.review-item_name { 
  font-size: 14px;
  font-weight: bold;
  font-family: Merriweather;
}

.review-item_txt {
  line-height: 1.4;
}

.review-item_avatar .user-avatar,
.review-item_avatar img{
  position: relative;
  width: 46px;
  height: 46px;
  background-size: 50% auto;
  border-radius: 50%;
}

.review-item_userdata{
  color: rgba(57, 56, 84, 0.7);
  font-size: 14px;
}

/*
=====================================*/
.section-seminar {
  background-position: 60% 0;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  padding-top: 70px;
  padding-bottom: 70px;
}

.seminar-item_small{
  display: block;
  position: relative;
  border-radius: 3px;
}

.seminar-item_small-inner{
  position: relative;
  z-index: 3;
}

.seminar-item_small::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  background: linear-gradient(95.96deg, #27AE7F 2.64%, rgba(255, 255, 255, 0) 116.58%);
}

.lk-white_dt{
  font-size: 14px;
}

.seminar-item{
  margin-bottom: 50px;
  background: #fff;
}

.seminar-item_inner{
  padding: 0 45px 45px;
}

.seminar-item_img img{
  display: block;
  width: 100%;
  border-radius: 3px;
  margin: 0 0 20px;
}

.seminar-item_data{
  max-width: 500px;
}

.seminar-item_title{
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 15px;
}

.seminar-item_dt{
  font-size: 18px;
  margin-bottom: 25px;
}

.seminar-item_icon{
  font-family: Lato;
  font-weight: 900;
  font-size: 18px;
  margin: 35px 0 20px 0;
}

.seminar-item_icon svg{
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.seminar-item_icon svg circle,
.seminar-item_icon svg path{
  stroke: #393854;
}

.seminar-item_action{
  margin-top: 50px;
}

/*
=====================================*/
.seminar-white {
  padding: 20px 15px;
  background-color: #fff;
  margin-bottom: 40px;
  width: 100%;
  max-width: 615px;
  position: relative;
}

@media (min-width: 768px) {
  .seminar-white {
    padding: 50px 65px;
  }
}

.seminar-white .side-socials {
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  bottom: -30px;
  text-align: center;
}

@media (min-width: 768px) {
  .seminar-white .side-socials {
    right: -70px;
    top: 100px;
    bottom: auto;
    left: auto;
  }
}

.seminar-white .side-socials a {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

@media (min-width: 768px) {
  .seminar-white .side-socials a {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}

/*
=====================================*/
.prev-seminars {
  text-align: center;
}

.prev-seminars .title {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 10px;
}

@media (min-width: 768px) {
  .prev-seminars .title {
    margin: 0 100px 0 0;
  }
}

/*
=====================================*/
.sem-sup {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.sem-title {
  font-size: 24px;
  font-weight: 900;
  font-family: Merriweather;
}

@media (min-width: 768px) {
  .sem-title {
    font-size: 36px;
  }
}

.sem-dt {
  font-size: 24px;
  margin: 5px 0 20px;
}

.sem-graf {
  font-size: 14px;
  margin: 15px 0;
}

.sem-graf p {
  margin: 0;
}

.sem-graf .msk-time {
  font-size: 16px;
}

.sem-price {
  font-size: 22px;
}

.sem-price .price {
  margin-right: 15px;
  font-weight: bold;
  font-size: 24px;
}

.sem-actions {
  margin-top: 30px;
}

.sem-actions .btn {
  min-width: 190px;
  font-size: 15px;
}

/*
=====================================*/
.cart-fixed {
  position: fixed;
  right: 15px;
  bottom: 50px;
  width: 67px;
  height: 41px;
  display: inline-block;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 30px;
          border-radius: 30px;
  text-align: center;
  color: #27AE7F;
  font-size: 13px;
  font-weight: 600;
  padding-top: 12px;
  z-index: 101;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cart-fixed.cart-fixed-full.active {
  z-index: 101;
  opacity: 1;
}

.cart-fixed #path-1,
.cart-fixed #path-3 {
  stroke: #27AE7F;
}

.cart-fixed #path-2,
.cart-fixed #circle-1,
.cart-fixed #circle-2 {
  fill: #27AE7F;
}

.cart-fixed svg {
  display: inline-block;
  vertical-align: middle;
}

.cart-fixed span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
/*
=====================================*/
.toggleable {
  opacity: 0;
  margin: 0 !important;
  position: absolute;
  z-index: -1;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.toggleable.visible {
  margin-top: 25px !important;
  opacity: 1;
  position: relative;
  z-index: 1;
}

/*
===================================*/
.content {
  font-size: 1em;
  color: #393854;
  line-height: 1.5;
}

.content p + p {
  margin-top: 25px;
}

.content img {
  max-width: 100%;
  height:  auto !important;
  margin: 40px auto;
  display: block;
}

.content ul {
  list-style: disc;
  margin: 0 0 30px 15px;
  padding: 0;
}

.content ul li {
  margin-bottom: 15px;
  padding-left: 20px;
}

.content ul.ul-green {
  list-style: none;
  margin-left: 5px;
}

.content ul.ul-green li {
  position: relative;
  margin-bottom: 20px;
}

.content ul.ul-green li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #27AE7F;
}

.content ol {
  list-style: none;
  counter-reset: myCounter;
  padding: 0;
  margin: 0 0 30px;
}

.content ol li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 30px;
}

.content ol li::before {
  counter-increment: myCounter;
  content: counter(myCounter);
  position: absolute;
  left: 0;
  top: 0;
  color: #393854;
  font-weight: 900;
  font-family: Merriweather;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: bold;
}

.content img.left {
  float: left;
  width: 300px;
  margin: 5px 20px 20px 0;
}

.content img.right {
  float: right;
  width: 300px;
  margin: 5px 0 20px 20px;
}

.content table td {
  padding: 10px;
}

.content blockquote {
  margin: 30px -15px;
  font-weight: 900;
  font-family: Merriweather;
  font-size: 1.2em;
}

@media (min-width: 992px) {
  .content blockquote {
    font-size: 1.75em;
    margin: 50px -50px;
  }
}

.justifyleft {
  float: left;
}

.justifyright {
  float: right;
}

.text-white .content {
  color: #fff;
}

.content iframe,
.content video{
  max-width: 100%;
}

@media (max-width: 425px) {
  .content iframe,
  .content video{
    height: auto !important;
  }
}


/* pagination
=====================================*/
.pagination-block {
  margin: 70px 0 20px;
  padding: 45px 0 35px;
  border-top: 1px solid #393854;
  border-radius: 0;
  width: 100%;
}

.pagination-block .btn-next {
  margin-left: auto;
}

.pagination-block .btn {
  margin: 15px auto;
  display: block;
}

.pagination {
  position: relative !important;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  justify-content: center;
}

.pagination li {
  display: inline-block;
}

.pagination li a {
  display: block;
  width: 37px;
  height: 37px;
  line-height: 38px;
  color: #393854;
  text-align: center;
  font-size: 1.1em;
  font-weight: 600;
}

.pagination li a:hover {
  background: #393854;
  text-decoration: none;
  color: #fff;
}

.pagination li.active a {
  background: #393854;
  color: #fff;
  text-decoration: none;
}

.pagination-block .btn-more{
  width: auto;
}

/* footer
=====================================*/
.footer {
  background-color: #F7F5E6;
  padding: 30px 0 20px;
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (min-width: 768px) {
  .footer {
    text-align: left;
    padding: 70px 30px 40px;
  }
}

.footer .container {
  max-width: 1450px;
}

.footer-logo {
  display: block;
  color: #393854;
  margin-bottom: 30px;
}

.footer-logo img {
  display: block;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .footer-logo img {
    margin: 0;
  }
}

.footer-logo span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-top: 15px;
}

.footer-title {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 900;
}

.footer-menu {
  padding: 0;
  margin: 0 0 30px;
  list-style: none;
}

.footer-menu a {
  display: inline-block;
  color: #393854;
  font-size: 14px;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .footer-menu a {
    margin-bottom: 10px;
  }
}

.footer-menu a i {
  color: #393854;
}

.footer-menu a:hover {
  color: rgba(57, 56, 84, 0.7);
  text-decoration: none;
}

.footer-menu a:hover i {
  color: #393854;
}

.footer-links li {
  display: inline-block;
}

@media (min-width: 768px) {
  .footer-links li {
    display: block;
  }
}

.footer-links i {
  margin-right: 5px;
}
 
.footer-links a {
  white-space: nowrap;
}

.footer-links a:hover span {
  text-decoration: none;
}

.footer-links span {
  display: none;
}

@media (min-width: 768px) {
  .footer-links span {
    display: inline-block;
  }
}

.footer-bottom {
  margin-top: 35px;
  color: rgba(57, 56, 84, 0.4);
  font-weight: 600;
  text-align: center;
}

@media (min-width: 992px) {
  .footer-bottom {
    text-align: left;
  }
}

.footer-pays img {
  display: inline-block;
  height: auto;
  width: auto;
  max-width: 100%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.footer-info {
  font-size: 0.6875em;
  /* 11/16 */
}

/*
=================================*/
.copy {
  color: rgba(57, 56, 84, 0.4);
  font-size: 0.75em;
  /* 12/16 */
}

/*
=================================*/
/*
.btn-up {
  position: relative;
  text-align: center;
  border: none;
  padding: 0;
  background-color: transparent;
  line-height: 1;
  font-size: 0.875em;
  font-weight: 600;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
*/

.btn-up {
  position: fixed;
  right: 15px;
  bottom: 110px;
  text-align: center;
  border: none;
  padding: 9px 0 0;
  color: #fff;
  background-color: #27AE60;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 1;  
  z-index: 99; 
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.btn-up i {
  display: block;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1em;
}

/*
.btn-up::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 2px;
  background-color: #fff;
}
*/

.btn-up:hover {
  color: #393854;
}

.btn-up:hover::before {
  background-color: #27AE7F;
}

.btn-up:focus {
  outline: none;
}

.body-scrolled .btn-up{
  opacity: 1;
}

/*
========================================= */
.hidden-text{
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.hidden-text.visible{
  max-height: 10000px !important;
  -webkit-transition: all 3s ease-in;
  -o-transition: all 3s ease-in;
  transition: all 3s ease-in;
}


/*
=====================================*/
[data-tooltip] {
  position: relative;
}

[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  top: -6px;
  -webkit-transform: translate(-50%,-40%);
  -ms-transform: translate(-50%,-40%);
  transform: translate(-50%,-40%);
  background: #000;
  border: 1px solid #000;
  text-align: center;
  color: #fff;
  font-size: 12px;
  min-width: 100px;
  pointer-events: none;
  padding: 6px;
  z-index: 99;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
  opacity: 1;
}

[data-tooltip]::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 9px;
  margin-left: -5px;
  width: 0;
  height: 0;
  opacity: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

[data-tooltip-position='left']::after {
  left: 0%;
  top: 50%;
  margin-left: -8px;
  -webkit-transform: translateX(-100%) translateY(-50%);
  -ms-transform: translateX(-100%) translateY(-50%);
  transform: translateX(-100%) translateY(-50%);
}

[data-tooltip-position='top']::after {
  left: 50%;
}

[data-tooltip-position='buttom']::after {
  top: 100%;
  margin-top: 8px;
  -webkit-transform: translateX(-50%) translateY(0%);
  -ms-transform: translateX(-50%) translateY(0%);
  transform: translateX(-50%) translateY(0%);
}

[data-tooltip-position='right']::after {
  left: 100%;
  top: 50%;
  margin-left: 8px;
  -webkit-transform: translateX(0%) translateY(-50%);
  -ms-transform: translateX(0%) translateY(-50%);
  transform: translateX(0%) translateY(-50%);
}

.sticky-pagination.is-sticky{
  opacity: 1 !important;
}

/*
================================ */
.mess-block{
  font-size: 13px;
  text-align: center;
  padding: 15px 10px;
  border: 1px solid transparent;
  margin-bottom: 10px;
}

.mess-block.success{
  border-color: #27AE7F;
  color: #27AE7F;
}

.mess-block.error{
  border-color: #ff0000;
  color: #ff0000;
}

.text-block h5{
  margin-bottom: 15px;
}

.reg-success-txt h4{
  margin-bottom: 10px;
}

.reg-success-txt h4 +h4{
  margin-bottom: 35px;
}

/*
=============================== */
.empty-block{
  text-align: center;
  padding: 50px 20px;
  border: 1px solid #ddd;
}

.empty-block h5{
  font-family: Merriweather;
  font-weight: bold;
  font-size: 1.6em;
  margin-bottom: 15px;
}
.empty-block a{
  margin-top: 15px;
}

/*
====================================*/
.user-head-sub{
  font-size: 14px;
  margin-top: 5px;
}

.user-head-sub>div + div{
  margin-left: 10px;
} 

@media (min-width: 768px) {
 .user-head-sub>div + div{
      margin-left: 25px;
    }    
}
 
.user-karma>span{
  display: inline-block;
}

.karma-plus{
  color: #27AE60;
}

.karma-plus::before{
  content: '+';
}

.karma-minus{
  color:#EB5757;
}

.karma-minus::before{
  content: '-';
}

input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

/*
====================================*/
.lk-comment + .lk-comment {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #ddd;
}

.lk-comment .ticket-avatar{
  border-radius: 50%;
  width: 25px;
  height: 25px; 
  display: inline-block;
}

.lk-comment .ticket-comment-ticket{
  display: block;
  font: bold 18px Lato;
  color: #393854; 
  margin-bottom: 20px;
}

.lk-comment .ticket-comment-ticket:hover{
  color: #27AE7F;
}

.lk-comment .ticket-comment-createdon{ 
  line-height: 1;
  font-size: 14px;
}

.lk-comment .ticket-comment-rating1{ 
  font-size: 14px;
  margin-left: 7px;
  line-height: 1;
} 

@media (min-width: 768px) {
    .lk-comment .ticket-comment-rating1{  
      margin-left: 20px; 
    } 
}

.lk-comment .ticket-comment-text{
  padding: 0 0 0 40px;
  font-size: 14px;
  margin-top: 15px;
}

.lk-comment .ticket-comment-link{
  margin-left:0;
  margin-top: 15px;
  color: #393854;
  font-size: 14px;
}

.lk-comment .ticket-comment-link:hover{
  color: #27AE7F;
}

.lk-comment .rating{
  font-size: 14px;
  color: #ddd;
}

.lk-comment .rating.positive{
  color: #27AE7F
}

.lk-comment .rating.negative{
  color: #D35649
}

/*
=========================================*/
.tabs-head {  
  padding-top: 15px;
  margin-bottom: 15px;
} 

.tabs-head .tabs__caption li{
  font-size: 18px;
  font-weight: bold;
}
/*
=========================================*/
.user-head{
  margin-bottom: 50px;
}

.user-head .title{
    text-align: left;
}

.user-head img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
}

.user-head .title{
  margin-bottom: 10px;
}


@media (min-width: 768px) {
    .user-head img{
      width: 150px;
      height: 150px; 
      margin-right: 50px;
    }
}

.comm-rat{
    line-height: 1;
    font-size: 0;
}

.comm-rat span{
    display: inline-block;
    vertical-align: middle;
}

/*
===========================================*/
.lk-review-head{
  margin-bottom: 30px;
}

.lk-review-head img{
  margin-right: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
}

.lk-review-head p{
  margin: 0 0 5px;
}

/*
======================================*/
.user-com-menu{
  list-style: none;
  padding: 0;
  margin: 0 0 50px;
}

.user-com-menu a{
  display: block;
  color: #393854;
  font-family: Merriweather;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 25px;
}

.user-com-menu a:hover{
  color: #27AE7F;
}

.user-com-menu .active a{
  opacity: .7
}
/*
======================================*/
.user-comments-header{
  margin-bottom: 50px;
  border-bottom: 1px solid #ddd;
  padding: 10px 0 25px;
}

.comments-count{
  text-align: right;
  white-space: nowrap
}

.user-comments-best-menu{
  padding: 0;
  margin: 0;
  list-style: none;
}

.user-comments-best-menu li{
  display: inline-block;
}

.user-comments-best-menu a{
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: rgba(51, 69, 83, 0.7);
}

.user-comments-best-menu li.active a{
  color: #393854;
}

.user-comments-best-menu a:hover{
  color: rgba(51, 69, 83, 0.5);
}


.user-comments-best-menu li + li {
  margin-left: 10px;
}

@media (min-width: 768px) {
  .user-comments-best-menu a{ 
    font-size: 18px; 
  }
  .user-comments-best-menu li + li {
    margin-left: 30px;
  }
}

.fancybox-inner body{
  background-color: transparent;
}

body:-webkit-full-page-media{
  background-color: transparent;
}

/*
======================== */
.bnr-start{
  height: 220px;
  background: #F4F4F4;
  border-radius: 3px;
  padding: 30px;
  font-size: 14px;
  color: #393854;
  margin-bottom: 30px;
}

.bnr-start_title{
  font-family: Merriweather;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 15px;
}

.bnr-start_btn{
  background: #FFFFFF;
  border-radius: 30px;
  color: #393854;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.03em;
  padding: 10px 20px;
  margin-top: 25px;
  display: inline-block;
}

.bnr-start_btn:hover{
  color: #27AE7F;
}

.s-bnr{
  display: block;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 3px;
}

@media (min-width: 768px) {
  .s-bnr{    
    height: 180px;
  } 
}

@media (min-width: 1200px) {
  .s-bnr{    
    height: 220px;
  } 
}

.s-bnr img{
  border-radius: 3px;
  max-width: 100%; 
}

.s-bnr span{
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 3;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 1px;
  color: #393854;
  padding: 10px 15px 8px;
  font-family: Merriweather;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
}

/*
============================== */
.s-small{
  display: block;
  color: #393854;
  font-family: Merriweather;
  font-weight: bold;
  background: #F7F5E6;
  border-radius: 3px;
  font-size: 18px;
  line-height: 23px;
  padding: 35px;
  height: 135px;
  position: relative;
  margin-bottom: 30px;
  transition: all .3s;
}

.s-small span{
  width: 120px;
  display: block;
}

.s-small img,
.s-small svg{
  position: absolute;
  right: 20px;
  top: 30px;
}

.s-small:hover{
  box-shadow: 0 5px 10px rgba(0,0,0, .15);
}

@media (min-width: 768px) {
  .s-small{
    font-size: 16px;
    padding: 35px 15px;
  }
  .s-small img,
  .s-small svg{
    max-width: 70px;
  }
}

@media (min-width: 1200px) {
  .s-small{
    font-size: 18px;
    padding: 35px ;
  }
  .s-small img,
  .s-small svg{
    max-width: 100%;
  }
}

/*
================================= */
.page-search_form{
  position: relative;
  width: 100%;
  max-width: 325px;
  height: 44px;
  margin: 40px auto;
}

.page-search_form input{
  width: 100%;
  height: 44px;
  border: none;
  background-color: #F4F4F4;
  padding: 0 10px 0 60px;
  font-size: 14px;
  line-height: 17px;
  color: rgba(57, 56, 84, 0.7);
}

.page-search_form  svg{
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -11px;
}

.tags-search{
  margin-top: 0;
}

.tags-search ul li:first-child a,
.tags-search ul li:nth-child(10) a {
  border-color: rgba(57, 56, 84, 0.2);
  color: #393854;
}

/*
==================================== */
.side-menu{
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

.side-menu ul{
  list-style: none;
  padding: 0;
  margin: 10px 0 20px 20px;
  display: none
}

.side-menu .active>ul{
  display: block
}

.side-menu a:hover{
  color: #fff;
  background-color: #393854;
}

.side-menu a:hover span{
  color: #fff;
}

.side-menu a span{
  display: inline-block;
  padding-left: 10px;
  font-family: Lato;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: rgba(57, 56, 84, 0.5);
}

.side-menu>li>a{
  font-family: Merriweather;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #393854;
  display: block;
  padding: 8px 14px 7px;
  max-width: 270px
}

.side-menu ul a{
  color: #393854;
  display: block;
  margin-bottom: 5px;
  padding: 6px 12px ;
  line-height: 1;
}

.side-menu .active>a{
  color: #fff;
  background-color: #393854;
}

.side-menu .active>a span{
  color: #f1f1f1;
}

/*
============================== */
.next-product{
  display: block;
  position: relative;
  color: #393854;
  font-size: 14px;
  line-height: 20px;
}
.next-product span{
  display: block;
}


.next-product img{
  max-width: 100%;
  border-radius: 3px;
  margin-bottom: 10px;
  max-height: 100px;
}

.next-product svg{
  position: absolute;
  left: 100%;
  bottom: 20px;
  margin-left: 10px;
}

.product-txt-info{
  font-size: 12px;
  color: #393854;
  line-height: 144%;
}

.product-txt-info a{
  color: #393854;
  text-decoration: underline;
}

.product-txt-info a:hover{
  text-decoration: none;
}

/*
============================== */
.mini-item{
  color: #393854;
  font-size: 14px;
}

.mini-item span{
  display: block;
}

.mini-item img{
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}

.mini-item_title{
  font-weight: 600;
  font-size: 20px;
  margin: 20px 0;
}

.mini-item_title:hover{
  color: #27AE7F;
}


.audios  .owl-stage {
  display: flex;
}

.audios  .owl-item {
  display: flex;
  flex: 1 0 auto;
}
/*
================================= */
.filter-reset{
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #27AE7F;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.filter-reset:hover{
  color: #393854;
}

.filter-reset:active,
.filter-reset:focus{
  color: #393854;
  outline: none;
}

.filter-row{
  display: block;
  margin-right: 10px;
}

.filter-row input{
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.filter-row>span{
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #27AE7F;
  border: 1px solid #27AE7F;
  border-radius: 30px;
  height: 28px;
  padding: 0 12px 1px 15px;
  cursor: pointer;
  transition: all.5s;
}

.filter-row>span:hover{
  background-color: #27AE7F;
  color: #fff;
}


.filter-row span em{
  vertical-align: middle;
  margin-left: 5px;
  font-size: 15px;
  display: none;
  font-weight: normal;
  font-style: normal;
}

.filter-row input:checked ~ span em{
  display: inline-block;
}

.filter-row input:checked ~ span {
  background-color: #27AE7F;
  color: #fff;
}

.filter-row input:disabled ~ span {
  opacity: .4;
}

/*======================================= */
.filter-select{
  position: relative;
  padding: 0;
  margin: 0 20px 0 0 ;
  border: none;
}

.filter-select-title{
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #393854;
  display: block;
  height: 40px;
  padding-top: 8px;
  padding-right: 35px;
  margin: 0;
  cursor: pointer;
}

.filter-select-title::after{
  content: '';
  position: absolute;
  border: 2px solid #393854;
  border-left: none;
  border-top: none;
  width: 7px;
  height: 7px;
  display: block;
  right: 5px;
  top: 10px;
  transform: rotate(45deg);
}

.filter-select ul{
  position: absolute;
  left: 0;
  top: 100%;
  width: 180px;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  z-index: 9;
  max-height: 50vh;
  overflow-y: auto;
  display: none;
}

.filter-select.active ul{
  display: block;
}

.filter-select ul li{
  margin: 0;
  font-size: 14px;
}

.filter-select ul li label{
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
  display: block;
}

.filter-select ul li label:hover span{
  background-color:  #27AE7F;
  color: #fff;
}

.filter-select ul li label input{
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.filter-select ul li label span{
  display: block;
  padding: 8px 10px 6px;
  line-height: 1 ;
}

.filter-select ul li label input:checked ~ span {
  background: #27AE7F;
  color: #fff;
}

.filter-txt{
  font-size: 14px;
  line-height: 17px;
  color: rgba(57, 56, 84, 0.5);
  display: inline-block;
  padding: 8px 20px 0 0 ;
}

/*======================================= */
.sidebar-cat .title{
  padding-left: 14px;
}

.side-title-small{
  padding-left: 14px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 17px;
  color: rgba(57, 56, 84, 0.5);
}

.side-title-small2{
  font-size: 15px;
  line-height: 17px;
  color: rgba(57, 56, 84, 0.5);
}

.side-menu.side-menu-small>li>a{
  font-family: Lato;
  font-weight: bold;
  font-size: 14px;
  padding: 7px 14px 6px;
}

.side-menu.side-menu-small ul a{
  font-weight: 600;
  margin-bottom: 2px;
  font-size: 14px;
}

.video-fragment-txt{
  font-weight: bold;
  font-size: 12px;
  color: #393854;
  opacity: 0.7;
}

.video-fragment{
  margin-left: 20px;
}

.video-fragments img{
  border-radius: 3px;
  height: 45px;
}

.video-fragment-img{
  position: relative;
  margin-right: 10px;
}

.video-fragment-img::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7.5px 0 0 -5px;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #fff;
}

@media (min-width: 768px) {

  .video-fragment-txt{
    font-size: 18px;
  }
}

/*
===================================== */
.slider-header{
    overflow: hidden;
}

.slider-header .owl-item>div{
  padding-left: 48px;
  padding-right: 48px;
}

.slider-header .owl-nav button{
    background: transparent;
   /* border: 1px solid #fff;*/
    border: none;
    border-radius: 0;
    box-shadow: none;
    top: 75px;
}

.slider-header .owl-nav button::before,
.slider-header .owl-nav button::after{
  content: "";
  width: 1px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  display: block;
  right: 30px;
  top: 0;
}

.slider-header .owl-nav .owl-prev{
    left: 15px;
}

.slider-header .owl-nav .owl-next{
    right: 15px;
}

.slider-header .owl-nav .owl-prev::before{
  transform: rotate(32deg);
  top: 0;
}

.slider-header .owl-nav .owl-prev::after{
  transform: rotate(-32deg);
  top: 25px;
}

.slider-header .owl-nav .owl-next::before{
  transform: rotate(-32deg);
}

.slider-header .owl-nav .owl-next::after{
  transform: rotate(32deg);
  top: 25px;
}


.slider-header .owl-dots{
    text-align: center;
    display: block;
    margin-top: 20px;
}

.slider-header .owl-dot{
    width: 7px;
    height: 7px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

.slider-header .owl-dot.active{
    background-color: #fff;
}

/*
===================================== */
.interes{
    height: 566px;
    color: #fff;
    padding: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s;
    border-radius: 5px;
}

a.interes:hover{
  color: #fff;
  box-shadow: 0 5px 10px rgba(0,0,0, .1);
}

.interes-title{
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.05em;
    /*
    text-transform: uppercase;
    */
}

.interes-citation .interes-title{
    font-size: 18px;
}

.interes-citation{
    background: linear-gradient(180deg, #B8B22E 0%, rgba(255, 255, 255, 0) 100%), #47795B;
}

.interes-citation .interest-desc::before{
    background-color: transparent;
}

.interes-desc{
    margin-top: 25px;
    font-size: 14px;
}

.interes-desc::before{
    content:"";
    height: 1px;
    width: 64px;
    background-color: #fff;
    margin: 25px auto;
    display: block;
}

.citation-link{
    display: inline-block;
    padding: 5px 10px;
    color:  #fff;
    border-bottom: 1px solid #fff;
    margin-top: 40px;
}

.citation-link:hover{
    color:  #fff;
    border-color: transparent;
}


@media (min-width: 1440px) {
    .interes-desc{
        font-size: 16px;
    }
}


.notice-block{
    background: #27AE7F;
    color: #fff;
    text-align: center;
    padding: 25px 30px;
    position: relative;
    display: none;
}

.notice-close{
    border: none;
    background-color: transparent;
    position: relative;
    color: #fff;
    font-size: 13px;
    right: 0;
    top: 0;
    padding: 0;
    line-height: 1;
    margin: 15px auto 0;
}

.notice-close span{
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
}


@media (min-width: 768px) {
    .notice-block{
        padding: 45px 100px;
    }


    .notice-close{
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -12px;
    }
}

.event-item{
    /*border: 2px solid #F7F5E6;*/
    padding: 20px;
    height: 100%;
    background-color: #fff; 
    margin-left: 20px;
} 

.event-parent{
    font-size: 14px;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(57, 56, 84, 0.6);
}

.event-dt{
    color: #393854;
    font-size: 14px;
}

.event-dt p {
    line-height: 20px;
    color: #9A9A9A;
    margin: 0 0 3px;
}

.event-dt svg{
    margin-top: 1px;
    margin-right: 2px;
}

.event-item img{
    max-width: 200%;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    align-self: center;
}

.event-item_title{
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    color: #393854;
}

.event-item_future{
    font-size: 14px;
    line-height: 20px;
    color: #27AE7F;
}

.event-item_future-desc{
    font-size: 14px;
    line-height: 17px;
    color: #393854;
}

.event-item_future-link{
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-decoration-line: underline;
    color: #393854;
}

.event-item_future-link:hover{
    text-decoration: none;
}

.event-item .btn{
    background-color: #f1f1f1;
}

@media (min-width: 768px) {
  .event-item{ 
      margin-left: 50px;
  } 
}


/*
============================================ */
.s-dt{
  background: #E5EDF2;
  border-radius: 30px; 
  font-size: 16px;
  padding: 6px 15px;
  line-height: 1;
}

.s-dt svg{
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.seminar-white .s-dt{
  background: rgba(168, 168, 180, 0.12);
  padding-top: 8px;
  padding-bottom: 8px;
}

.group-ticket-info{
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: #393854;
}

.group-ticket-info svg{
  margin-right: 20px;
  width: 60px;
  margin-top: 5px;
}

.menu-news-insp{
  margin-top: 50px;
}

.lk-show-sidebar{
  background: #38b46c;
  color: #fff !important;
  border-radius: 0 !important;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.lk-videos .video-item-view .video-item_img img {
  max-height: unset;
}

.order-sorting{
  font-size: 13px;
}

.order-sorting select{
  font-size: 13px;
  padding: 5px;
}

/*
=======================================*/
.small-comment-form .comment-form-outer{
  padding-top: 0;
  margin-top: 0;
}

.small-comment-form  .title-small{
  display: none;
}

.small-comment-form  .comment-form {
  min-width: 100%;
  margin-bottom: 40px;
  margin-top: 0;
}

.small-comment-form   .comment-form .btn{
  float: right;
}

.small-comment-form  .comment-form textarea{
  height: 60px;
}

.comment-item .comment-form textarea{
  height: 160px;
  width: 99%;
  background-color: #fafafa;
}

.comment-item .comment-form button::before{
  content: "Ответить";
}

.edit-comment .comment-form button::before{
  content: "Сохранить";
} 


.comment-item .comment-form button span{
  display: none;
}

.bottom-comment-form .comment-new-link{
  display: none !important;
} 
 

/*
================================*/
@media (min-width: 768px) {
  .no-reviews-form{
    margin-top: -136px;
  }
  .no-reviews-form2{
    margin-top: -86px;
  }
}

.rating-col{
  margin-top: -12px;
}

.logo-descriptor{
  background: linear-gradient(180deg, #5D893D 0%, #2D737A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*
==============================*/
.user-karma .qq{
  top: -5px;
}

/*
===============================*/
.qq{
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.qq:hover .tooltip-txt,
.qq:active .tooltip-txt{
  display: inline-block;
}

.tooltip-icon{
  font-size: 8px;
  font-weight: bold;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #393854;
  border: 1px solid #393854;
  display: inline-block;
  text-align: center;
  line-height: 14px;
  cursor: pointer;
}

.tooltip-icon:hover{
  background-color: #fff;
}

.tooltip-txt{
  display: none;
  position: absolute;
  padding: 10px;
  border-radius: 3px;
  background-color: #fff;
  color: #393854;
  font-size: 13px;
  left: 0;
  top: 100%; 
  margin-top: 10px;
  width: 200px;
  line-height: 1.1;
  box-shadow: 0 4px 6px rgba(0,0,0, .1);
}

.tooltip-txt::before{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 20px;
  top: -15px; 
  border-style: solid; 
  border-width: 0 5px 15px 5px;
  border-color: transparent transparent #fff transparent; 
}

@media (min-width: 768px) { 
  .tooltip-txt{ 
    width: 300px; 
  }
}

/*
=================================*/
.practic-carousel{

}

@media (min-width: 992px) { 
  .practic-carousel{
    padding-left: 100px;
    padding-right: 100px;
  }
}

.practic-item img{
  max-width: 100%;
}

.practic-carousel img{
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}

/*
========================================*/
.page-1931{
  display: block;
}

.section-translation{  
  background-color: #F7F5E6;
  padding: 60px 0 40px;
  min-height: 400px;
}

@media (min-width: 768px) {
  .section-translation{   
    padding-top: 140px; 
  }
}


.oficial-site{
  color: #393854;
  line-height: 1.2;
  text-decoration: underline;
}

.oficial-site:hover{ 
  text-decoration: none;
}

.page-1931 .section-seminar-row{
  background-position: 100% 100%;
}

@media (min-width: 768px) {
  .page-1931 .section-seminar-row{
      background-position: 110% 100%;
  }
}

@media (min-width: 1440px) {
  .page-1931 .section-seminar-row{
      background-position: 100% 100%;
  }
}

.anon-footer{
  background-color: #F7F5E6;
  padding: 40px 0;
}

.anon-footer a{
  color: #393854;
  text-decoration: underline;
}

.anon-footer a:hover{
  color: #393854;
  text-decoration: none;
}

.anon-footer .logo{
  padding-left: 0;
  text-decoration: none !important;
}

.anon-footer svg{
  position: static;
  margin: 0;
  transform: scale(1);
}

.anon-copy{
  font-size: 12px;
  color: rgba(57, 56, 84, 0.4);
}

/*
====================================*/
.side-notice-block{
  position: fixed;
  right: 10px;
  bottom: 0;
  z-index: 99;
  background-color: #fff;
  padding: 30px 20px 20px;
  max-width: 280px;
  width: 100%;
  box-shadow: 0 0 5px rgba(0,0,0, .2);
  display: none;
}

.side-notice-close{
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 3;
  font-size: 26px;
  padding: 0;
  line-height: 1;
  border: none ;
  background-color: transparent;
}

.side-notice-block img{
  max-width: 90%;
}

@media (min-width: 768px) {
  .side-notice-block{ 
    right: 40px; 
  }
}

.manager-edit{
  font-size: 13px;
}

.manager-edit .fm-icon-edit::before{
  font-size: 12px;
}

.pay-mini-item{
  margin-top: 2px;
  margin-left: 26px;
}

/*
============================================*/
.lk-seminar-mob{
  list-style: none;
  padding: 0;
  margin: 0;
}

.lk-seminar-mob a{
  display: block;
  padding: 10px;
  background-color: #fff;
  margin-bottom: 5px;
  line-height: 1;
  border-radius: 3px;
}

.lk-seminar-mob a:hover,
.lk-seminar-mob a:active{
  background-color: #27AE60;
  color: #fff;
}

.lk-seminar-mob a .small{
  color: #777;
}

.lk-seminar-mob a:hover .small,
.lk-seminar-mob a:active .small{ 
  color: #fff;
}

.lk-seminar-mob .is-online{
  display: inline-block;
  width: 9px;
  height: 9px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #D15A54;
  opacity: 1;
  margin: 0;
  vertical-align: top;
  animation: scaleDot .5s alternate infinite;
}

.lk-seminar-mob .active .is-online{
  animation: none;
}


.btn-svg-remove{
  position: absolute;
  left: 4px;
  top: 45px;
  padding: 3px 0 0 0;
  border: none; 
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); 
}

.btn-svg-remove svg{
  width: 13px;
  height: 14px;
}

/*
===================================*/
.usermap{
  width: 100%;
  height: 500px;
  position: relative;
  z-index: 2;
}

/*
======================================*/
.map-pin{
  width: 14px;
  height: 14px;
  background: url(../images/map-pin.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  position: relative;
}
 
/*
.map-pin::before {
  position: absolute;
  content: "";
  background-color: #fff;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  -webkit-animation: pulse-effect 2s infinite ease;
  animation: pulse-effect 2s infinite ease;
}

@-webkit-keyframes pulse-effect {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes pulse-effect {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(4);
    opacity: 0;
  }
}
*/

/*
=====================================*/
.mm-panels>.mm-panel.mm-panel_opened{
  z-index: 99;
}

.mm-wrapper_opened .header{
  z-index: 0;
}

/*
=========================================*/
.cart-mobile span{
  color: #393854;
  top: -2px;
  right: -10px;
  position: relative;
}

.cart-mobile svg{
  position: relative;
  top: 2px;
}

.video-cat-title{
  margin-top: 2px;
}

/*
=========================================*/
.side-menu-hide li:nth-child(n+4){
  display: none;
} 

.open .side-menu-hide li{
  display: block;
}

.open .btn-side-menu-hide-toggle{
  display: none !important;
}

@media (min-width: 992px) {
  .side-menu-hide li:nth-child(n+4){
    display: block;
  }
}

.btn-line{
  padding: 0 ;
  background-color: transparent;
  text-decoration: underline;
}

.btn-side-menu-hide-toggle{
  padding: 0 15px;
  margin-top: -35px;
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: bold;
}

.logo-mobile{
  position: absolute;
  top: 2px;
  left: 55px;
  color: #393854;
  font-size: 15px;
  font-weight: bold; 
}
/*
.logo-mobile svg{
  position: absolute;
  left: 0;
  top: -6px;
}
*/

li.ticket-comment .alert-warning { color: #d0d0d0; background-color: unset; border-color: #f7f7f7; }

/*
=====================================*/
.book-delivery-info{
  font-size: 12px;
}

.book-delivery-info span{
  display: block;
  color: rgba(57, 56, 84, 0.5);
  margin-bottom: 3px;
}

.book-delivery-info a{
  color: #393854;
  font-weight: bold;
  font-size: 14px;
}

.list>*{
  margin-bottom: 40px;
}

/*
==================================*/
.small-news-carousel{
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  padding-top: 30px;
  padding-bottom: 10px;
}

.article-carousel{
  display: block;
  color: #393854;
  font-size: 14px;
  padding-left: 60px; 
  padding-right: 50px;
}

@media (min-width: 768px) {
  .article-carousel{ 
    padding-left: 30px; 
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .article-carousel{ 
    padding-left: 10px; 
    padding-right: 10px;
  }
}

.article-carousel-pagetitle{
  font-size: 16px;
  font-weight: 700;
  font-family: Merriweather;
  margin-top: 15px;
}

.modal-text-error{
  color: #D35649;
  font-weight: bold;
}

/*
========================================*/
.xpoll-outer{
  background-color: #fbfbfb;
  width: 100%;
  max-width: 500px;
}

.xpoll-outer>.p-4,
.xpoll-outer>.my-3{
  margin: 0 !important;
  padding: 0 !important;
}

.progress{
  height: 24px;
  position: relative;
}

.progress-bar{
  background-color: #38b46c !important; 
}

.progress-percent{
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 4px;
  text-align: center;
  color: #fff;
}

.progress-percent.inactive{
  color: #393854;
}

/*
===========================================*/
.smiles-outer{
  position: relative; 
}

.smiles-button{
  border: none;
  background-color: transparent;
  width: 50px;
  height: 30px;
  position: relative;
  padding-right: 20px;
}

.smiles-button::after{
  content: "";
  position: absolute;
  right: 3px;
  top: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #38b46c transparent transparent transparent;
  transition: all .3s;
}

.smiles-button img{
  height: 80%;
  transition: all .3s;
}

.smiles-button:hover img{
  opacity: .8;
}

.smiles-button:focus,
.smiles-button:active{
  outline: none;
}

.smiles-button.active::after{
  transform: rotate(180deg);
}

.smiles{ 
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0 0 3px rgba(0,0,0, .3);
  display: none;
}

.smiles img{
  width: 30px;
  margin: 3px;
  transition: all .5s;
}

.smiles img:hover{
  opacity: .5;
}

.sidebar-article-right{
  max-width: 230px;
}

/*
======================================*/
#comments-block .comments{
  overflow: visible;
}

/*
======================================*/
.has-comments{
  display: none;
}

.ticket-comment .form-review{
  margin-top: 20px;
}

.ticket-comment  .textarea-count{
  margin-bottom: 10px;
}

.comment-item_comment.ticket-comment-text{
  opacity: 0;
}

@media(min-width: 992px){ 
  .sticky-article {
    position: relative;
    top: 0;
  }
}


/*
========================================*/
.footer-markets a{
  display: block;
  margin-bottom: 10px;
}

.confirm-message{
  color: #999;
  font-size: 14px;
  padding: 3px 10px;
}

/*
============================================*/
.donate-panel{
  background-color: #f4f4f4;
}

.donate-panel-title{
  padding-right: 20px;
}

.donate-panel-total{
  padding: 20px;
  background-color: #fff;
}

.checkbox-radio{
  display: inline-block;
  padding: 0;
  margin: 0;
}

.checkbox-radio span{
  display: block;
  background-color: #fff;
  padding: 14px 11px;
  line-height: 1;
  border-radius: 3px;
  position: relative;
  margin: 3px;
  font-weight: bold;
  cursor: pointer;
  transition: all .3s;
}

.checkbox-radio span:hover{
  background-color: #27AE7F;
  color: #fff;
}

.checkbox-radio  input{
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.checkbox-radio input:checked ~ span{
  background-color: #27AE7F;
  color: #fff;
}