.heading.\--massive {
  font-size: 4.375rem;
}

.heading.\--huge {
  font-size: 3.75rem;
}

.heading.\--big {
  font-size: 3.125rem;
}

.heading.\--large {
  font-size: 2.5rem;
}

.heading.\--medium {
  font-size: 1.875rem;
}

.heading.\--small {
  font-size: 1.75rem;
}

.heading.\--tiny {
  font-size: 1.5625rem;
}

.heading.\--mini {
  font-size: 1.375rem;
}

.heading.\--extra-mini {
  font-size: 1.125rem;
}

.text.\--massive {
  font-size: 3.75rem;
}

.text.\--huge {
  font-size: 1.875rem;
}

.text.\--big {
  font-size: 1.5625rem;
}

.text.\--large {
  font-size: 1.375rem;
}

.text.\--medium {
  font-size: 1.25rem;
}

.text.\--small {
  font-size: 1.125rem;
}

.text.\--tiny {
  font-size: 1rem;
}

.text.\--mini {
  font-size: 0.875rem;
}

.text.\--extra-mini {
  font-size: 0.75rem;
}

.heading {
  line-height: 1em;
}

.heading__icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
}

.\--black {
  color: #000000;
}

.\--light-gray {
  color: #b6b6b6;
}

.\--gray {
  color: #656a6d;
}

.\--dark-gray {
  color: #4a4a4a;
}

.\--blue {
  color: #00aac5;
}

.\--white {
  color: #ffffff;
}

.\--red {
  color: red;
}

.button {
  display: inline-block;
  padding: 0.25rem 2rem;
}

.button.\--primary {
  background: #00aac5;
  color: #ffffff;
}

.button.\--default {
  background: #ffffff;
  color: #656a6d;
  border: 1px solid #656a6d;
}

.button.\--radius-top {
  border-radius: 0.5rem 0.5rem 0 0;
}

.button.\--readmore {
  width: auto;
  height: auto;
  padding: 0.5rem 3.75rem;
  background-image: url("../images/more.svg");
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#csstyle .\+bg-gray {
  background: #f3f3f3;
}

#csstyle .\+bg-blue {
  background: #00aac5;
}

#csstyle .\+bg-dark-blue {
  background: #004a61;
}

#csstyle .\+border-blue-top {
  border-top: 2px solid #00aac5;
}

#csstyle .\+border-gray-left {
  border-left: 1px solid #b6b6b6;
}

#csstyle .\+color-white {
  color: #ffffff;
}

#csstyle .\+triangle-top-left:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 80px solid #00aac5;
  border-left: 50px solid #00aac5;
  border-bottom: 80px solid transparent;
  border-right: 50px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#csstyle .\+triangle-bottom-right:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 80px solid #00aac5;
  border-right: 50px solid #00aac5;
  border-top: 80px solid transparent;
  border-left: 50px solid transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.textEditor h1 {
  font-size: 1.75rem;
  margin: 0.5em 0;
}

.textEditor h2 {
  font-size: 1.5rem;
  margin: 0.5em 0;
}

.textEditor h3 {
  font-size: 1.4rem;
  margin: 0.5em 0;
}

.textEditor h4 {
  font-size: 1.3rem;
  margin: 0.5em 0;
}

.textEditor h5 {
  font-size: 1.2rem;
  margin: 0.5em 0;
}

.textEditor h6 {
  font-size: 1rem;
  margin: 0.5em 0;
}

.textEditor a {
  color: #00aac5;
  font-size: 1rem;
}

.uk-input {
  padding: -webkit-calc(0.25rem - 2px) 1rem;
  padding: calc(0.25rem - 2px) 1rem;
  height: auto;
  max-height: inherit;
  background: #ffffff;
  border: 1px solid #b6b6b6;
}

.uk-input::-webkit-input-placeholder {
  color: #b6b6b6;
  font-weight: normal;
}

.uk-input::-moz-placeholder {
  color: #b6b6b6;
  font-weight: normal;
}

.uk-input:-ms-input-placeholder {
  color: #b6b6b6;
  font-weight: normal;
}

.uk-input:-moz-placeholder {
  color: #b6b6b6;
  font-weight: normal;
}

.uk-card.\--hbd {
  background: #ffffff;
  -webkit-box-shadow: 0 5px 10px 0 #00000080;
  box-shadow: 0 5px 10px 0 #00000080;
}

.uk-card.\--hbd .thumb {
  position: relative;
}

.uk-card.\--hbd .thumb:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid yellow;
  width: 100%;
  -webkit-transform: translate(-5px, 5px);
  -ms-transform: translate(-5px, 5px);
  transform: translate(-5px, 5px);
}

.uk-card-default {
  background: #fff;
  color: #666;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.21);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.21);
}

hr.\--gray-line {
  border-color: #656a6d;
}

hr.\--blue-line {
  border-color: #00aac5;
}

.main-menu {
  border-top: 3px solid #00aac5;
  background: #ffffff;
  -webkit-box-shadow: 0px 3px 11px #00000066;
  box-shadow: 0px 3px 11px #00000066;
}

.main-menu .item__link {
  position: relative;
  padding-left: 40px;
  display: block;
}

.main-menu .item__icon {
  width: 30px;
  height: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}

.uk-modal-dialog {
  width: 1024px;
}

.uk-modal-body {
  padding: 0;
}

.custom-modal iframe {
  width: 100%;
  height: 600px;
}

.uk-nav > li.uk-active {
  background: rgba(0, 170, 197, 0.3);
}

.uk-nav > li > a {
  padding: 15px 10px;
}

.custom-thumb {
  width: 100%;
  padding-bottom: 100%;
}

.policy-modal iframe {
  width: 100%;
  height: 600px;
}

.header {
  -webkit-box-shadow: 0 2px 4px 0 #00000080;
  box-shadow: 0 2px 4px 0 #00000080;
  display: block;
  width: 100%;
  height: auto;
}

.header__logo {
  height: 40px;
}

.header__logo img {
  max-height: 100%;
}

.header__title {
  border-left: 1px solid #b6b6b6;
}

.header__user {
  line-height: 1.2rem;
}

.uk-select:not([multiple]):not([size]) {
  background-color: #fff;
  border: 1px solid #b6b6b6;
}

@media (min-width: 768px) {
  .heading.\--massive\@s {
    font-size: 4.375rem;
  }

  .heading.\--huge\@s {
    font-size: 3.75rem;
  }

  .heading.\--big\@s {
    font-size: 3.125rem;
  }

  .heading.\--large\@s {
    font-size: 2.5rem;
  }

  .heading.\--medium\@s {
    font-size: 1.875rem;
  }

  .heading.\--small\@s {
    font-size: 1.75rem;
  }

  .heading.\--tiny\@s {
    font-size: 1.5625rem;
  }

  .heading.\--mini\@s {
    font-size: 1.375rem;
  }

  .heading.\--extra-mini\@s {
    font-size: 1.125rem;
  }

  .text.\--massive\@s {
    font-size: 3.75rem;
  }

  .text.\--huge\@s {
    font-size: 1.875rem;
  }

  .text.\--big\@s {
    font-size: 1.5625rem;
  }

  .text.\--large\@s {
    font-size: 1.375rem;
  }

  .text.\--medium\@s {
    font-size: 1.25rem;
  }

  .text.\--small\@s {
    font-size: 1.125rem;
  }

  .text.\--tiny\@s {
    font-size: 1rem;
  }

  .text.\--mini\@s {
    font-size: 0.875rem;
  }

  .text.\--extra-mini\@s {
    font-size: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .heading.\--massive\@m {
    font-size: 4.375rem;
  }

  .heading.\--huge\@m {
    font-size: 3.75rem;
  }

  .heading.\--big\@m {
    font-size: 3.125rem;
  }

  .heading.\--large\@m {
    font-size: 2.5rem;
  }

  .heading.\--medium\@m {
    font-size: 1.875rem;
  }

  .heading.\--small\@m {
    font-size: 1.75rem;
  }

  .heading.\--tiny\@m {
    font-size: 1.5625rem;
  }

  .heading.\--mini\@m {
    font-size: 1.375rem;
  }

  .heading.\--extra-mini\@m {
    font-size: 1.125rem;
  }

  .text.\--massive\@m {
    font-size: 3.75rem;
  }

  .text.\--huge\@m {
    font-size: 1.875rem;
  }

  .text.\--big\@m {
    font-size: 1.5625rem;
  }

  .text.\--large\@m {
    font-size: 1.375rem;
  }

  .text.\--medium\@m {
    font-size: 1.25rem;
  }

  .text.\--small\@m {
    font-size: 1.125rem;
  }

  .text.\--tiny\@m {
    font-size: 1rem;
  }

  .text.\--mini\@m {
    font-size: 0.875rem;
  }

  .text.\--extra-mini\@m {
    font-size: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .heading.\--massive\@l {
    font-size: 4.375rem;
  }

  .heading.\--huge\@l {
    font-size: 3.75rem;
  }

  .heading.\--big\@l {
    font-size: 3.125rem;
  }

  .heading.\--large\@l {
    font-size: 2.5rem;
  }

  .heading.\--medium\@l {
    font-size: 1.875rem;
  }

  .heading.\--small\@l {
    font-size: 1.75rem;
  }

  .heading.\--tiny\@l {
    font-size: 1.5625rem;
  }

  .heading.\--mini\@l {
    font-size: 1.375rem;
  }

  .heading.\--extra-mini\@l {
    font-size: 1.125rem;
  }

  .text.\--massive\@l {
    font-size: 3.75rem;
  }

  .text.\--huge\@l {
    font-size: 1.875rem;
  }

  .text.\--big\@l {
    font-size: 1.5625rem;
  }

  .text.\--large\@l {
    font-size: 1.375rem;
  }

  .text.\--medium\@l {
    font-size: 1.25rem;
  }

  .text.\--small\@l {
    font-size: 1.125rem;
  }

  .text.\--tiny\@l {
    font-size: 1rem;
  }

  .text.\--mini\@l {
    font-size: 0.875rem;
  }

  .text.\--extra-mini\@l {
    font-size: 0.75rem;
  }
}

@media (min-width: 1300px) {
  .heading.\--massive\@xl {
    font-size: 4.375rem;
  }

  .heading.\--huge\@xl {
    font-size: 3.75rem;
  }

  .heading.\--big\@xl {
    font-size: 3.125rem;
  }

  .heading.\--large\@xl {
    font-size: 2.5rem;
  }

  .heading.\--medium\@xl {
    font-size: 1.875rem;
  }

  .heading.\--small\@xl {
    font-size: 1.75rem;
  }

  .heading.\--tiny\@xl {
    font-size: 1.5625rem;
  }

  .heading.\--mini\@xl {
    font-size: 1.375rem;
  }

  .heading.\--extra-mini\@xl {
    font-size: 1.125rem;
  }

  .text.\--massive\@xl {
    font-size: 3.75rem;
  }

  .text.\--huge\@xl {
    font-size: 1.875rem;
  }

  .text.\--big\@xl {
    font-size: 1.5625rem;
  }

  .text.\--large\@xl {
    font-size: 1.375rem;
  }

  .text.\--medium\@xl {
    font-size: 1.25rem;
  }

  .text.\--small\@xl {
    font-size: 1.125rem;
  }

  .text.\--tiny\@xl {
    font-size: 1rem;
  }

  .text.\--mini\@xl {
    font-size: 0.875rem;
  }

  .text.\--extra-mini\@xl {
    font-size: 0.75rem;
  }
}