@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext");
/*
########  ######## ########
##     ## ##       ##     ##
##     ## ##       ##     ##
########  ######   ##     ##
##   ##   ##       ##     ##
##    ##  ##       ##     ##
##     ## ######## ########
*/
/*
########  #### ##    ## ##    ##
##     ##  ##  ###   ## ##   ##
##     ##  ##  ####  ## ##  ##
########   ##  ## ## ## #####
##         ##  ##  #### ##  ##
##         ##  ##   ### ##   ##
##        #### ##    ## ##    ##
*/
/*
########  ##     ## ########  ########  ##       ########
##     ## ##     ## ##     ## ##     ## ##       ##
##     ## ##     ## ##     ## ##     ## ##       ##
########  ##     ## ########  ########  ##       ######
##        ##     ## ##   ##   ##        ##       ##
##        ##     ## ##    ##  ##        ##       ##
##         #######  ##     ## ##        ######## ########
*/
/*
########  ######## ######## ########     ########  ##     ## ########  ########  ##       ########
##     ## ##       ##       ##     ##    ##     ## ##     ## ##     ## ##     ## ##       ##
##     ## ##       ##       ##     ##    ##     ## ##     ## ##     ## ##     ## ##       ##
##     ## ######   ######   ########     ########  ##     ## ########  ########  ##       ######
##     ## ##       ##       ##           ##        ##     ## ##   ##   ##        ##       ##
##     ## ##       ##       ##           ##        ##     ## ##    ##  ##        ##       ##
########  ######## ######## ##           ##         #######  ##     ## ##        ######## ########
*/
/*
#### ##    ## ########  ####  ######    #######
 ##  ###   ## ##     ##  ##  ##    ##  ##     ##
 ##  ####  ## ##     ##  ##  ##        ##     ##
 ##  ## ## ## ##     ##  ##  ##   #### ##     ##
 ##  ##  #### ##     ##  ##  ##    ##  ##     ##
 ##  ##   ### ##     ##  ##  ##    ##  ##     ##
#### ##    ## ########  ####  ######    #######
*/
/*
########  ##       ##     ## ########
##     ## ##       ##     ## ##
##     ## ##       ##     ## ##
########  ##       ##     ## ######
##     ## ##       ##     ## ##
##     ## ##       ##     ## ##
########  ########  #######  ########
*/
/*
##       ####  ######   ##     ## ########    ########  ##       ##     ## ########
##        ##  ##    ##  ##     ##    ##       ##     ## ##       ##     ## ##
##        ##  ##        ##     ##    ##       ##     ## ##       ##     ## ##
##        ##  ##   #### #########    ##       ########  ##       ##     ## ######
##        ##  ##    ##  ##     ##    ##       ##     ## ##       ##     ## ##
##        ##  ##    ##  ##     ##    ##       ##     ## ##       ##     ## ##
######## ####  ######   ##     ##    ##       ########  ########  #######  ########
*/
/*
 ######  ##    ##    ###    ##    ##
##    ##  ##  ##    ## ##   ###   ##
##         ####    ##   ##  ####  ##
##          ##    ##     ## ## ## ##
##          ##    ######### ##  ####
##    ##    ##    ##     ## ##   ###
 ######     ##    ##     ## ##    ##
 */
/*
######## ########    ###    ##
   ##    ##         ## ##   ##
   ##    ##        ##   ##  ##
   ##    ######   ##     ## ##
   ##    ##       ######### ##
   ##    ##       ##     ## ##
   ##    ######## ##     ## ########
   */
/*
 ######   ########  ######## ######## ##    ##
##    ##  ##     ## ##       ##       ###   ##
##        ##     ## ##       ##       ####  ##
##   #### ########  ######   ######   ## ## ##
##    ##  ##   ##   ##       ##       ##  ####
##    ##  ##    ##  ##       ##       ##   ###
 ######   ##     ## ######## ######## ##    ##
 */
/*
##       ####  ######   ##     ## ########     ######   ########  ######## ######## ##    ##
##        ##  ##    ##  ##     ##    ##       ##    ##  ##     ## ##       ##       ###   ##
##        ##  ##        ##     ##    ##       ##        ##     ## ##       ##       ####  ##
##        ##  ##   #### #########    ##       ##   #### ########  ######   ######   ## ## ##
##        ##  ##    ##  ##     ##    ##       ##    ##  ##   ##   ##       ##       ##  ####
##        ##  ##    ##  ##     ##    ##       ##    ##  ##    ##  ##       ##       ##   ###
######## ####  ######   ##     ##    ##        ######   ##     ## ######## ######## ##    ##
*/
/*
##       #### ##     ## ########
##        ##  ###   ### ##
##        ##  #### #### ##
##        ##  ## ### ## ######
##        ##  ##     ## ##
##        ##  ##     ## ##
######## #### ##     ## ########
*/
/*
##    ## ######## ##       ##        #######  ##      ##
 ##  ##  ##       ##       ##       ##     ## ##  ##  ##
  ####   ##       ##       ##       ##     ## ##  ##  ##
   ##    ######   ##       ##       ##     ## ##  ##  ##
   ##    ##       ##       ##       ##     ## ##  ##  ##
   ##    ##       ##       ##       ##     ## ##  ##  ##
   ##    ######## ######## ########  #######   ###  ###
   */
/*
   ###    ##     ## ########  ######## ########
  ## ##   ###   ### ##     ## ##       ##     ##
 ##   ##  #### #### ##     ## ##       ##     ##
##     ## ## ### ## ########  ######   ########
######### ##     ## ##     ## ##       ##   ##
##     ## ##     ## ##     ## ##       ##    ##
##     ## ##     ## ########  ######## ##     ##
*/
/*
 #######  ########     ###    ##    ##  ######   ########
##     ## ##     ##   ## ##   ###   ## ##    ##  ##
##     ## ##     ##  ##   ##  ####  ## ##        ##
##     ## ########  ##     ## ## ## ## ##   #### ######
##     ## ##   ##   ######### ##  #### ##    ##  ##
##     ## ##    ##  ##     ## ##   ### ##    ##  ##
 #######  ##     ## ##     ## ##    ##  ######   ########
 */
/*
########  ######## ######## ########      #######  ########     ###    ##    ##  ######   ########
##     ## ##       ##       ##     ##    ##     ## ##     ##   ## ##   ###   ## ##    ##  ##
##     ## ##       ##       ##     ##    ##     ## ##     ##  ##   ##  ####  ## ##        ##
##     ## ######   ######   ########     ##     ## ########  ##     ## ## ## ## ##   #### ######
##     ## ##       ##       ##           ##     ## ##   ##   ######### ##  #### ##    ##  ##
##     ## ##       ##       ##           ##     ## ##    ##  ##     ## ##   ### ##    ##  ##
########  ######## ######## ##            #######  ##     ## ##     ## ##    ##  ######   ########
*/
/*
########  ########   #######  ##      ## ##    ##
##     ## ##     ## ##     ## ##  ##  ## ###   ##
##     ## ##     ## ##     ## ##  ##  ## ####  ##
########  ########  ##     ## ##  ##  ## ## ## ##
##     ## ##   ##   ##     ## ##  ##  ## ##  ####
##     ## ##    ##  ##     ## ##  ##  ## ##   ###
########  ##     ##  #######   ###  ###  ##    ##
*/
/*
 ######   ########  ######## ##    ##
##    ##  ##     ## ##        ##  ##
##        ##     ## ##         ####
##   #### ########  ######      ##
##    ##  ##   ##   ##          ##
##    ##  ##    ##  ##          ##
 ######   ##     ## ########    ##
*/
/*
########  ##       ##     ## ########     ######   ########  ######## ##    ##
##     ## ##       ##     ## ##          ##    ##  ##     ## ##        ##  ##
##     ## ##       ##     ## ##          ##        ##     ## ##         ####
########  ##       ##     ## ######      ##   #### ########  ######      ##
##     ## ##       ##     ## ##          ##    ##  ##   ##   ##          ##
##     ## ##       ##     ## ##          ##    ##  ##    ##  ##          ##
########  ########  #######  ########     ######   ##     ## ########    ##

*/
/* ----------------------------------------------
  * Generated by Animista on 2017-4-19 13:33:54
  * http://animista.net
  * T: @cssanimista
  * ---------------------------------------------- */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1; } }

@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1; } }

@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  81% {
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  81% {
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.text-focus-in {
  -webkit-animation: text-focus-in 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  -moz-animation: text-focus-in 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

.bounce-in-bottom {
  -webkit-animation: bounce-in-bottom 1.1s both;
  -moz-animation: bounce-in-bottom 1.1s both;
  animation: bounce-in-bottom 1.1s both; }

.slide-in-bottom {
  -webkit-animation: slide-in-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -moz-animation: slide-in-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bottom 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.slide-in-right {
  -webkit-animation: slide-in-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
  -moz-animation: slide-in-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
  animation: slide-in-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both; }

/*
 ######  ##     ##    ###    ########   #######  ##      ##  ######
##    ## ##     ##   ## ##   ##     ## ##     ## ##  ##  ## ##    ##
##       ##     ##  ##   ##  ##     ## ##     ## ##  ##  ## ##
 ######  ######### ##     ## ##     ## ##     ## ##  ##  ##  ######
      ## ##     ## ######### ##     ## ##     ## ##  ##  ##       ##
##    ## ##     ## ##     ## ##     ## ##     ## ##  ##  ## ##    ##
 ######  ##     ## ##     ## ########   #######   ###  ###   ######
*/
/*
######## ########     ###    ##    ##  ######  #### ######## ####  #######  ##    ##
   ##    ##     ##   ## ##   ###   ## ##    ##  ##     ##     ##  ##     ## ###   ##
   ##    ##     ##  ##   ##  ####  ## ##        ##     ##     ##  ##     ## ####  ##
   ##    ########  ##     ## ## ## ##  ######   ##     ##     ##  ##     ## ## ## ##
   ##    ##   ##   ######### ##  ####       ##  ##     ##     ##  ##     ## ##  ####
   ##    ##    ##  ##     ## ##   ### ##    ##  ##     ##     ##  ##     ## ##   ###
   ##    ##     ## ##     ## ##    ##  ######  ####    ##    ####  #######  ##    ##
*/
/*

##     ##  ######
 ##   ##  ##    ##
  ## ##   ##
   ###     ######
  ## ##         ##
 ##   ##  ##    ##
##     ##  ######

*/
/*

 ######  ##     ##
##    ## ###   ###
##       #### ####
 ######  ## ### ##
      ## ##     ##
##    ## ##     ##
 ######  ##     ##

*/
/*

##     ## ########
###   ### ##     ##
#### #### ##     ##
## ### ## ##     ##
##     ## ##     ##
##     ## ##     ##
##     ## ########

*/
/*

##        ######
##       ##    ##
##       ##
##       ##   ####
##       ##    ##
##       ##    ##
########  ######

*/
/*

##     ## ########     ##        ######
###   ### ##     ##    ##       ##    ##
#### #### ##     ##    ##       ##
## ### ## ##     ##    ##       ##   ####
##     ## ##     ##    ##       ##    ##
##     ## ##     ##    ##       ##    ##
##     ## ########     ########  ######

*/
/*

 ######  ##     ##    ##     ## ########     ##        ######
##    ## ###   ###    ###   ### ##     ##    ##       ##    ##
##       #### ####    #### #### ##     ##    ##       ##
 ######  ## ### ##    ## ### ## ##     ##    ##       ##   ####
      ## ##     ##    ##     ## ##     ##    ##       ##    ##
##    ## ##     ##    ##     ## ##     ##    ##       ##    ##
 ######  ##     ##    ##     ## ########     ########  ######

*/
/*

##     ##  ######      ######  ##     ##
 ##   ##  ##    ##    ##    ## ###   ###
  ## ##   ##          ##       #### ####
   ###     ######      ######  ## ### ##
  ## ##         ##          ## ##     ##
 ##   ##  ##    ##    ##    ## ##     ##
##     ##  ######      ######  ##     ##

*/
body {
  font-family: 'Open Sans', sans-serif;
  background: #ffffff; }

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

::selection {
  background: #cceddc;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #cceddc;
  /* Gecko Browsers */ }

p {
  padding: 0;
  margin: 0; }

.map {
  overflow: hidden;
  background: #F5F5F5;
  min-height: 200px; }
  @media (min-width: 768px) {
    .map {
      border-radius: 25px;
      box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px; } }
  @media (max-width: 767px) {
    .map {
      margin: 0 -15px; } }

h1 {
  color: #212121;
  padding: 0 0 30px 0;
  margin: 0;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700; }
  @media (max-width: 767px) {
    h1 {
      font-size: 24px;
      line-height: 30px; } }
  h1 a {
    color: #212121; }
    h1 a:hover {
      color: #000000; }

h2 {
  color: #000000;
  padding: 0 0 20px 0;
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700; }
  @media (max-width: 767px) {
    h2 {
      font-size: 18px;
      line-height: 24px; } }
  h2 a {
    color: #000000; }
    h2 a:hover {
      color: #000000; }

h3 {
  color: #000000;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700; }
  @media (max-width: 767px) {
    h3 {
      font-size: 14px;
      line-height: 20px; } }
  h3 a {
    color: #000000; }
    h3 a:hover {
      color: #000000; }

.button {
  border-radius: 20px;
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  padding: 10px 20px;
  text-align: center;
  border: none;
  text-transform: uppercase;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
  cursor: pointer; }
  @media (min-width: 992px) {
    .button {
      padding: 15px 25px;
      border-radius: 25px;
      height: 50px;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700; } }
  .button--confirm {
    background: #00a651;
    color: #FFEE58; }
    .button--confirm:hover {
      box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
      color: #FFEE58; }

.form {
  margin: 0;
  padding: 0; }
  .form__line {
    padding: 5px 0;
    margin: 0; }
  .form__input, .form__textarea {
    margin: 0;
    background: #ffffff;
    border: 1px solid #9E9E9E;
    width: 100%;
    color: #757575;
    outline: none;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400; }
    @media (min-width: 992px) {
      .form__input, .form__textarea {
        padding: 15px 25px;
        border-radius: 25px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400; } }
    .form__input:focus, .form__textarea:focus {
      color: #424242;
      outline: none; }
  .form__input {
    height: 42px; }
    @media (min-width: 992px) {
      .form__input {
        height: 52px; } }
  .form__textarea {
    height: 82px; }
    @media (min-width: 992px) {
      .form__textarea {
        height: 92px; } }
  .form__buttons {
    text-align: right; }

.error404 {
  padding-top: 100px;
  padding-bottom: 500px;
  text-align: center;
  background: url("../img/404.jpg") center bottom no-repeat; }

.header {
  position: relative;
  background: #00a651;
  z-index: 10;
  /*

##     ##  ######
 ##   ##  ##    ##
  ## ##   ##
   ###     ######
  ## ##         ##
 ##   ##  ##    ##
##     ##  ######

*/
  /*

 ######  ##     ##    ##     ## ########     ##        ######
##    ## ###   ###    ###   ### ##     ##    ##       ##    ##
##       #### ####    #### #### ##     ##    ##       ##
 ######  ## ### ##    ## ### ## ##     ##    ##       ##   ####
      ## ##     ##    ##     ## ##     ##    ##       ##    ##
##    ## ##     ##    ##     ## ##     ##    ##       ##    ##
 ######  ##     ##    ##     ## ########     ########  ######

*/
  /*

##     ## ########
###   ### ##     ##
#### #### ##     ##
## ### ## ##     ##
##     ## ##     ##
##     ## ##     ##
##     ## ########

*/
  /*

 ######  ##     ##
##    ## ###   ###
##       #### ####
 ######  ## ### ##
      ## ##     ##
##    ## ##     ##
 ######  ##     ##

*/
  /*

##     ##  ######
 ##   ##  ##    ##
  ## ##   ##
   ###     ######
  ## ##         ##
 ##   ##  ##    ##
##     ##  ######

*/ }
  .header__logo {
    display: inline-block;
    margin: 18px 0 18px 10px;
    white-space: nowrap;
    text-decoration: none;
    color: #ffffff; }
    .header__logo img {
      float: left;
      margin: 0 10px 0 0;
      height: 64px;
      width: auto; }
    .header__logo strong {
      font-size: 18px;
      line-height: 20px;
      font-weight: 700;
      display: block;
      margin: 15px 0 0 0; }
    .header__logo span {
      font-size: 14px;
      line-height: 14px;
      font-weight: 400;
      display: block; }
    .header__logo:hover {
      text-decoration: none;
      color: #ffffff; }
  .header__contact {
    text-align: right;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 40px 10px 40px 0;
    margin: 0; }
    .header__contact a {
      color: #ffffff; }
  .header__switcher {
    width: 40px;
    height: 40px;
    background: #FDD835;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
    transition: 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    margin: 20px 0;
    text-align: center;
    color: #3E2723;
    float: right; }
    .header__switcher .fa {
      font-size: 18px;
      line-height: 40px;
      font-weight: normal; }
  @media (max-width: 767px) {
    .header__logo {
      margin: 20px 0; }
      .header__logo img {
        height: 40px; }
      .header__logo strong {
        font-size: 14px;
        line-height: 14px;
        font-weight: 700;
        margin: 0; }
      .header__logo span {
        font-size: 11px;
        line-height: 12px;
        font-weight: 400; } }
  @media (min-width: 768px) {
    .header .menu {
      background: #FDD835;
      border-radius: 25px;
      height: 50px;
      box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
      transition: 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      .header .menu > ul {
        padding: 0 15px;
        margin: 0;
        display: block;
        font-size: 0; }
      .header .menu__submenu {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        background: #FDD835;
        margin: 0;
        padding: 15px 0;
        overflow: hidden;
        border-radius: 0 0 15px 15px;
        box-shadow: rgba(0, 0, 0, 0.247059) 0px 14px 45px, rgba(0, 0, 0, 0.219608) 0px 10px 18px; }
      .header .menu__part {
        padding: 0;
        margin: 0;
        vertical-align: top;
        display: inline-block;
        position: relative;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        box-shadow: inset 0 0 0 0 #F9A825; }
        .header .menu__part:hover {
          box-shadow: inset 0 3px 0 0 #F9A825; }
          .header .menu__part:hover .menu__submenu {
            display: block; }
        .header .menu__part-active {
          box-shadow: inset 0 3px 0 0 #F9A825; }
        .header .menu__part--search {
          float: right; }
      .header .menu__link {
        display: block; }
        .header .menu__link--lvl1 {
          display: block;
          font-size: 14px;
          line-height: 50px;
          font-weight: 700;
          color: #3E2723;
          height: 50px;
          padding: 0 15px;
          text-transform: uppercase;
          transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          cursor: pointer; }
          .header .menu__link--lvl1 i {
            font-size: 18px;
            line-height: 50px;
            font-weight: normal; }
          .header .menu__link--lvl1:hover {
            color: #000000;
            text-decoration: none; }
        .header .menu__link--lvl2 {
          display: block;
          font-size: 12px;
          line-height: 30px;
          font-weight: 700;
          color: #3E2723;
          padding: 0 15px;
          text-transform: uppercase;
          transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          white-space: nowrap; }
          .header .menu__link--lvl2:hover {
            background: #F9A825;
            color: #000000;
            text-decoration: none; }
      .header .menu__subpart {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none; }
      .header .menu:hover {
        box-shadow: rgba(0, 0, 0, 0.298039) 0px 19px 60px, rgba(0, 0, 0, 0.219608) 0px 15px 20px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .header .menu > ul {
      padding: 0 20px; }
    .header .menu__link--lvl1 {
      font-size: 13px;
      padding: 0 10px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .header .menu > ul {
      padding: 0 25px; }
    .header .menu__link--lvl1 {
      font-size: 11px;
      padding: 0 5px; }
    .header .menu__link--lvl2 {
      font-size: 11px; }
    .header .menu__submenu {
      padding: 10px 0; } }
  @media (max-width: 767px) {
    .header .menu {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      display: none;
      background: #FDD835;
      padding: 15px 0; }
      .header .menu--open {
        display: block; }
      .header .menu > ul {
        padding: 0;
        margin: 0;
        display: block; }
      .header .menu__submenu {
        display: none;
        background: #FBC02D;
        margin: 0 -40px 0 0;
        padding: 15px 0; }
      .header .menu__part {
        padding: 0;
        margin: 0;
        display: block;
        position: relative;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
        .header .menu__part--parent {
          padding-right: 40px; }
          .header .menu__part--parent:after {
            content: '\f0d7';
            font-family: 'FontAwesome';
            width: 40px;
            font-size: 14px;
            line-height: 30px;
            font-weight: normal;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0; }
          .header .menu__part--parent .menu__link--lvl1 {
            box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.1); }
        .header .menu__part--open .menu__submenu {
          display: block; }
      .header .menu__link {
        display: block; }
        .header .menu__link--lvl1 {
          display: block;
          font-size: 14px;
          line-height: 30px;
          font-weight: 700;
          color: #3E2723;
          height: 30px;
          padding: 0 15px;
          text-transform: uppercase;
          transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          cursor: pointer; }
          .header .menu__link--lvl1 i {
            font-size: 18px;
            line-height: 30px;
            font-weight: normal; }
          .header .menu__link--lvl1:hover {
            color: #000000;
            text-decoration: none; }
        .header .menu__link--lvl2 {
          display: block;
          font-size: 12px;
          line-height: 30px;
          font-weight: 700;
          color: #3E2723;
          padding: 0 15px;
          text-transform: uppercase;
          transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          white-space: nowrap; }
          .header .menu__link--lvl2:hover {
            background: #F9A825;
            color: #000000;
            text-decoration: none; }
      .header .menu__subpart {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none; } }

.search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 20;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0; }
  .search--open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1; }
  .search__input {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    color: #000000;
    background: transparent;
    font-size: 48px;
    line-height: 60px;
    font-weight: 300;
    text-align: center;
    border: none;
    margin: 0px auto;
    border-radius: 30px;
    padding: 0 30px;
    outline: none;
    transform: translate(0, -50%); }
    @media (max-width: 991px) {
      .search__input {
        font-size: 36px;
        line-height: 50px;
        font-weight: 300;
        border-radius: 25px;
        padding: 0 25px; } }
    @media (max-width: 767px) {
      .search__input {
        font-size: 24px;
        line-height: 50px;
        font-weight: 300;
        left: 5%;
        width: 90%; } }
  .search__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    margin: 100px auto 0 auto; }
    @media (max-width: 991px) {
      .search__button {
        margin-top: 60px; } }
  .search__close {
    position: fixed;
    top: 15px;
    right: 15px;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    width: 50px; }
    @media (max-width: 991px) {
      .search__close {
        width: 40px; } }
    @media (max-width: 767px) {
      .search__close {
        top: 20px; } }

.footer {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px -3px 10px, rgba(0, 0, 0, 0.227451) 0px -3px 10px;
  overflow: hidden;
  z-index: 3; }
  .footer .container {
    position: relative; }
  .footer__title {
    font-size: 12px;
    line-height: 20px;
    font-weight: 800;
    margin: 0;
    padding: 0 0 20px 0;
    text-transform: uppercase; }
  .footer__menu {
    text-transform: uppercase;
    padding-bottom: 30px; }
  .footer__menulink {
    color: #00a651;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    display: block;
    transition: 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    .footer__menulink:hover {
      color: #212121;
      text-decoration: none; }
    @media (max-width: 767px) {
      .footer__menulink {
        font-size: 11px; } }
  .footer__logos {
    font-size: 0;
    margin: 0 -15px; }
  .footer__logo {
    margin: 0 15px 10px 15px;
    display: inline-block; }
    .footer__logo img {
      width: auto;
      max-height: 60px; }
  .footer__bot {
    border-top: 1px solid #BDBDBD;
    padding-top: 30px; }
  .footer__copyright {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: #757575;
    display: inline-block;
    vertical-align: top; }
  .footer__gotop {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    float: right;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: #00a651;
    vertical-align: top;
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    white-space: nowrap;
    transition: 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    .footer__gotop:hover {
      color: #212121;
      text-decoration: none; }
    @media (min-width: 768px) {
      .footer__gotop {
        top: 0; } }
    @media (max-width: 767px) {
      .footer__gotop {
        bottom: 0; } }
  @media (min-width: 768px) {
    .footer:after {
      content: '';
      position: absolute;
      background: url("../img/footer.png") 0 0 no-repeat; } }
  @media (min-width: 1200px) {
    .footer {
      padding-top: 50px;
      padding-bottom: 140px; }
      .footer:after {
        width: 452px;
        height: 558px;
        left: 50%;
        bottom: -110px;
        margin: 0 0 0 50px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .footer {
      padding-top: 50px;
      padding-bottom: 50px; }
      .footer:after {
        width: 339px;
        height: 419px;
        left: 50%;
        bottom: -110px;
        background-size: 339px 419px;
        margin: 0 0 0 70px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .footer {
      padding-top: 30px;
      padding-bottom: 30px; }
      .footer:after {
        width: 226px;
        height: 279px;
        left: 50%;
        bottom: -90px;
        background-size: 226px 279px;
        margin: 0 0 0 130px; } }
  @media (max-width: 767px) {
    .footer {
      padding-top: 30px;
      padding-bottom: 50px; }
      .footer__logo {
        margin: 0 15px 10px 15px;
        display: inline-block; }
        .footer__logo img {
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 60px; } }

.home {
  margin: -150px 0 0 0; }
  @media (max-width: 767px) {
    .home {
      margin: -80px 0 0 0; } }
  .home__welcome {
    background: #00a651;
    min-height: 200px;
    margin: 0;
    z-index: 8; }
  .home .slide {
    position: relative; }
    .home .slide--1 {
      height: 500px; }
      .home .slide--1 .slide__slogan {
        position: absolute;
        font-family: 'Baloo Paaji', cursive;
        top: 50%;
        text-align: right;
        color: #ffffff;
        z-index: 2; }
        @media (min-width: 768px) {
          .home .slide--1 .slide__slogan {
            margin: 0 30px 0 0;
            font-size: 60px;
            line-height: 60px;
            font-weight: normal;
            right: 50%; } }
        @media (max-width: 767px) {
          .home .slide--1 .slide__slogan {
            margin: 0;
            font-size: 36px;
            line-height: 36px;
            font-weight: normal;
            right: 40%; } }
      .home .slide--1 .slide__element {
        position: absolute;
        left: 50%;
        top: -20px;
        z-index: 3; }
        .home .slide--1 .slide__element img {
          width: 100%;
          height: auto; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .home .slide--1 .slide__element {
            width: 480px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .home .slide--1 .slide__element {
            left: 40%;
            width: 480px;
            z-index: 1; } }
        @media (max-width: 767px) {
          .home .slide--1 .slide__element {
            left: 20%;
            width: 480px;
            top: 20px;
            z-index: 1; } }
  .home__news {
    position: relative;
    z-index: 9; }
    @media (min-width: 768px) {
      .home__news {
        background-image: linear-gradient(90deg, #ffffff 0, #ffffff 50%, #EEEEEE 50%, #EEEEEE); }
        .home__news .news--standard .post {
          margin-right: 15px; }
        .home__news .news--pinned .news__title {
          margin-left: 15px; }
        .home__news .news--pinned .post {
          margin-left: 15px; }
          .home__news .news--pinned .post:nth-child(even) {
            background: #E0E0E0;
            box-shadow: 330px 0 0 0 #E0E0E0; }
            .home__news .news--pinned .post:nth-child(even):before {
              content: '';
              position: absolute;
              right: 100%;
              top: 0;
              width: 30px;
              height: 100%;
              background: #E0E0E0; }
          .home__news .news--pinned .post:after {
            display: none; } }
    @media (min-width: 1200px) {
      .home__news .news--pinned .post:nth-child(even) {
        box-shadow: 540px 0 0 0 #E0E0E0; } }
    @media (max-width: 767px) {
      .home__news .news--pinned {
        background: #EEEEEE;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px; } }
  .home .bulletin {
    box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
    position: relative;
    z-index: 2;
    padding: 30px 0;
    background: url("../img/wood.jpg") top center no-repeat;
    background-size: cover; }
    .home .bulletin__list {
      margin: 0 -15px;
      font-size: 0; }
    .home .bulletin__magazine {
      display: inline-block;
      margin: 0 15px;
      vertical-align: top; }
      @media (min-width: 768px) {
        .home .bulletin__magazine {
          width: 20%;
          margin: 0;
          padding: 0 15px; } }
      .home .bulletin__magazine img {
        width: 100%;
        height: auto;
        box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      .home .bulletin__magazine:hover img {
        transform: scale(1.05, 1.05);
        box-shadow: rgba(0, 0, 0, 0.247059) 0px 14px 45px, rgba(0, 0, 0, 0.219608) 0px 10px 18px; }
    .home .bulletin__arrow {
      position: absolute;
      top: 0;
      width: 40px;
      height: 100%;
      z-index: 10; }
      .home .bulletin__arrow--prev {
        left: 0; }
      .home .bulletin__arrow--next {
        right: 0; }
  .home .training {
    background: #00a651;
    color: #ffffff;
    padding: 30px 0;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) {
      .home .training {
        padding: 50px 0; } }
    .home .training__title {
      font-size: 30px;
      line-height: 30px;
      color: #ffffff;
      padding: 0; }
      @media (min-width: 768px) {
        .home .training__title {
          font-size: 48px;
          line-height: 48px; } }
    .home .training__subtitle {
      font-size: 16px;
      line-height: 20px;
      font-weight: 700; }
      @media (min-width: 768px) {
        .home .training__subtitle {
          font-size: 24px;
          line-height: 30px; } }
    .home .training__info {
      font-size: 12px;
      line-height: 14px;
      font-weight: 400; }
    .home .training__schedule {
      font-size: 0; }
    .home .training__part {
      position: relative;
      font-size: 14px;
      line-height: 16px;
      font-weight: 400;
      padding: 3px 0 3px 18px;
      margin: 20px 0 0 0;
      vertical-align: top;
      display: inline-block;
      width: 33.33%; }
      .home .training__part:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 100%; }
      @media (min-width: 768px) {
        .home .training__part {
          margin: 30px 0 0 0; } }
      @media (min-width: 1200px) {
        .home .training__part {
          font-size: 18px;
          line-height: 18px; } }
      .home .training__part strong {
        display: block;
        font-size: 18px;
        line-height: 18px;
        font-weight: 700; }
        @media (min-width: 1200px) {
          .home .training__part strong {
            font-size: 24px;
            line-height: 24px; } }
      .home .training__part--date:before {
        background: #ffffff; }
      @media (max-width: 767px) {
        .home .training__part--date {
          width: 50%; } }
      .home .training__part--registration {
        color: #FFEE58; }
        .home .training__part--registration:before {
          background: #FFEE58; }
        @media (max-width: 767px) {
          .home .training__part--registration {
            width: 100%; } }
    .home .training__icon {
      width: 33.33%;
      position: absolute;
      right: 100%;
      top: 50%;
      transform: translate(0, -50%);
      text-align: center; }
      .home .training__icon svg {
        width: 70%;
        height: auto; }

.ishome .header {
  background: transparent; }

.gallery {
  display: flex;
  flex-wrap: wrap;
  margin: -3px -3px 17px -3px; }
  .gallery__photo {
    width: 33.33%;
    padding: 3px; }
    @media (min-width: 768px) {
      .gallery__photo {
        width: 25%; } }
    .gallery__photo img {
      width: 100%;
      height: auto;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px; }
    .gallery__photo:hover img {
      transform: scale(1.02, 1.02);
      box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px; }

.files {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none; }
  .files__item {
    margin: 0;
    padding: 0;
    list-style: none; }
  .files__link {
    position: relative;
    display: block;
    color: #00a651;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 10px 30px 10px 0;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    border-bottom: 1px solid #E0E0E0;
    box-shadow: 0 -1px 0 0 #E0E0E0; }
    @media (max-width: 767px) {
      .files__link {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400; } }
    .files__link:after {
      content: '\f0ed';
      font-family: 'FontAwesome';
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%);
      font-size: 14px;
      line-height: 20px;
      font-weight: normal;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    .files__link:hover {
      color: #212121;
      margin: 0 -10px;
      padding-left: 10px;
      padding-right: 40px;
      background: #F5F5F5;
      text-decoration: none; }
      .files__link:hover:after {
        right: 10px; }
  .files__explain {
    color: #757575;
    display: block;
    font-size: 11px;
    line-height: 14px;
    font-weight: 400; }
    @media (max-width: 767px) {
      .files__explain {
        font-size: 10px;
        line-height: 12px;
        font-weight: 400; } }

.static {
  color: #616161;
  padding: 30px 0; }
  @media (min-width: 992px) {
    .static {
      padding: 50px 0; } }
  .static p {
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 20px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .static p {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400; } }
    @media (min-width: 992px) {
      .static p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400; } }
    .static p.intro {
      font-size: 14px;
      line-height: 20px;
      font-weight: 400; }
      @media (min-width: 768px) and (max-width: 991px) {
        .static p.intro {
          font-size: 16px;
          line-height: 22px;
          font-weight: 400; } }
      @media (min-width: 992px) {
        .static p.intro {
          font-size: 18px;
          line-height: 24px;
          font-weight: 400; } }
  .static .photo {
    display: block;
    margin: 0 0 20px 0; }
    .static .photo img {
      width: 100%;
      height: auto; }
    @media (min-width: 768px) {
      .static .photo--left {
        float: left;
        width: 30%;
        margin-right: 3.3%; }
      .static .photo--right {
        float: right;
        width: 30%;
        margin-left: 3.3%; } }

.aside {
  padding: 30px 0; }
  @media (min-width: 992px) {
    .aside {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .aside:before {
      content: '';
      position: absolute;
      left: 50%;
      top: 0;
      height: 100%;
      width: 200%;
      background: #EEEEEE;
      z-index: -1;
      transform: translate(-50%, 0); } }
  @media (max-width: 767px) {
    .aside {
      margin: 0 -15px;
      padding-left: 15px;
      padding-right: 15px;
      background: #EEEEEE; } }
  .aside__part + .aside__part {
    margin-top: 30px; }
  .aside .bulletin__list {
    font-size: 0; }
  .aside .bulletin__magazine {
    display: inline-block;
    margin: 0 0 20px 0;
    vertical-align: top;
    max-width: 200px; }
    .aside .bulletin__magazine + .bulletin__magazine {
      margin-left: 20px; }
    .aside .bulletin__magazine img {
      width: 100%;
      height: auto;
      box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    .aside .bulletin__magazine:hover img {
      transform: scale(1.05, 1.05);
      box-shadow: rgba(0, 0, 0, 0.247059) 0px 14px 45px, rgba(0, 0, 0, 0.219608) 0px 10px 18px; }
  .aside .bulletin__more {
    color: #00a651;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700; }
    .aside .bulletin__more:hover {
      color: #212121; }

.breadcrumbs {
  height: 50px;
  padding: 15px 0;
  margin: 0;
  position: relative;
  z-index: 9;
  font-size: 0;
  line-height: 20px;
  text-transform: uppercase;
  background: #00a651; }
  .breadcrumbs__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    line-height: 20px;
    font-weight: 400; }
    .breadcrumbs__item + .breadcrumbs__item {
      margin-left: 30px; }
      .breadcrumbs__item + .breadcrumbs__item:before {
        content: '/';
        width: 30px;
        text-align: center;
        position: absolute;
        right: 100%;
        top: 0;
        color: #ffffff;
        pointer-events: none; }
    .breadcrumbs__item--link {
      color: #FFEE58;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      .breadcrumbs__item--link:hover {
        color: #ffffff; }
    .breadcrumbs__item--youarehere {
      color: #ffffff; }

.pagination {
  text-align: right;
  display: block;
  font-size: 0; }
  .pagination__part {
    background: #EEEEEE;
    font-size: 11px;
    line-height: 30px;
    font-weight: 700;
    border-radius: 50%;
    width: 30px;
    display: inline-block;
    margin-left: 5px;
    text-align: center;
    color: #424242;
    transition: 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    .pagination__part:hover {
      background: #00a651;
      color: #ffffff; }
    .pagination__part--active {
      background: #ffffff;
      color: #9E9E9E;
      box-shadow: inset 0 0 0 1px #E0E0E0;
      cursor: default; }
      .pagination__part--active:hover {
        background: #ffffff;
        color: #9E9E9E; }

.news--regular {
  padding: 30px 0; }
  @media (min-width: 992px) {
    .news--regular {
      padding-top: 50px;
      padding-bottom: 85px; } }
  .news--regular .post {
    position: relative;
    padding: 15px 0 15px 60px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400; }
    .news--regular .post:after {
      content: '';
      width: 30px;
      height: 3px;
      background: #000000;
      position: absolute;
      left: 60px;
      top: 100%;
      margin: -1px 0 0 0; }
    @media (min-width: 992px) {
      .news--regular .post {
        font-size: 14px;
        line-height: 20px;
        padding-left: 80px;
        padding-top: 30px;
        padding-bottom: 30px; }
        .news--regular .post:after {
          left: 80px; } }
    .news--regular .post__date {
      position: absolute;
      left: 0;
      top: 15px;
      font-size: 11px;
      line-height: 12px;
      font-weight: 400; }
      .news--regular .post__date strong {
        display: block;
        font-size: 36px;
        line-height: 36px;
        font-weight: 700; }
      @media (min-width: 768px) {
        .news--regular .post__date {
          font-size: 14px;
          line-height: 14px;
          font-weight: 400; }
          .news--regular .post__date strong {
            font-size: 48px;
            line-height: 48px;
            font-weight: 700; } }
      @media (min-width: 992px) {
        .news--regular .post__date {
          top: 30px; } }
    .news--regular .post__title {
      position: relative;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
      color: #00a651;
      display: block;
      transition: 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      .news--regular .post__title:hover {
        text-decoration: none;
        color: #00a651; }
      @media (min-width: 768px) {
        .news--regular .post__title {
          color: #212121; }
          .news--regular .post__title--cover {
            color: #ffffff;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
            .news--regular .post__title--cover span {
              position: absolute;
              bottom: 10px;
              left: 0;
              width: 100%;
              padding: 0 15px;
              z-index: 3; } }
      @media (min-width: 992px) {
        .news--regular .post__title {
          font-size: 18px;
          line-height: 24px; } }
    .news--regular .post__content {
      padding: 10px 0;
      color: #616161; }
      @media (min-width: 992px) {
        .news--regular .post__content {
          padding: 20px 0; } }
    .news--regular .post__more {
      font-weight: 700;
      color: #00a651;
      text-transform: uppercase; }
      .news--regular .post__more:hover {
        text-decoration: none;
        color: #2E7D32; }
    .news--regular .post__photo {
      position: relative;
      overflow: hidden;
      z-index: 1; }
      .news--regular .post__photo:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 33.33%;
        z-index: 2;
        background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.75)); }
      .news--regular .post__photo img {
        width: 100%;
        height: auto;
        z-index: 1; }

#post .postpage {
  position: relative; }
  @media (min-width: 768px) {
    #post .postpage {
      padding-left: 80px; } }
  #post .postpage__date {
    color: #000000;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400; }
    #post .postpage__date strong {
      font-weight: 400; }
      @media (max-width: 767px) {
        #post .postpage__date strong:after {
          content: '.'; } }
    @media (min-width: 768px) {
      #post .postpage__date {
        position: absolute;
        left: 0;
        top: 30px;
        font-size: 14px;
        line-height: 14px;
        font-weight: 400; }
        #post .postpage__date strong {
          display: block;
          font-size: 48px;
          line-height: 48px;
          font-weight: 700; } }
    @media (min-width: 992px) {
      #post .postpage__date {
        top: 50px; } }

.news--simplified .post {
  position: relative;
  padding: 15px 0; }
  .news--simplified .post:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 100%;
    margin: -1px 0 0 0; }
  .news--simplified .post__date {
    font-size: 11px;
    line-height: 20px;
    font-weight: 400; }
    .news--simplified .post__date strong {
      font-weight: 400; }
      .news--simplified .post__date strong:after {
        content: '.'; }
    @media (min-width: 768px) {
      .news--simplified .post__date {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400; } }
  .news--simplified .post__title {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #00a651;
    display: block;
    transition: 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    .news--simplified .post__title:hover {
      text-decoration: none;
      color: #00a651; }

.gardens {
  padding: 30px 0; }
  @media (min-width: 992px) {
    .gardens {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .gardens__map {
    height: 500px;
    margin: 0 0 30px 0; }
    @media (max-width: 767px) {
      .gardens__map {
        margin-left: -15px;
        margin-right: -15px; } }
  .gardens__regions {
    font-size: 0; }
  .gardens__region {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    width: 50%;
    color: #424242;
    padding: 20px 0 22px 0; }
    @media (min-width: 768px) {
      .gardens__region {
        width: 33.33%;
        padding: 25px 0 27px 0;
        font-size: 24px;
        line-height: 24px;
        font-weight: 700; } }
    @media (min-width: 992px) {
      .gardens__region {
        padding: 30px 0 32px 0;
        font-size: 30px;
        line-height: 30px;
        font-weight: 700; } }
    .gardens__region:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      background: #424242;
      width: 30px;
      height: 3px; }
  .gardens__link {
    position: relative;
    display: block;
    color: #424242;
    padding: 0 20px 0 0;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    .gardens__link:after {
      content: '\f0da';
      position: absolute;
      right: 15px;
      top: 50%;
      font-family: 'FontAwesome';
      transform: translate(0, -50%);
      font-size: 20px;
      line-height: 20px;
      font-weight: normal;
      color: #00a651;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      @media (min-width: 768px) {
        .gardens__link:after {
          right: 0;
          font-size: 30px;
          line-height: 30px;
          font-weight: normal; } }
    @media (min-width: 768px) {
      .gardens__link {
        display: inline-block;
        padding: 0 30px 0 0; } }
    .gardens__link:hover:after {
      right: -10px; }

.garden {
  padding: 30px 0; }
  @media (min-width: 992px) {
    .garden {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (max-width: 767px) {
    .garden {
      padding-bottom: 0; } }
  .garden__text {
    padding: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400; }
    @media (min-width: 992px) {
      .garden__text {
        padding: 0 0 20px 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400; } }
  .garden .map {
    height: 500px; }
    @media (max-width: 767px) {
      .garden .map {
        height: 400px;
        margin-top: 20px;
        margin-bottom: 0; } }

.contact {
  padding: 30px 0 0 0; }
  @media (min-width: 992px) {
    .contact {
      padding-top: 50px; } }
  .contact__intro {
    padding: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400; }
    @media (min-width: 992px) {
      .contact__intro {
        padding: 0 0 20px 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400; } }
  .contact__text {
    padding: 0 0 10px 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400; }
    @media (min-width: 992px) {
      .contact__text {
        padding: 0 0 20px 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400; } }
  .contact .map {
    height: 300px;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .contact .map {
        height: 200px;
        margin-top: 20px;
        margin-bottom: 0; } }

.contactform {
  margin: 0;
  background: #EEEEEE;
  padding: 30px 0; }
  @media (min-width: 992px) {
    .contactform {
      padding: 50px 0;
      margin: 20px 0 0 0; } }
  .contactform form:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: url("../img/phone.png") center center no-repeat; }
  .contactform form .button {
    width: 120px; }
    @media (min-width: 992px) {
      .contactform form .button {
        width: 200px; } }

.bulletins {
  position: relative;
  z-index: 2;
  padding: 30px 0; }
  .bulletins__list {
    margin: 0 -15px;
    font-size: 0; }
  .bulletins__magazine {
    display: inline-block;
    margin: 0 15px 30px 15px;
    vertical-align: top; }
    @media (min-width: 768px) {
      .bulletins__magazine {
        width: 20%;
        margin: 0 0 30px 0;
        padding: 0 15px; } }
    .bulletins__magazine img {
      width: 100%;
      height: auto;
      box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    .bulletins__magazine:hover img {
      transform: scale(1.05, 1.05);
      box-shadow: rgba(0, 0, 0, 0.247059) 0px 14px 45px, rgba(0, 0, 0, 0.219608) 0px 10px 18px; }

.sf-dump {
  position: fixed !important;
  bottom: 0;
  right: 0;
  margin: 0 !important;
  width: 100% !important; }