/* ------------------------------------------------------------ *\
  Vendor
\* ------------------------------------------------------------ */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  SCSS Functions
\* ------------------------------------------------------------ */
/* example usage*/
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block; }
template {
  display: none; }
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0); }
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none; }
img,
iframe,
video,
audio,
object {
  max-width: 100%; }
img,
iframe {
  border: 0 none; }
img {
  height: auto;
  display: inline-block;
  vertical-align: middle; }
b,
strong {
  font-weight: bold; }
address {
  font-style: normal; }
svg:not(:root) {
  overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
  cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none; }
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }
button,
select {
  text-transform: none; }
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
nav ul,
nav ol {
  list-style: none outside none; }
input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }
input::-moz-placeholder {
  color: inherit;
  opacity: 1; }
input:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
input::-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
input::placeholder {
  color: inherit;
  opacity: 1; }
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }
textarea::-moz-placeholder {
  color: inherit;
  opacity: 1; }
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
textarea::placeholder {
  color: inherit;
  opacity: 1; }
input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }
input[type=text],
input[type=button],
input[type=tel],
input[type=email],
input[type=submit],
input[type=date],
input[type=search],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */
@font-face {
  font-family: 'Atten Round New';
  src: url("../fonts/AttenRoundNew-Bold.woff2") format("woff2"), url("../fonts/AttenRoundNew-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Atten Round New';
  src: url("../fonts/AttenRoundNew-ExtraBold.woff2") format("woff2"), url("../fonts/AttenRoundNew-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Noto Sans ExtCond Med';
  src: url("../fonts/NotoSans-ExtraCondensedMedium.woff2") format("woff2"), url("../fonts/NotoSans-ExtraCondensedMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Noto Sans';
  src: url("../fonts/NotoSans.woff2") format("woff2"), url("../fonts/NotoSans.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Noto Sans ExtCond SemBd';
  src: url("../fonts/NotoSans-ExtraCondensedSemiBold.woff2") format("woff2"), url("../fonts/NotoSans-ExtraCondensedSemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Noto Sans SemBd';
  src: url("../fonts/NotoSans-SemiBold.woff2") format("woff2"), url("../fonts/NotoSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Atten New';
  src: url("../fonts/AttenNew-Regular.woff2") format("woff2"), url("../fonts/AttenNew-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body {
  min-width: 320px;
  background: #fff;
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.52;
  color: #000; }
@media (max-width: 1023px) {
    body {
      font-size: 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    body {
      font-size: 20px; } }
a {
  color: inherit;
  text-decoration: underline; }
a:hover {
    text-decoration: none; }
a[href^="tel"] {
    text-decoration: none; }
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  margin-bottom: calc(1.52em / 2); }
.h1,
h1 {
  font-size: 38px; }
@media (max-width: 1023px) {
    .h1,
    h1 {
      font-size: 30px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h1,
    h1 {
      font-size: 28px; } }
.h2,
h2 {
  font-size: 33px; }
@media (max-width: 1023px) {
    .h2,
    h2 {
      font-size: 28px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h2,
    h2 {
      font-size: 26px; } }
.h3,
h3 {
  font-size: 30px; }
@media (max-width: 1023px) {
    .h3,
    h3 {
      font-size: 27px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h3,
    h3 {
      font-size: 25px; } }
.h4,
h4 {
  font-size: 29px; }
@media (max-width: 1023px) {
    .h4,
    h4 {
      font-size: 26px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h4,
    h4 {
      font-size: 24px; } }
.h5,
h5 {
  font-size: 26px; }
@media (max-width: 1023px) {
    .h5,
    h5 {
      font-size: 25px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h5,
    h5 {
      font-size: 23px; } }
.h6,
h6 {
  font-size: 25px; }
@media (max-width: 1023px) {
    .h6,
    h6 {
      font-size: 24px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h6,
    h6 {
      font-size: 22px; } }
p,
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: 1.52em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0; }
/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both; }
/* sr-only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
/*  Notext  */
.notext {
  white-space: nowrap;
  text-indent: 100%;
  text-shadow: none;
  overflow: hidden; }
.notext-old {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden {
  display: none; }
/*  Disabled  */
[disabled],
.disabled {
  cursor: default; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .hidden-xs {
    display: none !important; }
  .visible-xs-block {
    display: block !important; }
  .visible-xs-inline {
    display: inline !important; }
  .visible-xs-inline-block {
    display: inline-block !important; } }
@media (min-width: 767.02px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important; }
  .visible-sm-block {
    display: block !important; }
  .visible-sm-inline {
    display: inline !important; }
  .visible-sm-inline-block {
    display: inline-block !important; } }
@media (min-width: 1023.02px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; }
  .visible-md-block {
    display: block !important; }
  .visible-md-inline {
    display: inline !important; }
  .visible-md-inline-block {
    display: inline-block !important; } }
@media (min-width: 1199.02px) {
  .hidden-lg {
    display: none !important; }
  .visible-lg-block {
    display: block !important; }
  .visible-lg-inline {
    display: inline !important; }
  .visible-lg-inline-block {
    display: inline-block !important; } }
/* ------------------------------------------------------------ *\
	Components
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	article
\* ------------------------------------------------------------ */
.article {
  padding: 0 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }
@media (max-width: 1023px) {
    .article {
      padding: 0 50px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .article {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
      margin: 20px; } }
.article .article__image {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 28px; }
.article a {
    text-decoration: none; }
.article a:hover span {
    color: #542275;
    background-color: #fff; }
.article .article__content {
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: 0.04em;
    padding: 0 5px; }
.article h2 {
    font-family: 'Atten Round New';
    font-weight: 800;
    letter-spacing: 0.04em;
    margin-bottom: 9px; }
.article strong {
    font-family: 'Noto Sans ExtCond Med';
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.07em; }
.article p {
    margin: 25px 0 33px; }
.article span {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Noto Sans SemBd'; }
.article--horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
  padding: 69px 0 39px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .article--horizontal {
      display: block; } }
.article--horizontal:hover .article__actions span {
    background-color: #89c63f;
    color: #fff; }
.article--horizontal:hover h2 {
    color: #89c63f; }
.article--horizontal .article__image {
    background-size: cover;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 5px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article--horizontal .article__image {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
.article--horizontal a {
    text-decoration: none; }
.article--horizontal .article__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 18px 13px 0 19px;
    font-size: 21px;
    line-height: 1.19;
    letter-spacing: 0.04em; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article--horizontal .article__content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
.article--horizontal h2 {
    font-family: 'Atten Round New';
    font-weight: 800;
    color: #642d91;
    letter-spacing: 0.04em;
    margin-bottom: 7px;
    text-transform: uppercase;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s; }
.article--horizontal strong {
    font-family: 'Noto Sans ExtCond Med';
    font-weight: 500;
    font-size: 22px;
    line-height: 1.45;
    letter-spacing: 0.06em; }
.article--horizontal p {
    margin: 22px 0 51px; }
.article--alt {
  display: block; }
.article--alt .article__image,
  .article--alt .article__content {
    max-width: 75%; }
.article--single {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }
.article--single .article__image {
    background-size: cover;
    background-position: 0 15%;
    padding-bottom: 63.5%;
    border-radius: 10px;
    margin-bottom: 103px; }
@media (max-width: 1023px) {
      .article--single .article__image {
        margin-bottom: 50px; } }
.article--single .article__content {
    letter-spacing: 0.045em;
    font-size: 25px;
    line-height: 1.52;
    padding: 0; }
@media (max-width: 1023px) {
      .article--single .article__content {
        font-size: 18px; } }
.article--single .article__content p {
    margin: 0 0 34px; }
.article--single .article__content h1 {
    font-family: 'Atten Round New';
    font-weight: 800;
    margin: -3px 0 21px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article--single .article__content h1 {
        font-size: 30px; } }
.article--vertical {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 100px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .article--vertical {
      display: block; } }
.article--vertical:hover .article__actions span {
    background-color: #89c63f;
    color: #fff; }
.article--vertical:hover h2 {
    color: #89c63f; }
.article--vertical .article__image {
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 5px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article--vertical .article__image {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
.article--vertical a {
    text-decoration: none; }
.article--vertical .article__content {
    font-size: 21px;
    line-height: 1.19;
    letter-spacing: 0.04em; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article--vertical .article__content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
.article--vertical h2 {
    font-family: 'Atten Round New';
    font-weight: 800;
    color: #642d91;
    letter-spacing: 0.04em;
    margin-bottom: 7px;
    text-transform: uppercase;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s; }
.article--vertical strong {
    font-family: 'Noto Sans ExtCond Med';
    font-weight: 500;
    font-size: 22px;
    line-height: 1.45;
    letter-spacing: 0.06em; }
.article--vertical p {
    margin: 22px 0 51px; }
/* ------------------------------------------------------------ *\
	articles
\* ------------------------------------------------------------ */
.articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -115px; }
@media (max-width: 1023px) {
    .articles {
      margin: 0 -50px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .articles {
      margin: 0;
      display: block; } }
/* ------------------------------------------------------------ *\
	box
\* ------------------------------------------------------------ */
.box {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
.box .box__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 190px;
    padding: 20px 0;
    border-bottom: 1px solid #ededed;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .box .box__image {
        padding: 10px; } }
.box a {
    text-decoration: none;
    display: block; }
.box .box__content {
    text-align: left;
    padding: 16px 25px 82px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s; }
@media (max-width: 1023px) {
      .box .box__content {
        min-height: 165px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .box .box__content {
        min-height: 200px; } }
@media (max-width: 575px) {
      .box .box__content {
        min-height: auto; } }
.box h5 {
    color: #642d91;
    letter-spacing: 0.04em;
    line-height: 1.31;
    font-family: 'Atten Round New';
    font-weight: bold; }
.box .box__actions {
    padding: 3px 25px 9px;
    text-align: left;
    background-color: #642d91;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
.box .box__actions i {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    color: #642d91;
    margin: 0 6px; }
.box a:hover .box__actions i {
    opacity: 1; }
.box a:hover .box__actions {
    background-color: #89c63f; }
.box a:hover .box__content {
    background-color: #e8e8e8; }
.box:hover {
    -webkit-box-shadow: 0px 0px 6px 5px rgba(100, 45, 145, 0.3);
            box-shadow: 0px 0px 6px 5px rgba(100, 45, 145, 0.3); }
.box:hover .box__image {
    -webkit-transform: scale(1.12);
        -ms-transform: scale(1.12);
            transform: scale(1.12); }
.box span {
    color: #fff;
    font-size: 23px;
    letter-spacing: 0.04em;
    font-family: 'Noto Sans ExtCond Med'; }
.box .box__image img {
    width: auto;
    height: 100%; }
.box--alt .box__content {
  font-size: 21px;
  line-height: 1.57;
  letter-spacing: 0.04em;
  padding: 17px 27px 84px 31px;
  min-height: 303px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .box--alt .box__content {
      min-height: unset;
      font-size: 18px; } }
.box--alt .box__image {
  height: 215px; }
.box--alt h3 {
  line-height: 1.28;
  color: #642d91;
  letter-spacing: 0.04em;
  font-family: 'Atten Round New';
  font-weight: bold;
  margin-bottom: 30px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .box--alt h3 {
      font-size: 25px;
      margin-bottom: 15px; } }
.box--alt .box__actions {
  padding: 7px 31px 14px; }
.box--alt span {
  font-size: 26px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .box--alt span {
      font-size: 20px; } }
/* ------------------------------------------------------------ *\
	boxes
\* ------------------------------------------------------------ */
.boxes .boxes__items {
  margin: 0 -26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .boxes .boxes__items {
      display: block;
      margin: 0; } }
.boxes .boxes__item {
  padding: 36px 26px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  max-width: 33.33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media (max-width: 1199px) {
    .boxes .boxes__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      padding: 10px 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .boxes .boxes__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .boxes .boxes__item--alt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; } }
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
/*  Btn block  */
.btn--block {
  display: block;
  padding-left: 0;
  padding-right: 0; }
.btn--purple {
  background-color: #642d91;
  color: #fff;
  -webkit-transition: background .4s;
  -o-transition: background .4s;
  transition: background .4s;
  padding: 0 26px;
  height: 61px;
  line-height: 61px;
  border-radius: 9px;
  font-size: 13px;
  letter-spacing: 0.1em;
  font-family: 'Noto Sans SemBd';
  text-transform: uppercase; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--purple {
      height: 50px;
      line-height: 50px;
      padding: 0 15px; } }
.btn--purple:hover {
  background-color: #89c63f; }
.btn--large {
  padding: 0 38px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--large {
      padding: 0 25px; } }
.btn--large-alt {
  padding: 0 43px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--large-alt {
      padding: 0 25px; } }
.btn--green {
  background-color: #89c63f;
  font-size: 24px;
  letter-spacing: 0.04em;
  height: 80px;
  line-height: 80px;
  padding: 0 33px; }
@media (max-width: 1023px) {
    .btn--green {
      padding: 0 20px;
      height: 60px;
      line-height: 60px;
      font-size: 18px; } }
.btn--larger {
  font-size: 25px;
  letter-spacing: 0.04em;
  height: 84px;
  line-height: 84px;
  padding: 0 61px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--larger {
      height: 50px;
      line-height: 50px;
      font-size: 18px;
      padding: 0 30px; } }
.btn--largest {
  font-size: 22px;
  height: 74px;
  line-height: 74px;
  padding: 0 70px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--largest {
      font-size: 18px;
      line-height: 50px;
      height: 50px;
      padding: 0 30px; } }
.btn--article {
  padding: 0 43px;
  letter-spacing: 0.1em;
  height: 61px;
  line-height: 61px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--article {
      height: 50px;
      line-height: 50px;
      padding: 0 25px; } }
/* ------------------------------------------------------------ *\
	callout
\* ------------------------------------------------------------ */
.callout .callout__inner--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #642d91; }
.callout .callout__inner--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #89c63f; }
.callout .callout__inner {
  padding: 36px 91px 36px 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
@media (max-width: 1199px) {
    .callout .callout__inner {
      padding: 30px; } }
@media (max-width: 1023px) {
    .callout .callout__inner {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
.callout .callout__content {
  max-width: 360px;
  color: #fff;
  font-size: 23px;
  line-height: 1.3;
  letter-spacing: 0.025em; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .callout .callout__content {
      font-size: 17px; } }
.callout i {
  font-size: 115px;
  color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .callout i {
      font-size: 70px; } }
.callout .callout__inner--right i {
  margin-right: 72px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .callout .callout__inner--right i {
      margin-right: 20px; } }
.callout .callout__inner--left i {
  margin: 0 70px 0 29px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .callout .callout__inner--left i {
      margin: 0 20px; } }
/* ------------------------------------------------------------ *\
	card
\* ------------------------------------------------------------ */
.card {
  padding: 24px 29px 27px 31px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 21px;
  line-height: 1.21;
  letter-spacing: 0.06em;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .card {
      font-size: 17px; } }
.card a {
    text-decoration: none; }
.card h1 {
    font-family: 'Atten Round New';
    font-weight: 800;
    color: #642d91;
    letter-spacing: 0.04em;
    margin-bottom: 31px;
    text-transform: uppercase; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .card h1 {
        margin-bottom: 15px; } }
.card p {
    margin-bottom: 46px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .card p {
        margin-bottom: 20px; } }
.card--contact {
  letter-spacing: 0.04em;
  padding: 24px 25px 13px 35px; }
.card--contact p {
    margin: 25px 0 46px; }
.card--appointment {
  padding: 24px 29px 30px 31px; }
.card--appointment h1 {
    margin-bottom: 36px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .card--appointment h1 {
        margin-bottom: 15px; } }
.card--appointment p {
    margin-bottom: 43px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .card--appointment p {
        margin-bottom: 20px; } }
/* ------------------------------------------------------------ *\
	cards
\* ------------------------------------------------------------ */
.cards .cards__items {
  margin: 0 -47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media (max-width: 1199px) {
    .cards .cards__items {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 -20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .cards .cards__items {
      display: block;
      margin: 0; } }
.cards .cards__item {
  padding: 0 47px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  max-width: 33.33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media (max-width: 1199px) {
    .cards .cards__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      padding: 30px 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .cards .cards__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      padding: 10px; } }
/* ------------------------------------------------------------ *\
	category
\* ------------------------------------------------------------ */
.category {
  background: #fff;
  border-radius: 10px;
  padding: 22px 25px;
  -webkit-box-shadow: 0px 0px 10px 0px black;
          box-shadow: 0px 0px 10px 0px black;
  margin: 70px 0 45px; }
.category h6 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Atten Round New';
    font-weight: bold;
    color: #642d91;
    letter-spacing: 0.04em;
    margin-bottom: 9px; }
@media (max-width: 1023px) {
    .category ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .category ul {
      display: block; } }
.category ul li {
    list-style: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 1.75;
    letter-spacing: 0.04em; }
.category a {
    text-decoration: none;
    -webkit-transition: color .3s, opacity .3s;
    -o-transition: color .3s, opacity .3s;
    transition: color .3s, opacity .3s; }
.category a:hover {
    color: #89c63f;
    opacity: .5; }
.category .is-current {
    color: #89c63f; }
.category--alt {
  padding: 16px 12px 18px 27px;
  margin: 0; }
.category--alt ul li {
    font-size: 17px;
    line-height: 1.6; }
.category--alt h6 {
    margin-bottom: 10px; }
.category--alt li a + a {
    margin-left: 15px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .category--alt li a + a {
        margin: 0; } }
/* ------------------------------------------------------------ *\
	Checkbox
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	contact
\* ------------------------------------------------------------ */
.contact {
  letter-spacing: 0.02em;
  line-height: 1.5; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .contact {
      text-align: center;
      font-size: 20px; } }
.contact h1 {
    font-family: 'Atten Round New';
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-bottom: 16px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .contact h1 {
        font-size: 30px; } }
.contact p {
    margin-bottom: 22px; }
.contact a {
    letter-spacing: 0.04em;
    cursor: pointer; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .contact a {
        font-size: 20px; } }
/* ----------.-------------------------------------------------- *\
	copyright
\* ------------------------------------------------------------ */
.copyright {
  padding: 17px 25px 19px;
  background-color: #cac8ce;
  text-align: center;
  font-size: 17px;
  letter-spacing: 0.05em; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .copyright {
      font-size: 14px; } }
.copyright a {
    text-decoration: none;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
    position: relative; }
.copyright a:hover {
    color: #5d2f8e; }
.copyright a:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #656467; }
/* ------------------------------------------------------------ *\
	Fields
\* ------------------------------------------------------------ */
/*  Field textarea  */
/* ------------------------------------------------------------ *\
	footer-nav
\* ------------------------------------------------------------ */
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .footer-nav {
    text-align: center; } }
.footer-nav h1 {
  font-family: 'Atten Round New';
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 16px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .footer-nav h1 {
      font-size: 30px; } }
.footer-nav ul {
  list-style: none; }
.footer-nav li {
  line-height: 1.5;
  letter-spacing: 0.025em;
  -webkit-transition: color .3s, -webkit-text-decoration .3s;
  transition: color .3s, -webkit-text-decoration .3s;
  -o-transition: color .3s, text-decoration .3s;
  transition: color .3s, text-decoration .3s;
  transition: color .3s, text-decoration .3s, -webkit-text-decoration .3s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .footer-nav li {
      font-size: 20px; } }
.footer-nav li:hover {
  text-decoration: underline;
  color: #542275; }
.footer-nav a {
  text-decoration: none; }
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {
  overflow: hidden; }
.footer .footer__inner {
    padding: 105px 0 87px; }
@media (max-width: 1199px) {
      .footer .footer__inner {
        padding: 50px 50px 20px 50px; } }
.footer .footer__grid {
    margin: 0 -50px; }
.footer .footer__grid-col {
    padding: 0 50px; }
@media (max-width: 1199px) {
      .footer .footer__grid-col {
        padding: 20px;
        margin: 0; } }
.footer .footer__grid--alt {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .footer .footer__grid--alt {
        display: block; } }
.footer .footer__logo {
    margin-left: -10px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .footer .footer__logo {
        text-align: center;
        margin: 0 0 20px; } }
/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  /*  Grid col 1of2  */ }
.grid .grid__col {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1; }
.grid .grid__col--1of2 {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
@media (max-width: 1023px) {
      .grid .grid__col--1of2 {
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
.grid .grid__col--size1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64.6%;
            flex: 0 0 64.6%;
    max-width: 64.6%; }
.grid .grid__col--size2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35.4%;
            flex: 0 0 35.4%;
    max-width: 35.4%; }
.grid .grid__col--size3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 69%;
            flex: 0 0 69%;
    max-width: 69%; }
.grid .grid__col--size4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
            flex: 0 0 31%;
    max-width: 31%; }
.grid .grid__col--size5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72%;
            flex: 0 0 72%;
    max-width: 72%; }
.grid .grid__col--size6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28%;
            flex: 0 0 28%;
    max-width: 28%; }
.grid .grid__col--2of5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%; }
@media (max-width: 1199px) {
      .grid .grid__col--2of5 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
.grid .grid__col--3of5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%; }
@media (max-width: 1199px) {
      .grid .grid__col--3of5 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {
  padding: 22px 0 36px;
  position: relative;
  z-index: 99; }
@media (max-width: 1023px) {
    .header {
      padding: 60px 0 36px; } }
.header .header__logo {
    margin: 0 0 49px 4px; }
@media (max-width: 1023px) {
      .header .header__logo {
        margin: 0; } }
.header .header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media (max-width: 1023px) {
      .header .header__content {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
.header .header__icon {
    position: relative;
    right: 0; }
@media (max-width: 1023px) {
      .header .header__icon {
        right: 5%; } }
/* ------------------------------------------------------------ *\
	hero
\* ------------------------------------------------------------ */
.hero .hero__grid {
  height: 100%; }
@media (max-width: 1023px) {
    .hero .hero__grid {
      display: block; } }
.hero .hero__image {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
@media (max-width: 1023px) {
    .hero .hero__image {
      padding-bottom: 50%; } }
@media (max-width: 1023px) {
  .hero .hero__grid-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; } }
/* ------------------------------------------------------------ *\
	hours
\* ------------------------------------------------------------ */
.hours {
  position: relative;
  background-size: cover;
  color: #fff;
  padding: 47px 26px 47px 36px;
  background-color: #542275; }
@media (max-width: 1023px) {
    .hours {
      padding: 20px;
      text-align: center; } }
.hours img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    right: 0;
    opacity: 0.4; }
.hours h4 {
    text-align: center;
    font-family: 'Atten Round New';
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.03;
    position: relative;
    z-index: 2;
    margin: 0 0px 43px 2px; }
@media (max-width: 1023px) {
      .hours h4 {
        margin-bottom: 20px; } }
.hours ul {
    list-style: none;
    position: relative;
    z-index: 2;
    font-family: 'Noto Sans ExtCond SemBd';
    font-size: 21px;
    line-height: 1.71;
    letter-spacing: 0.1em; }
.hours .hours__grid {
    margin: 0 -20px; }
.hours .hours__grid-col {
    padding: 0 20px; }
/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	list-updates
\* ------------------------------------------------------------ */
.list-updates li {
  padding: 47px 0 47px 57px;
  border-top: 1px solid #e0d5e9;
  list-style: none;
  position: relative; }
@media (max-width: 1023px) {
    .list-updates li {
      padding: 20px 30px;
      font-size: 20px; } }
.list-updates li:last-child {
  border-bottom: 1px solid #e0d5e9;
  padding: 51px 0 54px 57px; }
@media (max-width: 1023px) {
    .list-updates li:last-child {
      padding: 20px 30px; } }
.list-updates a {
  text-decoration: none;
  letter-spacing: 0.04em; }
.list-updates li i {
  position: absolute;
  left: 0;
  font-size: 42px;
  color: #642d91;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
@media (max-width: 1023px) {
    .list-updates li i {
      font-size: 30px;
      top: 36px; } }
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	map
\* ------------------------------------------------------------ */
.map iframe {
  width: 100%; }
.map .gm-style .place-card-large {
  display: none; }
/* ------------------------------------------------------------ *\
	mobile-nav
\* ------------------------------------------------------------ */
.mobile-nav {
  position: absolute;
  top: 150px;
  right: 5%;
  opacity: 0;
  pointer-events: none; }
@media (max-width: 1023px) {
    .mobile-nav {
      opacity: 1;
      pointer-events: all; } }
.mobile-nav span {
    width: 40px;
    height: 7px;
    background-color: #542275;
    border-radius: 8px;
    display: block;
    margin: 3px 0; }
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
@media (max-width: 1023px) {
  .nav {
    position: fixed;
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    pointer-events: none;
    height: 100vh;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 20; } }
.nav.is-showing {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  pointer-events: all; }
.nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media (max-width: 1023px) {
    .nav > ul {
      display: block;
      overflow: auto;
      z-index: 3;
      height: 100%;
      background-color: #fff; } }
.nav ul > li {
  position: relative; }
@media (max-width: 1023px) {
    .nav ul > li {
      padding: 5px 20px; } }
.nav a {
  text-decoration: none;
  font-size: 22px;
  font-family: 'Noto Sans ExtCond Med';
  letter-spacing: 0.06em;
  line-height: 1.45; }
.nav .is-current {
  color: #89c63f; }
.nav ul > li + li {
  margin-left: 39px; }
@media (max-width: 1023px) {
    .nav ul > li + li {
      margin-left: 0; } }
.nav li:hover .nav__dropdown {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }
.nav .nav__dropdown {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  position: absolute;
  top: 100%;
  left: 0; }
@media (max-width: 1023px) {
    .nav .nav__dropdown {
      position: relative;
      -webkit-transform-origin: top center;
          -ms-transform-origin: top center;
              transform-origin: top center;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); } }
@media (max-width: 1023px) {
  .nav .nav__dropdown {
    display: none; } }
.nav .nav__dropdown li + li {
  margin-left: 0; }
.nav .nav__dropdown a {
  display: block;
  color: #000;
  background-color: #e8e8e8;
  padding: 10px 25px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s; }
.nav .nav__dropdown li {
  padding: 0; }
.nav .nav__dropdown a:hover {
  color: #89c63f; }
.nav .nav__dropdown a + a {
  border-top: 1px dotted #000; }
/* ------------------------------------------------------------ *\
	Radio
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	section-articles
\* ------------------------------------------------------------ */
.section-articles {
  overflow: hidden;
  background-color: #542275;
  position: relative;
  color: #fff;
  padding: 96px 0 100px; }
@media (max-width: 1023px) {
    .section-articles {
      padding: 50px 0; } }
.section-articles .section__background-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    top: 0;
    left: 0;
    pointer-events: none; }
.section-articles .section__title {
    text-align: center;
    letter-spacing: 0.04em;
    font-family: 'Atten Round New';
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 75px; }
@media (max-width: 1023px) {
      .section-articles .section__title {
        margin-bottom: 30px; } }
/* ------------------------------------------------------------ *\
	section-blog
\* ------------------------------------------------------------ */
.section-blog {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 220px;
  position: relative; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-blog {
      padding-bottom: 100px; } }
.section-blog .section__head {
    text-align: center;
    letter-spacing: 0.045em;
    margin-bottom: 29px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-blog .section__head {
        font-size: 20px;
        margin-bottom: 0; } }
.section-blog .section__head h1 {
    letter-spacing: 0.05em;
    color: #612a8e;
    text-transform: uppercase;
    font-family: 'Atten Round New';
    font-weight: 800;
    margin-bottom: 9px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-blog .section__head h1 {
        font-size: 30px; } }
.section-blog .section__grid {
    margin: 0 -35px; }
@media (max-width: 1023px) {
      .section-blog .section__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        margin: 0; } }
.section-blog .section__grid-col {
    padding: 0 35px; }
@media (max-width: 1023px) {
      .section-blog .section__grid-col {
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
.section-blog .section__grid-col--border {
    border-bottom: 2px solid #e0dfe3; }
.section-blog .section__paging {
    position: absolute;
    bottom: 81px;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-blog .section__paging {
        bottom: 30px; } }
.section-blog .section__paging ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none; }
.section-blog .section__paging li {
    color: #642d91;
    font-size: 34px;
    line-height: 1;
    padding: 0 15px;
    font-family: 'Noto Sans SemBd';
    -webkit-transition: opacity .3s, color .3s;
    -o-transition: opacity .3s, color .3s;
    transition: opacity .3s, color .3s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-blog .section__paging li {
        font-size: 20px; } }
.section-blog .section__paging li:hover {
    opacity: .5;
    color: #89c63f; }
.section-blog .section__paging .is-current {
    color: #89c63f; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-blog .section__paging i {
      font-size: 18px; } }
.section-blog .section__paging a {
    text-decoration: none; }
.section-blog .section__paging li + li {
    border-left: 2px solid #642d91; }
.section-blog .paging__prev,
  .section-blog .paging__next {
    margin: -2px 13px;
    color: #642d91;
    -webkit-transition: opacity .3s, color .3s;
    -o-transition: opacity .3s, color .3s;
    transition: opacity .3s, color .3s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-blog .paging__prev,
      .section-blog .paging__next {
        margin: -5px 5px;
        font-size: 20px; } }
.section-blog .paging__prev:hover,
  .section-blog .paging__next:hover {
    opacity: .5;
    color: #89c63f; }
.section-blog--left .section__grid {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
.section-blog--center .section__head {
  margin-bottom: 100px; }
.section-blog--center .section__grid-col {
  padding: 0; }
/* ------------------------------------------------------------ *\
	section-cards
\* ------------------------------------------------------------ */
.section-cards {
  padding: 140px 0 146px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden; }
@media (max-width: 1023px) {
    .section-cards {
      padding: 50px 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-cards {
      padding: 30px 0; } }
/* ------------------------------------------------------------ *\
	section-comments
\* ------------------------------------------------------------ */
.section-comments {
  text-align: center;
  padding: 84px 0 61px; }
@media (max-width: 1023px) {
    .section-comments {
      padding: 50px 0; } }
.section-comments h1 {
    color: #612a8e;
    letter-spacing: 0.045em;
    font-family: 'Atten Round New';
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase; }
/* ------------------------------------------------------------ *\
	section-info
\* ------------------------------------------------------------ */
.section-info {
  padding: 98px 0 66px;
  background-size: cover; }
@media (max-width: 1023px) {
    .section-info {
      padding: 50px 0; } }
.section-info .section__head {
    text-align: center;
    letter-spacing: 0.06em;
    font-family: 'Noto Sans ExtCond Med';
    font-weight: 400;
    margin-bottom: 99px; }
@media (max-width: 1023px) {
      .section-info .section__head {
        margin-bottom: 50px; } }
.section-info .section__head h1 {
    color: #612a8e;
    letter-spacing: 0.07em;
    font-family: 'Atten Round New';
    font-weight: 800;
    margin-bottom: 9px;
    text-transform: uppercase; }
/* ------------------------------------------------------------ *\
	section-products
\* ------------------------------------------------------------ */
.section-products {
  letter-spacing: 0.04em;
  overflow: hidden;
  padding: 116px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center; }
@media (max-width: 1023px) {
    .section-products {
      padding: 60px 0; } }
.section-products .section__head {
    margin-bottom: 109px; }
@media (max-width: 1023px) {
      .section-products .section__head {
        margin-bottom: 30px; } }
.section-products h1 {
    color: #642d91;
    letter-spacing: 0.04em;
    font-family: 'Atten Round New';
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 9px; }
.section-products .section__body {
    margin: 0 -24px 120px; }
.section-products--alt {
  padding: 116px 0 125px; }
@media (max-width: 1023px) {
    .section-products--alt {
      padding: 50px 0; } }
.section-products--alt .section__inner {
    padding: 0 5px; }
.section-products--alt .section__head {
    margin-bottom: 85px; }
@media (max-width: 1023px) {
      .section-products--alt .section__head {
        margin-bottom: 30px; } }
.section-products--alt .section__body {
    margin: 0; }
.section-products--alt h1 {
    color: #89c63f;
    letter-spacing: 0.035em; }
/* ------------------------------------------------------------ *\
	section-purple
\* ------------------------------------------------------------ */
.section-purple {
  color: #fff;
  position: relative;
  background-color: #542275;
  overflow: hidden; }
.section-purple .section__grid-col:after {
    content: '';
    display: table;
    clear: both; }
.section-purple .section__content {
    padding: 92px 234px 108px 0;
    float: right; }
@media (max-width: 1399px) {
      .section-purple .section__content {
        padding: 92px 180px 108px 0; } }
@media (max-width: 1199px) {
      .section-purple .section__content {
        padding: 92px 100px 100px; } }
@media (max-width: 1023px) {
      .section-purple .section__content {
        padding: 50px;
        float: unset; } }
.section-purple .section__background-image {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    opacity: 0.5;
    pointer-events: none; }
.section-purple .section__background-image img {
    height: 100%; }
.section-purple h1 {
    font-family: 'Atten Round New';
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 48px; }
@media (max-width: 1023px) {
      .section-purple h1 {
        font-size: 30px;
        margin-bottom: 25px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-purple h1 {
        font-size: 25px; } }
.section-purple a {
    text-decoration: none; }
.section-purple a:hover span {
    background-color: #fff;
    color: #542275; }
.section-purple .section__entry {
    max-width: 595px;
    line-height: 1.52;
    letter-spacing: 0.04em;
    margin-bottom: 43px; }
@media (max-width: 1023px) {
      .section-purple .section__entry {
        font-size: 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-purple .section__entry {
        font-size: 17px; } }
.section-purple .section__image {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative; }
@media (max-width: 1023px) {
      .section-purple .section__image {
        padding-bottom: 40%; } }
@media (max-width: 1023px) {
    .section-purple .section__grid-col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }
/* ------------------------------------------------------------ *\
	section-review
\* ------------------------------------------------------------ */
.section-review {
  text-align: center;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 128px 0 230px; }
@media (max-width: 1023px) {
    .section-review {
      padding: 50px 20px 100px; } }
.section-review .section__head h1 {
    color: #89c63f;
    letter-spacing: 0.04em;
    font-family: 'Atten Round New';
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 106px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-review .section__head h1 {
        margin-bottom: 40px; } }
/* ------------------------------------------------------------ *\
	section-statement
\* ------------------------------------------------------------ */
.section-statement {
  background-size: cover;
  background-position: center center;
  padding: 141px 0 221px; }
@media (max-width: 1199px) {
    .section-statement {
      padding: 100px 30px; } }
@media (max-width: 1023px) {
    .section-statement {
      padding: 50px 20px;
      text-align: center; } }
.section-statement .section__image {
    height: 100%;
    margin-right: 109px; }
@media (max-width: 1199px) {
      .section-statement .section__image {
        margin-right: 50px; } }
@media (max-width: 1023px) {
      .section-statement .section__image {
        margin: 0 70px;
        background-position: bottom left;
        padding-bottom: 40%; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-statement .section__image {
        margin: 0; } }
.section-statement .section__content {
    margin: -12px -11px 0 11px; }
@media (max-width: 1023px) {
      .section-statement .section__content {
        margin: 20px 0 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-statement .section__content {
        font-size: 20px; } }
.section-statement h1 {
    font-family: 'Atten Round New';
    font-weight: 800;
    color: #89c63f;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 31px; }
@media (max-width: 1023px) {
      .section-statement h1 {
        margin-bottom: 15px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-statement h1 {
        font-size: 30px; } }
.section-statement .section__content p {
    padding: 0 7px;
    line-height: 1.48;
    letter-spacing: 0.04em; }
.section-statement .section__actions {
    margin: 112px 4px 3px; }
@media (max-width: 1023px) {
      .section-statement .section__actions {
        margin: 50px 0 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-statement .section__actions a {
      font-size: 18px;
      height: 66px;
      line-height: 66px;
      padding: 0 50px; } }
.section-statement--alt {
  padding: 141px 0 138px; }
@media (max-width: 1199px) {
    .section-statement--alt {
      padding: 100px 30px; } }
@media (max-width: 1023px) {
    .section-statement--alt {
      padding: 50px 20px;
      text-align: center; } }
/* ------------------------------------------------------------ *\
	section
\* ------------------------------------------------------------ */
.section {
  padding: 110px 0 248px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  position: relative; }
@media (max-width: 1199px) {
    .section {
      padding: 70px 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section {
      padding: 50px 0; } }
.section h1 {
    letter-spacing: 0.035em;
    font-family: 'Atten Round New';
    font-weight: 800;
    text-transform: uppercase; }
.section .section__head {
    text-align: center;
    letter-spacing: 0.04em;
    margin-bottom: 196px; }
@media (max-width: 1023px) {
      .section .section__head {
        margin-bottom: 80px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section .section__head {
        margin-bottom: 40px; } }
.section .section__background-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    height: 100%; }
.section .section__background-image img {
    height: 100%; }
.section .section__head h1 {
    color: #89c63f;
    margin-bottom: 10px; }
@media (max-width: 1023px) {
      .section .section__head h1 {
        font-size: 35px; } }
.section .section__content {
    letter-spacing: 0.05em; }
@media (max-width: 1023px) {
      .section .section__content {
        text-align: center;
        font-size: 20px; } }
.section .section__content h1 {
    color: #642d91;
    margin-bottom: 15px; }
@media (max-width: 1023px) {
      .section .section__content h1 {
        font-size: 30px; } }
.section .section__content p + p {
    margin-bottom: 32px; }
@media (max-width: 1023px) {
      .section .section__content p + p {
        margin-bottom: 15px; } }
.section .section__image {
    text-align: right;
    margin: -10px 0 0;
    padding-left: 180px; }
@media (max-width: 1023px) {
      .section .section__image {
        margin: 0 0 120px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
.section .section__icon {
    position: absolute;
    bottom: -10px;
    right: 7%; }
@media (max-width: 1023px) {
      .section .section__icon {
        bottom: 10px;
        left: 50%;
        width: 210px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); } }
.section .section__grid {
    margin-bottom: 115px;
    position: relative; }
@media (max-width: 1023px) {
      .section .section__grid {
        margin-bottom: 0; } }
@media (max-width: 1023px) {
    .section .section__grid-col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }
/* ------------------------------------------------------------ *\
	Select
\* ------------------------------------------------------------ */
.select select::-ms-expand {
  display: none; }
/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
.shell {
  max-width: calc( 1163px + 15px * 2);
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  width: 100%; }
/* Shell Fluid */
.shell--fluid {
  max-width: none; }
.shell--large {
  max-width: 1367px;
  /* max-width: 1341px; */ }
.shell--short {
  max-width: 968px; }
/* ------------------------------------------------------------ *\
	slider-featured-products
\* ------------------------------------------------------------ */
.slider-featured-products {
  overflow: hidden; }
.slider-featured-products .slider__nav {
    position: relative; }
.slider-featured-products .slider__nav .is-current {
      color: #fff;
      margin: 0;
      background-color: #542275;
      opacity: .9; }
.slider-featured-products .slider__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media (max-width: 1023px) {
      .slider-featured-products .slider__nav ul {
        overflow-x: auto;
        overflow-y: hidden; } }
.slider-featured-products li {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    color: #000;
    margin: 8px 0;
    padding: 23px 10px 27px;
    -webkit-transition: opacity .4s, color .4s;
    -o-transition: opacity .4s, color .4s;
    transition: opacity .4s, color .4s; }
@media (max-width: 1023px) {
      .slider-featured-products li {
        padding: 12px;
        margin: 0; } }
.slider-featured-products li:hover {
    color: #89c63f;
    opacity: .5; }
.slider-featured-products li a {
    padding: 23px 10px 27px; }
@media (max-width: 1023px) {
      .slider-featured-products li a {
        width: 100%;
        padding: 12px; } }
.slider-featured-products li + li {
    border-left: 1px solid #c5c5c5; }
.slider-featured-products .slider__nav a {
    text-decoration: none;
    font-family: 'Noto Sans ExtCond Med';
    font-size: 22px;
    letter-spacing: 0.06em; }
@media (max-width: 1023px) {
      .slider-featured-products .slider__nav a {
        font-size: 18px; } }
.slider-featured-products .slider__slide {
    padding: 100px 0 121px;
    max-width: 605px;
    letter-spacing: 0.04em;
    color: #e5e5e5; }
@media (max-width: 1023px) {
      .slider-featured-products .slider__slide {
        padding: 40px 10px;
        font-size: 20px; } }
/* ------------------------------------------------------------ *\
	slider-media
\* ------------------------------------------------------------ */
.slider-media .slick-dots {
  list-style: none;
  position: absolute;
  bottom: -97px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
@media (max-width: 1023px) {
    .slider-media .slick-dots {
      bottom: -60px; } }
.slider-media .slick-dots li {
  display: inline-block;
  list-style: none; }
.slider-media .slick-dots li + li {
  margin-left: 20px; }
.slider-media .slick-dots button {
  font-size: 0;
  border-radius: 50%;
  content-visibility: hidden;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .slider-media .slick-dots button {
      width: 25px;
      height: 25px; } }
.slider-media .slick-dots .slick-active button {
  background-color: #89c63f; }
/* ------------------------------------------------------------ *\
	slider
\* ------------------------------------------------------------ */
.slider .slider__slide {
  padding: 10px 24px; }
.slider .slick-slider {
  position: relative; }
.slider .slick-prev,
.slider .slick-next {
  position: absolute;
  top: 52%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  border: none;
  background-color: transparent;
  font-size: 83px;
  color: #d7d9dc;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s; }
@media (max-width: 1399px) {
    .slider .slick-prev,
    .slider .slick-next {
      top: 110%; } }
.slider .slick-prev:hover,
.slider .slick-next:hover {
  color: #542275; }
.slider .slick-prev {
  left: -49px; }
@media (max-width: 1399px) {
    .slider .slick-prev {
      left: 45%; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .slider .slick-prev {
      left: 40%; } }
.slider .slick-next {
  right: -49px; }
@media (max-width: 1399px) {
    .slider .slick-next {
      right: 45%; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .slider .slick-next {
      right: 40%; } }
/* ------------------------------------------------------------ *\
	socials
\* ------------------------------------------------------------ */
.socials {
  margin-top: 60px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .socials {
      margin-top: 20px; } }
.socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-left: -15px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .socials ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 15px; } }
.socials li + li {
    margin-left: 19px; }
.socials li {
    color: #5d2f8e;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s; }
.socials li:hover {
    color: #89c63f; }
.socials i {
    font-size: 57px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .socials i {
        font-size: 30px; } }
/* ------------------------------------------------------------ *\
	testimonial
\* ------------------------------------------------------------ */
.testimonial {
  position: relative; }
.testimonial .testimonial__media {
    padding: 0 137px;
    margin-bottom: 46px; }
@media (max-width: 1023px) {
      .testimonial .testimonial__media {
        padding: 0 30px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__media {
        padding: 0; } }
.testimonial .testimonial__content {
    max-width: 830px;
    margin: 0 auto;
    letter-spacing: 0.04em;
    line-height: 1.48; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__content {
        font-size: 17px; } }
.testimonial .testimonial__content p {
    margin-bottom: 72px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__content p {
        margin-bottom: 30px; } }
.testimonial .testimonial__content span {
    font-size: 38px;
    font-family: 'Atten New';
    font-weight: 400; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__content span {
        font-size: 23px; } }
/* ------------------------------------------------------------ *\
	video
\* ------------------------------------------------------------ */
.video {
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden; }
.video iframe,
  .video .video__inner,
  .video .video__placeholder {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
.video .video__inner {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s ease, visibility .4s ease;
    -o-transition: opacity .4s ease, visibility .4s ease;
    transition: opacity .4s ease, visibility .4s ease;
    z-index: 2; }
.video .video__placeholder {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1; }
.video .play i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    font-size: 163px;
    z-index: 2;
    cursor: pointer; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .video .play i {
        font-size: 70px; } }
/*  Video Playing  */
.video.is-playing .video__inner {
  opacity: 1;
  visibility: visible; }
.video.is-playing .play {
  opacity: 0;
  pointer-events: none; }
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  position: relative;
  min-height: 100vh;
  overflow: hidden; }
.wrapper.is-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0; }
/* ------------------------------------------------------------ *\
	Overwrites
\* ------------------------------------------------------------ */