/*--------------------------------------------------------------
# Scaffolding
--------------------------------------------------------------*/
* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

img {
  display: inline-block;
  max-width: 100%;
  height: auto; }

.cherry-clearfix:before, .cherry-clearfix:after {
  content: " ";
  display: table; }
.cherry-clearfix:after {
  clear: both; }

/*--------------------------------------------------------------
# Shortcodes
--------------------------------------------------------------*/
/*--------------------------
## [accordion]
--------------------------*/
.cherry-accordion {
  margin-bottom: 1.5em; }
  .cherry-accordion .cherry-spoiler {
    margin-bottom: 0.5em; }
    .cherry-accordion .cherry-spoiler:last-child {
      margin-bottom: 0; }
    .cherry-accordion .cherry-spoiler .cherry-spoiler-title {
      position: relative;
      cursor: pointer;
      min-height: 20px;
      line-height: 20px;
      padding: 7px 14px;
      font-weight: bold;
      font-size: 13px; }
    .cherry-accordion .cherry-spoiler .cherry-spoiler-content {
      padding: 14px;
      -webkit-transition: padding-top 0.2s;
      transition: padding-top 0.2s; }
    .cherry-accordion .cherry-spoiler.cherry-spoiler-closed .cherry-spoiler-content {
      height: 0;
      margin: 0;
      padding: 0;
      overflow: hidden;
      border: none;
      opacity: 0; }
    .cherry-accordion .cherry-spoiler.cherry-spoiler-style-default .cherry-spoiler-title {
      padding-left: 0;
      padding-right: 0; }
    .cherry-accordion .cherry-spoiler.cherry-spoiler-style-simple {
      border: 1px solid #ccc;
      background: #fff;
      color: #333; }
      .cherry-accordion .cherry-spoiler.cherry-spoiler-style-simple .cherry-spoiler-title {
        border-bottom: 1px solid #ccc;
        background: #f0f0f0;
        font-size: 0.9em; }
      .cherry-accordion .cherry-spoiler.cherry-spoiler-style-simple.cherry-spoiler-closed .cherry-spoiler-title {
        border: none; }

/*--------------------------
## [banner]
--------------------------*/
.cherry-banner {
  margin: 0; }
  .cherry-banner_wrap {
    background-size: cover;
    background-position: 50% 50%; }
  .cherry-banner_content {
    padding: 20px; }
  .cherry-banner_title {
    padding: 20px 20px 0 20px;
    margin: 0; }
  .cherry-banner_link {
    text-decoration: none; }
    .cherry-banner_link:hover, .cherry-banner_link:active, .cherry-banner_link:focus {
      text-decoration: none; }
    .cherry-banner_link.image-link {
      display: block; }

/*--------------------------
## [box]
--------------------------*/
.cherry-box .inner {
  padding: 15px; }
.cherry-box > div {
  padding-top: 15px;
  padding-bottom: 15px; }
.cherry-box .box-primary {
  background-color: #286090;
  color: #fff; }
.cherry-box .box-secondary {
  background-color: #444;
  color: #fff; }
.cherry-box .box-gray {
  background-color: #ddd; }
.cherry-box .box-primary-border {
  border: 2px solid #286090; }
.che