@charset "UTF-8";
/*$base_path: '/var/www/www-root/data/www/isla.di-demo.ru'; */
@import url(/assets/template/css/owl.carousel.min.css);
@import url(/assets/template/css/jquery.fancybox.min.css);
@font-face {
  font-family: 'HelveticaNeueCondensedBold';
  src: url("/assets/template/fonts/HelveticaNeueCondensedBold.eot");
  src: url("/assets/template/fonts/HelveticaNeueCondensedBold.eot?#iefix") format("embedded-opentype"), url("/assets/template/fonts/HelveticaNeueCondensedBold.woff") format("woff"), url("/assets/template/fonts/HelveticaNeueCondensedBold.ttf") format("truetype");
  font-weight: normal;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: 'HelveticaNeueCyr-Roman';
  src: url("/assets/template/fonts/HelveticaNeueCyr-Roman.eot");
  src: url("/assets/template/fonts/HelveticaNeueCyr-Roman.eot?#iefix") format("embedded-opentype"), url("/assets/template/fonts/HelveticaNeueCyr-Roman.woff") format("woff"), url("/assets/template/fonts/HelveticaNeueCyr-Roman.ttf") format("truetype");
  font-weight: normal;
  font-display: swap;
  font-style: normal; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

a {
  text-decoration: none; }

input:focus, input:active, textarea:focus, textarea:active {
  outline: none; }
  
 svg {
	max-width: 100%;
	max-height: 100%; 
 }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #dde;
  position: relative; }

.jspDrag {
  background: #6d4182;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

.col, .main-slide > a, .main-menu > div, .sec-menu > div, .spec-menu > div, footer .foot-menu nav, footer .foot-info > div, div.page, .history-list > div {
  width: 1024px;
  margin: 0 auto; }

html, body {
  height: 100%; }

.wrapper {
  position: relative;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  /*overflow-x: hidden;*/ }

h1, h3, h4, input[type="text"], textarea, .about-options {
  /*font-family: 'HelveticaNeueCondensedBold'; */
  font-family: 'Open sans';
  font-weight: 600; }

.font_settings > h1, div.page > h1, .history-list > div > h1, .expand-content > h1, .font_settings > h2, div.page > h2, .history-list > div > h2, .expand-content > h2, .font_settings > h3, div.page > h3, .history-list > div > h3, .expand-content > h3, .font_settings .title1, div.page .title1, .history-list > div .title1, .expand-content .title1 {
  font-size: 25px;
  padding-bottom: 37px;
  font-weight: bold; }
.font_settings p, div.page p, .history-list > div p, .expand-content p {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 28px; }
.font_settings > ul:not(.main-history), div.page > ul:not(.main-history), .history-list > div > ul:not(.main-history), .expand-content > ul:not(.main-history) {
  padding-left: 25px; }
  .font_settings > ul:not(.main-history) li, div.page > ul:not(.main-history) li, .history-list > div > ul:not(.main-history) li, .expand-content > ul:not(.main-history) li {
    font-size: 18px;
    line-height: 24px;
    list-style-type: disc; }
.font_settings > ol, div.page > ol, .history-list > div > ol, .expand-content > ol {
  padding-left: 25px;
  padding-bottom: 28px; }
  .font_settings > ol li, div.page > ol li, .history-list > div > ol li, .expand-content > ol li {
    font-size: 18px;
    line-height: 24px; }

header {
  width: 100%;
  position: relative;
  font-family: 'Open Sans', sans-serif; }
  header.inside {
    height: auto;
    min-height: 180px;
    background-color: #8fe6de; }

.owl-nav {
  overflow: hidden;
  margin: 0 auto;
  z-index: 999;
  position: relative; }
  .owl-nav .owl-prev {
    float: left; }
  .owl-nav .owl-next {
    float: right;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

#main-slider {
  height: 602px; }
  #main-slider .owl-nav {
    width: 1148px;
    top: -160px; }
    #main-slider .owl-nav > div {
      width: 36px;
      height: 60px;
      background: url(/assets/template/img/slider_arr.png) no-repeat; }
      #main-slider .owl-nav > div:hover {
        background-image: url(/assets/template/img/slider_arr_a.png); }

#where-buy-slider {
  width: 924px;
  margin: 17px auto; }
  #where-buy-slider .owl-item a {
    display: block;
    padding: 0 7px; }
  #where-buy-slider .owl-item img {
    border-radius: 15px;
    margin: 5px 0;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    #where-buy-slider .owl-item img:hover {
      box-shadow: 0 0 14px 3px #51b8af; }
  #where-buy-slider .owl-nav {
    width: 1000px;
    top: -50px;
    left: -50px;
    z-index: -1; }
    #where-buy-slider .owl-nav > div {
      width: 13px;
      height: 25px;
      background: url(/assets/template/img/slider_arr_s.png) no-repeat; }
      #where-buy-slider .owl-nav > div:hover {
        background-image: url(/assets/template/img/slider_arr_sa.png); }

.main-slide {
  position: relative;
  width: 100%;
  height: 602px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .main-slide > a {
    display: block;
    color: #6d4182;
    padding-top: 237px;
    font-size: 56px;
    font-weight: 600;
    line-height: 70px; }
    .main-slide > a.slide-a1 {
      position: relative;
      top: 129px;
      padding: 0;
      height: 389px; }
    .main-slide > a.slide-a2 {
      position: relative;
      top: 147px;
      left: 40px;
      width: 268px;
      padding: 0;
      height: 17px; }

/* Меню*/
nav.menu a {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  margin-right: 32px;
  position: relative; }
  nav.menu a:last-child {
    margin-right: 0; }
  nav.menu a:after {
	  content: attr(data-name);
    box-sizing: border-box;
    padding: 0 26px 8px 26px;    
    text-align: center;
    line-height: 16px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    display: flex;
	align-items:center;
	justify-content: center;
    width: 126px;
    height: 129px;
    position: absolute;
    top: -56px;
	left: -10px;
    background: url(/assets/template/img/munu_item_back.png) no-repeat;
    z-index: 1000;
    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
  nav.menu a:hover:after, nav.menu a.active:after {
    -webkit-transform: scale(1) rotate(-25deg);
    -ms-transform: scale(1) rotate(-25deg);
    transform: scale(1) rotate(-25deg); }
nav.menu a:hover, nav.menu a.active{
	color: transparent;
}

.main-menu {
  position: absolute;
  top: 41px;
  left: 0;
  background-color: #6d4182;
  width: 100%;
  height: 73px;
  z-index: 999; }
  .main-menu > div {
	      display: flex;
    align-items: center;
    padding-top: 21px;
    font-size: 0; }
    .main-menu > div .logo {
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .main-menu > div nav {
      display: flex;
    flex-grow: 1;
    justify-content: space-between;
      margin-left: 30px;
      vertical-align: middle; }
      

.sec-menu, .spec-menu {
  width: 100%;
  height: auto;
}
  .sec-menu > div, .spec-menu > div {
    text-align: center; }
    .sec-menu > div a, .spec-menu > div a {
      position: relative;
		background-size: contain;
      z-index: 999;
      display: inline-block;
      width: 174px;
      height: 167px; }
      .sec-menu > div a span, .spec-menu > div a span {
        display: none; }
      .sec-menu > div a:not(.about):hover, .spec-menu > div a:not(.about):hover, .sec-menu > div a:not(.about).active, .spec-menu > div a:not(.about).active {
        background-image: none !important; }
        .sec-menu > div a:not(.about):hover:after, .spec-menu > div a:not(.about):hover:after, .sec-menu > div a:not(.about).active:after, .spec-menu > div a:not(.about).active:after {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1); }
      .sec-menu > div a:after, .spec-menu > div a:after {
        content: '';
        display: block;
        width: 470px;
        height: 314px;
        position: absolute;
		background-size: contain;
        top: -78px;
        left: -148px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
      .sec-menu > div a:nth-child(1), .spec-menu > div a:nth-child(1) {
        background-image: url(/assets/template/img/m_item_1.png);
        margin-right: 374px; }
        .sec-menu > div a:nth-child(1):after, .spec-menu > div a:nth-child(1):after {
          background-image: url(/assets/template/img/m_item_1a_110924.png);
          left: -92px; }
      .sec-menu > div a:nth-child(2), .spec-menu > div a:nth-child(2) {
        background-image: url(/assets/template/img/m_item_3.png); }
        .sec-menu > div a:nth-child(2):after, .spec-menu > div a:nth-child(2):after {
          background-image: url(/assets/template/img/m_item_3a_110924.png); }

.spec-menu {
  background-color: transparent;
  margin: 0 0 130px; }
  .spec-menu a:hover:before, .spec-menu a.active:before {
    content: '';
    display: block;
    width: 37px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 207px;
    left: 93px; }
  .spec-menu a:nth-child(1):before {
    background-image: url(/assets/template/img/arrd_1.png); }
  .spec-menu a:nth-child(2):before {
    background-image: url(/assets/template/img/arrd_2.png); }
  .spec-menu a:nth-child(3):before {
    background-image: url(/assets/template/img/arrd_3.png); }

.spec-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-family: 'Open Sans';
  color: #fff; }
  .spec-popup:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .spec-popup > div {
    display: inline-block;
    width: 676px;
    height: 677px;
    vertical-align: middle;
    background: url(/assets/template/img/spec_warn_bg.png) no-repeat; }
    .spec-popup > div p:nth-child(1) {
      font-size: 25px;
      padding: 192px 25px 0 0;
      line-height: 31px; }
    .spec-popup > div p:nth-child(2) {
      font-size: 22px;
      padding-top: 64px;
      padding-right: 32px;
      padding: 64px 32px 0 0;
      line-height: 30px; }
    .spec-popup > div .spec-popup-buttons {
      font-family: 'HelveticaNeueCondensedBold';
      padding: 20px 30px 0 0;
      font-weight: 600;
      font-size: 89px; }
      .spec-popup > div .spec-popup-buttons span {
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
        .spec-popup > div .spec-popup-buttons span:not(:nth-child(2)) {
          opacity: .7;
          cursor: pointer; }
          .spec-popup > div .spec-popup-buttons span:not(:nth-child(2)):hover {
            opacity: 1; }
        .spec-popup > div .spec-popup-buttons span:nth-child(2) {
          display: inline-block;
          width: 38px;
          height: 55px;
          margin: 0px 23px;
          background-size: contain;
          background-image: url(/assets/template/img/slider_arr.png);
          background-repeat: no-repeat; }

footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
 /* height: 223px;*/
  font-family: 'Open Sans', sans-serif;
  background-color: #fff; }
  footer .warning {
    width: 100%;
    height: 86px;
    background: url(/assets/template/img/warning1.png) 50% 0 no-repeat; }
  footer .foot-menu {
    background-color: #6d4182;
    height: 53px; }
    footer .foot-menu nav {
		display:flex;
		justify-content: space-between;
      padding: 16px 0 0 25px; }      
  footer .foot-info {
    background-color: #57cec8;    
    margin-top: 4px; }    
        footer .foot-info > div .soci a {
          display: inline-block;
          width: 35px;
          height: 35px;
          margin-right: 5px;
		  overflow: hidden;
		  border-radius: 100px;		  
          color: #57CEC8; }          
          footer .foot-info > div .soci a:hover {
            color: #63437f;
			}      
#content-wrapper {
  position: relative;
  /*padding-bottom: $footer-height;*/ }

#note-back {
  position: absolute;
  top: 0;
  left: 5%;
  width: 90%;
  height: 80%;
  max-height: 774px;
  background: url(/assets/template/img/notes-back.png) no-repeat;
  background-size: cover;
  z-index: 0; }

@media (max-width: 1614px) {
  #note-back {
    width: 100%;
    max-height: 673px;
    left: 0; } }
.back-color1 {
  background-image: -moz-linear-gradient(-90deg, #8ce5dd 0%, white 72%);
  background-image: -webkit-linear-gradient(-90deg, #8ce5dd 0%, white 72%);
  background-image: -ms-linear-gradient(-90deg, #8ce5dd 0%, white 72%); }

.back-color2 {
  background-image: -moz-linear-gradient(-90deg, #f4df95 0%, white 72%);
  background-image: -webkit-linear-gradient(-90deg, #f4df95 0%, white 72%);
  background-image: -ms-linear-gradient(-90deg, #f4df95 0%, white 72%); }

div.page, .history-list > div {
  font-family: 'HelveticaNeueCyr-Roman';
  color: #6d4182;
  position: relative;
  padding: 0 20px 20px 20px; }

.expand-content {
  overflow: hidden; }
  .expand-content > h2 {
    font-family: 'Open sans';
    font-weight: 600; }
  .expand-content.active {
    height: auto; }

.expand-content-bt {
  overflow: hidden; }
  .expand-content-bt a {
    float: right; }

.crumbs {
  color: #fff;
  padding: 37px;
  font-size: 14px; }
  .crumbs li {
    display: inline-block; }
  .crumbs a {
    color: #fff;
    text-decoration: underline; }
  .crumbs .active a, .crumbs a:hover {
    color: #6d4182;
    text-decoration: none; }

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5f3f0+0,c8aed5+0,c781c0+1,c17cbb+1,bf85c0+2,c57dbc+2,c07fbf+3,c07ebc+7,bd7dba+8,bd7cbc+10,b678b7+15,b274b5+21,a66bad+30,a56aae+32,9f66aa+35,6d418c+72,562f7e+94,542d7e+100 */
.article-preview {
  overflow: hidden;
  padding-bottom: 37px; }
  .article-preview > a {
    position: relative;
    display: block;
    float: left;
    width: 268px;
    /*
    height: 211px;
    padding: 28px 15px 0 35px;
    */
    height: 219px;
    padding: 20px 15px 0 35px;
    color: #fff;
    background-color: #51b8af;
    margin-right: 25px;
    border-top-left-radius: 33px;
    border-bottom-right-radius: 33px; }
    .article-preview > a:last-child {
      margin-right: 0; }
    .article-preview > a .ap-title {
      font-size: 18px;
      height: 46px;
      font-family: 'Open sans';
      font-weight: 600; }
    .article-preview > a .content {
      font-size: 15px;
      line-height: 17px; }
    .article-preview > a > p {
      text-align: right;
      padding: 11px 27px 0 0;
      font-size: 14px; }
    .article-preview > a img {
      display: block;
      border-bottom-right-radius: 33px;
      position: absolute;
      width: 100%;
      max-height: 171px;
      bottom: 0;
      left: 0;
      opacity: 1;
      -moz-transition: all .2s;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    .article-preview > a:hover {
      background: #c5f3f0;
      /* Old browsers */
      background: -moz-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5f3f0', endColorstr='#542d7e',GradientType=0 );
      /* IE6-9 */ }
      .article-preview > a:hover img {
        opacity: 0; }

ul.main-history {
  overflow: hidden;
  display: block;
  background: url(/assets/template/img/notes_history_main.png) 1px 101px no-repeat;
  height: 380px; }
  ul.main-history li {
    position: relative;
    display: block;
    float: left;
    width: 238px;
    font-size: 14px;
    line-height: 17px; }
	ul.main-history li:nth-child(1) {
      top: 71px;
      }
    ul.main-history li:nth-child(2) {
      left: 30px;
      }
    ul.main-history li:nth-child(3) {
      left: 56px;
      top: 25px; }
    ul.main-history li:nth-child(4) {
      left: 94px;
      top: 96px; }
    ul.main-history li a {
      position: absolute;
      display: block;
      width: 146px;
      height: 146px;
      left: 16px;
      top: 2px; }
      ul.main-history li a img {
        max-width: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
      ul.main-history li a:hover img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
    ul.main-history li span {
      position: relative;
      top: 0; }
      ul.main-history li span.active {
        font-weight: 600;
        top: 170px; }

ul.main-history li:nth-child(2) span.active {
	top:224px;
}
ul.main-history li:nth-child(2) a {
	top:70px;
}
ul.main-history li:nth-child(3) span.active {
	top:240px;
}
ul.main-history li:nth-child(3) a {
	top:91px;
}
ul.main-history li:nth-child(4) a {
	top:18px;
}


.news-list-page {
  overflow: hidden;
  padding-bottom: 22px; }
  .news-list-page img {
    float: left;
    margin-right: 22px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px; }
  .news-list-page .published {
    font-size: 12px;
    line-height: 46px; }
  .news-list-page p, .news-list-page ul {
    font-size: 18px;
    line-height: 24px; }
    .news-list-page p a, .news-list-page ul a {
      text-decoration: underline;
      color: #6d4182; }
  .news-list-page ul {
    list-style: disc outside;
    padding-left: 22px; }
    .news-list-page ul li {
      padding-bottom: 7px; }
  .news-list-page > .button {
    margin-top: 14px; }

.news-list-item {
  overflow: hidden;
  margin-bottom: 33px; }
  .news-list-item > a {
    float: left;
    display: block;
    width: 202px; }
    .news-list-item > a img {
      max-width: 100%;
      margin: 10px 0 12px 17px;
      border-top-left-radius: 20px;
      border-bottom-right-radius: 20px;
      -moz-transition: all .2s;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
      .news-list-item > a img:hover {
        box-shadow: 0 0 14px 3px #51b8af; }
  .news-list-item .item-content {
    position: relative;
    margin-left: 237px;
    padding-top: 7px;
    min-height: 162px; }
    .news-list-item .item-content .title {
        color: #6d4182;
		font-size: 22px;
		line-height: 1.1;
		font-weight: 600;
		display: inline-block;
		padding-bottom: 11px; 
	}
	.news-list-item .item-content p {
		line-height: 1.01;
		font-size: 1.19rem;
	}
      .news-list-item .item-content .title:hover {
        text-decoration: underline; }
    .news-list-item .item-content .published {
      font-size: 12px;
      line-height: 46px; }
    .news-list-item .item-content > p {
      font-size: 17px;
      line-height: 19px; }
    .news-list-item .item-content .button {
      position: absolute;
      bottom: 0;
      right: 11px; }

.button {
  display: inline-block;
  background: #51b8af;
  color: #fff;
  font-size: 16px;
  line-height: 35px;
  padding: 0 22px;
  border: none;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px; }
  .button:hover, .button.active {
    background: #c5f3f0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5f3f0', endColorstr='#542d7e',GradientType=0 );
    /* IE6-9 */ }

.pagination {
  text-align: center;
  padding: 44px 0; }
  .pagination a {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin: 0 8px; }
    .pagination a.prev {
      width: 0px;
      position: relative; }
      .pagination a.prev:before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        border-style: solid;
        border-width: 12px 12px 12px 0;
        border-color: transparent #51b8af;
        bottom: -7px;
        right: -1px; }
      .pagination a.prev:after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #fff;
        bottom: -5px;
        right: -2px; }
      .pagination a.prev:hover:before {
        border-color: transparent #6d4182; }
    .pagination a.next {
      width: 0px;
      position: relative; }
      .pagination a.next:before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        border-style: solid;
        border-width: 12px 0 12px 12px;
        border-color: transparent #51b8af;
        bottom: -7px;
        left: -5px; }
      .pagination a.next:after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent #fff;
        bottom: -5px;
        left: -6px; }
      .pagination a.next:hover:before {
        border-color: transparent #6d4182; }
    .pagination a.page {
      background-color: #51b8af;
      border-radius: 25px;
      color: #fff;
      line-height: 39px;
      font-size: 16px; }
      .pagination a.page:hover, .pagination a.page.active {
        background: #c5f3f0;
        /* Old browsers */
        background: -moz-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5f3f0', endColorstr='#542d7e',GradientType=0 );
        /* IE6-9 */ }

.sel-wrap {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #6d4182;
  width: 288px;
  height: 42px;
  background: #fff url(/assets/template/img/arrd_2.png) 245px 15px no-repeat;
  background-size: 26px 15px; }
  .sel-wrap select {
    color: #6d4182;
    width: 313px;
    height: 100%;
    line-height: 38px;
    text-indent: 13px;
    font-size: 15px;
    font-weight: 600;
    outline: none;
    background-color: transparent;
    border: none; }

.form {
  display: table;
  width: 100%;
  padding: 25px 8px 12px 41px;
  margin-bottom: 54px;
  border-top-left-radius: 34px;
  border-bottom-right-radius: 34px;
  background: #c5f3f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5f3f0', endColorstr='#542d7e',GradientType=0 );
  /* IE6-9 */ }
  .form > table {
    border-spacing: 5px 2px;
    border-collapse: separate; }
    .form > table tr > td {
      vertical-align: top; }
  .form .form-title {
    display: table-row;
    color: #fff;
    font-size: 28px; }
    .form .form-title span {
      display: table-cell;
      padding-bottom: 18px; }
  .form > div {
    display: table-cell;
    vertical-align: top; }
  .form .sel-wrap {
    position: relative;
    background: #fff;
    width: 292px; }
    .form .sel-wrap select {
      height: 49px;
      font-size: 17px;
      text-indent: 17px; }
    .form .sel-wrap:after {
      content: '';
      display: block;
      background: #fff url(/assets/template/img/arrd_2.png) center no-repeat;
      background-size: 22px;
      width: 38px;
      height: 49px;
      position: absolute;
      top: 0;
      right: 0;
      pointer-events: none; }
  .form input[type="text"], .form textarea {
    border: none;
    font-size: 17px;
    color: #6d4182;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .form input[type="text"]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
      color: #6d4182;
      opacity: 1;
      -moz-transition: all .2s;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    .form input[type="text"]::-moz-placeholder, .form textarea::-moz-placeholder {
      color: #6d4182;
      opacity: 1;
      -moz-transition: all .2s;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    .form input[type="text"]:-moz-placeholder, .form textarea:-moz-placeholder {
      color: #6d4182;
      opacity: 1;
      -moz-transition: all .2s;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    .form input[type="text"]:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
      color: #6d4182;
      opacity: 1;
      -moz-transition: all .2s;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    .form input[type="text"]:focus::-webkit-input-placeholder, .form textarea:focus::-webkit-input-placeholder {
      opacity: 0; }
    .form input[type="text"]:focus::-moz-placeholder, .form textarea:focus::-moz-placeholder {
      opacity: 0; }
    .form input[type="text"]:focus:-moz-placeholder, .form textarea:focus:-moz-placeholder {
      opacity: 0; }
    .form input[type="text"]:focus:-ms-input-placeholder, .form textarea:focus:-ms-input-placeholder {
      opacity: 0; }
  .form input[type="text"] {
    text-indent: 23px;
    height: 43px;
    width: 294px; }
  .form textarea {
    width: 335px;
    height: 140px;
    padding: 21px 0 0 23px; }
  .form p {
    color: #fff; }
  .form .error {
    color: #fff;
    font-size: 12px;
    padding: 5px; }
  .form .succes-message {
    text-align: center;
    position: relative;
    top: -16px;
    font-size: 20px; }
  .form.faq {
    margin-left: -4px; }
    .form.faq .button {
      position: relative;
      width: 304px;
      font-family: 'HelveticaNeueCondensedBold';
      font-size: 26px;
      line-height: 67px;
      padding-left: 50px;
      cursor: pointer;
      outline: none;
      border-top-left-radius: 30px;
      border-bottom-right-radius: 30px; }
      .form.faq .button:after {
        content: '';
        display: block;
        position: absolute;
        width: 26px;
        height: 24px;
        background: url(/assets/template/img/aircraft.png) no-repeat;
        top: 22px;
        left: 62px; }

.succes-message {
  margin: -16px 0 28px 0;
  font-size: 18px;
  font-weight: bold; }

.title-alt {
  display: block;
  background: #c5f3f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c5f3f0 0%, #c8aed5 0%, #c781c0 1%, #c17cbb 1%, #bf85c0 2%, #c57dbc 2%, #c07fbf 3%, #c07ebc 7%, #bd7dba 8%, #bd7cbc 10%, #b678b7 15%, #b274b5 21%, #a66bad 30%, #a56aae 32%, #9f66aa 35%, #6d418c 72%, #562f7e 94%, #542d7e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5f3f0', endColorstr='#542d7e',GradientType=0 );
  /* IE6-9 */
  color: #fff;
  font-size: 19px !important;
  line-height: 53px;
  padding: 0 0 0 59px !important;
  border-top-left-radius: 23px;
  border-bottom-right-radius: 23px; }

.history-list {
  width: 100%;
  height: 470px;
  background: url(/assets/template/img/history-back.png) center top no-repeat; }
  .history-list > div {
    height: 100%; }
  .history-list dl {
    position: relative;
    display: block;
    width: 100%;
    height: 100%; }
    .history-list dl dt {
      position: absolute;
      display: block;
      width: 107px;
      height: 61px;
      background: #95e4da;
      -moz-border-radius: 88px / 50px;
      -webkit-border-radius: 88px / 50px;
      border-radius: 88px / 50px;
      text-align: center;
      color: #fff;
      font-size: 21px;
      font-weight: 600;
      line-height: 62px;
      cursor: pointer;
      -moz-transition: all .2s;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
      .history-list dl dt:hover, .history-list dl dt.active {
        background: #6d4182; }
        .history-list dl dt:hover + dd, .history-list dl dt.active + dd {
          opacity: 1; }
    .history-list dl dd {
      display: block;
      opacity: 0;
      position: absolute;
      overflow: hidden;
      top: 250px;
      -moz-transition: all .2s;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
      .history-list dl dd > div {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 184px;
        height: 141px;
        border: 1px solid #6d4182;
        border-top-left-radius: 19px;
        border-bottom-right-radius: 19px; }
        .history-list dl dd > div img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          margin: auto;
          max-width: 95%;
          max-height: 95%;
          border-top-left-radius: 19px;
          border-bottom-right-radius: 19px; }
      .history-list dl dd > p {
        display: inline-block;
        vertical-align: middle;
        font-size: 27px;
        width: 341px;
        line-height: 38px;
        padding-left: 13px; }

.about-options {
  display: none;
  overflow: hidden;
  margin-top: -20px; }
  .about-options img {
    float: left;
	margin-left:-20px;
	
    width: 645px; }
	
 .about-options [class^="list-"] {
	 padding-top: 42px;
    margin-left: 618px; }
    .about-options ul li {
      font-size: 16px;
      padding-left: 18px;
      line-height: 45px; }
  .about-options .list-1 {
    color: #013e0e;
    list-style-image: url(/assets/template/img/note1.png); }
  .about-options .list-2 {
    color: #6d4182;
    list-style-image: url(/assets/template/img/note2.png); }
  .about-options .list-3 {
    color: #00567a;
    list-style-image: url(/assets/template/img/note3.png); }
  .about-options.active {
    display: block; }

.not-found {
  text-align: center;
  line-height: 57px;
  padding-top: 150px; }
  .not-found h1 {
    font-size: 60px; }

.site-map {
  padding: 0 0 60px 82px; }
  .site-map ul {
    padding-left: 20px; }
  .site-map li {
    list-style-type: none !important; }
    .site-map li a {
      color: #6d4182; }
      .site-map li a:visited {
        color: #6d4182; }

#up_arrow {
  position: fixed;
  right: 30px;
  bottom: 174px;
  cursor: pointer;
  display: none; }
  #up_arrow img {
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    #up_arrow img:first-child {
      opacity: 0; }
    #up_arrow img:last-child {
      position: absolute;
      top: 0;
      left: 0; }
  #up_arrow:hover img:first-child {
    opacity: 1; }
  #up_arrow:hover img:last-child {
    opacity: 0; }

.where-filter {
  position: relative;
  font: 600 15px 'Open sans';
  padding: 17px 0;
  text-align: center; }
  .where-filter span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px; }

#map {
  height: 400px; }

#sel-list {
  padding-right: 20px;
  margin: 14px 0;
  overflow-y: auto;
  width: 1004px;
  height: 300px; }
  #sel-list p {
    line-height: 26px;
    padding-left: 10px;
    font-size: 14px;
    cursor: pointer; }
    #sel-list p:nth-child(odd) {
      background-color: #d1f5f1; }
    #sel-list p:nth-child(even) {
      background-color: #fff; }

.filter {
  padding: 4px 0 33px 0; }
  .filter .button {
    margin: 0 7px 16px 0;
    position: relative; }
    .filter .button button {
      display: none;
      background-color: transparent;
      border: 1px solid #7e6e9c;
      color: #7e6e9c;
      position: absolute;
      top: -15px;
      right: -20px;
      width: 18px;
      height: 18px;
      border-radius: 15px;
      font-size: 14px;
      padding: 0;
      line-height: 0;
      cursor: pointer;
      outline: none; }
    .filter .button.active button {
      display: block; }

.faq_button {
  text-align: right;
  margin: -64px 0 29px 0; }

.back-button {
  position: relative;
  top: 14px;
  left: -58px;
  color: #6d4182; }
  .back-button:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    background: url(/assets/template/img/faq_ico.png) -44px 0 no-repeat;
    position: absolute;
    top: -14px;
    right: -22px; }
  .back-button:hover {
    text-decoration: underline; }

.search-form {
  display: block;
  width: 101%;
  margin-left: -3%;
  height: 89px;
  padding: 6px 0 0 35px;
  margin-bottom: 25px;
  background-color: #6d4182;
  border-top-left-radius: 33px;
  border-bottom-right-radius: 33px; }
  .search-form:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .search-form label, .search-form input, .search-form button {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none; }
  .search-form label {
    color: #fff;
    font-size: 24px;
    margin-right: 19px; }
  .search-form input {
    height: 35px;
    width: 668px;
    margin-right: 10px;
    text-indent: 18px; }
  .search-form button {
    width: 42px;
    height: 39px;
    background: url(/assets/template/img/faq_ico.png) no-repeat;
    cursor: pointer; }

.searchtxt {
  background-color: #51b8af; }

.filter-wb {
  padding: 29px 0;
  font-family: 'Open sans'; }
  .filter-wb > span {
    position: relative;
    font-size: .95em;
    font-weight: 600;
    margin-right: 8px; }
  .filter-wb__city {
    display: inline-block;
    position: relative; }
    .filter-wb__city.busy:after {
      background-image: url(/assets/template/img/25.gif); }
    .filter-wb__city input {
      background-color: transparent;
      border: 1px solid #6d4182;
      color: #6d4182;
      height: 1.75em;
      text-indent: 8px;
      font-size: 1em;
      font-weight: bold;
      width: 115%; }
      .filter-wb__city input:focus {
        outline: #6d4182;
        outline-style: auto; }
    .filter-wb__city:after {
      content: '';
      display: block;
      width: 40px;
      height: 30px;
      background: #ACECE6 url(/assets/template/img/arrd_2.png) 50% 50% no-repeat;
      background-size: 47%;
      position: absolute;
      left: 93%;
      top: 1px; }
    .filter-wb__city_list {
      display: none;
      padding: 3px 0;
      margin: 0;
      font-size: 1em;
      position: absolute;
      top: 35px;
      left: -2px;
      list-style: none;
      text-align: left;
      z-index: 999;
      white-space: nowrap;
      background-color: #fff;
      border: 1px solid #6d4182; }
      .filter-wb__city_list li {
        display: block;
        padding: 0 10px;
        color: #6d4182;
        cursor: pointer; }
        .filter-wb__city_list li:hover {
          font-weight: bold; }
  .filter-wb__drug {
    float: right;
    position: relative;
    top: -8px;
    padding-right: 16px; }
    .filter-wb__drug_radio {
      display: inline-block; }
      .filter-wb__drug_radio input {
        display: none; }
        .filter-wb__drug_radio input:checked + label:before {
          content: '';
          display: block;
          width: 30px;
          height: 27px;
          position: absolute;
          top: -3px;
          left: 6px;
          background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAMAAABcI88jAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA+VBMVEUAAABtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYJtQYIAAADoCMDxAAAAUXRSTlMAG5O0WUDwOj32YDHxLh3lvw7S9ygEuWGbkH26A2TeElD99T5XK2gwieOnJOu1+xzh2A/k3CIV7yal0UdJAc/VeN8RlzIKX+qHNKNCqAYz/BPVd+O/AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAPlJREFUKM910ulCwjAMAOAKcnlwDPBAQDYQueYAmScFQUEBOfL+L+PWjFkgza8039o12RhTxVEgeKxEFgoDQESl0ZijcKLQ0zNX4ZzWeEJoktaUJjSdITV7IRQu6c1XqNe05lBv8qQWUIu3pJZ0oQbdUzmGmyve+q4qP3eP44DatlAHaKS2i2YL1fSvBQ8AmoW51UbtdP3jHt11z3bTpw7q88v/215Fpe3s776h6u/SZfpY61k8iBnk5E74AIvDD09NvtNpCHZiNN6bxKes6a/9QU00iaeHg7S/ff2hBj0zPJ1zitkCP8Tvkv4D2GoIsK7lmSq4PdsQ5T807kyATwetfQAAAABJRU5ErkJggg==") no-repeat; }
      .filter-wb__drug_radio label {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 30px;
        border: 1px solid #6d4182;
        margin-right: 12px; }
      .filter-wb__drug_radio:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 51px;
        height: 48px; }
    .filter-wb__drug .moos:after {
      background: url(/assets/template/img/moos_min.png) no-repeat; }
    .filter-wb__drug .mint:after {
      margin-right: 31px;
      background: url(/assets/template/img/mint_min.png) no-repeat; }

.not-found-message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; }
  .not-found-message__popup {
    position: relative;
    color: #6d4182;
    border: 1px solid #6d4182;
    background: #fff;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    padding: 49px 58px;
    text-align: center;
    max-width: 373px; }
    .not-found-message__popup_close {
      position: absolute;
      top: 3px;
      right: 9px;
      cursor: pointer; }

.balloon {
  color: #6d4182;
  position: relative; }
  .balloon.active:before {
    content: '';
    display: block;
    width: 62px;
    height: 35px;
    background: url(../images/gk_icons.png) 0 -25px;
    position: absolute;
    top: -5px;
    left: -5px; }
  .balloon__name {
    text-decoration: none;
    font-weight: 600;
    font-size: 1.5em;
    color: #6d4182;
    display: block;
    line-height: 1.2em;
    padding: 14px 20px 0 50px; }
  .balloon__stars {
    text-align: center; }
    .balloon__stars-item {
      display: inline-block;
      vertical-align: top;
      width: 18px;
      height: 16px;
      background: url(/assets/template/img/stars.png) -18px 0;
      margin-right: 2px; }
      .balloon__stars-item.active {
        background-position-x: 0; }
  .balloon__address, .balloon__phone, .balloon__price {
    font-family: 'Open Sans', sans-serif; }
  .balloon__address {
    font-size: .88em;
    text-align: center; }
    .balloon__address:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 14px;
      height: 23px;
      background: url(/assets/template/img/map_point_b.png);
      margin-right: 8px;
      position: relative;
      top: 2px; }
    .balloon__address span {
      font-family: inherit;
      display: inline-block;
      vertical-align: middle; }
  .balloon__phone {
    font-size: 1.1em;
    text-align: center; }
  .balloon__price {
    font-weight: 700;
    font-size: 1.48em; }
  .balloon__button {
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
    color: #6d4182;
    text-decoration: none;
    border: 1px solid #6d4182;
    padding: 0 29px; }
    .balloon__button:hover {
      color: #fff;
      background-color: #6d4182; }
  .balloon__panel {
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-width: 286px; }

.article-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0; }

.inside-table td {
  border: 1px solid #6d4182;
  vertical-align: middle;
  padding: 5px 20px; }
  .inside-table td p {
    padding: 0; }

@media screen and (max-width: 1024px) {
  body.mobile .wrapper, body.mobile .col, body.mobile .main-slide > a, body.mobile .main-menu > div, body.mobile .sec-menu > div, body.mobile .spec-menu > div, body.mobile footer .foot-menu nav, footer .foot-menu body.mobile nav, body.mobile footer .foot-info > div, footer body.mobile .foot-info > div, body.mobile div.page, body.mobile .history-list > div, body.mobile .main-slide > a, body.mobile .main-menu > div, body.mobile .sec-menu > div, body.mobile .spec-menu > div, body.mobile .spec-menu > div, body.mobile footer .foot-menu nav, body.mobile footer .foot-info > div, body.mobile div.page, body.mobile .history-list > div, body.mobile .history-list > div {
    width: auto;
    min-width: 300px; }

  body.mobile .crumbs {
    line-height: 22px; }

  body.mobile div.page, body.mobile .history-list > div {
    padding: 0 7%; }

  body.mobile .main-menu {
    top: 16px;
    height: 86px;
    z-index: 1000; }

  body.mobile .main-menu:after {
    position: absolute;
    background: #fff;
    height: 8px;
    width: 65px;
    content: '';
    top: 50%;
    margin-top: -10px;
    right: 35px;
    border-top: 6px solid #6d4182;
    border-bottom: 6px solid #6d4182;
    box-shadow: 0 -8px 0 0 #fff, 0 8px 0 0 #fff;
    cursor: pointer; }

  body.mobile .main-menu > div .logo {
    margin: 10px 0 0 60px; }

  body.mobile .main-menu > div nav {
	  display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    background: #6d4182;
    margin-left: 0;
    overflow: hidden;
    height: 0; }

  body.mobile .main-menu.active > div nav {
    height: auto; }

  body.mobile nav.menu a {
    display: block;
    width: auto;
    text-align: center;
    margin: 0;
    padding: 20px; }

  body.mobile nav.menu a:after {
    display: none; }

  body.mobile .main-slide > a {
    padding: 185px 0 0 60px; }

  body.mobile .main-slide .slide-a1 {
    padding: 0; }

  body.mobile .main-slide .slide-a2 {
    padding: 0; }

  body.mobile #main-slider .owl-nav {
    display: none; }

  body.mobile .sec-menu, body.mobile .spec-menu {
    position: relative; }

  body.mobile .sec-menu > div a, body.mobile .spec-menu > div a {
    background-size: contain;
    background-repeat: no-repeat;
    height: 147px;
    width: 154px;
    top: -70px;
    /*margin: 0; */ }

  body.mobile .sec-menu > div a:nth-child(1), body.mobile .spec-menu > div a:nth-child(1) {
    margin-right: 20%; }

  body.mobile .sec-menu > div a:after, body.mobile .spec-menu > div a:after {
    display: none; }

  body.mobile .spec-menu > div a.active:after {
    display: block !important; }

  body.mobile .article-preview {
    text-align: center; }

  body.mobile .article-preview > a > h4 {
    font-size: 17px;
    padding-bottom: 10px;
    display: table-cell;
    width: 100%;
    height: 50px;
    vertical-align: middle; }

  body.mobile .article-preview > a {
    width: 45%;
    padding: 0;
    height: auto;
    display: inline-block;
    float: none;
    margin: 0 2% 20px; }

  body.mobile .article-preview > a:hover {
    background: none; }

  body.mobile .article-preview .ap-title {
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
    border-top-left-radius: 33px;
    overflow: hidden;
    padding: 20px 20% 20px 10%;
    background: #51b8af url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAwCAYAAADpVKHaAAADxElEQVRYhb2XXYhVVRTH/3s+KnO0SYlRK+k1tSGL0pKQpMIiRKKHQCosIUzyoYhAQtCgD/qghqQInaIeil4SIpqHSILyq5cymQgpCbUsrwlmTeqdfj3sdZg1u3Pv3HPnnFlwOZz/Wmf99tl377XXCZoiA7okXSVplqRaCOGnqQIvB35nvN3UOQXgFZKGJM1MXLVK4cB8Sbsk9eS4/+ioENwh6V1JvQ1CZlYGl7RB0nJ3f0jSj+7+n0qowGzglC2sUWAr0AkscAvumargrzrwGqf3O/gtVYDnAiMGeDLxPWz6z7YmSoe/bIAvgJD4hsy3pQrwDOC0ARYnvhtNPwdcWQX8EQN8nOiXAN+b783SwQbZZYA7nDYH2G/6CDC3CvAMm9JfgA6gC1gP1NwK31Q62OCrDDAEbAaOMN52E0+20oABWGT/9T4a2+FSptum9DbgHeBEE6B/4yvKgD4ADLcABPgTeAqY3MkJLJ5gWr2dIRaaOZOCGngjcLYF6AjwKNDoCC0EDcBAE9hZ4DPgcaAOfDJpqIO/lgM8DrwCrAQutrgV5ltfFnhdAj1F3E7dObEvWcz8MsCXE1dqZl8D85rEHwQOtMPKqzhPaKzh2yPp9hDCXw7WL2mppHmSOiUtlPQ20B1CON/OILLEnYz1178Bfc53LbC3yQKsAc8B09qFX++S3e/0pcDfTcDevsQWY1H4WktwFDsEiKfTIZf8JPAe8FaTAQy0A99kDw86bZVLugPoMT3bYgP8v8bXaaGep01cVocPO22ZXT+StC6EcMbu75L0r6Qtiv356STPfUXhv9p1utMutevWEAJOXylpbwjhZAhhWNLmJNeSovCDdr3ZaUeSgWXfYAslferiPkhyXTYRfJzZ4srankWmXUNs/pe5uKxRvC553ttXheCW4MXsYewsBu4EZrmYncQ6H5x2dQJ/vx34bNtO2HZKG/8LiOV3MNG3JfANheGW6G6baoBB4ELny7bYvU5b7eIhnu19+dlbG8Aa4LwlGwbuAbqJR2od6CUeQi/Yvbdn2wa7ASxh7EsDYos0Yr8fyLfPyTl62x1AF/AgsKcBLLM68DpwUau5/Wrtl3Sr4n7eGUI4lzOQHZIekrRdsRBNk3RC0rf2zLF23s4vMGyq+5KY6cQv0KOFARPAv8uZxjeSmI2mbysTHBr8h/tcTA9jTcaENbvoAPLsQ+ffblrxktkCfHcOfLXNytN2PwrcUAV8AXDMgQ8AzwPfOO2x0sFuAL3EanU8mYEasLYKZsgTiRWqQ9JoCKFeBViS/gNc5XNXC8w0mwAAAABJRU5ErkJggg==") no-repeat right 5% center; }

  body.mobile .article-preview > a:nth-child(2n) .ap-title {
    background-color: #ffcb16;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAYAAAAXb/p7AAAD6ElEQVRYhb2YXYhWRRjH/++6q7lsJUWZ9gFL2yIr27bWRUFIUIJ9we5FUULQRRdRYYGkXlSUXShlVHcJIosVXYQXQhj0QR/KllpUhCQFlVuZJJibuuKu66+L5xx33nnnnPe8xzP7h2HnnJln5vc+Z2b2eaYGaBbULelJSSsk9UuqSZqQtFfSR5LelvRX0BKYjTJOviaBN4Eu37ZtNtwnaX+T9g5JqyV9K2mJ2xATsNupf1jQplfSbkl9599E+qTtwAHgkuR5MTDV5DO7+iW1jeXB5YkXHkyeD0t6vwX7HkkbJUXz4PrEE98Dbcm7JcDZFrw4CVwby4MLk78DmvHiQUmvtTBGh6SHYwGeceovSZqX1F+Q7dSiui8W4CGn3isDkwx8SNKfBccZjLUGb/LW0zSwwmnvAX4rshBj/vc46M31L9DvtF8FfNmEb7JqqAVO/dHAhEeBAafPHOBZYCID8Jsq4RYBvwLXJc9twOeBSf8DhgK2byRtrl6sCm4+sC8Z9F3n/WLgUIZ3Rqj3uIBO4CFgK/ADsKgKuBrwnjf5sNPeg3k2pCPAM8kPDI5fBeDzgYnHgRudPlcAH2RAAvwNbABuqBpwOGfSo8Cg1/9u4BPs2AnpU2bWsADVoHREPShpj6TOnD6nJD0lacR7v0DSMknXyEK+47KYsTGqLum5hcBYjvd8fRzwZqFSBm4eMNoCXKpdWJwYHXB7CbhXsUM5ugfXtgh2GlhVBqwM4P1k776Q/gBuvhC4VgD7gRMtwI1iwcAFwRUFvBL4vQW4bcDcKuCKAM4F9hQEmwaergqsKOC2gnDHgLuqhmsGuKYg3AHg+hhweYD3UmzH7gQujgWXBbiUxsAxpJexUCsaXAjwcrJjt1QTwAOxwdLS7sUOW1R/6eNrTJY2fpfR3idpZRKppMn7cUk/SRqV9Jnqc+bmcmgvIn/d7caimNAvvZNw/uHrJBbOu9ld4U98a87AWwkfvpcC7xQA83UOSxOuLgrYh0XAvs4CqzOMB2hMvo8BrwMrscuiXuAOYB3wRWD8ceCxZoCdwM+O0REsod6BeTVkOAyccmymgVcIXOF6pRt4i8a7wu1kJE4CnnM6niB/fdRoTJIOA7c3AfPLUuArb5yvsSXTAOh6Ly92m09jerkXS7rLHCHtwCZvvB+xDLAOMNU/OYMtS4xdjWA7v/QZl5RV2GVlqn3MXB1L1G+Ox4EOZj7nLdgOdm9Gp8jeOGXLPR7kLpKbWQGbPc+cwaLhkzRqDLitYri0DFF/Dj+RAnZhaylP57CddlkkuLS4EdSGFFDYWlqDHS/pVdgUdgm+GTsnY4K55RHsZOkC9D9vl0Hp0gRQaQAAAABJRU5ErkJggg=="); }

  body.mobile .article-preview > a .content, body.mobile .article-preview > a p {
    display: none; }

  body.mobile .article-preview > a img {
    position: relative;
    border-top-left-radius: 33px; }

  body.mobile .article-preview > a:hover img {
    opacity: 1; }

  body.mobile footer {
    height: auto; }

  body.mobile footer .warning {
    position: relative;
    background: none;
    height: auto; }

  body.mobile footer .warning:before {
    content: 'Не является лекарственным средством. БАД. Имеются противопоказания';
    display: block;
    padding: 0 10px;
    color: #76e4d9;
    font-size: 19px;
    margin: 20px 0 40px;
    letter-spacing: 0.12em;
    text-align: center;
    text-transform: uppercase;
    transform: scale(1, 3);
    -webkit-transform: scale(1, 3);
    -moz-transform: scale(1, 3);
    -o-transform: scale(1, 3);
    -ms-transform: scale(1, 3); }

  body.mobile footer .foot-menu {
    display: none; }

  body.mobile footer .foot-info > div > a {
    display: none; }

  body.mobile #up_arrow {
    display: none !important; }

  body.mobile .crumbs {
    padding-left: 0;
    padding-right: 0; }

  body.mobile .news-list-item .item-content .button {
    bottom: auto;
    top: 0; }

  body.mobile .news-list-item .item-content .title {
    padding-right: 150px;
    line-height: 23px; }

  body.mobile header.inside + #content-wrapper {
    padding-top: 0 !important; }

  body.mobile .about-options img {
    width: 35%; }

  body.mobile .about-options ul {
    margin-left: 40%;
    margin-bottom: 30px; }

  body.mobile .about-options ul li {
    line-height: 25px;
    margin-bottom: 10px; }

  body.mobile .where-filter {
    padding-left: 0;
    text-align: right; }

  body.mobile .where-filter span {
    float: left;
    padding-top: 10px; }

  body.mobile #sel-list {
    width: 100%; }

  body.mobile .form.faq > div {
    display: block; }

  body.mobile .form.faq > div:nth-child(2) {
    float: left;
    width: 50%; }

  body.mobile .form.faq > div:nth-child(2) input {
    width: 90%; }

  body.mobile .form.faq > div:nth-child(2) .sel-wrap {
    width: 90%; }

  body.mobile .form.faq > div:nth-child(2) .sel-wrap select {
    width: 100%; }

  body.mobile .form.faq > div:nth-child(3) {
    float: right;
    width: 50%; }

  body.mobile .form.faq > div:nth-child(3) textarea {
    width: 90%; }

  body.mobile .form.faq > div .g-recaptcha {
    float: left;
    width: 50%;
    margin-top: 10px; }

  body.mobile .form.faq > div button {
    float: right;
    width: 50%;
    margin-right: 5%; }

  body.mobile .history-list dl dt:nth-child(1) {
    left: 0 !important; }

  body.mobile .history-list dl dt:nth-child(3) {
    left: 7% !important; }

  body.mobile .history-list dl dt:nth-child(5) {
    left: 18% !important; }

  body.mobile .history-list dl dt:nth-child(7) {
    left: 16% !important; }

  body.mobile .history-list dl dt:nth-child(9) {
    left: 26% !important; }

  body.mobile .history-list dl dt:nth-child(11) {
    left: 38% !important;
    top: 155px; }

  body.mobile .history-list dl dt:nth-child(13) {
    left: 37% !important; }

  body.mobile .history-list dl dt:nth-child(15) {
    left: 50% !important; }

  body.mobile .history-list dl dt:nth-child(17) {
    left: 60% !important; }

  body.mobile .history-list dl dt:nth-child(19) {
    left: 70% !important;
    top: 110px; }

  body.mobile .history-list dl dt:nth-child(21) {
    left: 80% !important; }

  body.mobile .history-list dl dt:nth-child(23) {
    left: 87% !important; }

  body.mobile .spec-menu > div a:after {
    background-size: contain;
    background-repeat: no-repeat;
    width: 170%;
    left: 50% !important;
    margin-left: -100%; }

  body.mobile .expand-content {
    min-height: 280px; }

  body.mobile .expand-content.active {
    height: auto; }

  body.mobile .back-button {
    left: 0; }
  body.mobile .search-form {
    margin-left: -10%;
    width: 100%; }
    body.mobile .search-form:before {
      margin-right: 6%; }
    body.mobile .search-form input {
      width: 48%; } }
@media screen and (max-width: 760px) {
  body.mobile div.page, body.mobile .history-list > div {
    padding: 0 10px; }

  body.mobile #note-back {
    display: none; }

  body.mobile .main-menu {
    top: 0; }

  body.mobile .main-slide, body.mobile #main-slider {
    height: 350px !important; }

  body.mobile #main-slider {
    padding-top: 86px;
    padding-bottom: 5px; }

  body.mobile .main-slide > a {
    padding: 60px 0 0 60px; }

  body.mobile #content-wrapper[class^="back-color"] {
    padding-top: 130px; }

  body.mobile .sec-menu, body.mobile .spec-menu {
    height: auto;
    background: transparent;
    position: relative;
    top: 251%;
    left: 0;
    right: 0;
    z-index: 10; }

  body.mobile .sec-menu:before, body.mobile .spec-menu:before {
    content: 'Выберите свой вкус:';
    display: block;
    font-size: 25px;
    font-weight: bold;
    padding: 20px 20px 30px;
    color: #6d4182; }

  body.mobile .sec-menu > div a, body.mobile .spec-menu > div a {
    top: 0;
    height: 130px;
    width: 140px; }

  body.mobile .sec-menu > div a:nth-child(2), body.mobile .spec-menu > div a:nth-child(2) {
    margin: 0 2%; }

  body.mobile .article-preview > a {
    width: 90%; }

  body.mobile ul.main-history {
    background: none;
    height: auto; }

  body.mobile ul.main-history li {
    float: none;
    position: static;
    margin-bottom: 20px;
    width: auto; }

  body.mobile footer .warning:before {
    font-size: 15px; }

  body.mobile footer .foot-info {
    height: auto; }

  body.mobile footer .foot-info > div img {
    display: none; }

  
  body.mobile #content-wrapper {
     }

  body.mobile .about-options img {
	  margin-left:0;
    width: 100%; }

  body.mobile .about-options ul {
    margin-left: 40px;
    margin-bottom: 30px; }

  body.mobile .about-options ul li {
    line-height: 25px;
    margin-bottom: 10px; }

  body.mobile .spec-menu {
    position: relative; }

  body.mobile .spec-menu > div a {
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
    width: 25%; }

  body.mobile .spec-menu a:before {
    left: 50% !important;
    top: 110% !important;
    margin-left: -20px; }

  body.mobile .spec-menu > div a:nth-child(2) {
    margin: 0 5%; }

  body.mobile .news-list-item {
    margin-bottom: 50px; }

  body.mobile .news-list-item > a {
    display: none; }

  body.mobile .news-list-item .item-content {
    margin-left: 0;
    padding-bottom: 50px; }

  body.mobile .news-list-item .item-content .button {
    top: auto;
    bottom: 0;
    left: 0;
    text-align: center; }

  body.mobile .news-list-item .item-content .title {
    padding-right: 0; }

  body.mobile .pagination {
    padding-top: 0; }

  body.mobile .form.faq > div {
    width: 100% !important;
    float: none !important; }

  body.mobile .form.faq > div input, body.mobile .form.faq > div textarea, body.mobile .form.faq > div .sel-wrap {
    width: 100% !important;
    max-width: 100%; }

  body.mobile .form.faq > div .g-recaptcha, body.mobile .form.faq > div button {
    float: none;
    display: inline-block; }

  body.mobile .form.faq > div .g-recaptcha, body.mobile .form.faq > div .g-recaptcha > div, body.mobile .form.faq > div .g-recaptcha > div > iframe {
    width: 100% !important; }

  body.mobile .form.faq > div textarea {
    margin-top: 10px; }

  body.mobile .form.faq > div:nth-child(4) {
    text-align: center; }

  body.mobile .form.faq {
    padding: 30px 5%;
    width: auto;
    display: block; }

  body.mobile .form.faq > div button {
    margin-right: 0;
    width: 100%; }

  body.mobile .history-list {
    background: none;
    width: auto;
    padding: 0 20px;
    height: auto; }

  body.mobile .history-list > div > dl > dt {
    left: 0 !important;
    background: #592E6F;
    position: static;
    top: 0 !important; }

  body.mobile .history-list dl > dd {
    width: auto;
    padding-left: 120px;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    opacity: 1;
    min-height: 60px;
    margin: -62px 0 30px 0; }

  body.mobile .history-list dl dd > p {
    width: 100%;
    font-size: 27px !important;
    display: table-cell;
    height: 60px; }

  body.mobile .history-list dl > dd > div {
    display: none; }

  body.mobile .spec-popup > div {
    position: absolut;
    left: 50%;
    top: 50%;
    margin: -225px;
    width: 450px;
    height: 450px;
    background-size: cover; }

  body.mobile .spec-popup > div p:nth-child(1) {
    padding: 140px 25px 0 0;
    font-size: 20px;
    line-height: 100%; }

  body.mobile .spec-popup > div p:nth-child(2) {
    padding-top: 20px;
    font-size: 18px;
    line-height: 100%; }

  body.mobile .spec-popup > div .spec-popup-buttons {
    font-size: 55px; }

  body.mobile .spec-popup > div .spec-popup-buttons span:nth-child(2) {
    margin: 0 15px;
    height: 35px;
    width: 25px; }

  body.mobile .spec-menu > div a:after {
    top: 0;
    left: 50%;
    width: 150%;
    margin-left: -75%; }

  body.mobile #where-buy-slider {
    width: 100%; }

  body.mobile .faq_button {
    text-align: left;
    margin: 0 0 25px; }
    body.mobile .faq_button .back-button {
      top: 0; }
  body.mobile .search-form {
    width: 100%;
    height: auto;
    padding: 3% 0 3% 12%; }
    body.mobile .search-form:before {
      display: none; }
    body.mobile .search-form label {
      display: block;
      padding-bottom: 2%; }
    body.mobile .search-form input {
      width: 80%; } }
@media screen and (max-width: 450px) {
  body.mobile #content-wrapper[class^="back-color"] {
    padding-top: 100px; }

  body.mobile .main-slide, body.mobile #main-slider {
    height: 200px !important;
    background-size: cover; }

  body.mobile .main-slide .slide-a1 {
    top: 26px;
    height: 133px; }

  body.mobile .main-slide .slide-a2 {
    top: 43px;
    left: 13px;
    width: 92px;
    min-width: auto; }

  body.mobile .button {
    padding-top: 2px; }

  body.mobile .main-slide > a {
    padding: 20px 160px 0 20px;
    min-width: 100px;
    font-size: 32px;
    line-height: 30px; }

  body.mobile .sec-menu > div a, body.mobile .spec-menu > div a {
    height: 100px;
    width: 100px; }

  body.mobile .sec-menu > div a:nth-child(2), body.mobile .spec-menu > div a:nth-child(2) {
    margin: 0; }

  body.mobile .spec-menu > div a:after {
    top: 10px;
    width: 120%;
    margin-left: -60%; }

  body.mobile .article-preview > a {
    margin: 0 auto 30px !important;
    float: none;
    width: 100%; }

  body.mobile .article-preview > a .ap-title {
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 15px; }

  body.mobile footer .warning:before {
    font-size: 11px;
    padding: 0; }


  body.mobile .spec-menu {
    margin: -10px 0 60px;
    height: 170px;
    position: relative; }

  body.mobile .spec-menu > div a {
    height: 100px; }

  body.mobile .history-list {
    padding: 0 10px; }

  body.mobile .history-list dl > dd {
    padding-left: 110px; }

  body.mobile .history-list dl dd > p {
    font-size: 18px !important;
    line-height: 22px !important;
    width: 80%; }

  body.mobile .form.faq > div textarea {
    width: 99.5% !important; }

  body.mobile .spec-popup > div {
    width: 300px;
    height: 300px;
    margin: -150px; }

  body.mobile .spec-popup > div p:nth-child(1) {
    padding: 50px 20px 0 0;
    font-size: 17px; }

  body.mobile .spec-popup > div p:nth-child(2) {
    padding-top: 20px;
    padding-right: 15px;
    font-size: 12px; }

  body.mobile .spec-popup > div .spec-popup-buttons {
    font-size: 30px;
    padding-right: 10px; }

  body.mobile .spec-popup > div .spec-popup-buttons span:nth-child(2) {
    margin: 0 5px;
    height: 20px;
    width: 15px; }

  body.mobile .where-filter .sel-wrap {
    clear: both;
    width: 100%;
    display: block;
    margin-top: 5px;
    background-position: right 10px center; }

  body.mobile .sel-wrap select {
    width: 110%; }

  body.mobile .search-form input {
    width: 73%; }
  body.mobile .pagination a {
    margin: 0 2vw;
    width: 9vw;
    height: 9vw;
    font-size: 5vw;
    line-height: 9.5vw; }

  body.mobile .form.faq > div .g-recaptcha, body.mobile .form.faq > div .g-recaptcha > div, body.mobile .form.faq > div .g-recaptcha > div > iframe {
    transform: scale(0.95);
    transform-origin: 0 0; }

  body.mobile .balloon__name {
    font-size: 4vw; }
  body.mobile .filter-wb > span {
    display: block;
    margin-bottom: 9px; }
  body.mobile .filter-wb__city {
    display: block; }
    body.mobile .filter-wb__city input {
      width: 100%; }
    body.mobile .filter-wb__city:after {
      left: 87%; }
  body.mobile .filter-wb__drug {
    position: static;
    float: none;
    padding: 0;
    margin-top: 29px;
    display: flex;
    justify-content: space-between; }
  body.mobile #map {
    height: 50vh; }
  body.mobile .not-found-message__popup {
    font-size: 6vw; } }
	
	ul.crumbs {
		margin-top:0!important;
	}
	:where(.next-product__item,.goods) img {
		width: 21rem;
		max-width:100%;
	}
	.article-preview .slick-slide img {
    
    object-fit: cover;
}

.cookies-agree {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.06;
	position:fixed;
	bottom: 0;
	left: 0;
	width:100%;
	transition: transform .3s ease;
	z-index:9999999;
}
.cookies-agree.hidden {
	transform: translateY(100%);
}
.cookies-agree__cnt {
	background: #fff;
	display: flex;
	flex-direction: column;
	padding: 1.5rem;	
    align-items: center;
    gap: 1.5rem;
}
.cookies-agree__txt {	
	color: #6d4182;
	a {
		text-decoration: underline;
		&:hover {
			text-decoration:none;
		}
	}
}
.cookies-agree__btn {
	color: #fff;
    line-height: 2.25rem;
    white-space: nowrap;
    background: #51b8af;
    border: none;
    padding-inline: 3.9rem;
    font-size: 1rem;
	transition: opacity .3s ease;
	border-radius:1.7rem 0 1.7rem 0;
	&:hover {
		opacity:.8;
	}
}
.foot-info {
	font-size: 0.8rem;
	line-height: 1.09;
	color: #fff;
	padding: 1.2rem;	
}
.foot__left {	
	display: flex;
	flex-direction: column;
	row-gap: 0.2rem;
}
.foot-info a:not([class^="soci--"]) {
	color: #fff;
	&:hover {
		text-decoration: underline;
	}
}
.foot-info > div {
	display: flex;
	flex-direction: column-reverse;	
	row-gap: 0.8rem;
}
#faq_form .check-box-row {
	margin-top: 1.8rem;
    color: #fff;
    line-height: 1.4;
    font-size: 1.1rem;	
}
.check-box-row {
	display: flex;
	column-gap: 1.1rem;
	align-items: center;
	text-align: left;
}
.check-box {
	display: block;
	width: 2.31rem;
	height: 2.31rem;
	background-color: #fff;
	border: 0.4rem solid #fff;
	box-sizing: border-box;
	flex-shrink: 0;
	cursor: pointer;
}
.check-box input {
	display:none;
}
.check-box:has(input:checked) {
	background-color: #6d4182;
}
.form.faq .button:disabled {
	opacity: .7;	
}
@media(min-width:768px){
	.foot-info {
		font-size: 0.88rem;
		padding: 2.7rem 1rem;
	}
	.foot-info > div {
		display: flex;
		flex-direction: row;
		column-gap: 1.3rem;		
	}
	.foot__left {
		align-items: flex-end;
		margin-left: auto;
	}
	.check-box-row {
		max-width: 19rem;
	}
	#faq_form .check-box-row {
		position: absolute;
		bottom: 26px;
	}
}
@media(min-width:1024px){
	#faq_form .check-box-row {
		position: static;		
	}
}
@media(min-width:1177px){
	.cookies-agree__cnt {		
		flex-direction: row;
		padding-inline: 3.3rem;		
	}
}