

.is-overlay,
.modal,
.modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
  margin: 0;
  padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400
}

ul {
  list-style: none
}

button,
input,
select,
textarea {
  margin: 0
}

html {
  box-sizing: border-box
}

*,
::after,
::before {
  box-sizing: inherit
}

img,
video {
  height: auto;
  max-width: 100%
}

iframe {
  border: 0
}

html {
  background-color: #fff;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block
}

body {
  color: #4a4a4a;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5
}

a {
  color: #3273dc;
  cursor: pointer;
  text-decoration: none
}

a strong {
  color: currentColor
}

a:hover {
  color: #363636
}

hr {
  background-color: #f5f5f5;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0
}

img {
  height: auto;
  max-width: 100%
}

small {
  font-size: .875em
}

span {
  font-style: inherit;
  font-weight: inherit
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto
}

.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%
}

@media screen and (min-width:1024px) {
  .container {
    max-width: 960px
  }
}

@media screen and (max-width:1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px
  }
}

@media screen and (max-width:1407px) {
  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px
  }
}

@media screen and (min-width:1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px
  }
}

@media screen and (min-width:1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px
  }
}

.m-0 {
  margin: 0 !important
}

.mt-0 {
  margin-top: 0 !important
}

.mr-0 {
  margin-right: 0 !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.ml-0 {
  margin-left: 0 !important
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mr-1 {
  margin-right: .25rem !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.ml-1 {
  margin-left: .25rem !important
}

.mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mr-2 {
  margin-right: .5rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.ml-2 {
  margin-left: .5rem !important
}

.mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.m-3 {
  margin: .75rem !important
}

.mt-3 {
  margin-top: .75rem !important
}

.mr-3 {
  margin-right: .75rem !important
}

.mb-3 {
  margin-bottom: .75rem !important
}

.ml-3 {
  margin-left: .75rem !important
}

.mx-3 {
  margin-left: .75rem !important;
  margin-right: .75rem !important
}

.my-3 {
  margin-top: .75rem !important;
  margin-bottom: .75rem !important
}

.m-4 {
  margin: 1rem !important
}

.mt-4 {
  margin-top: 1rem !important
}

.mr-4 {
  margin-right: 1rem !important
}

.mb-4 {
  margin-bottom: 1rem !important
}

.ml-4 {
  margin-left: 1rem !important
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.m-5 {
  margin: 1.5rem !important
}

.mt-5 {
  margin-top: 1.5rem !important
}

.mr-5 {
  margin-right: 1.5rem !important
}

.mb-5 {
  margin-bottom: 1.5rem !important
}

.ml-5 {
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.m-6 {
  margin: 3rem !important
}

.mt-6 {
  margin-top: 3rem !important
}

.mr-6 {
  margin-right: 3rem !important
}

.mb-6 {
  margin-bottom: 3rem !important
}

.ml-6 {
  margin-left: 3rem !important
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0 {
  padding-top: 0 !important
}

.pr-0 {
  padding-right: 0 !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pl-0 {
  padding-left: 0 !important
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pr-1 {
  padding-right: .25rem !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pl-1 {
  padding-left: .25rem !important
}

.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pr-2 {
  padding-right: .5rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pl-2 {
  padding-left: .5rem !important
}

.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.p-3 {
  padding: .75rem !important
}

.pt-3 {
  padding-top: .75rem !important
}

.pr-3 {
  padding-right: .75rem !important
}

.pb-3 {
  padding-bottom: .75rem !important
}

.pl-3 {
  padding-left: .75rem !important
}

.px-3 {
  padding-left: .75rem !important;
  padding-right: .75rem !important
}

.py-3 {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important
}

.p-4 {
  padding: 1rem !important
}

.pt-4 {
  padding-top: 1rem !important
}

.pr-4 {
  padding-right: 1rem !important
}

.pb-4 {
  padding-bottom: 1rem !important
}

.pl-4 {
  padding-left: 1rem !important
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.p-5 {
  padding: 1.5rem !important
}

.pt-5 {
  padding-top: 1.5rem !important
}

.pr-5 {
  padding-right: 1.5rem !important
}

.pb-5 {
  padding-bottom: 1.5rem !important
}

.pl-5 {
  padding-left: 1.5rem !important
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.p-6 {
  padding: 3rem !important
}

.pt-6 {
  padding-top: 3rem !important
}

.pr-6 {
  padding-right: 3rem !important
}

.pb-6 {
  padding-bottom: 3rem !important
}

.pl-6 {
  padding-left: 3rem !important
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.has-text-centered {
  text-align: center !important
}

.has-text-justified {
  text-align: justify !important
}

.has-text-left {
  text-align: left !important
}

.has-text-right {
  text-align: right !important
}

.is-capitalized {
  text-transform: capitalize !important
}

.is-lowercase {
  text-transform: lowercase !important
}

.is-uppercase {
  text-transform: uppercase !important
}

.is-italic {
  font-style: italic !important
}

.is-block {
  display: block !important
}

.is-hidden {
  display: none !important
}

footer {
  background-color: #fafafa;
  padding: 3rem 1.5rem 6rem
}

@media screen and (max-width:1023px) {
  .is-hidden-touch {
    display: none !important
  }
}

@media screen and (min-width:1024px) {
  .is-hidden-desktop {
    display: none !important
  }
}

@media screen and (min-width:769px),
print {
  .is-hidden-tablet {
    display: none !important
  }
}

@media screen and (max-width:768px) {
  .is-hidden-mobile {
    display: none !important
  }
}


.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: .75rem
}

.columns.is-mobile>.column.is-narrow {
  flex: none
}

.columns.is-mobile>.column.is-full {
  flex: none;
  width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
  flex: none;
  width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
  flex: none;
  width: 66.6666%
}

.columns.is-mobile>.column.is-half {
  flex: none;
  width: 50%
}

.columns.is-mobile>.column.is-one-third {
  flex: none;
  width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
  flex: none;
  width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
  flex: none;
  width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
  flex: none;
  width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
  flex: none;
  width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
  flex: none;
  width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
  margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
  margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
  margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
  margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
  margin-left: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
  margin-left: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
  margin-left: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
  margin-left: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
  margin-left: 80%
}

.columns.is-mobile>.column.is-0 {
  flex: none;
  width: 0%
}

.columns.is-mobile>.column.is-offset-0 {
  margin-left: 0
}

.columns.is-mobile>.column.is-1 {
  flex: none;
  width: 8.33333%
}

.columns.is-mobile>.column.is-offset-1 {
  margin-left: 8.33333%
}

.columns.is-mobile>.column.is-2 {
  flex: none;
  width: 16.66667%
}

.columns.is-mobile>.column.is-offset-2 {
  margin-left: 16.66667%
}

.columns.is-mobile>.column.is-3 {
  flex: none;
  width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
  margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
  flex: none;
  width: 33.33333%
}

.columns.is-mobile>.column.is-offset-4 {
  margin-left: 33.33333%
}

.columns.is-mobile>.column.is-5 {
  flex: none;
  width: 41.66667%
}

.columns.is-mobile>.column.is-offset-5 {
  margin-left: 41.66667%
}

.columns.is-mobile>.column.is-6 {
  flex: none;
  width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
  margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
  flex: none;
  width: 58.33333%
}

.columns.is-mobile>.column.is-offset-7 {
  margin-left: 58.33333%
}

.columns.is-mobile>.column.is-8 {
  flex: none;
  width: 66.66667%
}

.columns.is-mobile>.column.is-offset-8 {
  margin-left: 66.66667%
}

.columns.is-mobile>.column.is-9 {
  flex: none;
  width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
  margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
  flex: none;
  width: 83.33333%
}

.columns.is-mobile>.column.is-offset-10 {
  margin-left: 83.33333%
}

.columns.is-mobile>.column.is-11 {
  flex: none;
  width: 91.66667%
}

.columns.is-mobile>.column.is-offset-11 {
  margin-left: 91.66667%
}

.columns.is-mobile>.column.is-12 {
  flex: none;
  width: 100%
}

.columns.is-mobile>.column.is-offset-12 {
  margin-left: 100%
}

@media screen and (max-width:768px) {
  .column.is-narrow-mobile {
    flex: none
  }

  .column.is-full-mobile {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-mobile {
    flex: none;
    width: 50%
  }

  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-mobile {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%
  }

  .column.is-offset-half-mobile {
    margin-left: 50%
  }

  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-mobile {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-mobile {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-mobile {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-mobile {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-mobile {
    margin-left: 80%
  }

  .column.is-0-mobile {
    flex: none;
    width: 0%
  }

  .column.is-offset-0-mobile {
    margin-left: 0
  }

  .column.is-1-mobile {
    flex: none;
    width: 8.33333%
  }

  .column.is-offset-1-mobile {
    margin-left: 8.33333%
  }

  .column.is-2-mobile {
    flex: none;
    width: 16.66667%
  }

  .column.is-offset-2-mobile {
    margin-left: 16.66667%
  }

  .column.is-3-mobile {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-mobile {
    margin-left: 25%
  }

  .column.is-4-mobile {
    flex: none;
    width: 33.33333%
  }

  .column.is-offset-4-mobile {
    margin-left: 33.33333%
  }

  .column.is-5-mobile {
    flex: none;
    width: 41.66667%
  }

  .column.is-offset-5-mobile {
    margin-left: 41.66667%
  }

  .column.is-6-mobile {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-mobile {
    margin-left: 50%
  }

  .column.is-7-mobile {
    flex: none;
    width: 58.33333%
  }

  .column.is-offset-7-mobile {
    margin-left: 58.33333%
  }

  .column.is-8-mobile {
    flex: none;
    width: 66.66667%
  }

  .column.is-offset-8-mobile {
    margin-left: 66.66667%
  }

  .column.is-9-mobile {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-mobile {
    margin-left: 75%
  }

  .column.is-10-mobile {
    flex: none;
    width: 83.33333%
  }

  .column.is-offset-10-mobile {
    margin-left: 83.33333%
  }

  .column.is-11-mobile {
    flex: none;
    width: 91.66667%
  }

  .column.is-offset-11-mobile {
    margin-left: 91.66667%
  }

  .column.is-12-mobile {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-mobile {
    margin-left: 100%
  }
}

@media screen and (min-width:769px),
print {

  .column.is-narrow,
  .column.is-narrow-tablet {
    flex: none
  }

  .column.is-full,
  .column.is-full-tablet {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters,
  .column.is-three-quarters-tablet {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds,
  .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%
  }

  .column.is-half,
  .column.is-half-tablet {
    flex: none;
    width: 50%
  }

  .column.is-one-third,
  .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter,
  .column.is-one-quarter-tablet {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth,
  .column.is-one-fifth-tablet {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths,
  .column.is-two-fifths-tablet {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths,
  .column.is-three-fifths-tablet {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths,
  .column.is-four-fifths-tablet {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters,
  .column.is-offset-three-quarters-tablet {
    margin-left: 75%
  }

  .column.is-offset-two-thirds,
  .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%
  }

  .column.is-offset-half,
  .column.is-offset-half-tablet {
    margin-left: 50%
  }

  .column.is-offset-one-third,
  .column.is-offset-one-third-tablet {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter,
  .column.is-offset-one-quarter-tablet {
    margin-left: 25%
  }

  .column.is-offset-one-fifth,
  .column.is-offset-one-fifth-tablet {
    margin-left: 20%
  }

  .column.is-offset-two-fifths,
  .column.is-offset-two-fifths-tablet {
    margin-left: 40%
  }

  .column.is-offset-three-fifths,
  .column.is-offset-three-fifths-tablet {
    margin-left: 60%
  }

  .column.is-offset-four-fifths,
  .column.is-offset-four-fifths-tablet {
    margin-left: 80%
  }

  .column.is-0,
  .column.is-0-tablet {
    flex: none;
    width: 0%
  }

  .column.is-offset-0,
  .column.is-offset-0-tablet {
    margin-left: 0
  }

  .column.is-1,
  .column.is-1-tablet {
    flex: none;
    width: 8.33333%
  }

  .column.is-offset-1,
  .column.is-offset-1-tablet {
    margin-left: 8.33333%
  }

  .column.is-2,
  .column.is-2-tablet {
    flex: none;
    width: 16.66667%
  }

  .column.is-offset-2,
  .column.is-offset-2-tablet {
    margin-left: 16.66667%
  }

  .column.is-3,
  .column.is-3-tablet {
    flex: none;
    width: 25%
  }

  .column.is-offset-3,
  .column.is-offset-3-tablet {
    margin-left: 25%
  }

  .column.is-4,
  .column.is-4-tablet {
    flex: none;
    width: 33.33333%
  }

  .column.is-offset-4,
  .column.is-offset-4-tablet {
    margin-left: 33.33333%
  }

  .column.is-5,
  .column.is-5-tablet {
    flex: none;
    width: 41.66667%
  }

  .column.is-offset-5,
  .column.is-offset-5-tablet {
    margin-left: 41.66667%
  }

  .column.is-6,
  .column.is-6-tablet {
    flex: none;
    width: 50%
  }

  .column.is-offset-6,
  .column.is-offset-6-tablet {
    margin-left: 50%
  }

  .column.is-7,
  .column.is-7-tablet {
    flex: none;
    width: 58.33333%
  }

  .column.is-offset-7,
  .column.is-offset-7-tablet {
    margin-left: 58.33333%
  }

  .column.is-8,
  .column.is-8-tablet {
    flex: none;
    width: 66.66667%
  }

  .column.is-offset-8,
  .column.is-offset-8-tablet {
    margin-left: 66.66667%
  }

  .column.is-9,
  .column.is-9-tablet {
    flex: none;
    width: 75%
  }

  .column.is-offset-9,
  .column.is-offset-9-tablet {
    margin-left: 75%
  }

  .column.is-10,
  .column.is-10-tablet {
    flex: none;
    width: 83.33333%
  }

  .column.is-offset-10,
  .column.is-offset-10-tablet {
    margin-left: 83.33333%
  }

  .column.is-11,
  .column.is-11-tablet {
    flex: none;
    width: 91.66667%
  }

  .column.is-offset-11,
  .column.is-offset-11-tablet {
    margin-left: 91.66667%
  }

  .column.is-12,
  .column.is-12-tablet {
    flex: none;
    width: 100%
  }

  .column.is-offset-12,
  .column.is-offset-12-tablet {
    margin-left: 100%
  }
}

@media screen and (max-width:1023px) {
  .column.is-narrow-touch {
    flex: none
  }

  .column.is-full-touch {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-touch {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-touch {
    flex: none;
    width: 50%
  }

  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-touch {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-touch {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-touch {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-touch {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-touch {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-touch {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%
  }

  .column.is-offset-half-touch {
    margin-left: 50%
  }

  .column.is-offset-one-third-touch {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-touch {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-touch {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-touch {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-touch {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-touch {
    margin-left: 80%
  }

  .column.is-0-touch {
    flex: none;
    width: 0%
  }

  .column.is-offset-0-touch {
    margin-left: 0
  }

  .column.is-1-touch {
    flex: none;
    width: 8.33333%
  }

  .column.is-offset-1-touch {
    margin-left: 8.33333%
  }

  .column.is-2-touch {
    flex: none;
    width: 16.66667%
  }

  .column.is-offset-2-touch {
    margin-left: 16.66667%
  }

  .column.is-3-touch {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-touch {
    margin-left: 25%
  }

  .column.is-4-touch {
    flex: none;
    width: 33.33333%
  }

  .column.is-offset-4-touch {
    margin-left: 33.33333%
  }

  .column.is-5-touch {
    flex: none;
    width: 41.66667%
  }

  .column.is-offset-5-touch {
    margin-left: 41.66667%
  }

  .column.is-6-touch {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-touch {
    margin-left: 50%
  }

  .column.is-7-touch {
    flex: none;
    width: 58.33333%
  }

  .column.is-offset-7-touch {
    margin-left: 58.33333%
  }

  .column.is-8-touch {
    flex: none;
    width: 66.66667%
  }

  .column.is-offset-8-touch {
    margin-left: 66.66667%
  }

  .column.is-9-touch {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-touch {
    margin-left: 75%
  }

  .column.is-10-touch {
    flex: none;
    width: 83.33333%
  }

  .column.is-offset-10-touch {
    margin-left: 83.33333%
  }

  .column.is-11-touch {
    flex: none;
    width: 91.66667%
  }

  .column.is-offset-11-touch {
    margin-left: 91.66667%
  }

  .column.is-12-touch {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-touch {
    margin-left: 100%
  }
}

@media screen and (min-width:1024px) {
  .column.is-narrow-desktop {
    flex: none
  }

  .column.is-full-desktop {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-desktop {
    flex: none;
    width: 50%
  }

  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-desktop {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%
  }

  .column.is-offset-half-desktop {
    margin-left: 50%
  }

  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-desktop {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-desktop {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-desktop {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-desktop {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-desktop {
    margin-left: 80%
  }

  .column.is-0-desktop {
    flex: none;
    width: 0%
  }

  .column.is-offset-0-desktop {
    margin-left: 0
  }

  .column.is-1-desktop {
    flex: none;
    width: 8.33333%
  }

  .column.is-offset-1-desktop {
    margin-left: 8.33333%
  }

  .column.is-2-desktop {
    flex: none;
    width: 16.66667%
  }

  .column.is-offset-2-desktop {
    margin-left: 16.66667%
  }

  .column.is-3-desktop {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-desktop {
    margin-left: 25%
  }

  .column.is-4-desktop {
    flex: none;
    width: 33.33333%
  }

  .column.is-offset-4-desktop {
    margin-left: 33.33333%
  }

  .column.is-5-desktop {
    flex: none;
    width: 41.66667%
  }

  .column.is-offset-5-desktop {
    margin-left: 41.66667%
  }

  .column.is-6-desktop {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-desktop {
    margin-left: 50%
  }

  .column.is-7-desktop {
    flex: none;
    width: 58.33333%
  }

  .column.is-offset-7-desktop {
    margin-left: 58.33333%
  }

  .column.is-8-desktop {
    flex: none;
    width: 66.66667%
  }

  .column.is-offset-8-desktop {
    margin-left: 66.66667%
  }

  .column.is-9-desktop {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-desktop {
    margin-left: 75%
  }

  .column.is-10-desktop {
    flex: none;
    width: 83.33333%
  }

  .column.is-offset-10-desktop {
    margin-left: 83.33333%
  }

  .column.is-11-desktop {
    flex: none;
    width: 91.66667%
  }

  .column.is-offset-11-desktop {
    margin-left: 91.66667%
  }

  .column.is-12-desktop {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-desktop {
    margin-left: 100%
  }
}

@media screen and (min-width:1216px) {
  .column.is-narrow-widescreen {
    flex: none
  }

  .column.is-full-widescreen {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-widescreen {
    flex: none;
    width: 50%
  }

  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%
  }

  .column.is-offset-half-widescreen {
    margin-left: 50%
  }

  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%
  }

  .column.is-0-widescreen {
    flex: none;
    width: 0%
  }

  .column.is-offset-0-widescreen {
    margin-left: 0
  }

  .column.is-1-widescreen {
    flex: none;
    width: 8.33333%
  }

  .column.is-offset-1-widescreen {
    margin-left: 8.33333%
  }

  .column.is-2-widescreen {
    flex: none;
    width: 16.66667%
  }

  .column.is-offset-2-widescreen {
    margin-left: 16.66667%
  }

  .column.is-3-widescreen {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-widescreen {
    margin-left: 25%
  }

  .column.is-4-widescreen {
    flex: none;
    width: 33.33333%
  }

  .column.is-offset-4-widescreen {
    margin-left: 33.33333%
  }

  .column.is-5-widescreen {
    flex: none;
    width: 41.66667%
  }

  .column.is-offset-5-widescreen {
    margin-left: 41.66667%
  }

  .column.is-6-widescreen {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-widescreen {
    margin-left: 50%
  }

  .column.is-7-widescreen {
    flex: none;
    width: 58.33333%
  }

  .column.is-offset-7-widescreen {
    margin-left: 58.33333%
  }

  .column.is-8-widescreen {
    flex: none;
    width: 66.66667%
  }

  .column.is-offset-8-widescreen {
    margin-left: 66.66667%
  }

  .column.is-9-widescreen {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-widescreen {
    margin-left: 75%
  }

  .column.is-10-widescreen {
    flex: none;
    width: 83.33333%
  }

  .column.is-offset-10-widescreen {
    margin-left: 83.33333%
  }

  .column.is-11-widescreen {
    flex: none;
    width: 91.66667%
  }

  .column.is-offset-11-widescreen {
    margin-left: 91.66667%
  }

  .column.is-12-widescreen {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-widescreen {
    margin-left: 100%
  }
}

@media screen and (min-width:1408px) {
  .column.is-narrow-fullhd {
    flex: none
  }

  .column.is-full-fullhd {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-fullhd {
    flex: none;
    width: 50%
  }

  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%
  }

  .column.is-offset-half-fullhd {
    margin-left: 50%
  }

  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%
  }

  .column.is-0-fullhd {
    flex: none;
    width: 0%
  }

  .column.is-offset-0-fullhd {
    margin-left: 0
  }

  .column.is-1-fullhd {
    flex: none;
    width: 8.33333%
  }

  .column.is-offset-1-fullhd {
    margin-left: 8.33333%
  }

  .column.is-2-fullhd {
    flex: none;
    width: 16.66667%
  }

  .column.is-offset-2-fullhd {
    margin-left: 16.66667%
  }

  .column.is-3-fullhd {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-fullhd {
    margin-left: 25%
  }

  .column.is-4-fullhd {
    flex: none;
    width: 33.33333%
  }

  .column.is-offset-4-fullhd {
    margin-left: 33.33333%
  }

  .column.is-5-fullhd {
    flex: none;
    width: 41.66667%
  }

  .column.is-offset-5-fullhd {
    margin-left: 41.66667%
  }

  .column.is-6-fullhd {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-fullhd {
    margin-left: 50%
  }

  .column.is-7-fullhd {
    flex: none;
    width: 58.33333%
  }

  .column.is-offset-7-fullhd {
    margin-left: 58.33333%
  }

  .column.is-8-fullhd {
    flex: none;
    width: 66.66667%
  }

  .column.is-offset-8-fullhd {
    margin-left: 66.66667%
  }

  .column.is-9-fullhd {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-fullhd {
    margin-left: 75%
  }

  .column.is-10-fullhd {
    flex: none;
    width: 83.33333%
  }

  .column.is-offset-10-fullhd {
    margin-left: 83.33333%
  }

  .column.is-11-fullhd {
    flex: none;
    width: 91.66667%
  }

  .column.is-offset-11-fullhd {
    margin-left: 91.66667%
  }

  .column.is-12-fullhd {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-fullhd {
    margin-left: 100%
  }
}

.columns {
  margin-left: -.75rem;
  margin-right: -.75rem;
  margin-top: -.75rem
}

.columns:last-child {
  margin-bottom: -.75rem
}

.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - .75rem)
}

.columns.is-centered {
  justify-content: center
}

.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0
}

.columns.is-gapless>.column {
  margin: 0;
  padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
  margin-bottom: 0
}

.columns.is-mobile {
  display: flex
}

.columns.is-multiline {
  flex-wrap: wrap
}

.columns.is-vcentered {
  align-items: center
}

@media screen and (min-width:769px),
print {
  .columns:not(.is-desktop) {
    display: flex
  }
}

@media screen and (min-width:1024px) {
  .columns.is-desktop {
    display: flex
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap))
}

.columns.is-variable .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
  --columnGap: 0rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem
  }
}

@media screen and (min-width:769px),
print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem
  }
}

.columns.is-variable.is-1 {
  --columnGap: 0.25rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:769px),
print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem
  }
}

.columns.is-variable.is-2 {
  --columnGap: 0.5rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:769px),
print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem
  }
}

.columns.is-variable.is-3 {
  --columnGap: 0.75rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:769px),
print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem
  }
}

.columns.is-variable.is-4 {
  --columnGap: 1rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem
  }
}

@media screen and (min-width:769px),
print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem
  }
}

.columns.is-variable.is-5 {
  --columnGap: 1.25rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:769px),
print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem
  }
}

.columns.is-variable.is-6 {
  --columnGap: 1.5rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:769px),
print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem
  }
}

.columns.is-variable.is-7 {
  --columnGap: 1.75rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:769px),
print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem
  }
}

.columns.is-variable.is-8 {
  --columnGap: 2rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem
  }
}

@media screen and (min-width:769px),
print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem
  }
}


.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40
}

.modal.is-active {
  display: flex
}

.modal-background {
  background-color: rgba(10, 10, 10, .86)
}

.modal-card,
.modal-content {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%
}

@media screen and (min-width:769px) {

  .modal-card,
  .modal-content {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px
  }
}

.modal-close {
  background: 0 0;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible
}

.modal-card-foot,
.modal-card-head {
  align-items: center;
  background-color: #f5f5f5;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative
}

.modal-card-head {
  border-bottom: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.modal-card-title {
  color: #363636;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1
}

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #dbdbdb
}

.modal-card-foot .button:not(:last-child) {
  margin-right: .5em
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px
}

.delete,
.modal-close {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, .2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: 0;
  position: relative;
  vertical-align: top;
  width: 20px
}

.delete::after,
.delete::before,
.modal-close::after,
.modal-close::before {
  background-color: #fff;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center
}

.delete::before,
.modal-close::before {
  height: 2px;
  width: 50%
}

.delete::after,
.modal-close::after {
  height: 50%;
  width: 2px
}

.delete:focus,
.delete:hover,
.modal-close:focus,
.modal-close:hover {
  background-color: rgba(10, 10, 10, .3)
}

.delete:active,
.modal-close:active {
  background-color: rgba(10, 10, 10, .4)
}

.is-small.delete,
.is-small.modal-close {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px
}

.is-medium.delete,
.is-medium.modal-close {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px
}

.is-large.delete,
.is-large.modal-close {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px
}


.help {
  display: block;
  font-size: .75rem;
  margin-top: .25rem
}

.help.is-white {
  color: #fff
}

.help.is-black {
  color: #0a0a0a
}

.help.is-light {
  color: #f5f5f5
}

.help.is-dark {
  color: #363636
}

.help.is-primary {
  color: #00d1b2
}

.help.is-link {
  color: #3273dc
}

.help.is-info {
  color: #3298dc
}

.help.is-success {
  color: #48c774
}

.help.is-warning {
  color: #ffdd57
}

.help.is-danger {
  color: #f14668
}


.has-text-white {
  color: #fff !important
}

a.has-text-white:focus,
a.has-text-white:hover {
  color: #e6e6e6 !important
}

.has-background-white {
  background-color: #fff !important
}

.has-text-black {
  color: #0a0a0a !important
}

a.has-text-black:focus,
a.has-text-black:hover {
  color: #000 !important
}

.has-background-black {
  background-color: #0a0a0a !important
}

.has-text-light {
  color: #f5f5f5 !important
}

a.has-text-light:focus,
a.has-text-light:hover {
  color: #dbdbdb !important
}

.has-background-light {
  background-color: #f5f5f5 !important
}

.has-text-dark {
  color: #363636 !important
}

a.has-text-dark:focus,
a.has-text-dark:hover {
  color: #1c1c1c !important
}

.has-background-dark {
  background-color: #363636 !important
}

.has-text-primary {
  color: #00d1b2 !important
}

a.has-text-primary:focus,
a.has-text-primary:hover {
  color: #009e86 !important
}

.has-background-primary {
  background-color: #00d1b2 !important
}

.has-text-primary-light {
  color: #ebfffc !important
}

a.has-text-primary-light:focus,
a.has-text-primary-light:hover {
  color: #b8fff4 !important
}

.has-background-primary-light {
  background-color: #ebfffc !important
}

.has-text-primary-dark {
  color: #00947e !important
}

a.has-text-primary-dark:focus,
a.has-text-primary-dark:hover {
  color: #00c7a9 !important
}

.has-background-primary-dark {
  background-color: #00947e !important
}

.has-text-link {
  color: #3273dc !important
}

a.has-text-link:focus,
a.has-text-link:hover {
  color: #205bbc !important
}

.has-background-link {
  background-color: #3273dc !important
}

.has-text-link-light {
  color: #eef3fc !important
}

a.has-text-link-light:focus,
a.has-text-link-light:hover {
  color: #c2d5f5 !important
}

.has-background-link-light {
  background-color: #eef3fc !important
}

.has-text-link-dark {
  color: #2160c4 !important
}

a.has-text-link-dark:focus,
a.has-text-link-dark:hover {
  color: #3b79de !important
}

.has-background-link-dark {
  background-color: #2160c4 !important
}

.has-text-info {
  color: #3298dc !important
}

a.has-text-info:focus,
a.has-text-info:hover {
  color: #207dbc !important
}

.has-background-info {
  background-color: #3298dc !important
}

.has-text-info-light {
  color: #eef6fc !important
}

a.has-text-info-light:focus,
a.has-text-info-light:hover {
  color: #c2e0f5 !important
}

.has-background-info-light {
  background-color: #eef6fc !important
}

.has-text-info-dark {
  color: #1d72aa !important
}

a.has-text-info-dark:focus,
a.has-text-info-dark:hover {
  color: #248fd6 !important
}

.has-background-info-dark {
  background-color: #1d72aa !important
}

.has-text-success {
  color: #48c774 !important
}

a.has-text-success:focus,
a.has-text-success:hover {
  color: #34a85c !important
}

.has-background-success {
  background-color: #48c774 !important
}

.has-text-success-light {
  color: #effaf3 !important
}

a.has-text-success-light:focus,
a.has-text-success-light:hover {
  color: #c8eed6 !important
}

.has-background-success-light {
  background-color: #effaf3 !important
}

.has-text-success-dark {
  color: #257942 !important
}

a.has-text-success-dark:focus,
a.has-text-success-dark:hover {
  color: #31a058 !important
}

.has-background-success-dark {
  background-color: #257942 !important
}

.has-text-warning {
  color: #ffdd57 !important
}

a.has-text-warning:focus,
a.has-text-warning:hover {
  color: #ffd324 !important
}

.has-background-warning {
  background-color: #ffdd57 !important
}

.has-text-warning-light {
  color: #fffbeb !important
}

a.has-text-warning-light:focus,
a.has-text-warning-light:hover {
  color: #fff1b8 !important
}

.has-background-warning-light {
  background-color: #fffbeb !important
}

.has-text-warning-dark {
  color: #947600 !important
}

a.has-text-warning-dark:focus,
a.has-text-warning-dark:hover {
  color: #c79f00 !important
}

.has-background-warning-dark {
  background-color: #947600 !important
}

.has-text-danger {
  color: #f14668 !important
}

a.has-text-danger:focus,
a.has-text-danger:hover {
  color: #ee1742 !important
}

.has-background-danger {
  background-color: #f14668 !important
}

.has-text-danger-light {
  color: #feecf0 !important
}

a.has-text-danger-light:focus,
a.has-text-danger-light:hover {
  color: #fabdc9 !important
}

.has-background-danger-light {
  background-color: #feecf0 !important
}

.has-text-danger-dark {
  color: #cc0f35 !important
}

a.has-text-danger-dark:focus,
a.has-text-danger-dark:hover {
  color: #ee2049 !important
}

.has-background-danger-dark {
  background-color: #cc0f35 !important
}

.has-text-black-bis {
  color: #121212 !important
}

.has-background-black-bis {
  background-color: #121212 !important
}

.has-text-black-ter {
  color: #242424 !important
}

.has-background-black-ter {
  background-color: #242424 !important
}

.has-text-grey-darker {
  color: #363636 !important
}

.has-background-grey-darker {
  background-color: #363636 !important
}

.has-text-grey-dark {
  color: #4a4a4a !important
}

.has-background-grey-dark {
  background-color: #4a4a4a !important
}

.has-text-grey {
  color: #7a7a7a !important
}

.has-background-grey {
  background-color: #7a7a7a !important
}

.has-text-grey-light {
  color: #b5b5b5 !important
}

.has-background-grey-light {
  background-color: #b5b5b5 !important
}

.has-text-grey-lighter {
  color: #dbdbdb !important
}

.has-background-grey-lighter {
  background-color: #dbdbdb !important
}

.has-text-white-ter {
  color: #f5f5f5 !important
}

.has-background-white-ter {
  background-color: #f5f5f5 !important
}

.has-text-white-bis {
  color: #fafafa !important
}

.has-background-white-bis {
  background-color: #fafafa !important
}

.is-flex-direction-row {
  flex-direction: row !important
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important
}

.is-flex-direction-column {
  flex-direction: column !important
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
  justify-content: flex-start !important
}

.is-justify-content-flex-end {
  justify-content: flex-end !important
}

.is-justify-content-center {
  justify-content: center !important
}

.is-justify-content-space-between {
  justify-content: space-between !important
}

.is-justify-content-space-around {
  justify-content: space-around !important
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important
}

.is-justify-content-start {
  justify-content: start !important
}

.is-justify-content-end {
  justify-content: end !important
}

.is-justify-content-left {
  justify-content: left !important
}

.is-justify-content-right {
  justify-content: right !important
}

.is-align-content-flex-start {
  align-content: flex-start !important
}

.is-align-content-flex-end {
  align-content: flex-end !important
}

.is-align-content-center {
  align-content: center !important
}

.is-align-content-space-between {
  align-content: space-between !important
}

.is-align-content-space-around {
  align-content: space-around !important
}

.is-align-content-space-evenly {
  align-content: space-evenly !important
}

.is-align-content-stretch {
  align-content: stretch !important
}

.is-align-content-start {
  align-content: start !important
}

.is-align-content-end {
  align-content: end !important
}

.is-align-content-baseline {
  align-content: baseline !important
}

.is-align-items-stretch {
  align-items: stretch !important
}

.is-align-items-flex-start {
  align-items: flex-start !important
}

.is-align-items-flex-end {
  align-items: flex-end !important
}

.is-align-items-center {
  align-items: center !important
}

.is-align-items-baseline {
  align-items: baseline !important
}

.is-align-items-start {
  align-items: start !important
}

.is-align-items-end {
  align-items: end !important
}

.is-align-items-self-start {
  align-items: self-start !important
}

.is-align-items-self-end {
  align-items: self-end !important
}

.is-align-self-auto {
  align-self: auto !important
}

.is-align-self-flex-start {
  align-self: flex-start !important
}

.is-align-self-flex-end {
  align-self: flex-end !important
}

.is-align-self-center {
  align-self: center !important
}

.is-align-self-baseline {
  align-self: baseline !important
}

.is-align-self-stretch {
  align-self: stretch !important
}

.is-flex-grow-0 {
  flex-grow: 0 !important
}

.is-flex-grow-1 {
  flex-grow: 1 !important
}

.is-flex-grow-2 {
  flex-grow: 2 !important
}

.is-flex-grow-3 {
  flex-grow: 3 !important
}

.is-flex-grow-4 {
  flex-grow: 4 !important
}

.is-flex-grow-5 {
  flex-grow: 5 !important
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table
}

.is-pulled-left {
  float: left !important
}

.is-pulled-right {
  float: right !important
}

.is-radiusless {
  border-radius: 0 !important
}

.is-shadowless {
  box-shadow: none !important
}

.is-clickable {
  cursor: pointer !important
}

.is-clipped {
  overflow: hidden !important
}

.is-relative {
  position: relative !important
}

.is-marginless {
  margin: 0 !important
}

.is-paddingless {
  padding: 0 !important
}

.m-0 {
  margin: 0 !important
}

.mt-0 {
  margin-top: 0 !important
}

.mr-0 {
  margin-right: 0 !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.ml-0 {
  margin-left: 0 !important
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mr-1 {
  margin-right: .25rem !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.ml-1 {
  margin-left: .25rem !important
}

.mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mr-2 {
  margin-right: .5rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.ml-2 {
  margin-left: .5rem !important
}

.mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.m-3 {
  margin: .75rem !important
}

.mt-3 {
  margin-top: .75rem !important
}

.mr-3 {
  margin-right: .75rem !important
}

.mb-3 {
  margin-bottom: .75rem !important
}

.ml-3 {
  margin-left: .75rem !important
}

.mx-3 {
  margin-left: .75rem !important;
  margin-right: .75rem !important
}

.my-3 {
  margin-top: .75rem !important;
  margin-bottom: .75rem !important
}

.m-4 {
  margin: 1rem !important
}

.mt-4 {
  margin-top: 1rem !important
}

.mr-4 {
  margin-right: 1rem !important
}

.mb-4 {
  margin-bottom: 1rem !important
}

.ml-4 {
  margin-left: 1rem !important
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.m-5 {
  margin: 1.5rem !important
}

.mt-5 {
  margin-top: 1.5rem !important
}

.mr-5 {
  margin-right: 1.5rem !important
}

.mb-5 {
  margin-bottom: 1.5rem !important
}

.ml-5 {
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.m-6 {
  margin: 3rem !important
}

.mt-6 {
  margin-top: 3rem !important
}

.mr-6 {
  margin-right: 3rem !important
}

.mb-6 {
  margin-bottom: 3rem !important
}

.ml-6 {
  margin-left: 3rem !important
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0 {
  padding-top: 0 !important
}

.pr-0 {
  padding-right: 0 !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pl-0 {
  padding-left: 0 !important
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pr-1 {
  padding-right: .25rem !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pl-1 {
  padding-left: .25rem !important
}

.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pr-2 {
  padding-right: .5rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pl-2 {
  padding-left: .5rem !important
}

.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.p-3 {
  padding: .75rem !important
}

.pt-3 {
  padding-top: .75rem !important
}

.pr-3 {
  padding-right: .75rem !important
}

.pb-3 {
  padding-bottom: .75rem !important
}

.pl-3 {
  padding-left: .75rem !important
}

.px-3 {
  padding-left: .75rem !important;
  padding-right: .75rem !important
}

.py-3 {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important
}

.p-4 {
  padding: 1rem !important
}

.pt-4 {
  padding-top: 1rem !important
}

.pr-4 {
  padding-right: 1rem !important
}

.pb-4 {
  padding-bottom: 1rem !important
}

.pl-4 {
  padding-left: 1rem !important
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.p-5 {
  padding: 1.5rem !important
}

.pt-5 {
  padding-top: 1.5rem !important
}

.pr-5 {
  padding-right: 1.5rem !important
}

.pb-5 {
  padding-bottom: 1.5rem !important
}

.pl-5 {
  padding-left: 1.5rem !important
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.p-6 {
  padding: 3rem !important
}

.pt-6 {
  padding-top: 3rem !important
}

.pr-6 {
  padding-right: 3rem !important
}

.pb-6 {
  padding-bottom: 3rem !important
}

.pl-6 {
  padding-left: 3rem !important
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.is-size-1 {
  font-size: 3rem !important
}

.is-size-2 {
  font-size: 2.5rem !important
}

.is-size-3 {
  font-size: 2rem !important
}

.is-size-4 {
  font-size: 1.5rem !important
}

.is-size-5 {
  font-size: 1.25rem !important
}

.is-size-6 {
  font-size: 1rem !important
}

.is-size-7 {
  font-size: .75rem !important
}

@media screen and (max-width:768px) {
  .is-size-1-mobile {
    font-size: 3rem !important
  }

  .is-size-2-mobile {
    font-size: 2.5rem !important
  }

  .is-size-3-mobile {
    font-size: 2rem !important
  }

  .is-size-4-mobile {
    font-size: 1.5rem !important
  }

  .is-size-5-mobile {
    font-size: 1.25rem !important
  }

  .is-size-6-mobile {
    font-size: 1rem !important
  }

  .is-size-7-mobile {
    font-size: .75rem !important
  }
}

@media screen and (min-width:769px),
print {
  .is-size-1-tablet {
    font-size: 3rem !important
  }

  .is-size-2-tablet {
    font-size: 2.5rem !important
  }

  .is-size-3-tablet {
    font-size: 2rem !important
  }

  .is-size-4-tablet {
    font-size: 1.5rem !important
  }

  .is-size-5-tablet {
    font-size: 1.25rem !important
  }

  .is-size-6-tablet {
    font-size: 1rem !important
  }

  .is-size-7-tablet {
    font-size: .75rem !important
  }
}

@media screen and (max-width:1023px) {
  .is-size-1-touch {
    font-size: 3rem !important
  }

  .is-size-2-touch {
    font-size: 2.5rem !important
  }

  .is-size-3-touch {
    font-size: 2rem !important
  }

  .is-size-4-touch {
    font-size: 1.5rem !important
  }

  .is-size-5-touch {
    font-size: 1.25rem !important
  }

  .is-size-6-touch {
    font-size: 1rem !important
  }

  .is-size-7-touch {
    font-size: .75rem !important
  }
}

@media screen and (min-width:1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important
  }

  .is-size-2-desktop {
    font-size: 2.5rem !important
  }

  .is-size-3-desktop {
    font-size: 2rem !important
  }

  .is-size-4-desktop {
    font-size: 1.5rem !important
  }

  .is-size-5-desktop {
    font-size: 1.25rem !important
  }

  .is-size-6-desktop {
    font-size: 1rem !important
  }

  .is-size-7-desktop {
    font-size: .75rem !important
  }
}

@media screen and (min-width:1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important
  }

  .is-size-2-widescreen {
    font-size: 2.5rem !important
  }

  .is-size-3-widescreen {
    font-size: 2rem !important
  }

  .is-size-4-widescreen {
    font-size: 1.5rem !important
  }

  .is-size-5-widescreen {
    font-size: 1.25rem !important
  }

  .is-size-6-widescreen {
    font-size: 1rem !important
  }

  .is-size-7-widescreen {
    font-size: .75rem !important
  }
}

@media screen and (min-width:1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important
  }

  .is-size-2-fullhd {
    font-size: 2.5rem !important
  }

  .is-size-3-fullhd {
    font-size: 2rem !important
  }

  .is-size-4-fullhd {
    font-size: 1.5rem !important
  }

  .is-size-5-fullhd {
    font-size: 1.25rem !important
  }

  .is-size-6-fullhd {
    font-size: 1rem !important
  }

  .is-size-7-fullhd {
    font-size: .75rem !important
  }
}

.has-text-centered {
  text-align: center !important
}

.has-text-justified {
  text-align: justify !important
}

.has-text-left {
  text-align: left !important
}

.has-text-right {
  text-align: right !important
}

@media screen and (max-width:768px) {
  .has-text-centered-mobile {
    text-align: center !important
  }
}

@media screen and (min-width:769px),
print {
  .has-text-centered-tablet {
    text-align: center !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important
  }
}

@media screen and (max-width:1023px) {
  .has-text-centered-touch {
    text-align: center !important
  }
}

@media screen and (min-width:1024px) {
  .has-text-centered-desktop {
    text-align: center !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important
  }
}

@media screen and (min-width:1216px) {
  .has-text-centered-widescreen {
    text-align: center !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important
  }
}

@media screen and (min-width:1408px) {
  .has-text-centered-fullhd {
    text-align: center !important
  }
}

@media screen and (max-width:768px) {
  .has-text-justified-mobile {
    text-align: justify !important
  }
}

@media screen and (min-width:769px),
print {
  .has-text-justified-tablet {
    text-align: justify !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important
  }
}

@media screen and (max-width:1023px) {
  .has-text-justified-touch {
    text-align: justify !important
  }
}

@media screen and (min-width:1024px) {
  .has-text-justified-desktop {
    text-align: justify !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important
  }
}

@media screen and (min-width:1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important
  }
}

@media screen and (min-width:1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important
  }
}

@media screen and (max-width:768px) {
  .has-text-left-mobile {
    text-align: left !important
  }
}

@media screen and (min-width:769px),
print {
  .has-text-left-tablet {
    text-align: left !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .has-text-left-tablet-only {
    text-align: left !important
  }
}

@media screen and (max-width:1023px) {
  .has-text-left-touch {
    text-align: left !important
  }
}

@media screen and (min-width:1024px) {
  .has-text-left-desktop {
    text-align: left !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .has-text-left-desktop-only {
    text-align: left !important
  }
}

@media screen and (min-width:1216px) {
  .has-text-left-widescreen {
    text-align: left !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important
  }
}

@media screen and (min-width:1408px) {
  .has-text-left-fullhd {
    text-align: left !important
  }
}

@media screen and (max-width:768px) {
  .has-text-right-mobile {
    text-align: right !important
  }
}

@media screen and (min-width:769px),
print {
  .has-text-right-tablet {
    text-align: right !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .has-text-right-tablet-only {
    text-align: right !important
  }
}

@media screen and (max-width:1023px) {
  .has-text-right-touch {
    text-align: right !important
  }
}

@media screen and (min-width:1024px) {
  .has-text-right-desktop {
    text-align: right !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .has-text-right-desktop-only {
    text-align: right !important
  }
}

@media screen and (min-width:1216px) {
  .has-text-right-widescreen {
    text-align: right !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important
  }
}

@media screen and (min-width:1408px) {
  .has-text-right-fullhd {
    text-align: right !important
  }
}

.is-capitalized {
  text-transform: capitalize !important
}

.is-lowercase {
  text-transform: lowercase !important
}

.is-uppercase {
  text-transform: uppercase !important
}

.is-italic {
  font-style: italic !important
}

.has-text-weight-light {
  font-weight: 300 !important
}

.has-text-weight-normal {
  font-weight: 400 !important
}

.has-text-weight-medium {
  font-weight: 500 !important
}

.has-text-weight-semibold {
  font-weight: 600 !important
}

.has-text-weight-bold {
  font-weight: 700 !important
}

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

.is-family-monospace {
  font-family: monospace !important
}

.is-family-code {
  font-family: monospace !important
}

.is-block {
  display: block !important
}

@media screen and (max-width:768px) {
  .is-block-mobile {
    display: block !important
  }
}

@media screen and (min-width:769px),
print {
  .is-block-tablet {
    display: block !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .is-block-tablet-only {
    display: block !important
  }
}

@media screen and (max-width:1023px) {
  .is-block-touch {
    display: block !important
  }
}

@media screen and (min-width:1024px) {
  .is-block-desktop {
    display: block !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-block-desktop-only {
    display: block !important
  }
}

@media screen and (min-width:1216px) {
  .is-block-widescreen {
    display: block !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-block-widescreen-only {
    display: block !important
  }
}

@media screen and (min-width:1408px) {
  .is-block-fullhd {
    display: block !important
  }
}

.is-flex {
  display: flex !important
}

@media screen and (max-width:768px) {
  .is-flex-mobile {
    display: flex !important
  }
}

@media screen and (min-width:769px),
print {
  .is-flex-tablet {
    display: flex !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .is-flex-tablet-only {
    display: flex !important
  }
}

@media screen and (max-width:1023px) {
  .is-flex-touch {
    display: flex !important
  }
}

@media screen and (min-width:1024px) {
  .is-flex-desktop {
    display: flex !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-flex-desktop-only {
    display: flex !important
  }
}

@media screen and (min-width:1216px) {
  .is-flex-widescreen {
    display: flex !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-flex-widescreen-only {
    display: flex !important
  }
}

@media screen and (min-width:1408px) {
  .is-flex-fullhd {
    display: flex !important
  }
}

.is-inline {
  display: inline !important
}

@media screen and (max-width:768px) {
  .is-inline-mobile {
    display: inline !important
  }
}

@media screen and (min-width:769px),
print {
  .is-inline-tablet {
    display: inline !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .is-inline-tablet-only {
    display: inline !important
  }
}

@media screen and (max-width:1023px) {
  .is-inline-touch {
    display: inline !important
  }
}

@media screen and (min-width:1024px) {
  .is-inline-desktop {
    display: inline !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-inline-desktop-only {
    display: inline !important
  }
}

@media screen and (min-width:1216px) {
  .is-inline-widescreen {
    display: inline !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-inline-widescreen-only {
    display: inline !important
  }
}

@media screen and (min-width:1408px) {
  .is-inline-fullhd {
    display: inline !important
  }
}

.is-inline-block {
  display: inline-block !important
}

@media screen and (max-width:768px) {
  .is-inline-block-mobile {
    display: inline-block !important
  }
}

@media screen and (min-width:769px),
print {
  .is-inline-block-tablet {
    display: inline-block !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important
  }
}

@media screen and (max-width:1023px) {
  .is-inline-block-touch {
    display: inline-block !important
  }
}

@media screen and (min-width:1024px) {
  .is-inline-block-desktop {
    display: inline-block !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important
  }
}

@media screen and (min-width:1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important
  }
}

@media screen and (min-width:1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important
  }
}

.is-inline-flex {
  display: inline-flex !important
}

@media screen and (max-width:768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important
  }
}

@media screen and (min-width:769px),
print {
  .is-inline-flex-tablet {
    display: inline-flex !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important
  }
}

@media screen and (max-width:1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important
  }
}

@media screen and (min-width:1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important
  }
}

@media screen and (min-width:1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important
  }
}

@media screen and (min-width:1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important
  }
}

.is-hidden {
  display: none !important
}

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: .01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: .01em !important
}

@media screen and (max-width:768px) {
  .is-hidden-mobile {
    display: none !important
  }
}

@media screen and (min-width:769px),
print {
  .is-hidden-tablet {
    display: none !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .is-hidden-tablet-only {
    display: none !important
  }
}

@media screen and (max-width:1023px) {
  .is-hidden-touch {
    display: none !important
  }
}

@media screen and (min-width:1024px) {
  .is-hidden-desktop {
    display: none !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-hidden-desktop-only {
    display: none !important
  }
}

@media screen and (min-width:1216px) {
  .is-hidden-widescreen {
    display: none !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-hidden-widescreen-only {
    display: none !important
  }
}

@media screen and (min-width:1408px) {
  .is-hidden-fullhd {
    display: none !important
  }
}

.is-invisible {
  visibility: hidden !important
}

@media screen and (max-width:768px) {
  .is-invisible-mobile {
    visibility: hidden !important
  }
}

@media screen and (min-width:769px),
print {
  .is-invisible-tablet {
    visibility: hidden !important
  }
}

@media screen and (min-width:769px) and (max-width:1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important
  }
}

@media screen and (max-width:1023px) {
  .is-invisible-touch {
    visibility: hidden !important
  }
}

@media screen and (min-width:1024px) {
  .is-invisible-desktop {
    visibility: hidden !important
  }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important
  }
}

@media screen and (min-width:1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important
  }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important
  }
}

@media screen and (min-width:1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important
  }
}


/***Splide Slider***/
@keyframes splide-loading {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.splide__container {
  position: relative;
  box-sizing: border-box
}

.splide__list {
  margin: 0 !important;
  padding: 0 !important;
  width: -webkit-max-content;
  width: max-content;
  will-change: transform
}

.splide.is-active .splide__list {
  display: flex
}

.splide__pagination {
  display: inline-flex;
  align-items: center;
  width: 95%;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0
}

.splide__pagination li {
  list-style-type: none;
  display: inline-block;
  line-height: 1;
  margin: 0
}

.splide {
  visibility: hidden
}

.splide,
.splide__slide {
  position: relative;
  outline: none
}

.splide__slide {
  box-sizing: border-box;
  list-style-type: none !important;
  margin: 0;
  flex-shrink: 0
}

.splide__slide img {
  vertical-align: bottom
}

.splide__slider {
  position: relative
}

.splide__spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #999;
  border-left-color: transparent;
  animation: splide-loading 1s linear infinite
}

.splide__track {
  position: relative;
  z-index: 0;
  overflow: hidden
}

.splide--draggable>.splide__track>.splide__list>.splide__slide {
  -webkit-user-select: none;
  user-select: none
}

.splide--fade>.splide__track>.splide__list {
  display: block
}

.splide--fade>.splide__track>.splide__list>.splide__slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0
}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
  position: relative;
  z-index: 1;
  opacity: 1
}

.splide--rtl {
  direction: rtl
}

.splide--ttb>.splide__track>.splide__list {
  display: block
}

.splide--ttb>.splide__pagination {
  width: auto
}

.splide__arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  opacity: .7;
  background: #ccc
}

.splide__arrow svg {
  width: 1.2em;
  height: 1.2em
}

.splide__arrow:hover {
  cursor: pointer;
  opacity: .9
}

.splide__arrow:focus {
  outline: none
}

.splide__arrow--prev {
  left: 1em
}

.splide__arrow--prev svg {
  transform: scaleX(-1)
}

.splide__arrow--next {
  right: 1em
}

.splide__pagination {
  position: absolute;
  z-index: 1;
  bottom: .5em;
  left: 50%;
  transform: translateX(-50%);
  padding: 0
}

.splide__pagination__page {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  margin: 3px;
  padding: 0;
  transition: transform .2s linear;
  border: none;
  opacity: .7
}

.splide__pagination__page.is-active {
  transform: scale(1.4);
  background: #fff
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9
}

.splide__pagination__page:focus {
  outline: none
}

.splide__progress__bar {
  width: 0;
  height: 3px;
  background: #ccc
}

.splide--rtl>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
  right: 1em;
  left: auto
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
  transform: scaleX(1)
}

.splide--rtl>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
  left: 1em;
  right: auto
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
  transform: scaleX(-1)
}

.splide--ttb>.splide__arrows .splide__arrow,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
  left: 50%;
  transform: translate(-50%)
}

.splide--ttb>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
  top: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
  transform: rotate(-90deg)
}

.splide--ttb>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
  top: auto;
  bottom: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
  transform: rotate(90deg)
}

.splide--ttb>.splide__pagination {
  display: flex;
  flex-direction: column;
  bottom: 50%;
  left: auto;
  right: .5em;
  transform: translateY(50%)
}

/***End Splide Slider***/

/**Ybox Popup**/
.yBoxOverlay * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.yBoxImgZoom span {
  position: absolute;
  background-color: #fff;
  padding: 8px 15px;
  font-weight: 600;
  left: inherit;
  right: 0;
  bottom: 0;
  border-radius: 0;
  box-shadow: 0 0 0px 0px rgb(0 0 0 / 9%), 0 0px 6px rgb(0 0 0 / 13%);
}

.yBoxOverlay {
  background: rgba(0, 0, 0, .5);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  -khtml-opacity: 0;
  -webkit-transition: .5s;
  transition: .5s
}

.yBoxOverlay.active {
  visibility: visible;
  opacity: 1;
  -khtml-opacity: 1
}

.yBoxImgZoom {
  width: 100%;
  max-height: 100%;
  overflow: hidden
}

.yBoxFrame {
  background: #fff;
  max-width: -webkit-calc(100% - 10px);
  max-width: calc(100% - 10px);
  max-height: -webkit-calc(100vh - 10px);
  max-height: calc(100vh - 10px);
  z-index: 10001;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px)
}

.yBoxOverlay.active .yBoxFrame {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.closeYbox {
  background: 0 0/100% 100% #fff;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  cursor: pointer;
  z-index: 3
}

.yBoxIframe,
.yBoxLoaderWrap {
  position: absolute;
  height: 100%
}

.closeYbox::after,
.closeYbox::before {
  content: '';
  background-color: #616161;
  width: 71%;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: .5s;
  transition: .5s;
  will-change: background-color, transform
}

.closeYbox::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.closeYbox:hover::before {
  background-color: #c03;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg)
}

.closeYbox:hover::after {
  background-color: #c03;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.yBoxIframe {
  width: 100%;
  top: 0;
  left: 0
}

.yBoxFrame.yBoxIframeWrap {
  width: 1200px;
  height: 750px
}

.yBoxFrame.yBoxIframeWrap .insertYboxAjaxHere {
  position: absolute;
  max-height: 100%;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px
}

.insertYboxAjaxHere {
  min-width: 150px;
  min-height: 23px;
  max-height: -webkit-calc(100vh - 140px);
  max-height: calc(100vh - 140px);
  overflow: auto;
  padding: 50px 19px 13px
}

.yBoxFrame.yBoxImgWrap .insertYboxAjaxHere {
  padding: 10px;
  max-height: -webkit-calc(100vh - 10px);
  max-height: calc(100vh - 10px)
}

.yBoxFrame.yBoxImgWrap img.yBoxImg {
  max-width: -webkit-calc(100vw - 50px);
  max-width: calc(100vw - 50px);
  max-height: -webkit-calc(100vh - 30px);
  max-height: calc(100vh - 30px);
  vertical-align: top
}

.yBoxFrame.yBoxImgWrap .yBoxNextImg,
.yBoxFrame.yBoxImgWrap .yBoxPrevImg {
  background: 0 0;
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  border: none;
  outline: 0;
  cursor: pointer;
  z-index: 2
}

.yBoxFrame.yBoxImgWrap .yBoxNextImg {
  right: 0 !important;
  left: inherit
}

.yBoxFrame.yBoxImgWrap .yBoxPrevImg {
  left: 0 !important;
  right: inherit
}

.yBoxFrame.yBoxImgWrap .yBoxNextImg::after,
.yBoxFrame.yBoxImgWrap .yBoxPrevImg::after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  border-bottom: 3px solid rgba(255, 255, 255, .7);
  border-left: 3px solid rgba(255, 255, 255, .7)
}

.yBoxFrame.yBoxImgWrap .yBoxPrevImg::after {
  left: 50px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg)
}

.yBoxFrame.yBoxImgWrap .yBoxNextImg::after {
  right: 50px;
  left: inherit;
  -webkit-transform: translate(0, -50%) rotate(-135deg);
  transform: translate(0, -50%) rotate(-135deg)
}

.yBoxFrame.yBoxImgWrap .yBoxNextImg:hover::after,
.yBoxFrame.yBoxImgWrap .yBoxPrevImg:hover::after {
  border-bottom-color: #fff;
  border-left-color: #fff
}

.yBoxLoaderWrap {
  text-align: center;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%
}

.yBoxLoader {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  animation: 1s linear infinite loader-circles;
  top: 50%;
  margin: -8px auto 0;
  zoom: 0.5
}

@keyframes loader-circles {

  0%,
  100% {
    box-shadow: 0 -27px 0 0 rgba(0, 0, 0, .05), 19px -19px 0 0 rgba(0, 0, 0, .1), 27px 0 0 0 rgba(0, 0, 0, .2), 19px 19px 0 0 rgba(0, 0, 0, .3), 0 27px 0 0 rgba(0, 0, 0, .4), -19px 19px 0 0 rgba(0, 0, 0, .6), -27px 0 0 0 rgba(0, 0, 0, .8), -19px -19px 0 0 #fff
  }

  12.5% {
    box-shadow: 0 -27px 0 0 #fff, 19px -19px 0 0 rgba(0, 0, 0, .05), 27px 0 0 0 rgba(0, 0, 0, .1), 19px 19px 0 0 rgba(0, 0, 0, .2), 0 27px 0 0 rgba(0, 0, 0, .3), -19px 19px 0 0 rgba(0, 0, 0, .4), -27px 0 0 0 rgba(0, 0, 0, .6), -19px -19px 0 0 rgba(0, 0, 0, .8)
  }

  25% {
    box-shadow: 0 -27px 0 0 rgba(0, 0, 0, .8), 19px -19px 0 0 #fff, 27px 0 0 0 rgba(0, 0, 0, .05), 19px 19px 0 0 rgba(0, 0, 0, .1), 0 27px 0 0 rgba(0, 0, 0, .2), -19px 19px 0 0 rgba(0, 0, 0, .3), -27px 0 0 0 rgba(0, 0, 0, .4), -19px -19px 0 0 rgba(0, 0, 0, .6)
  }

  37.5% {
    box-shadow: 0 -27px 0 0 rgba(0, 0, 0, .6), 19px -19px 0 0 rgba(0, 0, 0, .8), 27px 0 0 0 #fff, 19px 19px 0 0 rgba(0, 0, 0, .05), 0 27px 0 0 rgba(0, 0, 0, .1), -19px 19px 0 0 rgba(0, 0, 0, .2), -27px 0 0 0 rgba(0, 0, 0, .3), -19px -19px 0 0 rgba(0, 0, 0, .4)
  }

  50% {
    box-shadow: 0 -27px 0 0 rgba(0, 0, 0, .4), 19px -19px 0 0 rgba(0, 0, 0, .6), 27px 0 0 0 rgba(0, 0, 0, .8), 19px 19px 0 0 #fff, 0 27px 0 0 rgba(0, 0, 0, .05), -19px 19px 0 0 rgba(0, 0, 0, .1), -27px 0 0 0 rgba(0, 0, 0, .2), -19px -19px 0 0 rgba(0, 0, 0, .3)
  }

  62.5% {
    box-shadow: 0 -27px 0 0 rgba(0, 0, 0, .3), 19px -19px 0 0 rgba(0, 0, 0, .4), 27px 0 0 0 rgba(0, 0, 0, .6), 19px 19px 0 0 rgba(0, 0, 0, .8), 0 27px 0 0 #fff, -19px 19px 0 0 rgba(0, 0, 0, .05), -27px 0 0 0 rgba(0, 0, 0, .1), -19px -19px 0 0 rgba(0, 0, 0, .2)
  }

  75% {
    box-shadow: 0 -27px 0 0 rgba(0, 0, 0, .2), 19px -19px 0 0 rgba(0, 0, 0, .3), 27px 0 0 0 rgba(0, 0, 0, .4), 19px 19px 0 0 rgba(0, 0, 0, .6), 0 27px 0 0 rgba(0, 0, 0, .8), -19px 19px 0 0 #fff, -27px 0 0 0 rgba(0, 0, 0, .05), -19px -19px 0 0 rgba(0, 0, 0, .1)
  }

  87.5% {
    box-shadow: 0 -27px 0 0 rgba(0, 0, 0, .1), 19px -19px 0 0 rgba(0, 0, 0, .2), 27px 0 0 0 rgba(0, 0, 0, .3), 19px 19px 0 0 rgba(0, 0, 0, .4), 0 27px 0 0 rgba(0, 0, 0, .6), -19px 19px 0 0 rgba(0, 0, 0, .8), -27px 0 0 0 #fff, -19px -19px 0 0 rgba(0, 0, 0, .05)
  }
}

@media screen and (max-width:767px) {
  .closeYbox {
    top: 5px;
    right: 5px
  }

  .yBoxFrame.yBoxImgWrap img.yBoxImg {
    max-width: -webkit-calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    max-height: -webkit-calc(100vh - 20px);
    max-height: calc(100vh - 20px)
  }

  .yBoxFrame.yBoxImgWrap .yBoxPrevImg::after {
    right: 50%;
    width: 14px;
    height: 14px
  }

  .yBoxFrame.yBoxImgWrap .yBoxNextImg::after {
    left: 50%;
    width: 14px;
    height: 14px
  }

  .yBoxFrame.yBoxIframeWrap .insertYboxAjaxHere {
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px
  }

  .yBoxFrame.yBoxImgWrap .yBoxNextImg,
  .yBoxFrame.yBoxImgWrap .yBoxPrevImg {
    width: 50px;
    max-width: 30%;
    height: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .yBoxFrame.yBoxImgWrap .insertYboxAjaxHere {
    padding: 5px;
    max-height: -webkit-calc(100vh - 10px);
    max-height: calc(100vh - 10px);
    height: -webkit-calc(100vh - 10px);
    height: calc(100vh - 10px)
  }

  .yBoxFrame.yBoxImgWrap {
    width: -webkit-calc(100vw - 10px);
    width: calc(100vw - 10px);
    height: -webkit-calc(100vh - 10px);
    height: calc(100vh - 10px)
  }

  .yBoxImgZoom {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    height: 100%;
    overflow: hidden
  }
}

@media screen and (max-width:479px) {

  .yBoxFrame.yBoxIframeWrap,
  .yBoxFrame.yBoxIframeWrap .insertYboxAjaxHere,
  .yBoxFrame.yBoxImgWrap,
  .yBoxFrame.yBoxImgWrap .insertYboxAjaxHere {
    height: -webkit-calc(100vh - 80px);
    height: calc(100vh - 80px)
  }

  .yBoxFrame.yBoxImgWrap img.yBoxImg,
  .yBoxIframe {
    max-height: -webkit-calc(100vh - 90px);
    max-height: calc(100vh - 90px)
  }
}

/**End Ybox Popup**/
