.section-top-page { margin-top: 60px; }
.section-top-page h1 { margin-bottom: 35px; }
.section-top-page .block-top-content > div { max-width: 880px; margin: auto; padding: 0 50px; }

.edit .section-history-page .block-item .block-image { padding-top: 20%; }

.no-edit .section-history-page .block-item .block-text { position: absolute; width: 100%; top: 0; right: 0; z-index: 999; opacity: 0; visibility: hidden; display: flex; align-items: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }

.section-content-page { margin-bottom: 100px; }
.section-content-page .block-content { margin-top: 60px; }
.section-content-page .block-content .block-link { margin-top: 50px; }
.section-content-page .block-content .block-text > div { max-width: 740px; margin: auto; padding: 0 100px; }

.section-history-page { margin-top: 120px; }
.section-history-page .block-history-content { padding-left: 150px; }
.section-history-page .block-item .block-image { padding-top: 67%; }
.section-history-page .block-item .block-text.active { opacity: 1; visibility: visible; }
.section-history-page .block-item .block-text > div { max-width: 700px; padding: 0 80px; }
.section-history-page .bx-wrapper .bx-prev { left: 0; }
.section-history-page .bx-wrapper .bx-prev:before { border-right: 8px solid #fff; }
.section-history-page .bx-wrapper .bx-prev:hover:before { border-right-color: #0b7877; }
.section-history-page .bx-wrapper .bx-next { right: auto; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.section-history-page .bx-wrapper .bx-next:before { border-left: 8px solid #fff; }
.section-history-page .bx-wrapper .bx-next:hover:before { border-left-color: #0b7877; }
.section-history-page .bx-wrapper .bx-controls-direction a { background: #0b7877; width: 90px; height: 90px; text-indent: inherit; display: flex; justify-content: center; align-items: center; }
.section-history-page .bx-wrapper .bx-controls-direction a:hover { background: #fff; }
.section-history-page .bx-wrapper .bx-controls-direction a:before { content: ''; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 8px solid transparent; }

@media (max-width: 1680px) { .section-history-page .block-history-content { padding-left: 80px; } }
@media (max-width: 1320px) { .section-history-page .block-history-content { padding-left: 50px; }
  .section-history-page .block-item .block-image { padding-top: 70%; }
  .section-history-page .block-item .block-text > div { padding: 0 40px; }
  .section .block-content h2.title { font-size: 3.2rem; } }
@media (max-width: 1024px) { .section-history-page .bx-wrapper .bx-controls-direction a { width: 50px; height: 50px; } }
@media (max-width: 990px) { .section-history-page .block-history-content { padding-left: 40px; } }
@media (min-width: 768px) { .no-edit .section-history-page .block-item .block-text { background: #fff; height: 100%; -webkit-transform: translate(100%, 50%); -moz-transform: translate(100%, 50%); -o-transform: translate(100%, 50%); -ms-transform: translate(100%, 50%); transform: translate(100%, 50%); }
  .section-history-page .block-item .block-text.active { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } }
@media (max-width: 767px) { .section-history-page { margin-top: 50px; }
  .section-history-page .block-history-content { padding: 0; }
  .section-history-page .block-item .block-text > div { padding: 30px 60px; background: rgba(255, 255, 255, 0.9); color: #000; max-width: 100%; }
  .no-edit .section-history-page .block-item .block-text { top: auto; bottom: 0; visibility: visible; opacity: 1; position: relative; }
  .bx-wrapper .bx-controls-direction a { top: 20%; }
  .section .block-content h2.title { margin-top: 0; }
  .section-content-page .block-content { margin: 0; }
  .section-content-page .block-content .block-text > div { padding: 0 40px; }
  .section-content-cell .block-content > div { float: left; width: 100%; } }
@media (max-width: 580px) { .section-history-page .block-history-content { padding-left: 20px; } }
@media (max-width: 480px) { .section-history-page .block-item .block-text > div { padding: 30px 40px; }
  .section-top-page .block-top-content > div { padding: 0; }
  .section .block-content h2.title { font-size: 2.2rem; } }

/*# sourceMappingURL=about.css.map */