/* Start:/local/templates/zakrevskiy/styles.css?163487965310645*/
@font-face {
  font-family: 'Panton';
  src: local('Panton SemiBold Italic'), local('Panton-SemiBoldItalic'),
    url('/local/templates/zakrevskiy/fonts/subset-Panton-SemiBoldItalic.woff2') format('woff2'),
    url('/local/templates/zakrevskiy/fonts/subset-Panton-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Panton';
  src: local('Panton SemiBold'), local('Panton-SemiBold'),
    url('/local/templates/zakrevskiy/fonts/subset-Panton-SemiBold.woff2') format('woff2'),
    url('/local/templates/zakrevskiy/fonts/subset-Panton-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Panton';
  src: local('Panton Light Italic'), local('Panton-LightItalic'),
    url('/local/templates/zakrevskiy/fonts/subset-Panton-LightItalic.woff2') format('woff2'),
    url('/local/templates/zakrevskiy/fonts/subset-Panton-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Panton';
  src: local('Panton Light'), local('Panton-Light'),
    url('/local/templates/zakrevskiy/fonts/subset-Panton-Light.woff2') format('woff2'),
    url('/local/templates/zakrevskiy/fonts/subset-Panton-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

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;
}
ol, 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;
}


body {
  font-family: 'Panton', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #555/*#6d7f8f*/;
}

.image-with-subtitle {
  font-size: .7em;
  line-height: 1.6em;
  color: #555;
  font-weight: 200;
  margin-top: .5em;
  margin-top: 3em;
  margin-bottom: 3em;
}
strong, b {
  font-weight:600;
}
ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

q,blockquote {
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding: 20px 50px;
  font-weight:600;
  font-style:italic;
  color:#7f7f7f;
}

q:before,blockquote:before {
  content: 'ˮ';
  position: absolute;
  top: 40px;
  left: 0;
  font-weight:600;
  font-size: 90px;
  color: #41CEA6;
}

strong, b {
  font-weight:600;
}

em, i {
  font-style: italic; }

a {
  outline: 0; }

table, ul, ol, p, dl, hr,
.float-left, .float-right {
  margin-bottom: 20px;
}

p:last-child {
  margin-bottom: 0 !important; }

a {
  color: #0d68a7;
  text-decoration: underline; }
  a:hover {
    text-decoration: none; }

.link_dotted {
  text-decoration: none; }
  .link_dotted span {
    border-bottom: dotted #0d68a7 1px; }

th, td {
  padding: 15px; }

hr {
  width: 160px;
  height: 1px;
  display: block;
  margin: 0 auto;
  background: #EFEFEF; }

ul li, ol li {
  margin-bottom: 10px;
  padding-left: 15px; }

ul li:before {
  width: 3px;
  height: 3px;
  top: 12px;
  left: 0;
  background: #333;
  border-radius: 50%; }

ol li:before {
  top: 0;
  left: 0; }

dt {
  padding: 0 5px 1px 0;
  background: #fafafa; }
  dt dd {
    margin-bottom: 10px;
    border-bottom: dotted #929396 1px; }
  dt dd span {
    padding: 0 0 1px 5px;
    background: #fafafa; }

.blockquote {

}

.full-image {
  display: inline-block;
  margin:0 0 15px;
  line-height: 1.2;
  width: 100%;
  border-bottom: 1px solid #eff3f7;
  padding:0 0 5px;
  color: #666;
  font-size: 14px;
}

  .full-image p, .full-image div {
    margin:0;
  }

  .full-image > img, .full-image > picture > img, .full-image > p > img, .full-image > picture > a img {
    padding-bottom:5px;
    width:100%;
    height:auto;
    display:inline-block;
  }

  .full-image > iframe {
    padding-bottom:5px;
    width:100%;
    height:450px;
    display:inline-block;
  }

  .full-image .bxhtmled-surrogate {
    min-width:100% !important;
    max-width:100% !important;
    min-height:450px !important;
    max-height:auto !important;
    width:100% !important;
    height:auto !important;
    padding-bottom:5px;
  }

    .full-image .bxhtmled-surrogate img {
      max-height:0;
    }

.full-image-center {
  display: inline-block;
  text-align:center;
  margin:0 0 15px;
  line-height: 1.2;
  width: 100%;
  border-bottom: 1px solid #eff3f7;
  padding:0 0 5px;
  color: #666;
  font-size: 14px;
}

  .full-image-center p, .full-image-center div {
    margin:0;
  }

  .full-image-center > img, .full-image-center > picture > img, .full-image-center > p > img, .full-image-center > picture > a img {
    padding-bottom:5px;
    width:auto;
    height:auto;
    display:inline-block;
  }

  .full-image-center > iframe {
    padding-bottom:5px;
    width:auto;
    height:400px;
    display:inline-block;
  }

  .full-image-center .bxhtmled-surrogate {
    min-width:50% !important;
    max-width:100% !important;
    min-height:400px !important;
    max-height:auto !important;
    width:50% !important;
    height:auto !important;
    padding-bottom:5px;
  }

    .full-image-center .bxhtmled-surrogate img {
      max-height:0;
    }

.half-image-left, .half-image-right {
  display:inline-block;
  max-width:300px;
  padding:5px 0;
  color:#666;
  border-bottom: 1px solid #eff3f7;
  font-size:14px;
}

  .half-image-left p, .half-image-left div, .half-image-right p, .half-image-right div {
    margin:0;
  }

  .half-image-left > img, .half-image-right > img, .half-image-left > picture > img, .half-image-left > p > img, .half-image-right > picture > img, .half-image-right > p > img {
    padding-bottom:5px;
    width:100%;
    height:auto;
    display:inline-block;
  }

  .half-image-left > iframe, .half-image-right > iframe {
    padding-bottom:5px;
    width:100%;
    display:inline-block;
    height:170px;
  }

  .half-image-left {
    float:left;
    margin:0 15px 0 0;
  }

  .half-image-right {
    float:right;
    margin:0 0 0 15px;
  }

  .half-image-left .bxhtmled-surrogate, .half-image-right .bxhtmled-surrogate {
    min-width:100% !important;
    max-width:300px !important;
    min-height:170px !important;
    max-height:auto !important;
    width:300px !important;
    height:auto !important;
    padding-bottom:5px;
  }

    .half-image-left .bxhtmled-surrogate img, .half-image-right .bxhtmled-surrogate img {
      max-height:0;
    }

.vertical-image {
  display: inline-block;
  margin:0 0 15px;
  line-height: 1.2;
  width: 100%;
  border-bottom: 1px solid #eff3f7;
  padding:0 0 5px;
  color: #666;
  font-size: 14px;
  text-align:center;
}

  .vertical-image p, .vertical-image div {
    margin:0;
  }

  .vertical-image > img, .vertical-image > picture > img, .vertical-image > p > img {
    padding-bottom:5px;
    max-width:100%;
    height:auto;
    display:inline-block;
  }

  .vertical-image > iframe {
    padding-bottom:5px;
    width:100%;
    height:450px;
    display:inline-block;
  }

  .vertical-image .bxhtmled-surrogate {
    min-width:100% !important;
    max-width:100% !important;
    min-height:450px !important;
    max-height:auto !important;
    width:100% !important;
    height:auto !important;
    padding-bottom:5px;
  }

    .vertical-image .bxhtmled-surrogate img {
      max-height:0;
    }

sub {
  vertical-align: sub;
  font-size: smaller;
}

.bxhtmled-surrogate-formula, .bxhtmled-surrogate-chart {
  background: linear-gradient(to bottom, #e6e8ec 0%,#d4d7da 36%,#a9bbc5 100%) !important;
  border-width:1px !important;
  border-color:#ddd !important;
  height:auto !important;
  max-width: 90%;
  word-break: break-all;
}

  .bxhtmled-surrogate-formula {
    margin:1.5rem 0 0 3rem !important;
    display:block !important;
  }

    .bxhtmled-surrogate-formula:hover {
      background: linear-gradient(to bottom, #d5dee3 0%,#eaebec 64%,#f2f3f6 100%) !important;
    }

  .bxhtmled-surrogate-chart {
    background: linear-gradient(to bottom, #e6ece8 0%,#d4dad5 36%,#a9c5ab 100%) !important;
    border-color:#ddd !important;
  }

    .bxhtmled-surrogate-chart:hover {
      background: linear-gradient(to bottom, #a9c5ab 0%,#d4dad5 64%,#e6ece8 100%) !important;
    }

  .bxhtmled-surrogate-formula:before, .bxhtmled-surrogate-chart:before {
    content:attr(title);
    font-weight:bold;
    position: relative;
    left: 10px;
    top: 10px;
    display:block;
    width:100%;
    word-break:break-word;
  }

  .bxhtmled-surrogate-formula .bxhtmled-surrogate-dd, .bxhtmled-surrogate-chart .bxhtmled-surrogate-dd {
    z-index: 5 !important;
    position: absolute !important;
    top:0 !important;
  }

  .bxhtmled-surrogate-formula .bxhtmled-surrogate-inner, .bxhtmled-surrogate-chart .bxhtmled-surrogate-inner {
    padding: 10px !important;
    top: auto !important;
    position: relative !important;
    margin-top: 0.5rem;
    left: auto !important;
  }

  .bxhtmled-surrogate-formula .bxhtmled-comp-label, .bxhtmled-surrogate-chart .bxhtmled-comp-label {
    font-style:italic !important;
    font-size:1.2em !important;
  }

  .bxhtmled-surrogate-formula .bxhtmled-right-side-item-icon, .bxhtmled-surrogate-chart .bxhtmled-right-side-item-icon {
    display:none !important;
  }

  body[contenteditable] h2 {
    color:#006197;
    font-size:2.5rem;
    margin:3rem 0 5rem;
    line-height:1;
  }

  body[contenteditable] h3 {
    font-weight:bold;
    margin:1rem 0 0.5rem;
    line-height:1;
  }

  body[contenteditable] table {
    border-collapse:collapse;
    width:100%;
  }

    body[contenteditable] table td, body[contenteditable] table th {
      border:1px solid #000;
      text-align:center;
    }

    body[contenteditable] table th {
      background:#bde9de;
    }

    body[contenteditable] table tr th:first-child {
      text-align:left;
    }

  ol {
    list-style:decimal inside;
  }

    ol li {
      padding:0;
    }

      ol li p {
        display:inline;
      }
/* End */


/* Start:/local/templates/zakrevskiy/template_styles.css?163487965344209*/
html {
  height: 100%; }

body {
  height: auto;
  min-height: 100%;
  position: relative;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: none;
  padding: 0;
  margin: 0; }

input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  padding: 0;
  margin: 0; }

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


input[type="submit"],
input[type="button"],
input[type="radio"],
input[type="checkbox"],
button,
label {
  cursor: pointer; }

input {
  vertical-align: middle;
  -webkit-appearance: none; }

.wrapper, input, textarea {
  -o-box-sizing: border-box;
  box-sizing: border-box; }
/*--standart-------------------------------------------------------------------------------------------------*/
.clear,
.row {
  clear: both; }

.clear:after, .row:after {
  content: '';
  clear: both;
  display: block; }

.latent {
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: -10; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.text-center {
  text-align: center; }

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

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

table {
  width: 100%; }

th {
  text-align: left; }

hr {
  display: block;
  clear: both;
  border:0;
}

.link_dotted {
  text-decoration: none !important; }
  .link_dotted span {
    display: inline-block;
    line-height: 95%; }
  .link_dotted:hover span {
    border-color: transparent; }

.img-responsive {
  max-width: 100%;
  display: inline-block; }

ol {
  counter-reset: item; }
  ol li {
    position: relative;
    counter-increment: item; }
    ol li:before {
      content: counter(item) ".";
      position: absolute; }

ul li {
  position: relative; }
  ul li:before {
    content: '';
    position: absolute; }

dl {
  text-align: right; }
  dl dt {
    float: left;
    clear: both; }
  dl dd span {
    display: inline-block;
    margin-bottom: -1px; }

label {
  display: inline-block; }

input, select, textarea {
  width: 100%;
  display: block; }

textarea {
  resize: none; }

input[type="submit"],
input[type="button"],
input[type="reset"] {
  width: auto;
  display: inline-block;
  text-align: center;
  text-decoration: none; }



body {
  background: #fff;
}

.row {
  margin-right: -5px;
  margin-left: -5px; }

.column-2 {
  width: 50%; }

.column-3 {
  width: 33.33%; }

.column-4 {
  width: 25%; }

.column-5 {
  width: 20%; }

.column-6 {
  width: 16.66%; }

.column-2, .column-3, .column-4,
.column-5, .column-6 {
  float: left;
  margin-bottom: 20px;
  padding: 0 15px;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.column-2:nth-child(2n+2) + .column-2,
.column-3:nth-child(3n+3) + .column-3,
.column-4:nth-child(4n+4) + .column-4,
.column-5:nth-child(5n+5) + .column-5,
.column-6:nth-child(6n+6) + .column-6 {
  clear: both; }

/*--responsive-----------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
  .column-2, .column-3, .column-4,
  .column-5, .column-6 {
    width: 100%;
    float: none;
    clear: both; } }

@media (max-width: 979px) {
  .column-6 {
    width: 33.33%; }
  .column-6:nth-child(6n+6) + .column-6 {
    clear: none; }
  .column-6:nth-child(3n+3) + .column-6 {
    clear: both; } }

h1, .h1, h2, .h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #41cea6; }

h1, .h1 {
  margin-bottom: 30px;
  text-transform: uppercase; }
  .panel h1, .panel .h1 {
    margin-bottom: 35px; }

h3, .h3 {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 28px;
  color: #0d68a7; }
p .h3 {
  margin-bottom: 0; }

h4, .h4 {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 24px;
  color: #0d68a7; }
p .h4 {
  margin-bottom: 0; }
a.h4,a.h3 {
  text-decoration: none;
  transition: color 0.3s ease-in-out; }
a.h4:hover,a.h3:hover {
  color: #000; }

h5, .h5, .form_label {
  font-size: 14px;
  color: #cacaca; }

h5, .h5 {
  margin-bottom: 15px;}
.form_label {
  margin-bottom: 5px;}
/*--responsive-----------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
  h1, .h1, h2, .h2 {
    font-size: 18px; }
  h3, .h3 {
    font-size: 18px;
    line-height: 100%; }
  h4, .h4 {
    font-size: 16px;
    line-height: 120%; } }

@media (min-width: 769px) and (max-width: 980px) {
  h1, .h1, h2, .h2 {
    font-size: 30px; }
  h3, .h3 {
    font-size: 22px;
    line-height: 100%; }
  h4, .h4 {
    font-size: 18px;
    line-height: 120%; } }

.checkbox, .radio {
  width: 15px;
  height: 15px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  background: #fafafa;
  border: solid #EFEFEF 1px;
  vertical-align: middle; }

.radio, .radio:before {
  border-radius: 50%; }

input[type="checkbox"]:checked + .checkbox,
input[type="radio"]:checked + .radio {
  background: #000; }

input[type="checkbox"]:checked + .checkbox:before,
input[type="radio"]:checked + .radio:before {
  content: '';
  width: 7.5px;
  height: 7.5px;
  position: absolute;
  top: 3.75px;
  left: 3.75px;
  background: #000; }

.form__input {
  background: #fafafa;
  border: solid #EFEFEF 1px;
  font-size: 16px;
  line-height: 24px;
  color: #333; }

input[type="checkbox"]:disabled + .checkbox,
input[type="radio"]:disabled + .radio,
.form__input:disabled {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha opacity=50; }

/*--errors---------------------------------------------------------------------------------------------------*/
p.success, span.success {
  color: #093; }

p.error, span.error {
  color: #900; }

/*--responsive-----------------------------------------------------------------------------------------------*/
@media (max-width: 979px) {
  .form__input {
    font-size: 14px;
    line-height: 16px; } }

.personal_button {
  width: 235px;
  display: block;
  margin: 0 auto;
  border: solid #41CEA6 3px;
  font-weight:600;
  font-size: 18px;
  line-height: 43px;
  color: #fff;
  text-decoration: none;
  transition: border-color 0.3s ease-in-out; }
  .personal_button:hover {
    border-color: #fff; }

/*--classes--------------------------------------------------------------------------------------------------*/
.wrapper {
  width: 1280px;
  position: relative;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.margin-sm {
  margin-bottom: 10px !important; }

/*--tags-----------------------------------------------------------------------------------------------------*/

.header {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: right;
  z-index: 996;
  -o-box-shadow: 0 0 5px #929396;
  box-shadow: 0 0 5px #929396; }
  .header--fixed {
    position: fixed;
  }
  .header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha opacity=90; }
  .header .wrapper {
    padding-top: 45px;
    padding-bottom: 45px; }
  .header .logo {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -37px; }
  .header__nav {
    vertical-align: middle; }
    @media (min-width: 769px) {
      .header__nav {
        display: inline-block !important; }
    }
    .header__nav a {
      margin: 0 20px;
      font-size: 16px;
      line-height: 40px;
      color: #555/*#b2b2b2*/;
      text-decoration: none;
      transition: color 0.3s ease-in-out; }
      .header__nav a:hover {
        color: #000; }
  .header__social {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle; }
    .header__social .social__link {
      height: 16px;
      display: inline-block;
      margin-left: 11px;
      vertical-align: middle;
      background: url(/local/templates/zakrevskiy/images/sprite.png); }
      .header__social .social__link-fb {
        width: 9px;
        background-position: -14px 0; }
      .header__social .social__link-fb:hover {
        background-position: -14px 0 !important;
        background: url(/local/templates/zakrevskiy/images/sprite-hover.png);
      }
      .header__social .social__link-tw {
        width: 14px;
        background-position: -24px 0; }
      .header__social .social__link-tw:hover {
        width: 14px;
        background-position: -24px 0 !important;
        background: url(/local/templates/zakrevskiy/images/sprite-hover.png);
      }
      .header__social .social__link-yt {
        width: 18px;
        background-position: -39px 0; }
      .header__social .social__link-yt:hover {
        width: 18px;
        background-position: -39px 0 !important;
        background: url(/local/templates/zakrevskiy/images/sprite-hover.png);
      }
      .header__social .social__link-vk {
        width: 19px;
        background-position: -58px 0; }
        .header__social .social__link-vk:hover {
          width: 19px;
          background-position: -58px 0 !important;
          background: url(/local/templates/zakrevskiy/images/sprite-hover.png);
        }
      .header__social .social__link-inst {
        width: 16px;
        height:17px;
        background-position: -97px 0; }
        .header__social .social__link-inst:hover {
          width: 16px;
          background-position: -97px 0 !important;
          background: url(/local/templates/zakrevskiy/images/sprite-hover.png);
        }
  .header__lang {
    display: inline-block;
    position: relative;
    margin-left: 40px;
    vertical-align: middle;
    text-align: left; }
    .header__lang a {
      display: none;
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      margin-top: -1px;
      padding-right: 20px;
      padding-left: 20px;
      border: solid #b2b2b2 1px;
      border-top: none;
      font-size: 16px;
      font-weight: 600;
      line-height: 38px;
      color: #093760;
      text-decoration: none;
      transition: color 0.3s ease-in-out; }
      .header__lang a:hover {
        color: #0d68a7; }
      .header__lang a.active {
        display: block;
        position: static;
        top: 0;
        margin-top: 0;
        border-top: solid #b2b2b2 1px; }
        .header__lang a.active:after {
          content: '';
          width: 13px;
          height: 11px;
          display: inline-block;
          margin-left: 4px;
          background: url(/local/templates/zakrevskiy/images/sprite.png);
          vertical-align: middle; }
    .header__lang:hover { }
    .header__lang:hover a {
      display: block;
      line-height: 39px;
      background: #fff; }
      .header__lang:hover a.active {
        border-bottom: none; }

/*--responsive-----------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {
  .header {
    text-align: left;
  }
  .header .wrapper {
    padding: 0 10px;}
  .header .logo {
    max-width: 60%;
    display: inline-block;
    position: static;
    top: 0;
    margin-top: 0;
    text-align: left; }
    .header .logo img {
      width: 100%;
      height: auto;
      vertical-align: middle; }
  .header__nav {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 10px;
    background: #fff;
    -o-box-shadow: 0 0 5px #929396;
    box-shadow: 0 0 5px #929396;}
  .header__nav a {
    display: block;
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 20px; }
  .header__social {
    display: none; }
  a[href="#menu"] {
    width: 17px;
    height: 9px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    border-top: solid #000 3px;
    border-bottom: solid #000 3px;
  }
  a[href="#menu"]:after {
    content: '';
    height: 3px;
    position: absolute;
    top: 3px;
    right: 0;
    left: 0;
    background: #000;
  }
}
@media (max-width: 320px) {
  .header .wrapper {
    padding-top: 5px;
    padding-bottom: 5px; }
  .header .logo {
    max-width: 65%; }
    .header__lang a {
      padding-right: 10px;
      padding-left: 10px;
      font-size: 12px;
      line-height: 16px; }
    .header__lang:hover a {
      line-height: 17px; }
  .header__lang {
    margin-left: 10px; } }

@media (min-width: 321px) and (max-width: 768px) {
  .header .wrapper {
    padding-top: 10px;
    padding-bottom: 10px; }
    .header__lang a {
      padding-right: 10px;
      padding-left: 10px;
      font-size: 14px;
      line-height: 18px; }
    .header__lang:hover a {
      line-height: 19px; }
  .header__lang {
    margin-left: 20px; } }

@media (min-width: 769px) and (max-width: 980px) {
  .header .wrapper {
    padding-top: 43px;
    padding-bottom: 43px; }
  .header .logo {
    margin-top: -25px; }
    .header .logo img {
      width: auto;
      height: 46px; }
  .header__nav a {
    margin: 0 5px;
    font-size: 14px;
    line-height: 24px; }
  .header__social {
    margin-left: 10px; }
    .header__social .social__link {
      margin-left: 10px; }
  .header__lang {
    margin-left: 20px; }
    .header__lang a {
      padding-right: 10px;
      padding-left: 10px;
      font-size: 14px;
      line-height: 22px; }
    .header__lang:hover a {
      line-height: 23px; } }

@media (min-width: 981px) and (max-width: 1280px) {
  .header .wrapper {
    padding-top: 40px;
    padding-bottom: 40px; }
  .header .logo {
    margin-top: -25px; }
    .header .logo img {
      width: auto;
      height: 52px; }
  .header__nav a {
    margin: 0 15px; }
  .header__social {
    margin-left: 20px; }
    .header__social .social__link {
      margin-left: 11px; }
  .header__lang {
    margin-left: 40px; }
    .header__lang a {
      padding-right: 20px;
      padding-left: 20px; } }

#top,
#bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-align: center; }

#top {
  height: 600px; /*earlier set 745px*/
  padding-top: 30px;
  margin-bottom: 45px;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
#top.inner {
  height: 150px;
  padding-top: 0;
}
#top.inner .top__description {
  display: none;
}
  #top .top__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; }
    #top .top__image div {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      background-repeat: no-repeat; }

  #top .top__image .overlay {
    display: inline-block !important;
    background-color: black !important;
    z-index: 5 !important;
    opacity: 0.5 !important;
  }
  #top .top__image .overlay-gradient {
    display: inline-block !important;
    background: linear-gradient(180deg, rgba(37, 165, 128, 0.5) 0%, rgba(13, 104, 167, 0.5) 100%) !important;
    background-blend-mode: multiply !important;
    z-index: 5 !important;
    /*opacity: 0.5 !important;*/
  }

  #top .top__description {
    min-height: 195px;
    position: relative;
    z-index: 3;
    padding-top: 60px;}
    #top .top__description .h2 {
      display: none;
      text-decoration: none;
      z-index: 10;
      color: #59FFE7;

    }
  #top nav {
    position: relative;
    /* padding-top: 60px; */
    font-size: 0;
    line-height: 0;
    z-index: 2; }
  #top.inner nav {
    background: #0ABAB5;
    /*padding-top: 165px;*/ }
    #top nav a {
      position: relative;
      display: inline-block;
      margin: 0 30px;
      border: solid transparent 1px;
      font-weight:600;
      font-size: 20px;
      line-height: 20px;
      color: #fff;
      text-decoration: none;
      vertical-align: middle; }
      #top nav a em {
        position: absolute;
        border: dotted transparent 1px;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        filter: progid:DXImageTransform.Microsoft.Alpha opacity=50; }
        #top nav a em.top__lines1 {
          bottom: 100%;
          margin-bottom: 12px; }
        #top nav a em.top__lines2 {
          height: 115px;
          top: 100%;
          left: 50%;
          margin-top: -25px;
          border-left-color: #59FFE7; /*линии ниже элементов меню*/
        }
        #top.inner nav a em.top__lines2 {
          height: 65px; }
          #top nav a em.top__lines2:after, #top nav a em.top__lines2:before {
            content: '';
            position: absolute;
            left: -1px;
            bottom: 100%;
            border-left: dotted #59FFE7 2px; }
          #top nav a em.top__lines2:before {
            height: 20px;
            margin-bottom: 90px; }
          #top nav a em.top__lines2:after {
            height: 15px;
            margin-bottom: 25px; }
      #top nav a span {
        width: 175px;
        min-height: 148px;
        display: inline-block;
        padding-top: 40px;
        -o-box-sizing: border-box;
        box-sizing: border-box; }
        #top nav a span:before {
          content: '';
          width: 44px;
          height: 39px;
          display: block;
          margin: 0 auto 20px auto;
          background: url(/local/templates/zakrevskiy/images/icons1.png); }
        #top nav a span:after {
          width: 16px;
          height: 16px;
          content: '';
          position: absolute;
          top: -10px;
          left: 50%;
          margin-left: -10px;
          border: solid #59ffe7 2px;
          border-radius: 50%; }
        .inner nav a span:after {
          display: none;
        }
      #top nav a.top__icon1 .top__lines1 {
        width: 120px;
        height: 72px;
        left: 50%;
        border-top-color: #59FFE7;
        border-left-color: #59FFE7; }
        #top nav a.top__icon1 .top__lines1:before {
          content: '';
          height: 100px; /*earlier set 241px*/
          position: absolute;
          right: -1px;
          bottom: 100%;
          border-right: dotted #59FFE7 1px; }
      #top.inner nav a.top__icon1 .top__lines1:before {
          height: 101px;
        }
      #top nav a.top__icon1 .top__lines2 {
        height: 95px;
        margin-top: -5px; }
        #top.inner nav a.top__icon1 em.top__lines2 {
          height: 50px; }
        #top nav a.top__icon1 .top__lines2:before {
          margin-bottom: 110px;
          border-top-color: #59FFE7;
          border-left-color: #59FFE7;
        }
        #top nav a.top__icon1 .top__lines2:after {
          margin-bottom: 45px; }
      #top nav a.top__icon2 .top__lines1 {
        width: 15px;
        height: 105px;
        left: 41%;
        border-top-color: #59FFE7;
        border-right-color: #59FFE7; }
        #top nav a.top__icon2 .top__lines1:before {
          content: '';
          height: 64px; /*earlier set 300px*/
          position: absolute;
          right: 15px;
          bottom: 100%;
          border-right: dotted #59FFE7 1px; }
        #top.inner nav a.top__icon2 .top__lines1:before {
          height: 67px;}
      #top nav a.top__icon2 span:before {
        background-position: -44px 0; }
      #top nav a.top__icon3 .top__lines1 {
        width: 117px;
        height: 13px;
        position: absolute;
        bottom: 100%;
        right: 50%;
        margin-bottom: 12px;
        border: dotted transparent 1px;
        border-top-color: #59FFE7;
        border-right-color: #59FFE7; }
        #top nav a.top__icon3 .top__lines1:before {
          content: '';
          height: 156px; /*earlier set 300px*/
          position: absolute;
          left: -1px;
          bottom: 100%;
          border-right: dotted #59FFE7 1px; }
        #top.inner nav a.top__icon3 .top__lines1:before {
          height: 160px;}
      #top nav a.top__icon3 span:before {
        background-position: -88px 0; }
      #top nav a.active {
        border-color: #59ffe7; }
        #top nav a.active:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: rgba(89, 255, 231, 0.1);
          /*background: #59ffe7;*/
          /*-moz-opacity: 0.1;*/
          /*-khtml-opacity: 0.1;*/
          /*opacity: 0.1;*/
          filter: progid:DXImageTransform.Microsoft.Alpha opacity=10; }
        #top nav a.active .top__lines2 {
          display: none; }
        #top nav a .top__lines2 {
          display: none; }
        #top nav a.active span:after {
          background: #59ffe7; }
        #top nav a.active.top__icon1 span:before {
          background-position: 0 0px; }
        #top nav a.active.top__icon2 span:before {
          background-position: -44px 0px; }
        #top nav a.active.top__icon3 span:before {
          background-position: -88px 0px; }

        #top.inner {
          height:auto;
          margin-bottom:1rem;
        }

          #top.inner a {

          }

            #top.inner a span {
              padding:0 1rem 0 4.5rem;
              height:4rem;
              position:relative;
              width:auto;
              vertical-align:middle;
              display:table-cell;
            }

              #top.inner nav a span::before {
                position: absolute;
                left: 1rem;
                margin: 0;
                top: 0.75rem;
              }

            #top.inner a.current, #top.inner a:hover {
              box-shadow: 0 0 4rem rgba(89, 255, 231,0.3) inset;
            }

        .breadcrumbs {
          margin-bottom:2rem;
          font-size:14px;
        }

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

            .breadcrumbs li {
              display:inline-block;
              padding:0;
              margin:0 0.25rem 0 0;
            }

              .breadcrumbs li:before {
                content:none;
              }

              .breadcrumbs li:after {
                content:'→';
                margin:0 0 0 0.25rem;
              }

              .breadcrumbs li:last-child {
                margin:0;
              }

                .breadcrumbs li:last-child:after {
                  content:none;
                }

              .breadcrumbs li a {
                text-decoration:none;
              }

                .breadcrumbs li a:hover {
                  text-decoration:underline;
                }

#bottom {
  height: 619px;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  #bottom .h1 {
    position: relative;
    z-index: 3; }
  #bottom .bottom__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; }
    #bottom .bottom__image div {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      background-repeat: no-repeat; }
  #bottom .bottom__description {
    min-height: 120px;
    position: relative;
    padding-top: 20px;
    color: #fff;
    z-index: 3;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    #bottom .bottom__description:before {
      content: '';
      width: 446px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -223px;
      border-top: dashed #41CEA6 1px;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      opacity: 0.5;
      filter: progid:DXImageTransform.Microsoft.Alpha opacity=50; }
    #bottom .bottom__description:after {
      content: '';
      width: 18px;
      height: 18px;
      position: absolute;
      top: -9px;
      left: 50%;
      margin-left: -9px;
      background: url(/local/templates/zakrevskiy/images/sprite.png) -78px 0; }
    #bottom .bottom__description p {
      display: none;
      margin-bottom: 0; }
  #bottom nav {
    margin-bottom: 80px;
    position: relative;
    font-size: 0;
    line-height: 0;
    z-index: 2; }
    #bottom nav a {
      position: relative;
      display: inline-block;
      margin: 0 100px;
      font-weight:600;
      font-size: 18px;
      line-height: 20px;
      color: #fff;
      text-decoration: none;
      vertical-align: middle; }
      #bottom nav a:before {
        content: '';
        width: 76px;
        height: 76px;
        display: block;
        margin: 0 auto 5px auto;
        background: url(/local/templates/zakrevskiy/images/icons2.png); }
      #bottom nav a.active em {
        height: 27px;
        position: absolute;
        top: 100%;
        margin-top: 25px;
        border: dashed transparent 1px;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        filter: progid:DXImageTransform.Microsoft.Alpha opacity=50; }
        #bottom nav a.active em:after {
          content: '';
          height: 20px;
          position: absolute;
          top: 100%;
          border-left: dashed #41CEA6 1px; }
      #bottom nav a.bottom__icon1.active em {
        width: 460px;
        left: 50%;
        margin-left: -1px;
        border-bottom-color: #41CEA6;
        border-left-color: #41CEA6; }
        #bottom nav a.bottom__icon1.active em:after {
          right: -1px; }
      #bottom nav a.bottom__icon2:before {
        background-position: -76px 0; }
      #bottom nav a.bottom__icon2.active em {
        width: 163px;
        left: 50%;
        margin-left: -1px;
        border-bottom-color: #41CEA6;
        border-left-color: #41CEA6; }
        #bottom nav a.bottom__icon2.active em:after {
          right: -1px; }
      #bottom nav a.bottom__icon3:before {
        background-position: -152px 0; }
      #bottom nav a.bottom__icon3.active em {
        width: 130px;
        right: 50%;
        margin-right: -1px;
        border-bottom-color: #41CEA6;
        border-right-color: #41CEA6; }
        #bottom nav a.bottom__icon3.active em:after {
          left: -1px; }
      #bottom nav a.bottom__icon4:before {
        background-position: -228px 0; }
      #bottom nav a.bottom__icon4.active em {
        width: 452px;
        right: 50%;
        margin-right: -1px;
        border-bottom-color: #41CEA6;
        border-right-color: #41CEA6; }
        #bottom nav a.bottom__icon4.active em:after {
          left: -1px; }
      #bottom nav a.active:after {
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: 15px;
        margin-left: -5px;
        border: solid #41CEA6 1px;
        border-radius: 50%; }
      #bottom nav a.active.bottom__icon1:before {
        background-position: 0 -76px; }
      #bottom nav a.active.bottom__icon2:before {
        background-position: -76px -76px; }
      #bottom nav a.active.bottom__icon3:before {
        background-position: -152px -76px; }
      #bottom nav a.active.bottom__icon4:before {
        background-position: -228px -76px; }
  #bottom .personal_button,
  #bottom hr {
    position: relative;
    z-index: 3; }
  #bottom hr {
    width: 220px;
    margin-bottom: 35px;
    border-top: dotted #41CEA6 1px;
    background: none;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha opacity=50; }

/*--responsive-----------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
  #top {
    padding: 0; }
    #top .top__description {
      min-height: 100px; }
    #top nav {
      padding: 0; }
      #top nav a {
        width: 200px;
        display: block;
        margin: 0 auto 20px; }
      #top.inner nav a {
        width:100%;
        margin:0;
      }
        #top nav a:after,
        #top nav a em {
          display: none; }
  #bottom .bottom__description {
    display: none; }
  #bottom nav {
    margin: 0; }
    #bottom nav a {
      width: 50%;
      margin: 0;
      margin-bottom: 20px; }
      #bottom nav a:after,
      #bottom nav a em {
        display: none; } }

@media (min-width: 769px) and (max-width: 980px) {
  #bottom nav a {
    margin: 0 20px; }
    #bottom nav a.bottom__icon1.active em {
      width: 220px; }
    #bottom nav a.bottom__icon2.active em {
      width: 83px; }
    #bottom nav a.bottom__icon3.active em {
      width: 51px; }
    #bottom nav a.bottom__icon4.active em {
      width: 212px; } }

@media (min-width: 981px) and (max-width: 1280px) {
  #bottom nav a {
    margin: 0 40px; }
    #bottom nav a.bottom__icon1.active em {
      width: 280px; }
    #bottom nav a.bottom__icon2.active em {
      width: 103px; }
    #bottom nav a.bottom__icon3.active em {
      width: 71px; }
    #bottom nav a.bottom__icon4.active em {
      width: 272px; } }

/*--responsive-----------------------------------------------------------------------------------------------*/
.single,
.single-large,
.listing > div {
  position: relative;
  margin-bottom: 60px; }
.single,
.listing > div {
  background: url(/local/templates/zakrevskiy/images/corn-rb.png) right 30px bottom no-repeat; }
.single {
  margin-right: -15px;
  margin-left: -15px;}
.single.panel__single {
  margin-bottom: 0; }
  .single.panel__single,
  .listing > div {
    background-position: right 15px bottom;}
  .single:after,
  .listing:after {
    content: '';
    clear: both;
    display: block; }
  .single__img, .single__brief, .listing__img, .listing__brief, .single-large__brief {
    padding-right: 15px;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .single__img, .single__brief {
      padding-left: 15px;
      float: left; }
      .single__img em {
        display: block;
        padding-left: 15px;
        font-size: 13px;
        color: #6d7f8f; }
    .single__img, .single__brief, .listing__img,.sidebar__img {
      margin-bottom: 20px;
    }
    .single-large__brief {
      padding-right: 60px;
      padding-bottom: 30px;
      background: url(/local/templates/zakrevskiy/images/corn-rb.png) right 15px bottom no-repeat;}
  .single__img {
    width: 31%; }
    .panel__single .single__img {
      width: 46%;
      margin-bottom: 0; }
    .listing__img-area,
    .single__img-area {
      display: inline-block; }
    .listing__img-area,
    .single__img-area,
    .single-large {
      padding-top: 15px;
      padding-left: 15px; }
    .listing__img-area,
    .single__img-area,
    .single-large {
      background: url(/local/templates/zakrevskiy/images/corn-tl.png) no-repeat; }
    .single-large {
      padding-top: 20px;
      padding-left: 30px; }
    .listing__img img,
    .single__img img,
.sidebar__img img{
      vertical-align: middle; }
  .single__brief {
    width: 69%;
    padding-top: 20px;
    padding-right: 10%;
    padding-left: 10px;
  }
.listing__brief {
  padding-left: 15px;
  padding-bottom: 50px; }
    .panel__single .single__brief {
      width: 54%;
      margin-bottom: 20px; }
.listing__brief .h3 {
  margin-bottom: 5px;
}
.listing__brief p {
  line-height: 170%;}
    .single__brief .h3, .single-large__brief .h3, .listing__brief .h3 {
      display: inline-block;
      text-decoration: none; }
  .single__date {
    margin-bottom: 10px; }
    .single__date:before {
      width: 8px;
      height: 8px;
      content: '';
      display: inline-block;
      margin-right: 10px;
      border: solid #1bccc0 1px;
      vertical-align: middle;
      border-radius: 50%; }
  .single__readmore, .listing__readmore {
    position: absolute;
    bottom: -6px;
    right: 215px;
    font-size: 14px;
    line-height: 16px;
    text-transform: lowercase;
    text-decoration: none;
    transition: color 0.3s ease-in-out; }
    .single__readmore:hover, .listing__readmore:hover {
      color: #000; }

.date {
  font-weight: 600;
  color: #1bccc0; }

/*--responsive-----------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
  .single {
    padding-bottom: 15px; }
    .single__img {
      width: 100%;
      float: none; }
      .panel__single .single__img {
        width: 100%; }
    .single__brief {
      width: 100%;
      float: none; }
      .panel__single .single__brief {
        width: 100%;
        padding-bottom: 15px; } }

.panel {
  padding: 50px 0 70px 0;
  background: #fdfdfd;
  border-top: solid #eff3f7 1px; }
  .panel__calendar, .panel__single {
    float: left;
    padding: 0 15px;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .panel__calendar {
    width: 30%; }
  .panel__single {
    width: 70%; }

.panel__calendar-wrap {
  padding: 4px;
  border: solid #dfdfdf 1px; }

#calendar {
  padding: 14px 24px;
  border: solid #F1F1F1 1px; }
  #calendar .h4 {
    margin-bottom: 17px; }
  #calendar table {
    border-top: solid #F1F1F1 1px;
    border-bottom: solid #F1F1F1 1px; }
    #calendar table td {
      padding: 3px;
      text-align: center; }
      #calendar table td > * {
        display: block;
        border: solid #fafafa 1px;
        font-size: 18px;
        line-height: 36px; }
      #calendar table td a {
        border: solid #dfdfdf 1px;
        text-decoration: none;
        color: #6d7f8f; }
      #calendar table td.disabled > * {
        color: #dfdfdf; }
      #calendar table td.current > * {
        border-color: #1bccc0; }
      #calendar table td.active > * {
        background: #1bccc0;
        border-color: #1bccc0;
        color: #fff; }

.contacts {
  margin-bottom: 30px; }
  .contacts .column-3 {
    padding-left: 20px; }

.contacts__phone {
  position: relative; }
  .contacts__phone:before {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    top: 8px;
    left: -20px;
    background: url(/local/templates/zakrevskiy/images/sprite.png) -45px -17px; }
  .contacts__phone a {
    font-weight: 600;
    text-decoration: none; }

.contacts__address {
  position: relative;
  line-height: 110%; }
  .contacts__address:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 9px;
    left: -20px;
    background: url(/local/templates/zakrevskiy/images/sprite.png) -57px -17px; }

.contacts__email {
  position: relative; }
  .contacts__email:before {
    content: '';
    width: 13px;
    height: 10px;
    position: absolute;
    top: 8px;
    left: -20px;
    background: url(/local/templates/zakrevskiy/images/sprite.png) -68px -18px; }
  .contacts__email a {
    color: #929396;
    text-decoration: none; }

.contacts__map {
  position: relative;
  margin-bottom: 40px;
  padding: 10px;
  background: url(/local/templates/zakrevskiy/images/corn-tl.png) no-repeat; }
  .contacts__map:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/local/templates/zakrevskiy/images/corn-rb.png) right bottom no-repeat;
    z-index: 1; }

#map {
  position: relative;
  height: 420px;
  z-index: 2; }

.footer {
  padding-bottom: 20px;
  color: #929396;
  text-align: center; }
  .footer nav {
    margin-bottom: 20px;
    padding-top: 31.5px;
    padding-bottom: 31.5px;
    font-size: 0;
    line-height: 0;
    background: #fafafa; }
    .footer nav a {
      margin: 0 60px;
      font-size: 16px;
      line-height: 24px; }
  .footer a {
    color: #929396;
    text-decoration: none;
    transition: color 0.3s ease-in-out; }
    .footer a:hover {
      color: #000; }
  .footer p {
    margin-bottom: 10px; }
  .footer hr {
    margin-bottom: 15px; }
  .footer__address {
    white-space: nowrap;
    margin-bottom: 25px !important;
    font-size: 14px;
    line-height: 16px; }
  .footer__ogrn {
    margin-bottom: 40px !important;
    font-size: 14px;
    line-height: 16px; }
    .footer__ogrn span {
      color: #bcbcbc; }
  .footer__copyrights {
    font-size: 12px;
    line-height: 14px;
    color: #bcbcbc; }

@media (max-width: 768px) {
  .footer nav a {
    font-size: 14px;
    margin: 0 10px; }
  .footer__ogrn {
    font-size: 11px; } }

/*--responsive-----------------------------------------------------------------------------------------------*/
.show-xs,
.show-sm {
  display: none; }

@media (max-width: 320px) {
  body {
    padding-top: 45px;
    font-size: 12px; }
  .show-xs {
    display: block; }
  .hide-xs {
    display: none; }
  .wrapper {
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    -o-box-sizing: border-box;
    box-sizing: border-box; } }

@media (max-width: 768px) {
  .hide-to-sm {
    display: none; }
  .panel__calendar {
    margin-bottom: 20px; }
  .panel__calendar, .panel__single {
    float: none;
    width: 100%; } }

@media (max-width: 980px) {
  .hide-to-md {
    display: none; } }

@media (min-width: 321px) and (max-width: 768px) {
  body {
    padding-top: 52px;
    font-size: 14px; }
  .show-sm {
    display: block; }
  .wrapper {
    width: 320px; } }

@media (min-width: 769px) and (max-width: 980px) {
  body {
    padding-top: 110px; }
  .show-md {
    display: block; }
  .wrapper {
    width: 768px; }
  .panel__calendar {
    width: 40%; }
  .panel__single {
    width: 60%; } }

@media (min-width: 981px) and (max-width: 1280px) {
  body {
    padding-top: 120px; }
  .wrapper {
    width: 980px; }
  .panel__calendar {
    width: 35%; }
  .panel__single {
    width: 65%; } }

.form__control {
  padding: 5px;
  border: solid #929396 1px;
}

.button {
  display: inline-block;
  padding: 10px 20px;
  font-weight:600;
  font-size: 18px;
  line-height: 20px;
  background: #0D68A7;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out; }
  .button:hover {
    background-color: #000; }

.experts {
  margin-bottom: 50px;
  text-align: center; }

.experts .column-3 {
  margin-bottom: 70px; }

.experts a {
  text-decoration: none;
  transition: color 0.3s ease-in-out; }
.experts a:hover {
  color: #000;}

.experts__img {
  margin-bottom: 30px;}

.experts__img img {
  vertical-align: middle; }

.experts__position,
.experts__brief {
  position: relative; }

.experts__position {
  margin-top: -5px;
  margin-bottom: 5px;
  padding-top: 15px;
  border-top: solid #76E0DA 1px;
  font-weight:600;
  font-size: 18px;
  color: #0d68a7; }
.sidebar__brief {
  position: relative;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: solid #76E0DA 1px;
}
.sidebar__brief a {
  float: right;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-transform: lowercase;
}
.sidebar__brief a:hover {
  text-decoration: underline;}

.experts__brief {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: solid #76E0DA 1px;
  font-size: 14px;
  color: #6d7f8f; }

.experts__brief:after,
.experts__position:after,
.sidebar__brief:before {
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  background: #76E0DA;
  border-radius: 50%; }
.sidebar__brief:after {
  content: '';
  display: block;
  clear: both; }

.experts__brief:after {
  bottom: -3px; }

.experts__position:after,
.sidebar__brief:before {
  top: -3px; }

  .experts__readmore {
    font-size: 14px;
    line-height: 16px;
    text-transform: lowercase;
    text-decoration: none; }

.pagination {
  margin-bottom: 50px;
  text-align: center; }
.pagination > * {
  width: 29px;
  height: 29px;
  display: inline-block;
  line-height: 29px;
  vertical-align: middle; }
.pagination__active {
  background: #54d9d1;
  color: #fff;
  border-radius: 50%; }
.pagination a {
  color: #8f8f8f;
  transition: color 0.3s ease-in-out;
  text-decoration: none;}
.pagination a:hover {
  color: #0d68a7; }
.pagination__prev,
.pagination__next {
  width: auto;
  text-transform: lowercase; }
.pagination__prev {
  margin-right: 20px; }
.pagination__next {
  margin-left: 20px; }
.pagination__prev:before,
.pagination__next:after {
  content: '';
  width: 6px;
  height: 12px;
  display: inline-block;
  background: url(/local/templates/zakrevskiy/images/sprite.png) -38px -16px;
  vertical-align: middle; }
.pagination__prev:before {
  margin-right: 20px; }
.pagination__next:after {
  margin-left: 20px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

p.readall {
  margin-bottom: 75px !important;
}
.sidebar p.readall,
.sidebar__publications p.readall{
  margin-bottom: 0 !important;
}
.readall a {
  font-weight: 600;
  text-transform: uppercase;
}

.content {
  width: 61%;
  float: left;
  margin-bottom: 30px;
}

.sidebar,
.sidebar__publications {
  width: 22%;
  float: right;
  margin-bottom: 30px;
  padding: 30px;
  border: solid #86B3D3 1px;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.sidebar__publications {
  width: 28%; }

@media (max-width: 768px) {

.content ,
.sidebar,
.sidebar__publications {
  float: none;
  width: 100%; }
}

@media (min-width: 769px) and (max-width: 980px) {

.content {
  width: 58%; }

.sidebar {
  width: 35%; }

.sidebar__publications {
  width: 40%; }
}

@media (min-width: 981px) and (max-width: 1280px) {

.content {
  width: 61%; }

.sidebar {
  width: 32%; }

.sidebar__publications {
  width: 35%; }
}

.calendar__button {
  width: 18px;
  height: 10px;
  float: right;
  position: relative;
  margin-top: 7px;
  margin-left: 3px;
  vertical-align: middle;
  background: url(/local/templates/zakrevskiy/images/sprite.png) 0 -17px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

.calendar__button:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/local/templates/zakrevskiy/images/sprite.png) -19px -17px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha opacity=0;
  transition: opacity 0.3s ease-in-out; }

.calendar__next {
  -webkit-transform: rotate(0);
  transform: rotate(0); }

.calendar__button:hover:before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha opacity=100; }

#events {
  position: relative;
  overflow: hidden; }
#events ul {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 0; }

#events li {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none; }

#events li:before {
  display: none; }

.slider__button {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  right: 30px;
  border: solid #e5e5e5 2px;
  border-radius: 50%; }

.slider__button:before {
  content: '';
  width: 13px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
  background: url(/local/templates/zakrevskiy/images/sprite.png) -82px -19px;
}

.slider__button-prev {
  right: 86px; }

.slider__button-next:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.signup_form {

}

  .signup_form input {
    text-align:center;
    border:solid #dfdfdf 1px;
    margin:1rem auto 0;
    width:50%;
    padding:0.5rem;
  }

.main-content {
  margin-bottom:4rem;
}

@media (max-width: 480px) {
  body {
    padding-top:0;
  }
  .wrapper {
    width:100%;
  }
  .header {
    position:-webkit-sticky;
    position:sticky;
  }
  .header__nav {
    width:calc(100% - 20px);
    box-shadow:none;
    background:#fdfdfd;
    left:0;
    padding:10px 10px 1rem;
  }
    .header__nav a {
      font-size:18px;
      margin:0 0 0.75rem;
    }
      .header__nav a:last-child {
        margin:0;
      }
  .breadcrumbs {
    margin-bottom:1rem;
  }
    .breadcrumbs ul {
      margin:0 -5px;
    }

  #top {
    height:660px;
  }
  .single {
    margin-left:0;
    margin-right:0;
  }
    .single__img, .panel__single .single__img  {
      padding-left:0;
    }

    .single__brief, .panel__single .single__brief {
      padding: 0 10px 0 0;
    }
      .single__brief figure, .single__brief figure img {
        max-width:100%;
      }

      .single__brief img {
        height:auto;
      }

      .single__brief blockquote {
        max-width:calc(100% - 50px);
      }

    .single, .listing > div {
      background: url(/local/templates/zakrevskiy/images/corn-rb.png) right 0px bottom no-repeat;
    }

    .single__readmore, .listing__readmore {
      right: 185px;
    }

  .panel__calendar, .panel__single {
    padding:0 5px;
  }
    .panel__single .single__img {
      margin-bottom:20px;
    }

  .signup_form input {
    width:100%;
  }

  .experts .column-3 {
    padding:0 5px;
    margin-bottom:40px;
  }

  .full-image-center > img, .full-image-center > picture > img, .full-image-center > p > img, .full-image-center > picture > a img {
    max-width:100%;
  }

  q, blockquote {
    padding: 20px 0 20px 50px;
  }
/* End */
/* /local/templates/zakrevskiy/styles.css?163487965310645 */
/* /local/templates/zakrevskiy/template_styles.css?163487965344209 */