* {
  box-sizing: border-box; }

body {
  margin: 0;
  width: 100%;
  overflow-x: hidden;
  font-family: MP;
}

.leftCol {
  width: 261px; }
  .leftCol-header {
    width: 257px; }
    @media screen and (max-width: 770px) {
      .leftCol-header {
        width: 161px;
        display: block !important; } }
  @media screen and (max-width: 770px) {
    .leftCol {
      display: none; } }

.wrapper .rightCol{
   padding-right: 30px;
}
.rightCol {
  width: 262px; }
  .rightCol-header {
      width: 225px; }
  @media screen and (max-width: 1000px) {
    .rightCol-header {
      display: none; } }
  @media screen and (max-width: 770px) {
    .rightCol-header {
      display: none; } }
  @media screen and (max-width: 1000px) {
    .rightCol {
      display: none; } }
  @media screen and (max-width: 770px) {
    .rightCol {
      display: none; } }

.centralCol {
  width: calc( 100% - (225px + 199px)); }
  @media screen and (max-width: 1000px) {
    .centralCol-header {
      width: calc( 100% - (225px * 1)); } }
  @media screen and (max-width: 770px) {
    .centralCol-header {
      width: 100%; } }
  .centralCol-content {
    width: calc( 100% - (262px * 2));
    margin-top: 0px;
    padding: 0 20px;
    box-shadow: 0px 0 10px #ccc;
    z-index: -1; }
    @media screen and (max-width: 1000px) {
      .centralCol-content {
        width: calc( 100% - (261px * 1)); } }
    @media screen and (max-width: 770px) {
      .centralCol-content {
        width: 100%; } }

header {
  width: 100%;
  display: flex;
  height: 75px;
  padding: 0 17px;
  background-color: #fff;
  box-shadow: 0 3px 7px #ccc; }
  @media screen and (max-width: 770px) {
    header {
      flex-wrap: wrap;
      height: 150px;
      padding: 0 8px; } }
  header .logoBlock {
    padding-top: 3px;
    position: relative; }
    @media screen and (max-width: 770px) {
      header .logoBlock {
        margin-left: 26px;
         } }
    header .logoBlock__date {
      position: absolute;
      top: 17px;
      right: 88px;
      text-align: right;
      color: #999;
      font-size: 13px; }
      @media screen and (max-width: 770px) {
        header .logoBlock__date {
          right: 0;
          top: 18px; }
        .showInMobile{
          display: block !important;
        }
      }
    header .logoBlock__money {
      position: absolute;
      right: 22px;
      color: #999;
      font-size: 13px; }
      @media screen and (max-width: 770px) {
        header .logoBlock__money {
          right: 0; } }
      header .logoBlock__money-dol {
        top: 34px; }
      header .logoBlock__money-eur {
        top: 49px; }
    header .logoBlock .red {
      color: firebrick;
      opacity: 0.5; }
    header .logoBlock .green {
      color: limegreen;
      opacity: 0.5; }
  header .centralCol {
    position: relative;
    min-width: 316px;
    height: 75px; }
    header .centralCol .headerBg {
      height: 30px;
      width: calc(100% - 30px);
      background-color: firebrick;
      position: absolute;
      bottom: 0px;
      left: 14px;
      transform: skewX(-45deg);
      padding: 0 15px; }
      header .centralCol .headerBg .links {
        display: flex;
        transform: skewX(45deg);
        justify-content: space-around;
        padding: 0 12px;
        background: none;
        border: none;
        padding-top: 4px;
        margin-top: -4px;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        padding: 0px;
        padding-top: 4px; }
        header .centralCol .headerBg .links a {
          color: #fff;
          text-transform: uppercase;
          font-size: 16px;
          line-height: 29px; }
        header .centralCol .headerBg .links .dropdown-toggle {
          background: none;
          border: none;
          margin-top: 0px;
          text-transform: uppercase;
          color: #fff;
          padding: 0;
          padding-top: 4px; }
        header .centralCol .headerBg .links .dropdown-menu {
          padding: 10px 0;
          border-radius: 0;
          color: #fff;
          background-color: #b50001;
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          z-index: 1000;
          flex-direction: column;
          width: 200px; }
        header .centralCol .headerBg .links .dropdown-title {
          padding: 0 10px; }
        header .centralCol .headerBg .links .dropdown-item {
          padding: 2px 10px;
          font-size: 12px;
        }
        header .centralCol .headerBg .links .dropdown-item:focus, header .centralCol .headerBg .links .dropdown-item:hover {
          color: #fff;
          background-color: transparent;
          text-decoration: underline;}
        @media screen and (max-width: 770px) {
          .hiddenOnMobile {
            display: none !important; } }
        @media screen and (max-width: 1120px) {
          header .centralCol .headerBg .links .hiddenOnMobile-thrith {
            display: none; } }
        @media screen and (max-width: 1240px) {
          header .centralCol .headerBg .links .hiddenOnMobile-first {
            display: none; } }
        @media screen and (max-width: 1210px) {
          header .centralCol .headerBg .links .hiddenOnMobile-second {
            display: none; } }
  header .rightCol {
    padding-left: 9px; }
    header .rightCol img {
      height: 75px;
      width: 75px; }
    header .rightCol p {
      display: inline-block;
      width: 124px;
      vertical-align: top;
      margin-top: 0;
      font-weight: bold;
      padding: 5px 5px;
      font-size: 15px;
      line-height: 13px;
      font-family: Georgia;
      color: #000; }

.social_item {
  margin-right: 5px !important;
  background-image: url("//media.nakanune.ru/images/seti3.png");
  display: block;
  height: 20px;
  margin-top: -6px;}
  @media screen and (max-width: 1060px) {
    .social_item {
      display: none !important; } }
  .social_item.social_item-pda {
    background-position-x: -28px;
    width: 23px;
  }
  .social_item.social_item-rssNews {
    background-position-x: -50px;
    width: 16px;
  }
  .social_item.social_item-rssArticles {
    background-position-x: -66px;
    width: 15px;
  }
  .social_item.social_item-yt {
    background-position-x: -82px;
    width: 17px;
  }
  .social_item.social_item-ya {
    background-position-x: -99px;
    width: 16px;
  }
  .social_item.social_item-dzen {
    background-position-x: -207px;
    width: 14px;
  }
  .social_item.social_item-home {
    background-position-x: -115px;
    width: 15px;
  }
  .social_item.social_item-fb {
    background-position-x: -168px;
    width: 8px;
  }
  .social_item.social_item-vk {
    background-position-x: -187px;
    width: 20px;
  }
  .social_item.social_item-tw {
    background-position-x: -152px;
    width: 16px;
  }
  .social_item.social_item-ok {
    background-position-x: -177px;
    width: 9px;
  }
  .social_item.social_item-tg {
    background-position-x: -222px;
    width: 16px;
  }
  .social_item.social_item-inst {
    background-position-x: -238px;
    width: 17px;
  }


._buttons {
  width: calc(100% - 30px);
  margin-top: 7px;
  font-size: 15px;
  display: flex;
  margin-left: 20px;
  align-items: center; }
  ._buttons .dropdown-toggle {
    background: none;
    border: none;
    padding-top: 0px;
    margin-top: -4px;
    text-transform: uppercase;
    color: #b9b9b7; }
    ._buttons .dropdown-toggle::after {
      display: none; }
  ._buttons .dropdown-menu {
    padding: 10px 0;
    border-radius: 0;
    background-color: #f7faf3;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 400px; }
  .dropdown-menu.show {
      display: flex;
  }
  ._buttons .dropdown-title {
    padding: 4px 6px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 12px;
    color: #212529;
  }
  ._buttons .dropdown-title:focus, ._buttons .dropdown-title:hover {
    color: #b50001;
    text-decoration: none;
  }
  ._buttons .dropdown-item {
    padding: 6px 10px;
    font-size: 12px;
    /* max-width: 212px; */
  }
  ._buttons .dropdown-item:focus, ._buttons .dropdown-item:hover {
    color: #b50001; }
  ._buttons .grey_btn {
    padding-top: 3px;
    text-transform: uppercase;
    color: #b9b9b7;
    font-family: MP;
    font-size: 16px; }
    ._buttons .grey_btn .material-icons {
      padding-left: 2px; }
  ._buttons .material-icons {
    font-size: 14px;
    padding-left: 0px; }
  ._buttons a {
    display: inline-block;
    margin-right: 10px; }
    ._buttons a .material-icons {
      font-size: 14px; }
  ._buttons .searchBar_search {
    display: inline;
    border: none;
    padding: 3px;
    padding-left: 8px;
    color: #111;
    background-color: transparent;
    font-family: MP;
    font-size: 16px;
    flex-grow: 1;
    margin-top: 4px;
    height: 20px;
    padding-right: 0;
    width: calc(100% - 26px); }
    ._buttons .searchBar_search:focus {
      border: 1px solid #c4c4c4; }
  ._buttons form {
    width: calc(100% - 326px); }
    @media screen and (max-width: 1060px) {
      ._buttons form {
        width: calc(100% - 290px); } }
    @media screen and (max-width: 770px) {
      ._buttons form {
        width: calc(100% - 0px); } }
  ._buttons form .material-icons {
    color: #a4c580;
    font-size: 21px !important;
    position: relative;
    top: 5px; }



.regions{
    width: 860px; 
    height: 464px;
    max-height: 800px !important;
}

@media screen and (max-width: 1160px) {
  .regions{
    width: 385px; 
    height: 846px;
    margin-top: 30px; 
    max-height: 900px !important;
  }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.showInMobile{
  display: none;
    width: calc(100% - 187px);
}

.showInMobile ._buttons{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
  margin-top: 0;
}

.showInMobile .social_item {
  display: block !important;
}

@media screen and (min-width: 1360px) {
    body{
      max-width: 1360px;
      margin: 0 auto;
    }

}

strong{
  font-family: MP;
  font-weight: 500;
}

.dropdown-item{
  width: 0;
}

.dropdown-toggle{
  cursor: pointer;
}

h4{
  font-size: 18px;

font-family: MP;

font-weight: normal;

color: firebrick;

line-height: 20px;
}

h4 a{
  color: black;
}

.dropdown-item:active {
    background-color: transparent !important;
    color: black !important;
}

.video_code {
  text-align: center;
}

.gallery_tab {
    width: 100%;
}

.gallery_obj {
    width: 98%;
    background-color: #F0F0F0;
    border: #CCCCCC 1px solid;
    position: relative;
    padding: 5px;
    height: 90px;
}

.gallery_header {
    font-size: 18px;
    position: relative;
    top: -50px;
}

.see_gallery {
    position: absolute;
    bottom: 5px;
    right: 10px;
}


.gallery{
            width: 80%;
            margin: 0 auto;
            margin-top: -50px !important;
        }
        .top_gallery img {
            width: calc(100% + 90px) !important;
            margin: 0 !important;
            margin-left: -45px !important;
        }
        .nav_gallery img{
            margin: 5px 5px !important;
            cursor: pointer;
        }
.gallery_description {
    width: calc(100% + 90px) !important;
    margin: 0;
    margin-left: -45px;
    padding: 0;
    padding: 10px 0 10px 10px;
    color: #333;

    background: #bcbcbc; /* Old browsers */
    background: -moz-linear-gradient(top, #bcbcbc 1%, #bcbcbc 5%, #ffffff 24%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bcbcbc 1%,#bcbcbc 5%,#ffffff 24%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bcbcbc 1%,#bcbcbc 5%,#ffffff 24%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    border: 1px solid #bbb;
    border-top: none;
}

        .nav_gallery .slick-slide.slick-current.slick-active {
           box-shadow: 0 0 0 3px #88a976;
/*            opacity: 0.8;*/
        }

.slick-current:after {
    content: "";
    width: inherit;
    height: inherit;
    border: 2px solid blue;
}

.ar_prev {
    background-image: url('//media.nakanune.ru/images/blocks/prev.png');
    width: 30px;
    height: 31px;
}

#ar_prev,#ar_next {
    position: relative;
    cursor: pointer;
    display: inline-block;
    top: 55px;
    opacity: 0.6;
    transition: 0.25s ease;
}

#ar_prev:hover, #ar_next:hover {
    opacity: 1;
}

#ar_prev {
    left: -60px;
}
#ar_next {
    float: right;
    right: -60px;
}

        .slick-prev{
            height: 20px !important;
            width: 20px !important;
            margin-left: -15px;
            background-repeat: no-repeat !important;
/*            background-color: #4fb719 !important;*/
            background-color: grey !important;
            border-radius: 50px;
        }
        .slick-next{
            height: 20px !important;
            width: 20px !important;
            margin-right: -15px;
            background-repeat: no-repeat !important;
/*            background-color: #4fb719 !important;*/
            background-color: grey !important;
            border-radius: 50px;
        }
        .slick-prev:hover{
            height: 18px;
            width: 18px;
            margin-left: -15px;
            background-repeat: no-repeat;
            background-color: grey !important;
            border-radius: 50px;
        }
        .slick-next:hover{
            height: 18px;
            width: 18px;
            margin-right: -15px;
            background-repeat: no-repeat;
            background-color: grey !important;
            border-radius: 50px;
        }
        .slick-prev:focus{
            height: 18px;
            width: 18px;
            margin-left: -15px;
            background-repeat: no-repeat;
            background-color: grey !important;
            border-radius: 50px;
        }
        .slick-next:focus{
            height: 18px;
            width: 18px;
            margin-right: -15px;
            background-repeat: no-repeat;
            background-color: grey !important;
            border-radius: 50px;
        }
#content img:not(#ar_prev):not(#ar_next) {
  width: inherit;
  height: inherit;
  text-align: center;
  margin: 0 auto;
  display: block;
}

#adv11 {
    margin-bottom: 25px;
}

.hmbg_menu::before{
  display: none !important;
}

.rightCol section {
    margin-left: 20px;
}

.seo {
    margin-top: -10px;
    margin-bottom: -25px;
}

.seo_green {
    color: forestgreen !important;
}